atom.io 0.21.1 → 0.23.0

package/react-devtools/dist/index.cjs

@@ -5,6 +5,7 @@ var introspection = require('atom.io/introspection');
 var react$1 = require('atom.io/react');
 var framerMotion = require('framer-motion');
 var react = require('react');
+var ephemeral = require('atom.io/ephemeral');
 var jsxRuntime = require('react/jsx-runtime');
 
 var __defProp = Object.defineProperty;
@@ -1718,8 +1719,8 @@ var StateIndexTreeNode = ({ node, isOpenState }) => {
   const setIsOpen = react$1.useI(isOpenState);
   const isOpen = react$1.useO(isOpenState);
   for (const [key, childNode] of node.familyMembers) {
-    atom_io.findState(findViewIsOpenState, key);
-    atom_io.findState(findStateTypeState, childNode);
+    ephemeral.findState(findViewIsOpenState, key);
+    ephemeral.findState(findStateTypeState, childNode);
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
@@ -1740,8 +1741,8 @@ var StateIndexTreeNode = ({ node, isOpenState }) => {
       StateIndexNode,
       {
         node: childNode,
-        isOpenState: atom_io.findState(findViewIsOpenState, childNode.key),
-        typeState: atom_io.findState(findStateTypeState, childNode)
+        isOpenState: ephemeral.findState(findViewIsOpenState, childNode.key),
+        typeState: ephemeral.findState(findStateTypeState, childNode)
       },
       key
     )) : null
@@ -1764,8 +1765,8 @@ var StateIndex = ({ tokenIndex }) => {
       StateIndexNode,
       {
         node,
-        isOpenState: atom_io.findState(findViewIsOpenState, node.key),
-        typeState: atom_io.findState(findStateTypeState, node)
+        isOpenState: ephemeral.findState(findViewIsOpenState, node.key),
+        typeState: ephemeral.findState(findStateTypeState, node)
       },
       key
     );
@@ -1837,25 +1838,28 @@ var TransactionUpdateFC = ({ serialNumber, transactionUpdate }) => {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "transaction_impact", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "detail", children: "impact: " }),
-            transactionUpdate.updates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((update, index) => {
-              if (`newValue` in update) {
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  article.AtomUpdate,
-                  {
-                    serialNumber: index,
-                    atomUpdate: update
-                  },
-                  `${transactionUpdate.key}:${index}:${update.key}`
-                );
+            transactionUpdate.updates.filter((token) => `key` in token && !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((update, index) => {
+              switch (update.type) {
+                case `atom_update`:
+                case `selector_update`:
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    article.AtomUpdate,
+                    {
+                      serialNumber: index,
+                      atomUpdate: update
+                    },
+                    `${transactionUpdate.key}:${index}:${update.key}`
+                  );
+                case `transaction_update`:
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    TransactionUpdateFC,
+                    {
+                      serialNumber: index,
+                      transactionUpdate: update
+                    },
+                    `${transactionUpdate.key}:${index}:${update.key}`
+                  );
               }
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                TransactionUpdateFC,
-                {
-                  serialNumber: index,
-                  transactionUpdate: update
-                },
-                `${transactionUpdate.key}:${index}:${update.key}`
-              );
             })
           ] })
         ] })
