atom.io 0.33.5 → 0.33.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom.io",
-  "version": "0.33.5",
+  "version": "0.33.7",
   "description": "Composable and testable reactive data library.",
   "homepage": "https://atom.io.fyi",
   "sideEffects": false,
@@ -60,27 +60,30 @@
     }
   },
   "devDependencies": {
-    "@eslint/core": "0.15.0",
+    "@eslint/core": "0.15.1",
+    "@storybook/addon-docs": "9.0.13",
+    "@storybook/addon-onboarding": "9.0.13",
+    "@storybook/react-vite": "9.0.13",
     "@testing-library/react": "16.3.0",
-    "@types/bun": "npm:bun-types@1.2.16",
+    "@types/bun": "npm:bun-types@1.2.17",
     "@types/eslint": "9.6.1",
     "@types/estree": "1.0.8",
     "@types/http-proxy": "1.17.16",
     "@types/npmlog": "7.0.0",
     "@types/react": "19.1.8",
     "@types/tmp": "0.2.6",
-    "@typescript-eslint/parser": "8.34.0",
-    "@typescript-eslint/rule-tester": "8.34.0",
-    "@typescript-eslint/utils": "8.34.0",
-    "@vitest/coverage-v8": "3.2.3",
-    "@vitest/ui": "3.2.3",
-    "concurrently": "9.1.2",
-    "drizzle-kit": "0.31.1",
+    "@typescript-eslint/parser": "8.35.0",
+    "@typescript-eslint/rule-tester": "8.35.0",
+    "@typescript-eslint/utils": "8.35.0",
+    "@vitest/coverage-v8": "3.2.4",
+    "@vitest/ui": "3.2.4",
+    "concurrently": "9.2.0",
+    "drizzle-kit": "0.31.2",
     "drizzle-orm": "0.44.2",
     "eslint": "9.29.0",
     "happy-dom": "18.0.1",
     "http-proxy": "1.18.1",
-    "motion": "12.18.1",
+    "motion": "12.19.1",
     "npmlog": "7.0.1",
     "nyc": "17.1.0",
     "postgres": "3.4.7",
@@ -91,14 +94,15 @@
     "recoverage": "0.1.11",
     "socket.io": "4.8.1",
     "socket.io-client": "4.8.1",
+    "storybook": "9.0.13",
     "tmp": "0.2.3",
-    "tsdown": "0.12.7",
+    "tsdown": "0.12.9",
     "tsx": "4.20.3",
     "typescript": "5.8.3",
-    "vite": "6.3.5",
+    "vite": "7.0.0",
     "vite-tsconfig-paths": "5.1.4",
-    "vitest": "3.2.3",
-    "zod": "3.25.64",
+    "vitest": "3.2.4",
+    "zod": "3.25.67",
     "break-check": "0.6.14"
   },
   "main": "./dist/main/index.js",
@@ -154,6 +158,9 @@
       "import": "./dist/react-devtools/index.js",
       "types": "./dist/react-devtools/index.d.ts"
     },
+    "./react-devtools/css": {
+      "import": "./dist/react-devtools/index.css"
+    },
     "./realtime": {
       "import": "./dist/realtime/index.js",
       "types": "./dist/realtime/index.d.ts"
@@ -200,6 +207,8 @@
     "test:once:public": "cross-env IMPORT=dist vitest run public",
     "test:manifest": "tsx __scripts__/manifest-test.node.ts",
     "test:semver": "break-check --verbose",
-    "postversion": "biome format --write package.json"
+    "postversion": "biome format --write package.json",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
 }

package/src/internal/families/dispose-from-store.ts

