@tanstack/react-query-next-experimental 5.0.0-alpha.80

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present Tanner Linsley
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/build/lib/HydrationStreamProvider.cjs

@@ -0,0 +1,120 @@
+'use client';
+'use strict';
+
+var navigation = require('next/navigation');
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function createHydrationStreamProvider() {
+  const context = /*#__PURE__*/React__namespace.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) {
+    // unique id for the cache provider
+    const id = `__RQ${React__namespace.useId()}`;
+    const idJSON = JSON.stringify(id);
+    const [transformer] = React__namespace.useState(() => props.transformer ?? {
+      // noop
+      serialize: obj => obj,
+      deserialize: obj => obj
+    });
+
+    // <server stuff>
+    const [stream] = React__namespace.useState(() => {
+      if (typeof window !== 'undefined') {
+        return {
+          push() {
+            // no-op on the client
+          }
+        };
+      }
+      return [];
+    });
+    const count = React__namespace.useRef(0);
+    navigation.useServerInsertedHTML(() => {
+      // This only happens on the server
+      stream.push(...(props.onFlush?.() ?? []));
+      if (!stream.length) {
+        return null;
+      }
+      // console.log(`pushing ${stream.length} entries`)
+      const serializedCacheArgs = stream.map(entry => transformer.serialize(entry)).map(entry => JSON.stringify(entry)).join(',');
+
+      // Flush stream
+      stream.length = 0;
+      const html = [`window[${idJSON}] = window[${idJSON}] || [];`, `window[${idJSON}].push(${serializedCacheArgs});`];
+      return /*#__PURE__*/React__namespace.createElement("script", {
+        key: count.current++,
+        dangerouslySetInnerHTML: {
+          __html: html.join('')
+        }
+      });
+    });
+    // </server stuff>
+
+    // <client stuff>
+    const onEntriesRef = React__namespace.useRef(props.onEntries);
+    React__namespace.useEffect(() => {
+      onEntriesRef.current = props.onEntries;
+    });
+    React__namespace.useEffect(() => {
+      // Client: consume cache:
+      const onEntries = (...serializedEntries) => {
+        const entries = serializedEntries.map(serialized => transformer.deserialize(serialized));
+        onEntriesRef.current(entries);
+      };
+      const win = window;
+      // Register cache consumer
+      const winStream = win[id] ?? [];
+      onEntries(...winStream);
+
+      // Register our own consumer
+      win[id] = {
+        push: onEntries
+      };
+      return () => {
+        // Cleanup after unmount
+        win[id] = [];
+      };
+    }, [id, transformer]);
+    // </client stuff>
+
+    return /*#__PURE__*/React__namespace.createElement(context.Provider, {
+      value: {
+        stream,
+        id
+      }
+    }, props.children);
+  }
+  return {
+    Provider: UseClientHydrationStreamProvider,
+    context
+  };
+}
+
+exports.createHydrationStreamProvider = createHydrationStreamProvider;
+//# sourceMappingURL=HydrationStreamProvider.cjs.map

package/build/lib/HydrationStreamProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrationStreamProvider.cjs","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"],"names":["push","useServerInsertedHTML","stream","key","dangerouslySetInnerHTML","__html","onEntriesRef","win","value","id","Provider","context"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoDO;AACL;AAGA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBI;;AAEA;AAEA;AAGM;;;AAGF;;AAGJ;;AAEE;;AAEIA;AACE;AAAA;;AAGN;AACA;AACF;AACA;AACAC;AACE;AACAC;AAEA;AACE;AACF;AACA;AACA;;AAKA;;AAGA;;AAMIC;AACAC;AACEC;AACF;AAAE;AAGR;AACA;;AAEA;;;AAGEC;AACF;;AAGE;AACA;AACE;AAGAA;;;AAIF;AACA;;;AAIA;;AAEEN;;AAGF;AACE;AACAO;;AAEJ;AACA;;AAEA;AACoBC;;AAAiBC;AAAG;;AAI1C;;AAGEC;AACAC;;AAEJ;;"}

package/build/lib/HydrationStreamProvider.d.ts

@@ -0,0 +1,57 @@
+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;
+    };
+}
+export 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[];
+}
+export 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 {};
+//# sourceMappingURL=HydrationStreamProvider.d.ts.map

