@solid-labs/fab-one-widget 0.1.6 → 0.1.7

package/dist/index.js

@@ -1,4 +1,4 @@
-import { G as a, a as c, c as i, g as s } from "./GirthManagerWidget-Ci-QU3Wh.js";
+import { G as a, a as c, c as i, g as s } from "./GirthManagerWidget-C5L2H3Y2.js";
 export {
   a as GirthManagerWidget,
   c as arrayToCircumference,

package/dist/web-component.js

@@ -1,6 +1,6 @@
 import { createElement as s } from "react";
 import { createRoot as i } from "react-dom/client";
-import { G as o } from "./GirthManagerWidget-Ci-QU3Wh.js";
+import { G as o } from "./GirthManagerWidget-C5L2H3Y2.js";
 class n extends HTMLElement {
   constructor() {
     super(...arguments), this._root = null, this._request = null, this._wasmModule = void 0, this._handleComplete = (e) => {
@@ -31,7 +31,7 @@ class n extends HTMLElement {
       this._request = e;
     this._render();
   }
-  /** Set the pre-loaded WASM module (galileo-core-geo). Must be set before or alongside request. */
+  /** Set the pre-loaded WASM v2 module (geo-wasm). Must be set before or alongside request. */
   get wasmModule() {
     return this._wasmModule;
   }

package/dist/web-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-component.js","sources":["../src/web-component.ts"],"sourcesContent":["import { createElement } from \"react\"\nimport { createRoot, type Root } from \"react-dom/client\"\nimport { GirthManagerWidget } from \"./GirthManagerWidget\"\nimport type { WidgetRequest, WidgetResponse } from \"./types\"\n\n/**\n * Custom Element wrapper for Angular integration.\n *\n * Usage in Angular:\n *   // In the component class:\n *   async ngAfterViewInit() {\n *     const wasm = await import('galileo-core-geo');\n *     await wasm.default();\n *     this.widgetEl.nativeElement.wasmModule = wasm;\n *     this.widgetEl.nativeElement.request = { spacing_type: 'BK', scan_url: '...' };\n *   }\n *\n *   // In the template:\n *   <girth-manager-widget #widgetEl (widgetComplete)=\"onComplete($event)\"></girth-manager-widget>\n */\nclass GirthManagerWidgetElement extends HTMLElement {\n    private _root: Root | null = null\n    private _request: WidgetRequest | null = null\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private _wasmModule: any = undefined\n\n    static get observedAttributes() {\n        return [\"request\"]\n    }\n\n    get request(): WidgetRequest | null {\n        return this._request\n    }\n\n    set request(value: WidgetRequest | string | null) {\n        if (typeof value === \"string\") {\n            try {\n                this._request = JSON.parse(value)\n            } catch {\n                console.error(\"[GirthManagerWidget] Invalid JSON for request attribute:\", value)\n                return\n            }\n        } else {\n            this._request = value\n        }\n        this._render()\n    }\n\n    /** Set the pre-loaded WASM module (galileo-core-geo). Must be set before or alongside request. */\n    get wasmModule() {\n        return this._wasmModule\n    }\n\n    set wasmModule(value: unknown) {\n        this._wasmModule = value\n        this._render()\n    }\n\n    connectedCallback() {\n        const shadow = this.attachShadow({ mode: \"open\" })\n        const container = document.createElement(\"div\")\n        container.style.width = \"100%\"\n        container.style.height = \"100%\"\n        shadow.appendChild(container)\n        this._root = createRoot(container)\n\n        // Parse request from attribute if set before connection\n        const attrValue = this.getAttribute(\"request\")\n        if (attrValue && !this._request) {\n            try {\n                this._request = JSON.parse(attrValue)\n            } catch {\n                console.error(\"[GirthManagerWidget] Invalid JSON in request attribute\")\n            }\n        }\n\n        this._render()\n    }\n\n    disconnectedCallback() {\n        this._root?.unmount()\n        this._root = null\n    }\n\n    attributeChangedCallback(name: string, _oldValue: string, newValue: string) {\n        if (name === \"request\" && newValue) {\n            try {\n                this._request = JSON.parse(newValue)\n                this._render()\n            } catch {\n                console.error(\"[GirthManagerWidget] Invalid JSON in request attribute\")\n            }\n        }\n    }\n\n    private _handleComplete = (response: WidgetResponse) => {\n        this.dispatchEvent(\n            new CustomEvent(\"widgetComplete\", {\n                detail: response,\n                bubbles: true,\n                composed: true,\n            })\n        )\n    }\n\n    private _render() {\n        if (!this._root || !this._request) return\n\n        this._root.render(\n            createElement(GirthManagerWidget, {\n                request: this._request,\n                onComplete: this._handleComplete,\n                wasmModule: this._wasmModule,\n            })\n        )\n    }\n}\n\n// Register the custom element\nif (!customElements.get(\"girth-manager-widget\")) {\n    customElements.define(\"girth-manager-widget\", GirthManagerWidgetElement)\n}\n\nexport { GirthManagerWidgetElement }\nexport type { WidgetRequest, WidgetResponse }\n"],"names":["GirthManagerWidgetElement","response","value","shadow","container","createRoot","attrValue","name","_oldValue","newValue","createElement","GirthManagerWidget"],"mappings":";;;AAoBA,MAAMA,UAAkC,YAAY;AAAA,EAApD,cAAA;AAAA,UAAA,GAAA,SAAA,GACI,KAAQ,QAAqB,MAC7B,KAAQ,WAAiC,MAEzC,KAAQ,cAAmB,QAuE3B,KAAQ,kBAAkB,CAACC,MAA6B;AACpD,WAAK;AAAA,QACD,IAAI,YAAY,kBAAkB;AAAA,UAC9B,QAAQA;AAAA,UACR,SAAS;AAAA,UACT,UAAU;AAAA,QAAA,CACb;AAAA,MAAA;AAAA,IAET;AAAA,EAAA;AAAA,EA7EA,WAAW,qBAAqB;AAC5B,WAAO,CAAC,SAAS;AAAA,EACrB;AAAA,EAEA,IAAI,UAAgC;AAChC,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAI,QAAQC,GAAsC;AAC9C,QAAI,OAAOA,KAAU;AACjB,UAAI;AACA,aAAK,WAAW,KAAK,MAAMA,CAAK;AAAA,MACpC,QAAQ;AACJ,gBAAQ,MAAM,4DAA4DA,CAAK;AAC/E;AAAA,MACJ;AAAA;AAEA,WAAK,WAAWA;AAEpB,SAAK,QAAA;AAAA,EACT;AAAA;AAAA,EAGA,IAAI,aAAa;AACb,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAI,WAAWA,GAAgB;AAC3B,SAAK,cAAcA,GACnB,KAAK,QAAA;AAAA,EACT;AAAA,EAEA,oBAAoB;AAChB,UAAMC,IAAS,KAAK,aAAa,EAAE,MAAM,QAAQ,GAC3CC,IAAY,SAAS,cAAc,KAAK;AAC9C,IAAAA,EAAU,MAAM,QAAQ,QACxBA,EAAU,MAAM,SAAS,QACzBD,EAAO,YAAYC,CAAS,GAC5B,KAAK,QAAQC,EAAWD,CAAS;AAGjC,UAAME,IAAY,KAAK,aAAa,SAAS;AAC7C,QAAIA,KAAa,CAAC,KAAK;AACnB,UAAI;AACA,aAAK,WAAW,KAAK,MAAMA,CAAS;AAAA,MACxC,QAAQ;AACJ,gBAAQ,MAAM,wDAAwD;AAAA,MAC1E;AAGJ,SAAK,QAAA;AAAA,EACT;AAAA,EAEA,uBAAuB;AACnB,SAAK,OAAO,QAAA,GACZ,KAAK,QAAQ;AAAA,EACjB;AAAA,EAEA,yBAAyBC,GAAcC,GAAmBC,GAAkB;AACxE,QAAIF,MAAS,aAAaE;AACtB,UAAI;AACA,aAAK,WAAW,KAAK,MAAMA,CAAQ,GACnC,KAAK,QAAA;AAAA,MACT,QAAQ;AACJ,gBAAQ,MAAM,wDAAwD;AAAA,MAC1E;AAAA,EAER;AAAA,EAYQ,UAAU;AACd,IAAI,CAAC,KAAK,SAAS,CAAC,KAAK,YAEzB,KAAK,MAAM;AAAA,MACPC,EAAcC,GAAoB;AAAA,QAC9B,SAAS,KAAK;AAAA,QACd,YAAY,KAAK;AAAA,QACjB,YAAY,KAAK;AAAA,MAAA,CACpB;AAAA,IAAA;AAAA,EAET;AACJ;AAGK,eAAe,IAAI,sBAAsB,KAC1C,eAAe,OAAO,wBAAwBX,CAAyB;"}
+{"version":3,"file":"web-component.js","sources":["../src/web-component.ts"],"sourcesContent":["import { createElement } from \"react\"\nimport { createRoot, type Root } from \"react-dom/client\"\nimport { GirthManagerWidget } from \"./GirthManagerWidget\"\nimport type { WidgetRequest, WidgetResponse } from \"./types\"\n\n/**\n * Custom Element wrapper for Angular integration.\n *\n * Usage in Angular:\n *   // In the component class:\n *   async ngAfterViewInit() {\n *     const wasm = await import('geo-wasm');\n *     await wasm.default();\n *     this.widgetEl.nativeElement.wasmModule = wasm;\n *     this.widgetEl.nativeElement.request = { spacing_type: 'BK', scan_url: '...' };\n *   }\n *\n *   // In the template:\n *   <girth-manager-widget #widgetEl (widgetComplete)=\"onComplete($event)\"></girth-manager-widget>\n */\nclass GirthManagerWidgetElement extends HTMLElement {\n    private _root: Root | null = null\n    private _request: WidgetRequest | null = null\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private _wasmModule: any = undefined\n\n    static get observedAttributes() {\n        return [\"request\"]\n    }\n\n    get request(): WidgetRequest | null {\n        return this._request\n    }\n\n    set request(value: WidgetRequest | string | null) {\n        if (typeof value === \"string\") {\n            try {\n                this._request = JSON.parse(value)\n            } catch {\n                console.error(\"[GirthManagerWidget] Invalid JSON for request attribute:\", value)\n                return\n            }\n        } else {\n            this._request = value\n        }\n        this._render()\n    }\n\n    /** Set the pre-loaded WASM v2 module (geo-wasm). Must be set before or alongside request. */\n    get wasmModule() {\n        return this._wasmModule\n    }\n\n    set wasmModule(value: unknown) {\n        this._wasmModule = value\n        this._render()\n    }\n\n    connectedCallback() {\n        const shadow = this.attachShadow({ mode: \"open\" })\n        const container = document.createElement(\"div\")\n        container.style.width = \"100%\"\n        container.style.height = \"100%\"\n        shadow.appendChild(container)\n        this._root = createRoot(container)\n\n        // Parse request from attribute if set before connection\n        const attrValue = this.getAttribute(\"request\")\n        if (attrValue && !this._request) {\n            try {\n                this._request = JSON.parse(attrValue)\n            } catch {\n                console.error(\"[GirthManagerWidget] Invalid JSON in request attribute\")\n            }\n        }\n\n        this._render()\n    }\n\n    disconnectedCallback() {\n        this._root?.unmount()\n        this._root = null\n    }\n\n    attributeChangedCallback(name: string, _oldValue: string, newValue: string) {\n        if (name === \"request\" && newValue) {\n            try {\n                this._request = JSON.parse(newValue)\n                this._render()\n            } catch {\n                console.error(\"[GirthManagerWidget] Invalid JSON in request attribute\")\n            }\n        }\n    }\n\n    private _handleComplete = (response: WidgetResponse) => {\n        this.dispatchEvent(\n            new CustomEvent(\"widgetComplete\", {\n                detail: response,\n                bubbles: true,\n                composed: true,\n            })\n        )\n    }\n\n    private _render() {\n        if (!this._root || !this._request) return\n\n        this._root.render(\n            createElement(GirthManagerWidget, {\n                request: this._request,\n                onComplete: this._handleComplete,\n                wasmModule: this._wasmModule,\n            })\n        )\n    }\n}\n\n// Register the custom element\nif (!customElements.get(\"girth-manager-widget\")) {\n    customElements.define(\"girth-manager-widget\", GirthManagerWidgetElement)\n}\n\nexport { GirthManagerWidgetElement }\nexport type { WidgetRequest, WidgetResponse }\n"],"names":["GirthManagerWidgetElement","response","value","shadow","container","createRoot","attrValue","name","_oldValue","newValue","createElement","GirthManagerWidget"],"mappings":";;;AAoBA,MAAMA,UAAkC,YAAY;AAAA,EAApD,cAAA;AAAA,UAAA,GAAA,SAAA,GACI,KAAQ,QAAqB,MAC7B,KAAQ,WAAiC,MAEzC,KAAQ,cAAmB,QAuE3B,KAAQ,kBAAkB,CAACC,MAA6B;AACpD,WAAK;AAAA,QACD,IAAI,YAAY,kBAAkB;AAAA,UAC9B,QAAQA;AAAA,UACR,SAAS;AAAA,UACT,UAAU;AAAA,QAAA,CACb;AAAA,MAAA;AAAA,IAET;AAAA,EAAA;AAAA,EA7EA,WAAW,qBAAqB;AAC5B,WAAO,CAAC,SAAS;AAAA,EACrB;AAAA,EAEA,IAAI,UAAgC;AAChC,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAI,QAAQC,GAAsC;AAC9C,QAAI,OAAOA,KAAU;AACjB,UAAI;AACA,aAAK,WAAW,KAAK,MAAMA,CAAK;AAAA,MACpC,QAAQ;AACJ,gBAAQ,MAAM,4DAA4DA,CAAK;AAC/E;AAAA,MACJ;AAAA;AAEA,WAAK,WAAWA;AAEpB,SAAK,QAAA;AAAA,EACT;AAAA;AAAA,EAGA,IAAI,aAAa;AACb,WAAO,KAAK;AAAA,EAChB;AAAA,EAEA,IAAI,WAAWA,GAAgB;AAC3B,SAAK,cAAcA,GACnB,KAAK,QAAA;AAAA,EACT;AAAA,EAEA,oBAAoB;AAChB,UAAMC,IAAS,KAAK,aAAa,EAAE,MAAM,QAAQ,GAC3CC,IAAY,SAAS,cAAc,KAAK;AAC9C,IAAAA,EAAU,MAAM,QAAQ,QACxBA,EAAU,MAAM,SAAS,QACzBD,EAAO,YAAYC,CAAS,GAC5B,KAAK,QAAQC,EAAWD,CAAS;AAGjC,UAAME,IAAY,KAAK,aAAa,SAAS;AAC7C,QAAIA,KAAa,CAAC,KAAK;AACnB,UAAI;AACA,aAAK,WAAW,KAAK,MAAMA,CAAS;AAAA,MACxC,QAAQ;AACJ,gBAAQ,MAAM,wDAAwD;AAAA,MAC1E;AAGJ,SAAK,QAAA;AAAA,EACT;AAAA,EAEA,uBAAuB;AACnB,SAAK,OAAO,QAAA,GACZ,KAAK,QAAQ;AAAA,EACjB;AAAA,EAEA,yBAAyBC,GAAcC,GAAmBC,GAAkB;AACxE,QAAIF,MAAS,aAAaE;AACtB,UAAI;AACA,aAAK,WAAW,KAAK,MAAMA,CAAQ,GACnC,KAAK,QAAA;AAAA,MACT,QAAQ;AACJ,gBAAQ,MAAM,wDAAwD;AAAA,MAC1E;AAAA,EAER;AAAA,EAYQ,UAAU;AACd,IAAI,CAAC,KAAK,SAAS,CAAC,KAAK,YAEzB,KAAK,MAAM;AAAA,MACPC,EAAcC,GAAoB;AAAA,QAC9B,SAAS,KAAK;AAAA,QACd,YAAY,KAAK;AAAA,QACjB,YAAY,KAAK;AAAA,MAAA,CACpB;AAAA,IAAA;AAAA,EAET;AACJ;AAGK,eAAe,IAAI,sBAAsB,KAC1C,eAAe,OAAO,wBAAwBX,CAAyB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solid-labs/fab-one-widget",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/girth-manager-web-widget/src/index.d.ts",
@@ -23,32 +23,32 @@
     "preview": "vite preview",
     "typecheck": "tsc --noEmit"
   },
-  "dependencies": {
-    "@galileo/girth-manager-ui": "file:../girth-manager-ui",
-    "galileo-core-geo": "file:../wasm/galileo-core-geo/pkg"
-  },
+  "dependencies": {},
   "devDependencies": {
+    "@galileo/girth-manager-ui": "file:../girth-manager-ui",
+    "@radix-ui/react-icons": "^1.3.2",
     "@react-three/drei": "^10.0.3",
     "@react-three/fiber": "^9.1.2",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "@types/three": "^0.172.0",
     "@vitejs/plugin-react": "^5.1.4",
+    "geo-wasm": "file:../wasm/galileo-core-geo/pkg",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "three": "^0.172.0",
     "three-mesh-bvh": "^0.8.3",
-    "zustand": "^5.0.3",
     "typescript": "~5.7.0",
     "vite": "^6.1.0",
+    "vite-plugin-top-level-await": "^1.5.0",
     "vite-plugin-wasm": "^3.4.1",
-    "vite-plugin-top-level-await": "^1.5.0"
+    "zustand": "^5.0.3"
   },
   "peerDependencies": {
+    "@react-three/drei": ">=10",
+    "@react-three/fiber": ">=9",
     "react": ">=18",
     "react-dom": ">=18",
-    "@react-three/fiber": ">=9",
-    "@react-three/drei": ">=10",
     "three": ">=0.160.0",
     "three-mesh-bvh": ">=0.7.0",
     "zustand": ">=4"