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

package/dist/unpkg/prod/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/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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"}

package/dist/unpkg/prod/install.js

@@ -1,56 +1,64 @@
-import { use } from 'react';
-import { Signal } from 'signal-polyfill';
-import { setupSignals } from '@warp-drive/core/configure';
-import { W as WatcherContext } from "./reactive-context-DKimDkR3.js";
+import { n as WatcherContext } from "./reactive-context-eAEvPuqb.js";
+import { use } from "react";
+import { Signal } from "signal-polyfill";
+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);
-  } 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.
-  }
+	const logError = console.error;
+	try {
+		console.error = () => {};
+		const watcher = use(WatcherContext);
+		console.error = logError;
+		watcher?.watcher.watch(signal);
+	} catch {
+		console.error = logError;
+	}
 }
+/**
+* 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() {}
+/**
+* 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(null, {
-      equals: () => false
-    }),
-    notifySignal: 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 => {
-      return promise;
-    },
-    willSyncFlushWatchers: () => false
-  };
+	return {
+		createSignal: (obj, key) => new Signal.State(null, { equals: () => false }),
+		notifySignal: (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) => {
+			return promise;
+		},
+		willSyncFlushWatchers: () => false
+	};
 }
 setupSignals(buildSignalConfig);
-export { buildSignalConfig, settled };
+
+//#endregion
+export { buildSignalConfig, settled };
+//# sourceMappingURL=install.js.map

package/dist/unpkg/prod/install.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"install.js","names":["use","Signal","setupSignals","WatcherContext","tryConsumeContext","signal","logError","console","error","watcher","watch","pending","settled","buildSignalConfig","options","createSignal","obj","key","State","equals","notifySignal","set","get","consumeSignal","createMemo","object","fn","memo","Computed","waitFor","promise","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  // oxlint-disable-next-line no-console\n  const logError = console.error;\n  try {\n    // oxlint-disable-next-line no-console\n    console.error = () => {};\n    // ensure signals are watched by our closest watcher\n    const watcher = use(WatcherContext);\n    // oxlint-disable-next-line no-console\n    console.error = logError;\n    watcher?.watcher.watch(signal);\n    if (LOG_REACT_SIGNAL_INTEGRATION) {\n      // oxlint-disable-next-line no-console\n      console.log(`[WarpDrive] Consumed Context Signal`, signal, watcher);\n    }\n  } catch {\n    // oxlint-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      // oxlint-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          // oxlint-disable-next-line no-console\n          console.log(`[WarpDrive] Notifying Signal`, signal);\n        } else {\n          // oxlint-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,SAASI,kBAAkBC,QAAgE;CAEzF,MAAMC,WAAWC,QAAQC;CACzB,IAAI;EAEFD,QAAQC,cAAc,CAAC;EAEvB,MAAMC,UAAUT,IAAIG,cAAc;EAElCI,QAAQC,QAAQF;EAChBG,SAASA,QAAQC,MAAML,MAAM;CAK/B,QAAQ;EAENE,QAAQC,QAAQF;CAOlB;AACF;;;;;;;;AAUA,eAAsBM,UAAyB,CAa/C;;;;;;;;AASA,SAAgBC,kBAAkBC,SAAoC;CACpE,OAAO;EACLC,eAAeC,KAAaC,QAC1B,IAAIhB,OAAOiB,MAA6B,MAAM,EAAEC,cAAc,MAAM,CAAC;EAEvEC,eAAef,WAAkC;GAU/CA,OAAOgB,IAAIhB,OAAOiB,IAAI,CAAC;EACzB;EAEAC,gBAAgBlB,WAAkC;GAChDD,kBAAkBC,MAAM;GACxB,AAAKA,OAAOiB,IAAI;EAClB;EAEAE,aAAgBC,QAAgBR,KAAsBS,OAA2B;GAC/E,MAAMC,OAAO,IAAI1B,OAAO2B,SAAYF,EAAE;GACtC,aAAa;IACXtB,kBAAkBuB,IAAI;IAEtB,OAAOA,KAAKL,IAAI;GAClB;EACF;EAEAO,UAAUC,YAAY;GASpB,OAAOA;EACT;EAEAC,6BAA6B;CAC/B;AACF;AAEA7B,aAAaW,iBAAiB"}