@warp-drive/react 5.9.0-beta.0 → 5.9.0-beta.2

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

@@ -0,0 +1,92 @@
+import { createContext, useMemo, useSyncExternalStore } from "react";
+import { Signal } from "signal-polyfill";
+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) {
+		state.snapshot = null;
+		clearWatcher(state);
+		return;
+	}
+	state.snapshot = { watcher: state.watcher };
+	if (state.notifyReact) state.notifyReact();
+	state.watcher.watch();
+}
+function _createWatcher() {
+	const state = {
+		watcherId: watcherId++,
+		pending: false,
+		destroyed: false,
+		notifyReact: null,
+		watcher: null,
+		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) {
+			state.snapshot = null;
+			clearWatcher(state);
+		}
+	});
+	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;
+		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
+	});
+}
+
+//#endregion
+export { WatcherContext as n, ReactiveContext as t };
+//# sourceMappingURL=reactive-context-eAEvPuqb.js.map

package/dist/unpkg/prod/reactive-context-eAEvPuqb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive-context-eAEvPuqb.js","names":["createContext","useSyncExternalStore","useMemo","Signal","jsx","_jsx","nextFlush","watchers","watcherId","clearWatcher","state","watcher","unwatch","subtle","introspectSources","flush","pending","destroyed","snapshot","notifyReact","watch","_createWatcher","id","Watcher","args","push","Promise","resolve","queueMicrotask","forEach","useWatcher","notifyChanged","WatcherContext","ReactiveContext","children","value"],"sources":["../../../src/-private/reactive-context.tsx"],"sourcesContent":["import { createContext, type JSX, type ReactNode, useSyncExternalStore, type Context, useMemo } from \"react\";\nimport { Signal } from \"signal-polyfill\";\n\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      // eslint-disable-next-line no-console\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    /* eslint-disable no-console */\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    /* eslint-enable no-console */\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    // eslint-disable-next-line no-console\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      // eslint-disable-next-line no-console\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                  // eslint-disable-next-line no-console\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        // eslint-disable-next-line no-console\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        // eslint-disable-next-line no-console\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          // eslint-disable-next-line no-console\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":";;;;;AAKA,IAAIM,YAAkC;AACtC,IAAIC,WAA2B,CAAA;AAC/B,IAAIC,YAAY;AAchB,SAASC,aAAaC,OAAqB;CACzCA,MAAMC,QAAQC,QAAQ,GAAGT,OAAOU,OAAOC,kBAAkBJ,MAAMC,OAAO,CAAC;AACzE;AAEA,SAASI,MAAML,OAAqB;CAClCA,MAAMM,UAAU;CAChB,IAAIN,MAAMO,WAAW;EAKnBP,MAAMQ,WAAW;EACjBT,aAAaC,KAAK;EAClB;CACF;CAWAA,MAAMQ,WAAW,EAAEP,SAASD,MAAMC,QAAQ;CAC1C,IAAID,MAAMS,aAAaT,MAAMS,YAAY;CAIzCT,MAAMC,QAAQS,MAAM;AACtB;AAEA,SAASC,iBAAiB;CAMxB,MAAMX,QAAsB;EAC1BF,WAAWc,AANFd;EAOTQ,SAAS;EACTC,WAAW;EACXE,aAAa;EACbR,SAAS;EAITO,UAAU;CACZ;CAEAR,MAAMC,UAAU,IAAIR,OAAOU,OAAOU,SAAS,GAAGC,SAAS;EAKrD,IAAI,CAACd,MAAMM,WAAW,CAACN,MAAMO,WAAW;GACtCV,SAASkB,KAAKf,KAAK;GACnBA,MAAMM,UAAU;GAEhB,IAAI,CAACV,WACHA,YAAY,IAAIoB,SAASC,YAAY;IACnCC,qBAAqB;KACnBA,qBAAqB;MACnBA,qBAAqB;OACnBrB,SAASsB,QAAQd,KAAK;OAQtBR,WAAW,CAAA;OACXD,YAAY;OAEZqB,QAAQ;MACV,CAAC;KACH,CAAC;IACH,CAAC;GACH,CAAC;EAEL,OAAO,IAAIjB,MAAMO,WAAW;GAO1BP,MAAMQ,WAAW;GACjBT,aAAaC,KAAK;EACpB;CACF,CAAC;CAGDA,MAAMC,QAAQS,MAAM;CACpBV,MAAMQ,WAAW,EAAEP,SAASD,MAAMC,QAAQ;CAE1C,OAAOD;AACT;AAEA,SAAgBoB,aAAwD;CACtE,MAAMpB,QAAQR,QAAQmB,gBAAgB,CAAA,CAAE;CAExC,OAAOpB,sBACJ8B,kBAA8B;EAK7BrB,MAAMO,YAAY;EAClBP,MAAMS,cAAcY;EAGpBrB,MAAMC,QAAQS,MAAM;EAEpB,aAAa;GAKXV,MAAMO,YAAY;GAClBP,MAAMS,cAAc;EACtB;CACF,SACMT,MAAMQ,QACd;AACF;;;;AAKA,MAAac,iBAKDhC,4BAEF,IAAI;;;;;AAMd,SAAgBiC,gBAAgB,EAAEC,YAAkD;CAClF,MAAMvB,UAAUmB,WAAW;;;;;;CAM3B,OAAOzB,kBAAC2B,gBAAc;EAACG,OAAOxB;EAAUuB;CAAQ,CAAiB;AACnE"}

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

