@q9labsai/chalk-react 4.1.12 → 4.1.13

package/dist/{chunk-5PRGSL4M.js → chunk-4X3NFZGL.js}

@@ -8582,6 +8582,9 @@ import { useCallback as useCallback19, useEffect as useEffect55, useMemo as useM
 // src/internal/useWhiteboardSceneSubscription.ts
 import { useEffect as useEffect31, useState as useState37 } from "react";
 var errorMessage = (cause) => cause instanceof Error ? cause : new Error("Whiteboard could not connect.");
+var summaryError = (summary) => summary.error ? new Error(summary.error.message) : errorMessage(void 0);
+var MAX_RECOVERY_ATTEMPTS = 3;
+var recoveryDelayMs = (attempt) => 250 * 2 ** attempt;
 function useWhiteboardSceneSubscription(transport, active) {
   const [subscription, setSubscription] = useState37({ status: "closed" });
   useEffect31(() => {
@@ -8590,17 +8593,84 @@ function useWhiteboardSceneSubscription(transport, active) {
       return;
     }
     let disposed = false;
-    setSubscription({ status: "loading" });
-    void Promise.resolve().then(() => transport.startSceneSubscription()).then(
-      () => {
-        if (!disposed) setSubscription({ status: "ready", transport });
-      },
-      (cause) => {
-        if (!disposed) setSubscription({ status: "failed", error: errorMessage(cause) });
+    let starting = false;
+    let startupSettled = false;
+    let recoveryAttempts = 0;
+    let recoveryTimer;
+    let latestSummary;
+    const observesSummary = transport.subscribeSummary !== void 0;
+    const clearRecoveryTimer = () => {
+      if (recoveryTimer === void 0) return;
+      globalThis.clearTimeout(recoveryTimer);
+      recoveryTimer = void 0;
+    };
+    const recover = (cause) => {
+      if (disposed || recoveryTimer !== void 0 || starting) return;
+      if (recoveryAttempts >= MAX_RECOVERY_ATTEMPTS) {
+        setSubscription({ status: "failed", error: errorMessage(cause) });
+        return;
       }
-    );
+      const attempt = recoveryAttempts++;
+      setSubscription({ status: "loading" });
+      recoveryTimer = globalThis.setTimeout(() => {
+        recoveryTimer = void 0;
+        start();
+      }, recoveryDelayMs(attempt));
+    };
+    const handleSummary = (summary) => {
+      latestSummary = summary;
+      if (disposed) return;
+      if (summary.status === "unsubscribed") {
+        setSubscription({ status: "loading" });
+        return;
+      }
+      if (summary.status === "ready") {
+        if (!starting || startupSettled) {
+          recoveryAttempts = 0;
+          setSubscription({ status: "ready", transport });
+        }
+        return;
+      }
+      if (summary.status === "loading" || summary.status === "recovering") {
+        setSubscription({ status: "loading" });
+        return;
+      }
+      if (summary.status === "failed") {
+        starting = false;
+        setSubscription({ status: "loading" });
+        recover(summaryError(summary));
+      }
+    };
+    const start = () => {
+      if (disposed || starting) return;
+      clearRecoveryTimer();
+      starting = true;
+      startupSettled = false;
+      setSubscription({ status: "loading" });
+      void Promise.resolve().then(() => transport.startSceneSubscription()).then(
+        () => {
+          starting = false;
+          startupSettled = true;
+          if (disposed) return;
+          if (!latestSummary || latestSummary.status === "ready") {
+            recoveryAttempts = 0;
+            setSubscription({ status: "ready", transport });
+          }
+        },
+        (cause) => {
+          starting = false;
+          if (!disposed && observesSummary) recover(cause);
+          else if (!disposed) setSubscription({ status: "failed", error: errorMessage(cause) });
+        }
+      );
+    };
+    setSubscription({ status: "loading" });
+    const unsubscribeSummary = transport.subscribeSummary?.(handleSummary);
+    start();
     return () => {
       disposed = true;
+      clearRecoveryTimer();
+      unsubscribeSummary?.();
       void Promise.resolve(transport.stopSceneSubscription());
     };
   }, [active, transport]);

package/dist/components/index.js

@@ -36,7 +36,7 @@ import {
   SettingsPanel,
   Stage,
   buildStageItems
-} from "../chunk-5PRGSL4M.js";
+} from "../chunk-4X3NFZGL.js";
 import "../chunk-A3L7BOCE.js";
 export {
   AdmissionPanel,

package/dist/index.js

@@ -36,7 +36,7 @@ import {
   useSelf,
   useSpaceClient,
   useWhiteboard
-} from "./chunk-5PRGSL4M.js";
+} from "./chunk-4X3NFZGL.js";
 import "./chunk-A3L7BOCE.js";
 export {
   COSMIC_CHALK_THEME,

package/dist/internal/useWhiteboardSceneSubscription.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWhiteboardSceneSubscription.d.ts","sourceRoot":"","sources":["../../src/internal/useWhiteboardSceneSubscription.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAGzE,KAAK,2BAA2B,GAAG;IAAE,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,SAAS,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,SAAS,EAAE,0BAA0B,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAInN,wBAAgB,8BAA8B,CAAC,SAAS,EAAE,0BAA0B,GAAG,IAAI,EAAE,MAAM,EAAE,OAAO,GAAG,2BAA2B,CA6BzI"}
+{"version":3,"file":"useWhiteboardSceneSubscription.d.ts","sourceRoot":"","sources":["../../src/internal/useWhiteboardSceneSubscription.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA0B,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAGjG,KAAK,2BAA2B,GAAG;IAAE,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,SAAS,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,SAAS,EAAE,0BAA0B,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAOnN,wBAAgB,8BAA8B,CAAC,SAAS,EAAE,0BAA0B,GAAG,IAAI,EAAE,MAAM,EAAE,OAAO,GAAG,2BAA2B,CAqGzI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@q9labsai/chalk-react",
-  "version": "4.1.12",
+  "version": "4.1.13",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -61,10 +61,10 @@
     "@base-ui/react": "^1.7.0",
     "@hugeicons/core-free-icons": "^4.2.3",
     "@hugeicons/react": "^1.1.9",
-    "@q9labsai/chalk-client": "^4.1.12",
-    "@q9labsai/chalk-ui": "^4.1.12",
-    "@q9labsai/chalk-whiteboard": "^4.1.12",
-    "@q9labsai/facehash": "^4.1.12",
+    "@q9labsai/chalk-client": "^4.1.13",
+    "@q9labsai/chalk-ui": "^4.1.13",
+    "@q9labsai/chalk-whiteboard": "^4.1.13",
+    "@q9labsai/facehash": "^4.1.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "qrcode.react": "^4.2.0",
@@ -72,22 +72,12 @@
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^7.0.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.4",
     "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
-    "@vitest/browser-playwright": "^4.1.10",
-    "@vitest/coverage-v8": "^4.1.10",
-    "happy-dom": "^20.11.2",
-    "jsdom": "^30.0.1",
-    "playwright": "^1.62.1",
     "react": "19.2.7",
     "react-dom": "19.2.7",
-    "typescript": "^7.0.2",
-    "vitest": "^4.1.10"
+    "typescript": "^7.0.2"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -100,7 +90,6 @@
     "build:fix-use-client": "node -e \"const fs=require('fs');const files=['./dist/index.js','./dist/components/index.js','./dist/components/ui/index.js','./dist/utils/index.js'];for(const f of files){if(!fs.existsSync(f))continue;let c=fs.readFileSync(f,'utf8');c=c.replace(/['\\\"]use client['\\\"];?\\n?/g,'');c='\\\"use client\\\";\\n'+c;fs.writeFileSync(f,c);}\"",
     "build:types": "rm -f tsconfig.tsbuildinfo && tsc --build tsconfig.json",
     "dev": "tsup ./src/index.ts ./src/components/index.ts ./src/components/ui/index.ts ./src/utils/index.ts --format esm --out-dir ./dist --platform browser --external react --external react-dom --external @base-ui/react --external @hugeicons/core-free-icons --external @hugeicons/react --external @q9labsai/chalk-client --external @q9labsai/chalk-ui --external @q9labsai/chalk-ui/reactions --external @q9labsai/chalk-ui/assets --external @q9labsai/chalk-whiteboard --external @q9labsai/facehash --external @q9labsai/facehash/react --external class-variance-authority --external clsx --external sonner --external tailwind-merge --watch",
-    "test": "pnpm exec vitest run --config ./vitest.config.ts",
     "check-types": "tsc --project tsconfig.check-types.json --noEmit",
     "lint": "pnpm run check:tokens && pnpm exec oxfmt --check . && tsc --project tsconfig.check-types.json --noEmit",
     "check:tokens": "node ./scripts/check-token-reach.mjs",

package/dist/__tests__/setup.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=setup.d.ts.map

package/dist/__tests__/setup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/__tests__/setup.ts"],"names":[],"mappings":""}

package/dist/test-support/fake-media-track.d.ts

@@ -1,33 +0,0 @@
-/** Minimal MediaStreamTrack stand-in for DOM tests: real event dispatch, no media. */
-declare class FakeMediaStreamTrack extends EventTarget implements MediaStreamTrack {
-    contentHint: string;
-    enabled: boolean;
-    readonly id: string;
-    readonly kind: string;
-    readonly label = "fake";
-    muted: boolean;
-    onended: ((this: MediaStreamTrack, ev: Event) => unknown) | null;
-    onmute: ((this: MediaStreamTrack, ev: Event) => unknown) | null;
-    onunmute: ((this: MediaStreamTrack, ev: Event) => unknown) | null;
-    readyState: MediaStreamTrackState;
-    constructor(kind: "video" | "audio", id: string, muted: boolean, readyState: MediaStreamTrackState);
-    applyConstraints(): Promise<void>;
-    clone(): MediaStreamTrack;
-    getCapabilities(): MediaTrackCapabilities;
-    getConstraints(): MediaTrackConstraints;
-    getSettings(): MediaTrackSettings;
-    stop(): void;
-    /** Simulates the browser signalling that frames stopped or resumed. */
-    setMuted(muted: boolean): void;
-    /** Simulates the source ending. */
-    end(): void;
-}
-export interface FakeMediaStreamTrackOptions {
-    readonly kind?: "video" | "audio";
-    readonly id?: string;
-    readonly muted?: boolean;
-    readonly readyState?: MediaStreamTrackState;
-}
-export declare function createFakeMediaStreamTrack({ kind, id, muted, readyState }?: FakeMediaStreamTrackOptions): FakeMediaStreamTrack;
-export type { FakeMediaStreamTrack };
-//# sourceMappingURL=fake-media-track.d.ts.map

package/dist/test-support/fake-media-track.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fake-media-track.d.ts","sourceRoot":"","sources":["../../src/test-support/fake-media-track.ts"],"names":[],"mappings":"AAAA,sFAAsF;AACtF,cAAM,oBAAqB,SAAQ,WAAY,YAAW,gBAAgB;IACxE,WAAW,SAAM;IACjB,OAAO,UAAQ;IACf,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,UAAU;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IACxE,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IACvE,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,GAAG,IAAI,CAAQ;IACzE,UAAU,EAAE,qBAAqB,CAAC;IAElC,YAAY,IAAI,EAAE,OAAO,GAAG,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAMjG;IAED,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAEhC;IACD,KAAK,IAAI,gBAAgB,CAExB;IACD,eAAe,IAAI,sBAAsB,CAExC;IACD,cAAc,IAAI,qBAAqB,CAEtC;IACD,WAAW,IAAI,kBAAkB,CAEhC;IACD,IAAI,IAAI,IAAI,CAEX;IACD,uEAAuE;IACvE,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAG7B;IACD,mCAAmC;IACnC,GAAG,IAAI,IAAI,CAGV;CACF;AAED,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,UAAU,CAAC,EAAE,qBAAqB,CAAC;CAC7C;AAED,wBAAgB,0BAA0B,CAAC,EAAE,IAAc,EAAE,EAAoB,EAAE,KAAa,EAAE,UAAmB,EAAE,GAAE,2BAAgC,GAAG,oBAAoB,CAE/K;AAED,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/test-support/test-client.d.ts

@@ -1,8 +0,0 @@
-import type { SpaceClient, SpaceSnapshot } from "@q9labsai/chalk-client";
-import { createSnapshot } from "./preview-client";
-export { createSnapshot };
-export type TestClient = SpaceClient & {
-    readonly setSnapshot: (snapshot: SpaceSnapshot) => void;
-};
-export declare function createTestClient(initialSnapshot?: SpaceSnapshot): TestClient;
-//# sourceMappingURL=test-client.d.ts.map

package/dist/test-support/test-client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-client.d.ts","sourceRoot":"","sources":["../../src/test-support/test-client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG;IAAE,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAA;CAAE,CAAC;AAEnG,wBAAgB,gBAAgB,CAAC,eAAe,gBAAmB,GAAG,UAAU,CAyC/E"}