@warp-drive-mirror/react 5.8.0-alpha.37 → 5.8.0-alpha.40

package/dist/unpkg/prod/install.js

@@ -1,8 +1,7 @@
 import { use } from 'react';
 import { Signal } from 'signal-polyfill';
 import { setupSignals } from '@warp-drive-mirror/core/configure';
-import { W as WatcherContext } from "./reactive-context-ClTRYXie.js";
-import { macroCondition, getGlobalConfig } from '@embroider/macros';
+import { W as WatcherContext } from "./reactive-context-DKimDkR3.js";
 
 /**
  * {@include ./install.md}
@@ -20,59 +19,20 @@ function tryConsumeContext(signal) {
     // eslint-disable-next-line no-console
     console.error = logError;
     watcher?.watcher.watch(signal);
-    if (macroCondition(getGlobalConfig().WarpDriveMirror.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
-      if (getGlobalConfig().WarpDriveMirror.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
-        // eslint-disable-next-line no-console
-        console.log(`[WarpDrive] Consumed Context Signal`, signal, watcher);
-      }
-    }
   } catch {
     // eslint-disable-next-line no-console
     console.error = logError;
     // if we are not in a React context, we will Error
     // so we just ignore it.
-    if (macroCondition(getGlobalConfig().WarpDriveMirror.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
-      if (getGlobalConfig().WarpDriveMirror.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
-        // eslint-disable-next-line no-console
-        console.log(`[WarpDrive] No Context Available To Consume Signal`, signal);
-      }
-    }
-  }
-}
-let pending;
-async function settled() {
-  if (macroCondition(getGlobalConfig().WarpDriveMirror.env.TESTING)) {
-    // in testing mode we provide a test waiter integration
-    if (!pending || !pending.length) return;
-    const current = pending ?? [];
-    pending = [];
-    await Promise.allSettled(current);
-    await Promise.resolve();
-    await Promise.resolve();
-    await Promise.resolve();
-    return settled();
   }
 }
+async function settled() {}
 function buildSignalConfig(options) {
   return {
-    createSignal: (obj, key) => new Signal.State(macroCondition(getGlobalConfig().WarpDriveMirror.env.DEBUG) ? {
-      obj,
-      key
-    } : null, {
+    createSignal: (obj, key) => new Signal.State(null, {
       equals: () => false
     }),
     notifySignal: signal => {
-      if (macroCondition(getGlobalConfig().WarpDriveMirror.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
-        if (getGlobalConfig().WarpDriveMirror.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
-          if (Signal.subtle.hasSinks(signal)) {
-            // eslint-disable-next-line no-console
-            console.log(`[WarpDrive] Notifying Signal`, signal);
-          } else {
-            // eslint-disable-next-line no-console
-            console.log(`[WarpDrive] Notified Signal That Has No Watcher`, signal);
-          }
-        }
-      }
       signal.set(signal.get());
     },
     consumeSignal: signal => {
@@ -87,14 +47,6 @@ function buildSignalConfig(options) {
       };
     },
     waitFor: promise => {
-      if (macroCondition(getGlobalConfig().WarpDriveMirror.env.TESTING)) {
-        pending = pending || [];
-        const newPromise = promise.finally(() => {
-          pending = pending.filter(p => p !== newPromise);
-        });
-        pending.push(newPromise);
-        return newPromise;
-      }
       return promise;
     },
     willSyncFlushWatchers: () => false

package/dist/unpkg/prod/reactive-context-DKimDkR3.js

@@ -0,0 +1,110 @@
+import { Signal } from 'signal-polyfill';
+import { createContext, useMemo, useSyncExternalStore } from 'react';
+import { jsx } from 'react/jsx-runtime';
+let nextFlush = null;
+let watchers = [];
+let watcherId = 0;
+function clearWatcher(state) {
+  state.watcher.unwatch(...Signal.subtle.introspectSources(state.watcher));
+}
+function flush(state) {
+  state.pending = false;
+  if (state.destroyed) {
+    state.snapshot = null;
+    clearWatcher(state);
+    return;
+  }
+  // any time signals have changed, we notify React that our store has updated
+  state.snapshot = {
+    watcher: state.watcher
+  };
+  if (state.notifyReact) state.notifyReact();
+
+  // tell the Watcher to start watching for changes again
+  // by signaling that notifications have been flushed.
+  state.watcher.watch();
+}
+function _createWatcher() {
+  const id = watcherId++;
+  const state = {
+    watcherId: id,
+    pending: false,
+    destroyed: false,
+    notifyReact: null,
+    watcher: null,
+    // the extra wrapper returned here ensures that the context value for the watcher
+    // changes causing a re-render when the watcher is updated.
+    snapshot: null
+  };
+  state.watcher = new Signal.subtle.Watcher((...args) => {
+    if (!state.pending && !state.destroyed) {
+      watchers.push(state);
+      state.pending = true;
+      if (!nextFlush) {
+        nextFlush = new Promise(resolve => {
+          queueMicrotask(() => {
+            queueMicrotask(() => {
+              queueMicrotask(() => {
+                watchers.forEach(flush);
+                watchers = [];
+                nextFlush = null;
+                resolve();
+              });
+            });
+          });
+        });
+      }
+    } else if (state.destroyed) {
+      // if we are destroyed, we clear the watcher signals
+      // so that it does not continue to watch for changes.
+      state.snapshot = null;
+      clearWatcher(state);
+    }
+  });
+
+  // The watcher won't begin watching until we call `watcher.watch()`
+  state.watcher.watch();
+  state.snapshot = {
+    watcher: state.watcher
+  };
+  return state;
+}
+function useWatcher() {
+  const state = useMemo(_createWatcher, []);
+  return useSyncExternalStore(notifyChanged => {
+    state.destroyed = false;
+    state.notifyReact = notifyChanged;
+
+    // The watcher won't begin watching until we call `watcher.watch()`
+    state.watcher.watch();
+    return () => {
+      state.destroyed = true;
+      state.notifyReact = null;
+    };
+  }, () => state.snapshot);
+}
+
+/**
+ * @category Contexts
+ */
+const WatcherContext = /*#__PURE__*/createContext(null);
+
+/**
+ *
+ * @category Components
+ */
+function ReactiveContext({
+  children
+}) {
+  const watcher = useWatcher();
+  /**
+   * Unlike other frameworks, React does not have a built-in way to provide
+   * a context value other than by rendering an extra component.
+   *
+   */
+  return /*#__PURE__*/jsx(WatcherContext, {
+    value: watcher,
+    children: children
+  });
+}
+export { ReactiveContext as R, WatcherContext as W };