package/build/lib/HydrationStreamProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrationStreamProvider.d.ts","sourceRoot":"","sources":["../../src/HydrationStreamProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,eAAe;IACvB,SAAS,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,CAAA;IAC3B,WAAW,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,CAAA;CAC9B;AAWD,UAAU,sBAAsB,CAAC,MAAM;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE;QACN;;;;WAIG;QACH,IAAI,EAAE,CAAC,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;KACnC,CAAA;CACF;AAED,MAAM,WAAW,4BAA4B,CAAC,MAAM;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B;;;OAGG;IACH,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,MAAM,EAAE,CAAA;CACzB;AAED,wBAAgB,6BAA6B,CAAC,MAAM;;kBActC,MAAM,SAAS;QACzB;;;WAGG;;QAEH;;;WAGG;6BACkB,MAAM,EAAE,KAAK,IAAI;QACtC;;;WAGG;yBACa,MAAM,EAAE;;;EAsG3B"}

package/build/lib/HydrationStreamProvider.js

@@ -0,0 +1,99 @@
+'use client';
+import { useServerInsertedHTML } from 'next/navigation';
+import * as React from 'react';
+
+function createHydrationStreamProvider() {
+  const context = /*#__PURE__*/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) {
+    // unique id for the cache provider
+    const id = `__RQ${React.useId()}`;
+    const idJSON = JSON.stringify(id);
+    const [transformer] = React.useState(() => props.transformer ?? {
+      // noop
+      serialize: obj => obj,
+      deserialize: obj => obj
+    });
+
+    // <server stuff>
+    const [stream] = React.useState(() => {
+      if (typeof window !== 'undefined') {
+        return {
+          push() {
+            // no-op on the client
+          }
+        };
+      }
+      return [];
+    });
+    const count = React.useRef(0);
+    useServerInsertedHTML(() => {
+      // This only happens on the server
+      stream.push(...(props.onFlush?.() ?? []));
+      if (!stream.length) {
+        return null;
+      }
+      // console.log(`pushing ${stream.length} entries`)
+      const serializedCacheArgs = stream.map(entry => transformer.serialize(entry)).map(entry => JSON.stringify(entry)).join(',');
+
+      // Flush stream
+      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('')
+        }
+      });
+    });
+    // </server stuff>
+
+    // <client stuff>
+    const onEntriesRef = React.useRef(props.onEntries);
+    React.useEffect(() => {
+      onEntriesRef.current = props.onEntries;
+    });
+    React.useEffect(() => {
+      // Client: consume cache:
+      const onEntries = (...serializedEntries) => {
+        const entries = serializedEntries.map(serialized => transformer.deserialize(serialized));
+        onEntriesRef.current(entries);
+      };
+      const win = window;
+      // Register cache consumer
+      const winStream = win[id] ?? [];
+      onEntries(...winStream);
+
+      // Register our own consumer
+      win[id] = {
+        push: onEntries
+      };
+      return () => {
+        // Cleanup after unmount
+        win[id] = [];
+      };
+    }, [id, transformer]);
+    // </client stuff>
+
+    return /*#__PURE__*/React.createElement(context.Provider, {
+      value: {
+        stream,
+        id
+      }
+    }, props.children);
+  }
+  return {
+    Provider: UseClientHydrationStreamProvider,
+    context
+  };
+}
+
+export { createHydrationStreamProvider };
+//# sourceMappingURL=HydrationStreamProvider.js.map

package/build/lib/HydrationStreamProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrationStreamProvider.js","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"],"names":["push","useServerInsertedHTML","stream","key","dangerouslySetInnerHTML","__html","onEntriesRef","win","value","id","Provider","context"],"mappings":";;;;AAoDO;AACL;AAGA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBI;;AAEA;AAEA;AAGM;;;AAGF;;AAGJ;;AAEE;;AAEIA;AACE;AAAA;;AAGN;AACA;AACF;AACA;AACAC;AACE;AACAC;AAEA;AACE;AACF;AACA;AACA;;AAKA;;AAGA;;AAMIC;AACAC;AACEC;AACF;AAAE;AAGR;AACA;;AAEA;;;AAGEC;AACF;;AAGE;AACA;AACE;AAGAA;;;AAIF;AACA;;;AAIA;;AAEEN;;AAGF;AACE;AACAO;;AAEJ;AACA;;AAEA;AACoBC;;AAAiBC;AAAG;;AAI1C;;AAGEC;AACAC;;AAEJ;;"}

