@warp-drive/react 5.9.0-alpha.20 → 5.9.0-alpha.22

package/dist/install.js

@@ -1,119 +1,100 @@
-import { use } from 'react';
-import { Signal } from 'signal-polyfill';
-import { setupSignals } from '@warp-drive/core/configure';
-import { W as WatcherContext } from "./reactive-context-ClTRYXie.js";
-import { macroCondition, getGlobalConfig } from '@embroider/macros';
+import { n as WatcherContext } from "./reactive-context-DNq02nr1.js";
+import { Signal } from "signal-polyfill";
+import { use } from "react";
+import { getGlobalConfig, macroCondition } from "@embroider/macros";
+import { setupSignals } from "@warp-drive/core/configure";
 
+//#region src/install.ts
 /**
- * {@include ./install.md}
- * @module
- */
-
+* {@include ./install.md}
+* @module
+*/
 function tryConsumeContext(signal) {
-  // eslint-disable-next-line no-console
-  const logError = console.error;
-  try {
-    // eslint-disable-next-line no-console
-    console.error = () => {};
-    // ensure signals are watched by our closest watcher
-    const watcher = use(WatcherContext);
-    // eslint-disable-next-line no-console
-    console.error = logError;
-    watcher?.watcher.watch(signal);
-    if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
-      if (getGlobalConfig().WarpDrive.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().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
-      if (getGlobalConfig().WarpDrive.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);
-      }
-    }
-  }
+	const logError = console.error;
+	try {
+		console.error = () => {};
+		const watcher = use(WatcherContext);
+		console.error = logError;
+		watcher?.watcher.watch(signal);
+		if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+			if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) console.log(`[WarpDrive] Consumed Context Signal`, signal, watcher);
+		}
+	} catch {
+		console.error = logError;
+		if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+			if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) console.log(`[WarpDrive] No Context Available To Consume Signal`, signal);
+		}
+	}
 }
 let pending;
 /**
- * Resolves once all pending requests started via WarpDrive's React signal
- * integration have settled. Only tracks requests while `TESTING` is enabled;
- * a no-op otherwise.
- *
- * @public
- */
+* Resolves once all pending requests started via WarpDrive's React signal
+* integration have settled. Only tracks requests while `TESTING` is enabled;
+* a no-op otherwise.
+*
+* @public
+*/
 async function settled() {
-  if (macroCondition(getGlobalConfig().WarpDrive.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();
-  }
+	if (macroCondition(getGlobalConfig().WarpDrive.env.TESTING)) {
+		if (!pending || !pending.length) return;
+		const current = pending ?? [];
+		pending = [];
+		await Promise.allSettled(current);
+		await Promise.resolve();
+		await Promise.resolve();
+		await Promise.resolve();
+		return settled();
+	}
 }
-
 /**
- * Builds the {@link SignalHooks} implementation backed by the
- * [Signal Polyfill](https://github.com/proposal-signals/signal-polyfill),
- * used to wire WarpDrive's reactivity primitives into React.
- *
- * @public
- */
+* Builds the {@link SignalHooks} implementation backed by the
+* [Signal Polyfill](https://github.com/proposal-signals/signal-polyfill),
+* used to wire WarpDrive's reactivity primitives into React.
+*
+* @public
+*/
 function buildSignalConfig(options) {
-  return {
-    createSignal: (obj, key) => new Signal.State(macroCondition(getGlobalConfig().WarpDrive.env.DEBUG) ? {
-      obj,
-      key
-    } : null, {
-      equals: () => false
-    }),
-    notifySignal: signal => {
-      if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
-        if (getGlobalConfig().WarpDrive.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 => {
-      tryConsumeContext(signal);
-      void signal.get();
-    },
-    createMemo: (object, key, fn) => {
-      const memo = new Signal.Computed(fn);
-      return () => {
-        tryConsumeContext(memo);
-        return memo.get();
-      };
-    },
-    waitFor: promise => {
-      if (macroCondition(getGlobalConfig().WarpDrive.env.TESTING)) {
-        pending = pending || [];
-        const newPromise = promise.finally(() => {
-          pending = pending.filter(p => p !== newPromise);
-        });
-        pending.push(newPromise);
-        return newPromise;
-      }
-      return promise;
-    },
-    willSyncFlushWatchers: () => false
-  };
+	return {
+		createSignal: (obj, key) => new Signal.State(macroCondition(getGlobalConfig().WarpDrive.env.DEBUG) ? {
+			obj,
+			key
+		} : null, { equals: () => false }),
+		notifySignal: (signal) => {
+			if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+				if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
+					if (Signal.subtle.hasSinks(signal)) console.log(`[WarpDrive] Notifying Signal`, signal);
+					else console.log(`[WarpDrive] Notified Signal That Has No Watcher`, signal);
+				}
+			}
+			signal.set(signal.get());
+		},
+		consumeSignal: (signal) => {
+			tryConsumeContext(signal);
+			signal.get();
+		},
+		createMemo: (object, key, fn) => {
+			const memo = new Signal.Computed(fn);
+			return () => {
+				tryConsumeContext(memo);
+				return memo.get();
+			};
+		},
+		waitFor: (promise) => {
+			if (macroCondition(getGlobalConfig().WarpDrive.env.TESTING)) {
+				pending = pending || [];
+				const newPromise = promise.finally(() => {
+					pending = pending.filter((p) => p !== newPromise);
+				});
+				pending.push(newPromise);
+				return newPromise;
+			}
+			return promise;
+		},
+		willSyncFlushWatchers: () => false
+	};
 }
 setupSignals(buildSignalConfig);
-export { buildSignalConfig, settled };
+
+//#endregion
+export { buildSignalConfig, settled };
+//# sourceMappingURL=install.js.map

package/dist/install.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"install.js","names":["use","Signal","setupSignals","WatcherContext","getGlobalConfig","macroCondition","tryConsumeContext","signal","logError","console","error","watcher","watch","WarpDrive","activeLogging","LOG_REACT_SIGNAL_INTEGRATION","debug","globalThis","getWarpDriveRuntimeConfig","log","pending","settled","env","TESTING","length","current","Promise","allSettled","resolve","buildSignalConfig","options","createSignal","obj","key","State","DEBUG","equals","notifySignal","subtle","hasSinks","set","get","consumeSignal","createMemo","object","fn","memo","Computed","waitFor","promise","newPromise","finally","filter","p","push","willSyncFlushWatchers"],"sources":["../src/install.ts"],"sourcesContent":["/**\n * {@include ./install.md}\n * @module\n */\n\nimport { use } from 'react';\nimport { Signal } from 'signal-polyfill';\n\nimport { LOG_REACT_SIGNAL_INTEGRATION } from '@warp-drive/core/build-config/debugging';\nimport { DEBUG, TESTING } from '@warp-drive/core/build-config/env';\nimport { type HooksOptions, setupSignals, type SignalHooks } from '@warp-drive/core/configure';\n\nimport { WatcherContext } from './-private/reactive-context';\n\nfunction tryConsumeContext(signal: Signal.State<unknown> | Signal.Computed<unknown>): void {\n  // eslint-disable-next-line no-console\n  const logError = console.error;\n  try {\n    // eslint-disable-next-line no-console\n    console.error = () => {};\n    // ensure signals are watched by our closest watcher\n    const watcher = use(WatcherContext);\n    // eslint-disable-next-line no-console\n    console.error = logError;\n    watcher?.watcher.watch(signal);\n    if (LOG_REACT_SIGNAL_INTEGRATION) {\n      // eslint-disable-next-line no-console\n      console.log(`[WarpDrive] Consumed Context Signal`, signal, watcher);\n    }\n  } catch {\n    // eslint-disable-next-line no-console\n    console.error = logError;\n    // if we are not in a React context, we will Error\n    // so we just ignore it.\n    if (LOG_REACT_SIGNAL_INTEGRATION) {\n      // eslint-disable-next-line no-console\n      console.log(`[WarpDrive] No Context Available To Consume Signal`, signal);\n    }\n  }\n}\n\nlet pending: Promise<unknown>[];\n/**\n * Resolves once all pending requests started via WarpDrive's React signal\n * integration have settled. Only tracks requests while `TESTING` is enabled;\n * a no-op otherwise.\n *\n * @public\n */\nexport async function settled(): Promise<void> {\n  if (TESTING) {\n    // in testing mode we provide a test waiter integration\n    if (!pending || !pending.length) return;\n    const current = pending ?? [];\n    pending = [];\n    await Promise.allSettled(current);\n    await Promise.resolve();\n    await Promise.resolve();\n    await Promise.resolve();\n\n    return settled();\n  }\n}\n\n/**\n * Builds the {@link SignalHooks} implementation backed by the\n * [Signal Polyfill](https://github.com/proposal-signals/signal-polyfill),\n * used to wire WarpDrive's reactivity primitives into React.\n *\n * @public\n */\nexport function buildSignalConfig(options: HooksOptions): SignalHooks {\n  return {\n    createSignal: (obj: object, key: string | symbol) =>\n      new Signal.State(DEBUG ? { obj, key } : null, { equals: () => false }),\n\n    notifySignal: (signal: Signal.State<unknown>) => {\n      if (LOG_REACT_SIGNAL_INTEGRATION) {\n        if (Signal.subtle.hasSinks(signal)) {\n          // eslint-disable-next-line no-console\n          console.log(`[WarpDrive] Notifying Signal`, signal);\n        } else {\n          // eslint-disable-next-line no-console\n          console.log(`[WarpDrive] Notified Signal That Has No Watcher`, signal);\n        }\n      }\n      signal.set(signal.get());\n    },\n\n    consumeSignal: (signal: Signal.State<unknown>) => {\n      tryConsumeContext(signal);\n      void signal.get();\n    },\n\n    createMemo: <F>(object: object, key: string | symbol, fn: () => F): (() => F) => {\n      const memo = new Signal.Computed<F>(fn);\n      return () => {\n        tryConsumeContext(memo);\n\n        return memo.get();\n      };\n    },\n\n    waitFor: (promise) => {\n      if (TESTING) {\n        pending = pending || [];\n        const newPromise = promise.finally(() => {\n          pending = pending.filter((p) => p !== newPromise);\n        });\n        pending.push(newPromise);\n        return newPromise;\n      }\n      return promise;\n    },\n\n    willSyncFlushWatchers: () => false,\n  } as SignalHooks;\n}\n\nsetupSignals(buildSignalConfig);\n"],"mappings":";;;;;;;;;;;AAcA,SAASM,kBAAkBC,QAAgE;CAEzF,MAAMC,WAAWC,QAAQC;CACzB,IAAI;EAEFD,QAAQC,cAAc,CAAC;EAEvB,MAAMC,UAAUX,IAAIG,cAAc;EAElCM,QAAQC,QAAQF;EAChBG,SAASA,QAAQC,MAAML,MAAM;EAC7B,IAAAF,eAAAD,gBAAA,CAAA,CAAAS,UAAAC,cAAAC,4BAAA,GAAA;OAAAX,gBAAA,CAAA,CAAAS,UAAAG,MAAAD,gCAAAE,WAAAC,0BAAA,CAAA,CAAAF,MAAAD,8BAEEN,QAAQU,IAAI,uCAAuCZ,QAAQI,OAAO;EACpE;CACF,QAAQ;EAENF,QAAQC,QAAQF;EAGhB,IAAAH,eAAAD,gBAAA,CAAA,CAAAS,UAAAC,cAAAC,4BAAA,GAAA;OAAAX,gBAAA,CAAA,CAAAS,UAAAG,MAAAD,gCAAAE,WAAAC,0BAAA,CAAA,CAAAF,MAAAD,8BAEEN,QAAQU,IAAI,sDAAsDZ,MAAM;EAC1E;CACF;AACF;AAEA,IAAIa;;;;;;;;AAQJ,eAAsBC,UAAyB;CAC7C,IAAAhB,eAAAD,gBAAA,CAAA,CAAAS,UAAAS,IAAAC,OAAA,GAAa;EAEX,IAAI,CAACH,WAAW,CAACA,QAAQI,QAAQ;EACjC,MAAMC,UAAUL,WAAW,CAAA;EAC3BA,UAAU,CAAA;EACV,MAAMM,QAAQC,WAAWF,OAAO;EAChC,MAAMC,QAAQE,QAAQ;EACtB,MAAMF,QAAQE,QAAQ;EACtB,MAAMF,QAAQE,QAAQ;EAEtB,OAAOP,QAAQ;CACjB;AACF;;;;;;;;AASA,SAAgBQ,kBAAkBC,SAAoC;CACpE,OAAO;EACLC,eAAeC,KAAaC,QAC1B,IAAIhC,OAAOiC,MAAM7B,eAAAD,gBAAA,CAAA,CAAAS,UAAAS,IAAAa,KAAA,IAAQ;GAAEH;GAAKC;EAAI,IAAI,MAAM,EAAEG,cAAc,MAAM,CAAC;EAEvEC,eAAe9B,WAAkC;GAC/C,IAAAF,eAAAD,gBAAA,CAAA,CAAAS,UAAAC,cAAAC,4BAAA,GAAA;QAAAX,gBAAA,CAAA,CAAAS,UAAAG,MAAAD,gCAAAE,WAAAC,0BAAA,CAAA,CAAAF,MAAAD,8BAAkC;KAChC,IAAId,OAAOqC,OAAOC,SAAShC,MAAM,GAE/BE,QAAQU,IAAI,gCAAgCZ,MAAM;UAGlDE,QAAQU,IAAI,mDAAmDZ,MAAM;IAEzE;;GACAA,OAAOiC,IAAIjC,OAAOkC,IAAI,CAAC;EACzB;EAEAC,gBAAgBnC,WAAkC;GAChDD,kBAAkBC,MAAM;GACxB,AAAKA,OAAOkC,IAAI;EAClB;EAEAE,aAAgBC,QAAgBX,KAAsBY,OAA2B;GAC/E,MAAMC,OAAO,IAAI7C,OAAO8C,SAAYF,EAAE;GACtC,aAAa;IACXvC,kBAAkBwC,IAAI;IAEtB,OAAOA,KAAKL,IAAI;GAClB;EACF;EAEAO,UAAUC,YAAY;GACpB,IAAA5C,eAAAD,gBAAA,CAAA,CAAAS,UAAAS,IAAAC,OAAA,GAAa;IACXH,UAAUA,WAAW,CAAA;IACrB,MAAM8B,aAAaD,QAAQE,cAAc;KACvC/B,UAAUA,QAAQgC,QAAQC,MAAMA,MAAMH,UAAU;IAClD,CAAC;IACD9B,QAAQkC,KAAKJ,UAAU;IACvB,OAAOA;GACT;GACA,OAAOD;EACT;EAEAM,6BAA6B;CAC/B;AACF;AAEArD,aAAa2B,iBAAiB"}

package/dist/reactive-context-DNq02nr1.js

@@ -0,0 +1,122 @@
+import { Signal } from "signal-polyfill";
+import { createContext, useMemo, useSyncExternalStore } from "react";
+import { getGlobalConfig, macroCondition } from "@embroider/macros";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/-private/reactive-context.tsx
+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) {
+		if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+			if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) console.log(`[WarpDrive] Detected Watcher Destroyed During Notify Flush, clearing signals`);
+		}
+		state.snapshot = null;
+		clearWatcher(state);
+		return;
+	}
+	if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+		if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) {
+			console.log(`[WarpDrive] Notifying React That WatcherContext:${state.watcherId} Has Updated`);
+			console.log("all signals", new Set(Signal.subtle.introspectSources(state.watcher)));
+			console.log("dirty signals", new Set(state.watcher.getPending()));
+		}
+	}
+	state.snapshot = { watcher: state.watcher };
+	if (state.notifyReact) state.notifyReact();
+	state.watcher.watch();
+}
+function _createWatcher() {
+	const id = watcherId++;
+	if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+		if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) console.log(`[WarpDrive] Creating a WatcherContext:${id}`);
+	}
+	const state = {
+		watcherId: id,
+		pending: false,
+		destroyed: false,
+		notifyReact: null,
+		watcher: null,
+		snapshot: null
+	};
+	state.watcher = new Signal.subtle.Watcher((...args) => {
+		if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+			if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) console.log(`watcher ${state.watcherId} notified`, args, state.watcher);
+		}
+		if (!state.pending && !state.destroyed) {
+			watchers.push(state);
+			state.pending = true;
+			if (!nextFlush) nextFlush = new Promise((resolve) => {
+				queueMicrotask(() => {
+					queueMicrotask(() => {
+						queueMicrotask(() => {
+							watchers.forEach(flush);
+							if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+								if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) console.log("Flushed watcher:", watchers.map((w) => w.watcherId));
+							}
+							watchers = [];
+							nextFlush = null;
+							resolve();
+						});
+					});
+				});
+			});
+		} else if (state.destroyed) {
+			if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+				if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) console.log(`[WarpDrive] Detected Watcher Destroyed During Notify, clearing signals`);
+			}
+			state.snapshot = null;
+			clearWatcher(state);
+		}
+	});
+	state.watcher.watch();
+	state.snapshot = { watcher: state.watcher };
+	return state;
+}
+function useWatcher() {
+	const state = useMemo(_createWatcher, []);
+	return useSyncExternalStore((notifyChanged) => {
+		if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+			if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) console.log(`[WarpDrive] Subscribing to Watcher`);
+		}
+		state.destroyed = false;
+		state.notifyReact = notifyChanged;
+		state.watcher.watch();
+		return () => {
+			if (macroCondition(getGlobalConfig().WarpDrive.activeLogging.LOG_REACT_SIGNAL_INTEGRATION)) {
+				if (getGlobalConfig().WarpDrive.debug.LOG_REACT_SIGNAL_INTEGRATION || globalThis.getWarpDriveRuntimeConfig().debug.LOG_REACT_SIGNAL_INTEGRATION) console.log(`[WarpDrive] Deactivating Watcher Subscription`);
+			}
+			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
+	});
+}
+
+//#endregion
+export { WatcherContext as n, ReactiveContext as t };
+//# sourceMappingURL=reactive-context-DNq02nr1.js.map

