@chestnutlabs/gcode-preview-react 0.20.0 → 0.20.1

package/dist/model/use-model-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-model-viewer.d.ts","sourceRoot":"","sources":["../../src/model/use-model-viewer.ts"],"names":[],"mappings":"AAQA,OAAO,EAGL,KAAK,6BAA6B,EAClC,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzE,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;AAC1F,MAAM,MAAM,qBAAqB,GAAG,6BAA6B,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,2EAA2E;IAC3E,SAAS,EAAE,CAAC,EAAE,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,+EAA+E;IAC/E,SAAS,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAC7C,6EAA6E;IAC7E,OAAO,CAAC,IAAI,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,mEAAmE;IACnE,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,GAAG,EAAE;QAAE,MAAM,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IACvD,OAAO,IAAI,IAAI,CAAC;CACjB;AAQD,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,iBAAiB,CA+CrF"}
+{"version":3,"file":"use-model-viewer.d.ts","sourceRoot":"","sources":["../../src/model/use-model-viewer.ts"],"names":[],"mappings":"AAQA,OAAO,EAGL,KAAK,6BAA6B,EAClC,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzE,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;AAC1F,MAAM,MAAM,qBAAqB,GAAG,6BAA6B,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,2EAA2E;IAC3E,SAAS,EAAE,CAAC,EAAE,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,+EAA+E;IAC/E,SAAS,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAC7C,6EAA6E;IAC7E,OAAO,CAAC,IAAI,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,mEAAmE;IACnE,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,GAAG,EAAE;QAAE,MAAM,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IACvD,OAAO,IAAI,IAAI,CAAC;CACjB;AAQD,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,iBAAiB,CAgErF"}

package/dist/model/use-model-viewer.js

@@ -5,7 +5,7 @@
  * — never a separate viewer implementation (the D1 drift firewall). Shared contracts are re-exported
  * from the controller.
  */
-import { useCallback, useMemo, useRef, useSyncExternalStore } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useSyncExternalStore } from 'react';
 import { createModelPreviewController } from '@chestnutlabs/gcode-model-renderer';
 export function useModelViewer(options = {}) {
     const optionsRef = useRef(options);
@@ -24,6 +24,22 @@ export function useModelViewer(options = {}) {
     const subscribe = useCallback((cb) => ensure().onStateChange(() => cb()), [ensure]);
     const getSnapshot = useCallback(() => ensure().getState(), [ensure]);
     const state = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+    // Own the controller's lifecycle: (re)create on mount (StrictMode's second setup lands here) and
+    // DISPOSE on unmount. Without this the GL engine was freed via the canvas-ref-null path but the
+    // controller was never disposed, so in-flight setSource promises never settled and the controller
+    // leaked — the toolpath hook already does this; the model hook must match.
+    useEffect(() => {
+        const c = ensure();
+        // Refs attach BEFORE StrictMode's dispose/recreate cycle: rebind the delivered canvas to the fresh
+        // controller (refs never re-fire) so it renders again after a remount.
+        if (slot.current.canvas !== null && c.raw.viewer() === null) {
+            c.bindCanvas(slot.current.canvas);
+        }
+        return () => {
+            slot.current.controller?.dispose();
+            slot.current.disposed = true;
+        };
+    }, [ensure]);
     const stateRef = useRef(state);
     stateRef.current = state;
     return useMemo(() => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chestnutlabs/gcode-preview-react",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "description": "Thin React integration for the Chestnut Labs G-code viewer (DD-007 D1 amendment): useGcodePreview hook + GcodePreview component as a reactivity bridge over @chestnutlabs/gcode-preview-core.",
   "keywords": [
     "gcode",
@@ -53,11 +53,11 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@chestnutlabs/gcode-model-renderer": "0.20.0",
-    "@chestnutlabs/gcode-parser": "0.20.0",
-    "@chestnutlabs/gcode-preview-core": "0.20.0",
-    "@chestnutlabs/gcode-renderer-three": "0.20.0",
-    "@chestnutlabs/toolpath-core": "0.20.0"
+    "@chestnutlabs/gcode-model-renderer": "0.20.1",
+    "@chestnutlabs/gcode-parser": "0.20.1",
+    "@chestnutlabs/gcode-preview-core": "0.20.1",
+    "@chestnutlabs/gcode-renderer-three": "0.20.1",
+    "@chestnutlabs/toolpath-core": "0.20.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"