package/build/lib/HydrationStreamProvider.legacy.cjs

@@ -0,0 +1,125 @@
+'use client';
+'use strict';
+
+var navigation = require('next/navigation');
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function createHydrationStreamProvider() {
+  const context = /*#__PURE__*/React__namespace.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) {
+    // unique id for the cache provider
+    const id = `__RQ${React__namespace.useId()}`;
+    const idJSON = JSON.stringify(id);
+    const [transformer] = React__namespace.useState(() => {
+      var _props$transformer;
+      return (_props$transformer = props.transformer) != null ? _props$transformer : {
+        // noop
+        serialize: obj => obj,
+        deserialize: obj => obj
+      };
+    });
+
+    // <server stuff>
+    const [stream] = React__namespace.useState(() => {
+      if (typeof window !== 'undefined') {
+        return {
+          push() {
+            // no-op on the client
+          }
+        };
+      }
+      return [];
+    });
+    const count = React__namespace.useRef(0);
+    navigation.useServerInsertedHTML(() => {
+      var _props$onFlush;
+      // This only happens on the server
+      stream.push(...((_props$onFlush = props.onFlush == null ? void 0 : props.onFlush()) != null ? _props$onFlush : []));
+      if (!stream.length) {
+        return null;
+      }
+      // console.log(`pushing ${stream.length} entries`)
+      const serializedCacheArgs = stream.map(entry => transformer.serialize(entry)).map(entry => JSON.stringify(entry)).join(',');
+
+      // Flush stream
+      stream.length = 0;
+      const html = [`window[${idJSON}] = window[${idJSON}] || [];`, `window[${idJSON}].push(${serializedCacheArgs});`];
+      return /*#__PURE__*/React__namespace.createElement("script", {
+        key: count.current++,
+        dangerouslySetInnerHTML: {
+          __html: html.join('')
+        }
+      });
+    });
+    // </server stuff>
+
+    // <client stuff>
+    const onEntriesRef = React__namespace.useRef(props.onEntries);
+    React__namespace.useEffect(() => {
+      onEntriesRef.current = props.onEntries;
+    });
+    React__namespace.useEffect(() => {
+      var _win$id;
+      // Client: consume cache:
+      const onEntries = (...serializedEntries) => {
+        const entries = serializedEntries.map(serialized => transformer.deserialize(serialized));
+        onEntriesRef.current(entries);
+      };
+      const win = window;
+      // Register cache consumer
+      const winStream = (_win$id = win[id]) != null ? _win$id : [];
+      onEntries(...winStream);
+
+      // Register our own consumer
+      win[id] = {
+        push: onEntries
+      };
+      return () => {
+        // Cleanup after unmount
+        win[id] = [];
+      };
+    }, [id, transformer]);
+    // </client stuff>
+
+    return /*#__PURE__*/React__namespace.createElement(context.Provider, {
+      value: {
+        stream,
+        id
+      }
+    }, props.children);
+  }
+  return {
+    Provider: UseClientHydrationStreamProvider,
+    context
+  };
+}
+
+exports.createHydrationStreamProvider = createHydrationStreamProvider;
+//# sourceMappingURL=HydrationStreamProvider.legacy.cjs.map

package/build/lib/HydrationStreamProvider.legacy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrationStreamProvider.legacy.cjs","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"],"names":["push","useServerInsertedHTML","key","dangerouslySetInnerHTML","__html","onEntriesRef","win","value","id","Provider","context"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoDO;AACL;AAGA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBI;;AAEA;AAEA;AACE;AAAA;AAEI;;;;AAGD;;AAGL;;AAEE;;AAEIA;AACE;AAAA;;AAGN;AACA;AACF;AACA;AACAC;AAA4B;AAC1B;;AAGA;AACE;AACF;AACA;AACA;;AAKA;;AAGA;;AAMIC;AACAC;AACEC;AACF;AAAE;AAGR;AACA;;AAEA;;;AAGEC;AACF;;AAEsB;AACpB;AACA;AACE;AAGAA;;;AAIF;;;;AAKA;;AAEEL;;AAGF;AACE;AACAM;;AAEJ;AACA;;AAEA;AACoBC;;AAAiBC;AAAG;;AAI1C;;AAGEC;AACAC;;AAEJ;;"}

