@suspensive/react-query-4 3.19.3 → 3.19.4

package/dist/_virtual/_@oxc-project_runtime@0.115.0/helpers/typeof.mjs

@@ -0,0 +1,12 @@
+//#region \0@oxc-project+runtime@0.115.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+export { _typeof };

package/dist/components/ClientOnly.cjs

@@ -1,6 +1,5 @@
 'use client';
 
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 

package/dist/components/ClientOnly.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClientOnly.cjs","names":[],"sources":["../../src/components/ClientOnly.tsx"],"sourcesContent":["'use client'\n\nimport { useSyncExternalStore } from 'react'\n\nconst useIsClient = () => useSyncExternalStore(emptySubscribe, getSnapshot, getServerSnapshot)\n\nconst emptySubscribe = () => () => {}\nconst getSnapshot = () => true\nconst getServerSnapshot = () => false\n\nexport const ClientOnly = ({ children, fallback }: { children: React.ReactNode; fallback: React.ReactNode }) => (\n  <>{useIsClient() ? children : fallback}</>\n)\n"],"mappings":";;;;;;;AAIA,MAAM,oDAAyC,gBAAgB,aAAa,kBAAkB;AAE9F,MAAM,6BAA6B;AACnC,MAAM,oBAAoB;AAC1B,MAAM,0BAA0B;AAEhC,MAAa,cAAc,EAAE,UAAU,eACrC,mFAAG,aAAa,GAAG,WAAW,UAAY"}
+{"version":3,"file":"ClientOnly.cjs","names":[],"sources":["../../src/components/ClientOnly.tsx"],"sourcesContent":["'use client'\n\nimport { useSyncExternalStore } from 'react'\n\nconst useIsClient = () => useSyncExternalStore(emptySubscribe, getSnapshot, getServerSnapshot)\n\nconst emptySubscribe = () => () => {}\nconst getSnapshot = () => true\nconst getServerSnapshot = () => false\n\nexport const ClientOnly = ({ children, fallback }: { children: React.ReactNode; fallback: React.ReactNode }) => (\n  <>{useIsClient() ? children : fallback}</>\n)\n"],"mappings":";;;;;;AAIA,MAAM,oDAAyC,gBAAgB,aAAa,kBAAkB;AAE9F,MAAM,6BAA6B;AACnC,MAAM,oBAAoB;AAC1B,MAAM,0BAA0B;AAEhC,MAAa,cAAc,EAAE,UAAU,eACrC,mFAAG,aAAa,GAAG,WAAW,UAAY"}

package/dist/createGetQueryClient.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_objectSpread2 = require('./objectSpread2-9HkiXZY2.cjs');
+const require_objectSpread2 = require('./_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.cjs');
 let _tanstack_react_query = require("@tanstack/react-query");
 
 //#region src/createGetQueryClient.ts

package/dist/createGetQueryClient.mjs

@@ -1,4 +1,4 @@
-import { t as _objectSpread2 } from "./objectSpread2-BX3M3dlG.mjs";
+import { _objectSpread2 } from "./_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.mjs";
 import { QueryClient, isServer } from "@tanstack/react-query";
 
 //#region src/createGetQueryClient.ts

package/dist/index.cjs