@@ -1864,7 +1868,7 @@ var TransactionUpdateFC = ({ serialNumber, transactionUpdate }) => {
   );
 };
 var TimelineUpdateFC = ({ timelineUpdate, serialNumber }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return `key` in timelineUpdate ? /* @__PURE__ */ jsxRuntime.jsxs(
     "article",
     {
       className: "node timeline_update",
@@ -1878,22 +1882,28 @@ var TimelineUpdateFC = ({ timelineUpdate, serialNumber }) => {
           timelineUpdate.key,
           ")"
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("main", { children: timelineUpdate.type === `transaction_update` ? timelineUpdate.updates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((update, index) => {
-          return `newValue` in update ? /* @__PURE__ */ jsxRuntime.jsx(
-            article.AtomUpdate,
-            {
-              serialNumber: index,
-              atomUpdate: update
-            },
-            `${timelineUpdate.key}:${index}:${update.key}`
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            TransactionUpdateFC,
-            {
-              serialNumber: index,
-              transactionUpdate: update
-            },
-            `${timelineUpdate.key}:${index}:${update.key}`
-          );
+        /* @__PURE__ */ jsxRuntime.jsx("main", { children: timelineUpdate.type === `transaction_update` ? timelineUpdate.updates.filter((token) => `key` in token && !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((update, index) => {
+          switch (update.type) {
+            case `atom_update`:
+            case `selector_update`:
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                article.AtomUpdate,
+                {
+                  serialNumber: index,
+                  atomUpdate: update
+                },
+                `${timelineUpdate.key}:${index}:${update.key}`
+              );
+            case `transaction_update`:
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                TransactionUpdateFC,
+                {
+                  serialNumber: index,
+                  transactionUpdate: update
+                },
+                `${timelineUpdate.key}:${index}:${update.key}`
+              );
+          }
         }) : timelineUpdate.type === `selector_update` ? timelineUpdate.atomUpdates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((atomUpdate, index) => {
           return /* @__PURE__ */ jsxRuntime.jsx(
             article.AtomUpdate,
@@ -1912,7 +1922,7 @@ var TimelineUpdateFC = ({ timelineUpdate, serialNumber }) => {
         ) : null })
       ]
     }
-  );
+  ) : null;
 };
 var article = {
   AtomUpdate: AtomUpdateFC,
@@ -1972,17 +1982,19 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
         ] })
       ] })
     ] }),
-    isOpen ? /* @__PURE__ */ jsxRuntime.jsx("main", { children: timeline.history.map((update, index) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-      index === timeline.at ? /* @__PURE__ */ jsxRuntime.jsx(YouAreHere, {}) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        article.TimelineUpdate,
-        {
-          timelineUpdate: update,
-          serialNumber: index
-        }
-      ),
-      index === timeline.history.length - 1 && timeline.at === timeline.history.length ? /* @__PURE__ */ jsxRuntime.jsx(YouAreHere, {}) : null
-    ] }, update.key + index + timeline.at)) }) : null
+    isOpen ? /* @__PURE__ */ jsxRuntime.jsx("main", { children: timeline.history.map(
+      (update, index) => `key` in update ? /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+        index === timeline.at ? /* @__PURE__ */ jsxRuntime.jsx(YouAreHere, {}) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          article.TimelineUpdate,
+          {
+            timelineUpdate: update,
+            serialNumber: index
+          }
+        ),
+        index === timeline.history.length - 1 && timeline.at === timeline.history.length ? /* @__PURE__ */ jsxRuntime.jsx(YouAreHere, {}) : null
+      ] }, update.key + index + timeline.at) : null
+    ) }) : null
   ] });
 };
 var TimelineIndex = () => {
@@ -1992,8 +2004,8 @@ var TimelineIndex = () => {
       TimelineLog,
       {
         token,
-        isOpenState: atom_io.findState(findViewIsOpenState, token.key),
-        timelineState: atom_io.findState(findTimelineState, token.key)
+        isOpenState: ephemeral.findState(findViewIsOpenState, token.key),
+        timelineState: ephemeral.findState(findTimelineState, token.key)
       },
       token.key
     );
@@ -2046,8 +2058,8 @@ var TransactionIndex = () => {
       TransactionLog,
       {
         token,
-        isOpenState: atom_io.findState(findViewIsOpenState, token.key),
-        logState: atom_io.findState(findTransactionLogState, token.key)
+        isOpenState: ephemeral.findState(findViewIsOpenState, token.key),
+        logState: ephemeral.findState(findTransactionLogState, token.key)
       },
       token.key
     );

package/react-devtools/dist/index.js

@@ -1,12 +1,14 @@
 import { pipe, ifDefined, isArray, isRecord, doesExtend, isPlainObject, raiseError, sprawl, fallback, doNothing, become, mapObject, delve } from '../../dist/chunk-3V3VWQ7X.js';
 import { lazyLocalStorageEffect } from '../../dist/chunk-BWWVY5O5.js';
-import { JSON_TYPE_NAMES, isString, isNumber, isBoolean, stringifyJson, JSON_DEFAULTS } from '../../dist/chunk-BF4MVQF6.js';
+import { isString, isNumber, isBoolean } from '../../dist/chunk-6MLFYN32.js';
+import { JSON_TYPE_NAMES, stringifyJson, JSON_DEFAULTS } from '../../dist/chunk-OAYGID5B.js';
 import { __spreadProps, __spreadValues, __objRest, __restKey } from '../../dist/chunk-F2X4B4VY.js';
-import { selectorFamily, atom, atomFamily, findState, undo, redo, getState } from 'atom.io';
+import { selectorFamily, atom, atomFamily, undo, redo, getState } from 'atom.io';
 import { attachIntrospectionStates } from 'atom.io/introspection';
 import { useI, useO } from 'atom.io/react';
 import { motion, spring, LayoutGroup } from 'framer-motion';
 import { forwardRef, useRef, useState, useImperativeHandle, useLayoutEffect, Fragment as Fragment$1, Component, useId } from 'react';
+import { findState } from 'atom.io/ephemeral';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // ../anvl/src/refinement/can-exist.ts
@@ -1620,25 +1622,28 @@ var TransactionUpdateFC = ({ serialNumber, transactionUpdate }) => {
           ] }),
           /* @__PURE__ */ jsxs("section", { className: "transaction_impact", children: [
             /* @__PURE__ */ jsx("span", { className: "detail", children: "impact: " }),
-            transactionUpdate.updates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((update, index) => {
-              if (`newValue` in update) {
-                return /* @__PURE__ */ jsx(
-                  article.AtomUpdate,
-                  {
-                    serialNumber: index,
-                    atomUpdate: update
-                  },
-                  `${transactionUpdate.key}:${index}:${update.key}`
-                );
+            transactionUpdate.updates.filter((token) => `key` in token && !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((update, index) => {
+              switch (update.type) {
+                case `atom_update`:
+                case `selector_update`:
+                  return /* @__PURE__ */ jsx(
+                    article.AtomUpdate,
+                    {
+                      serialNumber: index,
+                      atomUpdate: update
+                    },
+                    `${transactionUpdate.key}:${index}:${update.key}`
+                  );
+                case `transaction_update`:
+                  return /* @__PURE__ */ jsx(
+                    TransactionUpdateFC,
+                    {
+                      serialNumber: index,
+                      transactionUpdate: update
+                    },
+                    `${transactionUpdate.key}:${index}:${update.key}`
+                  );
               }
-              return /* @__PURE__ */ jsx(
-                TransactionUpdateFC,
-                {
-                  serialNumber: index,
-                  transactionUpdate: update
-                },
-                `${transactionUpdate.key}:${index}:${update.key}`
-              );
             })
           ] })
         ] })
@@ -1647,7 +1652,7 @@ var TransactionUpdateFC = ({ serialNumber, transactionUpdate }) => {
   );
 };
 var TimelineUpdateFC = ({ timelineUpdate, serialNumber }) => {
-  return /* @__PURE__ */ jsxs(
+  return `key` in timelineUpdate ? /* @__PURE__ */ jsxs(
     "article",
     {
       className: "node timeline_update",
@@ -1661,22 +1666,28 @@ var TimelineUpdateFC = ({ timelineUpdate, serialNumber }) => {
           timelineUpdate.key,
           ")"
         ] }) }),