package/dist/reactive-context-DNq02nr1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive-context-DNq02nr1.js","names":["Signal","createContext","useSyncExternalStore","useMemo","getGlobalConfig","macroCondition","jsx","_jsx","nextFlush","watchers","watcherId","clearWatcher","state","watcher","unwatch","subtle","introspectSources","flush","pending","destroyed","WarpDrive","activeLogging","LOG_REACT_SIGNAL_INTEGRATION","debug","globalThis","getWarpDriveRuntimeConfig","console","log","snapshot","Set","getPending","notifyReact","watch","_createWatcher","id","Watcher","args","push","Promise","resolve","queueMicrotask","forEach","map","w","useWatcher","notifyChanged","WatcherContext","ReactiveContext","children","value"],"sources":["../src/-private/reactive-context.tsx"],"sourcesContent":["import { Signal } from \"signal-polyfill\";\nimport { createContext, type JSX, type ReactNode, useSyncExternalStore, type Context, useMemo } from \"react\";\nimport { LOG_REACT_SIGNAL_INTEGRATION } from \"@warp-drive/core/build-config/debugging\";\n\nlet nextFlush: Promise<void> | null = null;\nlet watchers: WatcherState[] = [];\nlet watcherId = 0;\n\ninterface WatcherState {\n  watcherId: number;\n  pending: boolean;\n  destroyed: boolean;\n  notifyReact: (() => void) | null;\n  watcher: Signal.subtle.Watcher;\n\n  // the extra wrapper returned here ensures that the context value for the watcher\n  // changes causing a re-render when the watcher is updated.\n  snapshot: { watcher: Signal.subtle.Watcher } | null;\n}\n\nfunction clearWatcher(state: WatcherState) {\n  state.watcher.unwatch(...Signal.subtle.introspectSources(state.watcher));\n}\n\nfunction flush(state: WatcherState) {\n  state.pending = false;\n  if (state.destroyed) {\n    if (LOG_REACT_SIGNAL_INTEGRATION) {\n      console.log(`[WarpDrive] Detected Watcher Destroyed During Notify Flush, clearing signals`);\n    }\n    state.snapshot = null;\n    clearWatcher(state);\n    return;\n  }\n\n  if (LOG_REACT_SIGNAL_INTEGRATION) {\n    console.log(`[WarpDrive] Notifying React That WatcherContext:${state.watcherId} Has Updated`);\n    console.log(\"all signals\", new Set(Signal.subtle.introspectSources(state.watcher)));\n    console.log(\"dirty signals\", new Set(state.watcher.getPending()));\n  }\n\n  // any time signals have changed, we notify React that our store has updated\n  state.snapshot = { watcher: state.watcher };\n  if (state.notifyReact) state.notifyReact();\n\n  // tell the Watcher to start watching for changes again\n  // by signaling that notifications have been flushed.\n  state.watcher.watch();\n}\n\nfunction _createWatcher() {\n  const id = watcherId++;\n  if (LOG_REACT_SIGNAL_INTEGRATION) {\n    console.log(`[WarpDrive] Creating a WatcherContext:${id}`);\n  }\n  const state: WatcherState = {\n    watcherId: id,\n    pending: false,\n    destroyed: false,\n    notifyReact: null as (() => void) | null,\n    watcher: null as unknown as Signal.subtle.Watcher,\n\n    // the extra wrapper returned here ensures that the context value for the watcher\n    // changes causing a re-render when the watcher is updated.\n    snapshot: null as { watcher: Signal.subtle.Watcher } | null,\n  };\n\n  state.watcher = new Signal.subtle.Watcher((...args) => {\n    if (LOG_REACT_SIGNAL_INTEGRATION) {\n      console.log(`watcher ${state.watcherId} notified`, args, state.watcher);\n    }\n    if (!state.pending && !state.destroyed) {\n      watchers.push(state);\n      state.pending = true;\n\n      if (!nextFlush) {\n        nextFlush = new Promise((resolve) => {\n          queueMicrotask(() => {\n            queueMicrotask(() => {\n              queueMicrotask(() => {\n                watchers.forEach(flush);\n                if (LOG_REACT_SIGNAL_INTEGRATION) {\n                  console.log(\n                    \"Flushed watcher:\",\n                    watchers.map((w) => w.watcherId)\n                  );\n                }\n                watchers = [];\n                nextFlush = null;\n\n                resolve();\n              });\n            });\n          });\n        });\n      }\n    } else if (state.destroyed) {\n      if (LOG_REACT_SIGNAL_INTEGRATION) {\n        console.log(`[WarpDrive] Detected Watcher Destroyed During Notify, clearing signals`);\n      }\n      // if we are destroyed, we clear the watcher signals\n      // so that it does not continue to watch for changes.\n      state.snapshot = null;\n      clearWatcher(state);\n    }\n  });\n\n  // The watcher won't begin watching until we call `watcher.watch()`\n  state.watcher.watch();\n  state.snapshot = { watcher: state.watcher };\n\n  return state;\n}\n\nexport function useWatcher(): { watcher: Signal.subtle.Watcher } | null {\n  const state = useMemo(_createWatcher, []);\n\n  return useSyncExternalStore(\n    (notifyChanged: () => void) => {\n      if (LOG_REACT_SIGNAL_INTEGRATION) {\n        console.log(`[WarpDrive] Subscribing to Watcher`);\n      }\n      state.destroyed = false;\n      state.notifyReact = notifyChanged;\n\n      // The watcher won't begin watching until we call `watcher.watch()`\n      state.watcher.watch();\n\n      return () => {\n        if (LOG_REACT_SIGNAL_INTEGRATION) {\n          console.log(`[WarpDrive] Deactivating Watcher Subscription`);\n        }\n        state.destroyed = true;\n        state.notifyReact = null;\n      };\n    },\n    () => state.snapshot\n  );\n}\n\n/**\n * @category Contexts\n */\nexport const WatcherContext: Context<{\n  /**\n   * The `Signal.subtle.Watcher` used to observe signal changes for the nearest {@link ReactiveContext}.\n   */\n  watcher: Signal.subtle.Watcher;\n} | null> = createContext<{\n  watcher: Signal.subtle.Watcher;\n} | null>(null);\n\n/**\n *\n * @category Components\n */\nexport function ReactiveContext({ children }: { children: ReactNode }): JSX.Element {\n  const watcher = useWatcher();\n  /**\n   * Unlike other frameworks, React does not have a built-in way to provide\n   * a context value other than by rendering an extra component.\n   *\n   */\n  return <WatcherContext value={watcher}>{children}</WatcherContext>;\n}\n"],"mappings":"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"}