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

package/dist/index.js

@@ -1,275 +1,240 @@
-import { R as ReactiveContext } from "./reactive-context-ClTRYXie.js";
-export { W as WatcherContext } from "./reactive-context-ClTRYXie.js";
-import '@warp-drive/core';
-import { useMemo, createContext, use, useRef, useEffect } from 'react';
-import { macroCondition, getGlobalConfig } from '@embroider/macros';
-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-DNq02nr1.js";
+import { createContext, use, useEffect, useMemo, useRef } from "react";
+import { getGlobalConfig, macroCondition } from "@embroider/macros";
+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);
-  macroCondition(getGlobalConfig().WarpDrive.env.DEBUG) ? (test => {
-    if (!test) {
-      throw new Error("No Store provided via context. Please ensure you are using <StoreProvider> to provide a Store instance.");
-    }
-  })(store) : {};
-  return store;
+	const store = use(StoreContext);
+	macroCondition(getGlobalConfig().WarpDrive.env.DEBUG) && ((test) => {
+		if (!test) throw new Error("No Store provided via context. Please ensure you are using <StoreProvider> to provide a Store instance.");
+	})(store);
+	return store;
 }
 /**
- * @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_5005bbc272376d25df08203abab44e2f/node_modules/decorator-transforms/dist/runtime-BPCpkOf1.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 = cursor.prototype;
+	}
 }
 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() {
-  const count = useRef(0);
-
-  // in debug we need to skip every second invocation
-  if (macroCondition(getGlobalConfig().WarpDrive.env.DEBUG)) {
-    if (count.current++ % 2 === 1) {
-      return true;
-    }
-  }
-  return false;
+	const count = useRef(0);
+	if (macroCondition(getGlobalConfig().WarpDrive.env.DEBUG)) {
+		if (count.current++ % 2 === 1) return true;
+	}
+	return false;
 }
 function InternalRequest($props) {
-  const isStrict = 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;
-  if (macroCondition(getGlobalConfig().WarpDrive.env.DEBUG)) {
-    if (isStrict) {
-      maybeEffect = () => {
-        if (initialized.current) {
-          return effect();
-        }
-        return () => {
-          // initialize our actual effect
-          effect();
-          // in strict mode we don't want to run the teardown
-          // for the second invocation
-        };
-      };
-    }
-  }
-  useEffect(maybeEffect, [sink.current]);
-  const state = $props.subscription ?? sink.current;
-  const slots = $props.states;
-  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
-  });
+	const isStrict = 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;
+	};
+	let maybeEffect = effect;
+	if (macroCondition(getGlobalConfig().WarpDrive.env.DEBUG)) {
+		if (isStrict) maybeEffect = () => {
+			if (initialized.current) return effect();
+			return () => {
+				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: 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/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Store","createContext","JSX","ReactNode","use","useMemo","macroCondition","getGlobalConfig","jsx","_jsx","StoreContext","useStore","store","WarpDrive","env","DEBUG","test","Error","StoreProvider","$props","value","children","createRequestSubscription","AutorefreshBehaviorCombos","DISPOSE","RequestArgs","signal","JSX","ReactNode","useEffect","useMemo","useRef","useStore","ReactiveContext","Future","StoreRequestInput","getGlobalConfig","macroCondition","g","i","Fragment","_Fragment","jsx","_jsx","IdleBlockMissingError","Error","ReactiveArgs","prototype","request","void 0","query","autorefresh","autorefreshThreshold","autorefreshBehavior","DefaultChrome","children","Throw","error","Request","$props","InternalRequest","isStrictModeRender","count","WarpDrive","env","DEBUG","current","isStrict","store","Chrome","chrome","sink","args","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_5005bbc272376d25df08203abab44e2f/node_modules/decorator-transforms/dist/runtime-BPCpkOf1.js","../src/-private/request.tsx"],"sourcesContent":["import { Store } from \"@warp-drive/core\";\nimport { assert } from \"@warp-drive/core/build-config/macros\";\nimport { createContext, JSX, ReactNode, use, useMemo } from \"react\";\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 = cursor.prototype;\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  decorateFieldV2 as a,\n  decorateMethodV1 as b,\n  decorateMethodV2 as c,\n  decorateFieldV1 as d,\n  decorateClass as e,\n  decoratePOJO as f,\n  initializeDeferredDecorator as i,\n  runtime as r\n};\n//# sourceMappingURL=runtime-BPCpkOf1.js.map\n","import {\n  createRequestSubscription,\n  type RequestLoadingState,\n  type RequestState,\n  type RequestSubscription,\n} from \"@warp-drive/core/reactive\";\nimport {\n  AutorefreshBehaviorCombos,\n  DISPOSE,\n  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\";\nimport { JSX, ReactNode, useEffect, useMemo, useRef } from \"react\";\nimport { useStore } from \"./store-provider\";\nimport { ReactiveContext } from \"./reactive-context\";\nimport { Future } from \"@warp-drive/core/request\";\nimport { StoreRequestInput } from \"@warp-drive/core\";\nimport { DEBUG } from \"@warp-drive/core/build-config/env\";\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<{}>;\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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"}