atom.io 0.31.1 → 0.32.1

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

@@ -1,39 +1,37 @@
 import type * as AtomIO from "atom.io"
 import type { Store, Transceiver } 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 } from "."
 
 export function selectJsonFamily<
 	T extends Transceiver<any>,
 	J extends Json.Serializable,
 	K extends Canonical,
 >(
+	store: Store,
 	atomFamilyToken: AtomIO.MutableAtomFamilyToken<T, J, K>,
 	transform: JsonInterface<T, J>,
-	store: Store,
 ): AtomIO.WritableSelectorFamilyToken<J, K>
 export function selectJsonFamily<
 	T,
 	J extends Json.Serializable,
 	K extends Canonical,
 >(
+	store: Store,
 	atomFamilyToken: AtomIO.RegularAtomFamilyToken<T, K>,
 	transform: JsonInterface<T, J>,
-	store: Store,
 ): AtomIO.WritableSelectorFamilyToken<J, K>
 export function selectJsonFamily<
 	T,
 	J extends Json.Serializable,
 	K extends Canonical,
 >(
+	store: Store,
 	atomFamilyToken:
 		| AtomIO.MutableAtomFamilyToken<T extends Transceiver<any> ? T : never, J, K>
 		| AtomIO.RegularAtomFamilyToken<T, K>,
 	transform: JsonInterface<T, J>,
-	store: Store = IMPLICIT.STORE,
 ): AtomIO.WritableSelectorFamilyToken<J, K> {
 	const jsonFamily = createWritableSelectorFamily<J, K>(
 		store,
@@ -53,14 +51,5 @@ export function selectJsonFamily<
 		},
 		[`mutable`, `json`],
 	)
-	const atomFamily = withdraw(atomFamilyToken, store)
-	atomFamily.subject.subscribe(
-		`store=${store.config.name}::json-selector-family`,
-		(event) => {
-			if (event.token.family) {
-				seekInStore(store, jsonFamily, parseJson(event.token.family.subKey) as K)
-			}
-		},
-	)
 	return jsonFamily
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom.io",
-  "version": "0.31.1",
+  "version": "0.32.1",
   "description": "Composable and testable reactive data library.",
   "homepage": "https://atom.io.fyi",
   "sideEffects": false,
@@ -59,35 +59,35 @@
     "@types/npmlog": "7.0.0",
     "@types/react": "19.0.10",
     "@types/tmp": "0.2.6",
-    "@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.3",
+    "@typescript-eslint/parser": "8.25.0",
+    "@typescript-eslint/rule-tester": "8.25.0",
+    "@typescript-eslint/utils": "8.25.0",
+    "@vitest/coverage-v8": "3.0.7",
+    "@vitest/ui": "3.0.7",
+    "bun-types": "1.2.4",
     "concurrently": "9.1.2",
-    "drizzle-kit": "0.30.4",
-    "drizzle-orm": "0.39.3",
+    "drizzle-kit": "0.30.5",
+    "drizzle-orm": "0.40.0",
     "eslint": "9.21.0",
-    "happy-dom": "17.1.4",
+    "happy-dom": "17.1.8",
     "http-proxy": "1.18.1",
     "motion": "12.4.7",
     "npmlog": "7.0.1",
     "nyc": "17.1.0",
     "postgres": "3.4.5",
-    "preact": "10.26.2",
+    "preact": "10.26.3",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-router-dom": "7.2.0",
     "socket.io": "4.8.1",
     "socket.io-client": "4.8.1",
     "tmp": "0.2.3",
-    "tsup": "8.3.6",
+    "tsup": "8.4.0",
     "tsx": "4.19.3",
-    "typescript": "5.7.3",
-    "vite": "6.1.1",
+    "typescript": "5.8.2",
+    "vite": "6.2.0",
     "vite-tsconfig-paths": "5.1.4",