@@ -31,7 +31,7 @@ export function disposeFromStore(
 	}
 	try {
 		withdraw(store, token)
-	} catch (thrown) {
+	} catch (_) {
 		store.logger.error(
 			`❌`,
 			token.type,

package/src/internal/mutable/create-mutable-atom.ts

@@ -7,12 +7,8 @@ import type {
 import type { Json } from "atom.io/json"
 import { selectJson } from "atom.io/json"
 
-import {
-	cacheValue,
-	type MutableAtom,
-	prettyPrintTokenType,
-	setIntoStore,
-} from ".."
+import type { MutableAtom } from ".."
+import { cacheValue, setIntoStore } from ".."
 import { markAtomAsDefault } from "../atom"
 import { newest } from "../lineage"
 import { deposit, type Store } from "../store"

package/src/internal/set-state/set-into-store.ts

@@ -1,5 +1,5 @@
 import type { WritableFamilyToken, WritableToken } from "atom.io"
-import { type Canonical, parseJson, stringifyJson } from "atom.io/json"
+import { type Canonical, parseJson } from "atom.io/json"
 
 import { findInStore } from "../families"
 import { getFamilyOfToken } from "../families/get-family-of-token"

package/src/internal/timeline/time-travel.ts

@@ -4,8 +4,6 @@ import {
 	ingestAtomUpdate,
 	ingestCreationEvent,
 	ingestDisposalEvent,
-	ingestMoleculeCreationEvent,
-	ingestMoleculeDisposalEvent,
 	ingestSelectorUpdate,
 	ingestTransactionUpdate,
 } from "../ingest-updates"

package/src/introspection/attach-type-selectors.ts

@@ -22,7 +22,7 @@ export const attachTypeSelectors = (
 						throw new Error(`Could not find state with key "${key}"`)
 					}
 					state = get(token)
-				} catch (thrown) {
+				} catch (_) {
 					return `error`
 				}
 				const typeOfState = discoverType(state)

package/src/main/index.ts

@@ -1,19 +1,13 @@
 import type { Transceiver } from "atom.io/internal"
 import type { Canonical, Json, stringified } from "atom.io/json"
 
-import type { atom, AtomFamilyToken } from "./atom"
-import type { getState } from "./get-state"
+import type { AtomFamilyToken } from "./atom"
 import type {
 	SelectorFamilyToken,
 	WritableSelectorFamilyToken,
 } from "./selector"
-import type { setState } from "./set-state"
 import type { TimelineToken } from "./timeline"
-import type {
-	runTransaction,
-	transaction,
-	TransactionToken,
-} from "./transaction"
+import type { TransactionToken } from "./transaction"
 
 export * from "./atom"
 export * from "./dispose-state"

package/src/react-devtools/AtomIODevtools.tsx

@@ -45,6 +45,7 @@ const AtomIODevtoolsInternal = (): React.ReactNode => {
 				left: 0,
 				right: 0,
 				bottom: 0,
+				pointerEvents: `none`,
 			}}
 		>
 			<motion.span

package/src/react-devtools/StateEditor.tsx

@@ -1,8 +1,4 @@
-import type {
-	ReadonlyPureSelectorToken,
-	ReadonlySelectorToken,
-	WritableToken,
-} from "atom.io"
+import type { ReadonlySelectorToken, WritableToken } from "atom.io"
 import { useI, useO } from "atom.io/react"
 import type { FC } from "react"
 

package/src/react-devtools/Updates.tsx

@@ -67,11 +67,9 @@ const TransactionUpdateFC: React.FC<{
 									{typeof param === `object` &&
 									param !== null &&
 									`type` in param &&
-									`target` in param ? (
-										<>{JSON.stringify(param.type)}</>
-									) : (
-										<>{JSON.stringify(param)}</>
-									)}
+									`target` in param
+										? JSON.stringify(param.type)
+										: JSON.stringify(param)}
 								</span>
 							</article>
 						)

package/src/react-devtools/devtools.css

@@ -8,6 +8,7 @@ main[data-css="atom_io_devtools"] {
 		--bg-color: #ddd;
 		--bg-tint1: #e3e3e3;
 	}
