@loveluthien/carta-frontend 6.0.0-dev

package/package.json

@@ -0,0 +1,186 @@
+{
+    "name": "@loveluthien/carta-frontend",
+    "version": "6.0.0-dev",
+    "repository": "https://github.com/CARTAvis/carta-frontend",
+    "description": "The browser-based frontend component of CARTA, a radio-astronomy visualization tool designed for the ALMA, the VLA and the SKA pathfinders.",
+    "homepage": "./",
+    "devDependencies": {
+        "@babel/plugin-proposal-decorators": "^7.28.0",
+        "@babel/preset-env": "^7.28.3",
+        "@babel/preset-react": "^7.27.1",
+        "@babel/preset-typescript": "^7.27.1",
+        "@blueprintjs/eslint-plugin": "^6.1.16",
+        "@blueprintjs/core": "^6.0.0",
+        "@blueprintjs/icons": "^6.0.0",
+        "@blueprintjs/select": "^6.0.0",
+        "@blueprintjs/table": "^6.0.0",
+        "@jest/types": "^30.0.5",
+        "@rsbuild/core": "^1.7.3",
+        "@rsbuild/plugin-eslint": "^1.2.1",
+        "@rsbuild/plugin-node-polyfill": "^1.4.4",
+        "@rsbuild/plugin-react": "^1.4.5",
+        "@rsbuild/plugin-sass": "^1.5.0",
+        "@testing-library/jest-dom": "^6.4.8",
+        "@testing-library/react": "^16.0.1",
+        "@testing-library/user-event": "^14.5.2",
+        "@types/jest": "^30.0.0",
+        "@types/jquery": "^3.5.30",
+        "@types/lodash": "^4.17.7",
+        "@types/node": "^25.0.0",
+        "@types/plotly.js": "^3.0.0",
+        "@types/prismjs": "^1.26.4",
+        "@types/react": "^18.3.12",
+        "@types/react-dom": "^18.3.1",
+        "@types/react-plotly.js": "^2.6.3",
+        "@types/react-virtualized-auto-sizer": "^1.0.4",
+        "@types/tinycolor2": "^1.4.6",
+        "@typescript-eslint/eslint-plugin": "^8.43.0",
+        "@typescript-eslint/parser": "^8.43.0",
+        "ajv": "^8.17.1",
+        "assert": "^2.1.0",
+        "axios": "^1.7.2",
+        "babel-jest": "^30.1.2",
+        "buffer": "^6.0.3",
+        "chart.js": "^4.4.3",
+        "classnames": "^2.5.1",
+        "constants-browserify": "^1.0.0",
+        "crypto-browserify": "^3.12.0",
+        "eslint": "^9.0.0",
+        "eslint-plugin-import": "^2.26.0",
+        "eslint-plugin-simple-import-sort": "^12.1.1",
+        "eslint-plugin-tsdoc": "^0.5.0",
+        "fuzzy-search": "^3.2.1",
+        "glob-to-regexp": "^0.4.1",
+        "golden-layout": "^1.5.9",
+        "html2canvas": "^1.4.1",
+        "husky": "^9.1.7",
+        "idb": "^8.0.0",
+        "identity-obj-proxy": "^3.0.0",
+        "jest": "^30.1.3",
+        "jest-canvas-mock": "^2.5.2",
+        "jest-environment-jsdom": "^30.1.2",
+        "jest-transform-stub": "^2.0.0",
+        "jwt-decode": "^4.0.0",
+        "konva": "^9.3.16",
+        "lint-staged": "^16.2.7",
+        "lodash": "^4.17.15",
+        "mnemonist": "^0.39.8",
+        "mobx": "^6.13.1",
+        "mobx-react": "^9.1.1",
+        "moment": "^2.30.1",
+        "npm-run-all": "^4.1.3",
+        "os-browserify": "^0.3.0",
+        "path-browserify": "^1.0.1",
+        "plotly.js": "^3.0.0",
+        "prettier": "^3.8.1",
+        "preval.macro": "^5.0.0",
+        "prismjs": "^1.29.0",
+        "protobufjs": "^7.5.4",
+        "protobufjs-cli": "^1.1.2",
+        "raw-loader": "^4.0.2",
+        "react": "^18.3.1",
+        "react-chartjs-2": "^5.2.0",
+        "react-color": "^2.17.3",
+        "react-dom": "^18.3.1",
+        "react-iframe": "^1.8.5",
+        "react-konva": "^18.2.10",
+        "react-plotly.js": "^2.6.0",
+        "react-refresh": "^0.17.0",
+        "react-rnd": "^10.4.11",
+        "react-scroll-to-bottom": "^4.2.0",
+        "react-simple-code-editor": "^0.14.1",
+        "react-split-pane": "^0.1.91",
+        "react-virtualized-auto-sizer": "^1.0.24",
+        "react-window": "^2.0.0",
+        "rsbuild-plugin-glsl": "^1.0.1",
+        "rxjs": "^7.8.1",
+        "semver": "^7.6.3",
+        "source-map-explorer": "^2.5.3",
+        "stats-js": "^1.0.1",
+        "stream-browserify": "^3.0.0",
+        "tinycolor2": "^1.6.0",
+        "ts-jest": "^29.4.1",
+        "typescript": "^5.9.0",
+        "util": "^0.12.5",
+        "uuid": "^13.0.0",
+        "worker-loader": "^3.0.8",
+        "worker-rspack-loader": "^3.1.2"
+    },
+    "scripts": {
+        "git-info": "./git-info.sh",
+        "analyze": "source-map-explorer build/static/js/main.*",
+        "postinstall": "patch-package",
+        "prepare": "husky",
+        "start": "npm run git-info; rsbuild dev --config-loader jiti",
+        "build": "npm run git-info; npm-run-all build-wrappers build-protobuf link-schemas build-ts",
+        "build-docker": "npm run git-info; npm-run-all build-wrappers-docker build-protobuf link-schemas build-ts",
+        "build-singularity": "npm run git-info; npm-run-all build-wrappers-singularity build-protobuf link-schemas build-ts",
+        "build-ts": "rsbuild build --config-loader jiti",
+        "preview": "rsbuild preview --config-loader jiti",
+        "build-libs": "./wasm_libs/build_libs.sh",
+        "build-libs-docker": "./build_wasm_libs_docker.sh",
+        "build-libs-singularity": "./build_wasm_libs_singularity.sh",
+        "build-wrappers": "./wasm_src/build_wrappers.sh",
+        "build-wrappers-docker": "./build_wasm_wrappers_docker.sh",
+        "build-wrappers-singularity": "./build_wasm_wrappers_singularity.sh",
+        "build-protobuf": "./protobuf/build_proto.sh",
+        "link-schemas": "./schemas/link_schemas.sh",
+        "test": "jest",
+        "test:watch": "jest --watch",
+        "test:coverage": "jest --coverage",
+        "reformat": "npx prettier --write ./src",
+        "checkformat": "npx prettier --check ./src",
+        "prepack": "npm run build-libs-docker; npm run build-docker",
+        "fix-eslint": "eslint --fix ./src",
+        "check-eslint": "eslint ./src"
+    },
+    "lint-staged": {
+        "src/**/*.{js,jsx,ts,tsx}": [
+            "prettier --write --ignore-unknown",
+            "eslint --fix"
+        ],
+        "src/**/*.{scss,css,json,md,mdx,yml,yaml}": [
+            "prettier --write --ignore-unknown"
+        ],
+        "docs_website/**/*.{js,jsx,ts,tsx,md,mdx,json,css,scss,yml,yaml}": [
+            "docs_website/node_modules/.bin/prettier --write --ignore-unknown"
+        ]
+    },
+    "browserslist": {
+        "production": [
+            "last 2 chrome versions",
+            "last 2 firefox versions",
+            "last 2 safari versions"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    },
+    "dependencies": {
+        "patch-package": "^8.0.0",
+        "usehooks-ts": "^3.1.0"
+    },
+    "overrides": {
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "typescript": "^5.9.0",
+        "fork-ts-checker-webpack-plugin": "^6.5.3",
+        "@types/trusted-types": "^2.0.7"
+    },
+    "optionalDependencies": {
+        "@rspack/binding-darwin-arm64": "^1.5.5",
+        "@rspack/binding-darwin-x64": "^1.5.5",
+        "@rspack/binding-linux-arm64-gnu": "^1.5.5",
+        "@rspack/binding-linux-arm64-musl": "^1.5.5",
+        "@rspack/binding-linux-x64-gnu": "^1.5.5",
+        "@rspack/binding-linux-x64-musl": "^1.5.5",
+        "sass-embedded-darwin-arm64": "1.97.3",
+        "sass-embedded-darwin-x64": "1.97.3",
+        "sass-embedded-linux-arm64": "1.97.3",
+        "sass-embedded-linux-musl-arm64": "1.97.3",
+        "sass-embedded-linux-musl-x64": "1.97.3",
+        "sass-embedded-linux-x64": "1.97.3"
+    }
+}

package/patches/golden-layout+1.5.9.patch

@@ -0,0 +1,24 @@
+diff --git a/node_modules/golden-layout/dist/goldenlayout.js b/node_modules/golden-layout/dist/goldenlayout.js
+index 736f9ec..9c59284 100644
+--- a/node_modules/golden-layout/dist/goldenlayout.js
++++ b/node_modules/golden-layout/dist/goldenlayout.js
+@@ -5265,7 +5265,9 @@ lm.utils.copy( lm.utils.ReactComponentHandler.prototype, {
+ 	 * @returns {void}
+ 	 */
+ 	_render: function() {
+-		this._reactComponent = ReactDOM.render( this._getReactComponent(), this._container.getElement()[ 0 ] );
++		this._reactRoot = createRoot( this._container.getElement()[ 0  ] );
++		this._reactRoot.render( this._getReactComponent() );
++		this._reactComponent = this._getReactComponent();
+ 		this._originalComponentWillUpdate = this._reactComponent.componentWillUpdate || function() {
+ 			};
+ 		this._reactComponent.componentWillUpdate = this._onUpdate.bind( this );
+@@ -5281,7 +5283,7 @@ lm.utils.copy( lm.utils.ReactComponentHandler.prototype, {
+ 	 * @returns {void}
+ 	 */
+ 	_destroy: function() {
+-		ReactDOM.unmountComponentAtNode( this._container.getElement()[ 0 ] );
++		this._reactRoot.unmount();
+ 		this._container.off( 'open', this._render, this );
+ 		this._container.off( 'destroy', this._destroy, this );
+ 	},

package/patches/react-split-pane+0.1.92.patch

@@ -0,0 +1,20 @@
+diff --git a/node_modules/react-split-pane/index.d.ts b/node_modules/react-split-pane/index.d.ts
+index d116f54..54452b7 100644
+--- a/node_modules/react-split-pane/index.d.ts
++++ b/node_modules/react-split-pane/index.d.ts
+@@ -5,6 +5,7 @@ export type Size = string | number;
+ export type Split = 'vertical' | 'horizontal';
+ 
+ export type SplitPaneProps = {
++  children: React.ReactNode[];
+   allowResize?: boolean;
+   className?: string;
+   primary?: 'first' | 'second';
+@@ -59,6 +60,7 @@ declare class SplitPane extends React.Component<
+ export default SplitPane;
+ 
+ export type PaneProps = {
++  children: React.ReactNode;
+   className?: string;
+   size?: Size;
+   split?: Split;

package/rsbuild.config.ts

@@ -0,0 +1,75 @@
+import {defineConfig} from "@rsbuild/core";
+import {pluginEslint} from "@rsbuild/plugin-eslint";
+import {pluginNodePolyfill} from "@rsbuild/plugin-node-polyfill";
+import {pluginReact} from "@rsbuild/plugin-react";
+import {pluginSass} from "@rsbuild/plugin-sass";
+import {pluginGlsl} from "rsbuild-plugin-glsl";
+
+export default defineConfig({
+    plugins: [
+        pluginEslint({
+            enable: true,
+            eslintPluginOptions: {
+                cache: false,
+                configType: "flat",
+            },
+        }),
+        pluginReact(),
+        pluginSass(),
+        pluginNodePolyfill(),
+        pluginGlsl()
+    ],
+    source: {
+        decorators: {
+            version: "legacy",
+        },
+        preEntry: "./src/setupGoldenLayout.ts",
+        define: {
+            'process.env.BUILD_DATE': JSON.stringify(new Date().toISOString()),
+        },
+    },
+    dev: {
+        lazyCompilation: false,
+    },
+    output: {
+        distPath: {
+            root: "build"
+        },
+        assetPrefix: "./"
+    },
+    server: {
+        open: true,
+        port: 3000,
+        host: "localhost"
+    },
+    performance: {
+        chunkSplit: {
+            strategy: "split-by-size"
+        }
+    },
+    html: {
+        template: "./public/index.html",
+        title: "CARTA",
+    },
+    tools: {
+        rspack: {
+            node: {
+                __filename: false,
+                __dirname: false,
+            },
+            resolveLoader: {
+                alias: {
+                    "worker-loader": "worker-rspack-loader",
+                },
+            },
+            module: {
+                rules: [
+                    {
+                        test: /\.worker\.js$/,
+                        loader: "worker-rspack-loader",
+                    },
+                ],
+            },
+        },
+    },
+});

package/schemas/.github/workflows/AddToCartaVisProject.yml

@@ -0,0 +1,23 @@
+name: Add new issues and pull requests to CartaVis Board project
+
+on:
+  issues:
+    types:
+      - opened
+      - reopened
+  pull_request:
+    types:
+      - opened
+      - reopened
+
+jobs:
+  add-to-project:
+    name: Add issue to project
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/add-to-project@v0.6.1
+        with:
+          # You can target a project in a different organization
+          # to the issue
+          project-url: https://github.com/orgs/CARTAvis/projects/11
+          github-token: ${{ secrets.ADD_TO_CARTA_BOARD_PROJECT_PAT }}

package/schemas/.prettierrc.json

@@ -0,0 +1,18 @@
+{
+    "arrowParens": "avoid",
+    "bracketSpacing": false,
+    "embeddedLanguageFormatting": "auto",
+    "htmlWhitespaceSensitivity": "css",
+    "insertPragma": false,
+    "bracketSameLine": false,
+    "jsxSingleQuote": false,
+    "proseWrap": "preserve",
+    "quoteProps": "as-needed",
+    "requirePragma": false,
+    "semi": true,
+    "singleQuote": false,
+    "trailingComma": "none",
+    "useTabs": false,
+    "printWidth": 240,
+    "tabWidth": 4
+}

package/schemas/CMakeLists.txt

@@ -0,0 +1,15 @@
+ADD_EXECUTABLE(schemacompiler schemacompiler.c)
+FILE(GLOB SCHEMA_FILES CONFIGURE_DEPENDS "*_schema_*.json")
+
+FOREACH(INPUT_FILE ${SCHEMA_FILES})
+    CMAKE_PATH(GET INPUT_FILE FILENAME OUTPUT_FILE)
+    STRING(APPEND OUTPUT_FILE ".h")
+    ADD_CUSTOM_COMMAND(
+        OUTPUT ${OUTPUT_FILE}
+        DEPENDS schemacompiler ${INPUT_FILE}
+        COMMAND schemacompiler ${INPUT_FILE} ${OUTPUT_FILE}
+    )
+    LIST(APPEND SCHEMA_HEADERS ${OUTPUT_FILE})
+ENDFOREACH()
+
+ADD_LIBRARY(carta-schemas INTERFACE ${SCHEMA_HEADERS})

package/schemas/README.md

@@ -0,0 +1 @@
+This is a directory of JSON schemas used by CARTA components, published automatically from a [source repository](https://github.com/CARTAvis/schemas).

package/schemas/_config.yml

@@ -0,0 +1,7 @@
+exclude:
+  - CMakeLists.txt
+  - link_schemas.sh
+  - .prettierrc.json
+  - schemacompiler.c
+  - test
+  - .gitignore