@tanstack/react-query-next-experimental 5.101.4 → 5.102.1

package/build/legacy/HydrationStreamProvider-D_lqnUNo.d.cts

@@ -0,0 +1,67 @@
+import * as React from "react";
+//#region src/HydrationStreamProvider.d.ts
+interface DataTransformer {
+  serialize: (object: any) => any;
+  deserialize: (object: any) => any;
+}
+interface HydrationStreamContext<TShape> {
+  id: string;
+  stream: {
+    /**
+     * **Server method**
+     * Push a new entry to the stream
+     * Will be ignored on the client
+     */
+    push: (...shape: Array<TShape>) => void;
+  };
+}
+interface HydrationStreamProviderProps<TShape> {
+  children: React.ReactNode;
+  /**
+   * Optional transformer to serialize/deserialize the data
+   * Example devalue, superjson et al
+   */
+  transformer?: DataTransformer;
+  /**
+   * **Client method**
+   * Called in the browser when new entries are received
+   */
+  onEntries: (entries: Array<TShape>) => void;
+  /**
+   * **Server method**
+   * onFlush is called on the server when the cache is flushed
+   */
+  onFlush?: () => Array<TShape>;
+  /**
+   * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced
+   */
+  nonce?: string;
+}
+declare function createHydrationStreamProvider<TShape>(): {
+  Provider: (props: {
+    children: React.ReactNode;
+    /**
+     * Optional transformer to serialize/deserialize the data
+     * Example devalue, superjson et al
+     */
+    transformer?: DataTransformer;
+    /**
+     * **Client method**
+     * Called in the browser when new entries are received
+     */
+    onEntries: (entries: Array<TShape>) => void;
+    /**
+     * **Server method**
+     * onFlush is called on the server when the cache is flushed
+     */
+    onFlush?: () => Array<TShape>;
+    /**
+     * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced
+     */
+    nonce?: string;
+  }) => import("react/jsx-runtime").JSX.Element;
+  context: React.Context<HydrationStreamContext<TShape>>;
+};
+//#endregion
+export { createHydrationStreamProvider as n, HydrationStreamProviderProps as t };
+//# sourceMappingURL=HydrationStreamProvider-D_lqnUNo.d.cts.map

package/build/legacy/HydrationStreamProvider-D_lqnUNo.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrationStreamProvider-D_lqnUNo.d.cts","names":[],"sources":["../../src/HydrationStreamProvider.tsx"],"mappings":";;UASU;EACR,YAAY;EACZ,cAAc;;UAYN,uBAAuB;EAC/B;EACA;;;;;;IAME,UAAU,OAAO,MAAM;;;UAIV,6BAA6B;EAC5C,UAAU,MAAM;;;;;EAKhB,cAAc;;;;;EAKd,YAAY,SAAS,MAAM;;;;;EAK3B,gBAAgB,MAAM;;;;EAItB;;iBAGc,8BAA8B;EAaK,WAAA;IAC/C,UAAU,MAAM;;;;;IAKhB,cAAc;;;;;IAKd,YAAY,SAAS,MAAM;;;;;IAK3B,gBAAgB,MAAM;;;;IAItB;oCACD,IAAA"}

package/build/legacy/HydrationStreamProvider-D_lqnUNo.d.ts

@@ -0,0 +1,67 @@
+import * as React from "react";
+//#region src/HydrationStreamProvider.d.ts
+interface DataTransformer {
+  serialize: (object: any) => any;
+  deserialize: (object: any) => any;
+}
+interface HydrationStreamContext<TShape> {
+  id: string;
+  stream: {
+    /**
+     * **Server method**
+     * Push a new entry to the stream
+     * Will be ignored on the client
+     */
+    push: (...shape: Array<TShape>) => void;
+  };
+}
+interface HydrationStreamProviderProps<TShape> {
+  children: React.ReactNode;
+  /**
+   * Optional transformer to serialize/deserialize the data
+   * Example devalue, superjson et al
+   */
+  transformer?: DataTransformer;
+  /**
+   * **Client method**
+   * Called in the browser when new entries are received
+   */
+  onEntries: (entries: Array<TShape>) => void;
+  /**
+   * **Server method**
+   * onFlush is called on the server when the cache is flushed
+   */
+  onFlush?: () => Array<TShape>;
+  /**
+   * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced
+   */
+  nonce?: string;
+}
+declare function createHydrationStreamProvider<TShape>(): {
+  Provider: (props: {
+    children: React.ReactNode;
+    /**
+     * Optional transformer to serialize/deserialize the data
+     * Example devalue, superjson et al
+     */
+    transformer?: DataTransformer;
+    /**
+     * **Client method**
+     * Called in the browser when new entries are received
+     */
+    onEntries: (entries: Array<TShape>) => void;
+    /**
+     * **Server method**
+     * onFlush is called on the server when the cache is flushed
+     */
+    onFlush?: () => Array<TShape>;
+    /**
+     * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced
+     */
+    nonce?: string;
+  }) => import("react/jsx-runtime").JSX.Element;
+  context: React.Context<HydrationStreamContext<TShape>>;
+};
+//#endregion
+export { createHydrationStreamProvider as n, HydrationStreamProviderProps as t };
+//# sourceMappingURL=HydrationStreamProvider-D_lqnUNo.d.ts.map

package/build/legacy/HydrationStreamProvider-D_lqnUNo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrationStreamProvider-D_lqnUNo.d.ts","names":[],"sources":["../../src/HydrationStreamProvider.tsx"],"mappings":";;UASU;EACR,YAAY;EACZ,cAAc;;UAYN,uBAAuB;EAC/B;EACA;;;;;;IAME,UAAU,OAAO,MAAM;;;UAIV,6BAA6B;EAC5C,UAAU,MAAM;;;;;EAKhB,cAAc;;;;;EAKd,YAAY,SAAS,MAAM;;;;;EAK3B,gBAAgB,MAAM;;;;EAItB;;iBAGc,8BAA8B;EAaK,WAAA;IAC/C,UAAU,MAAM;;;;;IAKhB,cAAc;;;;;IAKd,YAAY,SAAS,MAAM;;;;;IAK3B,gBAAgB,MAAM;;;;IAItB;oCACD,IAAA"}

package/build/legacy/HydrationStreamProvider.cjs

@@ -1,118 +1,77 @@
-"use strict";
 "use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/HydrationStreamProvider.tsx