package/build/lib/HydrationStreamProvider.legacy.js

@@ -0,0 +1,104 @@
+'use client';
+import { useServerInsertedHTML } from 'next/navigation';
+import * as React from 'react';
+
+function createHydrationStreamProvider() {
+  const context = /*#__PURE__*/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) {
+    // unique id for the cache provider
+    const id = `__RQ${React.useId()}`;
+    const idJSON = JSON.stringify(id);
+    const [transformer] = React.useState(() => {
+      var _props$transformer;
+      return (_props$transformer = props.transformer) != null ? _props$transformer : {
+        // noop
+        serialize: obj => obj,
+        deserialize: obj => obj
+      };
+    });
+
+    // <server stuff>
+    const [stream] = React.useState(() => {
+      if (typeof window !== 'undefined') {
+        return {
+          push() {
+            // no-op on the client
+          }
+        };
+      }
+      return [];
+    });
+    const count = React.useRef(0);
+    useServerInsertedHTML(() => {
+      var _props$onFlush;
+      // This only happens on the server
+      stream.push(...((_props$onFlush = props.onFlush == null ? void 0 : props.onFlush()) != null ? _props$onFlush : []));
+      if (!stream.length) {
+        return null;
+      }
+      // console.log(`pushing ${stream.length} entries`)
+      const serializedCacheArgs = stream.map(entry => transformer.serialize(entry)).map(entry => JSON.stringify(entry)).join(',');
+
+      // Flush stream
+      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('')
+        }
+      });
+    });
+    // </server stuff>
+
+    // <client stuff>
+    const onEntriesRef = React.useRef(props.onEntries);
+    React.useEffect(() => {
+      onEntriesRef.current = props.onEntries;
+    });
+    React.useEffect(() => {
+      var _win$id;
+      // Client: consume cache:
+      const onEntries = (...serializedEntries) => {
+        const entries = serializedEntries.map(serialized => transformer.deserialize(serialized));
+        onEntriesRef.current(entries);
+      };
+      const win = window;
+      // Register cache consumer
+      const winStream = (_win$id = win[id]) != null ? _win$id : [];
+      onEntries(...winStream);
+
+      // Register our own consumer
+      win[id] = {
+        push: onEntries
+      };
+      return () => {
+        // Cleanup after unmount
+        win[id] = [];
+      };
+    }, [id, transformer]);
+    // </client stuff>
+
+    return /*#__PURE__*/React.createElement(context.Provider, {
+      value: {
+        stream,
+        id
+      }
+    }, props.children);
+  }
+  return {
+    Provider: UseClientHydrationStreamProvider,
+    context
+  };
+}
+
+export { createHydrationStreamProvider };
+//# sourceMappingURL=HydrationStreamProvider.legacy.js.map

package/build/lib/HydrationStreamProvider.legacy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrationStreamProvider.legacy.js","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"],"names":["push","useServerInsertedHTML","key","dangerouslySetInnerHTML","__html","onEntriesRef","win","value","id","Provider","context"],"mappings":";;;;AAoDO;AACL;AAGA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBI;;AAEA;AAEA;AACE;AAAA;AAEI;;;;AAGD;;AAGL;;AAEE;;AAEIA;AACE;AAAA;;AAGN;AACA;AACF;AACA;AACAC;AAA4B;AAC1B;;AAGA;AACE;AACF;AACA;AACA;;AAKA;;AAGA;;AAMIC;AACAC;AACEC;AACF;AAAE;AAGR;AACA;;AAEA;;;AAGEC;AACF;;AAEsB;AACpB;AACA;AACE;AAGAA;;;AAIF;;;;AAKA;;AAEEL;;AAGF;AACE;AACAM;;AAEJ;AACA;;AAEA;AACoBC;;AAAiBC;AAAG;;AAI1C;;AAGEC;AACAC;;AAEJ;;"}