atom.io 0.30.7 → 0.31.0

package/internal/src/transaction/build-transaction.ts

@@ -9,7 +9,6 @@ import { getFromStore } from "../get-state"
 import { Junction } from "../junction"
 import { LazyMap } from "../lazy-map"
 import { newest } from "../lineage"
-import { makeMoleculeInStore } from "../molecule"
 import { getJsonToken } from "../mutable"
 import { setIntoStore } from "../set-state"
 import type { Store } from "../store"
@@ -35,6 +34,7 @@ export const buildTransaction = (
 		atoms: new LazyMap(parent.atoms),
 		atomsThatAreDefault: new Set(parent.atomsThatAreDefault),
 		families: new LazyMap(parent.families),
+		joins: new LazyMap(parent.joins),
 		operation: { open: false },
 		readonlySelectors: new LazyMap(parent.readonlySelectors),
 		timelines: new LazyMap(parent.timelines),
@@ -50,8 +50,15 @@ export const buildTransaction = (
 		defaults: parent.defaults,
 		disposalTraces: store.disposalTraces.copy(),
 		molecules: new LazyMap(parent.molecules),
-		moleculeFamilies: new LazyMap(parent.moleculeFamilies),
-		moleculeInProgress: parent.moleculeInProgress,
+		moleculeGraph: new Junction(parent.moleculeGraph.toJSON(), {
+			makeContentKey: parent.moleculeGraph.makeContentKey,
+		}),
+		moleculeData: new Junction(parent.moleculeData.toJSON(), {
+			makeContentKey: parent.moleculeData.makeContentKey,
+		}),
+		moleculeJoins: new Junction(parent.moleculeJoins.toJSON(), {
+			makeContentKey: parent.moleculeJoins.makeContentKey,
+		}),
 		miscResources: new LazyMap(parent.miscResources),
 	}
 	const epoch = getEpochNumberOfAction(key, store)
@@ -77,8 +84,6 @@ export const buildTransaction = (
 			find: ((token, k) => findInStore(child, token, k)) as typeof findState,
 			seek: ((token, k) => seekInStore(child, token, k)) as typeof seekState,
 			json: (token) => getJsonToken(child, token),
-			make: (context, family, k, ...args) =>
-				makeMoleculeInStore(child, context, family, k, ...args),
 			dispose: ((...ps: Parameters<typeof disposeState>) => {
 				disposeFromStore(child, ...ps)
 			}) as typeof disposeState,

package/internal/src/transaction/index.ts

@@ -1,6 +1,6 @@
 import type { ActorToolkit, TransactionUpdate } from "atom.io"
-import type { Junction } from "rel8/junction"
 
+import type { Junction } from "../junction"
 import type { Func } from "../utility-types"
 
 export * from "./abort-transaction"

package/internal/src/utility-types.ts

@@ -14,3 +14,5 @@ export type Count<N extends number, A extends any[] = []> = [
 export type Each<E extends any[]> = {
 	[P in Count<E[`length`]>]: E[P]
 }
+
+export type Refinement<A, B extends A> = (a: A) => a is B

package/introspection/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { AtomToken, SelectorToken, ReadonlySelectorToken, TransactionToken, ReadonlySelectorFamilyToken, TransactionUpdate, TimelineToken, ReadableToken } from 'atom.io';
 import * as Internal from 'atom.io/internal';
-import { Func, Timeline, Store, Flat } from 'atom.io/internal';
+import { Func, Timeline, Store, Refinement, Flat } from 'atom.io/internal';
 import { Json } from 'atom.io/json';
 
 type AtomTokenIndex = WritableTokenIndex<AtomToken<unknown>>;
@@ -55,7 +55,6 @@ declare class Auditor {
     [Symbol.dispose](): void;
 }
 
-type Refinement<A, B extends A> = (a: A) => a is B;
 type ClassSignature = abstract new (...args: any) => any;
 type RefinementStrategy = ClassSignature | Refinement<unknown, any>;
 type Supported<Refine extends RefinementStrategy> = Refine extends Refinement<unknown, infer T> ? T : Refine extends ClassSignature ? InstanceType<Refine> : never;
@@ -147,4 +146,4 @@ type FamilyNode<Token extends ReadableToken<unknown>> = {
 };
 type WritableTokenIndex<Token extends ReadableToken<unknown>> = Map<string, FamilyNode<Token> | Token>;
 
-export { Auditor, type ClassSignature, Differ, type FamilyNode, type InspectNode, type InspectionResult, type IntrospectionStates, type JsonType, type ListResourcesParam, type Refinement, type RefinementStrategy, type RefinementSupport, Refinery, type Supported, type WritableTokenIndex, attachIntrospectionStates, diffArray, diffBoolean, diffNumber, diffObject, diffString, discoverType, isPlainObject, jsonRefinery, jsonTreeRefinery, prettyJson, primitiveRefinery, sprawl };
+export { Auditor, type ClassSignature, Differ, type FamilyNode, type InspectNode, type InspectionResult, type IntrospectionStates, type JsonType, type ListResourcesParam, type RefinementStrategy, type RefinementSupport, Refinery, type Supported, type WritableTokenIndex, attachIntrospectionStates, diffArray, diffBoolean, diffNumber, diffObject, diffString, discoverType, isPlainObject, jsonRefinery, jsonTreeRefinery, prettyJson, primitiveRefinery, sprawl };

package/introspection/dist/index.js

@@ -40,7 +40,7 @@ var attachAtomIndex = (store) => {
               if (atomToken.family) {
                 const { key: familyKey, subKey } = atomToken.family;
                 let familyNode = self.get(familyKey);
-                if (familyNode === void 0 || !(`familyMembers` in familyNode)) {
+                if (familyNode === undefined || !(`familyMembers` in familyNode)) {
                   familyNode = {
                     key: familyKey,
                     familyMembers: /* @__PURE__ */ new Map()
@@ -74,7 +74,7 @@ var attachAtomIndex = (store) => {
         }
       ]
     },
-    void 0
+    undefined
   );
   return createStandaloneSelector(store, {
     key: `\u{1F50D} Atom Token Index`,
@@ -122,7 +122,7 @@ var attachSelectorIndex = (store) => {
                 if (selectorToken.family) {
                   const { key: familyKey, subKey } = selectorToken.family;
                   let familyNode = self.get(familyKey);
-                  if (familyNode === void 0 || !(`familyMembers` in familyNode)) {
+                  if (familyNode === undefined || !(`familyMembers` in familyNode)) {
                     familyNode = {
                       key: familyKey,
                       familyMembers: /* @__PURE__ */ new Map()
@@ -160,7 +160,7 @@ var attachSelectorIndex = (store) => {
         }
       ]
     },
-    void 0
+    undefined
   );
   return createStandaloneSelector(store, {
     key: `\u{1F50D} Selector Token Index`,
@@ -220,7 +220,7 @@ var attachTimelineIndex = (store) => {
         }
       ]
     },
-    void 0
+    undefined
   );
   const timelineTokenIndex = createStandaloneSelector(store, {
     key: `\u{1F50D} Timeline Token Index`,
@@ -247,7 +247,7 @@ var attachTransactionIndex = (store) => {
         }
       ]
     },
-    void 0
+    undefined
   );
   const transactionTokenIndex = createStandaloneSelector(store, {
     key: `\u{1F50D} Transaction Token Index`,
@@ -326,7 +326,7 @@ var jsonRefinery = new Refinery({
   ...jsonTreeRefinery.supported
 });
 var discoverType = (input) => {
-  if (input === void 0) {
+  if (input === undefined) {
     return `undefined`;
   }
   const refined = jsonRefinery.refine(input);
@@ -523,7 +523,7 @@ function diffObject(a, b, recurse) {
     let key;
     for (key of path) {
       const nodeB = b[key];
-      if (nodeB === void 0) {
+      if (nodeB === undefined) {
         removed.push([key, JSON.stringify(nodeA)]);
       } else {
         const delta = recurse(nodeA, nodeB);
@@ -537,7 +537,7 @@ function diffObject(a, b, recurse) {
     let key;
     for (key of path) {
       const nodeA = a[key];
-      if (nodeA === void 0) {
+      if (nodeA === undefined) {
         added.push([key, JSON.stringify(nodeB)]);
       }
     }

package/introspection/src/refinery.ts

@@ -1,8 +1,6 @@
-import type { Flat } from "atom.io/internal"
+import type { Flat, Refinement } from "atom.io/internal"
 import type { Json } from "atom.io/json"
 
-export type Refinement<A, B extends A> = (a: A) => a is B
-
 export type ClassSignature = abstract new (...args: any) => any
 
 export type RefinementStrategy = ClassSignature | Refinement<unknown, any>

package/json/dist/index.js

@@ -1,7 +1,7 @@
-import { createWritableSelectorFamily } from '../../dist/chunk-UDHCFTYT.js';
-import '../../dist/chunk-ADMEAXYU.js';
+import { createWritableSelectorFamily } from '../../dist/chunk-42UH5F5Q.js';
+import '../../dist/chunk-ICGFFQ3H.js';
 import '../../dist/chunk-XWL6SNVU.js';
-import { createStandaloneSelector, IMPLICIT, growMoleculeInStore, initFamilyMemberInStore, withdraw, seekInStore } from 'atom.io/internal';
+import { createStandaloneSelector, IMPLICIT, withdraw, seekInStore } from 'atom.io/internal';
 
 // json/src/entries.ts
 function fromEntries(entries) {
@@ -24,43 +24,12 @@ function selectJsonFamily(atomFamilyToken, transform, store = IMPLICIT.STORE) {
     store,
     {
       key: `${atomFamilyToken.key}:JSON`,
-      get: (key) => ({ seek, get }) => {
-        const existingState = seek(atomFamilyToken, key);
-        if (existingState) {
-          return transform.toJson(get(existingState));
-        }
-        const stringKey = stringifyJson(key);
-        const molecule = store.molecules.get(stringKey);
-        if (molecule) {
-          const atom = growMoleculeInStore(molecule, atomFamilyToken, store);
-          return transform.toJson(get(atom));
-        }
-        if (store.config.lifespan === `immortal`) {
-          throw new Error(`No molecule found for key "${stringKey}"`);
-        }
-        const newToken = initFamilyMemberInStore(store, atomFamilyToken, key);
-        return transform.toJson(get(newToken));
+      get: (key) => ({ get }) => {
+        const baseState = get(atomFamilyToken, key);
+        return transform.toJson(baseState);
       },
-      set: (key) => ({ seek, set }, newValue) => {
-        const existingState = seek(atomFamilyToken, key);
-        if (existingState) {
-          set(existingState, transform.fromJson(newValue));
-        } else {
-          const stringKey = stringifyJson(key);
-          const molecule = store.molecules.get(stringKey);
-          if (molecule) {
-            const atom = growMoleculeInStore(molecule, atomFamilyToken, store);
-            set(atom, transform.fromJson(newValue));
-          } else {
-            if (store.config.lifespan === `immortal`) {
-              throw new Error(`No molecule found for key "${stringKey}"`);
-            }
-            set(
-              initFamilyMemberInStore(store, atomFamilyToken, key),
-              transform.fromJson(newValue)
-            );
-          }
-        }
+      set: (key) => ({ set }, newValue) => {
+        set(atomFamilyToken, key, transform.fromJson(newValue));
       }
     },
     [`mutable`, `json`]
@@ -89,7 +58,7 @@ var JSON_PROTOTYPES = [
 ];
 var isJson = (input) => {
   if (input === null) return true;
-  if (input === void 0) return false;
+  if (input === undefined) return false;
   const prototype = Object.getPrototypeOf(input);
   return JSON_PROTOTYPES.includes(prototype);
 };

package/json/src/index.ts

@@ -6,7 +6,9 @@ export type primitive = boolean | number | string | null
 
 export namespace Json {
 	export namespace Tree {
+		// eslint-disable-next-line @typescript-eslint/no-shadow
 		export type Array<Element = unknown> = ReadonlyArray<Element>
+		// eslint-disable-next-line @typescript-eslint/no-shadow
 		export type Object<K extends string = string, V = unknown> = Record<K, V>
 		export type Fork = Array | Object
 		export type Leaf = primitive

package/json/src/select-json-family.ts

@@ -1,16 +1,10 @@
 import type * as AtomIO from "atom.io"
 import type { Store, Transceiver } from "atom.io/internal"
-import {
-	growMoleculeInStore,
-	IMPLICIT,
-	initFamilyMemberInStore,
-	seekInStore,
-	withdraw,
-} from "atom.io/internal"
+import { IMPLICIT, seekInStore, withdraw } from "atom.io/internal"
 
 import { createWritableSelectorFamily } from "../../internal/src/families/create-writable-selector-family"
 import type { Canonical, Json, JsonInterface } from "."
-import { parseJson, stringifyJson } from "."
+import { parseJson } from "."
 
 export function selectJsonFamily<
 	T extends Transceiver<any>,
@@ -47,45 +41,14 @@ export function selectJsonFamily<
 			key: `${atomFamilyToken.key}:JSON`,
 			get:
 				(key) =>
-				({ seek, get }) => {
-					const existingState = seek(atomFamilyToken, key)
-					if (existingState) {
-						return transform.toJson(get(existingState))
-					}
-					const stringKey = stringifyJson(key)
-					const molecule = store.molecules.get(stringKey)
-					if (molecule) {
-						const atom = growMoleculeInStore(molecule, atomFamilyToken, store)
-						return transform.toJson(get(atom))
-					}
-					if (store.config.lifespan === `immortal`) {
-						throw new Error(`No molecule found for key "${stringKey}"`)
-					}
-					const newToken = initFamilyMemberInStore(store, atomFamilyToken, key)
-					return transform.toJson(get(newToken))
+				({ get }) => {
+					const baseState = get(atomFamilyToken, key)
+					return transform.toJson(baseState)
 				},
 			set:
 				(key) =>
-				({ seek, set }, newValue) => {
-					const existingState = seek(atomFamilyToken, key)
-					if (existingState) {
-						set(existingState, transform.fromJson(newValue))
-					} else {
-						const stringKey = stringifyJson(key)
-						const molecule = store.molecules.get(stringKey)
-						if (molecule) {
-							const atom = growMoleculeInStore(molecule, atomFamilyToken, store)
-							set(atom, transform.fromJson(newValue))
-						} else {
-							if (store.config.lifespan === `immortal`) {
-								throw new Error(`No molecule found for key "${stringKey}"`)
-							}
-							set(
-								initFamilyMemberInStore(store, atomFamilyToken, key),
-								transform.fromJson(newValue),
-							)
-						}
-					}
+				({ set }, newValue) => {
+					set(atomFamilyToken, key, transform.fromJson(newValue))
 				},
 		},
 		[`mutable`, `json`],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom.io",
-  "version": "0.30.7",
+  "version": "0.31.0",
   "description": "Composable and testable reactive data library.",
   "homepage": "https://atom.io.fyi",
   "sideEffects": false,
@@ -52,40 +52,45 @@
     }
   },
   "devDependencies": {
-    "@testing-library/react": "16.1.0",
+    "@testing-library/react": "16.2.0",
     "@types/eslint": "9.6.1",
     "@types/estree": "1.0.6",
-    "@types/http-proxy": "1.17.15",
+    "@types/http-proxy": "1.17.16",
     "@types/npmlog": "7.0.0",
-    "@types/react": "19.0.2",
+    "@types/react": "19.0.10",
     "@types/tmp": "0.2.6",
-    "@typescript-eslint/parser": "8.19.0",
-    "@typescript-eslint/rule-tester": "8.19.0",
-    "@vitest/coverage-v8": "3.0.0-beta.3",
-    "@vitest/ui": "3.0.0-beta.3",
+    "@typescript-eslint/parser": "8.24.1",
+    "@typescript-eslint/rule-tester": "8.24.1",
+    "@typescript-eslint/utils": "8.24.1",
+    "@vitest/coverage-v8": "3.0.6",
+    "@vitest/ui": "3.0.6",
+    "bun-types": "1.2.2",
     "concurrently": "9.1.2",
-    "drizzle-kit": "0.30.1",
-    "drizzle-orm": "0.38.3",
-    "eslint": "9.17.0",
-    "happy-dom": "16.3.0",
+    "drizzle-kit": "0.30.4",
+    "drizzle-orm": "0.39.3",
+    "eslint": "9.20.1",
+    "happy-dom": "17.1.1",
     "http-proxy": "1.18.1",
-    "motion": "11.15.0",
+    "motion": "12.4.7",
     "npmlog": "7.0.1",
+    "nyc": "17.1.0",
     "postgres": "3.4.5",
-    "preact": "10.25.4",
+    "preact": "10.26.2",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "react-router-dom": "7.1.1",
+    "react-router-dom": "7.2.0",
     "socket.io": "4.8.1",
     "socket.io-client": "4.8.1",
     "tmp": "0.2.3",
-    "tsup": "8.3.5",
-    "tsx": "4.19.2",
-    "typescript": "5.7.2",
-    "vite": "6.0.7",
+    "tsup": "8.3.6",
+    "tsx": "4.19.3",
+    "typescript": "5.7.3",
+    "vite": "6.1.1",
     "vite-tsconfig-paths": "5.1.4",
-    "vitest": "3.0.0-beta.3",
-    "zod": "3.24.1"
+    "vitest": "3.0.6",
+    "zod": "3.24.2",
+    "break-check": "0.6.6",
+    "recoverage": "0.0.6"
   },
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -251,17 +256,17 @@
     "build:transceivers:set-rtx": "cd transceivers/set-rtx && tsup",
     "build:web": "cd web && tsup",
     "lint:biome": "biome check -- .",
-    "lint:eslint": "eslint --flag unstable_ts_config -- .",
-    "lint:eslint:build": "bun run build:main",
+    "lint:eslint": "eslint -- .",
     "lint:types": "tsc --noEmit",
-    "lint:types:watch": "tsc --watch --noEmit",
-    "lint": "bun run lint:biome && bun run lint:eslint && bun run lint:types",
+    "watch:types": "tsc --watch --noEmit",
+    "lint": "concurrently \"bun:lint:*\"",
     "test": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "test:once": "bun run test:manifest && cross-env IMPORT=dist vitest run",
+    "test:coverage": "vitest run --coverage && recoverage",
+    "test:build": "bun run test:manifest && cross-env IMPORT=dist vitest run",
+    "test:once": "echo tested built code",
     "test:once:public": "cross-env IMPORT=dist vitest run public",
     "test:manifest": "tsx __scripts__/manifest-test.node.ts",
-    "test:semver": "bun ../break-check/src/break-check.x.ts --verbose",
+    "test:semver": "break-check --verbose",
     "postversion": "biome format --write package.json"
   }
 }

package/react/dist/index.js

@@ -1,5 +1,5 @@
 import '../../dist/chunk-XWL6SNVU.js';
-import { IMPLICIT, setIntoStore, subscribeToState, getFromStore, findInStore, getJsonToken, withdraw, subscribeToTimeline, seekInStore, NotFoundError } from 'atom.io/internal';
+import { IMPLICIT, setIntoStore, subscribeToState, getFromStore, findInStore, getJsonToken, withdraw, subscribeToTimeline } from 'atom.io/internal';
 import * as React5 from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { undo, redo } from 'atom.io';
@@ -11,15 +11,7 @@ function parseStateOverloads(store, ...rest) {
   if (rest.length === 2) {
     const family = rest[0];
     const key = rest[1];
-    if (store.config.lifespan === `immortal`) {
-      const maybeToken = seekInStore(store, family, key);
-      if (!maybeToken) {
-        throw new NotFoundError(family, key, store);
-      }
-      token = maybeToken;
-    } else {
-      token = findInStore(store, family, key);
-    }
+    token = findInStore(store, family, key);
   } else {
     token = rest[0];
   }

package/react/src/parse-state-overloads.ts

@@ -5,8 +5,8 @@ import type {
 	WritableToken,
 } from "atom.io"
 import type { Store } from "atom.io/internal"
-import { findInStore, NotFoundError, seekInStore } from "atom.io/internal"
-import type { Canonical, Json } from "atom.io/json"
+import { findInStore } from "atom.io/internal"
+import type { Canonical } from "atom.io/json"
 
 export function parseStateOverloads<T, K extends Canonical>(
 	store: Store,
@@ -27,15 +27,7 @@ export function parseStateOverloads<T, K extends Canonical>(
 		const family = rest[0]
 		const key = rest[1]
 
-		if (store.config.lifespan === `immortal`) {
-			const maybeToken = seekInStore(store, family, key)
-			if (!maybeToken) {
-				throw new NotFoundError(family, key, store)
-			}
-			token = maybeToken
-		} else {
-			token = findInStore(store, family, key)
-		}
+		token = findInStore(store, family, key)
 	} else {
 		token = rest[0]
 	}

package/react-devtools/dist/index.js

@@ -92,7 +92,7 @@ function clampInto(min, max) {
   return (value) => value < min ? min : value > max ? max : value;
 }
 function round(value, decimalPlaces) {
-  if (decimalPlaces === void 0) return value;
+  if (decimalPlaces === undefined) return value;
   const factor = 10 ** decimalPlaces;
   return Math.round(value * factor) / factor;
 }
@@ -130,7 +130,7 @@ var initRefinery = (constraints) => (input) => {
   return constrained;
 };
 var valueToText = (numericValue) => {
-  if (numericValue === null || numericValue === void 0) {
+  if (numericValue === null || numericValue === undefined) {
     return ``;
   }
   return numericValue.toString();
@@ -154,7 +154,7 @@ var NumberInput = ({
   const [temporaryEntry, setTemporaryEntry] = useState(null);
   const userHasMadeDeliberateChange = useRef(false);
   const refine = initRefinery({ max, min, decimalPlaces, nullable: true });
-  const allowDecimal = decimalPlaces === void 0 || decimalPlaces > 0;
+  const allowDecimal = decimalPlaces === undefined || decimalPlaces > 0;
   const handleBlur = () => {
     if (userHasMadeDeliberateChange.current) {
       set(refine(value ?? null));
@@ -164,7 +164,7 @@ var NumberInput = ({
   };
   const handleChange = (event) => {
     if (onChange) onChange(event);
-    if (set === void 0) return;
+    if (set === undefined) return;
     userHasMadeDeliberateChange.current = true;
     const input = event.target.value;
     if (isValidNonNumber(input) || isDecimalInProgress(input)) {
@@ -233,7 +233,7 @@ var TextInput = ({
         type: "text",
         value,
         onChange: (e) => set?.(e.target.value),
-        disabled: set === void 0,
+        disabled: set === undefined,
         placeholder,
         "data-testid": testid
       }
@@ -244,7 +244,7 @@ var TextInput = ({
         type: "text",
         value,
         onChange: (e) => set?.(e.target.value),
-        disabled: set === void 0,
+        disabled: set === undefined,
         placeholder,
         "data-testid": testid
       }
@@ -255,7 +255,7 @@ var NonJsonEditor = ({
   data,
   testid
 }) => {
-  return data === void 0 ? /* @__PURE__ */ jsx(
+  return data === undefined ? /* @__PURE__ */ jsx(
     ElasticInput,
     {
       disabled: true,
@@ -316,7 +316,7 @@ var JsonEditor_INTERNAL = ({
           ElasticInput,
           {
             value: name,
-            onChange: disabled ? void 0 : (e) => {
+            onChange: disabled ? undefined : (e) => {
               rename(e.target.value);
             },
             disabled,
@@ -340,7 +340,7 @@ var JsonEditor_INTERNAL = ({
         recast && dataIsJson ? /* @__PURE__ */ jsx(
           "select",
           {
-            onChange: disabled ? void 0 : (e) => {
+            onChange: disabled ? undefined : (e) => {
               recast(e.target.value);
             },
             value: refined.type,
@@ -744,7 +744,7 @@ var NumberEditor = ({
   {
     testid: `${testid}-number-input`,
     value: data,
-    set: isReadonly(path) ? void 0 : (newValue) => {
+    set: isReadonly(path) ? undefined : (newValue) => {
       set(Number(newValue));
     },
     autoSize: true
@@ -763,7 +763,7 @@ var StringEditor = ({
     {
       testid: `${testid}-string-input`,
       value: data,
-      set: isReadonly(path) ? void 0 : set,
+      set: isReadonly(path) ? undefined : set,
       autoSize: true
     }
   ) });
@@ -1132,7 +1132,7 @@ var TransactionUpdateFC = ({ serialNumber, transactionUpdate }) => {
           /* @__PURE__ */ jsxs("section", { className: "transaction_impact", children: [
             /* @__PURE__ */ jsx("span", { className: "detail", children: "impact: " }),
             transactionUpdate.updates.filter(
-              (token) => token.type !== `molecule_creation` && token.type !== `molecule_disposal` && token.type !== `state_creation` && token.type !== `state_disposal` && !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)
+              (token) => token.type !== `molecule_creation` && token.type !== `molecule_disposal` && token.type !== `molecule_transfer` && token.type !== `state_creation` && token.type !== `state_disposal` && !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)
             ).map((update, index) => {
               switch (update.type) {
                 case `atom_update`:
@@ -1178,7 +1178,7 @@ var TimelineUpdateFC = ({ timelineUpdate, serialNumber }) => {
           ")"
         ] }) }),
         /* @__PURE__ */ jsx("main", { children: timelineUpdate.type === `transaction_update` ? timelineUpdate.updates.filter(
-          (token) => token.type !== `molecule_creation` && token.type !== `molecule_disposal` && token.type !== `state_creation` && token.type !== `state_disposal` && !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)
+          (token) => token.type !== `molecule_creation` && token.type !== `molecule_disposal` && token.type !== `molecule_transfer` && token.type !== `state_creation` && token.type !== `state_disposal` && !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)
         ).map((update, index) => {
           switch (update.type) {
             case `atom_update`:

package/react-devtools/src/Updates.tsx

@@ -95,6 +95,7 @@ const TransactionUpdateFC: React.FC<{
 							(token) =>
 								token.type !== `molecule_creation` &&
 								token.type !== `molecule_disposal` &&
+								token.type !== `molecule_transfer` &&
 								token.type !== `state_creation` &&
 								token.type !== `state_disposal` &&
 								!token.key.startsWith(`👁‍🗨`),
@@ -148,6 +149,7 @@ export const TimelineUpdateFC: React.FC<{
 							(token) =>
 								token.type !== `molecule_creation` &&
 								token.type !== `molecule_disposal` &&
+								token.type !== `molecule_transfer` &&
 								token.type !== `state_creation` &&
 								token.type !== `state_disposal` &&
 								!token.key.startsWith(`👁‍🗨`),