package/dist/unpkg/prod-deprecated/index.js

@@ -1,8 +1,7 @@
-import { R as ReactiveContext } from "./reactive-context-ClTRYXie.js";
-export { W as WatcherContext } from "./reactive-context-ClTRYXie.js";
+import { R as ReactiveContext } from "./reactive-context-DKimDkR3.js";
+export { W as WatcherContext } from "./reactive-context-DKimDkR3.js";
 import '@warp-drive-mirror/core';
 import { useMemo, createContext, use, useRef, useEffect } from 'react';
-import { macroCondition, getGlobalConfig } from '@embroider/macros';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { DISPOSE, createRequestSubscription, signal } from '@warp-drive-mirror/core/store/-private';
 import '@warp-drive-mirror/core/request';
@@ -13,11 +12,6 @@ const StoreContext = /*#__PURE__*/createContext(null);
  */
 function useStore() {
   const store = use(StoreContext);
-  macroCondition(getGlobalConfig().WarpDriveMirror.env.DEBUG) ? (test => {
-    if (!test) {
-      throw new Error("No Store provided via context. Please ensure you are using <StoreProvider> to provide a Store instance.");
-    }
-  })(store) : {};
   return store;
 }
 /**
@@ -186,18 +180,14 @@ function Request($props) {
   });
 }
 function isStrictModeRender() {
-  const count = useRef(0);
+  useRef(0);
 
   // in debug we need to skip every second invocation
-  if (macroCondition(getGlobalConfig().WarpDriveMirror.env.DEBUG)) {
-    if (count.current++ % 2 === 1) {
-      return true;
-    }
-  }
+
   return false;
 }
 function InternalRequest($props) {
-  const isStrict = isStrictModeRender();
+  isStrictModeRender();
   const store = $props.store ?? useStore();
   const Chrome = $props.chrome ?? DefaultChrome;
   const sink = useRef(null);
@@ -228,21 +218,6 @@ function InternalRequest($props) {
     return sink.current ? initialized.current.dispose : undefined;
   };
   let maybeEffect = effect;
-  if (macroCondition(getGlobalConfig().WarpDriveMirror.env.DEBUG)) {
-    if (isStrict) {
-      maybeEffect = () => {
-        if (initialized.current) {
-          return effect();
-        }
-        return () => {
-          // initialize our actual effect
-          effect();
-          // in strict mode we don't want to run the teardown
-          // for the second invocation
-        };
-      };
-    }
-  }
   useEffect(maybeEffect, [sink.current]);
   const state = $props.subscription ?? sink.current;
   const slots = $props.states;

package/dist/unpkg/prod-deprecated/install.js

@@ -1,8 +1,7 @@
 import { use } from 'react';
 import { Signal } from 'signal-polyfill';
 import { setupSignals } from '@warp-drive-mirror/core/configure';
-import { W as WatcherContext } from "./reactive-context-ClTRYXie.js";
-import { macroCondition, getGlobalConfig } from '@embroider/macros';
+import { W as WatcherContext } from "./reactive-context-DKimDkR3.js";
 
 /**
  * {@include ./install.md}
@@ -20,59 +19,20 @@ function tryConsumeContext(signal) {
     // eslint-disable-next-line no-console
     console.error = logError;
     watcher?.watcher.watch(signal);
-    if (macroCondition(getGlobalConfig().WarpDriveMirror.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
-      if (getGlobalConfig().WarpDriveMirror.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
-        // eslint-disable-next-line no-console
-        console.log(`[WarpDrive] Consumed Context Signal`, signal, watcher);
-      }
-    }
   } catch {
     // eslint-disable-next-line no-console
     console.error = logError;
     // if we are not in a React context, we will Error
     // so we just ignore it.
-    if (macroCondition(getGlobalConfig().WarpDriveMirror.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
-      if (getGlobalConfig().WarpDriveMirror.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
-        // eslint-disable-next-line no-console
-        console.log(`[WarpDrive] No Context Available To Consume Signal`, signal);
-      }
-    }
-  }
-}
-let pending;
-async function settled() {
-  if (macroCondition(getGlobalConfig().WarpDriveMirror.env.TESTING)) {
-    // in testing mode we provide a test waiter integration
-    if (!pending || !pending.length) return;
-    const current = pending ?? [];
-    pending = [];
-    await Promise.allSettled(current);
-    await Promise.resolve();
-    await Promise.resolve();
-    await Promise.resolve();
-    return settled();
   }
 }
+async function settled() {}
 function buildSignalConfig(options) {
   return {
-    createSignal: (obj, key) => new Signal.State(macroCondition(getGlobalConfig().WarpDriveMirror.env.DEBUG) ? {
-      obj,
-      key
-    } : null, {
+    createSignal: (obj, key) => new Signal.State(null, {
       equals: () => false
     }),
     notifySignal: signal => {
-      if (macroCondition(getGlobalConfig().WarpDriveMirror.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
-        if (getGlobalConfig().WarpDriveMirror.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
-          if (Signal.subtle.hasSinks(signal)) {
-            // eslint-disable-next-line no-console
-            console.log(`[WarpDrive] Notifying Signal`, signal);
-          } else {
-            // eslint-disable-next-line no-console
-            console.log(`[WarpDrive] Notified Signal That Has No Watcher`, signal);
-          }
-        }
-      }
       signal.set(signal.get());
     },
     consumeSignal: signal => {
@@ -87,14 +47,6 @@ function buildSignalConfig(options) {
       };
     },
     waitFor: promise => {
-      if (macroCondition(getGlobalConfig().WarpDriveMirror.env.TESTING)) {
-        pending = pending || [];
-        const newPromise = promise.finally(() => {
-          pending = pending.filter(p => p !== newPromise);
-        });
-        pending.push(newPromise);
-        return newPromise;
-      }
       return promise;
     },
     willSyncFlushWatchers: () => false

package/dist/unpkg/prod-deprecated/reactive-context-DKimDkR3.js

@@ -0,0 +1,110 @@
+import { Signal } from 'signal-polyfill';
+import { createContext, useMemo, useSyncExternalStore } from 'react';
+import { jsx } from 'react/jsx-runtime';
+let nextFlush = null;
+let watchers = [];
+let watcherId = 0;
+function clearWatcher(state) {
+  state.watcher.unwatch(...Signal.subtle.introspectSources(state.watcher));
+}
+function flush(state) {
+  state.pending = false;
+  if (state.destroyed) {
+    state.snapshot = null;
+    clearWatcher(state);
+    return;
+  }
+  // any time signals have changed, we notify React that our store has updated
+  state.snapshot = {
+    watcher: state.watcher
+  };
+  if (state.notifyReact) state.notifyReact();
+
+  // tell the Watcher to start watching for changes again
+  // by signaling that notifications have been flushed.
+  state.watcher.watch();
+}
+function _createWatcher() {
+  const id = watcherId++;
+  const state = {
+    watcherId: id,
+    pending: false,
+    destroyed: false,
+    notifyReact: null,
+    watcher: null,
+    // the extra wrapper returned here ensures that the context value for the watcher
+    // changes causing a re-render when the watcher is updated.
+    snapshot: null
+  };
+  state.watcher = new Signal.subtle.Watcher((...args) => {
+    if (!state.pending && !state.destroyed) {
+      watchers.push(state);
+      state.pending = true;
+      if (!nextFlush) {
+        nextFlush = new Promise(resolve => {
+          queueMicrotask(() => {
+            queueMicrotask(() => {
+              queueMicrotask(() => {
+                watchers.forEach(flush);
+                watchers = [];
+                nextFlush = null;
+                resolve();
+              });
+            });
+          });
+        });
+      }
+    } else if (state.destroyed) {
+      // if we are destroyed, we clear the watcher signals
+      // so that it does not continue to watch for changes.
+      state.snapshot = null;
+      clearWatcher(state);
+    }
+  });
+
+  // The watcher won't begin watching until we call `watcher.watch()`
+  state.watcher.watch();
+  state.snapshot = {
+    watcher: state.watcher
+  };
+  return state;
+}
+function useWatcher() {
+  const state = useMemo(_createWatcher, []);
+  return useSyncExternalStore(notifyChanged => {
+    state.destroyed = false;
+    state.notifyReact = notifyChanged;
+
+    // The watcher won't begin watching until we call `watcher.watch()`
+    state.watcher.watch();
+    return () => {
+      state.destroyed = true;
+      state.notifyReact = null;
+    };
+  }, () => state.snapshot);
+}
+
+/**
+ * @category Contexts
+ */
+const WatcherContext = /*#__PURE__*/createContext(null);
+
+/**
+ *
+ * @category Components
+ */
+function ReactiveContext({
+  children
+}) {
+  const watcher = useWatcher();
+  /**
+   * Unlike other frameworks, React does not have a built-in way to provide
+   * a context value other than by rendering an extra component.
+   *
+   */
+  return /*#__PURE__*/jsx(WatcherContext, {
+    value: watcher,
+    children: children
+  });
+}
+export { ReactiveContext as R, WatcherContext as W };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-drive-mirror/react",
   "description": "Data bindings and utilities for React applications using WarpDrive",