@@ -1,250 +1,223 @@
-import { R as ReactiveContext } from "./reactive-context-DKimDkR3.js";
-export { W as WatcherContext } from "./reactive-context-DKimDkR3.js";
-import '@warp-drive/core';
-import { useMemo, createContext, use, useRef, useEffect } from 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { createRequestSubscription } from '@warp-drive/core/reactive';
-import { DISPOSE, signal } from '@warp-drive/core/signals/-leaked';
-import '@warp-drive/core/request';
-const StoreContext = /*#__PURE__*/createContext(null);
+import { n as WatcherContext, t as ReactiveContext } from "./reactive-context-eAEvPuqb.js";
+import { createContext, use, useEffect, useMemo, useRef } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { createRequestSubscription } from "@warp-drive/core/reactive";
+import { DISPOSE, signal } from "@warp-drive/core/signals/-leaked";
 
+//#region src/-private/store-provider.tsx
 /**
- * @category Hooks
- */
+* @category Contexts
+*/
+const StoreContext = /*#__PURE__*/ createContext(null);
+/**
+* @category Hooks
+*/
 function useStore() {
-  const store = use(StoreContext);
-  return store;
+	return use(StoreContext);
 }
 /**
- * @category Components
- */
+* @category Components
+*/
 function StoreProvider($props) {
-  const store = useMemo(() => "store" in $props ? $props.store : new $props.Store(), ["store" in $props ? $props.store : $props.Store]);
-  return /*#__PURE__*/jsx(StoreContext, {
-    value: store,
-    children: $props.children
-  });
+	const store = useMemo(() => "store" in $props ? $props.store : new $props.Store(), ["store" in $props ? $props.store : $props.Store]);
+	return /*#__PURE__*/ jsx(StoreContext, {
+		value: store,
+		children: $props.children
+	});
 }
