atom.io 0.33.16 → 0.33.18

package/dist/realtime-react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":["effect: () => (() => void) | undefined | void","RealtimeContext: React.Context<RealtimeReactStore>","RealtimeProvider: React.FC<{\n\tchildren: React.ReactNode\n\tsocket: Socket | null\n}>","token: AtomIO.RegularAtomToken<J>","family: AtomIO.RegularAtomFamilyToken<J, K>","subKey: Key","token: AtomIO.MutableAtomToken<T, J>","familyToken: AtomIO.MutableAtomFamilyToken<T, J, K>","key: Key","token: AtomIO.SelectorToken<J>","familyToken: AtomIO.SelectorFamilyToken<T, K>","key: Key","token: AtomIO.WritableToken<J>","next: New | ((old: J) => New)","old: J","token: AtomIO.TransactionToken<F>","token: ContinuityToken"],"sources":["../../src/realtime-react/on-mount.ts","../../src/realtime-react/realtime-context.tsx","../../src/realtime-react/use-pull-atom.ts","../../src/realtime-react/use-pull-atom-family-member.ts","../../src/realtime-react/use-pull-mutable-atom.ts","../../src/realtime-react/use-pull-mutable-family-member.ts","../../src/realtime-react/use-pull-selector.ts","../../src/realtime-react/use-pull-selector-family-member.ts","../../src/realtime-react/use-push.ts","../../src/realtime-react/use-server-action.ts","../../src/realtime-react/use-sync-continuity.ts"],"sourcesContent":[],"mappings":";;;;;;;;iBAEgB,OAAA;;;KCGJ,kBAAA;UACH;YACE;;cAMEC,iBAAiB,KAAA,CAAM,QAAQ;cAM/BC,kBAAkB,KAAA,CAAM;EDjBrC,QAAgB,ECkBL,KAAA,CAAM,SDlBD;UCmBP;;;;iBCbO,sBAAsB,IAAA,CAAK,qBACnC,MAAA,CAAO,iBAAiB,KAC7B;;;iBCDa,kCACL,IAAA,CAAK,wBACL,uBACE,WACH,MAAA,CAAO,uBAAuB,GAAG,YAAY,MAAM;;;iBCJ7C,yBACL,4BACA,IAAA,CAAK,qBACP,MAAA,CAAO,iBAAiB,GAAG,KAAK;;;iBCFzB,yCACL,4BACA,IAAA,CAAK,wBACL,uBACE,ELZb,CAAA,WAAgB,EKaD,MAAA,CAAO,sBLbN,CKa6B,CLb7B,EKagC,CLbhC,EKamC,CLbnC,CAAA,EAAA,GAAA,EKa4C,GLb5C,CAAA,EKakD,CLblD;;;iBMMA,0BAA0B,IAAA,CAAK,qBACvC,MAAA,CAAO,cAAc,KAC1B;;;iBCDa,yCAEL,uBACE,gBACE,MAAA,CAAO,oBAAoB,GAAG,SAAS,MAAM;;;iBCL5C,kBAAkB,IAAA,CAAK,qBAC/B,MAAA,CAAO,cAAc,kBACb,SAAS,aAAa,MAAM;;;iBCD5B,0BAA0B,aAClC,MAAA,CAAO,iBAAiB,qBACb,WAAW,OAAO,WAAW;;;iBCJhC,iBAAA,QAAyB"}
+{"version":3,"file":"index.d.ts","names":["effect: () => (() => void) | undefined | void","RealtimeContext: React.Context<RealtimeReactStore>","RealtimeProvider: React.FC<{\n\tchildren: React.ReactNode\n\tsocket: Socket | null\n}>","token: AtomIO.RegularAtomToken<J>","family: AtomIO.RegularAtomFamilyToken<J, K>","subKey: Key","token: AtomIO.MutableAtomToken<T, J>","familyToken: AtomIO.MutableAtomFamilyToken<T, J, K>","key: Key","token: AtomIO.SelectorToken<J>","familyToken: AtomIO.SelectorFamilyToken<T, K>","key: Key","token: AtomIO.WritableToken<J>","next: New | ((old: J) => New)","old: J","token: AtomIO.TransactionToken<F>","token: ContinuityToken"],"sources":["../../src/realtime-react/on-mount.ts","../../src/realtime-react/realtime-context.tsx","../../src/realtime-react/use-pull-atom.ts","../../src/realtime-react/use-pull-atom-family-member.ts","../../src/realtime-react/use-pull-mutable-atom.ts","../../src/realtime-react/use-pull-mutable-family-member.ts","../../src/realtime-react/use-pull-selector.ts","../../src/realtime-react/use-pull-selector-family-member.ts","../../src/realtime-react/use-push.ts","../../src/realtime-react/use-server-action.ts","../../src/realtime-react/use-sync-continuity.ts"],"sourcesContent":[],"mappings":";;;;;;;;iBAEgB,OAAA;;;KCGJ,kBAAA;UACH;YACE;;cAMEC,iBAAiB,OAAA,CAAM,QAAQ;cAM/BC,kBAAkB,OAAA,CAAM;EDjBrC,QAAgB,ECkBL,OAAA,CAAM,SDlBD;UCmBP;;;;iBCbO,sBAAsB,IAAA,CAAK,qBACnC,MAAA,CAAO,iBAAiB,KAC7B;;;iBCDa,kCACL,IAAA,CAAK,wBACL,uBACE,WACH,MAAA,CAAO,uBAAuB,GAAG,YAAY,MAAM;;;iBCJ7C,yBACL,4BACA,IAAA,CAAK,qBACP,MAAA,CAAO,iBAAiB,GAAG,KAAK;;;iBCFzB,yCACL,4BACA,IAAA,CAAK,wBACL,uBACE,ELZb,CAAA,WAAgB,EKaD,MAAA,CAAO,sBLbN,CKa6B,CLb7B,EKagC,CLbhC,EKamC,CLbnC,CAAA,EAAA,GAAA,EKa4C,GLb5C,CAAA,EKakD,CLblD;;;iBMMA,0BAA0B,IAAA,CAAK,qBACvC,MAAA,CAAO,cAAc,KAC1B;;;iBCDa,yCAEL,uBACE,gBACE,MAAA,CAAO,oBAAoB,GAAG,SAAS,MAAM;;;iBCL5C,kBAAkB,IAAA,CAAK,qBAC/B,MAAA,CAAO,cAAc,kBACb,SAAS,aAAa,MAAM;;;iBCD5B,0BAA0B,aAClC,MAAA,CAAO,iBAAiB,qBACb,WAAW,OAAO,WAAW;;;iBCJhC,iBAAA,QAAyB"}

package/dist/realtime-react/index.js

@@ -1,5 +1,5 @@
 import { actUponStore, arbitrary, findInStore } from "atom.io/internal";
-import * as React from "react";
+import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { StoreContext, useI, useO } from "atom.io/react";
 import * as RTC from "atom.io/realtime-client";
