build(log-viewer-webui-client): Switch from Webpack to Vite for bundling; Convert the codebase to TypeScript. #645
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,13 +1,13 @@ | ||
| import {CssVarsProvider} from "@mui/joy"; | ||
|
|
||
| import LOCAL_STORAGE_KEY from "./typings/LOCAL_STORAGE_KEY"; | ||
| import QueryStatus from "./ui/QueryStatus"; | ||
|
|
||
|
|
||
| /** | ||
| * Renders the main application. | ||
| * | ||
| * @return | ||
| */ | ||
| const App = () => { | ||
| return ( | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| import axios, { | ||
| AxiosProgressEvent, | ||
| AxiosResponse, | ||
| } from "axios"; | ||
|
|
||
| import {QUERY_JOB_TYPE} from "../typings/query"; | ||
|
|
||
|
|
||
| interface ExtractStreamResp { | ||
| _id: string, | ||
| begin_msg_ix: number, | ||
| end_msg_ix: number, | ||
| is_last_chunk: boolean, | ||
| path: string, | ||
| stream_id: string, | ||
| } | ||
|
|
||
|
|
||
| /** | ||
| * Submits a job to extract the stream that contains a given log event. The stream is extracted | ||
| * either as a CLP IR or a JSON Lines file. | ||
| * | ||
| * @param extractJobType | ||
| * @param streamId | ||
| * @param logEventIdx | ||
| * @param onUploadProgress Callback to handle upload progress events. | ||
| * @return The API response. | ||
| */ | ||
| const submitExtractStreamJob = async ( | ||
| extractJobType: QUERY_JOB_TYPE, | ||
| streamId: string, | ||
| logEventIdx: number, | ||
| onUploadProgress: (progressEvent: AxiosProgressEvent) => void, | ||
| ): Promise<AxiosResponse<ExtractStreamResp>> => { | ||
| return await axios.post( | ||
| "/query/extract-stream", | ||
| { | ||
| extractJobType, | ||
| streamId, | ||
| logEventIdx, | ||
| }, | ||
| {onUploadProgress} | ||
| ); | ||
| }; | ||
|
|
||
| export {submitExtractStreamJob}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -6,7 +6,8 @@ import App from "./App"; | |
| import "./index.css"; | ||
|
|
||
|
|
||
| // eslint-disable-next-line @typescript-eslint/no-non-null-assertion | ||
| const root = createRoot(document.getElementById("root")!); | ||
| root.render( | ||
| <StrictMode> | ||
| <App/> | ||
|
|
||
|
There was a problem hiding this comment. Maybe rename this file config.ts like log viewer. The caps are a bit out of place. |
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| type Nullable<T> = T | null; | ||
|
|
||
| export type {Nullable}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,50 @@ | ||
| enum QUERY_LOADING_STATE { | ||
| SUBMITTING = 0, | ||
| WAITING, | ||
| LOADING, | ||
| } | ||
|
|
||
| /** | ||
| * Key names in enum `QUERY_LOADING_STATE`. | ||
junhaoliao marked this conversation as resolved.
Show resolved
Hide resolved
|
||
| */ | ||
| const QUERY_LOADING_STATE_VALUES = Object.freeze( | ||
| Object.values(QUERY_LOADING_STATE).filter((value) => "number" === typeof value) | ||
| ); | ||
|
|
||
| enum QUERY_JOB_TYPE { | ||
| SEARCH_OR_AGGREGATION = 0, | ||
| EXTRACT_IR, | ||
| EXTRACT_JSON, | ||
| } | ||
|
|
||
| interface QueryLoadingStateDescription { | ||
| label: string, | ||
| description: string, | ||
| } | ||
|
|
||
| /** | ||
| * Descriptions for query loading states. | ||
| */ | ||
| const QUERY_LOADING_STATE_DESCRIPTIONS | ||
| : Record<QUERY_LOADING_STATE, QueryLoadingStateDescription> = | ||
| Object.freeze({ | ||
| [QUERY_LOADING_STATE.SUBMITTING]: { | ||
| label: "Submitting query Job", | ||
| description: "Parsing arguments and submitting job to the server.", | ||
| }, | ||
| [QUERY_LOADING_STATE.WAITING]: { | ||
| label: "Waiting for job to finish", | ||
| description: "The job is running. Waiting for the job to finish.", | ||
| }, | ||
| [QUERY_LOADING_STATE.LOADING]: { | ||
| label: "Loading Log Viewer", | ||
| description: "The query has been completed and the results are being loaded.", | ||
| }, | ||
| }); | ||
|
|
||
| export { | ||
| QUERY_JOB_TYPE, | ||
| QUERY_LOADING_STATE, | ||
| QUERY_LOADING_STATE_DESCRIPTIONS, | ||
| QUERY_LOADING_STATE_VALUES, | ||
| }; | ||
Oops, something went wrong.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This needs to be updated once y-scope/eslint-config-yscope#3 is merged and a new version is published.