-var HydrationStreamProvider_exports = {};
-__export(HydrationStreamProvider_exports, {
-  createHydrationStreamProvider: () => createHydrationStreamProvider
-});
-module.exports = __toCommonJS(HydrationStreamProvider_exports);
-var import_react_query = require("@tanstack/react-query");
-var import_navigation = require("next/navigation");
-var React = __toESM(require("react"), 1);
-var import_htmlescape = require("./htmlescape.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-VH7oDXx4.cjs");
+const require_htmlescape = require("./htmlescape.cjs");
+let _tanstack_react_query = require("@tanstack/react-query");
+let next_navigation_js = require("next/navigation.js");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/HydrationStreamProvider.tsx
 function createHydrationStreamProvider() {
-  const context = React.createContext(
-    null
-  );
-  function UseClientHydrationStreamProvider(props) {
-    var _a;
-    const id = `__RQ${React.useId()}`;
-    const idJSON = (0, import_htmlescape.htmlEscapeJsonString)(JSON.stringify(id));
-    const [transformer] = React.useState(
-      () => props.transformer ?? {
-        // noop
-        serialize: (obj) => obj,
-        deserialize: (obj) => obj
-      }
-    );
-    const [stream] = React.useState(() => {
-      if (!import_react_query.environmentManager.isServer()) {
-        return {
-          push() {
-          }
-        };
-      }
-      return [];
-    });
-    const count = React.useRef(0);
-    (0, import_navigation.useServerInsertedHTML)(() => {
-      var _a2;
-      stream.push(...((_a2 = props.onFlush) == null ? void 0 : _a2.call(props)) ?? []);
-      if (!stream.length) {
-        return null;
-      }
-      const serializedCacheArgs = stream.map((entry) => transformer.serialize(entry)).map((entry) => JSON.stringify(entry)).join(",");
-      stream.length = 0;
-      const html = [
-        `window[${idJSON}] = window[${idJSON}] || [];`,
-        `window[${idJSON}].push(${(0, import_htmlescape.htmlEscapeJsonString)(serializedCacheArgs)});`
-      ];
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "script",
-        {
-          nonce: props.nonce,
-          dangerouslySetInnerHTML: {
-            __html: html.join("")
-          }
-        },
-        count.current++
-      );
-    });
-    if (!import_react_query.environmentManager.isServer()) {
-      const win = window;
-      if (!((_a = win[id]) == null ? void 0 : _a.initialized)) {
-        const onEntries = (...serializedEntries) => {
-          const entries = serializedEntries.map(
-            (serialized) => transformer.deserialize(serialized)
-          );
-          props.onEntries(entries);
-        };
-        const winStream = win[id] ?? [];
-        onEntries(...winStream);
-        win[id] = {
-          initialized: true,
-          push: onEntries
-        };
-      }
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(context.Provider, { value: { stream, id }, children: props.children });
-  }
-  return {
-    Provider: UseClientHydrationStreamProvider,
-    context
-  };
+	const context = react.createContext(null);
+	/**
+	
+	* 1. (Happens on server): `useServerInsertedHTML()` is called **on the server** whenever a `Suspense`-boundary completes
+	*    - This means that we might have some new entries in the cache that needs to be flushed
+	*    - We pass these to the client by inserting a `<script>`-tag where we do `window[id].push(serializedVersionOfCache)`
+	* 2. (Happens in browser) In `useEffect()`:
+	*   - We check if `window[id]` is set to an array and call `push()` on all the entries which will call `onEntries()` with the new entries
+	*   - We replace `window[id]` with a `push()`-method that will be called whenever new entries are received
+	**/
+	function UseClientHydrationStreamProvider(props) {
+		const id = `__RQ${react.useId()}`;
+		const idJSON = require_htmlescape.htmlEscapeJsonString(JSON.stringify(id));
+		const [transformer] = react.useState(() => props.transformer ?? {
+			serialize: (obj) => obj,
+			deserialize: (obj) => obj
+		});
+		const [stream] = react.useState(() => {
+			if (!_tanstack_react_query.environmentManager.isServer()) return { push() {} };
+			return [];
+		});
+		const count = react.useRef(0);
+		(0, next_navigation_js.useServerInsertedHTML)(() => {
+			var _props$onFlush;
+			stream.push(...((_props$onFlush = props.onFlush) === null || _props$onFlush === void 0 ? void 0 : _props$onFlush.call(props)) ?? []);
+			if (!stream.length) return null;
+			const serializedCacheArgs = stream.map((entry) => transformer.serialize(entry)).map((entry) => JSON.stringify(entry)).join(",");
+			stream.length = 0;
+			const html = [`window[${idJSON}] = window[${idJSON}] || [];`, `window[${idJSON}].push(${require_htmlescape.htmlEscapeJsonString(serializedCacheArgs)});`];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("script", {
+				nonce: props.nonce,
+				dangerouslySetInnerHTML: { __html: html.join("") }
+			}, count.current++);
+		});
+		if (!_tanstack_react_query.environmentManager.isServer()) {
+			var _win$id;
+			const win = window;
+			if (!((_win$id = win[id]) === null || _win$id === void 0 ? void 0 : _win$id.initialized)) {
+				const onEntries = (...serializedEntries) => {
+					const entries = serializedEntries.map((serialized) => transformer.deserialize(serialized));
+					props.onEntries(entries);
+				};
+				onEntries(...win[id] ?? []);
+				win[id] = {
+					initialized: true,
+					push: onEntries
+				};
+			}
+		}
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(context.Provider, {
+			value: {
+				stream,
+				id
+			},
+			children: props.children
+		});
+	}
+	return {
+		Provider: UseClientHydrationStreamProvider,
+		context
+	};
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createHydrationStreamProvider
-});
+//#endregion
+exports.createHydrationStreamProvider = createHydrationStreamProvider;
+
 //# sourceMappingURL=HydrationStreamProvider.cjs.map

