@instantdb/react 0.22.96-experimental.add-posthog-frontend.20386914944.1 → 0.22.96-experimental.add-posthog-frontend.20387039167.1

package/dist/esm/next-ssr/HydrationStreamProvider.d.ts

@@ -0,0 +1,66 @@
+export declare const isServer: boolean;
+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: Array<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: Array<TShape>) => void;
+    /**
+     * **Server method**
+     * onFlush is called on the server when the cache is flushed
+     */
+    onFlush?: () => Array<TShape>;
+    /**
+     * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced
+     */
+    nonce?: string;
+}
+export declare function createHydrationStreamProvider<TShape>(): {
+    Provider: (props: {
+        children: React.ReactNode;
+        /**
+         * Optional transformer to serialize/deserialize the data
+         * Example devalue, superjson et al
+         */
+        transformer?: DataTransformer;
+        /**
+         * **Client method**
+         * Called in the browser when new entries are received
+         */
+        onEntries: (entries: Array<TShape>) => void;
+        /**
+         * **Server method**
+         * onFlush is called on the server when the cache is flushed
+         */
+        onFlush?: () => Array<TShape>;
+        /**
+         * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced
+         */
+        nonce?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    context: React.Context<HydrationStreamContext<TShape>>;
+};
+export {};
+//# sourceMappingURL=HydrationStreamProvider.d.ts.map

package/dist/esm/next-ssr/HydrationStreamProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrationStreamProvider.d.ts","sourceRoot":"","sources":["../../../src/next-ssr/HydrationStreamProvider.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,QAAQ,SAAwD,CAAC;AAI9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,eAAe;IACvB,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;IAChC,WAAW,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;CACnC;AAWD,UAAU,sBAAsB,CAAC,MAAM;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE;QACN;;;;WAIG;QACH,IAAI,EAAE,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;KACzC,CAAC;CACH;AAED,MAAM,WAAW,4BAA4B,CAAC,MAAM;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;;;OAGG;IACH,SAAS,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,6BAA6B,CAAC,MAAM;sBAaD;QAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B;;;WAGG;QACH,WAAW,CAAC,EAAE,eAAe,CAAC;QAC9B;;;WAGG;QACH,SAAS,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;QAC5C;;;WAGG;QACH,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC;QAC9B;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB;;EAmGF"}

package/dist/esm/next-ssr/HydrationStreamProvider.js

@@ -0,0 +1,103 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+// This allows us to send serialized json from the server to the client using 'useServerInsertedHTML'
+// We are allowed to send whatever json we want, however it must be triggered at the same time as the client is recieving new html to display
+// after a suspsense boundary resolves
+// We do this to send a list of triples and attrs for each query that the server made so they can be pre-filled on the client render.
+// useServerInsertedHTML is called whenever a suspense boundary resolves, resulting in new html being streamed down to the client.
+export const isServer = typeof window === 'undefined' || 'Deno' in globalThis;
+import { useServerInsertedHTML } from 'next/navigation.js';
+import * as React from 'react';
+import { htmlEscapeJsonString } from './htmlescape.js';
+const serializedSymbol = Symbol('serialized');
+export function createHydrationStreamProvider() {
+    const context = React.createContext(null);
+    /**
+  
+     * 1. (Happens on server): `useServerInsertedHTML()` is called **on the server** whenever a `Suspense`-boundary completes
+     *    - This means that we might have some new entries in the cache that needs to be flushed
+     *    - We pass these to the client by inserting a `<script>`-tag where we do `window[id].push(serializedVersionOfCache)`
+     * 2. (Happens in browser) In `useEffect()`:
+     *   - We check if `window[id]` is set to an array and call `push()` on all the entries which will call `onEntries()` with the new entries
+     *   - We replace `window[id]` with a `push()`-method that will be called whenever new entries are received
+     **/
+    function UseClientHydrationStreamProvider(props) {
+        var _a, _b;
+        // unique id for the cache provider
+        const id = `__RQ${React.useId()}`;
+        const idJSON = htmlEscapeJsonString(JSON.stringify(id));
+        const [transformer] = React.useState(() => {
+            var _a;
+            return ((_a = props.transformer) !== null && _a !== void 0 ? _a : {
+                // noop
+                serialize: (obj) => obj,
+                deserialize: (obj) => obj,
+            });
+        });
+        // <server stuff>
+        const [stream] = React.useState(() => {
+            if (!isServer) {
+                return {
+                    push() {
+                        // no-op on the client
+                    },
+                };
+            }
+            return [];
+        });
+        const count = React.useRef(0);
+        useServerInsertedHTML(() => {
+            var _a, _b;
+            // This only happens on the server
+            stream.push(...((_b = (_a = props.onFlush) === null || _a === void 0 ? void 0 : _a.call(props)) !== null && _b !== void 0 ? _b : []));
+            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
+            // eslint-disable-next-line react-hooks/immutability
+            stream.length = 0;
+            const html = [
+                `window[${idJSON}] = window[${idJSON}] || [];`,
+                `window[${idJSON}].push(${htmlEscapeJsonString(serializedCacheArgs)});`,
+            ];
+            return (_jsx("script", { nonce: props.nonce, dangerouslySetInnerHTML: {
+                    __html: html.join(''),
+                } }, count.current++));
+        });
+        // </server stuff>
+        // <client stuff>
+        // Setup and run the onEntries handler on the client only, but do it during
+        // the initial render so children have access to the data immediately
+        // This is important to avoid the client suspending during the initial render
+        // if the data has not yet been hydrated.
+        if (!isServer) {
+            const win = window;
+            if (!((_a = win[id]) === null || _a === void 0 ? void 0 : _a.initialized)) {
+                // Client: consume cache:
+                const onEntries = (...serializedEntries) => {
+                    const entries = serializedEntries.map((serialized) => transformer.deserialize(serialized));
+                    props.onEntries(entries);
+                };
+                const winStream = (_b = win[id]) !== null && _b !== void 0 ? _b : [];
+                onEntries(...winStream);
+                // eslint-disable-next-line react-hooks/immutability
+                win[id] = {
+                    initialized: true,
+                    push: onEntries,
+                };
+            }
+        }
+        // </client stuff>
+        return (_jsx(context.Provider, { value: { stream, id }, children: props.children }));
+    }
+    return {
+        Provider: UseClientHydrationStreamProvider,
+        context,
+    };
+}
+//# sourceMappingURL=HydrationStreamProvider.js.map

package/dist/esm/next-ssr/HydrationStreamProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrationStreamProvider.js","sourceRoot":"","sources":["../../../src/next-ssr/HydrationStreamProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\n// This allows us to send serialized json from the server to the client using 'useServerInsertedHTML'\n// We are allowed to send whatever json we want, however it must be triggered at the same time as the client is recieving new html to display\n// after a suspsense boundary resolves\n// We do this to send a list of triples and attrs for each query that the server made so they can be pre-filled on the client render.\n// useServerInsertedHTML is called whenever a suspense boundary resolves, resulting in new html being streamed down to the client.\n\nexport const isServer = typeof window === 'undefined' || 'Deno' in globalThis;\n\nimport { useServerInsertedHTML } from 'next/navigation.js';\n\nimport * as React from 'react';\nimport { htmlEscapeJsonString } from './htmlescape.js';\n\nconst serializedSymbol = Symbol('serialized');\n\ninterface DataTransformer {\n  serialize: (object: any) => any;\n  deserialize: (object: any) => any;\n}\n\ntype Serialized<TData> = unknown & {\n  [serializedSymbol]: TData;\n};\n\ninterface TypedDataTransformer<TData> {\n  serialize: (obj: TData) => Serialized<TData>;\n  deserialize: (obj: Serialized<TData>) => TData;\n}\n\ninterface HydrationStreamContext<TShape> {\n  id: string;\n  stream: {\n    /**\n     * **Server method**\n     * Push a new entry to the stream\n     * Will be ignored on the client\n     */\n    push: (...shape: Array<TShape>) => void;\n  };\n}\n\nexport interface HydrationStreamProviderProps<TShape> {\n  children: React.ReactNode;\n  /**\n   * Optional transformer to serialize/deserialize the data\n   * Example devalue, superjson et al\n   */\n  transformer?: DataTransformer;\n  /**\n   * **Client method**\n   * Called in the browser when new entries are received\n   */\n  onEntries: (entries: Array<TShape>) => void;\n  /**\n   * **Server method**\n   * onFlush is called on the server when the cache is flushed\n   */\n  onFlush?: () => Array<TShape>;\n  /**\n   * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced\n   */\n  nonce?: string;\n}\n\nexport function createHydrationStreamProvider<TShape>() {\n  const context = React.createContext<HydrationStreamContext<TShape>>(\n    null as any,\n  );\n  /**\n\n   * 1. (Happens on server): `useServerInsertedHTML()` is called **on the server** whenever a `Suspense`-boundary completes\n   *    - This means that we might have some new entries in the cache that needs to be flushed\n   *    - We pass these to the client by inserting a `<script>`-tag where we do `window[id].push(serializedVersionOfCache)`\n   * 2. (Happens in browser) In `useEffect()`:\n   *   - We check if `window[id]` is set to an array and call `push()` on all the entries which will call `onEntries()` with the new entries\n   *   - We replace `window[id]` with a `push()`-method that will be called whenever new entries are received\n   **/\n  function UseClientHydrationStreamProvider(props: {\n    children: React.ReactNode;\n    /**\n     * Optional transformer to serialize/deserialize the data\n     * Example devalue, superjson et al\n     */\n    transformer?: DataTransformer;\n    /**\n     * **Client method**\n     * Called in the browser when new entries are received\n     */\n    onEntries: (entries: Array<TShape>) => void;\n    /**\n     * **Server method**\n     * onFlush is called on the server when the cache is flushed\n     */\n    onFlush?: () => Array<TShape>;\n    /**\n     * A nonce that'll allow the inline script to be executed when Content Security Policy is enforced\n     */\n    nonce?: string;\n  }) {\n    // unique id for the cache provider\n    const id = `__RQ${React.useId()}`;\n    const idJSON = htmlEscapeJsonString(JSON.stringify(id));\n\n    const [transformer] = React.useState(\n      () =>\n        (props.transformer ?? {\n          // noop\n          serialize: (obj: any) => obj,\n          deserialize: (obj: any) => obj,\n        }) as unknown as TypedDataTransformer<TShape>,\n    );\n\n    // <server stuff>\n    const [stream] = React.useState<Array<TShape>>(() => {\n      if (!isServer) {\n        return {\n          push() {\n            // no-op on the client\n          },\n        } as unknown as Array<TShape>;\n      }\n      return [];\n    });\n    const count = React.useRef(0);\n    useServerInsertedHTML(() => {\n      // This only happens on the server\n      stream.push(...(props.onFlush?.() ?? []));\n\n      if (!stream.length) {\n        return null;\n      }\n      // console.log(`pushing ${stream.length} entries`)\n      const serializedCacheArgs = stream\n        .map((entry) => transformer.serialize(entry))\n        .map((entry) => JSON.stringify(entry))\n        .join(',');\n\n      // Flush stream\n      // eslint-disable-next-line react-hooks/immutability\n      stream.length = 0;\n\n      const html: Array<string> = [\n        `window[${idJSON}] = window[${idJSON}] || [];`,\n        `window[${idJSON}].push(${htmlEscapeJsonString(serializedCacheArgs)});`,\n      ];\n      return (\n        <script\n          key={count.current++}\n          nonce={props.nonce}\n          dangerouslySetInnerHTML={{\n            __html: html.join(''),\n          }}\n        />\n      );\n    });\n    // </server stuff>\n\n    // <client stuff>\n    // Setup and run the onEntries handler on the client only, but do it during\n    // the initial render so children have access to the data immediately\n    // This is important to avoid the client suspending during the initial render\n    // if the data has not yet been hydrated.\n    if (!isServer) {\n      const win = window as any;\n      if (!win[id]?.initialized) {\n        // Client: consume cache:\n        const onEntries = (...serializedEntries: Array<Serialized<TShape>>) => {\n          const entries = serializedEntries.map((serialized) =>\n            transformer.deserialize(serialized),\n          );\n          props.onEntries(entries);\n        };\n\n        const winStream: Array<Serialized<TShape>> = win[id] ?? [];\n\n        onEntries(...winStream);\n\n        // eslint-disable-next-line react-hooks/immutability\n        win[id] = {\n          initialized: true,\n          push: onEntries,\n        };\n      }\n    }\n    // </client stuff>\n\n    return (\n      <context.Provider value={{ stream, id }}>\n        {props.children}\n      </context.Provider>\n    );\n  }\n\n  return {\n    Provider: UseClientHydrationStreamProvider,\n    context,\n  };\n}\n"]}

package/dist/esm/next-ssr/InstantNextDatabase.d.ts

@@ -0,0 +1,12 @@
+import { AuthState, InstantSchemaDef, InstaQLResponse, PageInfoResponse, RuleParams, ValidQuery } from '@instantdb/core';
+import InstantReactWebDatabase from '../InstantReactWebDatabase.ts';
+export declare class InstantNextDatabase<Schema extends InstantSchemaDef<any, any, any>, UseDates extends boolean> extends InstantReactWebDatabase<Schema, UseDates> {
+    useSuspenseQuery: <Q extends ValidQuery<Q, Schema>>(q: Q, opts?: {
+        ruleParams: RuleParams;
+    }) => {
+        data: InstaQLResponse<Schema, Q, NonNullable<UseDates>>;
+        pageInfo?: PageInfoResponse<Q>;
+    };
+    useAuth: () => AuthState;
+}
+//# sourceMappingURL=InstantNextDatabase.d.ts.map

package/dist/esm/next-ssr/InstantNextDatabase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstantNextDatabase.d.ts","sourceRoot":"","sources":["../../../src/next-ssr/InstantNextDatabase.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,UAAU,EACX,MAAM,iBAAiB,CAAC;AACzB,OAAO,uBAAuB,MAAM,+BAA+B,CAAC;AAIpE,qBAAa,mBAAmB,CAC9B,MAAM,SAAS,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC9C,QAAQ,SAAS,OAAO,CACxB,SAAQ,uBAAuB,CAAC,MAAM,EAAE,QAAQ,CAAC;IAC1C,gBAAgB,GAAI,CAAC,SAAS,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,EACxD,GAAG,CAAC,EACJ,OAAO;QACL,UAAU,EAAE,UAAU,CAAC;KACxB,KACA;QACD,IAAI,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;KAChC,CAQC;IAEF,OAAO,QAAO,SAAS,CAoBrB;CACH"}

package/dist/esm/next-ssr/InstantNextDatabase.js

@@ -0,0 +1,35 @@
+import InstantReactWebDatabase from "../InstantReactWebDatabase.js";
+import { useContext } from 'react';
+import { SuspsenseQueryContext } from "./InstantSuspenseProvider.js";
+export class InstantNextDatabase extends InstantReactWebDatabase {
+    constructor() {
+        super(...arguments);
+        this.useSuspenseQuery = (q, opts) => {
+            const ctx = useContext(SuspsenseQueryContext);
+            if (!ctx) {
+                throw new Error('useSuspenseQuery must be used within a SuspenseQueryProvider');
+            }
+            return ctx.useSuspenseQuery(q, opts);
+        };
+        this.useAuth = () => {
+            const ctx = useContext(SuspsenseQueryContext);
+            const realAuthResult = this._useAuth();
+            if (!ctx) {
+                return realAuthResult;
+            }
+            const { ssrUser } = ctx;
+            if (ssrUser === undefined) {
+                return realAuthResult;
+            }
+            if (realAuthResult.isLoading) {
+                return {
+                    error: undefined,
+                    isLoading: false,
+                    user: ssrUser !== null && ssrUser !== void 0 ? ssrUser : undefined, // null -> undefined for the response
+                };
+            }
+            return realAuthResult;
+        };
+    }
+}
+//# sourceMappingURL=InstantNextDatabase.js.map

package/dist/esm/next-ssr/InstantNextDatabase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstantNextDatabase.js","sourceRoot":"","sources":["../../../src/next-ssr/InstantNextDatabase.tsx"],"names":[],"mappings":"AAQA,OAAO,uBAAuB,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA+B,CAAC;AAEtE,MAAM,OAAO,mBAGX,SAAQ,uBAAyC;IAHnD;;QAIS,qBAAgB,GAAG,CACxB,CAAI,EACJ,IAEC,EAID,EAAE;YACF,MAAM,GAAG,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;YAC9C,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,MAAM,IAAI,KAAK,CACb,8DAA8D,CAC/D,CAAC;YACJ,CAAC;YACD,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAQ,CAAC;QAC9C,CAAC,CAAC;QAEF,YAAO,GAAG,GAAc,EAAE;YACxB,MAAM,GAAG,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;YAC9C,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YACvC,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,OAAO,cAAc,CAAC;YACxB,CAAC;YAED,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC;YACxB,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;gBAC1B,OAAO,cAAc,CAAC;YACxB,CAAC;YACD,IAAI,cAAc,CAAC,SAAS,EAAE,CAAC;gBAC7B,OAAO;oBACL,KAAK,EAAE,SAAS;oBAChB,SAAS,EAAE,KAAK;oBAChB,IAAI,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,EAAE,qCAAqC;iBAClE,CAAC;YACJ,CAAC;YAED,OAAO,cAAc,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC;CAAA","sourcesContent":["import {\n  AuthState,\n  InstantSchemaDef,\n  InstaQLResponse,\n  PageInfoResponse,\n  RuleParams,\n  ValidQuery,\n} from '@instantdb/core';\nimport InstantReactWebDatabase from '../InstantReactWebDatabase.ts';\nimport { useContext } from 'react';\nimport { SuspsenseQueryContext } from './InstantSuspenseProvider.tsx';\n\nexport class InstantNextDatabase<\n  Schema extends InstantSchemaDef<any, any, any>,\n  UseDates extends boolean,\n> extends InstantReactWebDatabase<Schema, UseDates> {\n  public useSuspenseQuery = <Q extends ValidQuery<Q, Schema>>(\n    q: Q,\n    opts?: {\n      ruleParams: RuleParams;\n    },\n  ): {\n    data: InstaQLResponse<Schema, Q, NonNullable<UseDates>>;\n    pageInfo?: PageInfoResponse<Q>;\n  } => {\n    const ctx = useContext(SuspsenseQueryContext);\n    if (!ctx) {\n      throw new Error(\n        'useSuspenseQuery must be used within a SuspenseQueryProvider',\n      );\n    }\n    return ctx.useSuspenseQuery(q, opts) as any;\n  };\n\n  useAuth = (): AuthState => {\n    const ctx = useContext(SuspsenseQueryContext);\n    const realAuthResult = this._useAuth();\n    if (!ctx) {\n      return realAuthResult;\n    }\n\n    const { ssrUser } = ctx;\n    if (ssrUser === undefined) {\n      return realAuthResult;\n    }\n    if (realAuthResult.isLoading) {\n      return {\n        error: undefined,\n        isLoading: false,\n        user: ssrUser ?? undefined, // null -> undefined for the response\n      };\n    }\n\n    return realAuthResult;\n  };\n}\n"]}

package/dist/esm/next-ssr/InstantSuspenseProvider.d.ts

@@ -0,0 +1,28 @@
+import { InstantConfig, InstantSchemaDef, InstaQLResponse, PageInfoResponse, RuleParams, User, ValidQuery } from '@instantdb/core';
+import InstantReactWebDatabase from '../InstantReactWebDatabase.ts';
+type InstantSuspenseProviderProps<Schema extends InstantSchemaDef<any, any, any>> = {
+    nonce?: string;
+    children: React.ReactNode;
+    db?: InstantReactWebDatabase<Schema, any>;
+    config?: Omit<InstantConfig<any, any>, 'schema'> & {
+        schema: string;
+    };
+    user?: User | null;
+};
+type SuspenseQueryContextValue = {
+    useSuspenseQuery: (query: any, opts?: SuspenseQueryOpts) => any;
+    ssrUser: User | null | undefined;
+};
+export declare const SuspsenseQueryContext: import("react").Context<SuspenseQueryContextValue | null>;
+export declare const createUseSuspenseQuery: <Schema extends InstantSchemaDef<any, any, any>, UseDates extends boolean>(_db: InstantReactWebDatabase<Schema, UseDates>) => (<Q extends ValidQuery<Q, Schema>>(q: Q, opts?: {
+    ruleParams: RuleParams;
+}) => {
+    data: InstaQLResponse<Schema, Q, NonNullable<UseDates>>;
+    pageInfo?: PageInfoResponse<Q>;
+});
+type SuspenseQueryOpts = {
+    ruleParams: RuleParams;
+};
+export declare const InstantSuspenseProvider: (props: InstantSuspenseProviderProps<any>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InstantSuspenseProvider.d.ts.map

package/dist/esm/next-ssr/InstantSuspenseProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstantSuspenseProvider.d.ts","sourceRoot":"","sources":["../../../src/next-ssr/InstantSuspenseProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,IAAI,EACJ,UAAU,EACX,MAAM,iBAAiB,CAAC;AACzB,OAAO,uBAAuB,MAAM,+BAA+B,CAAC;AAQpE,KAAK,4BAA4B,CAC/B,MAAM,SAAS,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,IAC5C;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,uBAAuB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,GAAG;QACjD,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB,CAAC;AAIF,KAAK,yBAAyB,GAAG;IAC/B,gBAAgB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,iBAAiB,KAAK,GAAG,CAAC;IAChE,OAAO,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,qBAAqB,2DACqB,CAAC;AAGxD,eAAO,MAAM,sBAAsB,GACjC,MAAM,SAAS,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC9C,QAAQ,SAAS,OAAO,EAExB,KAAK,uBAAuB,CAAC,MAAM,EAAE,QAAQ,CAAC,KAC7C,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,CAAC,EAAE,MAAM,CAAC,EAClC,CAAC,EAAE,CAAC,EACJ,IAAI,CAAC,EAAE;IACL,UAAU,EAAE,UAAU,CAAC;CACxB,KACE;IACH,IAAI,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;CAChC,CAUA,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,OAAO,4BAA4B,CAAC,GAAG,CAAC,4CAkHzC,CAAC"}

package/dist/esm/next-ssr/InstantSuspenseProvider.js

@@ -0,0 +1,94 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+// InstantSuspenseProvider can only be used in a client context so this prevents errors from trying to use it in a server component.
+import { FrameworkClient, } from '@instantdb/core';
+import { createHydrationStreamProvider, isServer, } from "./HydrationStreamProvider.js";
+import { createContext, useContext, useRef, useState } from 'react';
+const stream = createHydrationStreamProvider();
+export const SuspsenseQueryContext = createContext(null);
+// Creates a typed useSuspense hook
+export const createUseSuspenseQuery = (_db) => {
+    return (q, opts) => {
+        const ctx = useContext(SuspsenseQueryContext);
+        if (!ctx) {
+            throw new Error('useSuspenseQuery must be used within a SuspenseQueryProvider');
+        }
+        return ctx.useSuspenseQuery(q, opts);
+    };
+};
+export const InstantSuspenseProvider = (props) => {
+    var _a;
+    const clientRef = useRef(null);
+    if (!props.db) {
+        throw new Error('Must provide either a db or config to InstantSuspenseProvider');
+    }
+    const db = useRef(props.db);
+    const [trackedKeys] = useState(() => new Set());
+    if (!clientRef.current) {
+        if (props.user && !props.user.refresh_token) {
+            throw new Error('User must have a refresh_token field. Recieved: ' +
+                JSON.stringify(props.user, null, 2));
+        }
+        clientRef.current = new FrameworkClient({
+            token: (_a = props.user) === null || _a === void 0 ? void 0 : _a.refresh_token,
+            db: db.current.core,
+        });
+    }
+    if (isServer) {
+        clientRef.current.subscribe((result) => {
+            const { queryHash } = result;
+            trackedKeys.add(queryHash);
+        });
+    }
+    const useSuspenseQuery = (query, opts) => {
+        const nonSuspenseResult = db.current.useQuery(query, Object.assign({}, opts));
+        if (nonSuspenseResult.data) {
+            return {
+                data: nonSuspenseResult.data,
+                pageInfo: nonSuspenseResult.pageInfo,
+            };
+        }
+        // should never happen (typeguard)
+        if (!clientRef.current) {
+            throw new Error('Client ref not set up');
+        }
+        let entry = clientRef.current.getExistingResultForQuery(query, {
+            ruleParams: opts === null || opts === void 0 ? void 0 : opts.ruleParams,
+        });
+        if (!entry) {
+            entry = clientRef.current.query(query, opts);
+        }
+        if (entry.status === 'pending') {
+            throw entry.promise;
+        }
+        if (entry.status === 'error') {
+            throw entry.error;
+        }
+        if (entry.status === 'success' && entry.type === 'session') {
+            return entry.data;
+        }
+        if (entry.status === 'success') {
+            const data = entry.data;
+            const result = clientRef.current.completeIsomorphic(query, data.triples, data.attrs, data.pageInfo);
+            return result;
+        }
+    };
+    return (_jsx(SuspsenseQueryContext.Provider, { value: { useSuspenseQuery, ssrUser: props.user }, children: _jsx(stream.Provider, { nonce: props.nonce, onFlush: () => {
+                const toSend = [];
+                for (const [key, value] of clientRef.current.resultMap.entries()) {
+                    if (trackedKeys.has(key) && value.status === 'success') {
+                        toSend.push({
+                            queryKey: key,
+                            value: value.data,
+                        });
+                    }
+                }
+                trackedKeys.clear();
+                return toSend;
+            }, onEntries: (entries) => {
+                entries.forEach((entry) => {
+                    clientRef.current.addQueryResult(entry.queryKey, entry.value);
+                });
+            }, children: props.children }) }));
+};
+//# sourceMappingURL=InstantSuspenseProvider.js.map

package/dist/esm/next-ssr/InstantSuspenseProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstantSuspenseProvider.js","sourceRoot":"","sources":["../../../src/next-ssr/InstantSuspenseProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n// InstantSuspenseProvider can only be used in a client context so this prevents errors from trying to use it in a server component.\n\nimport {\n  FrameworkClient,\n  InstantConfig,\n  InstantSchemaDef,\n  InstaQLResponse,\n  PageInfoResponse,\n  RuleParams,\n  User,\n  ValidQuery,\n} from '@instantdb/core';\nimport InstantReactWebDatabase from '../InstantReactWebDatabase.ts';\nimport {\n  createHydrationStreamProvider,\n  isServer,\n} from './HydrationStreamProvider.tsx';\nimport { createContext, useContext, useRef, useState } from 'react';\nimport { InstantReactAbstractDatabase } from '@instantdb/react-common';\n\ntype InstantSuspenseProviderProps<\n  Schema extends InstantSchemaDef<any, any, any>,\n> = {\n  nonce?: string;\n  children: React.ReactNode;\n  db?: InstantReactWebDatabase<Schema, any>;\n  config?: Omit<InstantConfig<any, any>, 'schema'> & {\n    schema: string;\n  };\n  user?: User | null;\n};\n\nconst stream = createHydrationStreamProvider<any>();\n\ntype SuspenseQueryContextValue = {\n  useSuspenseQuery: (query: any, opts?: SuspenseQueryOpts) => any;\n  ssrUser: User | null | undefined;\n};\n\nexport const SuspsenseQueryContext =\n  createContext<SuspenseQueryContextValue | null>(null);\n\n// Creates a typed useSuspense hook\nexport const createUseSuspenseQuery = <\n  Schema extends InstantSchemaDef<any, any, any>,\n  UseDates extends boolean,\n>(\n  _db: InstantReactWebDatabase<Schema, UseDates>,\n): (<Q extends ValidQuery<Q, Schema>>(\n  q: Q,\n  opts?: {\n    ruleParams: RuleParams;\n  },\n) => {\n  data: InstaQLResponse<Schema, Q, NonNullable<UseDates>>;\n  pageInfo?: PageInfoResponse<Q>;\n}) => {\n  return <Q extends ValidQuery<Q, Schema>>(q: any, opts: any) => {\n    const ctx = useContext(SuspsenseQueryContext);\n    if (!ctx) {\n      throw new Error(\n        'useSuspenseQuery must be used within a SuspenseQueryProvider',\n      );\n    }\n    return ctx.useSuspenseQuery(q, opts) as any;\n  };\n};\n\ntype SuspenseQueryOpts = {\n  ruleParams: RuleParams;\n};\n\nexport const InstantSuspenseProvider = (\n  props: InstantSuspenseProviderProps<any>,\n) => {\n  const clientRef = useRef<FrameworkClient | null>(null);\n\n  if (!props.db) {\n    throw new Error(\n      'Must provide either a db or config to InstantSuspenseProvider',\n    );\n  }\n\n  const db = useRef<InstantReactAbstractDatabase<any, any>>(props.db);\n\n  const [trackedKeys] = useState(() => new Set<string>());\n\n  if (!clientRef.current) {\n    if (props.user && !props.user.refresh_token) {\n      throw new Error(\n        'User must have a refresh_token field. Recieved: ' +\n          JSON.stringify(props.user, null, 2),\n      );\n    }\n    clientRef.current = new FrameworkClient({\n      token: props.user?.refresh_token,\n      db: db.current.core,\n    });\n  }\n\n  if (isServer) {\n    clientRef.current.subscribe((result) => {\n      const { queryHash } = result;\n      trackedKeys.add(queryHash);\n    });\n  }\n\n  const useSuspenseQuery = (query: any, opts: SuspenseQueryOpts) => {\n    const nonSuspenseResult = db.current.useQuery(query, {\n      ...opts,\n    });\n\n    if (nonSuspenseResult.data) {\n      return {\n        data: nonSuspenseResult.data,\n        pageInfo: nonSuspenseResult.pageInfo,\n      };\n    }\n\n    // should never happen (typeguard)\n    if (!clientRef.current) {\n      throw new Error('Client ref not set up');\n    }\n\n    let entry = clientRef.current.getExistingResultForQuery(query, {\n      ruleParams: opts?.ruleParams,\n    });\n\n    if (!entry) {\n      entry = clientRef.current!.query(query, opts);\n    }\n\n    if (entry.status === 'pending') {\n      throw entry.promise;\n    }\n\n    if (entry.status === 'error') {\n      throw entry.error;\n    }\n\n    if (entry.status === 'success' && entry.type === 'session') {\n      return entry.data;\n    }\n\n    if (entry.status === 'success') {\n      const data = entry.data;\n      const result = clientRef.current.completeIsomorphic(\n        query,\n        data.triples,\n        data.attrs,\n        data.pageInfo,\n      );\n\n      return result;\n    }\n  };\n\n  return (\n    <SuspsenseQueryContext.Provider\n      value={{ useSuspenseQuery, ssrUser: props.user }}\n    >\n      <stream.Provider\n        nonce={props.nonce}\n        onFlush={() => {\n          const toSend: { queryKey: string; value: any }[] = [];\n          for (const [key, value] of clientRef.current!.resultMap.entries()) {\n            if (trackedKeys.has(key) && value.status === 'success') {\n              toSend.push({\n                queryKey: key,\n                value: value.data,\n              });\n            }\n          }\n\n          trackedKeys.clear();\n          return toSend;\n        }}\n        onEntries={(entries) => {\n          entries.forEach((entry) => {\n            clientRef.current!.addQueryResult(entry.queryKey, entry.value);\n          });\n        }}\n      >\n        {props.children}\n      </stream.Provider>\n    </SuspsenseQueryContext.Provider>\n  );\n};\n"]}

package/dist/esm/next-ssr/getUserFromInstantCookie.d.ts

@@ -0,0 +1,3 @@
+import { User } from '@instantdb/core';
+export declare const getUserFromInstantCookie: (appId: string) => Promise<User | null>;
+//# sourceMappingURL=getUserFromInstantCookie.d.ts.map

package/dist/esm/next-ssr/getUserFromInstantCookie.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUserFromInstantCookie.d.ts","sourceRoot":"","sources":["../../../src/next-ssr/getUserFromInstantCookie.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAGvC,eAAO,MAAM,wBAAwB,GACnC,OAAO,MAAM,KACZ,OAAO,CAAC,IAAI,GAAG,IAAI,CAKrB,CAAC"}

package/dist/esm/next-ssr/getUserFromInstantCookie.js

@@ -0,0 +1,17 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { cookies } from 'next/headers.js';
+export const getUserFromInstantCookie = (appId) => __awaiter(void 0, void 0, void 0, function* () {
+    const cookieStore = yield cookies();
+    const userJSON = cookieStore.get('instant_user_' + appId);
+    const user = userJSON ? JSON.parse(userJSON.value) : null;
+    return user;
+});
+//# sourceMappingURL=getUserFromInstantCookie.js.map

package/dist/esm/next-ssr/getUserFromInstantCookie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUserFromInstantCookie.js","sourceRoot":"","sources":["../../../src/next-ssr/getUserFromInstantCookie.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,KAAa,EACS,EAAE;IACxB,MAAM,WAAW,GAAG,MAAM,OAAO,EAAE,CAAC;IACpC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,eAAe,GAAG,KAAK,CAAC,CAAC;IAC1D,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1D,OAAO,IAAI,CAAC;AACd,CAAC,CAAA,CAAC","sourcesContent":["import { User } from '@instantdb/core';\nimport { cookies } from 'next/headers.js';\n\nexport const getUserFromInstantCookie = async (\n  appId: string,\n): Promise<User | null> => {\n  const cookieStore = await cookies();\n  const userJSON = cookieStore.get('instant_user_' + appId);\n  const user = userJSON ? JSON.parse(userJSON.value) : null;\n  return user;\n};\n"]}

package/dist/esm/next-ssr/htmlescape.d.ts

@@ -0,0 +1,3 @@
+export declare const ESCAPE_REGEX: RegExp;
+export declare function htmlEscapeJsonString(str: string): string;
+//# sourceMappingURL=htmlescape.d.ts.map

package/dist/esm/next-ssr/htmlescape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlescape.d.ts","sourceRoot":"","sources":["../../../src/next-ssr/htmlescape.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,YAAY,QAAuB,CAAC;AAEjD,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAExD"}

package/dist/esm/next-ssr/htmlescape.js

@@ -0,0 +1,21 @@
+// --------------------------------------------------------------------------------
+//
+// copied from
+// https://github.com/vercel/next.js/blob/6bc07792a4462a4bf921a72ab30dc4ab2c4e1bda/packages/next/src/server/htmlescape.ts
+// License: https://github.com/vercel/next.js/blob/6bc07792a4462a4bf921a72ab30dc4ab2c4e1bda/packages/next/license.md
+//
+// --------------------------------------------------------------------------------
+// This utility is based on https://github.com/zertosh/htmlescape
+// License: https://github.com/zertosh/htmlescape/blob/0527ca7156a524d256101bb310a9f970f63078ad/LICENSE
+const ESCAPE_LOOKUP = {
+    '&': '\\u0026',
+    '>': '\\u003e',
+    '<': '\\u003c',
+    '\u2028': '\\u2028',
+    '\u2029': '\\u2029',
+};
+export const ESCAPE_REGEX = /[&><\u2028\u2029]/g;
+export function htmlEscapeJsonString(str) {
+    return str.replace(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]);
+}
+//# sourceMappingURL=htmlescape.js.map

package/dist/esm/next-ssr/htmlescape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlescape.js","sourceRoot":"","sources":["../../../src/next-ssr/htmlescape.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,EAAE;AACF,cAAc;AACd,yHAAyH;AACzH,oHAAoH;AACpH,EAAE;AACF,mFAAmF;AAEnF,iEAAiE;AACjE,uGAAuG;AAEvG,MAAM,aAAa,GAA2B;IAC5C,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,oBAAoB,CAAC;AAEjD,MAAM,UAAU,oBAAoB,CAAC,GAAW;IAC9C,OAAO,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAE,CAAC,CAAC;AACrE,CAAC","sourcesContent":["// --------------------------------------------------------------------------------\n//\n// copied from\n// https://github.com/vercel/next.js/blob/6bc07792a4462a4bf921a72ab30dc4ab2c4e1bda/packages/next/src/server/htmlescape.ts\n// License: https://github.com/vercel/next.js/blob/6bc07792a4462a4bf921a72ab30dc4ab2c4e1bda/packages/next/license.md\n//\n// --------------------------------------------------------------------------------\n\n// This utility is based on https://github.com/zertosh/htmlescape\n// License: https://github.com/zertosh/htmlescape/blob/0527ca7156a524d256101bb310a9f970f63078ad/LICENSE\n\nconst ESCAPE_LOOKUP: Record<string, string> = {\n  '&': '\\\\u0026',\n  '>': '\\\\u003e',\n  '<': '\\\\u003c',\n  '\\u2028': '\\\\u2028',\n  '\\u2029': '\\\\u2029',\n};\n\nexport const ESCAPE_REGEX = /[&><\\u2028\\u2029]/g;\n\nexport function htmlEscapeJsonString(str: string): string {\n  return str.replace(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]!);\n}\n"]}

package/dist/esm/next-ssr/index.d.ts

@@ -0,0 +1,28 @@
+import { InstantConfig, InstantSchemaDef, InstantUnknownSchema } from '@instantdb/core';
+import { InstantNextDatabase } from './InstantNextDatabase.tsx';
+export { getUserFromInstantCookie } from './getUserFromInstantCookie.ts';
+export { InstantNextDatabase } from './InstantNextDatabase.tsx';
+export { InstantSuspenseProvider } from './InstantSuspenseProvider.tsx';
+export { createInstantRouteHandler } from '@instantdb/core';
+/**
+ *
+ * The first step: init your application!
+ *
+ * Visit https://instantdb.com/dash to get your `appId` :)
+ *
+ * @example
+ *  import { init } from "@instantdb/react"
+ *
+ *  const db = init({ appId: "my-app-id" })
+ *
+ *  // You can also provide a schema for type safety and editor autocomplete!
+ *
+ *  import { init } from "@instantdb/react"
+ *  import schema from ""../instant.schema.ts";
+ *
+ *  const db = init({ appId: "my-app-id", schema })
+ *
+ *  // To learn more: https://instantdb.com/docs/modeling-data
+ */
+export declare function init<Schema extends InstantSchemaDef<any, any, any> = InstantUnknownSchema, UseDates extends boolean = false>(config: InstantConfig<Schema, UseDates>): InstantNextDatabase<Schema, UseDates>;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/next-ssr/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/next-ssr/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAExE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,IAAI,CAClB,MAAM,SAAS,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,oBAAoB,EACrE,QAAQ,SAAS,OAAO,GAAG,KAAK,EAEhC,MAAM,EAAE,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,GACtC,mBAAmB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAIvC"}

package/dist/esm/next-ssr/index.js

@@ -0,0 +1,32 @@
+import version from "../version.js";
+import { InstantNextDatabase } from "./InstantNextDatabase.js";
+export { getUserFromInstantCookie } from "./getUserFromInstantCookie.js";
+export { InstantNextDatabase } from "./InstantNextDatabase.js";
+export { InstantSuspenseProvider } from "./InstantSuspenseProvider.js";
+export { createInstantRouteHandler } from '@instantdb/core';
+/**
+ *
+ * The first step: init your application!
+ *
+ * Visit https://instantdb.com/dash to get your `appId` :)
+ *
+ * @example
+ *  import { init } from "@instantdb/react"
+ *
+ *  const db = init({ appId: "my-app-id" })
+ *
+ *  // You can also provide a schema for type safety and editor autocomplete!
+ *
+ *  import { init } from "@instantdb/react"
+ *  import schema from ""../instant.schema.ts";
+ *
+ *  const db = init({ appId: "my-app-id", schema })
+ *
+ *  // To learn more: https://instantdb.com/docs/modeling-data
+ */
+export function init(config) {
+    return new InstantNextDatabase(config, {
+        '@instantdb/react': version,
+    });
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/next-ssr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/next-ssr/index.tsx"],"names":[],"mappings":"AAMA,OAAO,OAAO,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAEhE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA+B,CAAC;AAExE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,IAAI,CAIlB,MAAuC;IAEvC,OAAO,IAAI,mBAAmB,CAAmB,MAAM,EAAE;QACvD,kBAAkB,EAAE,OAAO;KAC5B,CAAC,CAAC;AACL,CAAC","sourcesContent":["import {\n  InstantConfig,\n  InstantSchemaDef,\n  InstantUnknownSchema,\n} from '@instantdb/core';\n\nimport version from '../version.ts';\n\nimport { InstantNextDatabase } from './InstantNextDatabase.tsx';\n\nexport { getUserFromInstantCookie } from './getUserFromInstantCookie.ts';\n\nexport { InstantNextDatabase } from './InstantNextDatabase.tsx';\nexport { InstantSuspenseProvider } from './InstantSuspenseProvider.tsx';\n\nexport { createInstantRouteHandler } from '@instantdb/core';\n\n/**\n *\n * The first step: init your application!\n *\n * Visit https://instantdb.com/dash to get your `appId` :)\n *\n * @example\n *  import { init } from \"@instantdb/react\"\n *\n *  const db = init({ appId: \"my-app-id\" })\n *\n *  // You can also provide a schema for type safety and editor autocomplete!\n *\n *  import { init } from \"@instantdb/react\"\n *  import schema from \"\"../instant.schema.ts\";\n *\n *  const db = init({ appId: \"my-app-id\", schema })\n *\n *  // To learn more: https://instantdb.com/docs/modeling-data\n */\nexport function init<\n  Schema extends InstantSchemaDef<any, any, any> = InstantUnknownSchema,\n  UseDates extends boolean = false,\n>(\n  config: InstantConfig<Schema, UseDates>,\n): InstantNextDatabase<Schema, UseDates> {\n  return new InstantNextDatabase<Schema, UseDates>(config, {\n    '@instantdb/react': version,\n  });\n}\n"]}