@cellarnode/ui 0.7.5 → 0.7.7

package/dist/globe/worker-polyfill.d.ts

@@ -1,12 +1,14 @@
 /**
  * Web Worker polyfill for three-globe compatibility.
  *
- * three-globe accesses `window.THREE` at module evaluation time and
- * `window.innerWidth`/`window.innerHeight`. Web Workers have no `window`
- * global, so this must be imported BEFORE any three.js-related modules.
+ * Problem: three-globe accesses `window.THREE`, `window.requestAnimationFrame`,
+ * `window.innerWidth`, etc. Workers don't have `window`.
  *
- * @react-three/offscreen applies its own shims, but only inside the
- * `render()` function body — too late for module-level code.
+ * Complication: @react-three/offscreen's `render()` later overwrites
+ * `self.window = {}`, blowing away any simple `window = globalThis` polyfill.
+ *
+ * Solution: use a property trap on globalThis so that any assignment to `window`
+ * automatically gets our worker API shims merged in.
  *
  * Usage in consumer worker files:
  * ```ts
@@ -17,4 +19,24 @@
  * ```
  */
 declare const g: any;
+declare const noop: () => void;
+declare const mockElement: () => {
+    style: {};
+    setAttribute: () => void;
+    getAttribute: () => null;
+    removeAttribute: () => void;
+    appendChild: () => void;
+    removeChild: () => void;
+    addEventListener: () => void;
+    removeEventListener: () => void;
+    classList: {
+        add: () => void;
+        remove: () => void;
+        toggle: () => void;
+        contains: () => boolean;
+    };
+};
+declare const workerShims: Record<string, any>;
+declare function applyShims(target: any): any;
+declare let _windowRef: any;
 //# sourceMappingURL=worker-polyfill.d.ts.map

