@tanstack/react-query-next-experimental 5.0.0-alpha.86 → 5.0.0-alpha.88

package/build/modern/HydrationStreamProvider.cjs

@@ -0,0 +1,115 @@
+"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);
+var HydrationStreamProvider_exports = {};
+__export(HydrationStreamProvider_exports, {
+  createHydrationStreamProvider: () => createHydrationStreamProvider
+});
+module.exports = __toCommonJS(HydrationStreamProvider_exports);
+var import_navigation = require("next/navigation");
+var React = __toESM(require("react"), 1);
+const serializedSymbol = Symbol("serialized");
+function createHydrationStreamProvider() {
+  const context = React.createContext(
+    null
+  );
+  function UseClientHydrationStreamProvider(props) {
+    const id = `__RQ${React.useId()}`;
+    const idJSON = JSON.stringify(id);
+    const [transformer] = React.useState(
+      () => props.transformer ?? {
+        // noop
+        serialize: (obj) => obj,
+        deserialize: (obj) => obj
+      }
+    );
+    const [stream] = React.useState(() => {
+      if (typeof window !== "undefined") {
+        return {
+          push() {
+          }
+        };
+      }
+      return [];
+    });
+    const count = React.useRef(0);
+    (0, import_navigation.useServerInsertedHTML)(() => {
+      stream.push(...props.onFlush?.() ?? []);
+      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(${serializedCacheArgs});`
+      ];
+      return /* @__PURE__ */ React.createElement(
+        "script",
+        {
+          key: count.current++,
+          dangerouslySetInnerHTML: {
+            __html: html.join("")
+          }
+        }
+      );
+    });
+    const onEntriesRef = React.useRef(props.onEntries);
+    React.useEffect(() => {
+      onEntriesRef.current = props.onEntries;
+    });
+    React.useEffect(() => {
+      const onEntries = (...serializedEntries) => {
+        const entries = serializedEntries.map(
+          (serialized) => transformer.deserialize(serialized)
+        );
+        onEntriesRef.current(entries);
+      };
+      const win = window;
+      const winStream = win[id] ?? [];
+      onEntries(...winStream);
+      win[id] = {
+        push: onEntries
+      };
+      return () => {
+        win[id] = [];
+      };
+    }, [id, transformer]);
+    return /* @__PURE__ */ React.createElement(context.Provider, { value: { stream, id } }, props.children);
+  }
+  return {
+    Provider: UseClientHydrationStreamProvider,
+    context
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createHydrationStreamProvider
+});
+//# sourceMappingURL=HydrationStreamProvider.cjs.map

package/build/modern/HydrationStreamProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/HydrationStreamProvider.tsx"],"sourcesContent":["'use client'\n\nimport { useServerInsertedHTML } from 'next/navigation'\nimport * as React from 'react'\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: 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: TShape[]) => void\n  /**\n   * **Server method**\n   * onFlush is called on the server when the cache is flushed\n   */\n  onFlush?: () => TShape[]\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: TShape[]) => void\n    /**\n     * **Server method**\n     * onFlush is called on the server when the cache is flushed\n     */\n    onFlush?: () => TShape[]\n  }) {\n    // unique id for the cache provider\n    const id = `__RQ${React.useId()}`\n    const idJSON = 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<TShape[]>(() => {\n      if (typeof window !== 'undefined') {\n        return {\n          push() {\n            // no-op on the client\n          },\n        } as unknown as 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      stream.length = 0\n\n      const html: string[] = [\n        `window[${idJSON}] = window[${idJSON}] || [];`,\n        `window[${idJSON}].push(${serializedCacheArgs});`,\n      ]\n      return (\n        <script\n          key={count.current++}\n          dangerouslySetInnerHTML={{\n            __html: html.join(''),\n          }}\n        />\n      )\n    })\n    // </server stuff>\n\n    // <client stuff>\n    const onEntriesRef = React.useRef(props.onEntries)\n    React.useEffect(() => {\n      onEntriesRef.current = props.onEntries\n    })\n\n    React.useEffect(() => {\n      // Client: consume cache:\n      const onEntries = (...serializedEntries: Serialized<TShape>[]) => {\n        const entries = serializedEntries.map((serialized) =>\n          transformer.deserialize(serialized),\n        )\n        onEntriesRef.current(entries)\n      }\n\n      const win = window as any\n      // Register cache consumer\n      const winStream: Array<Serialized<TShape>> = win[id] ?? []\n\n      onEntries(...winStream)\n\n      // Register our own consumer\n      win[id] = {\n        push: onEntries,\n      }\n\n      return () => {\n        // Cleanup after unmount\n        win[id] = []\n      }\n    }, [id, transformer])\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,wBAAsC;AACtC,YAAuB;AAEvB,MAAM,mBAAmB,OAAO,YAAY;AA+CrC,SAAS,gCAAwC;AACtD,QAAM,UAAU,MAAM;AAAA,IACpB;AAAA,EACF;AAUA,WAAS,iCAAiC,OAiBvC;AAED,UAAM,KAAK,OAAO,MAAM,MAAM,CAAC;AAC/B,UAAM,SAAS,KAAK,UAAU,EAAE;AAEhC,UAAM,CAAC,WAAW,IAAI,MAAM;AAAA,MAC1B,MACG,MAAM,eAAe;AAAA;AAAA,QAEpB,WAAW,CAAC,QAAa;AAAA,QACzB,aAAa,CAAC,QAAa;AAAA,MAC7B;AAAA,IACJ;AAGA,UAAM,CAAC,MAAM,IAAI,MAAM,SAAmB,MAAM;AAC9C,UAAI,OAAO,WAAW,aAAa;AACjC,eAAO;AAAA,UACL,OAAO;AAAA,UAEP;AAAA,QACF;AAAA,MACF;AACA,aAAO,CAAC;AAAA,IACV,CAAC;AACD,UAAM,QAAQ,MAAM,OAAO,CAAC;AAC5B,iDAAsB,MAAM;AAE1B,aAAO,KAAK,GAAI,MAAM,UAAU,KAAK,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;AAGX,aAAO,SAAS;AAEhB,YAAM,OAAiB;AAAA,QACrB,UAAU,MAAM,cAAc,MAAM;AAAA,QACpC,UAAU,MAAM,UAAU,mBAAmB;AAAA,MAC/C;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,MAAM;AAAA,UACX,yBAAyB;AAAA,YACvB,QAAQ,KAAK,KAAK,EAAE;AAAA,UACtB;AAAA;AAAA,MACF;AAAA,IAEJ,CAAC;AAID,UAAM,eAAe,MAAM,OAAO,MAAM,SAAS;AACjD,UAAM,UAAU,MAAM;AACpB,mBAAa,UAAU,MAAM;AAAA,IAC/B,CAAC;AAED,UAAM,UAAU,MAAM;AAEpB,YAAM,YAAY,IAAI,sBAA4C;AAChE,cAAM,UAAU,kBAAkB;AAAA,UAAI,CAAC,eACrC,YAAY,YAAY,UAAU;AAAA,QACpC;AACA,qBAAa,QAAQ,OAAO;AAAA,MAC9B;AAEA,YAAM,MAAM;AAEZ,YAAM,YAAuC,IAAI,EAAE,KAAK,CAAC;AAEzD,gBAAU,GAAG,SAAS;AAGtB,UAAI,EAAE,IAAI;AAAA,QACR,MAAM;AAAA,MACR;AAEA,aAAO,MAAM;AAEX,YAAI,EAAE,IAAI,CAAC;AAAA,MACb;AAAA,IACF,GAAG,CAAC,IAAI,WAAW,CAAC;AAGpB,WACE,oCAAC,QAAQ,UAAR,EAAiB,OAAO,EAAE,QAAQ,GAAG,KACnC,MAAM,QACT;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,EACF;AACF;","names":[]}

package/build/modern/HydrationStreamProvider.d.cts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+
+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: 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: TShape[]) => void;
+    /**
+     * **Server method**
+     * onFlush is called on the server when the cache is flushed
+     */
+    onFlush?: () => TShape[];
+}
+declare function createHydrationStreamProvider<TShape>(): {
+    Provider: (props: {
+        children: React.ReactNode;
+        /**
+         * Optional transformer to serialize/deserialize the data
+         * Example devalue, superjson et al
+         */
+        transformer?: DataTransformer | undefined;
+        /**
+         * **Client method**
+         * Called in the browser when new entries are received
+         */
+        onEntries: (entries: TShape[]) => void;
+        /**
+         * **Server method**
+         * onFlush is called on the server when the cache is flushed
+         */
+        onFlush?: (() => TShape[]) | undefined;
+    }) => React.JSX.Element;
+    context: React.Context<HydrationStreamContext<TShape>>;
+};
+
+export { HydrationStreamProviderProps, createHydrationStreamProvider };

package/build/modern/HydrationStreamProvider.d.ts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+
+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: 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: TShape[]) => void;
+    /**
+     * **Server method**
+     * onFlush is called on the server when the cache is flushed
+     */
+    onFlush?: () => TShape[];
+}
+declare function createHydrationStreamProvider<TShape>(): {
+    Provider: (props: {
+        children: React.ReactNode;
+        /**
+         * Optional transformer to serialize/deserialize the data
+         * Example devalue, superjson et al
+         */
+        transformer?: DataTransformer | undefined;
+        /**
+         * **Client method**
+         * Called in the browser when new entries are received
+         */
+        onEntries: (entries: TShape[]) => void;
+        /**
+         * **Server method**
+         * onFlush is called on the server when the cache is flushed
+         */
+        onFlush?: (() => TShape[]) | undefined;
+    }) => React.JSX.Element;
+    context: React.Context<HydrationStreamContext<TShape>>;
+};
+
+export { HydrationStreamProviderProps, createHydrationStreamProvider };

package/build/modern/HydrationStreamProvider.js

@@ -0,0 +1,81 @@
+"use client";
+import { useServerInsertedHTML } from "next/navigation";
+import * as React from "react";
+const serializedSymbol = Symbol("serialized");
+function createHydrationStreamProvider() {
+  const context = React.createContext(
+    null
+  );
+  function UseClientHydrationStreamProvider(props) {
+    const id = `__RQ${React.useId()}`;
+    const idJSON = JSON.stringify(id);
+    const [transformer] = React.useState(
+      () => props.transformer ?? {
+        // noop
+        serialize: (obj) => obj,
+        deserialize: (obj) => obj
+      }
+    );
+    const [stream] = React.useState(() => {
+      if (typeof window !== "undefined") {
+        return {
+          push() {
+          }
+        };
+      }
+      return [];
+    });
+    const count = React.useRef(0);
+    useServerInsertedHTML(() => {
+      stream.push(...props.onFlush?.() ?? []);
+      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(${serializedCacheArgs});`
+      ];
+      return /* @__PURE__ */ React.createElement(
+        "script",
+        {
+          key: count.current++,
+          dangerouslySetInnerHTML: {
+            __html: html.join("")
+          }
+        }
+      );
+    });
+    const onEntriesRef = React.useRef(props.onEntries);
+    React.useEffect(() => {
+      onEntriesRef.current = props.onEntries;
+    });
+    React.useEffect(() => {
+      const onEntries = (...serializedEntries) => {
+        const entries = serializedEntries.map(
+          (serialized) => transformer.deserialize(serialized)
+        );
+        onEntriesRef.current(entries);
+      };
+      const win = window;
+      const winStream = win[id] ?? [];
+      onEntries(...winStream);
+      win[id] = {
+        push: onEntries
+      };
+      return () => {
+        win[id] = [];
+      };
+    }, [id, transformer]);
+    return /* @__PURE__ */ React.createElement(context.Provider, { value: { stream, id } }, props.children);
+  }
+  return {
+    Provider: UseClientHydrationStreamProvider,
+    context
+  };
+}
+export {
+  createHydrationStreamProvider
+};
+//# sourceMappingURL=HydrationStreamProvider.js.map