@@ -5,7 +5,7 @@ const require_usePrefetchInfiniteQuery = require('./usePrefetchInfiniteQuery.cjs
 const require_PrefetchInfiniteQuery = require('./PrefetchInfiniteQuery.cjs');
 const require_usePrefetchQuery = require('./usePrefetchQuery.cjs');
 const require_PrefetchQuery = require('./PrefetchQuery.cjs');
-const require_QueriesHydration = require('./QueriesHydration-B9tinfWA.cjs');
+const require_QueriesHydration = require('./QueriesHydration.cjs');
 const require_QueryClientConsumer = require('./QueryClientConsumer.cjs');
 const require_SuspenseInfiniteQuery = require('./SuspenseInfiniteQuery.cjs');
 const require_SuspenseQueries = require('./SuspenseQueries.cjs');

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { usePrefetchInfiniteQuery } from "./usePrefetchInfiniteQuery.mjs";
 import { PrefetchInfiniteQuery } from "./PrefetchInfiniteQuery.mjs";
 import { usePrefetchQuery } from "./usePrefetchQuery.mjs";
 import { PrefetchQuery } from "./PrefetchQuery.mjs";
-import { t as QueriesHydration } from "./QueriesHydration-MZQ7Oj60.mjs";
+import { QueriesHydration } from "./QueriesHydration.mjs";
 import { QueryClientConsumer } from "./QueryClientConsumer.mjs";
 import { SuspenseInfiniteQuery } from "./SuspenseInfiniteQuery.mjs";
 import { SuspenseQueries } from "./SuspenseQueries.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@suspensive/react-query-4",
-  "version": "3.19.3",
+  "version": "3.19.4",
   "description": "Suspensive interfaces for @tanstack/react-query@4",
   "keywords": [
     "suspensive",

package/dist/QueriesHydration-B9tinfWA.cjs

@@ -1,148 +0,0 @@
-const require_objectWithoutProperties = require('./objectWithoutProperties-CfjOeCpP.cjs');
-const require_components_ClientOnly = require('./components/ClientOnly.cjs');
-const require_objectSpread2 = require('./objectSpread2-9HkiXZY2.cjs');
-let _tanstack_react_query = require("@tanstack/react-query");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region \0@oxc-project+runtime@0.115.0/helpers/asyncToGenerator.js
-function asyncGeneratorStep(n, t, e, r, o, a, c) {
-	try {
-		var i = n[a](c), u = i.value;
-	} catch (n) {
-		e(n);
-		return;
-	}
-	i.done ? t(u) : Promise.resolve(u).then(r, o);
-}
-function _asyncToGenerator(n) {
-	return function() {
-		var t = this, e = arguments;
-		return new Promise(function(r, o) {
-			var a = n.apply(t, e);
-			function _next(n) {
-				asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
-			}
-			function _throw(n) {
-				asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
-			}
-			_next(void 0);
-		});
-	};
-}
-
-//#endregion
-//#region src/QueriesHydration.tsx
-const _excluded = [
-	"queries",
-	"children",
-	"queryClient",
-	"skipSsrOnError",
-	"timeout"
-];
-/**
-* A server component that fetches multiple queries on the server and hydrates them to the client.
-*
-* @experimental This component is experimental and may be changed or removed in the future.
-*
-* @description
-* QueriesHydration is designed for React Server Components (RSC).
-* It pre-fetches multiple queries on the server side and automatically hydrates
-* the data to the client, enabling seamless data synchronization between server and client.
-*
-* When errors occur during server-side fetching, the component gracefully falls back
-* to client-side rendering, ensuring your application remains resilient.
-*
-* @example
-* ```tsx
-* // app/page.tsx (Server Component)
-* import { Suspense } from 'react'
-* import { QueriesHydration } from '@suspensive/react-query'
-* import { queryOptions } from '@tanstack/react-query'
-*
-* const userQueryOptions = (userId: string) => queryOptions({
-*   queryKey: ['user', userId],
-*   queryFn: () => fetchUser(userId)
-* })
-*
-* const postsQueryOptions = () => queryOptions({
-*   queryKey: ['posts'],
-*   queryFn: () => fetchPosts()
-* })
-*
-* export default function Page({ userId }: { userId: string }) {
-*   return (
-*     <>
-*       <Suspense fallback={<div>Loading user...</div>}>
-*         <QueriesHydration queries={[userQueryOptions(userId)]}>
-*           <UserProfile />
-*         </QueriesHydration>
-*       </Suspense>
-*
-*       <Suspense fallback={<div>Loading posts...</div>}>
-*         <QueriesHydration queries={[postsQueryOptions()]}>
-*           <PostsList />
-*         </QueriesHydration>
-*       </Suspense>
-*     </>
-*   )
-* }
-* ```
-*
-* @example
-* ```tsx
-* // With custom error fallback
-* <Suspense fallback={<div>Loading user...</div>}>
-*   <QueriesHydration
-*     queries={[userQueryOptions(userId)]}
-*     skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}
-*   >
-*     <UserProfile />
-*   </QueriesHydration>
-* </Suspense>
-* ```
-*
-* @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}
-*/
-function QueriesHydration(_x) {
-	return _QueriesHydration.apply(this, arguments);
-}
-function _QueriesHydration() {
-	_QueriesHydration = _asyncToGenerator(function* (_ref) {
-		let { queries, children, queryClient = new _tanstack_react_query.QueryClient(), skipSsrOnError = true, timeout } = _ref, props = require_objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
-		const timeoutController = timeout != null && timeout >= 0 ? createTimeoutController(timeout, `QueriesHydration: timeout after ${timeout} ms)`) : void 0;
-		try {
-			const queriesPromise = Promise.all(queries.map((query) => "getNextPageParam" in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)));
-			yield timeoutController != null ? Promise.race([queriesPromise, timeoutController.promise]) : queriesPromise;
-			timeoutController === null || timeoutController === void 0 || timeoutController.clear();
-		} catch (_unused) {
-			timeoutController === null || timeoutController === void 0 || timeoutController.clear();
-			if (skipSsrOnError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_ClientOnly.ClientOnly, {
-				fallback: skipSsrOnError === true ? void 0 : skipSsrOnError.fallback,
-				children
-			});
-		}
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tanstack_react_query.Hydrate, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props), {}, {
-			state: (0, _tanstack_react_query.dehydrate)(queryClient),
-			children
-		}));
-	});
-	return _QueriesHydration.apply(this, arguments);
-}
-const createTimeoutController = (ms, errorMessage) => {
-	let timerId;
-	return {
-		promise: new Promise((_, reject) => {
-			timerId = setTimeout(() => reject(new Error(errorMessage)), ms);
-		}),
-		clear: () => timerId != null && clearTimeout(timerId)
-	};
-};
-
-//#endregion
-Object.defineProperty(exports, 'QueriesHydration', {
-  enumerable: true,
-  get: function () {
-    return QueriesHydration;
-  }
-});
-//# sourceMappingURL=QueriesHydration-B9tinfWA.cjs.map