package/build/legacy/HydrationStreamProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/HydrationStreamProvider.tsx"],"sourcesContent":["'use client'\n\nimport { environmentManager } from '@tanstack/react-query'\nimport { useServerInsertedHTML } from 'next/navigation'\nimport * as React from 'react'\nimport { htmlEscapeJsonString } from './htmlescape'\n\nconst serializedSymbol = Symbol('serialized')\n\ninterface DataTransformer {\n  serialize: (object: any) => any\n  deserialize: (object: any) => any\n}\n\ntype Serialized<TData> = unknown & {\n  [serializedSymbol]: TData\n}\n\ninterface TypedDataTransformer<TData> {\n  serialize: (obj: TData) => Serialized<TData>\n  deserialize: (obj: Serialized<TData>) => TData\n}\n\ninterface HydrationStreamContext<TShape> {\n  id: string\n  stream: {\n    /**\n     * **Server method**\n     * Push a new entry to the stream\n     * Will be ignored on the client\n     */\n    push: (...shape: Array<TShape>) => void\n  }\n}\n\nexport interface HydrationStreamProviderProps<TShape> {\n  children: React.ReactNode\n  /**\n   * Optional transformer to serialize/deserialize the data\n   * Example devalue, superjson et al\n   */\n  transformer?: DataTransformer\n  /**\n   * **Client method**\n   * Called in the browser when new entries are received\n   */\n  onEntries: (entries: Array<TShape>) => void\n  /**\n   * **Server method**\n   * onFlush is called on the server when the cache is flushed\n   */\n  onFlush?: () => Array<TShape>\n  /**\n   * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced\n   */\n  nonce?: string\n}\n\nexport function createHydrationStreamProvider<TShape>() {\n  const context = React.createContext<HydrationStreamContext<TShape>>(\n    null as any,\n  )\n  /**\n\n   * 1. (Happens on server): `useServerInsertedHTML()` is called **on the server** whenever a `Suspense`-boundary completes\n   *    - This means that we might have some new entries in the cache that needs to be flushed\n   *    - We pass these to the client by inserting a `<script>`-tag where we do `window[id].push(serializedVersionOfCache)`\n   * 2. (Happens in browser) In `useEffect()`:\n   *   - We check if `window[id]` is set to an array and call `push()` on all the entries which will call `onEntries()` with the new entries\n   *   - We replace `window[id]` with a `push()`-method that will be called whenever new entries are received\n   **/\n  function UseClientHydrationStreamProvider(props: {\n    children: React.ReactNode\n    /**\n     * Optional transformer to serialize/deserialize the data\n     * Example devalue, superjson et al\n     */\n    transformer?: DataTransformer\n    /**\n     * **Client method**\n     * Called in the browser when new entries are received\n     */\n    onEntries: (entries: Array<TShape>) => void\n    /**\n     * **Server method**\n     * onFlush is called on the server when the cache is flushed\n     */\n    onFlush?: () => Array<TShape>\n    /**\n     * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced\n     */\n    nonce?: string\n  }) {\n    // unique id for the cache provider\n    const id = `__RQ${React.useId()}`\n    const idJSON = htmlEscapeJsonString(JSON.stringify(id))\n\n    const [transformer] = React.useState(\n      () =>\n        (props.transformer ?? {\n          // noop\n          serialize: (obj: any) => obj,\n          deserialize: (obj: any) => obj,\n        }) as unknown as TypedDataTransformer<TShape>,\n    )\n\n    // <server stuff>\n    const [stream] = React.useState<Array<TShape>>(() => {\n      if (!environmentManager.isServer()) {\n        return {\n          push() {\n            // no-op on the client\n          },\n        } as unknown as Array<TShape>\n      }\n      return []\n    })\n    const count = React.useRef(0)\n    useServerInsertedHTML(() => {\n      // This only happens on the server\n      stream.push(...(props.onFlush?.() ?? []))\n\n      if (!stream.length) {\n        return null\n      }\n      // console.log(`pushing ${stream.length} entries`)\n      const serializedCacheArgs = stream\n        .map((entry) => transformer.serialize(entry))\n        .map((entry) => JSON.stringify(entry))\n        .join(',')\n\n      // Flush stream\n      // eslint-disable-next-line react-hooks/immutability\n      stream.length = 0\n\n      const html: Array<string> = [\n        `window[${idJSON}] = window[${idJSON}] || [];`,\n        `window[${idJSON}].push(${htmlEscapeJsonString(serializedCacheArgs)});`,\n      ]\n      return (\n        <script\n          key={count.current++}\n          nonce={props.nonce}\n          dangerouslySetInnerHTML={{\n            __html: html.join(''),\n          }}\n        />\n      )\n    })\n    // </server stuff>\n\n    // <client stuff>\n    // Setup and run the onEntries handler on the client only, but do it during\n    // the initial render so children have access to the data immediately\n    // This is important to avoid the client suspending during the initial render\n    // if the data has not yet been hydrated.\n    if (!environmentManager.isServer()) {\n      const win = window as any\n      if (!win[id]?.initialized) {\n        // Client: consume cache:\n        const onEntries = (...serializedEntries: Array<Serialized<TShape>>) => {\n          const entries = serializedEntries.map((serialized) =>\n            transformer.deserialize(serialized),\n          )\n          props.onEntries(entries)\n        }\n\n        const winStream: Array<Serialized<TShape>> = win[id] ?? []\n\n        onEntries(...winStream)\n\n        // eslint-disable-next-line react-hooks/immutability\n        win[id] = {\n          initialized: true,\n          push: onEntries,\n        }\n      }\n    }\n    // </client stuff>\n\n    return (\n      <context.Provider value={{ stream, id }}>\n        {props.children}\n      </context.Provider>\n    )\n  }\n\n  return {\n    Provider: UseClientHydrationStreamProvider,\n    context,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAAmC;AACnC,wBAAsC;AACtC,YAAuB;AACvB,wBAAqC;AAuI7B;AAlFD,SAAS,gCAAwC;AACtD,QAAM,UAAgB;AAAA,IACpB;AAAA,EACF;AAUA,WAAS,iCAAiC,OAqBvC;AA5FL;AA8FI,UAAM,KAAK,OAAa,YAAM,CAAC;AAC/B,UAAM,aAAS,wCAAqB,KAAK,UAAU,EAAE,CAAC;AAEtD,UAAM,CAAC,WAAW,IAAU;AAAA,MAC1B,MACG,MAAM,eAAe;AAAA;AAAA,QAEpB,WAAW,CAAC,QAAa;AAAA,QACzB,aAAa,CAAC,QAAa;AAAA,MAC7B;AAAA,IACJ;AAGA,UAAM,CAAC,MAAM,IAAU,eAAwB,MAAM;AACnD,UAAI,CAAC,sCAAmB,SAAS,GAAG;AAClC,eAAO;AAAA,UACL,OAAO;AAAA,UAEP;AAAA,QACF;AAAA,MACF;AACA,aAAO,CAAC;AAAA,IACV,CAAC;AACD,UAAM,QAAc,aAAO,CAAC;AAC5B,iDAAsB,MAAM;AAtHhC,UAAAA;AAwHM,aAAO,KAAK,KAAIA,MAAA,MAAM,YAAN,gBAAAA,IAAA,gBAAqB,CAAC,CAAE;AAExC,UAAI,CAAC,OAAO,QAAQ;AAClB,eAAO;AAAA,MACT;AAEA,YAAM,sBAAsB,OACzB,IAAI,CAAC,UAAU,YAAY,UAAU,KAAK,CAAC,EAC3C,IAAI,CAAC,UAAU,KAAK,UAAU,KAAK,CAAC,EACpC,KAAK,GAAG;AAIX,aAAO,SAAS;AAEhB,YAAM,OAAsB;AAAA,QAC1B,UAAU,MAAM,cAAc,MAAM;AAAA,QACpC,UAAU,MAAM,cAAU,wCAAqB,mBAAmB,CAAC;AAAA,MACrE;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,MAAM;AAAA,UACb,yBAAyB;AAAA,YACvB,QAAQ,KAAK,KAAK,EAAE;AAAA,UACtB;AAAA;AAAA,QAJK,MAAM;AAAA,MAKb;AAAA,IAEJ,CAAC;AAQD,QAAI,CAAC,sCAAmB,SAAS,GAAG;AAClC,YAAM,MAAM;AACZ,UAAI,GAAC,SAAI,EAAE,MAAN,mBAAS,cAAa;AAEzB,cAAM,YAAY,IAAI,sBAAiD;AACrE,gBAAM,UAAU,kBAAkB;AAAA,YAAI,CAAC,eACrC,YAAY,YAAY,UAAU;AAAA,UACpC;AACA,gBAAM,UAAU,OAAO;AAAA,QACzB;AAEA,cAAM,YAAuC,IAAI,EAAE,KAAK,CAAC;AAEzD,kBAAU,GAAG,SAAS;AAGtB,YAAI,EAAE,IAAI;AAAA,UACR,aAAa;AAAA,UACb,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAGA,WACE,4CAAC,QAAQ,UAAR,EAAiB,OAAO,EAAE,QAAQ,GAAG,GACnC,gBAAM,UACT;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,EACF;AACF;","names":["_a"]}
+{"version":3,"file":"HydrationStreamProvider.cjs","names":["React","htmlEscapeJsonString","environmentManager"],"sources":["../../src/HydrationStreamProvider.tsx"],"sourcesContent":["'use client'\n\nimport { environmentManager } from '@tanstack/react-query'\nimport { useServerInsertedHTML } from 'next/navigation'\nimport * as React from 'react'\nimport { htmlEscapeJsonString } from './htmlescape'\n\nconst serializedSymbol = Symbol('serialized')\n\ninterface DataTransformer {\n  serialize: (object: any) => any\n  deserialize: (object: any) => any\n}\n\ntype Serialized<TData> = unknown & {\n  [serializedSymbol]: TData\n}\n\ninterface TypedDataTransformer<TData> {\n  serialize: (obj: TData) => Serialized<TData>\n  deserialize: (obj: Serialized<TData>) => TData\n}\n\ninterface HydrationStreamContext<TShape> {\n  id: string\n  stream: {\n    /**\n     * **Server method**\n     * Push a new entry to the stream\n     * Will be ignored on the client\n     */\n    push: (...shape: Array<TShape>) => void\n  }\n}\n\nexport interface HydrationStreamProviderProps<TShape> {\n  children: React.ReactNode\n  /**\n   * Optional transformer to serialize/deserialize the data\n   * Example devalue, superjson et al\n   */\n  transformer?: DataTransformer\n  /**\n   * **Client method**\n   * Called in the browser when new entries are received\n   */\n  onEntries: (entries: Array<TShape>) => void\n  /**\n   * **Server method**\n   * onFlush is called on the server when the cache is flushed\n   */\n  onFlush?: () => Array<TShape>\n  /**\n   * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced\n   */\n  nonce?: string\n}\n\nexport function createHydrationStreamProvider<TShape>() {\n  const context = React.createContext<HydrationStreamContext<TShape>>(\n    null as any,\n  )\n  /**\n\n   * 1. (Happens on server): `useServerInsertedHTML()` is called **on the server** whenever a `Suspense`-boundary completes\n   *    - This means that we might have some new entries in the cache that needs to be flushed\n   *    - We pass these to the client by inserting a `<script>`-tag where we do `window[id].push(serializedVersionOfCache)`\n   * 2. (Happens in browser) In `useEffect()`:\n   *   - We check if `window[id]` is set to an array and call `push()` on all the entries which will call `onEntries()` with the new entries\n   *   - We replace `window[id]` with a `push()`-method that will be called whenever new entries are received\n   **/\n  function UseClientHydrationStreamProvider(props: {\n    children: React.ReactNode\n    /**\n     * Optional transformer to serialize/deserialize the data\n     * Example devalue, superjson et al\n     */\n    transformer?: DataTransformer\n    /**\n     * **Client method**\n     * Called in the browser when new entries are received\n     */\n    onEntries: (entries: Array<TShape>) => void\n    /**\n     * **Server method**\n     * onFlush is called on the server when the cache is flushed\n     */\n    onFlush?: () => Array<TShape>\n    /**\n     * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced\n     */\n    nonce?: string\n  }) {\n    // unique id for the cache provider\n    const id = `__RQ${React.useId()}`\n    const idJSON = htmlEscapeJsonString(JSON.stringify(id))\n\n    const [transformer] = React.useState(\n      () =>\n        (props.transformer ?? {\n          // noop\n          serialize: (obj: any) => obj,\n          deserialize: (obj: any) => obj,\n        }) as unknown as TypedDataTransformer<TShape>,\n    )\n\n    // <server stuff>\n    const [stream] = React.useState<Array<TShape>>(() => {\n      if (!environmentManager.isServer()) {\n        return {\n          push() {\n            // no-op on the client\n          },\n        } as unknown as Array<TShape>\n      }\n      return []\n    })\n    const count = React.useRef(0)\n    useServerInsertedHTML(() => {\n      // This only happens on the server\n      stream.push(...(props.onFlush?.() ?? []))\n\n      if (!stream.length) {\n        return null\n      }\n      // console.log(`pushing ${stream.length} entries`)\n      const serializedCacheArgs = stream\n        .map((entry) => transformer.serialize(entry))\n        .map((entry) => JSON.stringify(entry))\n        .join(',')\n\n      // Flush stream\n      // eslint-disable-next-line react-hooks/immutability\n      stream.length = 0\n\n      const html: Array<string> = [\n        `window[${idJSON}] = window[${idJSON}] || [];`,\n        `window[${idJSON}].push(${htmlEscapeJsonString(serializedCacheArgs)});`,\n      ]\n      return (\n        <script\n          key={count.current++}\n          nonce={props.nonce}\n          dangerouslySetInnerHTML={{\n            __html: html.join(''),\n          }}\n        />\n      )\n    })\n    // </server stuff>\n\n    // <client stuff>\n    // Setup and run the onEntries handler on the client only, but do it during\n    // the initial render so children have access to the data immediately\n    // This is important to avoid the client suspending during the initial render\n    // if the data has not yet been hydrated.\n    if (!environmentManager.isServer()) {\n      const win = window as any\n      if (!win[id]?.initialized) {\n        // Client: consume cache:\n        const onEntries = (...serializedEntries: Array<Serialized<TShape>>) => {\n          const entries = serializedEntries.map((serialized) =>\n            transformer.deserialize(serialized),\n          )\n          props.onEntries(entries)\n        }\n\n        const winStream: Array<Serialized<TShape>> = win[id] ?? []\n\n        onEntries(...winStream)\n\n        // eslint-disable-next-line react-hooks/immutability\n        win[id] = {\n          initialized: true,\n          push: onEntries,\n        }\n      }\n    }\n    // </client stuff>\n\n    return (\n      <context.Provider value={{ stream, id }}>\n        {props.children}\n      </context.Provider>\n    )\n  }\n\n  return {\n    Provider: UseClientHydrationStreamProvider,\n    context,\n  }\n}\n"],"mappings":";;;;;;;;;;AA0DA,SAAgB,gCAAwC;CACtD,MAAM,UAAUA,MAAM,cACpB,IACF;;;;;;;;;;CAUA,SAAS,iCAAiC,OAqBvC;EAED,MAAM,KAAK,OAAOA,MAAM,MAAM;EAC9B,MAAM,SAASC,mBAAAA,qBAAqB,KAAK,UAAU,EAAE,CAAC;EAEtD,MAAM,CAAC,eAAeD,MAAM,eAEvB,MAAM,eAAe;GAEpB,YAAY,QAAa;GACzB,cAAc,QAAa;EAC7B,CACJ;EAGA,MAAM,CAAC,UAAUA,MAAM,eAA8B;GACnD,IAAI,CAACE,sBAAAA,mBAAmB,SAAS,GAC/B,OAAO,EACL,OAAO,CAEP,EACF;GAEF,OAAO,CAAC;EACV,CAAC;EACD,MAAM,QAAQF,MAAM,OAAO,CAAC;EAC5B,CAAA,GAAA,mBAAA,sBAAA,OAA4B;;GAE1B,OAAO,KAAK,KAAA,iBAAI,MAAM,aAAA,QAAA,mBAAA,KAAA,IAAA,KAAA,IAAA,eAAA,KAAA,KAAU,MAAK,CAAC,CAAE;GAExC,IAAI,CAAC,OAAO,QACV,OAAO;GAGT,MAAM,sBAAsB,OACzB,KAAK,UAAU,YAAY,UAAU,KAAK,CAAC,CAAC,CAC5C,KAAK,UAAU,KAAK,UAAU,KAAK,CAAC,CAAC,CACrC,KAAK,GAAG;GAIX,OAAO,SAAS;GAEhB,MAAM,OAAsB,CAC1B,UAAU,OAAO,aAAa,OAAO,WACrC,UAAU,OAAO,SAASC,mBAAAA,qBAAqB,mBAAmB,EAAE,GACtE;GACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAEE,OAAO,MAAM;IACb,yBAAyB,EACvB,QAAQ,KAAK,KAAK,EAAE,EACtB;GACD,GALM,MAAM,SAKZ;EAEL,CAAC;EAQD,IAAI,CAACC,sBAAAA,mBAAmB,SAAS,GAAG;;GAClC,MAAM,MAAM;GACZ,IAAI,GAAA,UAAC,IAAI,SAAA,QAAA,YAAA,KAAA,IAAA,KAAA,IAAA,QAAK,cAAa;IAEzB,MAAM,aAAa,GAAG,sBAAiD;KACrE,MAAM,UAAU,kBAAkB,KAAK,eACrC,YAAY,YAAY,UAAU,CACpC;KACA,MAAM,UAAU,OAAO;IACzB;IAIA,UAAU,GAFmC,IAAI,OAAO,CAAC,CAEnC;IAGtB,IAAI,MAAM;KACR,aAAa;KACb,MAAM;IACR;GACF;EACF;EAGA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAQ,UAAT;GAAkB,OAAO;IAAE;IAAQ;GAAG;GACnC,UAAA,MAAM;EACS,CAAA;CAEtB;CAEA,OAAO;EACL,UAAU;EACV;CACF;AACF"}

package/build/legacy/HydrationStreamProvider.d.cts

@@ -1,2 +1,2 @@
-export { createHydrationStreamProvider } from './_tsup-dts-rollup.cjs';
-export { HydrationStreamProviderProps } from './_tsup-dts-rollup.cjs';
+import { n as createHydrationStreamProvider, t as HydrationStreamProviderProps } from "./HydrationStreamProvider-D_lqnUNo.cjs";
+export { HydrationStreamProviderProps, createHydrationStreamProvider };

package/build/legacy/HydrationStreamProvider.d.ts

@@ -1,2 +1,2 @@
-export { createHydrationStreamProvider } from './_tsup-dts-rollup.js';
-export { HydrationStreamProviderProps } from './_tsup-dts-rollup.js';
+import { n as createHydrationStreamProvider, t as HydrationStreamProviderProps } from "./HydrationStreamProvider-D_lqnUNo.js";
+export { HydrationStreamProviderProps, createHydrationStreamProvider };

package/build/legacy/HydrationStreamProvider.js

@@ -1,84 +1,74 @@
 "use client";
-
-// src/HydrationStreamProvider.tsx
+import { htmlEscapeJsonString } from "./htmlescape.js";
 import { environmentManager } from "@tanstack/react-query";
-import { useServerInsertedHTML } from "next/navigation";
+import { useServerInsertedHTML } from "next/navigation.js";
 import * as React from "react";
-import { htmlEscapeJsonString } from "./htmlescape.js";
 import { jsx } from "react/jsx-runtime";
+//#region src/HydrationStreamProvider.tsx
 function createHydrationStreamProvider() {
-  const context = React.createContext(
-    null
-  );
-  function UseClientHydrationStreamProvider(props) {
-    var _a;
-    const id = `__RQ${React.useId()}`;
-    const idJSON = htmlEscapeJsonString(JSON.stringify(id));
-    const [transformer] = React.useState(
-      () => props.transformer ?? {
-        // noop
-        serialize: (obj) => obj,
-        deserialize: (obj) => obj
-      }
-    );
-    const [stream] = React.useState(() => {
-      if (!environmentManager.isServer()) {
-        return {
-          push() {
-          }
-        };
-      }
-      return [];
-    });
-    const count = React.useRef(0);
-    useServerInsertedHTML(() => {
-      var _a2;
-      stream.push(...((_a2 = props.onFlush) == null ? void 0 : _a2.call(props)) ?? []);
-      if (!stream.length) {
-        return null;
-      }
-      const serializedCacheArgs = stream.map((entry) => transformer.serialize(entry)).map((entry) => JSON.stringify(entry)).join(",");
-      stream.length = 0;
-      const html = [
-        `window[${idJSON}] = window[${idJSON}] || [];`,
-        `window[${idJSON}].push(${htmlEscapeJsonString(serializedCacheArgs)});`
-      ];
-      return /* @__PURE__ */ jsx(
-        "script",
-        {
-          nonce: props.nonce,
-          dangerouslySetInnerHTML: {
-            __html: html.join("")
-          }
-        },
-        count.current++
-      );
-    });
-    if (!environmentManager.isServer()) {
-      const win = window;
-      if (!((_a = win[id]) == null ? void 0 : _a.initialized)) {
-        const onEntries = (...serializedEntries) => {
-          const entries = serializedEntries.map(
-            (serialized) => transformer.deserialize(serialized)
-          );
-          props.onEntries(entries);
-        };
-        const winStream = win[id] ?? [];
-        onEntries(...winStream);
-        win[id] = {
-          initialized: true,
-          push: onEntries
-        };
-      }
-    }
-    return /* @__PURE__ */ jsx(context.Provider, { value: { stream, id }, children: props.children });
-  }
-  return {
-    Provider: UseClientHydrationStreamProvider,
-    context
-  };
+	const context = React.createContext(null);
+	/**
+	
+	* 1. (Happens on server): `useServerInsertedHTML()` is called **on the server** whenever a `Suspense`-boundary completes
+	*    - This means that we might have some new entries in the cache that needs to be flushed
+	*    - We pass these to the client by inserting a `<script>`-tag where we do `window[id].push(serializedVersionOfCache)`
+	* 2. (Happens in browser) In `useEffect()`:
+	*   - We check if `window[id]` is set to an array and call `push()` on all the entries which will call `onEntries()` with the new entries
+	*   - We replace `window[id]` with a `push()`-method that will be called whenever new entries are received
+	**/
+	function UseClientHydrationStreamProvider(props) {
+		const id = `__RQ${React.useId()}`;
+		const idJSON = htmlEscapeJsonString(JSON.stringify(id));
+		const [transformer] = React.useState(() => props.transformer ?? {
+			serialize: (obj) => obj,
+			deserialize: (obj) => obj
+		});
+		const [stream] = React.useState(() => {
+			if (!environmentManager.isServer()) return { push() {} };
+			return [];
+		});
+		const count = React.useRef(0);
+		useServerInsertedHTML(() => {
+			var _props$onFlush;
+			stream.push(...((_props$onFlush = props.onFlush) === null || _props$onFlush === void 0 ? void 0 : _props$onFlush.call(props)) ?? []);
+			if (!stream.length) return null;
+			const serializedCacheArgs = stream.map((entry) => transformer.serialize(entry)).map((entry) => JSON.stringify(entry)).join(",");
+			stream.length = 0;
+			const html = [`window[${idJSON}] = window[${idJSON}] || [];`, `window[${idJSON}].push(${htmlEscapeJsonString(serializedCacheArgs)});`];
+			return /* @__PURE__ */ jsx("script", {
+				nonce: props.nonce,
+				dangerouslySetInnerHTML: { __html: html.join("") }
+			}, count.current++);
+		});
+		if (!environmentManager.isServer()) {
+			var _win$id;
+			const win = window;
+			if (!((_win$id = win[id]) === null || _win$id === void 0 ? void 0 : _win$id.initialized)) {
+				const onEntries = (...serializedEntries) => {
+					const entries = serializedEntries.map((serialized) => transformer.deserialize(serialized));
+					props.onEntries(entries);
+				};
+				onEntries(...win[id] ?? []);
+				win[id] = {
+					initialized: true,
+					push: onEntries
+				};
+			}
+		}
+		return /* @__PURE__ */ jsx(context.Provider, {
+			value: {
+				stream,
+				id
+			},
+			children: props.children
+		});
+	}
+	return {
+		Provider: UseClientHydrationStreamProvider,
+		context
+	};
 }
-export {
-  createHydrationStreamProvider
-};
+//#endregion
+export { createHydrationStreamProvider };
+
 //# sourceMappingURL=HydrationStreamProvider.js.map

package/build/legacy/HydrationStreamProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/HydrationStreamProvider.tsx"],"sourcesContent":["'use client'\n\nimport { environmentManager } from '@tanstack/react-query'\nimport { useServerInsertedHTML } from 'next/navigation'\nimport * as React from 'react'\nimport { htmlEscapeJsonString } from './htmlescape'\n\nconst serializedSymbol = Symbol('serialized')\n\ninterface DataTransformer {\n  serialize: (object: any) => any\n  deserialize: (object: any) => any\n}\n\ntype Serialized<TData> = unknown & {\n  [serializedSymbol]: TData\n}\n\ninterface TypedDataTransformer<TData> {\n  serialize: (obj: TData) => Serialized<TData>\n  deserialize: (obj: Serialized<TData>) => TData\n}\n\ninterface HydrationStreamContext<TShape> {\n  id: string\n  stream: {\n    /**\n     * **Server method**\n     * Push a new entry to the stream\n     * Will be ignored on the client\n     */\n    push: (...shape: Array<TShape>) => void\n  }\n}\n\nexport interface HydrationStreamProviderProps<TShape> {\n  children: React.ReactNode\n  /**\n   * Optional transformer to serialize/deserialize the data\n   * Example devalue, superjson et al\n   */\n  transformer?: DataTransformer\n  /**\n   * **Client method**\n   * Called in the browser when new entries are received\n   */\n  onEntries: (entries: Array<TShape>) => void\n  /**\n   * **Server method**\n   * onFlush is called on the server when the cache is flushed\n   */\n  onFlush?: () => Array<TShape>\n  /**\n   * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced\n   */\n  nonce?: string\n}\n\nexport function createHydrationStreamProvider<TShape>() {\n  const context = React.createContext<HydrationStreamContext<TShape>>(\n    null as any,\n  )\n  /**\n\n   * 1. (Happens on server): `useServerInsertedHTML()` is called **on the server** whenever a `Suspense`-boundary completes\n   *    - This means that we might have some new entries in the cache that needs to be flushed\n   *    - We pass these to the client by inserting a `<script>`-tag where we do `window[id].push(serializedVersionOfCache)`\n   * 2. (Happens in browser) In `useEffect()`:\n   *   - We check if `window[id]` is set to an array and call `push()` on all the entries which will call `onEntries()` with the new entries\n   *   - We replace `window[id]` with a `push()`-method that will be called whenever new entries are received\n   **/\n  function UseClientHydrationStreamProvider(props: {\n    children: React.ReactNode\n    /**\n     * Optional transformer to serialize/deserialize the data\n     * Example devalue, superjson et al\n     */\n    transformer?: DataTransformer\n    /**\n     * **Client method**\n     * Called in the browser when new entries are received\n     */\n    onEntries: (entries: Array<TShape>) => void\n    /**\n     * **Server method**\n     * onFlush is called on the server when the cache is flushed\n     */\n    onFlush?: () => Array<TShape>\n    /**\n     * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced\n     */\n    nonce?: string\n  }) {\n    // unique id for the cache provider\n    const id = `__RQ${React.useId()}`\n    const idJSON = htmlEscapeJsonString(JSON.stringify(id))\n\n    const [transformer] = React.useState(\n      () =>\n        (props.transformer ?? {\n          // noop\n          serialize: (obj: any) => obj,\n          deserialize: (obj: any) => obj,\n        }) as unknown as TypedDataTransformer<TShape>,\n    )\n\n    // <server stuff>\n    const [stream] = React.useState<Array<TShape>>(() => {\n      if (!environmentManager.isServer()) {\n        return {\n          push() {\n            // no-op on the client\n          },\n        } as unknown as Array<TShape>\n      }\n      return []\n    })\n    const count = React.useRef(0)\n    useServerInsertedHTML(() => {\n      // This only happens on the server\n      stream.push(...(props.onFlush?.() ?? []))\n\n      if (!stream.length) {\n        return null\n      }\n      // console.log(`pushing ${stream.length} entries`)\n      const serializedCacheArgs = stream\n        .map((entry) => transformer.serialize(entry))\n        .map((entry) => JSON.stringify(entry))\n        .join(',')\n\n      // Flush stream\n      // eslint-disable-next-line react-hooks/immutability\n      stream.length = 0\n\n      const html: Array<string> = [\n        `window[${idJSON}] = window[${idJSON}] || [];`,\n        `window[${idJSON}].push(${htmlEscapeJsonString(serializedCacheArgs)});`,\n      ]\n      return (\n        <script\n          key={count.current++}\n          nonce={props.nonce}\n          dangerouslySetInnerHTML={{\n            __html: html.join(''),\n          }}\n        />\n      )\n    })\n    // </server stuff>\n\n    // <client stuff>\n    // Setup and run the onEntries handler on the client only, but do it during\n    // the initial render so children have access to the data immediately\n    // This is important to avoid the client suspending during the initial render\n    // if the data has not yet been hydrated.\n    if (!environmentManager.isServer()) {\n      const win = window as any\n      if (!win[id]?.initialized) {\n        // Client: consume cache:\n        const onEntries = (...serializedEntries: Array<Serialized<TShape>>) => {\n          const entries = serializedEntries.map((serialized) =>\n            transformer.deserialize(serialized),\n          )\n          props.onEntries(entries)\n        }\n\n        const winStream: Array<Serialized<TShape>> = win[id] ?? []\n\n        onEntries(...winStream)\n\n        // eslint-disable-next-line react-hooks/immutability\n        win[id] = {\n          initialized: true,\n          push: onEntries,\n        }\n      }\n    }\n    // </client stuff>\n\n    return (\n      <context.Provider value={{ stream, id }}>\n        {props.children}\n      </context.Provider>\n    )\n  }\n\n  return {\n    Provider: UseClientHydrationStreamProvider,\n    context,\n  }\n}\n"],"mappings":";;;AAEA,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,YAAY,WAAW;AACvB,SAAS,4BAA4B;AAuI7B;AAlFD,SAAS,gCAAwC;AACtD,QAAM,UAAgB;AAAA,IACpB;AAAA,EACF;AAUA,WAAS,iCAAiC,OAqBvC;AA5FL;AA8FI,UAAM,KAAK,OAAa,YAAM,CAAC;AAC/B,UAAM,SAAS,qBAAqB,KAAK,UAAU,EAAE,CAAC;AAEtD,UAAM,CAAC,WAAW,IAAU;AAAA,MAC1B,MACG,MAAM,eAAe;AAAA;AAAA,QAEpB,WAAW,CAAC,QAAa;AAAA,QACzB,aAAa,CAAC,QAAa;AAAA,MAC7B;AAAA,IACJ;AAGA,UAAM,CAAC,MAAM,IAAU,eAAwB,MAAM;AACnD,UAAI,CAAC,mBAAmB,SAAS,GAAG;AAClC,eAAO;AAAA,UACL,OAAO;AAAA,UAEP;AAAA,QACF;AAAA,MACF;AACA,aAAO,CAAC;AAAA,IACV,CAAC;AACD,UAAM,QAAc,aAAO,CAAC;AAC5B,0BAAsB,MAAM;AAtHhC,UAAAA;AAwHM,aAAO,KAAK,KAAIA,MAAA,MAAM,YAAN,gBAAAA,IAAA,gBAAqB,CAAC,CAAE;AAExC,UAAI,CAAC,OAAO,QAAQ;AAClB,eAAO;AAAA,MACT;AAEA,YAAM,sBAAsB,OACzB,IAAI,CAAC,UAAU,YAAY,UAAU,KAAK,CAAC,EAC3C,IAAI,CAAC,UAAU,KAAK,UAAU,KAAK,CAAC,EACpC,KAAK,GAAG;AAIX,aAAO,SAAS;AAEhB,YAAM,OAAsB;AAAA,QAC1B,UAAU,MAAM,cAAc,MAAM;AAAA,QACpC,UAAU,MAAM,UAAU,qBAAqB,mBAAmB,CAAC;AAAA,MACrE;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,MAAM;AAAA,UACb,yBAAyB;AAAA,YACvB,QAAQ,KAAK,KAAK,EAAE;AAAA,UACtB;AAAA;AAAA,QAJK,MAAM;AAAA,MAKb;AAAA,IAEJ,CAAC;AAQD,QAAI,CAAC,mBAAmB,SAAS,GAAG;AAClC,YAAM,MAAM;AACZ,UAAI,GAAC,SAAI,EAAE,MAAN,mBAAS,cAAa;AAEzB,cAAM,YAAY,IAAI,sBAAiD;AACrE,gBAAM,UAAU,kBAAkB;AAAA,YAAI,CAAC,eACrC,YAAY,YAAY,UAAU;AAAA,UACpC;AACA,gBAAM,UAAU,OAAO;AAAA,QACzB;AAEA,cAAM,YAAuC,IAAI,EAAE,KAAK,CAAC;AAEzD,kBAAU,GAAG,SAAS;AAGtB,YAAI,EAAE,IAAI;AAAA,UACR,aAAa;AAAA,UACb,MAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAGA,WACE,oBAAC,QAAQ,UAAR,EAAiB,OAAO,EAAE,QAAQ,GAAG,GACnC,gBAAM,UACT;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,EACF;AACF;","names":["_a"]}
+{"version":3,"file":"HydrationStreamProvider.js","names":[],"sources":["../../src/HydrationStreamProvider.tsx"],"sourcesContent":["'use client'\n\nimport { environmentManager } from '@tanstack/react-query'\nimport { useServerInsertedHTML } from 'next/navigation'\nimport * as React from 'react'\nimport { htmlEscapeJsonString } from './htmlescape'\n\nconst serializedSymbol = Symbol('serialized')\n\ninterface DataTransformer {\n  serialize: (object: any) => any\n  deserialize: (object: any) => any\n}\n\ntype Serialized<TData> = unknown & {\n  [serializedSymbol]: TData\n}\n\ninterface TypedDataTransformer<TData> {\n  serialize: (obj: TData) => Serialized<TData>\n  deserialize: (obj: Serialized<TData>) => TData\n}\n\ninterface HydrationStreamContext<TShape> {\n  id: string\n  stream: {\n    /**\n     * **Server method**\n     * Push a new entry to the stream\n     * Will be ignored on the client\n     */\n    push: (...shape: Array<TShape>) => void\n  }\n}\n\nexport interface HydrationStreamProviderProps<TShape> {\n  children: React.ReactNode\n  /**\n   * Optional transformer to serialize/deserialize the data\n   * Example devalue, superjson et al\n   */\n  transformer?: DataTransformer\n  /**\n   * **Client method**\n   * Called in the browser when new entries are received\n   */\n  onEntries: (entries: Array<TShape>) => void\n  /**\n   * **Server method**\n   * onFlush is called on the server when the cache is flushed\n   */\n  onFlush?: () => Array<TShape>\n  /**\n   * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced\n   */\n  nonce?: string\n}\n\nexport function createHydrationStreamProvider<TShape>() {\n  const context = React.createContext<HydrationStreamContext<TShape>>(\n    null as any,\n  )\n  /**\n\n   * 1. (Happens on server): `useServerInsertedHTML()` is called **on the server** whenever a `Suspense`-boundary completes\n   *    - This means that we might have some new entries in the cache that needs to be flushed\n   *    - We pass these to the client by inserting a `<script>`-tag where we do `window[id].push(serializedVersionOfCache)`\n   * 2. (Happens in browser) In `useEffect()`:\n   *   - We check if `window[id]` is set to an array and call `push()` on all the entries which will call `onEntries()` with the new entries\n   *   - We replace `window[id]` with a `push()`-method that will be called whenever new entries are received\n   **/\n  function UseClientHydrationStreamProvider(props: {\n    children: React.ReactNode\n    /**\n     * Optional transformer to serialize/deserialize the data\n     * Example devalue, superjson et al\n     */\n    transformer?: DataTransformer\n    /**\n     * **Client method**\n     * Called in the browser when new entries are received\n     */\n    onEntries: (entries: Array<TShape>) => void\n    /**\n     * **Server method**\n     * onFlush is called on the server when the cache is flushed\n     */\n    onFlush?: () => Array<TShape>\n    /**\n     * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced\n     */\n    nonce?: string\n  }) {\n    // unique id for the cache provider\n    const id = `__RQ${React.useId()}`\n    const idJSON = htmlEscapeJsonString(JSON.stringify(id))\n\n    const [transformer] = React.useState(\n      () =>\n        (props.transformer ?? {\n          // noop\n          serialize: (obj: any) => obj,\n          deserialize: (obj: any) => obj,\n        }) as unknown as TypedDataTransformer<TShape>,\n    )\n\n    // <server stuff>\n    const [stream] = React.useState<Array<TShape>>(() => {\n      if (!environmentManager.isServer()) {\n        return {\n          push() {\n            // no-op on the client\n          },\n        } as unknown as Array<TShape>\n      }\n      return []\n    })\n    const count = React.useRef(0)\n    useServerInsertedHTML(() => {\n      // This only happens on the server\n      stream.push(...(props.onFlush?.() ?? []))\n\n      if (!stream.length) {\n        return null\n      }\n      // console.log(`pushing ${stream.length} entries`)\n      const serializedCacheArgs = stream\n        .map((entry) => transformer.serialize(entry))\n        .map((entry) => JSON.stringify(entry))\n        .join(',')\n\n      // Flush stream\n      // eslint-disable-next-line react-hooks/immutability\n      stream.length = 0\n\n      const html: Array<string> = [\n        `window[${idJSON}] = window[${idJSON}] || [];`,\n        `window[${idJSON}].push(${htmlEscapeJsonString(serializedCacheArgs)});`,\n      ]\n      return (\n        <script\n          key={count.current++}\n          nonce={props.nonce}\n          dangerouslySetInnerHTML={{\n            __html: html.join(''),\n          }}\n        />\n      )\n    })\n    // </server stuff>\n\n    // <client stuff>\n    // Setup and run the onEntries handler on the client only, but do it during\n    // the initial render so children have access to the data immediately\n    // This is important to avoid the client suspending during the initial render\n    // if the data has not yet been hydrated.\n    if (!environmentManager.isServer()) {\n      const win = window as any\n      if (!win[id]?.initialized) {\n        // Client: consume cache:\n        const onEntries = (...serializedEntries: Array<Serialized<TShape>>) => {\n          const entries = serializedEntries.map((serialized) =>\n            transformer.deserialize(serialized),\n          )\n          props.onEntries(entries)\n        }\n\n        const winStream: Array<Serialized<TShape>> = win[id] ?? []\n\n        onEntries(...winStream)\n\n        // eslint-disable-next-line react-hooks/immutability\n        win[id] = {\n          initialized: true,\n          push: onEntries,\n        }\n      }\n    }\n    // </client stuff>\n\n    return (\n      <context.Provider value={{ stream, id }}>\n        {props.children}\n      </context.Provider>\n    )\n  }\n\n  return {\n    Provider: UseClientHydrationStreamProvider,\n    context,\n  }\n}\n"],"mappings":";;;;;;;AA0DA,SAAgB,gCAAwC;CACtD,MAAM,UAAU,MAAM,cACpB,IACF;;;;;;;;;;CAUA,SAAS,iCAAiC,OAqBvC;EAED,MAAM,KAAK,OAAO,MAAM,MAAM;EAC9B,MAAM,SAAS,qBAAqB,KAAK,UAAU,EAAE,CAAC;EAEtD,MAAM,CAAC,eAAe,MAAM,eAEvB,MAAM,eAAe;GAEpB,YAAY,QAAa;GACzB,cAAc,QAAa;EAC7B,CACJ;EAGA,MAAM,CAAC,UAAU,MAAM,eAA8B;GACnD,IAAI,CAAC,mBAAmB,SAAS,GAC/B,OAAO,EACL,OAAO,CAEP,EACF;GAEF,OAAO,CAAC;EACV,CAAC;EACD,MAAM,QAAQ,MAAM,OAAO,CAAC;EAC5B,4BAA4B;;GAE1B,OAAO,KAAK,KAAA,iBAAI,MAAM,aAAA,QAAA,mBAAA,KAAA,IAAA,KAAA,IAAA,eAAA,KAAA,KAAU,MAAK,CAAC,CAAE;GAExC,IAAI,CAAC,OAAO,QACV,OAAO;GAGT,MAAM,sBAAsB,OACzB,KAAK,UAAU,YAAY,UAAU,KAAK,CAAC,CAAC,CAC5C,KAAK,UAAU,KAAK,UAAU,KAAK,CAAC,CAAC,CACrC,KAAK,GAAG;GAIX,OAAO,SAAS;GAEhB,MAAM,OAAsB,CAC1B,UAAU,OAAO,aAAa,OAAO,WACrC,UAAU,OAAO,SAAS,qBAAqB,mBAAmB,EAAE,GACtE;GACA,OACE,oBAAC,UAAD;IAEE,OAAO,MAAM;IACb,yBAAyB,EACvB,QAAQ,KAAK,KAAK,EAAE,EACtB;GACD,GALM,MAAM,SAKZ;EAEL,CAAC;EAQD,IAAI,CAAC,mBAAmB,SAAS,GAAG;;GAClC,MAAM,MAAM;GACZ,IAAI,GAAA,UAAC,IAAI,SAAA,QAAA,YAAA,KAAA,IAAA,KAAA,IAAA,QAAK,cAAa;IAEzB,MAAM,aAAa,GAAG,sBAAiD;KACrE,MAAM,UAAU,kBAAkB,KAAK,eACrC,YAAY,YAAY,UAAU,CACpC;KACA,MAAM,UAAU,OAAO;IACzB;IAIA,UAAU,GAFmC,IAAI,OAAO,CAAC,CAEnC;IAGtB,IAAI,MAAM;KACR,aAAa;KACb,MAAM;IACR;GACF;EACF;EAGA,OACE,oBAAC,QAAQ,UAAT;GAAkB,OAAO;IAAE;IAAQ;GAAG;GACnC,UAAA,MAAM;EACS,CAAA;CAEtB;CAEA,OAAO;EACL,UAAU;EACV;CACF;AACF"}