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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-query-next-experimental",
-  "version": "5.0.0-alpha.86",
+  "version": "5.0.0-alpha.87",
   "description": "Hydration utils for React Query in the NextJs app directory",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -11,21 +11,25 @@
     "url": "https://github.com/sponsors/tannerlinsley"
   },
   "type": "module",
-  "types": "build/lib/index.d.ts",
-  "main": "build/lib/index.legacy.cjs",
-  "module": "build/lib/index.legacy.js",
+  "types": "build/legacy/index.d.ts",
+  "main": "build/legacy/index.cjs",
+  "module": "build/legacy/index.js",
   "exports": {
     ".": {
-      "types": "./build/lib/index.d.ts",
-      "import": "./build/lib/index.js",
-      "require": "./build/lib/index.cjs",
-      "default": "./build/lib/index.cjs"
+      "import": {
+        "types": "./build/modern/index.d.ts",
+        "default": "./build/modern/index.js"
+      },
+      "require": {
+        "types": "./build/modern/index.d.cts",
+        "default": "./build/modern/index.cjs"
+      }
     },
     "./package.json": "./package.json"
   },
   "sideEffects": false,
   "files": [
-    "build/lib/*",
+    "build",
     "src"
   ],
   "devDependencies": {
@@ -35,13 +39,13 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^3.1.4",
-    "@tanstack/react-query": "5.0.0-alpha.86"
+    "@tanstack/react-query": "5.0.0-alpha.87"
   },
   "peerDependencies": {
     "next": "^13.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "@tanstack/react-query": "5.0.0-alpha.86"
+    "@tanstack/react-query": "5.0.0-alpha.87"
   },
   "scripts": {
     "clean": "rimraf ./build && rimraf ./coverage",
@@ -49,9 +53,7 @@
     "test:types": "tsc --noEmit",
     "test:lib": "vitest run --coverage --passWithNoTests",
     "test:lib:dev": "pnpm run test:lib --watch",
-    "test:build": "publint --strict",
-    "build": "pnpm build:rollup && pnpm build:types",
-    "build:rollup": "rollup --config rollup.config.js",
-    "build:types": "tsc --emitDeclarationOnly"
+    "test:build": "publint --strict && attw --pack",
+    "build": "tsup"
   }
 }

package/build/lib/HydrationStreamProvider.cjs

@@ -1,120 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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

@@ -1,99 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,125 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,104 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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;;"}