package/dist/QueriesHydration-B9tinfWA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueriesHydration-B9tinfWA.cjs","names":["QueryClient","ClientOnly","Hydrate"],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":["import {\n  Hydrate,\n  type HydrateProps,\n  type OmitKeyof,\n  QueryClient,\n  type QueryOptions,\n  type UseInfiniteQueryOptions,\n  type WithRequired,\n  dehydrate,\n} from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { ClientOnly } from './components/ClientOnly'\n\n/**\n * A server component that fetches multiple queries on the server and hydrates them to the client.\n *\n * @experimental This component is experimental and may be changed or removed in the future.\n *\n * @description\n * QueriesHydration is designed for React Server Components (RSC).\n * It pre-fetches multiple queries on the server side and automatically hydrates\n * the data to the client, enabling seamless data synchronization between server and client.\n *\n * When errors occur during server-side fetching, the component gracefully falls back\n * to client-side rendering, ensuring your application remains resilient.\n *\n * @example\n * ```tsx\n * // app/page.tsx (Server Component)\n * import { Suspense } from 'react'\n * import { QueriesHydration } from '@suspensive/react-query'\n * import { queryOptions } from '@tanstack/react-query'\n *\n * const userQueryOptions = (userId: string) => queryOptions({\n *   queryKey: ['user', userId],\n *   queryFn: () => fetchUser(userId)\n * })\n *\n * const postsQueryOptions = () => queryOptions({\n *   queryKey: ['posts'],\n *   queryFn: () => fetchPosts()\n * })\n *\n * export default function Page({ userId }: { userId: string }) {\n *   return (\n *     <>\n *       <Suspense fallback={<div>Loading user...</div>}>\n *         <QueriesHydration queries={[userQueryOptions(userId)]}>\n *           <UserProfile />\n *         </QueriesHydration>\n *       </Suspense>\n *\n *       <Suspense fallback={<div>Loading posts...</div>}>\n *         <QueriesHydration queries={[postsQueryOptions()]}>\n *           <PostsList />\n *         </QueriesHydration>\n *       </Suspense>\n *     </>\n *   )\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With custom error fallback\n * <Suspense fallback={<div>Loading user...</div>}>\n *   <QueriesHydration\n *     queries={[userQueryOptions(userId)]}\n *     skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}\n *   >\n *     <UserProfile />\n *   </QueriesHydration>\n * </Suspense>\n * ```\n *\n * @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}\n */\nexport async function QueriesHydration({\n  queries,\n  children,\n  queryClient = new QueryClient(),\n  skipSsrOnError = true,\n  timeout,\n  ...props\n}: {\n  /**\n   * The QueryClient instance to use for fetching queries.\n   */\n  queryClient?: QueryClient\n  /**\n   * An array of query options or infinite query options to be fetched on the server. Each query must include a `queryKey`.\n   * You can mix regular queries and infinite queries in the same array.\n   */\n  queries: (\n    | WithRequired<QueryOptions<any, any, any, any>, 'queryKey'>\n    | WithRequired<UseInfiniteQueryOptions<any, any, any, any, any>, 'queryKey'>\n  )[]\n  /**\n   * Controls error handling behavior:\n   * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails\n   * - `false`: Proceeds with SSR without hydration (retry fetching on client component server rendering)\n   * - `{ fallback: ReactNode }`: Skips SSR with custom fallback UI during client-side rendering\n   */\n  skipSsrOnError?:\n    | boolean\n    | {\n        fallback: ReactNode\n      }\n  /**\n   * The timeout in milliseconds for the query.\n   * If the query takes longer than the timeout, it will be considered as an error.\n   * When not set, no timeout is applied.\n   */\n  timeout?: number\n} & OmitKeyof<HydrateProps, 'state'>) {\n  const timeoutController =\n    timeout != null && timeout >= 0\n      ? createTimeoutController(timeout, `QueriesHydration: timeout after ${timeout} ms)`)\n      : undefined\n  try {\n    const queriesPromise = Promise.all(\n      queries.map((query) =>\n        'getNextPageParam' in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)\n      )\n    )\n    await (timeoutController != null ? Promise.race([queriesPromise, timeoutController.promise]) : queriesPromise)\n    timeoutController?.clear()\n  } catch {\n    timeoutController?.clear()\n    if (skipSsrOnError) {\n      return (\n        <ClientOnly fallback={skipSsrOnError === true ? undefined : skipSsrOnError.fallback}>{children}</ClientOnly>\n      )\n    }\n  }\n  return (\n    <Hydrate {...props} state={dehydrate(queryClient)}>\n      {children}\n    </Hydrate>\n  )\n}\n\nconst createTimeoutController = (ms: number, errorMessage: string) => {\n  let timerId: ReturnType<typeof setTimeout> | undefined\n  return {\n    promise: new Promise<never>((_, reject) => {\n      timerId = setTimeout(() => reject(new Error(errorMessage)), ms)\n    }),\n    clear: () => timerId != null && clearTimeout(timerId),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EE;CACA;CACA;CACA;CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AALF,SAAsB,iBAAiB;;;;wDAqCD;MArCC,EACrC,SACA,UACA,cAAc,IAAIA,mCAAa,EAC/B,iBAAiB,MACjB,kBACG;EAgCH,MAAM,oBACJ,WAAW,QAAQ,WAAW,IAC1B,wBAAwB,SAAS,mCAAmC,QAAQ,MAAM,GAClF;AACN,MAAI;GACF,MAAM,iBAAiB,QAAQ,IAC7B,QAAQ,KAAK,UACX,sBAAsB,QAAQ,YAAY,mBAAmB,MAAM,GAAG,YAAY,WAAW,MAAM,CACpG,CACF;AACD,SAAO,qBAAqB,OAAO,QAAQ,KAAK,CAAC,gBAAgB,kBAAkB,QAAQ,CAAC,GAAG;AAC/F,mFAAmB,OAAO;oBACpB;AACN,mFAAmB,OAAO;AAC1B,OAAI,eACF,QACE,2CAACC,0CAAD;IAAY,UAAU,mBAAmB,OAAO,SAAY,eAAe;IAAW;IAAsB;;AAIlH,SACE,2CAACC,6GAAY;GAAO,4CAAiB,YAAY;GAC9C;IACO;;;;AAId,MAAM,2BAA2B,IAAY,iBAAyB;CACpE,IAAI;AACJ,QAAO;EACL,SAAS,IAAI,SAAgB,GAAG,WAAW;AACzC,aAAU,iBAAiB,OAAO,IAAI,MAAM,aAAa,CAAC,EAAE,GAAG;IAC/D;EACF,aAAa,WAAW,QAAQ,aAAa,QAAQ;EACtD"}