-        /* @__PURE__ */ jsx("main", { children: timelineUpdate.type === `transaction_update` ? timelineUpdate.updates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((update, index) => {
-          return `newValue` in update ? /* @__PURE__ */ jsx(
-            article.AtomUpdate,
-            {
-              serialNumber: index,
-              atomUpdate: update
-            },
-            `${timelineUpdate.key}:${index}:${update.key}`
-          ) : /* @__PURE__ */ jsx(
-            TransactionUpdateFC,
-            {
-              serialNumber: index,
-              transactionUpdate: update
-            },
-            `${timelineUpdate.key}:${index}:${update.key}`
-          );
+        /* @__PURE__ */ jsx("main", { children: timelineUpdate.type === `transaction_update` ? timelineUpdate.updates.filter((token) => `key` in token && !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((update, index) => {
+          switch (update.type) {
+            case `atom_update`:
+            case `selector_update`:
+              return /* @__PURE__ */ jsx(
+                article.AtomUpdate,
+                {
+                  serialNumber: index,
+                  atomUpdate: update
+                },
+                `${timelineUpdate.key}:${index}:${update.key}`
+              );
+            case `transaction_update`:
+              return /* @__PURE__ */ jsx(
+                TransactionUpdateFC,
+                {
+                  serialNumber: index,
+                  transactionUpdate: update
+                },
+                `${timelineUpdate.key}:${index}:${update.key}`
+              );
+          }
         }) : timelineUpdate.type === `selector_update` ? timelineUpdate.atomUpdates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((atomUpdate, index) => {
           return /* @__PURE__ */ jsx(
             article.AtomUpdate,
@@ -1695,7 +1706,7 @@ var TimelineUpdateFC = ({ timelineUpdate, serialNumber }) => {
         ) : null })
       ]
     }
-  );
+  ) : null;
 };
 var article = {
   AtomUpdate: AtomUpdateFC,
@@ -1755,17 +1766,19 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
         ] })
       ] })
     ] }),
