@instantdb/react 0.22.98-experimental.highl.20766596946.1 → 0.22.99-experimental.add-user-perm-rules.20792844601.1

package/dist/commonjs/Cursors.js

@@ -60,29 +60,17 @@ function Cursors({ as = 'div', spaceId: _spaceId, room, className, style, userCu
         onTouchMove,
         onTouchEnd,
         className,
-        style: {
-            position: 'relative',
-            ...style,
-        },
+        style: Object.assign({ position: 'relative' }, style),
     }, [
         children,
-        (0, jsx_runtime_1.jsx)("div", { style: {
-                ...absStyles,
-                ...inertStyles,
-                zIndex: zIndex !== undefined ? zIndex : defaultZ,
-            }, children: Object.entries(cursorsPresence.peers).map(([id, presence]) => {
+        (0, jsx_runtime_1.jsx)("div", { style: Object.assign(Object.assign(Object.assign({}, absStyles), inertStyles), { zIndex: zIndex !== undefined ? zIndex : defaultZ }), children: Object.entries(cursorsPresence.peers).map(([id, presence]) => {
                 const cursor = presence[spaceId];
                 if (!cursor)
                     return null;
-                return ((0, jsx_runtime_1.jsx)("div", { style: {
-                        ...absStyles,
-                        transform: `translate(${cursor.xPercent}%, ${cursor.yPercent}%)`,
-                        transformOrigin: '0 0',
-                        transition: 'transform 100ms',
-                    }, children: renderCursor ? (renderCursor({
+                return ((0, jsx_runtime_1.jsx)("div", { style: Object.assign(Object.assign({}, absStyles), { transform: `translate(${cursor.xPercent}%, ${cursor.yPercent}%)`, transformOrigin: '0 0', transition: 'transform 100ms' }), children: renderCursor ? (renderCursor({
                         color: cursor.color,
-                        presence: fullPresence?.peers[id],
-                    })) : ((0, jsx_runtime_1.jsx)(Cursor, { ...cursor })) }, id));
+                        presence: fullPresence === null || fullPresence === void 0 ? void 0 : fullPresence.peers[id],
+                    })) : ((0, jsx_runtime_1.jsx)(Cursor, Object.assign({}, cursor))) }, id));
             }) }, spaceId),
     ]);
 }

package/dist/commonjs/Cursors.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cursors.js","sourceRoot":"","sources":["../../src/Cursors.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createElement,\n  type ReactNode,\n  type MouseEvent,\n  type TouchEvent,\n  type CSSProperties,\n} from 'react';\nimport { type InstantReactRoom } from '@instantdb/react-common';\nimport type { RoomSchemaShape } from '@instantdb/core';\n\nexport function Cursors<\n  RoomSchema extends RoomSchemaShape,\n  RoomType extends keyof RoomSchema,\n>({\n  as = 'div',\n  spaceId: _spaceId,\n  room,\n  className,\n  style,\n  userCursorColor,\n  children,\n  renderCursor,\n  propagate,\n  zIndex,\n}: {\n  spaceId?: string;\n  room: InstantReactRoom<any, RoomSchema, RoomType>;\n  style?: React.CSSProperties;\n  userCursorColor?: string;\n  as?: any;\n  className?: string;\n  children?: ReactNode;\n  renderCursor?: (props: {\n    color: string;\n    presence: RoomSchema[RoomType]['presence'];\n  }) => ReactNode;\n  propagate?: boolean;\n  zIndex?: number;\n}) {\n  const spaceId =\n    _spaceId || `cursors-space-default--${String(room.type)}-${room.id}`;\n\n  const cursorsPresence = room.usePresence({\n    keys: [spaceId] as (keyof RoomSchema[RoomType]['presence'])[],\n  });\n\n  const fullPresence = room._core._reactor.getPresence(room.type, room.id);\n\n  function publishCursor(\n    rect: DOMRect,\n    touch: { clientX: number; clientY: number },\n  ) {\n    const x = touch.clientX;\n    const y = touch.clientY;\n    const xPercent = ((x - rect.left) / rect.width) * 100;\n    const yPercent = ((y - rect.top) / rect.height) * 100;\n    cursorsPresence.publishPresence({\n      [spaceId]: {\n        x,\n        y,\n        xPercent,\n        yPercent,\n        color: userCursorColor,\n      },\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  function onMouseMove(e: MouseEvent) {\n    if (!propagate) {\n      e.stopPropagation();\n    }\n\n    const rect = e.currentTarget.getBoundingClientRect();\n    publishCursor(rect, e);\n  }\n\n  function onMouseOut(e: MouseEvent) {\n    cursorsPresence.publishPresence({\n      [spaceId]: undefined,\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  function onTouchMove(e: TouchEvent) {\n    if (e.touches.length !== 1) {\n      return;\n    }\n\n    const touch = e.touches[0];\n\n    if (touch.target instanceof Element) {\n      if (!propagate) {\n        e.stopPropagation();\n      }\n      const rect = touch.target.getBoundingClientRect();\n      publishCursor(rect, touch);\n    }\n  }\n\n  function onTouchEnd(e: TouchEvent) {\n    cursorsPresence.publishPresence({\n      [spaceId]: undefined,\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  return createElement(\n    as,\n    {\n      onMouseMove,\n      onMouseOut,\n      onTouchMove,\n      onTouchEnd,\n      className,\n      style: {\n        position: 'relative',\n        ...style,\n      },\n    },\n    [\n      children,\n      <div\n        key={spaceId}\n        style={{\n          ...absStyles,\n          ...inertStyles,\n          zIndex: zIndex !== undefined ? zIndex : defaultZ,\n        }}\n      >\n        {Object.entries(cursorsPresence.peers).map(([id, presence]) => {\n          const cursor = presence[spaceId];\n          if (!cursor) return null;\n\n          return (\n            <div\n              key={id}\n              style={{\n                ...absStyles,\n                transform: `translate(${cursor.xPercent}%, ${cursor.yPercent}%)`,\n                transformOrigin: '0 0',\n                transition: 'transform 100ms',\n              }}\n            >\n              {renderCursor ? (\n                renderCursor({\n                  color: cursor.color,\n                  presence: fullPresence?.peers[id],\n                })\n              ) : (\n                <Cursor {...cursor} />\n              )}\n            </div>\n          );\n        })}\n      </div>,\n    ],\n  );\n}\n\nfunction Cursor({ color }: { color: string }) {\n  const size = 35;\n  const fill = color || 'black';\n\n  return (\n    <svg\n      style={{ height: size, width: size }}\n      viewBox={`0 0 ${size} ${size}`}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g\n        fill=\"rgba(0,0,0,.2)\"\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m12 24.4219v-16.015l11.591 11.619h-6.781l-.411.124z\" />\n        <path d=\"m21.0845 25.0962-3.605 1.535-4.682-11.089 3.686-1.553z\" />\n      </g>\n      <g\n        fill=\"white\"\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m12 24.4219v-16.015l11.591 11.619h-6.781l-.411.124z\" />\n        <path d=\"m21.0845 25.0962-3.605 1.535-4.682-11.089 3.686-1.553z\" />\n      </g>\n      <g\n        fill={fill}\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m19.751 24.4155-1.844.774-3.1-7.374 1.841-.775z\" />\n        <path d=\"m13 10.814v11.188l2.969-2.866.428-.139h4.768z\" />\n      </g>\n    </svg>\n  );\n}\n\nconst absStyles: CSSProperties = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n};\n\nconst inertStyles: CSSProperties = {\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  userSelect: 'none',\n};\n\nconst defaultZ = 99999;\n"]}
+{"version":3,"file":"Cursors.js","sourceRoot":"","sources":["../../src/Cursors.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createElement,\n  type ReactNode,\n  type MouseEvent,\n  type TouchEvent,\n  type CSSProperties,\n} from 'react';\nimport { type InstantReactRoom } from '@instantdb/react-common';\nimport type { RoomSchemaShape } from '@instantdb/core';\n\nexport function Cursors<\n  RoomSchema extends RoomSchemaShape,\n  RoomType extends keyof RoomSchema,\n>({\n  as = 'div',\n  spaceId: _spaceId,\n  room,\n  className,\n  style,\n  userCursorColor,\n  children,\n  renderCursor,\n  propagate,\n  zIndex,\n}: {\n  spaceId?: string;\n  room: InstantReactRoom<any, RoomSchema, RoomType>;\n  style?: React.CSSProperties;\n  userCursorColor?: string;\n  as?: any;\n  className?: string;\n  children?: ReactNode;\n  renderCursor?: (props: {\n    color: string;\n    presence: RoomSchema[RoomType]['presence'];\n  }) => ReactNode;\n  propagate?: boolean;\n  zIndex?: number;\n}) {\n  const spaceId =\n    _spaceId || `cursors-space-default--${String(room.type)}-${room.id}`;\n\n  const cursorsPresence = room.usePresence({\n    keys: [spaceId] as (keyof RoomSchema[RoomType]['presence'])[],\n  });\n\n  const fullPresence = room._core._reactor.getPresence(room.type, room.id);\n\n  function publishCursor(\n    rect: DOMRect,\n    touch: { clientX: number; clientY: number },\n  ) {\n    const x = touch.clientX;\n    const y = touch.clientY;\n    const xPercent = ((x - rect.left) / rect.width) * 100;\n    const yPercent = ((y - rect.top) / rect.height) * 100;\n    cursorsPresence.publishPresence({\n      [spaceId]: {\n        x,\n        y,\n        xPercent,\n        yPercent,\n        color: userCursorColor,\n      },\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  function onMouseMove(e: MouseEvent) {\n    if (!propagate) {\n      e.stopPropagation();\n    }\n\n    const rect = e.currentTarget.getBoundingClientRect();\n    publishCursor(rect, e);\n  }\n\n  function onMouseOut(e: MouseEvent) {\n    cursorsPresence.publishPresence({\n      [spaceId]: undefined,\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  function onTouchMove(e: TouchEvent) {\n    if (e.touches.length !== 1) {\n      return;\n    }\n\n    const touch = e.touches[0];\n\n    if (touch.target instanceof Element) {\n      if (!propagate) {\n        e.stopPropagation();\n      }\n      const rect = touch.target.getBoundingClientRect();\n      publishCursor(rect, touch);\n    }\n  }\n\n  function onTouchEnd(e: TouchEvent) {\n    cursorsPresence.publishPresence({\n      [spaceId]: undefined,\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  return createElement(\n    as,\n    {\n      onMouseMove,\n      onMouseOut,\n      onTouchMove,\n      onTouchEnd,\n      className,\n      style: {\n        position: 'relative',\n        ...style,\n      },\n    },\n    [\n      children,\n      <div\n        key={spaceId}\n        style={{\n          ...absStyles,\n          ...inertStyles,\n          zIndex: zIndex !== undefined ? zIndex : defaultZ,\n        }}\n      >\n        {Object.entries(cursorsPresence.peers).map(([id, presence]) => {\n          const cursor = presence[spaceId];\n          if (!cursor) return null;\n\n          return (\n            <div\n              key={id}\n              style={{\n                ...absStyles,\n                transform: `translate(${cursor.xPercent}%, ${cursor.yPercent}%)`,\n                transformOrigin: '0 0',\n                transition: 'transform 100ms',\n              }}\n            >\n              {renderCursor ? (\n                renderCursor({\n                  color: cursor.color,\n                  presence: fullPresence?.peers[id],\n                })\n              ) : (\n                <Cursor {...cursor} />\n              )}\n            </div>\n          );\n        })}\n      </div>,\n    ],\n  );\n}\n\nfunction Cursor({ color }: { color: string }) {\n  const size = 35;\n  const fill = color || 'black';\n\n  return (\n    <svg\n      style={{ height: size, width: size }}\n      viewBox={`0 0 ${size} ${size}`}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g\n        fill=\"rgba(0,0,0,.2)\"\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m12 24.4219v-16.015l11.591 11.619h-6.781l-.411.124z\" />\n        <path d=\"m21.0845 25.0962-3.605 1.535-4.682-11.089 3.686-1.553z\" />\n      </g>\n      <g\n        fill=\"white\"\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m12 24.4219v-16.015l11.591 11.619h-6.781l-.411.124z\" />\n        <path d=\"m21.0845 25.0962-3.605 1.535-4.682-11.089 3.686-1.553z\" />\n      </g>\n      <g\n        fill={fill}\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m19.751 24.4155-1.844.774-3.1-7.374 1.841-.775z\" />\n        <path d=\"m13 10.814v11.188l2.969-2.866.428-.139h4.768z\" />\n      </g>\n    </svg>\n  );\n}\n\nconst absStyles: CSSProperties = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n};\n\nconst inertStyles: CSSProperties = {\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  userSelect: 'none',\n};\n\nconst defaultZ = 99999;\n"]}

package/dist/commonjs/InstantReactWebDatabase.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_common_1 = require("@instantdb/react-common");
 const eventsource_1 = require("eventsource");
 class InstantReactWebDatabase extends react_common_1.InstantReactAbstractDatabase {
-    static EventSourceImpl = eventsource_1.EventSource;
 }
+InstantReactWebDatabase.EventSourceImpl = eventsource_1.EventSource;
 exports.default = InstantReactWebDatabase;
 //# sourceMappingURL=InstantReactWebDatabase.js.map

package/dist/commonjs/InstantReactWebDatabase.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstantReactWebDatabase.js","sourceRoot":"","sources":["../../src/InstantReactWebDatabase.ts"],"names":[],"mappings":";;AACA,0DAAuE;AACvE,6CAA0C;AAE1C,MAAqB,uBAOnB,SAAQ,2CAAsD;IAC9D,MAAM,CAAC,eAAe,GAAG,yBAAW,CAAC;;AARvC,0CASC","sourcesContent":["import type { InstantConfig, InstantSchemaDef } from '@instantdb/core';\nimport { InstantReactAbstractDatabase } from '@instantdb/react-common';\nimport { EventSource } from 'eventsource';\n\nexport default class InstantReactWebDatabase<\n  Schema extends InstantSchemaDef<any, any, any>,\n  UseDates extends boolean = false,\n  Config extends InstantConfig<Schema, UseDates> = InstantConfig<\n    Schema,\n    UseDates\n  >,\n> extends InstantReactAbstractDatabase<Schema, UseDates, Config> {\n  static EventSourceImpl = EventSource;\n}\n"]}
+{"version":3,"file":"InstantReactWebDatabase.js","sourceRoot":"","sources":["../../src/InstantReactWebDatabase.ts"],"names":[],"mappings":";;AACA,0DAAuE;AACvE,6CAA0C;AAE1C,MAAqB,uBAOnB,SAAQ,2CAAsD;;AACvD,uCAAe,GAAG,yBAAW,CAAC;kBARlB,uBAAuB","sourcesContent":["import type { InstantConfig, InstantSchemaDef } from '@instantdb/core';\nimport { InstantReactAbstractDatabase } from '@instantdb/react-common';\nimport { EventSource } from 'eventsource';\n\nexport default class InstantReactWebDatabase<\n  Schema extends InstantSchemaDef<any, any, any>,\n  UseDates extends boolean = false,\n  Config extends InstantConfig<Schema, UseDates> = InstantConfig<\n    Schema,\n    UseDates\n  >,\n> extends InstantReactAbstractDatabase<Schema, UseDates, Config> {\n  static EventSourceImpl = EventSource;\n}\n"]}

package/dist/commonjs/__types__/typesTests.js

@@ -16,7 +16,7 @@ function _testUseDatesTest() {
         useDateObjects: true,
     });
     const { data } = db.useQuery({ tbl: {} });
-    const item = data?.tbl[0];
+    const item = data === null || data === void 0 ? void 0 : data.tbl[0];
     if (item) {
     }
 }
@@ -27,7 +27,7 @@ function _testUseDatesFalseTest() {
         useDateObjects: false,
     });
     const { data } = db.useQuery({ tbl: {} });
-    const item = data?.tbl[0];
+    const item = data === null || data === void 0 ? void 0 : data.tbl[0];
     if (item) {
     }
 }
@@ -37,7 +37,7 @@ function _testUseDatesUndefinedTest() {
         appId: '123',
     });
     const { data } = db.useQuery({ tbl: {} });
-    const item = data?.tbl[0];
+    const item = data === null || data === void 0 ? void 0 : data.tbl[0];
     if (item) {
     }
 }
@@ -46,7 +46,7 @@ function _testDataNoSchema() {
         appId: '123',
     });
     const { data } = db.useQuery({ tbl: {} });
-    const item = data?.tbl[0];
+    const item = data === null || data === void 0 ? void 0 : data.tbl[0];
     if (item) {
     }
 }

package/dist/commonjs/__types__/typesTests.js.map

@@ -1 +1 @@
-{"version":3,"file":"typesTests.js","sourceRoot":"","sources":["../../../src/__types__/typesTests.ts"],"names":[],"mappings":";;AACA,0CAAsC;AAEtC,MAAM,MAAM,GAAG,YAAC,CAAC,MAAM,CAAC;IACtB,QAAQ,EAAE;QACR,GAAG,EAAE,YAAC,CAAC,MAAM,CAAC;YACZ,CAAC,EAAE,YAAC,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE;YACrB,SAAS,EAAE,YAAC,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE;SAC/B,CAAC;KACH;CACF,CAAC,CAAC;AAEH,SAAS,iBAAiB;IACxB,MAAM,EAAE,GAAG,IAAA,eAAI,EAAC;QACd,MAAM;QACN,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,IAAI;KACrB,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1B,IAAI,IAAI,EAAE,CAAC;IASX,CAAC;AACH,CAAC;AAED,SAAS,sBAAsB;IAC7B,MAAM,EAAE,GAAG,IAAA,eAAI,EAAC;QACd,MAAM;QACN,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,KAAK;KACtB,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1B,IAAI,IAAI,EAAE,CAAC;IASX,CAAC;AACH,CAAC;AAED,SAAS,0BAA0B;IACjC,MAAM,EAAE,GAAG,IAAA,eAAI,EAAC;QACd,MAAM;QACN,KAAK,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1B,IAAI,IAAI,EAAE,CAAC;IASX,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB;IACxB,MAAM,EAAE,GAAG,IAAA,eAAI,EAAC;QACd,KAAK,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1B,IAAI,IAAI,EAAE,CAAC;IAGX,CAAC;AACH,CAAC","sourcesContent":["import type { Equal, Expect, IsAny, NotAny } from './typeUtils.ts';\nimport { i, init } from '../index.ts';\n\nconst schema = i.schema({\n  entities: {\n    tbl: i.entity({\n      d: i.date().indexed(),\n      dOptional: i.date().optional(),\n    }),\n  },\n});\n\nfunction _testUseDatesTest() {\n  const db = init({\n    schema,\n    appId: '123',\n    useDateObjects: true,\n  });\n\n  const { data } = db.useQuery({ tbl: {} });\n  const item = data?.tbl[0];\n  if (item) {\n    type t = typeof item.d;\n    type _cases = [Expect<NotAny<t>>, Expect<Equal<t, Date>>];\n\n    type tOpt = typeof item.dOptional;\n    type _cases_2 = [\n      Expect<NotAny<tOpt>>,\n      Expect<Equal<tOpt, Date | undefined>>,\n    ];\n  }\n}\n\nfunction _testUseDatesFalseTest() {\n  const db = init({\n    schema,\n    appId: '123',\n    useDateObjects: false,\n  });\n\n  const { data } = db.useQuery({ tbl: {} });\n  const item = data?.tbl[0];\n  if (item) {\n    type t = typeof item.d;\n    type _cases = [Expect<NotAny<t>>, Expect<Equal<t, string | number>>];\n\n    type tOpt = typeof item.dOptional;\n    type _cases_2 = [\n      Expect<NotAny<tOpt>>,\n      Expect<Equal<tOpt, string | number | undefined>>,\n    ];\n  }\n}\n\nfunction _testUseDatesUndefinedTest() {\n  const db = init({\n    schema,\n    appId: '123',\n  });\n\n  const { data } = db.useQuery({ tbl: {} });\n  const item = data?.tbl[0];\n  if (item) {\n    type t = typeof item.d;\n    type _cases = [Expect<NotAny<t>>, Expect<Equal<t, string | number>>];\n\n    type tOpt = typeof item.dOptional;\n    type _cases_2 = [\n      Expect<NotAny<tOpt>>,\n      Expect<Equal<tOpt, string | number | undefined>>,\n    ];\n  }\n}\n\nfunction _testDataNoSchema() {\n  const db = init({\n    appId: '123',\n  });\n\n  const { data } = db.useQuery({ tbl: {} });\n  const item = data?.tbl[0];\n  if (item) {\n    type t = typeof item.d;\n    type _cases = [Expect<IsAny<t>>, Expect<Equal<typeof item.id, string>>];\n  }\n}\n"]}
+{"version":3,"file":"typesTests.js","sourceRoot":"","sources":["../../../src/__types__/typesTests.ts"],"names":[],"mappings":";;AACA,0CAAsC;AAEtC,MAAM,MAAM,GAAG,YAAC,CAAC,MAAM,CAAC;IACtB,QAAQ,EAAE;QACR,GAAG,EAAE,YAAC,CAAC,MAAM,CAAC;YACZ,CAAC,EAAE,YAAC,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE;YACrB,SAAS,EAAE,YAAC,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE;SAC/B,CAAC;KACH;CACF,CAAC,CAAC;AAEH,SAAS,iBAAiB;IACxB,MAAM,EAAE,GAAG,IAAA,eAAI,EAAC;QACd,MAAM;QACN,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,IAAI;KACrB,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1B,IAAI,IAAI,EAAE,CAAC;IASX,CAAC;AACH,CAAC;AAED,SAAS,sBAAsB;IAC7B,MAAM,EAAE,GAAG,IAAA,eAAI,EAAC;QACd,MAAM;QACN,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,KAAK;KACtB,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1B,IAAI,IAAI,EAAE,CAAC;IASX,CAAC;AACH,CAAC;AAED,SAAS,0BAA0B;IACjC,MAAM,EAAE,GAAG,IAAA,eAAI,EAAC;QACd,MAAM;QACN,KAAK,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1B,IAAI,IAAI,EAAE,CAAC;IASX,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB;IACxB,MAAM,EAAE,GAAG,IAAA,eAAI,EAAC;QACd,KAAK,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,IAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1B,IAAI,IAAI,EAAE,CAAC;IAGX,CAAC;AACH,CAAC","sourcesContent":["import type { Equal, Expect, IsAny, NotAny } from './typeUtils.ts';\nimport { i, init } from '../index.ts';\n\nconst schema = i.schema({\n  entities: {\n    tbl: i.entity({\n      d: i.date().indexed(),\n      dOptional: i.date().optional(),\n    }),\n  },\n});\n\nfunction _testUseDatesTest() {\n  const db = init({\n    schema,\n    appId: '123',\n    useDateObjects: true,\n  });\n\n  const { data } = db.useQuery({ tbl: {} });\n  const item = data?.tbl[0];\n  if (item) {\n    type t = typeof item.d;\n    type _cases = [Expect<NotAny<t>>, Expect<Equal<t, Date>>];\n\n    type tOpt = typeof item.dOptional;\n    type _cases_2 = [\n      Expect<NotAny<tOpt>>,\n      Expect<Equal<tOpt, Date | undefined>>,\n    ];\n  }\n}\n\nfunction _testUseDatesFalseTest() {\n  const db = init({\n    schema,\n    appId: '123',\n    useDateObjects: false,\n  });\n\n  const { data } = db.useQuery({ tbl: {} });\n  const item = data?.tbl[0];\n  if (item) {\n    type t = typeof item.d;\n    type _cases = [Expect<NotAny<t>>, Expect<Equal<t, string | number>>];\n\n    type tOpt = typeof item.dOptional;\n    type _cases_2 = [\n      Expect<NotAny<tOpt>>,\n      Expect<Equal<tOpt, string | number | undefined>>,\n    ];\n  }\n}\n\nfunction _testUseDatesUndefinedTest() {\n  const db = init({\n    schema,\n    appId: '123',\n  });\n\n  const { data } = db.useQuery({ tbl: {} });\n  const item = data?.tbl[0];\n  if (item) {\n    type t = typeof item.d;\n    type _cases = [Expect<NotAny<t>>, Expect<Equal<t, string | number>>];\n\n    type tOpt = typeof item.dOptional;\n    type _cases_2 = [\n      Expect<NotAny<tOpt>>,\n      Expect<Equal<tOpt, string | number | undefined>>,\n    ];\n  }\n}\n\nfunction _testDataNoSchema() {\n  const db = init({\n    appId: '123',\n  });\n\n  const { data } = db.useQuery({ tbl: {} });\n  const item = data?.tbl[0];\n  if (item) {\n    type t = typeof item.d;\n    type _cases = [Expect<IsAny<t>>, Expect<Equal<typeof item.id, string>>];\n  }\n}\n"]}

package/dist/commonjs/init.js

@@ -31,10 +31,8 @@ function init(
 // Allows config with missing `useDateObjects`, but keeps `UseDates`
 // as a non-nullable in the InstantConfig type.
 config) {
-    const configStrict = {
-        ...config,
-        useDateObjects: (config.useDateObjects ?? false),
-    };
+    var _a;
+    const configStrict = Object.assign(Object.assign({}, config), { useDateObjects: ((_a = config.useDateObjects) !== null && _a !== void 0 ? _a : false) });
     return new InstantReactWebDatabase_ts_1.default(configStrict, {
         '@instantdb/react': version_ts_1.default,
     });

package/dist/commonjs/init.js.map

@@ -1 +1 @@
-{"version":3,"file":"init.js","sourceRoot":"","sources":["../../src/init.ts"],"names":[],"mappings":";;;;;;AA6BA,oBAqBC;AA5CD,8FAAmE;AACnE,8DAAmC;AAEnC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,IAAI;AAIlB,oEAAoE;AACpE,+CAA+C;AAC/C,MAEC;IAED,MAAM,YAAY,GAAG;QACnB,GAAG,MAAM;QACT,cAAc,EAAE,CAAC,MAAM,CAAC,cAAc,IAAI,KAAK,CAAa;KAC7D,CAAC;IACF,OAAO,IAAI,oCAAuB,CAIhC,YAAY,EAAE;QACd,kBAAkB,EAAE,oBAAO;KAC5B,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;;;;;;;GAaG;AACU,QAAA,iBAAiB,GAAG,IAAI,CAAC","sourcesContent":["import type {\n  InstantConfig,\n  InstantSchemaDef,\n  InstantUnknownSchema,\n} from '@instantdb/core';\n\nimport InstantReactWebDatabase from './InstantReactWebDatabase.ts';\nimport version from './version.ts';\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  // Allows config with missing `useDateObjects`, but keeps `UseDates`\n  // as a non-nullable in the InstantConfig type.\n  config: Omit<InstantConfig<Schema, UseDates>, 'useDateObjects'> & {\n    useDateObjects?: UseDates;\n  },\n): InstantReactWebDatabase<Schema, UseDates, InstantConfig<Schema, UseDates>> {\n  const configStrict = {\n    ...config,\n    useDateObjects: (config.useDateObjects ?? false) as UseDates,\n  };\n  return new InstantReactWebDatabase<\n    Schema,\n    UseDates,\n    InstantConfig<Schema, UseDates>\n  >(configStrict, {\n    '@instantdb/react': version,\n  });\n}\n\n/**\n * @deprecated\n * `init_experimental` is deprecated. You can replace it with `init`.\n *\n * @example\n *\n * // Before\n * import { init_experimental } from \"@instantdb/react\"\n * const db = init_experimental({  ...  });\n *\n * // After\n * import { init } from \"@instantdb/react\"\n * const db = init({ ...  });\n */\nexport const init_experimental = init;\n"]}
+{"version":3,"file":"init.js","sourceRoot":"","sources":["../../src/init.ts"],"names":[],"mappings":";;;;;;AA6BA,oBAqBC;AA5CD,8FAAmE;AACnE,8DAAmC;AAEnC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,IAAI;AAIlB,oEAAoE;AACpE,+CAA+C;AAC/C,MAEC;;IAED,MAAM,YAAY,mCACb,MAAM,KACT,cAAc,EAAE,CAAC,MAAA,MAAM,CAAC,cAAc,mCAAI,KAAK,CAAa,GAC7D,CAAC;IACF,OAAO,IAAI,oCAAuB,CAIhC,YAAY,EAAE;QACd,kBAAkB,EAAE,oBAAO;KAC5B,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;;;;;;;GAaG;AACU,QAAA,iBAAiB,GAAG,IAAI,CAAC","sourcesContent":["import type {\n  InstantConfig,\n  InstantSchemaDef,\n  InstantUnknownSchema,\n} from '@instantdb/core';\n\nimport InstantReactWebDatabase from './InstantReactWebDatabase.ts';\nimport version from './version.ts';\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  // Allows config with missing `useDateObjects`, but keeps `UseDates`\n  // as a non-nullable in the InstantConfig type.\n  config: Omit<InstantConfig<Schema, UseDates>, 'useDateObjects'> & {\n    useDateObjects?: UseDates;\n  },\n): InstantReactWebDatabase<Schema, UseDates, InstantConfig<Schema, UseDates>> {\n  const configStrict = {\n    ...config,\n    useDateObjects: (config.useDateObjects ?? false) as UseDates,\n  };\n  return new InstantReactWebDatabase<\n    Schema,\n    UseDates,\n    InstantConfig<Schema, UseDates>\n  >(configStrict, {\n    '@instantdb/react': version,\n  });\n}\n\n/**\n * @deprecated\n * `init_experimental` is deprecated. You can replace it with `init`.\n *\n * @example\n *\n * // Before\n * import { init_experimental } from \"@instantdb/react\"\n * const db = init_experimental({  ...  });\n *\n * // After\n * import { init } from \"@instantdb/react\"\n * const db = init({ ...  });\n */\nexport const init_experimental = init;\n"]}

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

@@ -59,14 +59,18 @@ function createHydrationStreamProvider() {
      *   - 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 = (0, htmlescape_js_1.htmlEscapeJsonString)(JSON.stringify(id));
-        const [transformer] = React.useState(() => (props.transformer ?? {
-            // noop
-            serialize: (obj) => obj,
-            deserialize: (obj) => obj,
-        }));
+        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 (!exports.isServer) {
@@ -80,8 +84,9 @@ function createHydrationStreamProvider() {
         });
         const count = React.useRef(0);
         (0, navigation_js_1.useServerInsertedHTML)(() => {
+            var _a, _b;
             // This only happens on the server
-            stream.push(...(props.onFlush?.() ?? []));
+            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;
             }
@@ -109,13 +114,13 @@ function createHydrationStreamProvider() {
         // if the data has not yet been hydrated.
         if (!exports.isServer) {
             const win = window;
-            if (!win[id]?.initialized) {
+            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 = win[id] ?? [];
+                const winStream = (_b = win[id]) !== null && _b !== void 0 ? _b : [];
                 onEntries(...winStream);
                 // eslint-disable-next-line react-hooks/immutability
                 win[id] = {

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

@@ -1 +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"]}
+{"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/commonjs/next-ssr/InstantNextDatabase.js

@@ -8,32 +8,35 @@ const InstantReactWebDatabase_ts_1 = __importDefault(require("../InstantReactWeb
 const react_1 = require("react");
 const InstantSuspenseProvider_tsx_1 = require("./InstantSuspenseProvider.js");
 class InstantNextDatabase extends InstantReactWebDatabase_ts_1.default {
-    useSuspenseQuery = (q, opts) => {
-        const ctx = (0, react_1.useContext)(InstantSuspenseProvider_tsx_1.SuspsenseQueryContext);
-        if (!ctx) {
-            throw new Error('useSuspenseQuery must be used within a SuspenseQueryProvider');
-        }
-        return ctx.useSuspenseQuery(q, opts);
-    };
-    useAuth = () => {
-        const ctx = (0, react_1.useContext)(InstantSuspenseProvider_tsx_1.SuspsenseQueryContext);
-        const realAuthResult = this._useAuth();
-        if (!ctx) {
+    constructor() {
+        super(...arguments);
+        this.useSuspenseQuery = (q, opts) => {
+            const ctx = (0, react_1.useContext)(InstantSuspenseProvider_tsx_1.SuspsenseQueryContext);
+            if (!ctx) {
+                throw new Error('useSuspenseQuery must be used within a SuspenseQueryProvider');
+            }
+            return ctx.useSuspenseQuery(q, opts);
+        };
+        this.useAuth = () => {
+            const ctx = (0, react_1.useContext)(InstantSuspenseProvider_tsx_1.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;
-        }
-        const { ssrUser } = ctx;
-        if (ssrUser === undefined) {
-            return realAuthResult;
-        }
-        if (realAuthResult.isLoading) {
-            return {
-                error: undefined,
-                isLoading: false,
-                user: ssrUser ?? undefined, // null -> undefined for the response
-            };
-        }
-        return realAuthResult;
-    };
+        };
+    }
 }
 exports.InstantNextDatabase = InstantNextDatabase;
 //# sourceMappingURL=InstantNextDatabase.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InstantNextDatabase.js","sourceRoot":"","sources":["../../../src/next-ssr/InstantNextDatabase.tsx"],"names":[],"mappings":";;;;;;AAQA,+FAAoE;AACpE,iCAAmC;AACnC,8EAAsE;AAEtE,MAAa,mBAGX,SAAQ,oCAAyC;IAC1C,gBAAgB,GAAG,CACxB,CAAI,EACJ,IAEC,EAID,EAAE;QACF,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,mDAAqB,CAAC,CAAC;QAC9C,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,MAAM,IAAI,KAAK,CACb,8DAA8D,CAC/D,CAAC;QACJ,CAAC;QACD,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAQ,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,GAAG,GAAc,EAAE;QACxB,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,mDAAqB,CAAC,CAAC;QAC9C,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QACvC,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,cAAc,CAAC;QACxB,CAAC;QAED,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC;QACxB,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,OAAO,cAAc,CAAC;QACxB,CAAC;QACD,IAAI,cAAc,CAAC,SAAS,EAAE,CAAC;YAC7B,OAAO;gBACL,KAAK,EAAE,SAAS;gBAChB,SAAS,EAAE,KAAK;gBAChB,IAAI,EAAE,OAAO,IAAI,SAAS,EAAE,qCAAqC;aAClE,CAAC;QACJ,CAAC;QAED,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC;CACH;AA3CD,kDA2CC","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"]}
+{"version":3,"file":"InstantNextDatabase.js","sourceRoot":"","sources":["../../../src/next-ssr/InstantNextDatabase.tsx"],"names":[],"mappings":";;;;;;AAQA,+FAAoE;AACpE,iCAAmC;AACnC,8EAAsE;AAEtE,MAAa,mBAGX,SAAQ,oCAAyC;IAHnD;;QAIS,qBAAgB,GAAG,CACxB,CAAI,EACJ,IAEC,EAID,EAAE;YACF,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,mDAAqB,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,IAAA,kBAAU,EAAC,mDAAqB,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;AA3CD,kDA2CC","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/commonjs/next-ssr/InstantSuspenseProvider.js

@@ -21,6 +21,7 @@ const createUseSuspenseQuery = (_db) => {
 };
 exports.createUseSuspenseQuery = createUseSuspenseQuery;
 const InstantSuspenseProvider = (props) => {
+    var _a;
     const clientRef = (0, react_1.useRef)(null);
     if (!props.db) {
         throw new Error('Must provide either a db or config to InstantSuspenseProvider');
@@ -33,7 +34,7 @@ const InstantSuspenseProvider = (props) => {
                 JSON.stringify(props.user, null, 2));
         }
         clientRef.current = new core_1.FrameworkClient({
-            token: props.user?.refresh_token,
+            token: (_a = props.user) === null || _a === void 0 ? void 0 : _a.refresh_token,
             db: db.current.core,
         });
     }
@@ -44,9 +45,7 @@ const InstantSuspenseProvider = (props) => {
         });
     }
     const useSuspenseQuery = (query, opts) => {
-        const nonSuspenseResult = db.current.useQuery(query, {
-            ...opts,
-        });
+        const nonSuspenseResult = db.current.useQuery(query, Object.assign({}, opts));
         if (nonSuspenseResult.data) {
             return {
                 data: nonSuspenseResult.data,
@@ -58,7 +57,7 @@ const InstantSuspenseProvider = (props) => {
             throw new Error('Client ref not set up');
         }
         let entry = clientRef.current.getExistingResultForQuery(query, {
-            ruleParams: opts?.ruleParams,
+            ruleParams: opts === null || opts === void 0 ? void 0 : opts.ruleParams,
         });
         if (!entry) {
             entry = clientRef.current.query(query, opts);

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

@@ -1 +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"]}
+{"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/commonjs/next-ssr/getUserFromInstantCookie.js

@@ -1,12 +1,21 @@
 "use strict";
+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());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUserFromInstantCookie = void 0;
 const headers_js_1 = require("next/headers.js");
-const getUserFromInstantCookie = async (appId) => {
-    const cookieStore = await (0, headers_js_1.cookies)();
+const getUserFromInstantCookie = (appId) => __awaiter(void 0, void 0, void 0, function* () {
+    const cookieStore = yield (0, headers_js_1.cookies)();
     const userJSON = cookieStore.get('instant_user_' + appId);
     const user = userJSON ? JSON.parse(userJSON.value) : null;
     return user;
-};
+});
 exports.getUserFromInstantCookie = getUserFromInstantCookie;
 //# sourceMappingURL=getUserFromInstantCookie.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getUserFromInstantCookie.js","sourceRoot":"","sources":["../../../src/next-ssr/getUserFromInstantCookie.ts"],"names":[],"mappings":";;;AACA,gDAA0C;AAEnC,MAAM,wBAAwB,GAAG,KAAK,EAC3C,KAAa,EACS,EAAE;IACxB,MAAM,WAAW,GAAG,MAAM,IAAA,oBAAO,GAAE,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,CAAC;AAPW,QAAA,wBAAwB,4BAOnC","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"]}
+{"version":3,"file":"getUserFromInstantCookie.js","sourceRoot":"","sources":["../../../src/next-ssr/getUserFromInstantCookie.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,gDAA0C;AAEnC,MAAM,wBAAwB,GAAG,CACtC,KAAa,EACS,EAAE;IACxB,MAAM,WAAW,GAAG,MAAM,IAAA,oBAAO,GAAE,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;AAPW,QAAA,wBAAwB,4BAOnC","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/Cursors.js

@@ -57,29 +57,17 @@ export function Cursors({ as = 'div', spaceId: _spaceId, room, className, style,
         onTouchMove,
         onTouchEnd,
         className,
-        style: {
-            position: 'relative',
-            ...style,
-        },
+        style: Object.assign({ position: 'relative' }, style),
     }, [
         children,
-        _jsx("div", { style: {
-                ...absStyles,
-                ...inertStyles,
-                zIndex: zIndex !== undefined ? zIndex : defaultZ,
-            }, children: Object.entries(cursorsPresence.peers).map(([id, presence]) => {
+        _jsx("div", { style: Object.assign(Object.assign(Object.assign({}, absStyles), inertStyles), { zIndex: zIndex !== undefined ? zIndex : defaultZ }), children: Object.entries(cursorsPresence.peers).map(([id, presence]) => {
                 const cursor = presence[spaceId];
                 if (!cursor)
                     return null;
-                return (_jsx("div", { style: {
-                        ...absStyles,
-                        transform: `translate(${cursor.xPercent}%, ${cursor.yPercent}%)`,
-                        transformOrigin: '0 0',
-                        transition: 'transform 100ms',
-                    }, children: renderCursor ? (renderCursor({
+                return (_jsx("div", { style: Object.assign(Object.assign({}, absStyles), { transform: `translate(${cursor.xPercent}%, ${cursor.yPercent}%)`, transformOrigin: '0 0', transition: 'transform 100ms' }), children: renderCursor ? (renderCursor({
                         color: cursor.color,
-                        presence: fullPresence?.peers[id],
-                    })) : (_jsx(Cursor, { ...cursor })) }, id));
+                        presence: fullPresence === null || fullPresence === void 0 ? void 0 : fullPresence.peers[id],
+                    })) : (_jsx(Cursor, Object.assign({}, cursor))) }, id));
             }) }, spaceId),
     ]);
 }

package/dist/esm/Cursors.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cursors.js","sourceRoot":"","sources":["../../src/Cursors.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createElement,\n  type ReactNode,\n  type MouseEvent,\n  type TouchEvent,\n  type CSSProperties,\n} from 'react';\nimport { type InstantReactRoom } from '@instantdb/react-common';\nimport type { RoomSchemaShape } from '@instantdb/core';\n\nexport function Cursors<\n  RoomSchema extends RoomSchemaShape,\n  RoomType extends keyof RoomSchema,\n>({\n  as = 'div',\n  spaceId: _spaceId,\n  room,\n  className,\n  style,\n  userCursorColor,\n  children,\n  renderCursor,\n  propagate,\n  zIndex,\n}: {\n  spaceId?: string;\n  room: InstantReactRoom<any, RoomSchema, RoomType>;\n  style?: React.CSSProperties;\n  userCursorColor?: string;\n  as?: any;\n  className?: string;\n  children?: ReactNode;\n  renderCursor?: (props: {\n    color: string;\n    presence: RoomSchema[RoomType]['presence'];\n  }) => ReactNode;\n  propagate?: boolean;\n  zIndex?: number;\n}) {\n  const spaceId =\n    _spaceId || `cursors-space-default--${String(room.type)}-${room.id}`;\n\n  const cursorsPresence = room.usePresence({\n    keys: [spaceId] as (keyof RoomSchema[RoomType]['presence'])[],\n  });\n\n  const fullPresence = room._core._reactor.getPresence(room.type, room.id);\n\n  function publishCursor(\n    rect: DOMRect,\n    touch: { clientX: number; clientY: number },\n  ) {\n    const x = touch.clientX;\n    const y = touch.clientY;\n    const xPercent = ((x - rect.left) / rect.width) * 100;\n    const yPercent = ((y - rect.top) / rect.height) * 100;\n    cursorsPresence.publishPresence({\n      [spaceId]: {\n        x,\n        y,\n        xPercent,\n        yPercent,\n        color: userCursorColor,\n      },\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  function onMouseMove(e: MouseEvent) {\n    if (!propagate) {\n      e.stopPropagation();\n    }\n\n    const rect = e.currentTarget.getBoundingClientRect();\n    publishCursor(rect, e);\n  }\n\n  function onMouseOut(e: MouseEvent) {\n    cursorsPresence.publishPresence({\n      [spaceId]: undefined,\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  function onTouchMove(e: TouchEvent) {\n    if (e.touches.length !== 1) {\n      return;\n    }\n\n    const touch = e.touches[0];\n\n    if (touch.target instanceof Element) {\n      if (!propagate) {\n        e.stopPropagation();\n      }\n      const rect = touch.target.getBoundingClientRect();\n      publishCursor(rect, touch);\n    }\n  }\n\n  function onTouchEnd(e: TouchEvent) {\n    cursorsPresence.publishPresence({\n      [spaceId]: undefined,\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  return createElement(\n    as,\n    {\n      onMouseMove,\n      onMouseOut,\n      onTouchMove,\n      onTouchEnd,\n      className,\n      style: {\n        position: 'relative',\n        ...style,\n      },\n    },\n    [\n      children,\n      <div\n        key={spaceId}\n        style={{\n          ...absStyles,\n          ...inertStyles,\n          zIndex: zIndex !== undefined ? zIndex : defaultZ,\n        }}\n      >\n        {Object.entries(cursorsPresence.peers).map(([id, presence]) => {\n          const cursor = presence[spaceId];\n          if (!cursor) return null;\n\n          return (\n            <div\n              key={id}\n              style={{\n                ...absStyles,\n                transform: `translate(${cursor.xPercent}%, ${cursor.yPercent}%)`,\n                transformOrigin: '0 0',\n                transition: 'transform 100ms',\n              }}\n            >\n              {renderCursor ? (\n                renderCursor({\n                  color: cursor.color,\n                  presence: fullPresence?.peers[id],\n                })\n              ) : (\n                <Cursor {...cursor} />\n              )}\n            </div>\n          );\n        })}\n      </div>,\n    ],\n  );\n}\n\nfunction Cursor({ color }: { color: string }) {\n  const size = 35;\n  const fill = color || 'black';\n\n  return (\n    <svg\n      style={{ height: size, width: size }}\n      viewBox={`0 0 ${size} ${size}`}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g\n        fill=\"rgba(0,0,0,.2)\"\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m12 24.4219v-16.015l11.591 11.619h-6.781l-.411.124z\" />\n        <path d=\"m21.0845 25.0962-3.605 1.535-4.682-11.089 3.686-1.553z\" />\n      </g>\n      <g\n        fill=\"white\"\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m12 24.4219v-16.015l11.591 11.619h-6.781l-.411.124z\" />\n        <path d=\"m21.0845 25.0962-3.605 1.535-4.682-11.089 3.686-1.553z\" />\n      </g>\n      <g\n        fill={fill}\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m19.751 24.4155-1.844.774-3.1-7.374 1.841-.775z\" />\n        <path d=\"m13 10.814v11.188l2.969-2.866.428-.139h4.768z\" />\n      </g>\n    </svg>\n  );\n}\n\nconst absStyles: CSSProperties = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n};\n\nconst inertStyles: CSSProperties = {\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  userSelect: 'none',\n};\n\nconst defaultZ = 99999;\n"]}
+{"version":3,"file":"Cursors.js","sourceRoot":"","sources":["../../src/Cursors.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createElement,\n  type ReactNode,\n  type MouseEvent,\n  type TouchEvent,\n  type CSSProperties,\n} from 'react';\nimport { type InstantReactRoom } from '@instantdb/react-common';\nimport type { RoomSchemaShape } from '@instantdb/core';\n\nexport function Cursors<\n  RoomSchema extends RoomSchemaShape,\n  RoomType extends keyof RoomSchema,\n>({\n  as = 'div',\n  spaceId: _spaceId,\n  room,\n  className,\n  style,\n  userCursorColor,\n  children,\n  renderCursor,\n  propagate,\n  zIndex,\n}: {\n  spaceId?: string;\n  room: InstantReactRoom<any, RoomSchema, RoomType>;\n  style?: React.CSSProperties;\n  userCursorColor?: string;\n  as?: any;\n  className?: string;\n  children?: ReactNode;\n  renderCursor?: (props: {\n    color: string;\n    presence: RoomSchema[RoomType]['presence'];\n  }) => ReactNode;\n  propagate?: boolean;\n  zIndex?: number;\n}) {\n  const spaceId =\n    _spaceId || `cursors-space-default--${String(room.type)}-${room.id}`;\n\n  const cursorsPresence = room.usePresence({\n    keys: [spaceId] as (keyof RoomSchema[RoomType]['presence'])[],\n  });\n\n  const fullPresence = room._core._reactor.getPresence(room.type, room.id);\n\n  function publishCursor(\n    rect: DOMRect,\n    touch: { clientX: number; clientY: number },\n  ) {\n    const x = touch.clientX;\n    const y = touch.clientY;\n    const xPercent = ((x - rect.left) / rect.width) * 100;\n    const yPercent = ((y - rect.top) / rect.height) * 100;\n    cursorsPresence.publishPresence({\n      [spaceId]: {\n        x,\n        y,\n        xPercent,\n        yPercent,\n        color: userCursorColor,\n      },\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  function onMouseMove(e: MouseEvent) {\n    if (!propagate) {\n      e.stopPropagation();\n    }\n\n    const rect = e.currentTarget.getBoundingClientRect();\n    publishCursor(rect, e);\n  }\n\n  function onMouseOut(e: MouseEvent) {\n    cursorsPresence.publishPresence({\n      [spaceId]: undefined,\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  function onTouchMove(e: TouchEvent) {\n    if (e.touches.length !== 1) {\n      return;\n    }\n\n    const touch = e.touches[0];\n\n    if (touch.target instanceof Element) {\n      if (!propagate) {\n        e.stopPropagation();\n      }\n      const rect = touch.target.getBoundingClientRect();\n      publishCursor(rect, touch);\n    }\n  }\n\n  function onTouchEnd(e: TouchEvent) {\n    cursorsPresence.publishPresence({\n      [spaceId]: undefined,\n    } as RoomSchema[RoomType]['presence']);\n  }\n\n  return createElement(\n    as,\n    {\n      onMouseMove,\n      onMouseOut,\n      onTouchMove,\n      onTouchEnd,\n      className,\n      style: {\n        position: 'relative',\n        ...style,\n      },\n    },\n    [\n      children,\n      <div\n        key={spaceId}\n        style={{\n          ...absStyles,\n          ...inertStyles,\n          zIndex: zIndex !== undefined ? zIndex : defaultZ,\n        }}\n      >\n        {Object.entries(cursorsPresence.peers).map(([id, presence]) => {\n          const cursor = presence[spaceId];\n          if (!cursor) return null;\n\n          return (\n            <div\n              key={id}\n              style={{\n                ...absStyles,\n                transform: `translate(${cursor.xPercent}%, ${cursor.yPercent}%)`,\n                transformOrigin: '0 0',\n                transition: 'transform 100ms',\n              }}\n            >\n              {renderCursor ? (\n                renderCursor({\n                  color: cursor.color,\n                  presence: fullPresence?.peers[id],\n                })\n              ) : (\n                <Cursor {...cursor} />\n              )}\n            </div>\n          );\n        })}\n      </div>,\n    ],\n  );\n}\n\nfunction Cursor({ color }: { color: string }) {\n  const size = 35;\n  const fill = color || 'black';\n\n  return (\n    <svg\n      style={{ height: size, width: size }}\n      viewBox={`0 0 ${size} ${size}`}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g\n        fill=\"rgba(0,0,0,.2)\"\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m12 24.4219v-16.015l11.591 11.619h-6.781l-.411.124z\" />\n        <path d=\"m21.0845 25.0962-3.605 1.535-4.682-11.089 3.686-1.553z\" />\n      </g>\n      <g\n        fill=\"white\"\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m12 24.4219v-16.015l11.591 11.619h-6.781l-.411.124z\" />\n        <path d=\"m21.0845 25.0962-3.605 1.535-4.682-11.089 3.686-1.553z\" />\n      </g>\n      <g\n        fill={fill}\n        transform=\"matrix(1, 0, 0, 1, -11.999999046325684, -8.406899452209473)\"\n      >\n        <path d=\"m19.751 24.4155-1.844.774-3.1-7.374 1.841-.775z\" />\n        <path d=\"m13 10.814v11.188l2.969-2.866.428-.139h4.768z\" />\n      </g>\n    </svg>\n  );\n}\n\nconst absStyles: CSSProperties = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n};\n\nconst inertStyles: CSSProperties = {\n  overflow: 'hidden',\n  pointerEvents: 'none',\n  userSelect: 'none',\n};\n\nconst defaultZ = 99999;\n"]}

package/dist/esm/InstantReactWebDatabase.js

@@ -1,6 +1,7 @@
 import { InstantReactAbstractDatabase } from '@instantdb/react-common';
 import { EventSource } from 'eventsource';
-export default class InstantReactWebDatabase extends InstantReactAbstractDatabase {
-    static EventSourceImpl = EventSource;
+class InstantReactWebDatabase extends InstantReactAbstractDatabase {
 }
+InstantReactWebDatabase.EventSourceImpl = EventSource;
+export default InstantReactWebDatabase;
 //# sourceMappingURL=InstantReactWebDatabase.js.map

package/dist/esm/InstantReactWebDatabase.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstantReactWebDatabase.js","sourceRoot":"","sources":["../../src/InstantReactWebDatabase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,CAAC,OAAO,OAAO,uBAOnB,SAAQ,4BAAsD;IAC9D,MAAM,CAAC,eAAe,GAAG,WAAW,CAAC","sourcesContent":["import type { InstantConfig, InstantSchemaDef } from '@instantdb/core';\nimport { InstantReactAbstractDatabase } from '@instantdb/react-common';\nimport { EventSource } from 'eventsource';\n\nexport default class InstantReactWebDatabase<\n  Schema extends InstantSchemaDef<any, any, any>,\n  UseDates extends boolean = false,\n  Config extends InstantConfig<Schema, UseDates> = InstantConfig<\n    Schema,\n    UseDates\n  >,\n> extends InstantReactAbstractDatabase<Schema, UseDates, Config> {\n  static EventSourceImpl = EventSource;\n}\n"]}
+{"version":3,"file":"InstantReactWebDatabase.js","sourceRoot":"","sources":["../../src/InstantReactWebDatabase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAqB,uBAOnB,SAAQ,4BAAsD;;AACvD,uCAAe,GAAG,WAAW,CAAC;eARlB,uBAAuB","sourcesContent":["import type { InstantConfig, InstantSchemaDef } from '@instantdb/core';\nimport { InstantReactAbstractDatabase } from '@instantdb/react-common';\nimport { EventSource } from 'eventsource';\n\nexport default class InstantReactWebDatabase<\n  Schema extends InstantSchemaDef<any, any, any>,\n  UseDates extends boolean = false,\n  Config extends InstantConfig<Schema, UseDates> = InstantConfig<\n    Schema,\n    UseDates\n  >,\n> extends InstantReactAbstractDatabase<Schema, UseDates, Config> {\n  static EventSourceImpl = EventSource;\n}\n"]}