package/dist/QueriesHydration-MZQ7Oj60.mjs

@@ -1,143 +0,0 @@
-import { t as _objectWithoutProperties } from "./objectWithoutProperties-CZk5Qmfh.mjs";
-import { ClientOnly } from "./components/ClientOnly.mjs";
-import { t as _objectSpread2 } from "./objectSpread2-BX3M3dlG.mjs";
-import { Hydrate, QueryClient, dehydrate } from "@tanstack/react-query";
-import { jsx } from "react/jsx-runtime";
-
-//#region \0@oxc-project+runtime@0.115.0/helpers/asyncToGenerator.js
-function asyncGeneratorStep(n, t, e, r, o, a, c) {
-	try {
-		var i = n[a](c), u = i.value;
-	} catch (n) {
-		e(n);
-		return;
-	}
-	i.done ? t(u) : Promise.resolve(u).then(r, o);
-}
-function _asyncToGenerator(n) {
-	return function() {
-		var t = this, e = arguments;
-		return new Promise(function(r, o) {
-			var a = n.apply(t, e);
-			function _next(n) {
-				asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
-			}
-			function _throw(n) {
-				asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
-			}
-			_next(void 0);
-		});
-	};
-}
-
-//#endregion
-//#region src/QueriesHydration.tsx
-const _excluded = [
-	"queries",
-	"children",
-	"queryClient",
-	"skipSsrOnError",
-	"timeout"
-];
-/**
-* A server component that fetches multiple queries on the server and hydrates them to the client.
-*
-* @experimental This component is experimental and may be changed or removed in the future.
-*
-* @description
-* QueriesHydration is designed for React Server Components (RSC).
-* It pre-fetches multiple queries on the server side and automatically hydrates
-* the data to the client, enabling seamless data synchronization between server and client.
-*
-* When errors occur during server-side fetching, the component gracefully falls back
-* to client-side rendering, ensuring your application remains resilient.
-*
-* @example
-* ```tsx
-* // app/page.tsx (Server Component)
-* import { Suspense } from 'react'
-* import { QueriesHydration } from '@suspensive/react-query'
-* import { queryOptions } from '@tanstack/react-query'
-*
-* const userQueryOptions = (userId: string) => queryOptions({
-*   queryKey: ['user', userId],
-*   queryFn: () => fetchUser(userId)
-* })
-*
-* const postsQueryOptions = () => queryOptions({
-*   queryKey: ['posts'],
-*   queryFn: () => fetchPosts()
-* })
-*
-* export default function Page({ userId }: { userId: string }) {
-*   return (
-*     <>
-*       <Suspense fallback={<div>Loading user...</div>}>
-*         <QueriesHydration queries={[userQueryOptions(userId)]}>
-*           <UserProfile />
-*         </QueriesHydration>
-*       </Suspense>
-*
-*       <Suspense fallback={<div>Loading posts...</div>}>
-*         <QueriesHydration queries={[postsQueryOptions()]}>
-*           <PostsList />
-*         </QueriesHydration>
-*       </Suspense>
-*     </>
-*   )
-* }
-* ```
-*
-* @example
-* ```tsx
-* // With custom error fallback
-* <Suspense fallback={<div>Loading user...</div>}>
-*   <QueriesHydration
-*     queries={[userQueryOptions(userId)]}
-*     skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}
-*   >
-*     <UserProfile />
-*   </QueriesHydration>
-* </Suspense>
-* ```
-*
-* @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}
-*/
-function QueriesHydration(_x) {
-	return _QueriesHydration.apply(this, arguments);
-}
-function _QueriesHydration() {
-	_QueriesHydration = _asyncToGenerator(function* (_ref) {
-		let { queries, children, queryClient = new QueryClient(), skipSsrOnError = true, timeout } = _ref, props = _objectWithoutProperties(_ref, _excluded);
-		const timeoutController = timeout != null && timeout >= 0 ? createTimeoutController(timeout, `QueriesHydration: timeout after ${timeout} ms)`) : void 0;
-		try {
-			const queriesPromise = Promise.all(queries.map((query) => "getNextPageParam" in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)));
-			yield timeoutController != null ? Promise.race([queriesPromise, timeoutController.promise]) : queriesPromise;
-			timeoutController === null || timeoutController === void 0 || timeoutController.clear();
-		} catch (_unused) {
-			timeoutController === null || timeoutController === void 0 || timeoutController.clear();
-			if (skipSsrOnError) return /* @__PURE__ */ jsx(ClientOnly, {
-				fallback: skipSsrOnError === true ? void 0 : skipSsrOnError.fallback,
-				children
-			});
-		}
-		return /* @__PURE__ */ jsx(Hydrate, _objectSpread2(_objectSpread2({}, props), {}, {
-			state: dehydrate(queryClient),
-			children
-		}));
-	});
-	return _QueriesHydration.apply(this, arguments);
-}
-const createTimeoutController = (ms, errorMessage) => {
-	let timerId;
-	return {
-		promise: new Promise((_, reject) => {
-			timerId = setTimeout(() => reject(new Error(errorMessage)), ms);
-		}),
-		clear: () => timerId != null && clearTimeout(timerId)
-	};
-};
-
-//#endregion
-export { QueriesHydration as t };
-//# sourceMappingURL=QueriesHydration-MZQ7Oj60.mjs.map

