Merge branch 'dev' into alexey/2054/button-sounds-fix

Author: PepperLola

exporter/SynthesisFusionAddin/web/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "NODE_ENV=dev vite build --watch",
     "dev:ui": "vite --open",
-    "build": "vite build",
+    "build": "tsc -p tsconfig.app.json && vite build",
     "lint": "biome lint",
     "lint:fix": "biome lint --fix",
     "style": "biome format",

exporter/SynthesisFusionAddin/web/src/lib/joints.ts

@@ -28,7 +28,7 @@ export const signalInfo: Record<SignalType, { bg: string; outline: string; fg: s
 
 export function createJoint(fusionJoint: FusionJoint): Joint {
     return {
-        entityToken: fusionJoint.entityToken,
+        jointToken: fusionJoint.entityToken,
         name: fusionJoint.name,
         type: fusionJoint.jointType,
         parent: JointParentType.ROOT,

exporter/SynthesisFusionAddin/web/tsconfig.app.json

@@ -1,4 +1,5 @@
 {
+  "extends": "./tsconfig.json",
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "target": "ES2022",

exporter/SynthesisFusionAddin/web/tsconfig.node.json

@@ -1,4 +1,5 @@
 {
+  "extends": "./tsconfig.json",
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
     "target": "ES2023",
@@ -11,7 +12,7 @@
     "verbatimModuleSyntax": true,
     "moduleDetection": "force",
     "noEmit": true,
-
+    "composite": true,
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,

fission/src/ui/modals/common/ConfirmModal.tsx

@@ -0,0 +1,41 @@
+import { Stack, Typography } from "@mui/material"
+import type React from "react"
+import { useEffect } from "react"
+import { useUIContext } from "@/ui/helpers/UIProviderHelpers"
+import type { ModalImplProps } from "@/ui/components/Modal"
+
+export type ConfirmModalCustomProps = {
+    message: string
+}
+
+const ConfirmModal: React.FC<ModalImplProps<void, ConfirmModalCustomProps>> = ({ modal }) => {
+    const { configureScreen } = useUIContext()
+
+    useEffect(() => {
+        if (!modal) return
+        configureScreen(
+            modal,
+            {
+                title: modal.props.title ?? "Confirm",
+                acceptText: modal.props.acceptText ?? "Confirm",
+                cancelText: modal.props.cancelText ?? "Cancel",
+                hideAccept: false,
+                hideCancel: false,
+                allowClickAway: modal.props.allowClickAway ?? true,
+            },
+            {}
+        )
+    }, [modal, configureScreen])
+
+    if (!modal) return null
+
+    const { message } = modal.props.custom
+
+    return (
+        <Stack component="div" gap={1} sx={{ minWidth: 320, maxWidth: 500 }}>
+            <Typography sx={{ userSelect: "none" }}>{message}</Typography>
+        </Stack>
+    )
+}
+
+export default ConfirmModal

fission/src/ui/panels/DebugPanel.tsx

@@ -17,6 +17,7 @@ import type { PanelImplProps } from "../components/Panel"
 import { useUIContext } from "../helpers/UIProviderHelpers"
 import PokerPanel from "./PokerPanel"
 import WsViewPanel from "./WsViewPanel"
+import ConfirmModal from "@/ui/modals/common/ConfirmModal"
 
 function toggleDragMode() {
     const dragSystem = World.dragModeSystem
@@ -28,11 +29,11 @@ function toggleDragMode() {
 }
 
 const DebugPanel: React.FC<PanelImplProps<void, void>> = ({ panel }) => {
-    const { openPanel, configureScreen } = useUIContext()
+    const { openPanel, openModal, configureScreen } = useUIContext()
 
     useEffect(() => {
         configureScreen(panel!, { title: "Debug Tools", hideAccept: true, cancelText: "Close" }, {})
-    }, [])
+    }, [configureScreen, panel])
 
     return (
         <Box
@@ -71,6 +72,42 @@ const DebugPanel: React.FC<PanelImplProps<void, void>> = ({ panel }) => {
                 <Button onClick={() => PreferencesSystem.clearPreferences()} className="w-full">
                     Clear Preferences
                 </Button>
+                <Button
+                    onClick={() => {
+                        openModal(
+                            ConfirmModal,
+                            {
+                                message:
+                                    "Are you sure you want to clear all preferences and cached data? This cannot be undone.",
+                            },
+                            panel,
+                            {
+                                title: "Clear All Data",
+                                acceptText: "Clear & Reload",
+                                cancelText: "Cancel",
+                                onAccept: async () => {
+                                    window.localStorage.clear()
+                                    sessionStorage.clear()
+                                    await navigator.storage
+                                        .getDirectory()
+                                        .then(async root => {
+                                            for await (const key of root.keys()) {
+                                                await root.removeEntry(key, { recursive: true })
+                                            }
+                                        })
+                                        .catch(() => {
+                                            console.warn("couldn't empty opfs")
+                                        })
+                                    window.location.reload()
+                                    console.log("All data cleared")
+                                },
+                            }
+                        )
+                    }}
+                    className="w-full"
+                >
+                    Clear All Data
+                </Button>
 
                 <Label size="sm">Autodesk Platform Services</Label>
                 <Button