@solid-labs/fab-one-widget 0.1.9 → 0.1.10

package/dist/girth-manager-ui/src/store.d.ts

@@ -14,6 +14,8 @@ interface MeasurementStore {
     setAligned: (aligned: boolean) => void;
     setCut: (cut: boolean) => void;
     isSelectionComplete: () => boolean;
+    /** Reset the entire store to its initial state */
+    reset: () => void;
 }
 export declare const useMeasurementStore: import("zustand").UseBoundStore<import("zustand").StoreApi<MeasurementStore>>;
 export {};

package/dist/girth-manager-web-widget/src/web-component.d.ts

@@ -26,6 +26,16 @@ declare class GirthManagerWidgetElement extends HTMLElement {
     set wasmModule(value: unknown);
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /**
+     * Reset the widget to its initial state without removing it from the DOM.
+     * Unmounts and re-mounts the React tree, clearing all internal state
+     * (Zustand store, WASM memory, landmarks, measurements).
+     *
+     * Usage in Angular:
+     *   this.widgetEl.nativeElement.reset();
+     *   this.widgetEl.nativeElement.request = { ... }; // re-initialize
+     */
+    reset(): void;
     attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
     private _handleComplete;
     private _render;

package/dist/index.js

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

package/dist/web-component.js

@@ -1,12 +1,12 @@
-import { createElement as s } from "react";
-import { createRoot as i } from "react-dom/client";
-import { G as o } from "./GirthManagerWidget-CaXgi08X.js";
+import { createElement as i } from "react";
+import { createRoot as s } from "react-dom/client";
+import { G as o } from "./GirthManagerWidget-4s6WGZUV.js";
 class n extends HTMLElement {
   constructor() {
-    super(...arguments), this._root = null, this._request = null, this._wasmModule = void 0, this._handleComplete = (e) => {
+    super(...arguments), this._root = null, this._request = null, this._wasmModule = void 0, this._handleComplete = (t) => {
       this.dispatchEvent(
         new CustomEvent("widgetComplete", {
-          detail: e,
+          detail: t,
           bubbles: true,
           composed: true
         })
@@ -19,28 +19,28 @@ class n extends HTMLElement {
   get request() {
     return this._request;
   }
-  set request(e) {
-    if (typeof e == "string")
+  set request(t) {
+    if (typeof t == "string")
       try {
-        this._request = JSON.parse(e);
+        this._request = JSON.parse(t);
       } catch {
-        console.error("[GirthManagerWidget] Invalid JSON for request attribute:", e);
+        console.error("[GirthManagerWidget] Invalid JSON for request attribute:", t);
         return;
       }
     else
-      this._request = e;
+      this._request = t;
     this._render();
   }
   /** Set the pre-loaded WASM v2 module (geo-wasm). Must be set before or alongside request. */
   get wasmModule() {
     return this._wasmModule;
   }
-  set wasmModule(e) {
-    this._wasmModule = e, this._render();
+  set wasmModule(t) {
+    this._wasmModule = t, this._render();
   }
   connectedCallback() {
-    const e = this.attachShadow({ mode: "open" }), t = document.createElement("div");
-    t.style.width = "100%", t.style.height = "100%", e.appendChild(t), this._root = i(t);
+    const t = this.attachShadow({ mode: "open" }), e = document.createElement("div");
+    e.style.width = "100%", e.style.height = "100%", t.appendChild(e), this._root = s(e);
     const r = this.getAttribute("request");
     if (r && !this._request)
       try {
@@ -54,8 +54,24 @@ class n extends HTMLElement {
     var _a;
     (_a = this._root) == null ? void 0 : _a.unmount(), this._root = null;
   }
-  attributeChangedCallback(e, t, r) {
-    if (e === "request" && r)
+  /**
+   * Reset the widget to its initial state without removing it from the DOM.
+   * Unmounts and re-mounts the React tree, clearing all internal state
+   * (Zustand store, WASM memory, landmarks, measurements).
+   *
+   * Usage in Angular:
+   *   this.widgetEl.nativeElement.reset();
+   *   this.widgetEl.nativeElement.request = { ... }; // re-initialize
+   */
+  reset() {
+    var _a;
+    if (!this._root) return;
+    this._root.unmount();
+    const t = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector("div");
+    t && (this._root = s(t)), this._request = null, this._wasmModule = void 0;
+  }
+  attributeChangedCallback(t, e, r) {
+    if (t === "request" && r)
       try {
         this._request = JSON.parse(r), this._render();
       } catch {
@@ -64,7 +80,7 @@ class n extends HTMLElement {
   }
   _render() {
     !this._root || !this._request || this._root.render(
-      s(o, {
+      i(o, {
         request: this._request,
         onComplete: this._handleComplete,
         wasmModule: 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('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;"}
+{"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    /**\n     * Reset the widget to its initial state without removing it from the DOM.\n     * Unmounts and re-mounts the React tree, clearing all internal state\n     * (Zustand store, WASM memory, landmarks, measurements).\n     *\n     * Usage in Angular:\n     *   this.widgetEl.nativeElement.reset();\n     *   this.widgetEl.nativeElement.request = { ... }; // re-initialize\n     */\n    reset() {\n        if (!this._root) return\n        // Unmount the current React tree (clears all component state)\n        this._root.unmount()\n        // Re-create the root on the same container\n        const container = this.shadowRoot?.querySelector(\"div\")\n        if (container) {\n            this._root = createRoot(container)\n        }\n        this._request = null\n        this._wasmModule = undefined\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,QA6F3B,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,EAnGA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,QAAQ;AACJ,QAAI,CAAC,KAAK,MAAO;AAEjB,SAAK,MAAM,QAAA;AAEX,UAAMF,IAAY,KAAK,YAAY,cAAc,KAAK;AACtD,IAAIA,MACA,KAAK,QAAQC,EAAWD,CAAS,IAErC,KAAK,WAAW,MAChB,KAAK,cAAc;AAAA,EACvB;AAAA,EAEA,yBAAyBG,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.9",
+  "version": "0.1.10",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/girth-manager-web-widget/src/index.d.ts",