package/dist/QueriesHydration-MZQ7Oj60.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueriesHydration-MZQ7Oj60.mjs","names":[],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":["import {\n  Hydrate,\n  type HydrateProps,\n  type OmitKeyof,\n  QueryClient,\n  type QueryOptions,\n  type UseInfiniteQueryOptions,\n  type WithRequired,\n  dehydrate,\n} from '@tanstack/react-query'\nimport type { ReactNode } from 'react'\nimport { ClientOnly } from './components/ClientOnly'\n\n/**\n * A server component that fetches multiple queries on the server and hydrates them to the client.\n *\n * @experimental This component is experimental and may be changed or removed in the future.\n *\n * @description\n * QueriesHydration is designed for React Server Components (RSC).\n * It pre-fetches multiple queries on the server side and automatically hydrates\n * the data to the client, enabling seamless data synchronization between server and client.\n *\n * When errors occur during server-side fetching, the component gracefully falls back\n * to client-side rendering, ensuring your application remains resilient.\n *\n * @example\n * ```tsx\n * // app/page.tsx (Server Component)\n * import { Suspense } from 'react'\n * import { QueriesHydration } from '@suspensive/react-query'\n * import { queryOptions } from '@tanstack/react-query'\n *\n * const userQueryOptions = (userId: string) => queryOptions({\n *   queryKey: ['user', userId],\n *   queryFn: () => fetchUser(userId)\n * })\n *\n * const postsQueryOptions = () => queryOptions({\n *   queryKey: ['posts'],\n *   queryFn: () => fetchPosts()\n * })\n *\n * export default function Page({ userId }: { userId: string }) {\n *   return (\n *     <>\n *       <Suspense fallback={<div>Loading user...</div>}>\n *         <QueriesHydration queries={[userQueryOptions(userId)]}>\n *           <UserProfile />\n *         </QueriesHydration>\n *       </Suspense>\n *\n *       <Suspense fallback={<div>Loading posts...</div>}>\n *         <QueriesHydration queries={[postsQueryOptions()]}>\n *           <PostsList />\n *         </QueriesHydration>\n *       </Suspense>\n *     </>\n *   )\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With custom error fallback\n * <Suspense fallback={<div>Loading user...</div>}>\n *   <QueriesHydration\n *     queries={[userQueryOptions(userId)]}\n *     skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}\n *   >\n *     <UserProfile />\n *   </QueriesHydration>\n * </Suspense>\n * ```\n *\n * @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}\n */\nexport async function QueriesHydration({\n  queries,\n  children,\n  queryClient = new QueryClient(),\n  skipSsrOnError = true,\n  timeout,\n  ...props\n}: {\n  /**\n   * The QueryClient instance to use for fetching queries.\n   */\n  queryClient?: QueryClient\n  /**\n   * An array of query options or infinite query options to be fetched on the server. Each query must include a `queryKey`.\n   * You can mix regular queries and infinite queries in the same array.\n   */\n  queries: (\n    | WithRequired<QueryOptions<any, any, any, any>, 'queryKey'>\n    | WithRequired<UseInfiniteQueryOptions<any, any, any, any, any>, 'queryKey'>\n  )[]\n  /**\n   * Controls error handling behavior:\n   * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails\n   * - `false`: Proceeds with SSR without hydration (retry fetching on client component server rendering)\n   * - `{ fallback: ReactNode }`: Skips SSR with custom fallback UI during client-side rendering\n   */\n  skipSsrOnError?:\n    | boolean\n    | {\n        fallback: ReactNode\n      }\n  /**\n   * The timeout in milliseconds for the query.\n   * If the query takes longer than the timeout, it will be considered as an error.\n   * When not set, no timeout is applied.\n   */\n  timeout?: number\n} & OmitKeyof<HydrateProps, 'state'>) {\n  const timeoutController =\n    timeout != null && timeout >= 0\n      ? createTimeoutController(timeout, `QueriesHydration: timeout after ${timeout} ms)`)\n      : undefined\n  try {\n    const queriesPromise = Promise.all(\n      queries.map((query) =>\n        'getNextPageParam' in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)\n      )\n    )\n    await (timeoutController != null ? Promise.race([queriesPromise, timeoutController.promise]) : queriesPromise)\n    timeoutController?.clear()\n  } catch {\n    timeoutController?.clear()\n    if (skipSsrOnError) {\n      return (\n        <ClientOnly fallback={skipSsrOnError === true ? undefined : skipSsrOnError.fallback}>{children}</ClientOnly>\n      )\n    }\n  }\n  return (\n    <Hydrate {...props} state={dehydrate(queryClient)}>\n      {children}\n    </Hydrate>\n  )\n}\n\nconst createTimeoutController = (ms: number, errorMessage: string) => {\n  let timerId: ReturnType<typeof setTimeout> | undefined\n  return {\n    promise: new Promise<never>((_, reject) => {\n      timerId = setTimeout(() => reject(new Error(errorMessage)), ms)\n    }),\n    clear: () => timerId != null && clearTimeout(timerId),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EE;CACA;CACA;CACA;CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AALF,SAAsB,iBAAiB;;;;wDAqCD;MArCC,EACrC,SACA,UACA,cAAc,IAAI,aAAa,EAC/B,iBAAiB,MACjB,kBACG;EAgCH,MAAM,oBACJ,WAAW,QAAQ,WAAW,IAC1B,wBAAwB,SAAS,mCAAmC,QAAQ,MAAM,GAClF;AACN,MAAI;GACF,MAAM,iBAAiB,QAAQ,IAC7B,QAAQ,KAAK,UACX,sBAAsB,QAAQ,YAAY,mBAAmB,MAAM,GAAG,YAAY,WAAW,MAAM,CACpG,CACF;AACD,SAAO,qBAAqB,OAAO,QAAQ,KAAK,CAAC,gBAAgB,kBAAkB,QAAQ,CAAC,GAAG;AAC/F,mFAAmB,OAAO;oBACpB;AACN,mFAAmB,OAAO;AAC1B,OAAI,eACF,QACE,oBAAC,YAAD;IAAY,UAAU,mBAAmB,OAAO,SAAY,eAAe;IAAW;IAAsB;;AAIlH,SACE,oBAAC,2CAAY;GAAO,OAAO,UAAU,YAAY;GAC9C;IACO;;;;AAId,MAAM,2BAA2B,IAAY,iBAAyB;CACpE,IAAI;AACJ,QAAO;EACL,SAAS,IAAI,SAAgB,GAAG,WAAW;AACzC,aAAU,iBAAiB,OAAO,IAAI,MAAM,aAAa,CAAC,EAAE,GAAG;IAC/D;EACF,aAAa,WAAW,QAAQ,aAAa,QAAQ;EACtD"}