package/build/modern/HydrationStreamProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/HydrationStreamProvider.tsx"],"sourcesContent":["'use client'\n\nimport { useServerInsertedHTML } from 'next/navigation'\nimport * as React from 'react'\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: 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: TShape[]) => void\n  /**\n   * **Server method**\n   * onFlush is called on the server when the cache is flushed\n   */\n  onFlush?: () => TShape[]\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: TShape[]) => void\n    /**\n     * **Server method**\n     * onFlush is called on the server when the cache is flushed\n     */\n    onFlush?: () => TShape[]\n  }) {\n    // unique id for the cache provider\n    const id = `__RQ${React.useId()}`\n    const idJSON = 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<TShape[]>(() => {\n      if (typeof window !== 'undefined') {\n        return {\n          push() {\n            // no-op on the client\n          },\n        } as unknown as 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      stream.length = 0\n\n      const html: string[] = [\n        `window[${idJSON}] = window[${idJSON}] || [];`,\n        `window[${idJSON}].push(${serializedCacheArgs});`,\n      ]\n      return (\n        <script\n          key={count.current++}\n          dangerouslySetInnerHTML={{\n            __html: html.join(''),\n          }}\n        />\n      )\n    })\n    // </server stuff>\n\n    // <client stuff>\n    const onEntriesRef = React.useRef(props.onEntries)\n    React.useEffect(() => {\n      onEntriesRef.current = props.onEntries\n    })\n\n    React.useEffect(() => {\n      // Client: consume cache:\n      const onEntries = (...serializedEntries: Serialized<TShape>[]) => {\n        const entries = serializedEntries.map((serialized) =>\n          transformer.deserialize(serialized),\n        )\n        onEntriesRef.current(entries)\n      }\n\n      const win = window as any\n      // Register cache consumer\n      const winStream: Array<Serialized<TShape>> = win[id] ?? []\n\n      onEntries(...winStream)\n\n      // Register our own consumer\n      win[id] = {\n        push: onEntries,\n      }\n\n      return () => {\n        // Cleanup after unmount\n        win[id] = []\n      }\n    }, [id, transformer])\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,6BAA6B;AACtC,YAAY,WAAW;AAEvB,MAAM,mBAAmB,OAAO,YAAY;AA+CrC,SAAS,gCAAwC;AACtD,QAAM,UAAU,MAAM;AAAA,IACpB;AAAA,EACF;AAUA,WAAS,iCAAiC,OAiBvC;AAED,UAAM,KAAK,OAAO,MAAM,MAAM,CAAC;AAC/B,UAAM,SAAS,KAAK,UAAU,EAAE;AAEhC,UAAM,CAAC,WAAW,IAAI,MAAM;AAAA,MAC1B,MACG,MAAM,eAAe;AAAA;AAAA,QAEpB,WAAW,CAAC,QAAa;AAAA,QACzB,aAAa,CAAC,QAAa;AAAA,MAC7B;AAAA,IACJ;AAGA,UAAM,CAAC,MAAM,IAAI,MAAM,SAAmB,MAAM;AAC9C,UAAI,OAAO,WAAW,aAAa;AACjC,eAAO;AAAA,UACL,OAAO;AAAA,UAEP;AAAA,QACF;AAAA,MACF;AACA,aAAO,CAAC;AAAA,IACV,CAAC;AACD,UAAM,QAAQ,MAAM,OAAO,CAAC;AAC5B,0BAAsB,MAAM;AAE1B,aAAO,KAAK,GAAI,MAAM,UAAU,KAAK,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;AAGX,aAAO,SAAS;AAEhB,YAAM,OAAiB;AAAA,QACrB,UAAU,MAAM,cAAc,MAAM;AAAA,QACpC,UAAU,MAAM,UAAU,mBAAmB;AAAA,MAC/C;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,MAAM;AAAA,UACX,yBAAyB;AAAA,YACvB,QAAQ,KAAK,KAAK,EAAE;AAAA,UACtB;AAAA;AAAA,MACF;AAAA,IAEJ,CAAC;AAID,UAAM,eAAe,MAAM,OAAO,MAAM,SAAS;AACjD,UAAM,UAAU,MAAM;AACpB,mBAAa,UAAU,MAAM;AAAA,IAC/B,CAAC;AAED,UAAM,UAAU,MAAM;AAEpB,YAAM,YAAY,IAAI,sBAA4C;AAChE,cAAM,UAAU,kBAAkB;AAAA,UAAI,CAAC,eACrC,YAAY,YAAY,UAAU;AAAA,QACpC;AACA,qBAAa,QAAQ,OAAO;AAAA,MAC9B;AAEA,YAAM,MAAM;AAEZ,YAAM,YAAuC,IAAI,EAAE,KAAK,CAAC;AAEzD,gBAAU,GAAG,SAAS;AAGtB,UAAI,EAAE,IAAI;AAAA,QACR,MAAM;AAAA,MACR;AAEA,aAAO,MAAM;AAEX,YAAI,EAAE,IAAI,CAAC;AAAA,MACb;AAAA,IACF,GAAG,CAAC,IAAI,WAAW,CAAC;AAGpB,WACE,oCAAC,QAAQ,UAAR,EAAiB,OAAO,EAAE,QAAQ,GAAG,KACnC,MAAM,QACT;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,EACF;AACF;","names":[]}

package/build/modern/ReactQueryStreamedHydration.cjs

@@ -0,0 +1,82 @@
+"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);
+var ReactQueryStreamedHydration_exports = {};
+__export(ReactQueryStreamedHydration_exports, {
+  ReactQueryStreamedHydration: () => ReactQueryStreamedHydration
+});
+module.exports = __toCommonJS(ReactQueryStreamedHydration_exports);
+var import_react_query = require("@tanstack/react-query");
+var React = __toESM(require("react"), 1);
+var import_HydrationStreamProvider = require("./HydrationStreamProvider");
+const stream = (0, import_HydrationStreamProvider.createHydrationStreamProvider)();
+function ReactQueryStreamedHydration(props) {
+  const queryClient = (0, import_react_query.useQueryClient)(props.queryClient);
+  const [trackedKeys] = React.useState(() => /* @__PURE__ */ new Set());
+  if (typeof window === "undefined") {
+    queryClient.getQueryCache().subscribe((event) => {
+      switch (event.type) {
+        case "added":
+        case "updated":
+          trackedKeys.add(event.query.queryHash);
+      }
+    });
+  }
+  return /* @__PURE__ */ React.createElement(
+    stream.Provider,
+    {
+      onFlush: () => {
+        const shouldDehydrate = props.options?.dehydrate?.shouldDehydrateQuery ?? import_react_query.defaultShouldDehydrateQuery;
+        const dehydratedState = (0, import_react_query.dehydrate)(queryClient, {
+          ...props.options?.dehydrate,
+          shouldDehydrateQuery(query) {
+            return trackedKeys.has(query.queryHash) && shouldDehydrate(query);
+          }
+        });
+        trackedKeys.clear();
+        if (!dehydratedState.queries.length) {
+          return [];
+        }
+        return [dehydratedState];
+      },
+      onEntries: (entries) => {
+        for (const hydratedState of entries) {
+          (0, import_react_query.hydrate)(queryClient, hydratedState, props.options?.hydrate);
+        }
+      },
+      transformer: props.transformer
+    },
+    props.children
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactQueryStreamedHydration
+});
+//# sourceMappingURL=ReactQueryStreamedHydration.cjs.map

package/build/modern/ReactQueryStreamedHydration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ReactQueryStreamedHydration.tsx"],"sourcesContent":["'use client'\n\nimport {\n  defaultShouldDehydrateQuery,\n  dehydrate,\n  hydrate,\n  useQueryClient,\n} from '@tanstack/react-query'\nimport * as React from 'react'\nimport { createHydrationStreamProvider } from './HydrationStreamProvider'\nimport type { HydrationStreamProviderProps } from './HydrationStreamProvider'\nimport type {\n  DehydrateOptions,\n  DehydratedState,\n  HydrateOptions,\n  QueryClient,\n} from '@tanstack/react-query'\n\nconst stream = createHydrationStreamProvider<DehydratedState>()\n\n/**\n * This component is responsible for:\n * - hydrating the query client on the server\n * - dehydrating the query client on the server\n */\nexport function ReactQueryStreamedHydration(props: {\n  children: React.ReactNode\n  queryClient?: QueryClient\n  options?: {\n    hydrate?: HydrateOptions\n    dehydrate?: DehydrateOptions\n  }\n  transformer?: HydrationStreamProviderProps<DehydratedState>['transformer']\n}) {\n  const queryClient = useQueryClient(props.queryClient)\n\n  /**\n   * We need to track which queries were added/updated during the render\n   */\n  const [trackedKeys] = React.useState(() => new Set<string>())\n\n  // <server only>\n  if (typeof window === 'undefined') {\n    // Do we need to care about unsubscribing? I don't think so to be honest\n    queryClient.getQueryCache().subscribe((event) => {\n      switch (event.type) {\n        case 'added':\n        case 'updated':\n          // console.log('tracking', event.query.queryHash, 'b/c of a', event.type)\n          trackedKeys.add(event.query.queryHash)\n      }\n    })\n  }\n  // </server only>\n\n  return (\n    <stream.Provider\n      // Happens on server:\n      onFlush={() => {\n        /**\n         * Dehydrated state of the client where we only include the queries that were added/updated since the last flush\n         */\n        const shouldDehydrate =\n          props.options?.dehydrate?.shouldDehydrateQuery ??\n          defaultShouldDehydrateQuery\n\n        const dehydratedState = dehydrate(queryClient, {\n          ...props.options?.dehydrate,\n          shouldDehydrateQuery(query) {\n            return trackedKeys.has(query.queryHash) && shouldDehydrate(query)\n          },\n        })\n        trackedKeys.clear()\n\n        if (!dehydratedState.queries.length) {\n          return []\n        }\n\n        return [dehydratedState]\n      }}\n      // Happens in browser:\n      onEntries={(entries) => {\n        for (const hydratedState of entries) {\n          hydrate(queryClient, hydratedState, props.options?.hydrate)\n        }\n      }}\n      // Handle BigInts etc using superjson\n      transformer={props.transformer}\n    >\n      {props.children}\n    </stream.Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAKO;AACP,YAAuB;AACvB,qCAA8C;AAS9C,MAAM,aAAS,8DAA+C;AAOvD,SAAS,4BAA4B,OAQzC;AACD,QAAM,kBAAc,mCAAe,MAAM,WAAW;AAKpD,QAAM,CAAC,WAAW,IAAI,MAAM,SAAS,MAAM,oBAAI,IAAY,CAAC;AAG5D,MAAI,OAAO,WAAW,aAAa;AAEjC,gBAAY,cAAc,EAAE,UAAU,CAAC,UAAU;AAC/C,cAAQ,MAAM,MAAM;AAAA,QAClB,KAAK;AAAA,QACL,KAAK;AAEH,sBAAY,IAAI,MAAM,MAAM,SAAS;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH;AAGA,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MAEC,SAAS,MAAM;AAIb,cAAM,kBACJ,MAAM,SAAS,WAAW,wBAC1B;AAEF,cAAM,sBAAkB,8BAAU,aAAa;AAAA,UAC7C,GAAG,MAAM,SAAS;AAAA,UAClB,qBAAqB,OAAO;AAC1B,mBAAO,YAAY,IAAI,MAAM,SAAS,KAAK,gBAAgB,KAAK;AAAA,UAClE;AAAA,QACF,CAAC;AACD,oBAAY,MAAM;AAElB,YAAI,CAAC,gBAAgB,QAAQ,QAAQ;AACnC,iBAAO,CAAC;AAAA,QACV;AAEA,eAAO,CAAC,eAAe;AAAA,MACzB;AAAA,MAEA,WAAW,CAAC,YAAY;AACtB,mBAAW,iBAAiB,SAAS;AACnC,0CAAQ,aAAa,eAAe,MAAM,SAAS,OAAO;AAAA,QAC5D;AAAA,MACF;AAAA,MAEA,aAAa,MAAM;AAAA;AAAA,IAElB,MAAM;AAAA,EACT;AAEJ;","names":[]}

package/build/modern/ReactQueryStreamedHydration.d.cts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { HydrationStreamProviderProps } from './HydrationStreamProvider.cjs';
+import { QueryClient, HydrateOptions, DehydrateOptions, DehydratedState } from '@tanstack/react-query';
+
+/**
+ * This component is responsible for:
+ * - hydrating the query client on the server
+ * - dehydrating the query client on the server
+ */
+declare function ReactQueryStreamedHydration(props: {
+    children: React.ReactNode;
+    queryClient?: QueryClient;
+    options?: {
+        hydrate?: HydrateOptions;
+        dehydrate?: DehydrateOptions;
+    };
+    transformer?: HydrationStreamProviderProps<DehydratedState>['transformer'];
+}): React.JSX.Element;
+
+export { ReactQueryStreamedHydration };

package/build/modern/ReactQueryStreamedHydration.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { HydrationStreamProviderProps } from './HydrationStreamProvider.js';
+import { QueryClient, HydrateOptions, DehydrateOptions, DehydratedState } from '@tanstack/react-query';
+
+/**
+ * This component is responsible for:
+ * - hydrating the query client on the server
+ * - dehydrating the query client on the server
+ */
+declare function ReactQueryStreamedHydration(props: {
+    children: React.ReactNode;
+    queryClient?: QueryClient;
+    options?: {
+        hydrate?: HydrateOptions;
+        dehydrate?: DehydrateOptions;
+    };
+    transformer?: HydrationStreamProviderProps<DehydratedState>['transformer'];
+}): React.JSX.Element;
+
+export { ReactQueryStreamedHydration };

package/build/modern/ReactQueryStreamedHydration.js

@@ -0,0 +1,53 @@
+"use client";
+import {
+  defaultShouldDehydrateQuery,
+  dehydrate,
+  hydrate,
+  useQueryClient
+} from "@tanstack/react-query";
+import * as React from "react";
+import { createHydrationStreamProvider } from "./HydrationStreamProvider";
+const stream = createHydrationStreamProvider();
+function ReactQueryStreamedHydration(props) {
+  const queryClient = useQueryClient(props.queryClient);
+  const [trackedKeys] = React.useState(() => /* @__PURE__ */ new Set());
+  if (typeof window === "undefined") {
+    queryClient.getQueryCache().subscribe((event) => {
+      switch (event.type) {
+        case "added":
+        case "updated":
+          trackedKeys.add(event.query.queryHash);
+      }
+    });
+  }
+  return /* @__PURE__ */ React.createElement(
+    stream.Provider,
+    {
+      onFlush: () => {
+        const shouldDehydrate = props.options?.dehydrate?.shouldDehydrateQuery ?? defaultShouldDehydrateQuery;
+        const dehydratedState = dehydrate(queryClient, {
+          ...props.options?.dehydrate,
+          shouldDehydrateQuery(query) {
+            return trackedKeys.has(query.queryHash) && shouldDehydrate(query);
+          }
+        });
+        trackedKeys.clear();
+        if (!dehydratedState.queries.length) {
+          return [];
+        }
+        return [dehydratedState];
+      },
+      onEntries: (entries) => {
+        for (const hydratedState of entries) {
+          hydrate(queryClient, hydratedState, props.options?.hydrate);
+        }
+      },
+      transformer: props.transformer
+    },
+    props.children
+  );
+}
+export {
+  ReactQueryStreamedHydration
+};
+//# sourceMappingURL=ReactQueryStreamedHydration.js.map

package/build/modern/ReactQueryStreamedHydration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ReactQueryStreamedHydration.tsx"],"sourcesContent":["'use client'\n\nimport {\n  defaultShouldDehydrateQuery,\n  dehydrate,\n  hydrate,\n  useQueryClient,\n} from '@tanstack/react-query'\nimport * as React from 'react'\nimport { createHydrationStreamProvider } from './HydrationStreamProvider'\nimport type { HydrationStreamProviderProps } from './HydrationStreamProvider'\nimport type {\n  DehydrateOptions,\n  DehydratedState,\n  HydrateOptions,\n  QueryClient,\n} from '@tanstack/react-query'\n\nconst stream = createHydrationStreamProvider<DehydratedState>()\n\n/**\n * This component is responsible for:\n * - hydrating the query client on the server\n * - dehydrating the query client on the server\n */\nexport function ReactQueryStreamedHydration(props: {\n  children: React.ReactNode\n  queryClient?: QueryClient\n  options?: {\n    hydrate?: HydrateOptions\n    dehydrate?: DehydrateOptions\n  }\n  transformer?: HydrationStreamProviderProps<DehydratedState>['transformer']\n}) {\n  const queryClient = useQueryClient(props.queryClient)\n\n  /**\n   * We need to track which queries were added/updated during the render\n   */\n  const [trackedKeys] = React.useState(() => new Set<string>())\n\n  // <server only>\n  if (typeof window === 'undefined') {\n    // Do we need to care about unsubscribing? I don't think so to be honest\n    queryClient.getQueryCache().subscribe((event) => {\n      switch (event.type) {\n        case 'added':\n        case 'updated':\n          // console.log('tracking', event.query.queryHash, 'b/c of a', event.type)\n          trackedKeys.add(event.query.queryHash)\n      }\n    })\n  }\n  // </server only>\n\n  return (\n    <stream.Provider\n      // Happens on server:\n      onFlush={() => {\n        /**\n         * Dehydrated state of the client where we only include the queries that were added/updated since the last flush\n         */\n        const shouldDehydrate =\n          props.options?.dehydrate?.shouldDehydrateQuery ??\n          defaultShouldDehydrateQuery\n\n        const dehydratedState = dehydrate(queryClient, {\n          ...props.options?.dehydrate,\n          shouldDehydrateQuery(query) {\n            return trackedKeys.has(query.queryHash) && shouldDehydrate(query)\n          },\n        })\n        trackedKeys.clear()\n\n        if (!dehydratedState.queries.length) {\n          return []\n        }\n\n        return [dehydratedState]\n      }}\n      // Happens in browser:\n      onEntries={(entries) => {\n        for (const hydratedState of entries) {\n          hydrate(queryClient, hydratedState, props.options?.hydrate)\n        }\n      }}\n      // Handle BigInts etc using superjson\n      transformer={props.transformer}\n    >\n      {props.children}\n    </stream.Provider>\n  )\n}\n"],"mappings":";AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,YAAY,WAAW;AACvB,SAAS,qCAAqC;AAS9C,MAAM,SAAS,8BAA+C;AAOvD,SAAS,4BAA4B,OAQzC;AACD,QAAM,cAAc,eAAe,MAAM,WAAW;AAKpD,QAAM,CAAC,WAAW,IAAI,MAAM,SAAS,MAAM,oBAAI,IAAY,CAAC;AAG5D,MAAI,OAAO,WAAW,aAAa;AAEjC,gBAAY,cAAc,EAAE,UAAU,CAAC,UAAU;AAC/C,cAAQ,MAAM,MAAM;AAAA,QAClB,KAAK;AAAA,QACL,KAAK;AAEH,sBAAY,IAAI,MAAM,MAAM,SAAS;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH;AAGA,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MAEC,SAAS,MAAM;AAIb,cAAM,kBACJ,MAAM,SAAS,WAAW,wBAC1B;AAEF,cAAM,kBAAkB,UAAU,aAAa;AAAA,UAC7C,GAAG,MAAM,SAAS;AAAA,UAClB,qBAAqB,OAAO;AAC1B,mBAAO,YAAY,IAAI,MAAM,SAAS,KAAK,gBAAgB,KAAK;AAAA,UAClE;AAAA,QACF,CAAC;AACD,oBAAY,MAAM;AAElB,YAAI,CAAC,gBAAgB,QAAQ,QAAQ;AACnC,iBAAO,CAAC;AAAA,QACV;AAEA,eAAO,CAAC,eAAe;AAAA,MACzB;AAAA,MAEA,WAAW,CAAC,YAAY;AACtB,mBAAW,iBAAiB,SAAS;AACnC,kBAAQ,aAAa,eAAe,MAAM,SAAS,OAAO;AAAA,QAC5D;AAAA,MACF;AAAA,MAEA,aAAa,MAAM;AAAA;AAAA,IAElB,MAAM;AAAA,EACT;AAEJ;","names":[]}

package/build/modern/index.cjs

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  ReactQueryStreamedHydration: () => import_ReactQueryStreamedHydration.ReactQueryStreamedHydration
+});
+module.exports = __toCommonJS(src_exports);
+var import_ReactQueryStreamedHydration = require("./ReactQueryStreamedHydration");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactQueryStreamedHydration
+});
+//# sourceMappingURL=index.cjs.map

package/build/modern/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { ReactQueryStreamedHydration } from './ReactQueryStreamedHydration'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAA4C;","names":[]}

package/build/modern/index.d.cts

@@ -0,0 +1,4 @@
+export { ReactQueryStreamedHydration } from './ReactQueryStreamedHydration.cjs';
+import 'react';
+import './HydrationStreamProvider.cjs';
+import '@tanstack/react-query';

package/build/modern/index.d.ts

@@ -0,0 +1,4 @@
+export { ReactQueryStreamedHydration } from './ReactQueryStreamedHydration.js';
+import 'react';
+import './HydrationStreamProvider.js';
+import '@tanstack/react-query';

package/build/modern/index.js

@@ -0,0 +1,5 @@
+import { ReactQueryStreamedHydration } from "./ReactQueryStreamedHydration";
+export {
+  ReactQueryStreamedHydration
+};
+//# sourceMappingURL=index.js.map

package/build/modern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { ReactQueryStreamedHydration } from './ReactQueryStreamedHydration'\n"],"mappings":"AAAA,SAAS,mCAAmC;","names":[]}