-    "vitest": "3.0.6",
+    "vitest": "3.0.7",
     "zod": "3.24.2",
     "break-check": "0.6.6",
     "recoverage": "0.0.7"
@@ -100,15 +100,9 @@
     "data/dist",
     "data/package.json",
     "data/src",
-    "ephemeral/dist",
-    "ephemeral/package.json",
-    "ephemeral/src",
     "eslint-plugin/dist",
     "eslint-plugin/package.json",
     "eslint-plugin/src",
-    "immortal/dist",
-    "immortal/package.json",
-    "immortal/src",
     "internal/dist",
     "internal/package.json",
     "internal/src",
@@ -157,21 +151,11 @@
       "import": "./data/dist/index.js",
       "types": "./data/dist/index.d.ts"
     },
-    "./ephemeral/package.json": "./ephemeral/package.json",
-    "./ephemeral": {
-      "import": "./ephemeral/dist/index.js",
-      "types": "./ephemeral/dist/index.d.ts"
-    },
     "./eslint-plugin/package.json": "./eslint-plugin/package.json",
     "./eslint-plugin": {
       "import": "./eslint-plugin/dist/index.js",
       "types": "./eslint-plugin/dist/index.d.ts"
     },
-    "./immortal/package.json": "./immortal/package.json",
-    "./immortal": {
-      "import": "./immortal/dist/index.js",
-      "types": "./immortal/dist/index.d.ts"
-    },
     "./internal/package.json": "./internal/package.json",
     "./internal": {
       "import": "./internal/dist/index.js",
@@ -237,24 +221,22 @@
     "manifest": "tsx __scripts__/manifest-build.node.ts",
     "clean:build": "find . -type d -name 'dist' -not -path '*/node_modules/*' | xargs rm -rf",
     "build": "bun run clean:build && concurrently \"bun:build:*\"",
-    "build:main": "tsup",
-    "build:types": "tsup --dts",
-    "build:data": "cd data && tsup",
-    "build:ephemeral": "cd ephemeral && tsup",
-    "build:eslint-plugin": "cd eslint-plugin && tsup",
-    "build:immortal": "cd immortal && tsup",
-    "build:internal": "cd internal && tsup",
-    "build:introspection": "cd introspection && tsup",
-    "build:json": "cd json && tsup",
-    "build:react": "cd react && tsup",
-    "build:react-devtools": "cd react-devtools && tsup",
-    "build:realtime": "cd realtime && tsup",
-    "build:realtime-client": "cd realtime-client && tsup",
-    "build:realtime-react": "cd realtime-react && tsup",
-    "build:realtime-server": "cd realtime-server && tsup",
-    "build:realtime-testing": "cd realtime-testing && tsup",
-    "build:transceivers:set-rtx": "cd transceivers/set-rtx && tsup",
-    "build:web": "cd web && tsup",
+    "build:main": "tsup-node",
+    "build:types": "tsup-node --dts",
+    "build:data": "cd data && tsup-node",
+    "build:eslint-plugin": "cd eslint-plugin && tsup-node",
+    "build:internal": "cd internal && tsup-node",
+    "build:introspection": "cd introspection && tsup-node",
+    "build:json": "cd json && tsup-node",
+    "build:react": "cd react && tsup-node",
+    "build:react-devtools": "cd react-devtools && tsup-node",
+    "build:realtime": "cd realtime && tsup-node",
+    "build:realtime-client": "cd realtime-client && tsup-node",
+    "build:realtime-react": "cd realtime-react && tsup-node",
+    "build:realtime-server": "cd realtime-server && tsup-node",
+    "build:realtime-testing": "cd realtime-testing && tsup-node",
+    "build:transceivers:set-rtx": "cd transceivers/set-rtx && tsup-node",
+    "build:web": "cd web && tsup-node",
     "lint:biome": "biome check -- .",
     "lint:eslint": "eslint -- .",
     "lint:types": "tsc --noEmit",

package/react/dist/index.js

@@ -1,83 +1,3 @@
+export { StoreContext, StoreProvider, useI, useJSON, useO, useTL } from '../../dist/chunk-3PQTWLQQ.js';
+import '../../dist/chunk-UQEYZ3OI.js';
 import '../../dist/chunk-XWL6SNVU.js';
-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';
-
-var StoreContext = React5.createContext(IMPLICIT.STORE);
-var StoreProvider = ({ children, store = IMPLICIT.STORE }) => /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children });
-function parseStateOverloads(store, ...rest) {
-  let token;
-  if (rest.length === 2) {
-    const family = rest[0];
-    const key = rest[1];
-    token = findInStore(store, family, key);
-  } else {
-    token = rest[0];
-  }
-  return token;
-}
-
-// react/src/use-i.ts
-function useI(...params) {
-  const store = React5.useContext(StoreContext);
-  const token = parseStateOverloads(store, ...params);
-  const setter = React5.useRef(null);
-  if (setter.current === null) {
-    setter.current = (next) => {
-      setIntoStore(store, token, next);
-    };
-  }
-  return setter.current;
-}
-function useO(...params) {
-  const store = React5.useContext(StoreContext);
-  const token = parseStateOverloads(store, ...params);
-  const id = React5.useId();
-  return React5.useSyncExternalStore(
-    (dispatch) => subscribeToState(token, dispatch, `use-o:${id}`, store),
-    () => getFromStore(store, token),
-    () => getFromStore(store, token)
-  );
-}
-
-// react/src/use-json.ts
-function useJSON(token, key) {
-  const store = React5.useContext(StoreContext);
-  const stateToken = token.type === `mutable_atom_family` ? findInStore(store, token, key) : token;
-  const jsonToken = getJsonToken(store, stateToken);
-  return useO(jsonToken);
-}
-function useTL(token) {
-  const store = React5.useContext(StoreContext);
-  const id = React5.useId();
-  const timeline = withdraw(token, store);
-  const tokenRef = React5.useRef(token);
-  const rebuildMeta = () => {
-    return {
-      at: timeline.at,
-      length: timeline.history.length,
-      undo: () => {
-        undo(token);
-      },
-      redo: () => {
-        redo(token);
-      }
-    };
-  };
-  const meta = React5.useRef(rebuildMeta());
-  const retrieve = () => {
-    if (meta.current.at !== timeline?.at || meta.current.length !== timeline?.history.length || tokenRef.current !== token) {
-      tokenRef.current = token;
-      meta.current = rebuildMeta();
-    }
-    return meta.current;
-  };
-  return React5.useSyncExternalStore(
-    (dispatch) => subscribeToTimeline(token, dispatch, `use-tl:${id}`, store),
-    retrieve,
-    retrieve
-  );
-}
-
-export { StoreContext, StoreProvider, useI, useJSON, useO, useTL };