package/dist/components/ClientOnly.d.cts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/ClientOnly.d.ts
-declare const ClientOnly: ({
-  children,
-  fallback
-}: {
-  children: React.ReactNode;
-  fallback: React.ReactNode;
-}) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ClientOnly };
-//# sourceMappingURL=ClientOnly.d.cts.map

package/dist/components/ClientOnly.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClientOnly.d.cts","names":[],"sources":["../../src/components/ClientOnly.tsx"],"mappings":";;;cAUa,UAAA;EAAc,QAAA;EAAA;AAAA;EAA0B,QAAA,EAAU,KAAA,CAAM,SAAA;EAAW,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA,MAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ClientOnly.d.mts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/ClientOnly.d.ts
-declare const ClientOnly: ({
-  children,
-  fallback
-}: {
-  children: React.ReactNode;
-  fallback: React.ReactNode;
-}) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ClientOnly };
-//# sourceMappingURL=ClientOnly.d.mts.map

package/dist/components/ClientOnly.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClientOnly.d.mts","names":[],"sources":["../../src/components/ClientOnly.tsx"],"mappings":";;;cAUa,UAAA;EAAc,QAAA;EAAA;AAAA;EAA0B,QAAA,EAAU,KAAA,CAAM,SAAA;EAAW,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA,MAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/objectSpread2-9HkiXZY2.cjs

