@xmachines/play-react 1.0.0-beta.53 → 1.0.0-beta.54

package/README.md

@@ -108,7 +108,7 @@ function MyComponent({ actor }) {
 
 	useSignalEffect(() => {
 		setView(actor.currentView.get());
-	});
+	}, [actor]); // deps: re-subscribe when the actor prop swaps
 
 	return <div>{view?.component}</div>;
 }
@@ -127,11 +127,11 @@ function MyComponent({ actor }) {
 
 ### Hooks
 
-| Export                      | Description                                                                                                                                             |
-| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `useSignalEffect(callback)` | Subscribes to TC39 signal changes; re-runs the callback and forces a React re-render when any accessed signal changes. Cleanup is automatic on unmount. |
-| `useActor()`                | Returns the raw actor instance. Must be called inside an `ActorProvider`/`PlayUIProvider` tree.                                                         |
-| `usePlayView()`             | Returns `{ spec, handlers, registry, store }` for the current view. Must be called inside an `ActorProvider`/`PlayUIProvider` tree.                     |
+| Export                             | Description                                                                                                                                                                                                                          |
+| ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `useSignalEffect(callback, deps?)` | Subscribes to TC39 signal changes; re-runs the callback when any accessed signal changes (re-render via the callback's own setState). Optional `deps` recreates the subscription, like `useEffect`. Cleanup is automatic on unmount. |
+| `useActor()`                       | Returns the raw actor instance. Must be called inside an `ActorProvider`/`PlayUIProvider` tree.                                                                                                                                      |
+| `usePlayView()`                    | Returns `{ spec, handlers, registry, store }` for the current view. Must be called inside an `ActorProvider`/`PlayUIProvider` tree.                                                                                                  |
 
 ### Types
 

package/dist/ActorProvider.d.ts

@@ -11,7 +11,7 @@
  */
 import React from "react";
 import type { DefineRegistryResult, ComponentRegistry } from "@json-render/react";
-import type { BaseActorProviderProps, BaseViewContextValue } from "@xmachines/play-actor";
+import { type BaseActorProviderProps, type BaseViewContextValue } from "@xmachines/play-actor";
 /**
  * Props for the ActorProvider component.
  *

package/dist/ActorProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActorProvider.d.ts","sourceRoot":"","sources":["../src/ActorProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,oBAAoB,EAAY,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAO5F,OAAO,KAAK,EAAY,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAIpG;;;;GAIG;AACH,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,CAAC,oBAAoB,CAAC;IACvF,sFAAsF;IACtF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACxD,0DAA0D;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAQpF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,IAAI,gBAAgB,CAE9C;AAoED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0FtD,CAAC"}
+{"version":3,"file":"ActorProvider.d.ts","sourceRoot":"","sources":["../src/ActorProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,oBAAoB,EAAY,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAO5F,OAAO,EAIN,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,MAAM,uBAAuB,CAAC;AAI/B;;;;GAIG;AACH,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,CAAC,oBAAoB,CAAC;IACvF,sFAAsF;IACtF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACxD,0DAA0D;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAQpF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,WAAW,IAAI,gBAAgB,CAE9C;AA0ED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqFtD,CAAC"}

package/dist/ActorProvider.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * ActorProvider — escape hatch primitive for actor lifecycle management.
  *
@@ -17,6 +17,7 @@ import { xstateStoreStateStore } from "@json-render/xstate";
 import { useSignalEffect } from "./useSignalEffect.js";
 import { PlayErrorBoundary } from "./PlayErrorBoundary.js";
 import { assertNonNullable } from "@xmachines/play";
+import { toAtomState, attachRenderErrorHandler, } from "@xmachines/play-actor";
 import { ActorContext } from "./useActor.js";
 /**
  * Internal React context for ViewContextValue.
@@ -79,12 +80,15 @@ function ActorProviderInner({ registryResult, spec, store, children, }) {
     // recreated when the registry definition itself changes (e.g. a new defineRegistry
     // call), not on every render cycle.
     const handlers = useMemo(() => registryResult.handlers(() => setStateAdapterRef.current, () => stateCtxRef.current.getSnapshot()), [registryResult]);
-    const viewValue = {
+    // Memoize the context value on its actual inputs — a fresh object every
+    // render would re-render every usePlayView() consumer even when nothing
+    // changed (wasted renders).
+    const viewValue = useMemo(() => ({
         spec,
         handlers,
         registry: registryResult.registry,
         store,
-    };
+    }), [spec, handlers, registryResult.registry, store]);
     return _jsx(ViewContext.Provider, { value: viewValue, children: children });
 }
 /**
@@ -122,30 +126,34 @@ export const ActorProvider = ({ actor, registryResult, store: externalStore, fal
     // Ignored when externalStore is provided.
     const internalStoreRef = useRef(null);
     const lastViewRef = useRef(null);
-    // Subscribe to signal changes
+    // Subscribe to signal changes. The [actor] dep re-creates the watcher when
+    // the actor prop swaps — without it the watcher keeps tracking the OLD
+    // actor's currentView signal and the rendered view freezes on the old actor
+    // while events flow to the new one.
     useSignalEffect(() => {
         const currentView = actor.currentView.get();
         setView(currentView);
-    });
+    }, [actor]);
     // Inject onRenderError prop into registry (non-enumerable, overrides defineRegistry-level handler)
-    // Centralised here per D-19 — one location for all framework renderers
-    const activeRegistryResult = onRenderError
-        ? {
+    // Centralised here per D-19 — one location for all framework renderers.
+    // Memoized on its actual inputs: rebuilding the injected registry every render
+    // would churn registry identity and invalidate ActorProviderInner's handlers
+    // useMemo on every render (wasted work + wasted consumer re-renders).
+    const activeRegistryResult = useMemo(() => {
+        if (!onRenderError)
+            return registryResult;
+        return {
             ...registryResult,
-            registry: (() => {
-                const r = { ...registryResult.registry };
-                Object.defineProperty(r, "onRenderError", {
-                    value: onRenderError,
-                    enumerable: false,
-                    configurable: true,
-                });
-                return r;
-            })(),
-        }
-        : registryResult;
-    // No view in current state — render fallback
+            registry: attachRenderErrorHandler(registryResult.registry, onRenderError),
+        };
+    }, [registryResult, onRenderError]);
+    // No view in current state — render fallback INSIDE ActorContext so a
+    // fallback component can call useActor() (e.g. to send a retry event).
+    // Parity with the error-boundary fallback below and with the Solid/Svelte/Vue
+    // renderers, which all provide context to their null-view fallbacks.
+    // ViewContext is intentionally NOT provided: there is no view spec to expose.
     if (!view) {
-        return _jsx(_Fragment, { children: fallback });
+        return (_jsx(ActorContext.Provider, { value: actor, children: fallback }));
     }
     // Resolve the store to use for StateProvider:
     // - External (controlled): use as-is, caller manages lifecycle
@@ -160,16 +168,7 @@ export const ActorProvider = ({ actor, registryResult, store: externalStore, fal
         if (internalStoreRef.current === null || lastViewRef.current !== view) {
             // Proto-safe guard (T-37-03-01): prevents Date/Array/class-instance from being
             // passed to createAtom. Replaces the weak `?? {}` guard from old code_context.
-            const rawState = view.state;
-            const initialState = rawState !== null &&
-                rawState !== undefined &&
-                typeof rawState === "object" &&
-                !Array.isArray(rawState) &&
-                (Object.getPrototypeOf(rawState) === Object.prototype ||
-                    Object.getPrototypeOf(rawState) === null)
-                ? rawState
-                : {};
-            internalStoreRef.current = createViewStore(initialState);
+            internalStoreRef.current = createViewStore(toAtomState(view.state));
             lastViewRef.current = view;
         }
         store = internalStoreRef.current;

package/dist/ActorProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActorProvider.js","sourceRoot":"","sources":["../src/ActorProvider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActorProvider.js","sourceRoot":"","sources":["../src/ActorProvider.tsx"],"names":[],"mappings":"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"}

package/dist/errors.d.ts

@@ -7,7 +7,7 @@ import { PlayError } from "@xmachines/play";
  * root. `RendererError` is retained for programmatic use in custom error handlers
  * and parent boundaries — it is no longer emitted by the built-in boundary itself.
  *
- * **Error code:** `PLAY_RENDERER_RENDER_ERROR`
+ * **Error code:** `PLAY_REACT_RENDER_ERROR`
  *
  * @example
  * ```typescript

package/dist/errors.js

@@ -7,7 +7,7 @@ import { PlayError } from "@xmachines/play";
  * root. `RendererError` is retained for programmatic use in custom error handlers
  * and parent boundaries — it is no longer emitted by the built-in boundary itself.
  *
- * **Error code:** `PLAY_RENDERER_RENDER_ERROR`
+ * **Error code:** `PLAY_REACT_RENDER_ERROR`
  *
  * @example
  * ```typescript
@@ -19,7 +19,7 @@ import { PlayError } from "@xmachines/play";
  */
 export class RendererError extends PlayError {
     constructor(message, options) {
-        super("PlayRenderer", "PLAY_RENDERER_RENDER_ERROR", message, options);
+        super("PlayRenderer", "PLAY_REACT_RENDER_ERROR", message, options);
         this.name = "RendererError";
     }
 }

package/dist/errors.js.map

@@ -1 +1 @@
-{"version":3,"file":"errors.js","sourceRoot":"","sources":["../src/errors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,aAAc,SAAQ,SAAS;IAC3C,YAAY,OAAe,EAAE,OAAsB;QAClD,KAAK,CAAC,cAAc,EAAE,4BAA4B,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QACtE,IAAI,CAAC,IAAI,GAAG,eAAe,CAAC;IAC7B,CAAC;CACD"}
+{"version":3,"file":"errors.js","sourceRoot":"","sources":["../src/errors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,aAAc,SAAQ,SAAS;IAC3C,YAAY,OAAe,EAAE,OAAsB;QAClD,KAAK,CAAC,cAAc,EAAE,yBAAyB,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QACnE,IAAI,CAAC,IAAI,GAAG,eAAe,CAAC;IAC7B,CAAC;CACD"}

package/dist/useSignalEffect.d.ts

@@ -3,35 +3,44 @@
  *
  * @packageDocumentation
  */
+import type { DependencyList } from "react";
 /**
  * React hook that subscribes to signal changes and runs effect callback
  *
- * Wraps Signal.subtle.Watcher to automatically track signal dependencies
- * accessed in the callback. When any tracked signal changes, the callback
- * re-runs and React component re-renders.
+ * Wraps the callback in a Signal.Computed to automatically track signal
+ * dependencies accessed inside it, then delegates the watcher lifecycle
+ * (microtask batching, re-arming, disposal) to `watchSignal` from
+ * `@xmachines/play-signals` — the single canonical implementation shared
+ * across framework renderers.
  *
- * Architecture (per RESEARCH.md Pattern 3):
+ * Architecture:
  * - Uses Signal.Computed to wrap callback for automatic dependency tracking
- * - Signal.subtle.Watcher monitors the Computed for changes
+ * - watchSignal owns the Signal.subtle.Watcher lifecycle (Phase 29 memory safety)
  * - Microtask batching coalesces rapid signal updates
- * - Forces React re-render via useReducer when signals change
+ * - Re-rendering is driven by the callback's own setState (see remarks)
  * - Handles cleanup on unmount to prevent memory leaks
  *
  * Invariant: Signal-Only Reactivity - Signals accessed in callback are watched.
  * Invariant: Passive Infrastructure - React observes signals and does not control them.
  *
  * @param callback - Effect function that accesses signals. Can return cleanup function.
+ * @param deps - Optional dependency list (like useEffect). When any dependency
+ * changes, the watcher and Computed are torn down and recreated, re-tracking
+ * signals from scratch. Defaults to `[]` (subscribe once per mount). Pass this
+ * when the identity of the object whose signals you read can change over the
+ * component's lifetime (e.g. an `actor` prop) — otherwise the watcher keeps
+ * tracking the OLD object's signals forever.
  *
  * @example
  * ```typescript
  * const MyComponent = ({ actor }) => {
  *   const [view, setView] = useState(null);
  *
- *   // Subscribe to actor.currentView signal
+ *   // Subscribe to actor.currentView signal; re-subscribe if the actor swaps
  *   useSignalEffect(() => {
  *     const currentView = actor.currentView.get();
  *     setView(currentView);
- *   });
+ *   }, [actor]);
  *
  *   return <div>{view?.component}</div>;
  * };
@@ -41,22 +50,22 @@
  * **CRITICAL:** Signals must be accessed unconditionally (no if statements).
  * Conditional signal access breaks automatic dependency tracking.
  *
- * **Performance:** Microtask batching (queueMicrotask) prevents React thrashing
- * when multiple signals update rapidly. Per signal-polyfill README pattern.
+ * **Performance:** Microtask batching (queueMicrotask, inside watchSignal)
+ * prevents React thrashing when multiple signals update rapidly.
  *
- * **Why forceUpdate:** React needs useState/useReducer to trigger re-render cycle.
- * Signal changes won't automatically re-render React components without forcing
- * update via state change.
+ * **Re-rendering:** the hook itself does NOT force a React render on signal
+ * change — the callback drives re-rendering by calling setState with the new
+ * signal value (as in the example above). This lets React's setState bailout
+ * skip renders when the derived value is unchanged; an unconditional
+ * force-update here previously caused a wasted render per notification even
+ * when the callback's setState bailed. If you need to re-render on every
+ * notification while reading signals during render, mirror the signal value
+ * into React state inside the callback.
  *
  * **Implementation note:** We wrap the callback in Signal.Computed because
  * Signal.subtle.Watcher cannot automatically track arbitrary function calls.
- * The Computed handles dependency tracking, and the Watcher monitors it.
- *
- * **Memory safety (Phase 29):**
- * - `disposed` flag prevents post-cleanup callback execution: if cleanup is
- *   called before a pending microtask fires, the microtask returns early.
- * - `needsEnqueue` guard dedups rapid synchronous signal changes: only one
- *   microtask is ever queued per batch of synchronous mutations.
+ * The Computed handles dependency tracking; watchSignal evaluates it (which
+ * runs the callback) whenever any tracked signal changes.
  */
-export declare const useSignalEffect: (callback: () => void | (() => void)) => void;
+export declare const useSignalEffect: (callback: () => void | (() => void), deps?: DependencyList) => void;
 //# sourceMappingURL=useSignalEffect.d.ts.map

package/dist/useSignalEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSignalEffect.d.ts","sourceRoot":"","sources":["../src/useSignalEffect.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAWH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,eAAO,MAAM,eAAe,GAAI,UAAU,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,KAAG,IA+DrE,CAAC"}
+{"version":3,"file":"useSignalEffect.d.ts","sourceRoot":"","sources":["../src/useSignalEffect.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,eAAO,MAAM,eAAe,GAC3B,UAAU,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,EACnC,OAAM,cAAmB,KACvB,IA0CF,CAAC"}

package/dist/useSignalEffect.js

@@ -3,8 +3,8 @@
  *
  * @packageDocumentation
  */
-import { useEffect, useReducer, useRef } from "react";
-import { Signal } from "@xmachines/play-signals";
+import { useEffect, useRef } from "react";
+import { Signal, watchSignal } from "@xmachines/play-signals";
 /**
  * Marker symbol returned by effect Computed to satisfy type requirements
  * The actual value doesn't matter - we only care about side effects
@@ -13,32 +13,40 @@ const EFFECT_RUN_MARKER = Symbol("effect-run");
 /**
  * React hook that subscribes to signal changes and runs effect callback
  *
- * Wraps Signal.subtle.Watcher to automatically track signal dependencies
- * accessed in the callback. When any tracked signal changes, the callback
- * re-runs and React component re-renders.
+ * Wraps the callback in a Signal.Computed to automatically track signal
+ * dependencies accessed inside it, then delegates the watcher lifecycle
+ * (microtask batching, re-arming, disposal) to `watchSignal` from
+ * `@xmachines/play-signals` — the single canonical implementation shared
+ * across framework renderers.
  *
- * Architecture (per RESEARCH.md Pattern 3):
+ * Architecture:
  * - Uses Signal.Computed to wrap callback for automatic dependency tracking
- * - Signal.subtle.Watcher monitors the Computed for changes
+ * - watchSignal owns the Signal.subtle.Watcher lifecycle (Phase 29 memory safety)
  * - Microtask batching coalesces rapid signal updates
- * - Forces React re-render via useReducer when signals change
+ * - Re-rendering is driven by the callback's own setState (see remarks)
  * - Handles cleanup on unmount to prevent memory leaks
  *
  * Invariant: Signal-Only Reactivity - Signals accessed in callback are watched.
  * Invariant: Passive Infrastructure - React observes signals and does not control them.
  *
  * @param callback - Effect function that accesses signals. Can return cleanup function.
+ * @param deps - Optional dependency list (like useEffect). When any dependency
+ * changes, the watcher and Computed are torn down and recreated, re-tracking
+ * signals from scratch. Defaults to `[]` (subscribe once per mount). Pass this
+ * when the identity of the object whose signals you read can change over the
+ * component's lifetime (e.g. an `actor` prop) — otherwise the watcher keeps
+ * tracking the OLD object's signals forever.
  *
  * @example
  * ```typescript
  * const MyComponent = ({ actor }) => {
  *   const [view, setView] = useState(null);
  *
- *   // Subscribe to actor.currentView signal
+ *   // Subscribe to actor.currentView signal; re-subscribe if the actor swaps
  *   useSignalEffect(() => {
  *     const currentView = actor.currentView.get();
  *     setView(currentView);
- *   });
+ *   }, [actor]);
  *
  *   return <div>{view?.component}</div>;
  * };
@@ -48,35 +56,31 @@ const EFFECT_RUN_MARKER = Symbol("effect-run");
  * **CRITICAL:** Signals must be accessed unconditionally (no if statements).
  * Conditional signal access breaks automatic dependency tracking.
  *
- * **Performance:** Microtask batching (queueMicrotask) prevents React thrashing
- * when multiple signals update rapidly. Per signal-polyfill README pattern.
+ * **Performance:** Microtask batching (queueMicrotask, inside watchSignal)
+ * prevents React thrashing when multiple signals update rapidly.
  *
- * **Why forceUpdate:** React needs useState/useReducer to trigger re-render cycle.
- * Signal changes won't automatically re-render React components without forcing
- * update via state change.
+ * **Re-rendering:** the hook itself does NOT force a React render on signal
+ * change — the callback drives re-rendering by calling setState with the new
+ * signal value (as in the example above). This lets React's setState bailout
+ * skip renders when the derived value is unchanged; an unconditional
+ * force-update here previously caused a wasted render per notification even
+ * when the callback's setState bailed. If you need to re-render on every
+ * notification while reading signals during render, mirror the signal value
+ * into React state inside the callback.
  *
  * **Implementation note:** We wrap the callback in Signal.Computed because
  * Signal.subtle.Watcher cannot automatically track arbitrary function calls.
- * The Computed handles dependency tracking, and the Watcher monitors it.
- *
- * **Memory safety (Phase 29):**
- * - `disposed` flag prevents post-cleanup callback execution: if cleanup is
- *   called before a pending microtask fires, the microtask returns early.
- * - `needsEnqueue` guard dedups rapid synchronous signal changes: only one
- *   microtask is ever queued per batch of synchronous mutations.
+ * The Computed handles dependency tracking; watchSignal evaluates it (which
+ * runs the callback) whenever any tracked signal changes.
  */
-export const useSignalEffect = (callback) => {
+export const useSignalEffect = (callback, deps = []) => {
     // Store callback in a ref so the effect closure always calls the latest version
     // WITHOUT triggering watcher teardown/re-setup on each render (standard React ref pattern)
     const callbackRef = useRef(callback);
     // Assignment outside useEffect keeps ref current without triggering re-effect
     callbackRef.current = callback;
-    // Force re-render when signal changes (React needs state change to re-render)
-    const [, forceUpdate] = useReducer((x) => x + 1, 0);
     useEffect(() => {
         let cleanup;
-        let needsEnqueue = true;
-        let disposed = false;
         // Wrap callback in a Computed to automatically track dependencies
         // The Computed will re-evaluate when any accessed signal changes
         const effect = new Signal.Computed(() => {
@@ -88,37 +92,23 @@ export const useSignalEffect = (callback) => {
             // Return marker value (Computed requires a return value)
             return EFFECT_RUN_MARKER;
         });
-        // Create watcher to detect when Computed needs re-evaluation
-        const watcher = new Signal.subtle.Watcher(() => {
-            // Batching flag prevents multiple microtasks for rapid changes
-            if (disposed || !needsEnqueue)
-                return;
-            needsEnqueue = false;
-            // Schedule microtask to batch updates (prevent React thrashing)
-            queueMicrotask(() => {
-                if (disposed)
-                    return;
-                needsEnqueue = true;
-                // Re-evaluate the Computed (runs callback with new signal values)
-                effect.get();
-                // Force React re-render
-                forceUpdate();
-                // Re-watch for next change
-                watcher.watch();
-            });
-        });
-        // Watch the Computed signal
-        watcher.watch(effect);
+        // watchSignal owns the watcher lifecycle: microtask batching, disposed
+        // guard, and re-arming after each notification (Phase 29 memory safety
+        // lives there — single source of truth, no copy-pasted watcher code).
+        // Reading the Computed inside watchSignal re-evaluates it, which runs the
+        // user callback; re-rendering is the callback's job (setState), so no
+        // extra work is needed in onValue.
+        const unwatch = watchSignal(effect, () => { });
         // Initial run of callback (via Computed)
         effect.get();
-        // Cleanup on unmount
+        // Cleanup on unmount or deps change
         return () => {
-            disposed = true;
+            // Stop receiving signal updates (idempotent, disposes pending microtasks)
+            unwatch();
             if (typeof cleanup === "function")
                 cleanup();
-            // Unwatch to stop receiving signal updates
-            watcher.unwatch(effect);
         };
-    }, []); // ← [] dep array: watcher created ONCE per mount, not once per render
+        // oxlint-disable-next-line exhaustive-deps -- deps forwarded from caller; callback intentionally excluded (ref pattern)
+    }, deps);
 };
 //# sourceMappingURL=useSignalEffect.js.map

package/dist/useSignalEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSignalEffect.js","sourceRoot":"","sources":["../src/useSignalEffect.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD;;;GAGG;AACH,MAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAmC,EAAQ,EAAE;IAC5E,gFAAgF;IAChF,2FAA2F;IAC3F,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,8EAA8E;IAC9E,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,OAA4B,CAAC;QACjC,IAAI,YAAY,GAAG,IAAI,CAAC;QACxB,IAAI,QAAQ,GAAG,KAAK,CAAC;QAErB,kEAAkE;QAClE,iEAAiE;QACjE,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE;YACvC,mCAAmC;YACnC,IAAI,OAAO,OAAO,KAAK,UAAU;gBAAE,OAAO,EAAE,CAAC;YAE7C,kEAAkE;YAClE,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC;YAEhC,yDAAyD;YACzD,OAAO,iBAAiB,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,6DAA6D;QAC7D,MAAM,OAAO,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE;YAC9C,+DAA+D;YAC/D,IAAI,QAAQ,IAAI,CAAC,YAAY;gBAAE,OAAO;YACtC,YAAY,GAAG,KAAK,CAAC;YACrB,gEAAgE;YAChE,cAAc,CAAC,GAAG,EAAE;gBACnB,IAAI,QAAQ;oBAAE,OAAO;gBACrB,YAAY,GAAG,IAAI,CAAC;gBAEpB,kEAAkE;gBAClE,MAAM,CAAC,GAAG,EAAE,CAAC;gBAEb,wBAAwB;gBACxB,WAAW,EAAE,CAAC;gBAEd,2BAA2B;gBAC3B,OAAO,CAAC,KAAK,EAAE,CAAC;YACjB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,4BAA4B;QAC5B,OAAO,CAAC,KAAK,CAAC,MAAkC,CAAC,CAAC;QAElD,yCAAyC;QACzC,MAAM,CAAC,GAAG,EAAE,CAAC;QAEb,qBAAqB;QACrB,OAAO,GAAG,EAAE;YACX,QAAQ,GAAG,IAAI,CAAC;YAChB,IAAI,OAAO,OAAO,KAAK,UAAU;gBAAE,OAAO,EAAE,CAAC;YAC7C,2CAA2C;YAC3C,OAAO,CAAC,OAAO,CAAC,MAAkC,CAAC,CAAC;QACrD,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,sEAAsE;AAC/E,CAAC,CAAC"}
+{"version":3,"file":"useSignalEffect.js","sourceRoot":"","sources":["../src/useSignalEffect.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE9D;;;GAGG;AACH,MAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC9B,QAAmC,EACnC,OAAuB,EAAE,EAClB,EAAE;IACT,gFAAgF;IAChF,2FAA2F;IAC3F,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,8EAA8E;IAC9E,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,OAA4B,CAAC;QAEjC,kEAAkE;QAClE,iEAAiE;QACjE,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE;YACvC,mCAAmC;YACnC,IAAI,OAAO,OAAO,KAAK,UAAU;gBAAE,OAAO,EAAE,CAAC;YAE7C,kEAAkE;YAClE,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC;YAEhC,yDAAyD;YACzD,OAAO,iBAAiB,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,uEAAuE;QACvE,uEAAuE;QACvE,sEAAsE;QACtE,0EAA0E;QAC1E,sEAAsE;QACtE,mCAAmC;QACnC,MAAM,OAAO,GAAG,WAAW,CAAC,MAAkC,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAE1E,yCAAyC;QACzC,MAAM,CAAC,GAAG,EAAE,CAAC;QAEb,oCAAoC;QACpC,OAAO,GAAG,EAAE;YACX,0EAA0E;YAC1E,OAAO,EAAE,CAAC;YACV,IAAI,OAAO,OAAO,KAAK,UAAU;gBAAE,OAAO,EAAE,CAAC;QAC9C,CAAC,CAAC;QACF,wHAAwH;IACzH,CAAC,EAAE,IAAI,CAAC,CAAC;AACV,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xmachines/play-react",
-  "version": "1.0.0-beta.53",
+  "version": "1.0.0-beta.54",
   "description": "React renderer for XMachines Play architecture with signal-driven rendering",
   "keywords": [
     "actor",
@@ -36,7 +36,7 @@
   },
   "scripts": {
     "build": "tsc --build",
-    "clean": "rm -rf dist *.tsbuildinfo coverage .vitest-attachments test/browser/__screenshots__ node_modules/.svelte2tsx-*",
+    "clean": "rm -rf dist *.tsbuildinfo coverage .vitest-attachments test/browser/__screenshots__ node_modules/.svelte2tsx-* node_modules/.vite*",
     "lint": "oxlint .",
     "format": "oxfmt .",
     "test": "vitest",
@@ -45,9 +45,9 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@xmachines/play": "1.0.0-beta.53",
-    "@xmachines/play-actor": "1.0.0-beta.53",
-    "@xmachines/play-signals": "1.0.0-beta.53"
+    "@xmachines/play": "1.0.0-beta.54",
+    "@xmachines/play-actor": "1.0.0-beta.54",
+    "@xmachines/play-signals": "1.0.0-beta.54"
   },
   "devDependencies": {
     "@json-render/core": "^0.18.0",
@@ -58,7 +58,9 @@
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@xmachines/shared": "1.0.0-beta.53",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser-playwright": "^4.1.5",
+    "@xmachines/shared": "1.0.0-beta.54",
     "@xstate/store": "^3.17.0",
     "jsdom": "^29.1.0",
     "oxfmt": "^0.47.0",
@@ -67,7 +69,8 @@
     "react-dom": "^19.2.5",
     "typescript": "^5.9.3 || ^6.0.3",
     "vitest": "^4.1.5",
-    "xstate": "^5.31.0"
+    "xstate": "^5.31.0",
+    "zod": "^4.4.1"
   },
   "peerDependencies": {
     "@json-render/core": "^0.18.0",