-const deferred = /* @__PURE__ */new WeakMap();
+
+//#endregion
+//#region ../../node_modules/.pnpm/decorat_5d4eca388601a94e7fbc656401b751d1/node_modules/decorator-transforms/dist/runtime--fcdnjmJ.js
+const deferred = /* @__PURE__ */ new WeakMap();
 function deferDecorator(proto, prop, desc) {
-  let map = deferred.get(proto);
-  if (!map) {
-    map = /* @__PURE__ */new Map();
-    deferred.set(proto, map);
-  }
-  map.set(prop, desc);
+	let map = deferred.get(proto);
+	if (!map) {
+		map = /* @__PURE__ */ new Map();
+		deferred.set(proto, map);
+	}
+	map.set(prop, desc);
 }
 function findDeferredDecorator(target, prop) {
-  var _a;
-  let cursor = target.prototype;
-  while (cursor) {
-    let desc = (_a = deferred.get(cursor)) == null ? void 0 : _a.get(prop);
-    if (desc) {
-      return desc;
-    }
-    cursor = cursor.prototype;
-  }
+	var _a;
+	let cursor = target.prototype;
+	while (cursor) {
+		let desc = (_a = deferred.get(cursor)) == null ? void 0 : _a.get(prop);
+		if (desc) return desc;
+		cursor = Object.getPrototypeOf(cursor);
+	}
 }
 function decorateFieldV2(prototype, prop, decorators, initializer) {
-  let desc = {
-    configurable: true,
-    enumerable: true,
-    writable: true,
-    initializer: null
-  };
-  if (initializer) {
-    desc.initializer = initializer;
-  }
-  for (let decorator of decorators) {
-    desc = decorator(prototype, prop, desc) || desc;
-  }
-  if (desc.initializer === void 0) {
-    Object.defineProperty(prototype, prop, desc);
-  } else {
-    deferDecorator(prototype, prop, desc);
-  }
+	let desc = {
+		configurable: true,
+		enumerable: true,
+		writable: true,
+		initializer: null
+	};
+	if (initializer) desc.initializer = initializer;
+	for (let decorator of decorators) desc = decorator(prototype, prop, desc) || desc;
+	if (desc.initializer === void 0) Object.defineProperty(prototype, prop, desc);
+	else deferDecorator(prototype, prop, desc);
 }
 function initializeDeferredDecorator(target, prop) {
-  let desc = findDeferredDecorator(target.constructor, prop);
-  if (desc) {
-    Object.defineProperty(target, prop, {
-      enumerable: desc.enumerable,
-      configurable: desc.configurable,
-      writable: desc.writable,
-      value: desc.initializer ? desc.initializer.call(target) : void 0
-    });
-  }
-}
-const IdleBlockMissingError = new Error("No idle block provided for <Request> component, and no query or request was provided.");
-class ReactiveArgs {
-  static {
-    decorateFieldV2(this.prototype, "request", [signal]);
-  }
-  #request = (initializeDeferredDecorator(this, "request"), void 0);
-  static {
-    decorateFieldV2(this.prototype, "query", [signal]);
-  }
-  #query = (initializeDeferredDecorator(this, "query"), void 0);
-  static {
-    decorateFieldV2(this.prototype, "autorefresh", [signal]);
-  }
-  #autorefresh = (initializeDeferredDecorator(this, "autorefresh"), void 0);
-  static {
-    decorateFieldV2(this.prototype, "autorefreshThreshold", [signal]);
-  }
-  #autorefreshThreshold = (initializeDeferredDecorator(this, "autorefreshThreshold"), void 0);
-  static {
-    decorateFieldV2(this.prototype, "autorefreshBehavior", [signal]);
-  }
-  #autorefreshBehavior = (initializeDeferredDecorator(this, "autorefreshBehavior"), void 0);
+	let desc = findDeferredDecorator(target.constructor, prop);
+	if (desc) Object.defineProperty(target, prop, {
+		enumerable: desc.enumerable,
+		configurable: desc.configurable,
+		writable: desc.writable,
+		value: desc.initializer ? desc.initializer.call(target) : void 0
+	});
 }
-const DefaultChrome = ({
-  children
-}) => {
-  return /*#__PURE__*/jsx(Fragment, {
-    children: children
-  });
+
+//#endregion
+//#region src/-private/request.tsx
+const IdleBlockMissingError = /* @__PURE__ */ new Error("No idle block provided for <Request> component, and no query or request was provided.");
+var ReactiveArgs = class {
+	static {
+		decorateFieldV2(this.prototype, "request", [signal]);
+	}
+	#request = (initializeDeferredDecorator(this, "request"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "query", [signal]);
+	}
+	#query = (initializeDeferredDecorator(this, "query"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "autorefresh", [signal]);
+	}
+	#autorefresh = (initializeDeferredDecorator(this, "autorefresh"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "autorefreshThreshold", [signal]);
+	}
+	#autorefreshThreshold = (initializeDeferredDecorator(this, "autorefreshThreshold"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "autorefreshBehavior", [signal]);
+	}
+	#autorefreshBehavior = (initializeDeferredDecorator(this, "autorefreshBehavior"), void 0);
+};
+const DefaultChrome = ({ children }) => {
+	return /*#__PURE__*/ jsx(Fragment, { children });
 };