package/react/src/use-o.ts

@@ -20,7 +20,7 @@ export function useO<T, K extends Canonical>(
 	const token = parseStateOverloads(store, ...params)
 	const id = React.useId()
 	return React.useSyncExternalStore<T>(
-		(dispatch) => subscribeToState(token, dispatch, `use-o:${id}`, store),
+		(dispatch) => subscribeToState(store, token, `use-o:${id}`, dispatch),
 		() => getFromStore(store, token),
 		() => getFromStore(store, token),
 	)

package/react/src/use-tl.ts

@@ -15,7 +15,7 @@ export type TimelineMeta = {
 export function useTL(token: TimelineToken<any>): TimelineMeta {
 	const store = React.useContext(StoreContext)
 	const id = React.useId()
-	const timeline = withdraw(token, store)
+	const timeline = withdraw(store, token)
 	const tokenRef = React.useRef(token)
 	const rebuildMeta = () => {
 		return {
@@ -42,7 +42,7 @@ export function useTL(token: TimelineToken<any>): TimelineMeta {
 		return meta.current
 	}
 	return React.useSyncExternalStore<TimelineMeta>(
-		(dispatch) => subscribeToTimeline(token, dispatch, `use-tl:${id}`, store),
+		(dispatch) => subscribeToTimeline(store, token, `use-tl:${id}`, dispatch),
 		retrieve,
 		retrieve,
 	)

package/react-devtools/dist/index.css

@@ -9,20 +9,22 @@ main[data-css=atom_io_devtools] {
     --bg-color: #ddd;
     --bg-tint1: #e3e3e3;
   }
-  box-sizing: border-box;
-  color: var(--fg-color);
-  background-color: var(--bg-color);
-  border: 2px solid var(--fg-color);
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  height: 100%;
-  display: flex;
-  flex-flow: column;
-  max-height: 800px;
-  width: 100%;
-  max-width: 500px;
-  overflow-y: scroll;
+  & {
+    box-sizing: border-box;
+    color: var(--fg-color);
+    background-color: var(--bg-color);
+    border: 2px solid var(--fg-color);
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    height: 100%;
+    display: flex;
+    flex-flow: column;
+    max-height: 800px;
+    width: 100%;
+    max-width: 500px;
+    overflow-y: scroll;
+  }
   * {
     font-size: 16px;
     font-family: theia, monospace;

package/react-devtools/dist/index.js

@@ -1,13 +1,11 @@
+import { persistSync } from '../../dist/chunk-4LWKCEW3.js';
+import { attachIntrospectionStates, jsonRefinery, primitiveRefinery, discoverType, prettyJson } from '../../dist/chunk-VRJP2PCU.js';
+import { StoreContext, useI, useO } from '../../dist/chunk-3PQTWLQQ.js';
+import { IMPLICIT, createStandaloneAtom, createAtomFamily, fromEntries, become, isJson, toEntries, JSON_DEFAULTS, findInStore, undo, redo, getState, stringifyJson } from '../../dist/chunk-UQEYZ3OI.js';
 import '../../dist/chunk-XWL6SNVU.js';
-import { StoreContext, useI, useO } from 'atom.io/react';
 import { motion, spring, LayoutGroup } from 'motion/react';
 import { forwardRef, useRef, useState, useImperativeHandle, useLayoutEffect, createContext, useId, Component, useContext, Fragment as Fragment$1 } from 'react';
-import { undo, redo, getState } from 'atom.io';
-import { IMPLICIT, createStandaloneAtom, createAtomFamily, findInStore, become } from 'atom.io/internal';
-import { jsonRefinery, attachIntrospectionStates, primitiveRefinery, prettyJson, discoverType } from 'atom.io/introspection';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { isJson, fromEntries, toEntries, JSON_DEFAULTS, stringifyJson } from 'atom.io/json';
-import { persistSync } from 'atom.io/web';
 
 var OpenClose = ({ isOpen, setIsOpen, disabled, testid }) => {
   return /* @__PURE__ */ jsx(
@@ -92,7 +90,7 @@ function clampInto(min, max) {
   return (value) => value < min ? min : value > max ? max : value;
 }
 function round(value, decimalPlaces) {
-  if (decimalPlaces === undefined) return value;
+  if (decimalPlaces === void 0) return value;
   const factor = 10 ** decimalPlaces;
   return Math.round(value * factor) / factor;
 }
@@ -130,7 +128,7 @@ var initRefinery = (constraints) => (input) => {
   return constrained;
 };
 var valueToText = (numericValue) => {
-  if (numericValue === null || numericValue === undefined) {
+  if (numericValue === null || numericValue === void 0) {
     return ``;
   }
   return numericValue.toString();
@@ -154,7 +152,7 @@ var NumberInput = ({
   const [temporaryEntry, setTemporaryEntry] = useState(null);
   const userHasMadeDeliberateChange = useRef(false);
   const refine = initRefinery({ max, min, decimalPlaces, nullable: true });
-  const allowDecimal = decimalPlaces === undefined || decimalPlaces > 0;
+  const allowDecimal = decimalPlaces === void 0 || decimalPlaces > 0;
   const handleBlur = () => {
     if (userHasMadeDeliberateChange.current) {
       set(refine(value ?? null));
@@ -164,7 +162,7 @@ var NumberInput = ({
   };
   const handleChange = (event) => {
     if (onChange) onChange(event);
-    if (set === undefined) return;
+    if (set === void 0) return;
     userHasMadeDeliberateChange.current = true;
     const input = event.target.value;
     if (isValidNonNumber(input) || isDecimalInProgress(input)) {
@@ -233,7 +231,7 @@ var TextInput = ({
         type: "text",
         value,
         onChange: (e) => set?.(e.target.value),
-        disabled: set === undefined,
+        disabled: set === void 0,
         placeholder,
         "data-testid": testid
       }
@@ -244,7 +242,7 @@ var TextInput = ({
         type: "text",
         value,
         onChange: (e) => set?.(e.target.value),
-        disabled: set === undefined,
+        disabled: set === void 0,
         placeholder,
         "data-testid": testid
       }
@@ -255,7 +253,7 @@ var NonJsonEditor = ({
   data,
   testid
 }) => {
-  return data === undefined ? /* @__PURE__ */ jsx(
+  return data === void 0 ? /* @__PURE__ */ jsx(
     ElasticInput,
     {
       disabled: true,
@@ -316,7 +314,7 @@ var JsonEditor_INTERNAL = ({
           ElasticInput,
           {
             value: name,
-            onChange: disabled ? undefined : (e) => {
+            onChange: disabled ? void 0 : (e) => {
               rename(e.target.value);
             },
             disabled,
@@ -340,7 +338,7 @@ var JsonEditor_INTERNAL = ({
         recast && dataIsJson ? /* @__PURE__ */ jsx(
           "select",
           {
-            onChange: disabled ? undefined : (e) => {
+            onChange: disabled ? void 0 : (e) => {
               recast(e.target.value);
             },
             value: refined.type,
@@ -353,6 +351,8 @@ var JsonEditor_INTERNAL = ({
     }
   ) });
 };
+
+// react-devtools/src/json-editor/editors-by-type/utilities/array-elements.ts
 var makeElementSetters = (data, set) => data.map((value, index) => (newValue) => {
   set(() => {
     const newData = [...data];
@@ -551,7 +551,8 @@ var castToJson = (input) => {
         }
       };
     }
-    default: {
+    case `null`:
+    case void 0: {
       return {
         get array() {
           return nullToArray();
@@ -744,7 +745,7 @@ var NumberEditor = ({
   {
     testid: `${testid}-number-input`,
     value: data,
-    set: isReadonly(path) ? undefined : (newValue) => {
+    set: isReadonly(path) ? void 0 : (newValue) => {
       set(Number(newValue));
     },
     autoSize: true
@@ -763,7 +764,7 @@ var StringEditor = ({
     {
       testid: `${testid}-string-input`,
       value: data,
-      set: isReadonly(path) ? undefined : set,
+      set: isReadonly(path) ? void 0 : set,
       autoSize: true
     }
   ) });
@@ -1154,6 +1155,12 @@ var TransactionUpdateFC = ({ serialNumber, transactionUpdate }) => {
                     },
                     `${transactionUpdate.key}:${index}:${update.key}`
                   );
+                case `molecule_creation`:
+                case `molecule_disposal`:
+                case `molecule_transfer`:
+                case `state_creation`:
+                case `state_disposal`:
+                  return null;
               }
             })
           ] })
@@ -1200,6 +1207,12 @@ var TimelineUpdateFC = ({ timelineUpdate, serialNumber }) => {
                 },
                 `${timelineUpdate.key}:${index}:${update.key}`
               );
+            case `molecule_creation`:
+            case `molecule_disposal`:
+            case `molecule_transfer`:
+            case `state_creation`:
+            case `state_disposal`:
+              return null;
           }
         }) : timelineUpdate.type === `selector_update` ? timelineUpdate.atomUpdates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((atomUpdate, index) => {
           return /* @__PURE__ */ jsx(

package/react-devtools/src/Updates.tsx

@@ -119,6 +119,12 @@ const TransactionUpdateFC: React.FC<{
 											transactionUpdate={update}
 										/>
 									)
+								case `molecule_creation`:
+								case `molecule_disposal`:
+								case `molecule_transfer`:
+								case `state_creation`:
+								case `state_disposal`:
+									return null
 							}
 						})}
 				</section>
@@ -173,6 +179,12 @@ export const TimelineUpdateFC: React.FC<{
 											transactionUpdate={update}
 										/>
 									)
+								case `molecule_creation`:
+								case `molecule_disposal`:
+								case `molecule_transfer`:
+								case `state_creation`:
+								case `state_disposal`:
+									return null
 							}
 						})
 				) : timelineUpdate.type === `selector_update` ? (

package/react-devtools/src/devtools.scss

@@ -8,20 +8,22 @@ main[data-css="atom_io_devtools"] {
     --bg-color: #ddd;
     --bg-tint1: #e3e3e3;
   }
-  box-sizing: border-box;
-  color: var(--fg-color);
-  background-color: var(--bg-color);
-  border: 2px solid var(--fg-color);
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  height: 100%;
-  display: flex;
-  flex-flow: column;
-  max-height: 800px;
-  width: 100%;
-  max-width: 500px;
-  overflow-y: scroll;
+  & {
+    box-sizing: border-box;
+    color: var(--fg-color);
+    background-color: var(--bg-color);
+    border: 2px solid var(--fg-color);
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    height: 100%;
+    display: flex;
+    flex-flow: column;
+    max-height: 800px;
+    width: 100%;
+    max-width: 500px;
+    overflow-y: scroll;
+  }
   * {
     font-size: 16px;
     font-family: theia, monospace;

package/react-devtools/src/json-editor/editors-by-type/utilities/cast-to-json.ts

@@ -130,7 +130,8 @@ export const castToJson = (
 				},
 			}
 		}
-		default: {
+		case `null`:
+		case undefined: {
 			return {
 				get array() {
 					return Cast.nullToArray()

package/realtime/dist/index.d.ts

@@ -2,7 +2,6 @@ import * as atom_io from 'atom.io';
 import { AtomFamilyToken, ReadableFamilyToken, ReadableToken, TokenType, AtomToken, TransactionToken, MutableAtomToken } from 'atom.io';
 import { Canonical } from 'atom.io/json';
 import { UserKey } from 'atom.io/realtime-server';
-import * as atom_io_data from 'atom.io/data';
 import { SetRTX, SetRTXJson } from 'atom.io/transceivers/set-rtx';
 
 declare class InvariantMap<K, V> extends Map<K, V> {
@@ -46,7 +45,7 @@ type UserInRoomMeta = {
     enteredAtEpoch: number;
 };
 declare const DEFAULT_USER_IN_ROOM_META: UserInRoomMeta;
-declare const usersInRooms: atom_io_data.JoinToken<"room", string, "user", string, "1:n", UserInRoomMeta>;
+declare const usersInRooms: atom_io.JoinToken<"room", string, "user", string, "1:n", UserInRoomMeta>;
 declare const usersInMyRoomView: atom_io.ReadonlySelectorFamilyToken<MutableAtomToken<SetRTX<string>, SetRTXJson<string>>[], string>;
 
 export { type ContinuityOptions, type ContinuityToken, DEFAULT_USER_IN_ROOM_META, InvariantMap, type PerspectiveToken, SyncGroup, type UserInRoomMeta, continuity, roomIndex, usersInMyRoomView, usersInRooms, usersInThisRoomIndex };