package/dist/globe/worker-polyfill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"worker-polyfill.d.ts","sourceRoot":"","sources":["../../src/globe/worker-polyfill.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,CAAC,EAAiB,GAAG,CAAC"}
+{"version":3,"file":"worker-polyfill.d.ts","sourceRoot":"","sources":["../../src/globe/worker-polyfill.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,CAAC,EAAiB,GAAG,CAAC;AAC5B,QAAA,MAAM,IAAI,YAAW,CAAC;AAItB,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;CAUf,CAAC;AAIH,QAAA,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CA6BpC,CAAC;AAIF,iBAAS,UAAU,CAAC,MAAM,EAAE,GAAG,OAO9B;AASD,QAAA,IAAI,UAAU,EAAE,GAAO,CAAC"}

package/dist/globe/worker-polyfill.js

@@ -3,12 +3,14 @@
 /**
  * Web Worker polyfill for three-globe compatibility.
  *
- * three-globe accesses `window.THREE` at module evaluation time and
- * `window.innerWidth`/`window.innerHeight`. Web Workers have no `window`
- * global, so this must be imported BEFORE any three.js-related modules.
+ * Problem: three-globe accesses `window.THREE`, `window.requestAnimationFrame`,
+ * `window.innerWidth`, etc. Workers don't have `window`.
  *
- * @react-three/offscreen applies its own shims, but only inside the
- * `render()` function body — too late for module-level code.
+ * Complication: @react-three/offscreen's `render()` later overwrites
+ * `self.window = {}`, blowing away any simple `window = globalThis` polyfill.
+ *
+ * Solution: use a property trap on globalThis so that any assignment to `window`
+ * automatically gets our worker API shims merged in.
  *
  * Usage in consumer worker files:
  * ```ts
@@ -19,23 +21,31 @@
  * ```
  */
 const g = globalThis;
-if (typeof g.window === "undefined") {
-    g.window = g;
-}
-if (typeof g.document === "undefined") {
-    const noop = () => { };
-    const mockElement = () => ({
-        style: {},
-        setAttribute: noop,
-        getAttribute: () => null,
-        removeAttribute: noop,
-        appendChild: noop,
-        removeChild: noop,
-        addEventListener: noop,
-        removeEventListener: noop,
-        classList: { add: noop, remove: noop, toggle: noop, contains: () => false },
-    });
-    g.document = {
+const noop = () => { };
+// ── Mock DOM element ─────────────────────────────────────────────────────────
+const mockElement = () => ({
+    style: {},
+    setAttribute: noop,
+    getAttribute: () => null,
+    removeAttribute: noop,
+    appendChild: noop,
+    removeChild: noop,
+    addEventListener: noop,
+    removeEventListener: noop,
+    classList: { add: noop, remove: noop, toggle: noop, contains: () => false },
+});
+// ── Shims that must survive @react-three/offscreen overwriting self.window ───
+const workerShims = {
+    // three-globe animation loop
+    requestAnimationFrame: g.requestAnimationFrame?.bind(g) ??
+        ((cb) => setTimeout(cb, 16)),
+    cancelAnimationFrame: g.cancelAnimationFrame?.bind(g) ??
+        ((id) => clearTimeout(id)),
+    // three-globe default renderer size
+    innerWidth: g.innerWidth ?? 1024,
+    innerHeight: g.innerHeight ?? 768,
+    // document shim for react-dom + three-globe
+    document: {
         createElement: mockElement,
         createElementNS: mockElement,
         createTextNode: () => ({ textContent: "" }),
@@ -47,15 +57,38 @@ if (typeof g.document === "undefined") {
         addEventListener: noop,
         removeEventListener: noop,
         documentElement: { style: {} },
-    };
+    },
+    HTMLCanvasElement: g.OffscreenCanvas ?? class {
+    },
+};
+// ── Install shims on an object (only fills missing keys) ─────────────────────
+function applyShims(target) {
+    for (const [key, value] of Object.entries(workerShims)) {
+        if (target[key] === undefined || target[key] === null) {
+            target[key] = value;
+        }
+    }
+    return target;
 }
-if (typeof g.HTMLCanvasElement === "undefined") {
-    g.HTMLCanvasElement = g.OffscreenCanvas ?? class {
-    };
+// ── Trap `window` assignment ─────────────────────────────────────────────────
+// 1. Set `window = globalThis` initially (with shims)
+// 2. When @react-three/offscreen does `self.window = {}`, the setter fires
+//    and patches the new object with our shims before anyone reads from it.
+applyShims(g); // ensure globalThis has the shims
+let _windowRef = g;
+Object.defineProperty(g, "window", {
+    get: () => _windowRef,
+    set: (v) => {
+        if (v && typeof v === "object") {
+            applyShims(v);
+        }
+        _windowRef = v;
+    },
+    configurable: true,
+    enumerable: true,
+});
+// Also ensure `document` is on globalThis directly (some code reads `document` not `window.document`)
+if (typeof g.document === "undefined") {
+    g.document = workerShims.document;
 }
-// three-globe reads window.innerWidth / window.innerHeight for default renderer size
-if (typeof g.innerWidth === "undefined")
-    g.innerWidth = 1024;
-if (typeof g.innerHeight === "undefined")
-    g.innerHeight = 768;
 //# sourceMappingURL=worker-polyfill.js.map

package/dist/globe/worker-polyfill.js.map

@@ -1 +1 @@
-{"version":3,"file":"worker-polyfill.js","sourceRoot":"","sources":["../../src/globe/worker-polyfill.ts"],"names":[],"mappings":";AAAA,uDAAuD;AACvD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,GAAG,UAAiB,CAAC;AAE5B,IAAI,OAAO,CAAC,CAAC,MAAM,KAAK,WAAW,EAAE,CAAC;IACpC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;AACf,CAAC;AAED,IAAI,OAAO,CAAC,CAAC,QAAQ,KAAK,WAAW,EAAE,CAAC;IACtC,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IACtB,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CAAC;QACzB,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,IAAI;QAClB,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI;QACxB,eAAe,EAAE,IAAI;QACrB,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,IAAI;QACjB,gBAAgB,EAAE,IAAI;QACtB,mBAAmB,EAAE,IAAI;QACzB,SAAS,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE;KAC5E,CAAC,CAAC;IACH,CAAC,CAAC,QAAQ,GAAG;QACX,aAAa,EAAE,WAAW;QAC1B,eAAe,EAAE,WAAW;QAC5B,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;QAC3C,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI;QAC1B,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI;QACzB,gBAAgB,EAAE,GAAG,EAAE,CAAC,EAAE;QAC1B,IAAI,EAAE,WAAW,EAAE;QACnB,IAAI,EAAE,WAAW,EAAE;QACnB,gBAAgB,EAAE,IAAI;QACtB,mBAAmB,EAAE,IAAI;QACzB,eAAe,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;KAC/B,CAAC;AACJ,CAAC;AAED,IAAI,OAAO,CAAC,CAAC,iBAAiB,KAAK,WAAW,EAAE,CAAC;IAC/C,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC,eAAe,IAAI;KAAQ,CAAC;AACtD,CAAC;AAED,qFAAqF;AACrF,IAAI,OAAO,CAAC,CAAC,UAAU,KAAK,WAAW;IAAE,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC;AAC7D,IAAI,OAAO,CAAC,CAAC,WAAW,KAAK,WAAW;IAAE,CAAC,CAAC,WAAW,GAAG,GAAG,CAAC"}
+{"version":3,"file":"worker-polyfill.js","sourceRoot":"","sources":["../../src/globe/worker-polyfill.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cellarnode/ui",
-  "version": "0.7.5",
+  "version": "0.7.7",
   "type": "module",
   "private": false,
   "description": "Shared UI components, theme tokens, and chat/offer primitives for CellarNode dashboards.",