-function Throw({
-  error
-}) {
-  throw error;
+/**
+* Throws the given error. Used internally to rethrow request errors that
+* are not otherwise handled by a provided error/cancelled block.
+*
+* @private
+*/
+function Throw({ error }) {
+	throw error;
 }
-
 /**
- * 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/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
- */
+* 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/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
+*/
 function Request($props) {
-  return /*#__PURE__*/jsx(ReactiveContext, {
-    children: /*#__PURE__*/jsx(InternalRequest, {
-      ...$props
-    })
-  });
+	return /*#__PURE__*/ jsx(ReactiveContext, { children: /*#__PURE__*/ jsx(InternalRequest, { ...$props }) });
 }
 function isStrictModeRender() {
-  useRef(0);
-
-  // in debug we need to skip every second invocation
-
-  return false;
+	useRef(0);
+	return false;
 }
 function InternalRequest($props) {
-  isStrictModeRender();
-  const store = $props.store ?? useStore();
-  const Chrome = $props.chrome ?? DefaultChrome;
-  const sink = useRef(null);
-  const args = useRef(null);
-  if (!args.current) {
-    args.current = new ReactiveArgs();
-  }
-  Object.assign(args.current, $props);
-  if (sink.current && (sink.current.store !== store || $props.subscription)) {
-    sink.current[DISPOSE]();
-    sink.current = null;
-  }
-  if (!sink.current && !$props.subscription) {
-    sink.current = createRequestSubscription(store, args.current);
-  }
-  const initialized = useRef(null);
-  const effect = () => {
-    if (sink.current && (!initialized.current || initialized.current.disposable !== sink.current)) {
-      initialized.current = {
-        disposable: sink.current,
-        dispose: () => {
-          sink.current?.[DISPOSE]();
-          initialized.current = null;
-          sink.current = null;
-        }
-      };
-    }
-    return sink.current ? initialized.current.dispose : undefined;
-  };
-  let maybeEffect = effect;
-  useEffect(maybeEffect, [sink.current]);
-  const state = $props.subscription ?? sink.current;
-  const slots = $props.states;
-  return /*#__PURE__*/jsx(Chrome, {
-    state: state.isIdle ? null : state.reqState,
-    features: state.contentFeatures,
-    children:
-    // prettier-ignore
-    state.isIdle && slots.idle ? /*#__PURE__*/jsx(slots.idle, {}) : state.isIdle ? /*#__PURE__*/jsx(Throw, {
-      error: IdleBlockMissingError
-    }) : state.reqState.isLoading ? slots.loading ? /*#__PURE__*/jsx(slots.loading, {
-      state: state.reqState.loadingState
-    }) : '' : state.reqState.isCancelled && slots.cancelled ? /*#__PURE__*/jsx(slots.cancelled, {
-      error: state.reqState.reason,
-      features: state.errorFeatures
-    }) : state.reqState.isError && slots.error ? /*#__PURE__*/jsx(slots.error, {
-      error: state.reqState.reason,
-      features: state.errorFeatures
-    }) : state.reqState.isSuccess ? slots.content ? /*#__PURE__*/jsx(slots.content, {
-      result: state.reqState.value,
-      features: state.contentFeatures
-    }) : /*#__PURE__*/jsx(Throw, {
-      error: new Error('No content block provided for <Request> component.')
-    }) : !state.reqState.isCancelled ? /*#__PURE__*/jsx(Throw, {
-      error: state.reqState.reason
-    }) : '' // never
-  });
+	isStrictModeRender();
+	const store = $props.store ?? useStore();
+	const Chrome = $props.chrome ?? DefaultChrome;
+	const sink = useRef(null);
+	const args = useRef(null);
+	if (!args.current) args.current = new ReactiveArgs();
+	Object.assign(args.current, $props);
+	if (sink.current && (sink.current.store !== store || $props.subscription)) {
+		sink.current[DISPOSE]();
+		sink.current = null;
+	}
+	if (!sink.current && !$props.subscription) sink.current = createRequestSubscription(store, args.current);
+	const initialized = useRef(null);
+	const effect = () => {
+		if (sink.current && (!initialized.current || initialized.current.disposable !== sink.current)) initialized.current = {
+			disposable: sink.current,
+			dispose: () => {
+				sink.current?.[DISPOSE]();
+				initialized.current = null;
+				sink.current = null;
+			}
+		};
+		return sink.current ? initialized.current.dispose : void 0;
+	};
+	useEffect(effect, [sink.current]);
+	const state = $props.subscription ?? sink.current;
+	const slots = $props.states;
+	return /*#__PURE__*/ jsx(Chrome, {
+		state: state.isIdle ? null : state.reqState,
+		features: state.contentFeatures,
+		children: state.isIdle && slots.idle ? /*#__PURE__*/ jsx(slots.idle, {}) : state.isIdle ? /*#__PURE__*/ jsx(Throw, { error: IdleBlockMissingError }) : state.reqState.isLoading ? slots.loading ? /*#__PURE__*/ jsx(slots.loading, { state: state.reqState.loadingState }) : "" : state.reqState.isCancelled && slots.cancelled ? /*#__PURE__*/ jsx(slots.cancelled, {
+			error: state.reqState.reason,
+			features: state.errorFeatures
+		}) : state.reqState.isError && slots.error ? /*#__PURE__*/ jsx(slots.error, {
+			error: state.reqState.reason,
+			features: state.errorFeatures
+		}) : state.reqState.isSuccess ? slots.content ? /*#__PURE__*/ jsx(slots.content, {
+			result: state.reqState.value,
+			features: state.contentFeatures
+		}) : /*#__PURE__*/ jsx(Throw, { error: /* @__PURE__ */ new Error("No content block provided for <Request> component.") }) : !state.reqState.isCancelled ? /*#__PURE__*/ jsx(Throw, { error: state.reqState.reason }) : ""
+	});
 }
-export { ReactiveContext, Request, StoreProvider, Throw, useStore };
+
+//#endregion
+export { ReactiveContext, Request, StoreProvider, Throw, WatcherContext, useStore };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["createContext","use","useMemo","jsx","_jsx","StoreContext","useStore","store","StoreProvider","$props","Store","value","children","useEffect","useRef","createRequestSubscription","DISPOSE","signal","ReactiveContext","useStore","g","i","Fragment","_Fragment","jsx","_jsx","IdleBlockMissingError","Error","ReactiveArgs","prototype","request","query","autorefresh","autorefreshThreshold","autorefreshBehavior","DefaultChrome","children","Throw","error","Request","$props","InternalRequest","isStrictModeRender","count","isStrict","store","Chrome","chrome","sink","args","current","Object","assign","subscription","initialized","effect","disposable","dispose","undefined","maybeEffect","state","slots","states","isIdle","reqState","features","contentFeatures","idle","isLoading","loading","loadingState","isCancelled","cancelled","reason","errorFeatures","isError","isSuccess","content","result","value"],"sources":["../../../src/-private/store-provider.tsx","../../../../../node_modules/.pnpm/decorat_5d4eca388601a94e7fbc656401b751d1/node_modules/decorator-transforms/dist/runtime--fcdnjmJ.js","../../../src/-private/request.tsx"],"sourcesContent":["import type { JSX, ReactNode } from \"react\";\nimport { createContext, use, useMemo } from \"react\";\n\nimport type { Store } from \"@warp-drive/core\";\nimport { assert } from \"@warp-drive/core/build-config/macros\";\n\n/**\n * @category Contexts\n */\nconst StoreContext = createContext<Store | null>(null);\n\n/**\n * @category Hooks\n */\nexport function useStore(): Store {\n  const store = use(StoreContext);\n  assert(\n    \"No Store provided via context. Please ensure you are using <StoreProvider> to provide a Store instance.\",\n    store\n  );\n  return store;\n}\n\ntype WithExistingStore = { store: Store; children: ReactNode };\ntype WithNewStore = { Store: typeof Store; children: ReactNode };\n\n/**\n * @category Components\n */\nexport function StoreProvider($props: WithExistingStore | WithNewStore): JSX.Element {\n  const store = useMemo(\n    () => (\"store\" in $props ? $props.store : new $props.Store()),\n    [\"store\" in $props ? $props.store : $props.Store]\n  );\n\n  return <StoreContext value={store}>{$props.children}</StoreContext>;\n}\n","const deferred = /* @__PURE__ */ new WeakMap();\nfunction deferDecorator(proto, prop, desc) {\n  let map = deferred.get(proto);\n  if (!map) {\n    map = /* @__PURE__ */ new Map();\n    deferred.set(proto, map);\n  }\n  map.set(prop, desc);\n}\nfunction findDeferredDecorator(target, prop) {\n  var _a;\n  let cursor = target.prototype;\n  while (cursor) {\n    let desc = (_a = deferred.get(cursor)) == null ? void 0 : _a.get(prop);\n    if (desc) {\n      return desc;\n    }\n    cursor = Object.getPrototypeOf(cursor);\n  }\n}\nfunction decorateFieldV1(target, prop, decorators, initializer) {\n  return decorateFieldV2(target.prototype, prop, decorators, initializer);\n}\nfunction decorateFieldV2(prototype, prop, decorators, initializer) {\n  let desc = {\n    configurable: true,\n    enumerable: true,\n    writable: true,\n    initializer: null\n  };\n  if (initializer) {\n    desc.initializer = initializer;\n  }\n  for (let decorator of decorators) {\n    desc = decorator(prototype, prop, desc) || desc;\n  }\n  if (desc.initializer === void 0) {\n    Object.defineProperty(prototype, prop, desc);\n  } else {\n    deferDecorator(prototype, prop, desc);\n  }\n}\nfunction decorateMethodV1({ prototype }, prop, decorators) {\n  return decorateMethodV2(prototype, prop, decorators);\n}\nfunction decorateMethodV2(prototype, prop, decorators) {\n  const origDesc = Object.getOwnPropertyDescriptor(prototype, prop);\n  let desc = { ...origDesc };\n  for (let decorator of decorators) {\n    desc = decorator(prototype, prop, desc) || desc;\n  }\n  if (desc.initializer !== void 0) {\n    desc.value = desc.initializer ? desc.initializer.call(prototype) : void 0;\n    desc.initializer = void 0;\n  }\n  Object.defineProperty(prototype, prop, desc);\n}\nfunction initializeDeferredDecorator(target, prop) {\n  let desc = findDeferredDecorator(target.constructor, prop);\n  if (desc) {\n    Object.defineProperty(target, prop, {\n      enumerable: desc.enumerable,\n      configurable: desc.configurable,\n      writable: desc.writable,\n      value: desc.initializer ? desc.initializer.call(target) : void 0\n    });\n  }\n}\nfunction decorateClass(target, decorators) {\n  return decorators.reduce(\n    (accum, decorator) => decorator(accum) || accum,\n    target\n  );\n}\nfunction decoratePOJO(pojo, decorated) {\n  for (let [type, prop, decorators] of decorated) {\n    if (type === \"field\") {\n      decoratePojoField(pojo, prop, decorators);\n    } else {\n      decorateMethodV2(pojo, prop, decorators);\n    }\n  }\n  return pojo;\n}\nfunction decoratePojoField(pojo, prop, decorators) {\n  let desc = {\n    configurable: true,\n    enumerable: true,\n    writable: true,\n    initializer: () => {\n      var _a;\n      return (_a = Object.getOwnPropertyDescriptor(pojo, prop)) == null ? void 0 : _a.value;\n    }\n  };\n  for (let decorator of decorators) {\n    desc = decorator(pojo, prop, desc) || desc;\n  }\n  if (desc.initializer) {\n    desc.value = desc.initializer.call(pojo);\n    delete desc.initializer;\n  }\n  Object.defineProperty(pojo, prop, desc);\n}\nconst runtime = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({\n  __proto__: null,\n  c: decorateClass,\n  f: decorateFieldV1,\n  g: decorateFieldV2,\n  i: initializeDeferredDecorator,\n  m: decorateMethodV1,\n  n: decorateMethodV2,\n  p: decoratePOJO\n}, Symbol.toStringTag, { value: \"Module\" }));\nexport {\n  decorateFieldV1 as a,\n  decorateFieldV2 as b,\n  decorateMethodV1 as c,\n  decorateClass as d,\n  decorateMethodV2 as e,\n  decoratePOJO as f,\n  initializeDeferredDecorator as i,\n  runtime as r\n};\n//# sourceMappingURL=runtime--fcdnjmJ.js.map\n","import type { JSX, ReactNode } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nimport type { StoreRequestInput } from \"@warp-drive/core\";\nimport { DEBUG } from \"@warp-drive/core/build-config/env\";\nimport {\n  createRequestSubscription,\n  type RequestLoadingState,\n  type RequestState,\n  type RequestSubscription,\n} from \"@warp-drive/core/reactive\";\nimport type { Future } from \"@warp-drive/core/request\";\nimport {\n  type AutorefreshBehaviorCombos,\n  DISPOSE,\n  type RequestArgs,\n  signal,\n  type ContentFeatures,\n  type RecoveryFeatures,\n  type SubscriptionArgs,\n} from \"@warp-drive/core/signals/-leaked\";\nimport type { StructuredErrorDocument } from \"@warp-drive/core/types/request\";\n\nimport { ReactiveContext } from \"./reactive-context\";\nimport { useStore } from \"./store-provider\";\n\nconst IdleBlockMissingError = new Error(\n  \"No idle block provided for <Request> component, and no query or request was provided.\"\n);\n\nclass ReactiveArgs<RT, E> implements SubscriptionArgs<RT, E> {\n  @signal request?: Future<RT> | undefined | null;\n  @signal query?: StoreRequestInput<RT> | undefined | null;\n  @signal autorefresh?: AutorefreshBehaviorCombos | undefined;\n  @signal autorefreshThreshold?: number | undefined;\n  @signal autorefreshBehavior?: \"refresh\" | \"reload\" | \"policy\";\n}\n\ninterface ChromeComponentProps<RT> {\n  children: ReactNode;\n  state: RequestState | null;\n  features: ContentFeatures<RT>;\n}\n\nconst DefaultChrome = <RT,>({ children }: ChromeComponentProps<RT>) => {\n  return <>{children}</>;\n};\n\nexport interface RequestProps<RT, E> extends RequestArgs<RT, E> {\n  chrome?: React.FC<ChromeComponentProps<RT>>;\n\n  states: RequestStates<RT, E>;\n}\n\ninterface RequestStates<RT, E> {\n  /**\n   * The block to render when the component is idle and waiting to be given a request.\n   *\n   */\n  idle?: React.FC<object>;\n\n  /**\n   * The block to render when the request is loading.\n   *\n   */\n  loading?: React.FC<{ state: RequestLoadingState }>;\n\n  /**\n   * The block to render when the request was cancelled.\n   *\n   */\n  cancelled?: React.FC<{\n    /**\n     * The Error the request rejected with.\n     */\n    error: StructuredErrorDocument<E>;\n    /**\n     * Utilities to assist in recovering from the error.\n     */\n    features: RecoveryFeatures;\n  }>;\n\n  /**\n   * The block to render when the request failed. If this block is not provided,\n   * the error will be rethrown.\n   *\n   * Thus it is required to provide an error block and proper error handling if\n   * you do not want the error to crash the application.\n   */\n  error: React.FC<{\n    /**\n     * The Error the request rejected with.\n     */\n    error: StructuredErrorDocument<E>;\n    /**\n     * Utilities to assist in recovering from the error.\n     */\n    features: RecoveryFeatures;\n  }>;\n\n  /**\n   * The block to render when the request succeeded.\n   *\n   */\n  content: React.FC<{ result: RT; features: ContentFeatures<RT> }>;\n}\n\n/**\n * Throws the given error. Used internally to rethrow request errors that\n * are not otherwise handled by a provided error/cancelled block.\n *\n * @private\n */\nexport function Throw({ error }: { error: Error }): never {\n  throw error;\n}\n\n/**\n * The `<Request />` component is a powerful tool for managing data fetching and\n * state in your React application. It provides a declarative approach to reactive\n * control-flow for managing requests and state in your application.\n *\n * The `<Request />` component is ideal for handling \"boundaries\", outside which some\n * state is still allowed to be unresolved and within which it MUST be resolved.\n *\n * ## Request States\n *\n * `<Request />` has five states, only one of which will be active and rendered at a time.\n *\n * - `idle`: The component is waiting to be given a request to monitor\n * - `loading`: The request is in progress\n * - `error`: The request failed\n * - `content`: The request succeeded\n * - `cancelled`: The request was cancelled\n *\n * Additionally, the `content` state has a `refresh` method that can be used to\n * refresh the request in the background, which is available as a sub-state of\n * the `content` state.\n *\n * ### Example Usage\n *\n * ```tsx\n * import { Request } from \"@warp-drive/react\";\n *\n * export function UserPreview($props: { id: string | null }) {\n *   return (\n *    <Request\n *       query={findRecord('user', $props.id)}\n *       states={{\n *         idle: () => <div>Waiting for User Selection</div>,\n *         loading: ({ state }) => <div>Loading user data...</div>,\n *         cancelled: ({ error, features }) => (\n *           <div>\n *             <p>Request Cancelled</p>\n *             <p><button onClick={features.retry}>Start Again?</button></p>\n *           </div>\n *         ),\n *         error: ({ error, features }) => (\n *           <div>\n *             <p>Error: {error.message}</p>\n *             <p><button onClick={features.retry}>Try Again?</button></p>\n *           </div>\n *         ),\n *         content: ({ result, features }) => (\n *           <div>\n *            <h2>User Details</h2>\n *            <p>ID: {result.id}</p>\n *            <p>Name: {result.name}</p>\n *          </div>\n *        ),\n *      }}\n *    />\n *   );\n * }\n *\n * ```\n *\n * @category Components\n */\nexport function Request<RT, E>($props: RequestProps<RT, E>): JSX.Element {\n  return (\n    <ReactiveContext>\n      <InternalRequest {...$props} />\n    </ReactiveContext>\n  );\n}\n\nfunction isStrictModeRender(): boolean {\n  const count = useRef<number>(0);\n\n  // in debug we need to skip every second invocation\n  if (DEBUG) {\n    if (count.current++ % 2 === 1) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nfunction InternalRequest<RT, E>($props: RequestProps<RT, E>): JSX.Element {\n  const isStrict = isStrictModeRender();\n  const store = $props.store ?? useStore();\n  const Chrome = $props.chrome ?? DefaultChrome;\n  const sink = useRef<RequestSubscription<RT, E> | null>(null);\n  const args = useRef<SubscriptionArgs<RT, E> | null>(null);\n\n  if (!args.current) {\n    args.current = new ReactiveArgs<RT, E>();\n  }\n  Object.assign(args.current, $props);\n\n  if (sink.current && (sink.current.store !== store || $props.subscription)) {\n    sink.current[DISPOSE]();\n    sink.current = null;\n  }\n\n  if (!sink.current && !$props.subscription) {\n    sink.current = createRequestSubscription(store, args.current);\n  }\n\n  const initialized = useRef<null | {\n    disposable: { [DISPOSE]: () => void } | null;\n    dispose: () => void;\n  }>(null);\n  const effect = () => {\n    if (sink.current && (!initialized.current || initialized.current.disposable !== sink.current)) {\n      initialized.current = {\n        disposable: sink.current,\n        dispose: () => {\n          sink.current?.[DISPOSE]();\n          initialized.current = null;\n          sink.current = null;\n        },\n      };\n    }\n\n    return sink.current ? initialized.current!.dispose : undefined;\n  };\n  let maybeEffect = effect;\n\n  if (DEBUG) {\n    if (isStrict) {\n      maybeEffect = () => {\n        if (initialized.current) {\n          return effect();\n        }\n        return () => {\n          // initialize our actual effect\n          effect();\n          // in strict mode we don't want to run the teardown\n          // for the second invocation\n        };\n      };\n    }\n  }\n\n  useEffect(maybeEffect, [sink.current]);\n\n  const state = $props.subscription ?? sink.current!;\n  const slots = $props.states;\n\n  return (\n    <Chrome state={state.isIdle ? null : state.reqState} features={state.contentFeatures}>\n      {\n        // prettier-ignore\n        state.isIdle && slots.idle ? <slots.idle />\n          : state.isIdle ? <Throw error={IdleBlockMissingError} />\n          : state.reqState.isLoading ? slots.loading ? <slots.loading state={state.reqState.loadingState} /> : ''\n          : state.reqState.isCancelled && slots.cancelled ? <slots.cancelled error={state.reqState.reason} features={state.errorFeatures} />\n          : state.reqState.isError && slots.error ? <slots.error error={state.reqState.reason} features={state.errorFeatures} />\n          : state.reqState.isSuccess ? slots.content ? <slots.content result={state.reqState.value} features={state.contentFeatures} /> : <Throw error={new Error('No content block provided for <Request> component.')} />\n          : !state.reqState.isCancelled ? <Throw error={state.reqState.reason} />\n          : '' // never\n      }\n    </Chrome>\n  );\n}\n"],"x_google_ignoreList":[1],"mappings":"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"}