-  "version": "5.8.0-alpha.37",
+  "version": "5.8.0-alpha.40",
   "license": "MIT",
   "author": "Chris Thoburn <runspired@users.noreply.github.com>",
   "repository": {
@@ -27,26 +27,18 @@
   ],
   "exports": {
     ".": {
-      "unpkg": {
-        "development": {
-          "deprecations": "./dist/unpkg/dev-deprecated/index.js",
-          "default": "./dist/unpkg/dev/index.js"
-        },
-        "deprecations": "./dist/unpkg/prod-deprecated/index.js",
-        "default": "./dist/unpkg/prod/index.js"
-      },
+      "unpkg-dev-deprecated": "./dist/unpkg/dev-deprecated/index.js",
+      "unpkg-dev": "./dist/unpkg/dev/index.js",
+      "unpkg-deprecated": "./dist/unpkg/prod-deprecated/index.js",
+      "unpkg": "./dist/unpkg/prod/index.js",
       "types": "./declarations/index.d.ts",
       "default": "./dist/index.js"
     },
     "./*": {
-      "unpkg": {
-        "development": {
-          "deprecations": "./dist/unpkg/dev-deprecated/*.js",
-          "default": "./dist/unpkg/dev/*.js"
-        },
-        "deprecations": "./dist/unpkg/prod-deprecated/*.js",
-        "default": "./dist/unpkg/prod/*.js"
-      },
+      "unpkg-dev-deprecated": "./dist/unpkg/dev-deprecated/*.js",
+      "unpkg-dev": "./dist/unpkg/dev/*.js",
+      "unpkg-deprecated": "./dist/unpkg/prod-deprecated/*.js",
+      "unpkg": "./dist/unpkg/prod/*.js",
       "types": "./declarations/*.d.ts",
       "default": "./dist/*.js"
     }
@@ -54,8 +46,8 @@
   "peerDependencies": {},
   "dependencies": {
     "@embroider/macros": "^1.18.1",
-    "@warp-drive-mirror/core": "5.8.0-alpha.37",
-    "@warp-drive-mirror/tc39-proposal-signals": "5.8.0-alpha.37",
+    "@warp-drive-mirror/core": "5.8.0-alpha.40",
+    "@warp-drive-mirror/tc39-proposal-signals": "5.8.0-alpha.40",
     "signal-polyfill": "^0.2.2",
     "react": "^19.1.1"
   },
@@ -69,8 +61,8 @@
     "@babel/runtime": "^7.28.3",
     "decorator-transforms": "^2.3.0",
     "@embroider/addon-dev": "^8.1.0",
-    "@warp-drive/internal-config": "5.8.0-alpha.37",
-    "@warp-drive-mirror/core": "5.8.0-alpha.37",
+    "@warp-drive/internal-config": "5.8.0-alpha.40",
+    "@warp-drive-mirror/core": "5.8.0-alpha.40",
     "@types/react": "^19.1.11",
     "react": "^19.1.1",
     "rollup": "^4.48.0",

package/dist/unpkg/dev/declarations/-private/reactive-context.d.ts

@@ -1,18 +0,0 @@
-import { Signal } from "signal-polyfill";
-import { type JSX, type ReactNode, type Context } from "react";
-export declare function useWatcher(): {
-	watcher: Signal.subtle.Watcher;
-} | null;
-/**
-* @category Contexts
-*/
-export declare const WatcherContext: Context<{
-	watcher: Signal.subtle.Watcher;
-} | null>;
-/**
-*
-* @category Components
-*/
-export declare function ReactiveContext({ children }: {
-	children: ReactNode;
-}): JSX.Element;

package/dist/unpkg/dev/declarations/-private/request.d.ts

@@ -1,141 +0,0 @@
-import { RequestArgs, type ContentFeatures, type RecoveryFeatures, type RequestLoadingState, type RequestState } from "@warp-drive-mirror/core/store/-private";
-import type { StructuredErrorDocument } from "@warp-drive-mirror/core/types/request";
-import { JSX, ReactNode } from "react";
-interface ChromeComponentProps<RT> {
-	children: ReactNode;
-	state: RequestState | null;
-	features: ContentFeatures<RT>;
-}
-export interface RequestProps<
-	RT,
-	E
-> extends RequestArgs<RT, E> {
-	chrome?: React.FC<ChromeComponentProps<RT>>;
-	states: RequestStates<RT, E>;
-}
-interface RequestStates<
-	RT,
-	E
-> {
-	/**
-	* The block to render when the component is idle and waiting to be given a request.
-	*
-	*/
-	idle?: React.FC<{}>;
-	/**
-	* The block to render when the request is loading.
-	*
-	*/
-	loading?: React.FC<{
-		state: RequestLoadingState;
-	}>;
-	/**
-	* The block to render when the request was cancelled.
-	*
-	*/
-	cancelled?: React.FC<{
-		/**
-		* The Error the request rejected with.
-		*/
-		error: StructuredErrorDocument<E>;
-		/**
-		* Utilities to assist in recovering from the error.
-		*/
-		features: RecoveryFeatures;
-	}>;
-	/**
-	* The block to render when the request failed. If this block is not provided,
-	* the error will be rethrown.
-	*
-	* Thus it is required to provide an error block and proper error handling if
-	* you do not want the error to crash the application.
-	*/
-	error: React.FC<{
-		/**
-		* The Error the request rejected with.
-		*/
-		error: StructuredErrorDocument<E>;
-		/**
-		* Utilities to assist in recovering from the error.
-		*/
-		features: RecoveryFeatures;
-	}>;
-	/**
-	* The block to render when the request succeeded.
-	*
-	*/
-	content: React.FC<{
-		result: RT;
-		features: ContentFeatures<RT>;
-	}>;
-}
-export declare function Throw({ error }: {
-	error: Error;
-}): never;
-/**
-* The `<Request />` component is a powerful tool for managing data fetching and
-* state in your React application. It provides a declarative approach to reactive
-* control-flow for managing requests and state in your application.
-*
-* The `<Request />` component is ideal for handling "boundaries", outside which some
-* state is still allowed to be unresolved and within which it MUST be resolved.
-*
-* ## Request States
-*
-* `<Request />` has five states, only one of which will be active and rendered at a time.
-*
-* - `idle`: The component is waiting to be given a request to monitor
-* - `loading`: The request is in progress
-* - `error`: The request failed
-* - `content`: The request succeeded
-* - `cancelled`: The request was cancelled
-*
-* Additionally, the `content` state has a `refresh` method that can be used to
-* refresh the request in the background, which is available as a sub-state of
-* the `content` state.
-*
-* ### Example Usage
-*
-* ```tsx
-* import { Request } from "@warp-drive-mirror/react";
-*
-* export function UserPreview($props: { id: string | null }) {
-*   return (
-*    <Request
-*       query={findRecord('user', $props.id)}
-*       states={{
-*         idle: () => <div>Waiting for User Selection</div>,
-*         loading: ({ state }) => <div>Loading user data...</div>,
-*         cancelled: ({ error, features }) => (
-*           <div>
-*             <p>Request Cancelled</p>
-*             <p><button onClick={features.retry}>Start Again?</button></p>
-*           </div>
-*         ),
-*         error: ({ error, features }) => (
-*           <div>
-*             <p>Error: {error.message}</p>
-*             <p><button onClick={features.retry}>Try Again?</button></p>
-*           </div>
-*         ),
-*         content: ({ result, features }) => (
-*           <div>
-*            <h2>User Details</h2>
-*            <p>ID: {result.id}</p>
-*            <p>Name: {result.name}</p>
-*          </div>
-*        ),
-*      }}
-*    />
-*   );
-* }
-*
-* ```
-*
-* @category Components
-*/
-export declare function Request<
-	RT,
-	E
->($props: RequestProps<RT, E>): JSX.Element;
-export {};