Merge remote-tracking branch 'origin/dev' into ryan/1925/camera-implementation

Author: ryanzhangofficial

.gitignore

@@ -2,6 +2,8 @@
 .vscode/
 build/
 dist/
+out/
+renderer/
 *.log
 .DS_Store
 *.pkg

fission/.gitignore

@@ -28,3 +28,6 @@ dist-ssr
 *.sw?
 
 yarn.lock
+
+test-results
+src/test/**/__screenshots__

fission/README.md

@@ -76,6 +76,8 @@ npm run test
 
 ## Packaging
 
+### Web Packaging
+
 We have two packaging commands: one for compiling dev for attachment to the in-development endpoint, and another for the release endpoint.
 
 Release:
@@ -94,6 +96,16 @@ You can alternatively run the default build command for your own hosting:
 npm run build
 ```
 
+### Electron Packaging
+
+We also give you the option to package Synthesis with electron. This will not give a performance boost, but it will allow Synthesis to work offline (make sure to also launch the app and download all the robot/field files you want to use).
+
+To package the app run:
+```bash
+npm run electron:publish
+```
+The packaged app will be located at synthesis/fission/out.
+
 ## Core Systems
 
 These core systems make up the bulk of the vital technologies to make Synthesis work. The idea is that these systems will serve as a

fission/biome.json

@@ -1,6 +1,6 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.1.2/schema.json",
-  "vcs": { "enabled": false, "clientKind": "git", "useIgnoreFile": false },
+  "$schema": "https://biomejs.dev/schemas/2.1.3/schema.json",
+  "vcs": { "enabled": true, "clientKind": "git", "useIgnoreFile": true, "defaultBranch": "dev" },
   "files": { "ignoreUnknown": false },
   "formatter": {
     "enabled": true,
@@ -66,6 +66,7 @@
         "useArrayLiterals": "error",
         "useAsConstAssertion": "error",
         "useComponentExportOnlyModules": "warn",
+        "useImportType": "warn",
         "useNamingConvention": {
           "level": "warn",
           "options": {
@@ -170,7 +171,7 @@
       "attributePosition": "auto",
       "bracketSpacing": true
     },
-    "globals": ["COMMIT_HASH"]
+    "globals": ["COMMIT_HASH", "MAIN_WINDOW_VITE_DEV_SERVER_URL", "MAIN_WINDOW_VITE_NAME"]
   },
   "html": { "formatter": { "selfCloseVoidElements": "always" } },
   "overrides": [

fission/bun.lock

@@ -0,0 +1,20 @@
+import { defineConfig } from "vite"
+
+// https://vitejs.dev/config
+export default defineConfig({
+  build: {
+    lib: {
+      entry: "src/main.ts",
+      formats: ["cjs"],
+      fileName: () => "main.cjs",
+    },
+    rollupOptions: {
+      external: ["electron"],
+    },
+  },
+  resolve: {
+    // Some libs that can run in both Web and Node.js, we need to tell Vite to build them in Node.js.
+    conditions: ["node"],
+    mainFields: ["module", "jsnext:main", "jsnext"],
+  },
+})

fission/electron/vite.main.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from "vite"
+
+// https://vitejs.dev/config
+export default defineConfig({
+  build: {
+    lib: {
+      entry: "src/preload.ts",
+      formats: ["cjs"],
+      fileName: () => "preload.cjs",
+    },
+    rollupOptions: {
+      external: ["electron"],
+    },
+  },
+})

fission/electron/vite.preload.config.ts

@@ -0,0 +1,5 @@
+import { defineConfig, mergeConfig } from "vite"
+import baseConfig from "../vite.config"
+
+// https://vitejs.dev/config
+export default defineConfig((env) => mergeConfig(baseConfig(env), {}))

fission/electron/vite.renderer.config.ts

@@ -0,0 +1,58 @@
+import type { ForgeConfig } from "@electron-forge/shared-types"
+import { MakerSquirrel } from "@electron-forge/maker-squirrel"
+import { MakerZIP } from "@electron-forge/maker-zip"
+import { VitePlugin } from "@electron-forge/plugin-vite"
+import { FusesPlugin } from "@electron-forge/plugin-fuses"
+import { FuseV1Options, FuseVersion } from "@electron/fuses"
+import path from "path"
+
+const config: ForgeConfig = {
+  packagerConfig: {
+    asar: true,
+    name: "Synthesis",
+    executableName: "Synthesis",
+    icon: path.resolve(__dirname, "src/assets/icons/synthesis-logo"),
+  },
+  rebuildConfig: {},
+  makers: [
+    new MakerSquirrel({
+      setupIcon: path.resolve(__dirname, "src/assets/icons/synthesis-logo.ico"),
+    }),
+    new MakerZIP({}, ["darwin", "linux"]),
+  ],
+  plugins: [
+    new VitePlugin({
+      build: [
+        {
+          entry: "src/main.ts",
+          config: "electron/vite.main.config.ts",
+          target: "main",
+        },
+        {
+          entry: "src/preload.ts",
+          config: "electron/vite.preload.config.ts",
+          target: "preload",
+        },
+      ],
+      renderer: [
+        {
+          name: "main_window",
+          config: "electron/vite.renderer.config.ts",
+        },
+      ],
+    }),
+    // Fuses are used to enable/disable various Electron functionality
+    // at package time, before code signing the application
+    new FusesPlugin({
+      version: FuseVersion.V1,
+      [FuseV1Options.RunAsNode]: false,
+      [FuseV1Options.EnableCookieEncryption]: true,
+      [FuseV1Options.EnableNodeOptionsEnvironmentVariable]: false,
+      [FuseV1Options.EnableNodeCliInspectArguments]: false,
+      [FuseV1Options.EnableEmbeddedAsarIntegrityValidation]: true,
+      [FuseV1Options.OnlyLoadAppFromAsar]: true,
+    }),
+  ],
+}
+
+export default config

fission/forge.config.ts

@@ -1,88 +1,110 @@
 {
   "name": "synthesis-fission",
   "private": false,
-  "version": "0.0.1",
+  "version": "7.1.0",
   "type": "module",
+  "main": ".vite/build/main.cjs",
+  "author": "Autodesk",
+  "description": "Synthesis",
   "scripts": {
     "init": "(bun run assetpack && bun run playwright:install) || (npm run assetpack && npm run playwright:install)",
     "host": "vite --open --host",
     "dev": "vite --open",
+    "test": "vitest",
     "build": "tsc && vite build",
     "build:prod": "tsc && vite build --base=/fission/ --outDir dist/prod",
     "build:dev": "tsc && vite build --base=/fission-closed/ --outDir dist/dev",
     "preview": "vite preview --base=/fission/",
-    "test": "vitest",
     "lint": "bunx --bun biome lint",
     "lint:fix": "bunx --bun biome lint --fix",
     "fmt": "bunx --bun biome format src",
     "fmt:fix": "bunx --bun biome format src --write",
     "style": "bun run fmt && bun run lint",
     "style:fix": "bun run fmt:fix && bun run lint:fix",
     "assetpack": "git lfs pull && tar -xf public/assetpack.zip -C public/",
-    "playwright:install": "bun x playwright install"
+    "playwright:install": "bun x playwright install",
+    "electron:start": "electron-forge start",
+    "electron:package": "electron-forge package",
+    "electron:make": "electron-forge make",
+    "electron:publish": "electron-forge publish"
   },
   "dependencies": {
     "@azaleacolburn/jolt-physics": "^0.31.2",
-    "@biomejs/biome": "^2.1.2",
+    "@biomejs/biome": "^2.1.3",
     "@haensl/google-analytics": "^1.2.2",
     "@mui/base": "^5.0.0-dev.20240529-082515-213b5e33ab",
-    "@mui/icons-material": "^5.17.1",
-    "@mui/system": "^5.17.1",
+    "@mui/icons-material": "^5.18.0",
+    "@mui/system": "^5.18.0",
     "@react-three/drei": "^9.122.0",
     "@react-three/fiber": "^8.18.0",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
-    "@xyflow/react": "^12.7.0",
+    "@xyflow/react": "^12.8.2",
     "async-mutex": "^0.5.0",
     "colord": "^2.9.3",
+    "electron-squirrel-startup": "^1.0.1",
     "framer-motion": "^10.18.0",
     "lygia": "^1.3.3",
-    "playwright": "^1.54.0",
+    "msw": "^2.10.4",
+    "notistack": "^3.0.2",
+    "playwright": "^1.54.2",
     "postprocessing": "^6.37.6",
     "react": "^18.3.1",
     "react-colorful": "^5.6.1",
     "react-dom": "^18.3.1",
+    "react-draggable": "^4.5.0",
     "react-icons": "^4.12.0",
     "three": "^0.178.0",
     "typescript-cookie": "^1.0.6",
-    "vitest-browser-react": "^1.0.0"
+    "uuid": "^11.1.0",
+    "vitest-browser-react": "^1.0.1"
   },
   "devDependencies": {
+    "@electron-forge/cli": "^7.8.1",
+    "@electron-forge/maker-deb": "^7.8.1",
+    "@electron-forge/maker-rpm": "^7.8.1",
+    "@electron-forge/maker-squirrel": "^7.8.1",
+    "@electron-forge/maker-zip": "^7.8.1",
+    "@electron-forge/plugin-auto-unpack-natives": "^7.8.1",
+    "@electron-forge/plugin-fuses": "^7.8.1",
+    "@electron-forge/plugin-vite": "^7.8.1",
+    "@electron/fuses": "^1.8.0",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/material": "^5.17.1",
-    "@testing-library/dom": "^10.4.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/material": "^5.18.0",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^20.19.1",
+    "@types/node": "^20.19.9",
     "@types/pako": "^2.0.3",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
-    "@types/three": "^0.178.0",
+    "@types/three": "^0.178.1",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "@vitejs/plugin-basic-ssl": "^1.2.0",
-    "@vitejs/plugin-react": "^4.5.2",
-    "@vitejs/plugin-react-swc": "^3.10.2",
+    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-react-swc": "^3.11.0",
     "autoprefixer": "^10.4.21",
     "cssnano": "^6.1.2",
-    "eslint-config-prettier": "^8.10.0",
+    "electron": "^37.2.4",
+    "eslint-config-prettier": "^8.10.2",
     "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.20",
     "jsdom": "^24.1.3",
     "pako": "^2.1.0",
     "postcss": "^8.5.6",
     "protobufjs": "^7.5.3",
     "protobufjs-cli": "^1.1.3",
-    "rollup": "^4.44.0",
+    "rollup": "^4.46.2",
     "sirv": "^3.0.1",
     "tailwindcss": "^3.4.17",
     "tsconfig-paths": "^4.2.0",
-    "typescript": "^5.8.3",
+    "typescript": "^5.9.2",
     "vite": "^6.3.5",
-    "vite-plugin-glsl": "^1.5.0",
+    "vite-plugin-glsl": "^1.5.1",
     "vite-plugin-singlefile": "^0.13.5",
     "vitest": "^3.2.4"
   },