+	pointer-events: all;
 	& {
 		box-sizing: border-box;
 		color: var(--fg-color);
@@ -27,6 +28,7 @@ main[data-css="atom_io_devtools"] {
 	* {
 		font-size: 16px;
 		font-family: theia, monospace;
+		line-height: 1em;
 	}
 	> header {
 		padding: 5px;
@@ -35,7 +37,6 @@ main[data-css="atom_io_devtools"] {
 		display: flex;
 		justify-content: space-between;
 		h1 {
-			font-size: inherit;
 			margin: 0;
 			font-size: 24px;
 			font-family: charter, serif;
@@ -47,7 +48,7 @@ main[data-css="atom_io_devtools"] {
 				cursor: pointer;
 				background: none;
 				border: none;
-				padding: none;
+				padding: 0px 5px;
 				margin-bottom: -2px;
 				z-index: 1000;
 				&:disabled {
@@ -114,10 +115,12 @@ main[data-css="atom_io_devtools"] {
 						flex-flow: row;
 						gap: 5px;
 						cursor: help;
-						h2 {
+						align-items: baseline;
+						/* h2,
+						span.type {
 							display: inline-block;
 							margin: 0;
-						}
+						} */
 						.detail {
 							color: #777;
 							@media (prefers-color-scheme: light) {
@@ -126,9 +129,9 @@ main[data-css="atom_io_devtools"] {
 						}
 					}
 				}
-				main {
-					margin-left: 15px;
-				}
+				/* main {
+          margin-left: 15px;
+        } */
 			}
 			section.transaction_log {
 				margin-top: 0;

package/src/react-devtools/elastic-input/NumberInput.tsx

@@ -12,7 +12,7 @@ function round(value: number, decimalPlaces?: number): number {
 	const factor = 10 ** decimalPlaces
 	return Math.round(value * factor) / factor
 }
-function roundAndPad(value: number, decimalPlaces?: number): string {
+function _roundAndPad(value: number, decimalPlaces?: number): string {
 	const roundedValue = round(value, decimalPlaces)
 	const paddedString = roundedValue.toFixed(decimalPlaces)
 	return paddedString

package/src/react-devtools/error-boundary/ReactErrorBoundary.tsx

@@ -13,7 +13,7 @@ export type ErrorBoundaryProps = {
 	children: ReactNode
 	onError?: ((error: Error | string, errorInfo: ErrorInfo) => void) | undefined
 	Fallback?: FC<FallbackProps> | undefined
-	useResetErrorState?: () => () => void
+	resetErrorState?: () => void
 	useErrorState?: () => [
 		ErrorBoundaryState,
 		(

package/src/react-devtools/json-editor/developer-interface.tsx

@@ -1,4 +1,4 @@
-import type { Json, JsonTypes } from "atom.io/json"
+import type { JsonTypes } from "atom.io/json"
 import type { CSSProperties, FC, ReactElement } from "react"
 
 import type { JsonEditorComponents } from "./default-components"

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

@@ -6,7 +6,7 @@ export const stringToArray = (str: string): string[] => str.split(`,`)
 export const stringToObject = (str: string): Json.Tree.Object => {
 	try {
 		return JSON.parse(str)
-	} catch (e) {
+	} catch (_) {
 		return { [str]: str }
 	}
 }

package/src/realtime/shared-room-store.ts

@@ -1,12 +1,9 @@
 import type {
-	AtomToken,
 	JoinToken,
 	MutableAtomToken,
 	ReadonlyPureSelectorFamilyToken,
-	ReadonlyPureSelectorToken,
 } from "atom.io"
 import { atom, getInternalRelations, join, selectorFamily } from "atom.io"
-import { Join } from "atom.io/internal"
 import type { SetRTXJson } from "atom.io/transceivers/set-rtx"
 import { SetRTX } from "atom.io/transceivers/set-rtx"
 

package/src/realtime-react/use-pull-selector.ts

@@ -1,5 +1,4 @@
 import type * as AtomIO from "atom.io"
-import { findInStore } from "atom.io/internal"
 import type { Json } from "atom.io/json"
 import { StoreContext, useO } from "atom.io/react"
 import * as RTC from "atom.io/realtime-client"

package/src/realtime-react/use-single-effect.ts

@@ -1,3 +1,5 @@
+/** biome-ignore-all lint/correctness/useHookAtTopLevel: intentional */
+
 import * as React from "react"
 
 // @ts-expect-error this is a safe way to check a property on the global object

package/src/realtime-server/continuity/prepare-to-sync-realtime-continuity.ts

@@ -49,7 +49,7 @@ export function prepareToExposeRealtimeContinuity({
 			userKey,
 			store,
 		).socketKeyOfUser
-		const unsubscribeFromSocketTracking = subscribeToState(
+		const _unsubscribeFromSocketTracking = subscribeToState(
 			store,
 			socketKeyState,
 			`sync-continuity:${continuityKey}:${userKey}`,

package/src/realtime-server/continuity/subscribe-to-continuity-actions.ts

@@ -2,9 +2,7 @@ import type { Store } from "atom.io/internal"
 import {
 	findInStore,
 	getFromStore,
-	getJsonToken,
 	getUpdateToken,
-	isRootStore,
 	setIntoStore,
 	subscribeToTransaction,
 } from "atom.io/internal"

package/src/realtime-server/ipc-sockets/parent-socket.ts

@@ -1,4 +1,4 @@
-import { IMPLICIT, Subject } from "atom.io/internal"
+import { Subject } from "atom.io/internal"
 import type { Json } from "atom.io/json"
 import { parseJson, stringifyJson } from "atom.io/json"
 import { SetRTX } from "atom.io/transceivers/set-rtx"