@@ -11,8 +11,8 @@ const IN_DEV = NODE_ENV === `development`;
 function noop() {}
 function useSingleEffect(effect, deps) {
 	if (IN_DEV) {
-		const cleanup = React.useRef(noop);
-		React.useEffect(() => {
+		const cleanup = React$1.useRef(noop);
+		React$1.useEffect(() => {
 			let dispose = cleanup.current;
 			if (dispose === noop) {
 				dispose = effect() ?? noop;
@@ -22,7 +22,7 @@ function useSingleEffect(effect, deps) {
 				cleanup.current = noop;
 			};
 		}, deps);
-	} else React.useEffect(effect, deps);
+	} else React$1.useEffect(effect, deps);
 }
 
 //#endregion
@@ -33,14 +33,14 @@ function onMount(effect) {
 
 //#endregion
 //#region src/realtime-react/realtime-context.tsx
-const RealtimeContext = React.createContext({
+const RealtimeContext = React$1.createContext({
 	socket: null,
 	services: null
 });
 const RealtimeProvider = ({ children, socket }) => {
-	const services = React.useRef(/* @__PURE__ */ new Map()).current;
+	const services = React$1.useRef(/* @__PURE__ */ new Map()).current;
 	const setMyId = useI(RTC.myIdState__INTERNAL);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		setMyId(socket?.id);
 		socket?.on(`connect`, () => {
 			setMyId(socket.id);
@@ -61,7 +61,7 @@ const RealtimeProvider = ({ children, socket }) => {
 //#endregion
 //#region src/realtime-react/use-realtime-service.ts
 function useRealtimeService(key, create) {
-	const { socket, services } = React.useContext(RealtimeContext);
+	const { socket, services } = React$1.useContext(RealtimeContext);
 	onMount(() => {
 		let service = services?.get(key);
 		if (service) service[0]++;
@@ -85,7 +85,7 @@ function useRealtimeService(key, create) {
 //#endregion
 //#region src/realtime-react/use-pull-atom.ts
 function usePullAtom(token) {
-	const store = React.useContext(StoreContext);
+	const store = React$1.useContext(StoreContext);
 	useRealtimeService(`pull:${token.key}`, (socket) => RTC.pullAtom(store, socket, token));
 	return useO(token);
 }
@@ -93,7 +93,7 @@ function usePullAtom(token) {
 //#endregion
 //#region src/realtime-react/use-pull-atom-family-member.ts
 function usePullAtomFamilyMember(family, subKey) {
-	const store = React.useContext(StoreContext);
+	const store = React$1.useContext(StoreContext);
 	const token = findInStore(store, family, subKey);
 	useRealtimeService(`pull:${token.key}`, (socket) => RTC.pullAtomFamilyMember(store, socket, token));
 	return useO(token);
@@ -102,7 +102,7 @@ function usePullAtomFamilyMember(family, subKey) {
 //#endregion
 //#region src/realtime-react/use-pull-mutable-atom.ts
 function usePullMutable(token) {
-	const store = React.useContext(StoreContext);
+	const store = React$1.useContext(StoreContext);
 	useRealtimeService(`pull:${token.key}`, (socket) => RTC.pullMutableAtom(store, socket, token));
 	return useO(token);
 }
@@ -110,7 +110,7 @@ function usePullMutable(token) {
 //#endregion
 //#region src/realtime-react/use-pull-mutable-family-member.ts
 function usePullMutableAtomFamilyMember(familyToken, key) {
-	const store = React.useContext(StoreContext);
+	const store = React$1.useContext(StoreContext);
 	const token = findInStore(store, familyToken, key);
 	useRealtimeService(`pull:${token.key}`, (socket) => RTC.pullMutableAtomFamilyMember(store, socket, token));
 	return useO(token);
@@ -119,7 +119,7 @@ function usePullMutableAtomFamilyMember(familyToken, key) {
 //#endregion
 //#region src/realtime-react/use-pull-selector.ts
 function usePullSelector(token) {
-	const store = React.useContext(StoreContext);
+	const store = React$1.useContext(StoreContext);
 	useRealtimeService(`pull:${token.key}`, (socket) => RTC.pullSelector(store, socket, token));
 	return useO(token);
 }
@@ -127,7 +127,7 @@ function usePullSelector(token) {
 //#endregion
 //#region src/realtime-react/use-pull-selector-family-member.ts
 function usePullSelectorFamilyMember(familyToken, key) {
-	const store = React.useContext(StoreContext);
+	const store = React$1.useContext(StoreContext);
 	const token = findInStore(store, familyToken, key);
 	useRealtimeService(`pull:${token.key}`, (socket) => RTC.pullSelectorFamilyMember(store, socket, token));
 	return useO(token);
@@ -136,7 +136,7 @@ function usePullSelectorFamilyMember(familyToken, key) {
 //#endregion
 //#region src/realtime-react/use-push.ts
 function usePush(token) {
-	const store = React.useContext(StoreContext);
+	const store = React$1.useContext(StoreContext);
 	useRealtimeService(`push:${token.key}`, (socket) => RTC.pushState(store, socket, token));
 	return useI(token);
 }
@@ -144,7 +144,7 @@ function usePush(token) {
 //#endregion
 //#region src/realtime-react/use-server-action.ts
 function useServerAction(token) {
-	const store = React.useContext(StoreContext);
+	const store = React$1.useContext(StoreContext);
 	useRealtimeService(`tx:${token.key}`, (socket) => RTC.serverAction(store, socket, token));
 	return actUponStore(store, token, arbitrary());
 }
@@ -152,7 +152,7 @@ function useServerAction(token) {
 //#endregion
 //#region src/realtime-react/use-sync-continuity.ts
 function useSyncContinuity(token) {
-	const store = React.useContext(StoreContext);
+	const store = React$1.useContext(StoreContext);
 	useRealtimeService(`tx-sync:${token.key}`, (socket) => {
 		return syncContinuity(store, socket, token);
 	});

package/dist/realtime-react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["effect: () => (() => void) | undefined | void","deps: unknown[]","effect: () => (() => void) | undefined | void","RealtimeContext: React.Context<RealtimeReactStore>","RealtimeProvider: React.FC<{\n\tchildren: React.ReactNode\n\tsocket: Socket | null\n}>","key: string","create: (socket: Socket) => (() => void) | undefined","token: AtomIO.RegularAtomToken<J>","family: AtomIO.RegularAtomFamilyToken<J, K>","subKey: Key","token: AtomIO.MutableAtomToken<T, J>","familyToken: AtomIO.MutableAtomFamilyToken<T, J, K>","key: Key","token: AtomIO.SelectorToken<J>","familyToken: AtomIO.SelectorFamilyToken<T, K>","key: Key","token: AtomIO.WritableToken<J>","token: AtomIO.TransactionToken<F>","token: ContinuityToken"],"sources":["../../src/realtime-react/use-single-effect.ts","../../src/realtime-react/on-mount.ts","../../src/realtime-react/realtime-context.tsx","../../src/realtime-react/use-realtime-service.ts","../../src/realtime-react/use-pull-atom.ts","../../src/realtime-react/use-pull-atom-family-member.ts","../../src/realtime-react/use-pull-mutable-atom.ts","../../src/realtime-react/use-pull-mutable-family-member.ts","../../src/realtime-react/use-pull-selector.ts","../../src/realtime-react/use-pull-selector-family-member.ts","../../src/realtime-react/use-push.ts","../../src/realtime-react/use-server-action.ts","../../src/realtime-react/use-sync-continuity.ts"],"sourcesContent":["/** biome-ignore-all lint/correctness/useHookAtTopLevel: intentional */\n\nimport * as React from \"react\"\n\n// @ts-expect-error this is a safe way to check a property on the global object\nconst { NODE_ENV } = globalThis[`env`] ?? {}\nconst IN_DEV = NODE_ENV === `development`\n\nfunction noop() {}\n\nexport function useSingleEffect(\n\teffect: () => (() => void) | undefined | void,\n\tdeps: unknown[],\n): void {\n\tif (IN_DEV) {\n\t\tconst cleanup = React.useRef<() => void>(noop)\n\t\tReact.useEffect(() => {\n\t\t\tlet dispose = cleanup.current\n\t\t\tif (dispose === noop) {\n\t\t\t\tdispose = effect() ?? noop\n\t\t\t\tcleanup.current = dispose\n\t\t\t} else {\n\t\t\t\treturn () => {\n\t\t\t\t\tdispose()\n\t\t\t\t\tcleanup.current = noop\n\t\t\t\t}\n\t\t\t}\n\t\t}, deps)\n\t} else {\n\t\tReact.useEffect(effect, deps)\n\t}\n}\n","import { useSingleEffect } from \"./use-single-effect\"\n\nexport function onMount(effect: () => (() => void) | undefined | void): void {\n\tuseSingleEffect(effect, [])\n}\n","import { useI } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\nimport type { Socket } from \"socket.io-client\"\n\nexport type RealtimeReactStore = {\n\tsocket: Socket | null\n\tservices: Map<\n\t\tstring,\n\t\t[consumerCount: number, dispose: (() => void) | undefined]\n\t> | null\n}\n\nexport const RealtimeContext: React.Context<RealtimeReactStore> =\n\tReact.createContext({\n\t\tsocket: null,\n\t\tservices: null,\n\t})\n\nexport const RealtimeProvider: React.FC<{\n\tchildren: React.ReactNode\n\tsocket: Socket | null\n}> = ({ children, socket }) => {\n\tconst services = React.useRef(new Map<string, [number, () => void]>()).current\n\tconst setMyId = useI(RTC.myIdState__INTERNAL)\n\tReact.useEffect(() => {\n\t\tsetMyId(socket?.id)\n\t\tsocket?.on(`connect`, () => {\n\t\t\tsetMyId(socket.id)\n\t\t})\n\t\tsocket?.on(`disconnect`, () => {\n\t\t\tsetMyId(undefined)\n\t\t})\n\t}, [socket, setMyId])\n\treturn (\n\t\t<RealtimeContext.Provider value={{ socket, services }}>\n\t\t\t{children}\n\t\t</RealtimeContext.Provider>\n\t)\n}\n","import * as React from \"react\"\nimport type { Socket } from \"socket.io-client\"\n\nimport { onMount } from \"./on-mount\"\nimport { RealtimeContext } from \"./realtime-context\"\n\nexport function useRealtimeService(\n\tkey: string,\n\tcreate: (socket: Socket) => (() => void) | undefined,\n): void {\n\tconst { socket, services } = React.useContext(RealtimeContext)\n\tonMount(() => {\n\t\tlet service = services?.get(key)\n\t\tif (service) {\n\t\t\tservice[0]++\n\t\t} else {\n\t\t\tconst dispose = socket ? create(socket) : undefined\n\t\t\tservice = [1, dispose]\n\t\t\tservices?.set(key, service)\n\t\t}\n\t\treturn () => {\n\t\t\tif (service) {\n\t\t\t\tservice[0]--\n\t\t\t\tif (service[0] === 0) {\n\t\t\t\t\tservice[1]?.()\n\t\t\t\t\tservices?.delete(key)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t})\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullAtom<J extends Json.Serializable>(\n\ttoken: AtomIO.RegularAtomToken<J>,\n): J {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullAtom(store, socket, token),\n\t)\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport { findInStore } from \"atom.io/internal\"\nimport type { Canonical, Json } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullAtomFamilyMember<\n\tJ extends Json.Serializable,\n\tK extends Canonical,\n\tKey extends K,\n>(family: AtomIO.RegularAtomFamilyToken<J, K>, subKey: Key): J {\n\tconst store = React.useContext(StoreContext)\n\tconst token = findInStore(store, family, subKey)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullAtomFamilyMember(store, socket, token),\n\t)\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Transceiver } from \"atom.io/internal\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullMutable<\n\tT extends Transceiver<any>,\n\tJ extends Json.Serializable,\n>(token: AtomIO.MutableAtomToken<T, J>): T {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullMutableAtom(store, socket, token),\n\t)\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Transceiver } from \"atom.io/internal\"\nimport { findInStore } from \"atom.io/internal\"\nimport type { Canonical, Json } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullMutableAtomFamilyMember<\n\tT extends Transceiver<any>,\n\tJ extends Json.Serializable,\n\tK extends Canonical,\n\tKey extends K,\n>(familyToken: AtomIO.MutableAtomFamilyToken<T, J, K>, key: Key): T {\n\tconst store = React.useContext(StoreContext)\n\tconst token = findInStore(store, familyToken, key)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullMutableAtomFamilyMember(store, socket, token),\n\t)\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullSelector<J extends Json.Serializable>(\n\ttoken: AtomIO.SelectorToken<J>,\n): J {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullSelector(store, socket, token),\n\t)\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport { findInStore } from \"atom.io/internal\"\nimport type { Canonical } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullSelectorFamilyMember<\n\tT,\n\tK extends Canonical,\n\tKey extends K,\n>(familyToken: AtomIO.SelectorFamilyToken<T, K>, key: Key): T {\n\tconst store = React.useContext(StoreContext)\n\tconst token = findInStore(store, familyToken, key)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullSelectorFamilyMember(store, socket, token),\n\t)\n\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext, useI } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePush<J extends Json.Serializable>(\n\ttoken: AtomIO.WritableToken<J>,\n): <New extends J>(next: New | ((old: J) => New)) => void {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`push:${token.key}`, (socket) =>\n\t\tRTC.pushState(store, socket, token),\n\t)\n\treturn useI(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Func } from \"atom.io/internal\"\nimport { actUponStore, arbitrary } from \"atom.io/internal\"\nimport { StoreContext } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function useServerAction<F extends Func>(\n\ttoken: AtomIO.TransactionToken<F>,\n): (...parameters: Parameters<F>) => ReturnType<F> {\n\tconst store = React.useContext(StoreContext)\n\n\tuseRealtimeService(`tx:${token.key}`, (socket) =>\n\t\tRTC.serverAction(store, socket, token),\n\t)\n\treturn actUponStore(store, token, arbitrary())\n}\n","import { StoreContext } from \"atom.io/react\"\nimport type { ContinuityToken } from \"atom.io/realtime\"\nimport { syncContinuity } from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function useSyncContinuity(token: ContinuityToken): void {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`tx-sync:${token.key}`, (socket) => {\n\t\treturn syncContinuity(store, socket, token)\n\t})\n}\n"],"mappings":";;;;;;;;AAKA,MAAM,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,CAAE;AAC5C,MAAM,SAAS,aAAa,CAAC,WAAW,CAAC;AAEzC,SAAS,OAAO,CAAE;AAElB,SAAgB,gBACfA,QACAC,MACO;AACP,KAAI,QAAQ;EACX,MAAM,UAAU,MAAM,OAAmB,KAAK;EAC9C,MAAM,UAAU,MAAM;GACrB,IAAI,UAAU,QAAQ;AACtB,OAAI,YAAY,MAAM;IACrB,UAAU,QAAQ,IAAI;IACtB,QAAQ,UAAU;GAClB,MACA,QAAO,MAAM;IACZ,SAAS;IACT,QAAQ,UAAU;GAClB;EAEF,GAAE,KAAK;CACR,OACA,MAAM,UAAU,QAAQ,KAAK;AAE9B;;;;AC7BD,SAAgB,QAAQC,QAAqD;CAC5E,gBAAgB,QAAQ,CAAE,EAAC;AAC3B;;;;ACSD,MAAaC,kBACZ,MAAM,cAAc;CACnB,QAAQ;CACR,UAAU;AACV,EAAC;AAEH,MAAaC,mBAGR,CAAC,EAAE,UAAU,QAAQ,KAAK;CAC9B,MAAM,WAAW,MAAM,uBAAO,IAAI,MAAoC,CAAC;CACvE,MAAM,UAAU,KAAK,IAAI,oBAAoB;CAC7C,MAAM,UAAU,MAAM;EACrB,QAAQ,QAAQ,GAAG;EACnB,QAAQ,GAAG,CAAC,OAAO,CAAC,EAAE,MAAM;GAC3B,QAAQ,OAAO,GAAG;EAClB,EAAC;EACF,QAAQ,GAAG,CAAC,UAAU,CAAC,EAAE,MAAM;GAC9B,QAAQ,OAAU;EAClB,EAAC;CACF,GAAE,CAAC,QAAQ,OAAQ,EAAC;AACrB,4BACE,gBAAgB;EAAS,OAAO;GAAE;GAAQ;EAAU;EACnD;GACyB;AAE5B;;;;ACjCD,SAAgB,mBACfC,KACAC,QACO;CACP,MAAM,EAAE,QAAQ,UAAU,GAAG,MAAM,WAAW,gBAAgB;CAC9D,QAAQ,MAAM;EACb,IAAI,UAAU,UAAU,IAAI,IAAI;AAChC,MAAI,SACH,QAAQ;OACF;GACN,MAAM,UAAU,SAAS,OAAO,OAAO,GAAG;GAC1C,UAAU,CAAC,GAAG,OAAQ;GACtB,UAAU,IAAI,KAAK,QAAQ;EAC3B;AACD,SAAO,MAAM;AACZ,OAAI,SAAS;IACZ,QAAQ;AACR,QAAI,QAAQ,OAAO,GAAG;KACrB,QAAQ,MAAM;KACd,UAAU,OAAO,IAAI;IACrB;GACD;EACD;CACD,EAAC;AACF;;;;ACtBD,SAAgB,YACfC,OACI;CACJ,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,mBAAmB,CAAC,KAAK,EAAE,MAAM,KAAK,EAAE,CAAC,WACxC,IAAI,SAAS,OAAO,QAAQ,MAAM,CAClC;AACD,QAAO,KAAK,MAAM;AAClB;;;;ACPD,SAAgB,wBAIdC,QAA6CC,QAAgB;CAC9D,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,MAAM,QAAQ,YAAY,OAAO,QAAQ,OAAO;CAChD,mBAAmB,CAAC,KAAK,EAAE,MAAM,KAAK,EAAE,CAAC,WACxC,IAAI,qBAAqB,OAAO,QAAQ,MAAM,CAC9C;AACD,QAAO,KAAK,MAAM;AAClB;;;;ACXD,SAAgB,eAGdC,OAAyC;CAC1C,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,mBAAmB,CAAC,KAAK,EAAE,MAAM,KAAK,EAAE,CAAC,WACxC,IAAI,gBAAgB,OAAO,QAAQ,MAAM,CACzC;AACD,QAAO,KAAK,MAAM;AAClB;;;;ACRD,SAAgB,+BAKdC,aAAqDC,KAAa;CACnE,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,MAAM,QAAQ,YAAY,OAAO,aAAa,IAAI;CAClD,mBAAmB,CAAC,KAAK,EAAE,MAAM,KAAK,EAAE,CAAC,WACxC,IAAI,4BAA4B,OAAO,QAAQ,MAAM,CACrD;AACD,QAAO,KAAK,MAAM;AAClB;;;;ACdD,SAAgB,gBACfC,OACI;CACJ,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,mBAAmB,CAAC,KAAK,EAAE,MAAM,KAAK,EAAE,CAAC,WACxC,IAAI,aAAa,OAAO,QAAQ,MAAM,CACtC;AACD,QAAO,KAAK,MAAM;AAClB;;;;ACPD,SAAgB,4BAIdC,aAA+CC,KAAa;CAC7D,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,MAAM,QAAQ,YAAY,OAAO,aAAa,IAAI;CAClD,mBAAmB,CAAC,KAAK,EAAE,MAAM,KAAK,EAAE,CAAC,WACxC,IAAI,yBAAyB,OAAO,QAAQ,MAAM,CAClD;AAED,QAAO,KAAK,MAAM;AAClB;;;;ACbD,SAAgB,QACfC,OACyD;CACzD,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,mBAAmB,CAAC,KAAK,EAAE,MAAM,KAAK,EAAE,CAAC,WACxC,IAAI,UAAU,OAAO,QAAQ,MAAM,CACnC;AACD,QAAO,KAAK,MAAM;AAClB;;;;ACPD,SAAgB,gBACfC,OACkD;CAClD,MAAM,QAAQ,MAAM,WAAW,aAAa;CAE5C,mBAAmB,CAAC,GAAG,EAAE,MAAM,KAAK,EAAE,CAAC,WACtC,IAAI,aAAa,OAAO,QAAQ,MAAM,CACtC;AACD,QAAO,aAAa,OAAO,OAAO,WAAW,CAAC;AAC9C;;;;ACXD,SAAgB,kBAAkBC,OAA8B;CAC/D,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,mBAAmB,CAAC,QAAQ,EAAE,MAAM,KAAK,EAAE,CAAC,WAAW;AACtD,SAAO,eAAe,OAAO,QAAQ,MAAM;CAC3C,EAAC;AACF"}
+{"version":3,"file":"index.js","names":["effect: () => (() => void) | undefined | void","deps: unknown[]","React","effect: () => (() => void) | undefined | void","RealtimeContext: React.Context<RealtimeReactStore>","React","RealtimeProvider: React.FC<{\n\tchildren: React.ReactNode\n\tsocket: Socket | null\n}>","key: string","create: (socket: Socket) => (() => void) | undefined","React","token: AtomIO.RegularAtomToken<J>","React","family: AtomIO.RegularAtomFamilyToken<J, K>","subKey: Key","React","token: AtomIO.MutableAtomToken<T, J>","React","familyToken: AtomIO.MutableAtomFamilyToken<T, J, K>","key: Key","React","token: AtomIO.SelectorToken<J>","React","familyToken: AtomIO.SelectorFamilyToken<T, K>","key: Key","React","token: AtomIO.WritableToken<J>","React","token: AtomIO.TransactionToken<F>","React","token: ContinuityToken","React"],"sources":["../../src/realtime-react/use-single-effect.ts","../../src/realtime-react/on-mount.ts","../../src/realtime-react/realtime-context.tsx","../../src/realtime-react/use-realtime-service.ts","../../src/realtime-react/use-pull-atom.ts","../../src/realtime-react/use-pull-atom-family-member.ts","../../src/realtime-react/use-pull-mutable-atom.ts","../../src/realtime-react/use-pull-mutable-family-member.ts","../../src/realtime-react/use-pull-selector.ts","../../src/realtime-react/use-pull-selector-family-member.ts","../../src/realtime-react/use-push.ts","../../src/realtime-react/use-server-action.ts","../../src/realtime-react/use-sync-continuity.ts"],"sourcesContent":["/** biome-ignore-all lint/correctness/useHookAtTopLevel: intentional */\n\nimport * as React from \"react\"\n\n// @ts-expect-error this is a safe way to check a property on the global object\nconst { NODE_ENV } = globalThis[`env`] ?? {}\nconst IN_DEV = NODE_ENV === `development`\n\nfunction noop() {}\n\nexport function useSingleEffect(\n\teffect: () => (() => void) | undefined | void,\n\tdeps: unknown[],\n): void {\n\tif (IN_DEV) {\n\t\tconst cleanup = React.useRef<() => void>(noop)\n\t\tReact.useEffect(() => {\n\t\t\tlet dispose = cleanup.current\n\t\t\tif (dispose === noop) {\n\t\t\t\tdispose = effect() ?? noop\n\t\t\t\tcleanup.current = dispose\n\t\t\t} else {\n\t\t\t\treturn () => {\n\t\t\t\t\tdispose()\n\t\t\t\t\tcleanup.current = noop\n\t\t\t\t}\n\t\t\t}\n\t\t}, deps)\n\t} else {\n\t\tReact.useEffect(effect, deps)\n\t}\n}\n","import { useSingleEffect } from \"./use-single-effect\"\n\nexport function onMount(effect: () => (() => void) | undefined | void): void {\n\tuseSingleEffect(effect, [])\n}\n","import { useI } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\nimport type { Socket } from \"socket.io-client\"\n\nexport type RealtimeReactStore = {\n\tsocket: Socket | null\n\tservices: Map<\n\t\tstring,\n\t\t[consumerCount: number, dispose: (() => void) | undefined]\n\t> | null\n}\n\nexport const RealtimeContext: React.Context<RealtimeReactStore> =\n\tReact.createContext({\n\t\tsocket: null,\n\t\tservices: null,\n\t})\n\nexport const RealtimeProvider: React.FC<{\n\tchildren: React.ReactNode\n\tsocket: Socket | null\n}> = ({ children, socket }) => {\n\tconst services = React.useRef(new Map<string, [number, () => void]>()).current\n\tconst setMyId = useI(RTC.myIdState__INTERNAL)\n\tReact.useEffect(() => {\n\t\tsetMyId(socket?.id)\n\t\tsocket?.on(`connect`, () => {\n\t\t\tsetMyId(socket.id)\n\t\t})\n\t\tsocket?.on(`disconnect`, () => {\n\t\t\tsetMyId(undefined)\n\t\t})\n\t}, [socket, setMyId])\n\treturn (\n\t\t<RealtimeContext.Provider value={{ socket, services }}>\n\t\t\t{children}\n\t\t</RealtimeContext.Provider>\n\t)\n}\n","import * as React from \"react\"\nimport type { Socket } from \"socket.io-client\"\n\nimport { onMount } from \"./on-mount\"\nimport { RealtimeContext } from \"./realtime-context\"\n\nexport function useRealtimeService(\n\tkey: string,\n\tcreate: (socket: Socket) => (() => void) | undefined,\n): void {\n\tconst { socket, services } = React.useContext(RealtimeContext)\n\tonMount(() => {\n\t\tlet service = services?.get(key)\n\t\tif (service) {\n\t\t\tservice[0]++\n\t\t} else {\n\t\t\tconst dispose = socket ? create(socket) : undefined\n\t\t\tservice = [1, dispose]\n\t\t\tservices?.set(key, service)\n\t\t}\n\t\treturn () => {\n\t\t\tif (service) {\n\t\t\t\tservice[0]--\n\t\t\t\tif (service[0] === 0) {\n\t\t\t\t\tservice[1]?.()\n\t\t\t\t\tservices?.delete(key)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t})\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullAtom<J extends Json.Serializable>(\n\ttoken: AtomIO.RegularAtomToken<J>,\n): J {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullAtom(store, socket, token),\n\t)\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport { findInStore } from \"atom.io/internal\"\nimport type { Canonical, Json } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullAtomFamilyMember<\n\tJ extends Json.Serializable,\n\tK extends Canonical,\n\tKey extends K,\n>(family: AtomIO.RegularAtomFamilyToken<J, K>, subKey: Key): J {\n\tconst store = React.useContext(StoreContext)\n\tconst token = findInStore(store, family, subKey)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullAtomFamilyMember(store, socket, token),\n\t)\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Transceiver } from \"atom.io/internal\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullMutable<\n\tT extends Transceiver<any>,\n\tJ extends Json.Serializable,\n>(token: AtomIO.MutableAtomToken<T, J>): T {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullMutableAtom(store, socket, token),\n\t)\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Transceiver } from \"atom.io/internal\"\nimport { findInStore } from \"atom.io/internal\"\nimport type { Canonical, Json } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullMutableAtomFamilyMember<\n\tT extends Transceiver<any>,\n\tJ extends Json.Serializable,\n\tK extends Canonical,\n\tKey extends K,\n>(familyToken: AtomIO.MutableAtomFamilyToken<T, J, K>, key: Key): T {\n\tconst store = React.useContext(StoreContext)\n\tconst token = findInStore(store, familyToken, key)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullMutableAtomFamilyMember(store, socket, token),\n\t)\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullSelector<J extends Json.Serializable>(\n\ttoken: AtomIO.SelectorToken<J>,\n): J {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullSelector(store, socket, token),\n\t)\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport { findInStore } from \"atom.io/internal\"\nimport type { Canonical } from \"atom.io/json\"\nimport { StoreContext, useO } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePullSelectorFamilyMember<\n\tT,\n\tK extends Canonical,\n\tKey extends K,\n>(familyToken: AtomIO.SelectorFamilyToken<T, K>, key: Key): T {\n\tconst store = React.useContext(StoreContext)\n\tconst token = findInStore(store, familyToken, key)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullSelectorFamilyMember(store, socket, token),\n\t)\n\n\treturn useO(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext, useI } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function usePush<J extends Json.Serializable>(\n\ttoken: AtomIO.WritableToken<J>,\n): <New extends J>(next: New | ((old: J) => New)) => void {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`push:${token.key}`, (socket) =>\n\t\tRTC.pushState(store, socket, token),\n\t)\n\treturn useI(token)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Func } from \"atom.io/internal\"\nimport { actUponStore, arbitrary } from \"atom.io/internal\"\nimport { StoreContext } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function useServerAction<F extends Func>(\n\ttoken: AtomIO.TransactionToken<F>,\n): (...parameters: Parameters<F>) => ReturnType<F> {\n\tconst store = React.useContext(StoreContext)\n\n\tuseRealtimeService(`tx:${token.key}`, (socket) =>\n\t\tRTC.serverAction(store, socket, token),\n\t)\n\treturn actUponStore(store, token, arbitrary())\n}\n","import { StoreContext } from \"atom.io/react\"\nimport type { ContinuityToken } from \"atom.io/realtime\"\nimport { syncContinuity } from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { useRealtimeService } from \"./use-realtime-service\"\n\nexport function useSyncContinuity(token: ContinuityToken): void {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`tx-sync:${token.key}`, (socket) => {\n\t\treturn syncContinuity(store, socket, token)\n\t})\n}\n"],"mappings":"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"}

package/dist/realtime-testing/index.d.ts

@@ -1,5 +1,5 @@
 import * as AtomIO from "atom.io";
-import * as React from "react";
+import * as React$1 from "react";
 import { RenderResult } from "@testing-library/react";
 import * as SocketIO from "socket.io";
 import { Socket } from "socket.io-client";
@@ -17,10 +17,10 @@ type TestSetupOptions = {
   }) => void;
 };
 type TestSetupOptions__SingleClient = TestSetupOptions & {
-  client: React.FC;
+  client: React$1.FC;
 };
 type TestSetupOptions__MultiClient<ClientNames extends string> = TestSetupOptions & {
-  clients: { [K in ClientNames]: React.FC };
+  clients: { [K in ClientNames]: React$1.FC };
 };
 type RealtimeTestTools = {
   name: string;

package/dist/realtime-testing/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":["tools: {\n\t\tsocket: SocketIO.Socket\n\t\tsilo: AtomIO.Silo\n\t\tenableLogging: () => void\n\t}","options: TestSetupOptions","options: TestSetupOptions__SingleClient","name: string","port: number","options: TestSetupOptions__MultiClient<ClientNames>"],"sources":["../../src/realtime-testing/setup-realtime-test.tsx"],"sourcesContent":[],"mappings":";;;;;;;KA6CY,gBAAA;;EAAZ,QAAY,CAAA,EAAA;IAAA,MAAA,CAAA,EAAA,OAAA;EAAA,CAAA;EAIO,MACX,EAAA,CAAA,KAAO,EAAA;IAAA,MAAA,EADL,QAAA,CAAS,MACJ;IAIf,IAAY,EAJJ,MAAA,CAAO,IAIH;IAAA,aAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA,EAAA,GAAiC,IAAA;CAAA;AAC9B,KADH,8BAAA,GAAiC,gBAC9B,GAAA;EAEf,MAAY,EAFH,KAAA,CAAM,EAEH;CAAA;AACX,KADW,6BACX,CAAA,oBAAA,MAAA,CAAA,GAAA,gBAAA,GAAA;EAAA,OAEQ,EAAA,QAAA,WAAA,GAAc,KAAA,CAAM,EAApB,EAAA;CAAA;AAAoB,KAIjB,iBAAA,GAJiB;EAI7B,IAAY,EAAA,MAAA;EAIZ,IAAY,EAFL,MAAA,CAAO,IAEF;CAAA;AAAqB,KAArB,kBAAA,GAAqB,iBAAA,GAAA;EAAA,YAClB,EAAA,YAAA;EAAA,WAGN,EAAA,GAAA,GAAA,IAAA;EAAA,aAAA,EAAA,GAAA,GAAA,IAAA;EAET,MAAY,EAFH,MAEG;AAKZ,CAAA;AAAY,KALA,yBAAA,GAKA;EAAA,OAAqB,EAAA,GAAA,GAAA,IAAA;EAAA,IAAA,EACjB,GAAA,GAJH,kBAIG;AAAA,CAAA;AAIJ,KALA,kBAAA,GAAqB,iBAKrB,GAAA;EAAA,OAAA,EAAA,GAAA,GAJI,OAIJ,CAAA,IAAA,CAAA;EAAA,IAAA,EACH,MAAA;CAAA;AACQ,KAFL,eAAA,GAEK;EAEjB,MAAY,EAHH,kBAGG;EAAA,QAAA,EAAA,GAAA,GAFK,OAEL,CAAA,IAAA,CAAA;CAAA;AACH,KADG,6BAAA,GAAgC,eACnC,GAAA;EAAA,MAAA,EAAA,yBAAA;AAET,CAAA;AAAY,KAAA,4BAAA,CAAA,oBAAA,MAAA,CAAA,GACX,eADW,GAAA;EAAA,OACX,EACU,MADV,CACiB,WADjB,EAC8B,yBAD9B,CAAA;CAAA;AAC8B,cAGlB,uBAHkB,EAAA,CAAA,OAAA,EAIrB,gBAJqB,EAAA,GAK5B,kBAL4B;AAApB,cA0FE,uBA1FF,EAAA,CAAA,OAAA,EA2FD,8BA3FC,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,GA8FR,yBA9FQ;AAAA,cA0JE,YA1JF,EAAA,CAAA,OAAA,EA2JD,8BA3JC,EAAA,GA4JR,6BA5JQ;AAGE,cAuKA,WArKV,EAAA,CAAA,oBAAA,MAAA,CAAA,CAAA,OAAA,EAsKO,6BAtKP,CAsKqC,WAtKrC,CAAA,EAAA,GAuKA,4BAvKA,CAuK6B,WAvK7B,CAAA"}
+{"version":3,"file":"index.d.ts","names":["tools: {\n\t\tsocket: SocketIO.Socket\n\t\tsilo: AtomIO.Silo\n\t\tenableLogging: () => void\n\t}","options: TestSetupOptions","options: TestSetupOptions__SingleClient","name: string","port: number","options: TestSetupOptions__MultiClient<ClientNames>"],"sources":["../../src/realtime-testing/setup-realtime-test.tsx"],"sourcesContent":[],"mappings":";;;;;;;KA6CY,gBAAA;;EAAZ,QAAY,CAAA,EAAA;IAAA,MAAA,CAAA,EAAA,OAAA;EAAA,CAAA;EAIO,MACX,EAAA,CAAA,KAAO,EAAA;IAAA,MAAA,EADL,QAAA,CAAS,MACJ;IAIf,IAAY,EAJJ,MAAA,CAAO,IAIH;IAAA,aAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA,EAAA,GAAiC,IAAA;CAAA;AAC9B,KADH,8BAAA,GAAiC,gBAC9B,GAAA;EAEf,MAAY,EAFH,OAAA,CAAM,EAEH;CAAA;AACX,KADW,6BACX,CAAA,oBAAA,MAAA,CAAA,GAAA,gBAAA,GAAA;EAAA,OAEQ,EAAA,QAAA,WAAA,GAAc,OAAA,CAAM,EAApB,EAAA;CAAA;AAAoB,KAIjB,iBAAA,GAJiB;EAI7B,IAAY,EAAA,MAAA;EAIZ,IAAY,EAFL,MAAA,CAAO,IAEF;CAAA;AAAqB,KAArB,kBAAA,GAAqB,iBAAA,GAAA;EAAA,YAClB,EAAA,YAAA;EAAA,WAGN,EAAA,GAAA,GAAA,IAAA;EAAA,aAAA,EAAA,GAAA,GAAA,IAAA;EAET,MAAY,EAFH,MAEG;AAKZ,CAAA;AAAY,KALA,yBAAA,GAKA;EAAA,OAAqB,EAAA,GAAA,GAAA,IAAA;EAAA,IAAA,EACjB,GAAA,GAJH,kBAIG;AAAA,CAAA;AAIJ,KALA,kBAAA,GAAqB,iBAKrB,GAAA;EAAA,OAAA,EAAA,GAAA,GAJI,OAIJ,CAAA,IAAA,CAAA;EAAA,IAAA,EACH,MAAA;CAAA;AACQ,KAFL,eAAA,GAEK;EAEjB,MAAY,EAHH,kBAGG;EAAA,QAAA,EAAA,GAAA,GAFK,OAEL,CAAA,IAAA,CAAA;CAAA;AACH,KADG,6BAAA,GAAgC,eACnC,GAAA;EAAA,MAAA,EAAA,yBAAA;AAET,CAAA;AAAY,KAAA,4BAAA,CAAA,oBAAA,MAAA,CAAA,GACX,eADW,GAAA;EAAA,OACX,EACU,MADV,CACiB,WADjB,EAC8B,yBAD9B,CAAA;CAAA;AAC8B,cAGlB,uBAHkB,EAAA,CAAA,OAAA,EAIrB,gBAJqB,EAAA,GAK5B,kBAL4B;AAApB,cA0FE,uBA1FF,EAAA,CAAA,OAAA,EA2FD,8BA3FC,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,GA8FR,yBA9FQ;AAAA,cA0JE,YA1JF,EAAA,CAAA,OAAA,EA2JD,8BA3JC,EAAA,GA4JR,6BA5JQ;AAGE,cAuKA,WArKV,EAAA,CAAA,oBAAA,MAAA,CAAA,CAAA,OAAA,EAsKO,6BAtKP,CAsKqC,WAtKrC,CAAA,EAAA,GAuKA,4BAvKA,CAuK6B,WAvK7B,CAAA"}

package/dist/{use-o-BrXc7Qro.js → use-o-DXPncKmZ.js}

@@ -1,9 +1,9 @@
 import { IMPLICIT, findInStore, getFromStore, setIntoStore, subscribeToState } from "atom.io/internal";
-import * as React from "react";
+import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/react/store-context.tsx
-const StoreContext = React.createContext(IMPLICIT.STORE);
+const StoreContext = React$1.createContext(IMPLICIT.STORE);
 const StoreProvider = ({ children, store = IMPLICIT.STORE }) => /* @__PURE__ */ jsx(StoreContext.Provider, {
 	value: store,
 	children
@@ -24,9 +24,9 @@ function parseStateOverloads(store, ...rest) {
 //#endregion
 //#region src/react/use-i.ts
 function useI(...params) {
-	const store = React.useContext(StoreContext);
+	const store = React$1.useContext(StoreContext);
 	const token = parseStateOverloads(store, ...params);
-	const setter = React.useRef(null);
+	const setter = React$1.useRef(null);
 	setter.current ??= (next) => {
 		setIntoStore(store, token, next);
 	};
@@ -36,12 +36,12 @@ function useI(...params) {
 //#endregion
 //#region src/react/use-o.ts
 function useO(...params) {
-	const store = React.useContext(StoreContext);
+	const store = React$1.useContext(StoreContext);
 	const token = parseStateOverloads(store, ...params);
-	const id = React.useId();
-	return React.useSyncExternalStore((dispatch) => subscribeToState(store, token, `use-o:${id}`, dispatch), () => getFromStore(store, token), () => getFromStore(store, token));
+	const id = React$1.useId();
+	return React$1.useSyncExternalStore((dispatch) => subscribeToState(store, token, `use-o:${id}`, dispatch), () => getFromStore(store, token), () => getFromStore(store, token));
 }
 
 //#endregion
 export { StoreContext, StoreProvider, useI, useO };
-//# sourceMappingURL=use-o-BrXc7Qro.js.map
+//# sourceMappingURL=use-o-DXPncKmZ.js.map

package/dist/use-o-DXPncKmZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-o-DXPncKmZ.js","names":["StoreContext: React.Context<Store>","React","StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: Store\n}>","store: Store","token: ReadableToken<any>","React","setter: React.RefObject<\n\t\t(<New extends T>(next: New | ((old: T) => New)) => void) | null\n\t>","React"],"sources":["../src/react/store-context.tsx","../src/react/parse-state-overloads.ts","../src/react/use-i.ts","../src/react/use-o.ts"],"sourcesContent":["import type { Store } from \"atom.io/internal\"\nimport { IMPLICIT } from \"atom.io/internal\"\nimport * as React from \"react\"\n\nexport const StoreContext: React.Context<Store> = React.createContext(\n\tIMPLICIT.STORE,\n)\n\nexport const StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: Store\n}> = ({ children, store = IMPLICIT.STORE }) => (\n\t<StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n)\n","import type {\n\tReadableFamilyToken,\n\tReadableToken,\n\tWritableFamilyToken,\n\tWritableToken,\n} from \"atom.io\"\nimport type { Store } from \"atom.io/internal\"\nimport { findInStore } from \"atom.io/internal\"\nimport type { Canonical } from \"atom.io/json\"\n\nexport function parseStateOverloads<T, K extends Canonical>(\n\tstore: Store,\n\t...rest: [WritableFamilyToken<T, K>, K] | [WritableToken<T>]\n): WritableToken<T>\n\nexport function parseStateOverloads<T, K extends Canonical>(\n\tstore: Store,\n\t...rest: [ReadableFamilyToken<T, K>, K] | [ReadableToken<T>]\n): ReadableToken<T>\n\nexport function parseStateOverloads<T, K extends Canonical>(\n\tstore: Store,\n\t...rest: [ReadableFamilyToken<T, K>, K] | [ReadableToken<T>]\n): ReadableToken<T> {\n\tlet token: ReadableToken<any>\n\tif (rest.length === 2) {\n\t\tconst family = rest[0]\n\t\tconst key = rest[1]\n\n\t\ttoken = findInStore(store, family, key)\n\t} else {\n\t\ttoken = rest[0]\n\t}\n\treturn token\n}\n","import type { WritableFamilyToken, WritableToken } from \"atom.io\"\nimport { setIntoStore } from \"atom.io/internal\"\nimport type { Canonical } from \"atom.io/json\"\nimport * as React from \"react\"\n\nimport { parseStateOverloads } from \"./parse-state-overloads\"\nimport { StoreContext } from \"./store-context\"\n\nexport function useI<T>(\n\ttoken: WritableToken<T>,\n): <New extends T>(next: New | ((old: T) => New)) => void\n\nexport function useI<T, K extends Canonical>(\n\ttoken: WritableFamilyToken<T, K>,\n\tkey: K,\n): <New extends T>(next: New | ((old: T) => New)) => void\n\nexport function useI<T, K extends Canonical>(\n\t...params: [WritableFamilyToken<T, K>, K] | [WritableToken<T>]\n): <New extends T>(next: New | ((old: T) => New)) => void {\n\tconst store = React.useContext(StoreContext)\n\tconst token = parseStateOverloads(store, ...params)\n\tconst setter: React.RefObject<\n\t\t(<New extends T>(next: New | ((old: T) => New)) => void) | null\n\t> = React.useRef(null)\n\tsetter.current ??= (next) => {\n\t\tsetIntoStore(store, token, next)\n\t}\n\treturn setter.current\n}\n","import type { ReadableFamilyToken, ReadableToken } from \"atom.io\"\nimport { getFromStore, subscribeToState } from \"atom.io/internal\"\nimport type { Canonical } from \"atom.io/json\"\nimport * as React from \"react\"\n\nimport { parseStateOverloads } from \"./parse-state-overloads\"\nimport { StoreContext } from \"./store-context\"\n\nexport function useO<T>(token: ReadableToken<T>): T\n\nexport function useO<T, K extends Canonical>(\n\ttoken: ReadableFamilyToken<T, K>,\n\tkey: K,\n): T\n\nexport function useO<T, K extends Canonical>(\n\t...params: [ReadableFamilyToken<T, K>, K] | [ReadableToken<T>]\n): T {\n\tconst store = React.useContext(StoreContext)\n\tconst token = parseStateOverloads(store, ...params)\n\tconst id = React.useId()\n\treturn React.useSyncExternalStore<T>(\n\t\t(dispatch) => subscribeToState(store, token, `use-o:${id}`, dispatch),\n\t\t() => getFromStore(store, token),\n\t\t() => getFromStore(store, token),\n\t)\n}\n"],"mappings":";;;;;AAIA,MAAaA,eAAqCC,QAAM,cACvD,SAAS,MACT;AAED,MAAaC,gBAGR,CAAC,EAAE,UAAU,QAAQ,SAAS,OAAO,yBACxC,aAAa;CAAS,OAAO;CAAQ;EAAiC;;;;ACQxE,SAAgB,oBACfC,OACA,GAAG,MACgB;CACnB,IAAIC;AACJ,KAAI,KAAK,WAAW,GAAG;EACtB,MAAM,SAAS,KAAK;EACpB,MAAM,MAAM,KAAK;EAEjB,QAAQ,YAAY,OAAO,QAAQ,IAAI;CACvC,OACA,QAAQ,KAAK;AAEd,QAAO;AACP;;;;ACjBD,SAAgB,KACf,GAAG,QACsD;CACzD,MAAM,QAAQC,QAAM,WAAW,aAAa;CAC5C,MAAM,QAAQ,oBAAoB,OAAO,GAAG,OAAO;CACnD,MAAMC,SAEFD,QAAM,OAAO,KAAK;CACtB,OAAO,YAAY,CAAC,SAAS;EAC5B,aAAa,OAAO,OAAO,KAAK;CAChC;AACD,QAAO,OAAO;AACd;;;;ACdD,SAAgB,KACf,GAAG,QACC;CACJ,MAAM,QAAQE,QAAM,WAAW,aAAa;CAC5C,MAAM,QAAQ,oBAAoB,OAAO,GAAG,OAAO;CACnD,MAAM,KAAKA,QAAM,OAAO;AACxB,QAAOA,QAAM,qBACZ,CAAC,aAAa,iBAAiB,OAAO,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EACrE,MAAM,aAAa,OAAO,MAAM,EAChC,MAAM,aAAa,OAAO,MAAM,CAChC;AACD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom.io",
-  "version": "0.33.16",
+  "version": "0.33.18",
   "description": "Composable and testable reactive data library.",
   "homepage": "https://atom.io.fyi",
   "sideEffects": false,
@@ -83,13 +83,13 @@
     "eslint": "9.32.0",
     "happy-dom": "18.0.1",
     "http-proxy": "1.18.1",
-    "motion": "12.23.9",
+    "motion": "12.23.11",
     "npmlog": "7.0.1",
     "nyc": "17.1.0",
     "postgres": "3.4.7",
-    "preact": "10.26.9",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
+    "preact": "10.27.0",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
     "react-router-dom": "7.7.1",
     "recoverage": "0.1.11",
     "socket.io": "4.8.1",

package/src/react/index.ts

@@ -1,5 +1,6 @@
 export * from "./store-context"
 export * from "./use-i"
 export * from "./use-json"
+export * from "./use-loadable"
 export * from "./use-o"
 export * from "./use-tl"

package/src/react/use-loadable.ts

@@ -0,0 +1,79 @@
+/** biome-ignore-all lint/correctness/useHookAtTopLevel: params are used in an invariant way */
+import type { Loadable, ReadableFamilyToken, ReadableToken } from "atom.io"
+import type { Canonical } from "atom.io/json"
+import { useO } from "atom.io/react"
+import React from "react"
+
+export function useLoadable<T>(
+	token: ReadableToken<Loadable<T>>,
+): `LOADING` | { loading: boolean; value: T }
+
+export function useLoadable<T, K extends Canonical>(
+	token: ReadableFamilyToken<Loadable<T>, K>,
+	key: K,
+): `LOADING` | { loading: boolean; value: T }
+
+export function useLoadable<T, F extends T>(
+	token: ReadableToken<Loadable<T>>,
+	fallback: F,
+): { loading: boolean; value: T }
+
+export function useLoadable<T, K extends Canonical, F extends T>(
+	token: ReadableFamilyToken<Loadable<T>, K>,
+	key: K,
+	fallback: F,
+): { loading: boolean; value: T }
+
+export function useLoadable(
+	...params:
+		| readonly [ReadableFamilyToken<any, Canonical>, Canonical, unknown]
+		| readonly [ReadableFamilyToken<any, Canonical>, Canonical]
+		| readonly [ReadableToken<any>, unknown]
+		| readonly [ReadableToken<any>]
+): `LOADING` | { loading: boolean; value: unknown } {
+	let loadable: ReadableToken<any>
+	let fallback: unknown
+
+	const [token] = params
+	let key: Canonical
+	switch (token.type) {
+		case `atom`:
+		case `mutable_atom`:
+		case `readonly_held_selector`:
+		case `readonly_pure_selector`:
+		case `writable_held_selector`:
+		case `writable_pure_selector`:
+			loadable = useO(token)
+			fallback = params[1]
+			break
+		case `atom_family`:
+		case `mutable_atom_family`:
+		case `readonly_held_selector_family`:
+		case `readonly_pure_selector_family`:
+		case `writable_held_selector_family`:
+		case `writable_pure_selector_family`:
+			key = params[1] as Canonical
+			loadable = useO(token, key)
+			fallback = params[2]
+	}
+
+	const lastLoadedRef = React.useRef(
+		fallback ?? (loadable instanceof Promise ? `LOADING` : loadable),
+	)
+	const { current: lastLoaded } = lastLoadedRef
+	if (loadable instanceof Promise) {
+		if (lastLoaded === `LOADING`) {
+			return `LOADING`
+		}
+		return {
+			loading: true,
+			value: lastLoaded,
+		}
+	}
+
+	lastLoadedRef.current = loadable
+	return {
+		loading: false,
+		value: loadable,
+	}
+}

package/src/react-devtools/AtomIODevtools.tsx

@@ -9,10 +9,12 @@ import { attachDevtoolsStates, DevtoolsContext } from "./store"
 import { TimelineIndex } from "./TimelineIndex"
 import { TransactionIndex } from "./TransactionIndex"
 
-export const AtomIODevtools: React.FC = () => {
+export const AtomIODevtools: React.FC<{ hideByDefault?: boolean }> = ({
+	hideByDefault = false,
+}) => {
 	const store = useContext(StoreContext)
 	return (
-		<DevtoolsContext.Provider value={attachDevtoolsStates(store)}>
+		<DevtoolsContext.Provider value={attachDevtoolsStates(store, hideByDefault)}>
 			<AtomIODevtoolsInternal />
 		</DevtoolsContext.Provider>
 	)
@@ -24,16 +26,19 @@ const AtomIODevtoolsInternal = (): React.ReactNode => {
 	const {
 		atomIndex,
 		selectorIndex,
-		devtoolsAreOpenState,
-		devtoolsViewSelectionState,
-		devtoolsViewOptionsState,
+		devtoolsAreHiddenAtom,
+		devtoolsAreOpenAtom,
+		devtoolsViewSelectionAtom,
+		devtoolsViewOptionsAtom,
 	} = useContext(DevtoolsContext)
 
-	const setDevtoolsAreOpen = useI(devtoolsAreOpenState)
-	const devtoolsAreOpen = useO(devtoolsAreOpenState)
-	const setDevtoolsView = useI(devtoolsViewSelectionState)
-	const devtoolsView = useO(devtoolsViewSelectionState)
-	const devtoolsViewOptions = useO(devtoolsViewOptionsState)
+	const devtoolsAreHidden = useO(devtoolsAreHiddenAtom)
+
+	const setDevtoolsAreOpen = useI(devtoolsAreOpenAtom)
+	const devtoolsAreOpen = useO(devtoolsAreOpenAtom)
+	const setDevtoolsView = useI(devtoolsViewSelectionAtom)
+	const devtoolsView = useO(devtoolsViewSelectionAtom)
+	const devtoolsViewOptions = useO(devtoolsViewOptionsAtom)
 
 	const mouseHasMoved = useRef(false)
 
@@ -60,73 +65,76 @@ const AtomIODevtoolsInternal = (): React.ReactNode => {
 					pointerEvents: `none`,
 				}}
 			/>
-			<motion.main
-				drag
-				dragConstraints={constraintsRef}
-				data-css="atom_io_devtools"
-				transition={{ type: `spring`, bounce: 0.25 }}
-				style={
-					devtoolsAreOpen
-						? {}
-						: {
-								backgroundColor: `#0000`,
-								borderColor: `#0000`,
-								maxHeight: 28,
-								maxWidth: 33,
-							}
-				}
-			>
-				{devtoolsAreOpen ? (
-					<>
-						<motion.header>
-							<h1>atom.io</h1>
-							<nav>
-								{devtoolsViewOptions.map((viewOption) => (
-									<button
-										key={viewOption}
-										type="button"
-										data-testid={`view-${viewOption}`}
-										className={viewOption === devtoolsView ? `active` : ``}
-										onClick={() => {
-											setDevtoolsView(viewOption)
-										}}
-										disabled={viewOption === devtoolsView}
-									>
-										{viewOption}
-									</button>
-								))}
-							</nav>
-						</motion.header>
-						<motion.main>
-							<LayoutGroup>
-								{devtoolsView === `atoms` ? (
-									<StateIndex tokenIndex={atomIndex} />
-								) : devtoolsView === `selectors` ? (
-									<StateIndex tokenIndex={selectorIndex} />
-								) : devtoolsView === `transactions` ? (
-									<TransactionIndex />
-								) : (
-									<TimelineIndex />
-								)}
-							</LayoutGroup>
-						</motion.main>
-					</>
-				) : null}
-				<footer>
-					<button
-						type="button"
-						onMouseDown={() => (mouseHasMoved.current = false)}
-						onMouseMove={() => (mouseHasMoved.current = true)}
-						onMouseUp={() => {
-							if (!mouseHasMoved.current) {
-								setDevtoolsAreOpen((open) => !open)
-							}
-						}}
-					>
-						🔍
-					</button>
-				</footer>
-			</motion.main>
+			{devtoolsAreHidden ? null : (
+				<motion.main
+					drag
+					dragConstraints={constraintsRef}
+					data-css="atom_io_devtools"
+					data-testid="devtools"
+					transition={{ type: `spring`, bounce: 0.25 }}
+					style={
+						devtoolsAreOpen
+							? {}
+							: {
+									backgroundColor: `#0000`,
+									borderColor: `#0000`,
+									maxHeight: 28,
+									maxWidth: 33,
+								}
+					}
+				>
+					{devtoolsAreOpen ? (
+						<>
+							<motion.header>
+								<h1>atom.io</h1>
+								<nav>
+									{devtoolsViewOptions.map((viewOption) => (
+										<button
+											key={viewOption}
+											type="button"
+											data-testid={`view-${viewOption}`}
+											className={viewOption === devtoolsView ? `active` : ``}
+											onClick={() => {
+												setDevtoolsView(viewOption)
+											}}
+											disabled={viewOption === devtoolsView}
+										>
+											{viewOption}
+										</button>
+									))}
+								</nav>
+							</motion.header>
+							<motion.main>
+								<LayoutGroup>
+									{devtoolsView === `atoms` ? (
+										<StateIndex tokenIndex={atomIndex} />
+									) : devtoolsView === `selectors` ? (
+										<StateIndex tokenIndex={selectorIndex} />
+									) : devtoolsView === `transactions` ? (
+										<TransactionIndex />
+									) : (
+										<TimelineIndex />
+									)}
+								</LayoutGroup>
+							</motion.main>
+						</>
+					) : null}
+					<footer>
+						<button
+							type="button"
+							onMouseDown={() => (mouseHasMoved.current = false)}
+							onMouseMove={() => (mouseHasMoved.current = true)}
+							onMouseUp={() => {
+								if (!mouseHasMoved.current) {
+									setDevtoolsAreOpen((open) => !open)
+								}
+							}}
+						>
+							🔍
+						</button>
+					</footer>
+				</motion.main>
+			)}
 		</span>
 	)
 }