@@ -1,73 +0,0 @@
-
-//#region \0@oxc-project+runtime@0.115.0/helpers/typeof.js
-function _typeof(o) {
-	"@babel/helpers - typeof";
-	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
-		return typeof o;
-	} : function(o) {
-		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-	}, _typeof(o);
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/toPrimitive.js
-function toPrimitive(t, r) {
-	if ("object" != _typeof(t) || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != _typeof(i)) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/toPropertyKey.js
-function toPropertyKey(t) {
-	var i = toPrimitive(t, "string");
-	return "symbol" == _typeof(i) ? i : i + "";
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/defineProperty.js
-function _defineProperty(e, r, t) {
-	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-		value: t,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[r] = t, e;
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/objectSpread2.js
-function ownKeys(e, r) {
-	var t = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var o = Object.getOwnPropertySymbols(e);
-		r && (o = o.filter(function(r) {
-			return Object.getOwnPropertyDescriptor(e, r).enumerable;
-		})), t.push.apply(t, o);
-	}
-	return t;
-}
-function _objectSpread2(e) {
-	for (var r = 1; r < arguments.length; r++) {
-		var t = null != arguments[r] ? arguments[r] : {};
-		r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
-			_defineProperty(e, r, t[r]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
-			Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-		});
-	}
-	return e;
-}
-
-//#endregion
-Object.defineProperty(exports, '_objectSpread2', {
-  enumerable: true,
-  get: function () {
-    return _objectSpread2;
-  }
-});

package/dist/objectSpread2-BX3M3dlG.mjs

@@ -1,67 +0,0 @@
-//#region \0@oxc-project+runtime@0.115.0/helpers/typeof.js
-function _typeof(o) {
-	"@babel/helpers - typeof";
-	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
-		return typeof o;
-	} : function(o) {
-		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-	}, _typeof(o);
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/toPrimitive.js
-function toPrimitive(t, r) {
-	if ("object" != _typeof(t) || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != _typeof(i)) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/toPropertyKey.js
-function toPropertyKey(t) {
-	var i = toPrimitive(t, "string");
-	return "symbol" == _typeof(i) ? i : i + "";
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/defineProperty.js
-function _defineProperty(e, r, t) {
-	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-		value: t,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[r] = t, e;
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/objectSpread2.js
-function ownKeys(e, r) {
-	var t = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var o = Object.getOwnPropertySymbols(e);
-		r && (o = o.filter(function(r) {
-			return Object.getOwnPropertyDescriptor(e, r).enumerable;
-		})), t.push.apply(t, o);
-	}
-	return t;
-}
-function _objectSpread2(e) {
-	for (var r = 1; r < arguments.length; r++) {
-		var t = null != arguments[r] ? arguments[r] : {};
-		r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
-			_defineProperty(e, r, t[r]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
-			Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-		});
-	}
-	return e;
-}
-
-//#endregion
-export { _objectSpread2 as t };

package/dist/objectWithoutProperties-CfjOeCpP.cjs

@@ -1,31 +0,0 @@
-
-//#region \0@oxc-project+runtime@0.115.0/helpers/objectWithoutPropertiesLoose.js
-function _objectWithoutPropertiesLoose(r, e) {
-	if (null == r) return {};
-	var t = {};
-	for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-		if (e.includes(n)) continue;
-		t[n] = r[n];
-	}
-	return t;
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.115.0/helpers/objectWithoutProperties.js
-function _objectWithoutProperties(e, t) {
-	if (null == e) return {};
-	var o, r, i = _objectWithoutPropertiesLoose(e, t);
-	if (Object.getOwnPropertySymbols) {
-		var s = Object.getOwnPropertySymbols(e);
-		for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-	}
-	return i;
-}
-
-//#endregion
-Object.defineProperty(exports, '_objectWithoutProperties', {
-  enumerable: true,
-  get: function () {
-    return _objectWithoutProperties;
-  }
-});