feat(webui): Migrate to npm workspace; Update taskfile and the package scripts accordingly. (#1119)

Author: davemarco

components/clp-package-utils/clp_package_utils/scripts/start_clp.py

@@ -843,7 +843,7 @@ def start_webui(
         get_clp_home() / "var" / "www" / "webui" / "client" / "settings.json"
     )
     server_settings_json_path = (
-        get_clp_home() / "var" / "www" / "webui" / "server" / "dist" / "server" / "settings.json"
+        get_clp_home() / "var" / "www" / "webui" / "server" / "dist" / "settings.json"
     )
 
     validate_webui_config(clp_config, client_settings_json_path, server_settings_json_path)
@@ -964,7 +964,7 @@ def start_webui(
 
     node_cmd = [
         str(CONTAINER_CLP_HOME / "bin" / "node-22"),
-        str(container_webui_dir / "server" / "dist" / "server" / "src" / "main.js"),
+        str(container_webui_dir / "server" / "dist" / "src" / "main.js"),
     ]
     cmd = container_cmd + node_cmd
     subprocess.run(cmd, stdout=subprocess.DEVNULL, check=True)

components/webui/client/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "webui-client",
+  "name": "@webui/client",
   "version": "0.1.0",
   "description": "",
   "main": "src/main.tsx",
@@ -18,9 +18,10 @@
     "@emotion/styled": "^11.14.0",
     "@monaco-editor/react": "^4.7.0",
     "@mui/joy": "^5.0.0-beta.51",
-    "@sinclair/typebox": "^0.34.25",
+    "@sinclair/typebox": "^0.34.38",
     "@tanstack/react-query": "^5.81.5",
     "@tanstack/react-query-devtools": "^5.81.5",
+    "@webui/common": "*",
     "antd": "^5.24.5",
     "axios": "^1.7.9",
     "chart.js": "^4.4.9",
@@ -43,8 +44,8 @@
     "@types/react-dom": "^19.0.4",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.3.4",
-    "eslint-config-yscope": "latest",
-    "typescript": "~5.6.2",
+    "eslint-config-yscope": "1.1.1",
+    "typescript": "~5.7.3",
     "vite": "^6.3.5"
   }
 }

components/webui/client/src/api/socket/MongoSocketCollection.ts

@@ -1,7 +1,7 @@
 import {
     ClientToServerEvents,
     ServerToClientEvents,
-} from "@common/index.js";
+} from "@webui/common";
 import {Socket} from "socket.io-client";
 
 import {MongoSocketCursor} from "./MongoSocketCursor.js";

components/webui/client/src/api/socket/MongoSocketCursor.ts

@@ -3,7 +3,7 @@ import {
     QueryId,
     Response,
     ServerToClientEvents,
-} from "@common/index.js";
+} from "@webui/common";
 import {Socket} from "socket.io-client";
 
 import {Nullable} from "../../typings/common";

components/webui/client/src/api/socket/SocketSingleton.ts

@@ -1,7 +1,7 @@
 import {
     ClientToServerEvents,
     ServerToClientEvents,
-} from "@common/index.js";
+} from "@webui/common";
 import {
     io,
     Socket,

components/webui/client/src/config/index.ts

@@ -1,4 +1,5 @@
-import {CLP_QUERY_ENGINES} from "../../../common/index.js";
+import {CLP_QUERY_ENGINES} from "@webui/common";
+
 import {settings} from "../settings";
 
 

components/webui/client/src/pages/SearchPage/SearchResults/SearchResultsTable/Presto/PrestoResultsVirtualTable/index.tsx

@@ -3,7 +3,8 @@ import {
     useMemo,
 } from "react";
 
-import type {PrestoSearchResult} from "../../../../../../../../common/index.js";
+import type {PrestoSearchResult} from "@webui/common";
+
 import VirtualTable from "../../../../../../components/VirtualTable";
 import useSearchStore from "../../../../SearchState/index";
 import {usePrestoSearchResults} from "./usePrestoSearchResults";

components/webui/client/src/pages/SearchPage/SearchResults/SearchResultsTable/Presto/PrestoResultsVirtualTable/usePrestoSearchResults.ts

@@ -1,4 +1,5 @@
-import type {PrestoSearchResult} from "../../../../../../../../common/index.js";
+import type {PrestoSearchResult} from "@webui/common";
+
 import MongoSocketCollection from "../../../../../../api/socket/MongoSocketCollection";
 import {useCursor} from "../../../../../../api/socket/useCursor";
 import useSearchStore, {SEARCH_STATE_DEFAULT} from "../../../../SearchState/index";

components/webui/client/src/pages/SearchPage/SearchResults/SearchResultsTable/Presto/PrestoResultsVirtualTable/utils.ts

@@ -1,7 +1,6 @@
+import type {PrestoSearchResult} from "@webui/common";
 import {TableProps} from "antd";
 
-import type {PrestoSearchResult} from "../../../../../../../../common/index.js";
-
 
 /**
  * Generates dynamic columns configuration for Presto query engine.

components/webui/client/src/pages/SearchPage/SearchState/useResultsMetadata.ts

@@ -1,4 +1,4 @@
-import {SearchResultsMetadataDocument} from "@common/index.js";
+import {SearchResultsMetadataDocument} from "@webui/common";
 
 import MongoSocketCollection from "../../../api/socket/MongoSocketCollection";
 import {useCursor} from "../../../api/socket/useCursor";