-    isOpen ? /* @__PURE__ */ jsx("main", { children: timeline.history.map((update, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      index === timeline.at ? /* @__PURE__ */ jsx(YouAreHere, {}) : null,
-      /* @__PURE__ */ jsx(
-        article.TimelineUpdate,
-        {
-          timelineUpdate: update,
-          serialNumber: index
-        }
-      ),
-      index === timeline.history.length - 1 && timeline.at === timeline.history.length ? /* @__PURE__ */ jsx(YouAreHere, {}) : null
-    ] }, update.key + index + timeline.at)) }) : null
+    isOpen ? /* @__PURE__ */ jsx("main", { children: timeline.history.map(
+      (update, index) => `key` in update ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        index === timeline.at ? /* @__PURE__ */ jsx(YouAreHere, {}) : null,
+        /* @__PURE__ */ jsx(
+          article.TimelineUpdate,
+          {
+            timelineUpdate: update,
+            serialNumber: index
+          }
+        ),
+        index === timeline.history.length - 1 && timeline.at === timeline.history.length ? /* @__PURE__ */ jsx(YouAreHere, {}) : null
+      ] }, update.key + index + timeline.at) : null
+    ) }) : null
   ] });
 };
 var TimelineIndex = () => {

package/react-devtools/src/StateIndex.tsx

@@ -3,7 +3,8 @@ import type {
 	ReadonlySelectorToken,
 	RegularAtomToken,
 } from "atom.io"
-import { findState, getState, selectorFamily } from "atom.io"
+import { getState, selectorFamily } from "atom.io"
+import { findState } from "atom.io/ephemeral"
 import type { FamilyNode, WritableTokenIndex } from "atom.io/introspection"
 import { useI, useO } from "atom.io/react"
 import type { FC } from "react"

package/react-devtools/src/TimelineIndex.tsx

@@ -3,7 +3,8 @@ import type {
 	RegularAtomToken,
 	TimelineToken,
 } from "atom.io"
-import { findState, redo, undo } from "atom.io"
+import { redo, undo } from "atom.io"
+import { findState } from "atom.io/ephemeral"
 import type { Timeline } from "atom.io/internal"
 import { useI, useO } from "atom.io/react"
 import { type FC, Fragment } from "react"
@@ -63,19 +64,21 @@ export const TimelineLog: FC<{
 			</header>
 			{isOpen ? (
 				<main>
-					{timeline.history.map((update, index) => (
-						<Fragment key={update.key + index + timeline.at}>
-							{index === timeline.at ? <YouAreHere /> : null}
-							<article.TimelineUpdate
-								timelineUpdate={update}
-								serialNumber={index}
-							/>
-							{index === timeline.history.length - 1 &&
-							timeline.at === timeline.history.length ? (
-								<YouAreHere />
-							) : null}
-						</Fragment>
-					))}
+					{timeline.history.map((update, index) =>
+						`key` in update ? (
+							<Fragment key={update.key + index + timeline.at}>
+								{index === timeline.at ? <YouAreHere /> : null}
+								<article.TimelineUpdate
+									timelineUpdate={update}
+									serialNumber={index}
+								/>
+								{index === timeline.history.length - 1 &&
+								timeline.at === timeline.history.length ? (
+									<YouAreHere />
+								) : null}
+							</Fragment>
+						) : null,
+					)}
 				</main>
 			) : null}
 		</section>

package/react-devtools/src/TransactionIndex.tsx

@@ -1,11 +1,11 @@
-import {
-	findState,
-	type Func,
-	type ReadonlySelectorToken,
-	type RegularAtomToken,
-	type TransactionToken,
-	type TransactionUpdate,
+import type {
+	Func,
+	ReadonlySelectorToken,
+	RegularAtomToken,
+	TransactionToken,
+	TransactionUpdate,
 } from "atom.io"
+import { findState } from "atom.io/ephemeral"
 import { useI, useO } from "atom.io/react"
 import type { FC } from "react"
 

package/react-devtools/src/Updates.tsx

@@ -91,24 +91,27 @@ const TransactionUpdateFC: React.FC<{
 				<section className="transaction_impact">
 					<span className="detail">impact: </span>
 					{transactionUpdate.updates
-						.filter((token) => !token.key.startsWith(`👁‍🗨`))
+						.filter((token) => `key` in token && !token.key.startsWith(`👁‍🗨`))
 						.map((update, index) => {
-							if (`newValue` in update) {
-								return (
-									<article.AtomUpdate
-										key={`${transactionUpdate.key}:${index}:${update.key}`}
-										serialNumber={index}
-										atomUpdate={update}
-									/>
-								)
+							switch (update.type) {
+								case `atom_update`:
+								case `selector_update`:
+									return (
+										<article.AtomUpdate
+											key={`${transactionUpdate.key}:${index}:${update.key}`}
+											serialNumber={index}
+											atomUpdate={update}
+										/>
+									)
+								case `transaction_update`:
+									return (
+										<TransactionUpdateFC
+											key={`${transactionUpdate.key}:${index}:${update.key}`}
+											serialNumber={index}
+											transactionUpdate={update}
+										/>
+									)
 							}
-							return (
-								<TransactionUpdateFC
-									key={`${transactionUpdate.key}:${index}:${update.key}`}
-									serialNumber={index}
-									transactionUpdate={update}
-								/>
-							)
 						})}
 				</section>
 			</main>
@@ -120,7 +123,7 @@ export const TimelineUpdateFC: React.FC<{
 	timelineUpdate: TimelineUpdate<any>
 	serialNumber: number
 }> = ({ timelineUpdate, serialNumber }) => {
-	return (
+	return `key` in timelineUpdate ? (
 		<article
 			className="node timeline_update"
 			data-testid={`timeline-update-${timelineUpdate.key}-${serialNumber}`}
@@ -134,21 +137,27 @@ export const TimelineUpdateFC: React.FC<{
 			<main>
 				{timelineUpdate.type === `transaction_update` ? (
 					timelineUpdate.updates
-						.filter((token) => !token.key.startsWith(`👁‍🗨`))
+						.filter((token) => `key` in token && !token.key.startsWith(`👁‍🗨`))
 						.map((update, index) => {
-							return `newValue` in update ? (
-								<article.AtomUpdate
-									key={`${timelineUpdate.key}:${index}:${update.key}`}
-									serialNumber={index}
-									atomUpdate={update}
-								/>
-							) : (
-								<TransactionUpdateFC
-									key={`${timelineUpdate.key}:${index}:${update.key}`}
-									serialNumber={index}
-									transactionUpdate={update}
-								/>
-							)
+							switch (update.type) {
+								case `atom_update`:
+								case `selector_update`:
+									return (
+										<article.AtomUpdate
+											key={`${timelineUpdate.key}:${index}:${update.key}`}
+											serialNumber={index}
+											atomUpdate={update}
+										/>
+									)
+								case `transaction_update`:
+									return (
+										<TransactionUpdateFC
+											key={`${timelineUpdate.key}:${index}:${update.key}`}
+											serialNumber={index}
+											transactionUpdate={update}
+										/>
+									)
+							}
 						})
 				) : timelineUpdate.type === `selector_update` ? (
 					timelineUpdate.atomUpdates
@@ -170,7 +179,7 @@ export const TimelineUpdateFC: React.FC<{
 				) : null}
 			</main>
 		</article>
-	)
+	) : null
 }
 
 export const article = {

package/realtime-client/dist/index.cjs

@@ -56,7 +56,7 @@ function pullAtomFamilyMember(token, socket, store) {
   };
 }
 function pullMutableAtom(token, socket, store) {
-  const jsonToken = Internal.getJsonToken(token);
+  const jsonToken = Internal.getJsonToken(token, store);
   const updateToken = Internal.getUpdateToken(token);
   socket.on(`init:${token.key}`, (data) => {
     Internal.setIntoStore(jsonToken, data, store);
@@ -83,7 +83,7 @@ function pullMutableAtomFamilyMember(token, socket, store) {
   const { key: familyKey, subKey: serializedSubKey } = token.family;
   const subKey = json.parseJson(serializedSubKey);
   socket.on(`init:${token.key}`, (data) => {
-    const jsonToken = Internal.getJsonToken(token);
+    const jsonToken = Internal.getJsonToken(token, store);
     Internal.setIntoStore(jsonToken, data, store);
   });
   socket.on(
@@ -246,7 +246,7 @@ function syncContinuity(continuity, socket, store) {
       } else {
         v = x;
         if (`type` in k && k.type === `mutable_atom`) {
-          k = Internal.getJsonToken(k);
+          k = Internal.getJsonToken(k, store);
         }
         Internal.setIntoStore(k, v, store);
       }

package/realtime-client/dist/index.js

@@ -1,4 +1,4 @@
-export { syncContinuity } from '../../dist/chunk-RT43TVKP.js';
+export { syncContinuity } from '../../dist/chunk-GVHKIJ3G.js';
 export { confirmedUpdateQueue, myIdState, myIdState__INTERNAL, myUsernameState, optimisticUpdateQueue } from '../../dist/chunk-O47EQUM6.js';
 import '../../dist/chunk-BWWVY5O5.js';
 import '../../dist/chunk-F2X4B4VY.js';
@@ -35,7 +35,7 @@ function pullAtomFamilyMember(token, socket, store) {
   };
 }
 function pullMutableAtom(token, socket, store) {
-  const jsonToken = getJsonToken(token);
+  const jsonToken = getJsonToken(token, store);
   const updateToken = getUpdateToken(token);
   socket.on(`init:${token.key}`, (data) => {
     setIntoStore(jsonToken, data, store);
@@ -62,7 +62,7 @@ function pullMutableAtomFamilyMember(token, socket, store) {
   const { key: familyKey, subKey: serializedSubKey } = token.family;
   const subKey = parseJson(serializedSubKey);
   socket.on(`init:${token.key}`, (data) => {
-    const jsonToken = getJsonToken(token);
+    const jsonToken = getJsonToken(token, store);
     setIntoStore(jsonToken, data, store);
   });
   socket.on(

package/realtime-client/src/pull-mutable-atom-family-member.ts

@@ -20,7 +20,7 @@ export function pullMutableAtomFamilyMember<
 	const { key: familyKey, subKey: serializedSubKey } = token.family
 	const subKey = parseJson(serializedSubKey)
 	socket.on(`init:${token.key}`, (data: J) => {
-		const jsonToken = getJsonToken(token)
+		const jsonToken = getJsonToken(token, store)
 		setIntoStore(jsonToken, data, store)
 	})
 	socket.on(

package/realtime-client/src/pull-mutable-atom.ts

@@ -12,7 +12,7 @@ export function pullMutableAtom<
 	socket: Socket,
 	store: Store,
 ): () => void {
-	const jsonToken = getJsonToken(token)
+	const jsonToken = getJsonToken(token, store)
 	const updateToken = getUpdateToken(token)
 	socket.on(`init:${token.key}`, (data: J) => {
 		setIntoStore(jsonToken, data, store)

package/realtime-client/src/sync-continuity.ts

@@ -40,9 +40,8 @@ export function syncContinuity<F extends AtomIO.Func>(
 				k = x
 			} else {
 				v = x
-				// console.log(`❗❗❗❗❗`, k, v)
 				if (`type` in k && k.type === `mutable_atom`) {
-					k = getJsonToken(k)
+					k = getJsonToken(k, store)
 				}
 				setIntoStore(k, v, store)
 			}

package/realtime-react/dist/index.cjs

@@ -184,7 +184,7 @@ function syncContinuity(continuity, socket, store) {
       } else {
         v = x;
         if (`type` in k && k.type === `mutable_atom`) {
-          k = internal.getJsonToken(k);
+          k = internal.getJsonToken(k, store);
         }
         internal.setIntoStore(k, v, store);
       }

package/realtime-react/dist/index.js

@@ -1,4 +1,4 @@
-import { syncContinuity } from '../../dist/chunk-RT43TVKP.js';
+import { syncContinuity } from '../../dist/chunk-GVHKIJ3G.js';
 import '../../dist/chunk-F2X4B4VY.js';
 import { useI, StoreContext, useO } from 'atom.io/react';
 import * as RTC from 'atom.io/realtime-client';