atom.io 0.15.3 → 0.15.5

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/realtime-context.tsx","../src/use-pull.ts","../src/use-pull-family-member.ts","../src/use-pull-mutable.ts","../src/use-pull-mutable-family-member.ts","../src/use-push.ts","../src/use-server-action.ts"],"names":["RTC","React","StoreContext"],"mappings":"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","sourcesContent":["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 const RealtimeContext = React.createContext<{ socket: Socket | null }>({\n\tsocket: null,\n})\n\nexport const RealtimeProvider: React.FC<{\n\tchildren: React.ReactNode\n\tsocket: Socket | null\n}> = ({ children, socket }) => {\n\tconst setMyId = useI(RTC.myIdState__INTERNAL)\n\tReact.useEffect(() => {\n\t\tif (socket) {\n\t\t\tsetMyId(socket.id)\n\t\t}\n\t\tsocket?.on(`connect`, () => {\n\t\t\tsetMyId(socket.id)\n\t\t})\n\t\tsocket?.on(`disconnect`, () => {\n\t\t\tsetMyId(null)\n\t\t})\n\t}, [socket, setMyId])\n\treturn (\n\t\t<RealtimeContext.Provider value={{ socket }}>\n\t\t\t{children}\n\t\t</RealtimeContext.Provider>\n\t)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { RealtimeContext } from \"./realtime-context\"\n\nexport function usePull<J extends Json.Serializable>(\n\ttoken: AtomIO.StateToken<J>,\n): void {\n\tconst { socket } = React.useContext(RealtimeContext)\n\tconst store = React.useContext(StoreContext)\n\tReact.useEffect(() => {\n\t\tif (socket) {\n\t\t\treturn RTC.pullState(token, socket, store)\n\t\t}\n\t}, [token.key, socket])\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { RealtimeContext } from \"./realtime-context\"\n\nexport function usePullFamilyMember<J extends Json.Serializable>(\n\ttoken: AtomIO.StateToken<J>,\n): void {\n\tconst { socket } = React.useContext(RealtimeContext)\n\tconst store = React.useContext(StoreContext)\n\tReact.useEffect(() => {\n\t\tif (socket) {\n\t\t\treturn RTC.pullFamilyMember(token, socket, store)\n\t\t}\n\t}, [token.key, socket])\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 } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { RealtimeContext } from \"./realtime-context\"\n\nexport function usePullMutable<\n\tT extends Transceiver<any>,\n\tJ extends Json.Serializable,\n>(token: AtomIO.MutableAtomToken<T, J>): void {\n\tconst { socket } = React.useContext(RealtimeContext)\n\tconst store = React.useContext(StoreContext)\n\tReact.useEffect(() => {\n\t\tif (socket) {\n\t\t\treturn RTC.pullMutableState(token, socket, store)\n\t\t}\n\t}, [token.key, socket])\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 } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { RealtimeContext } from \"./realtime-context\"\n\nexport function usePullMutableFamilyMember<\n\tT extends Transceiver<any>,\n\tJ extends Json.Serializable,\n>(token: AtomIO.MutableAtomToken<T, J>): void {\n\tconst { socket } = React.useContext(RealtimeContext)\n\tconst store = React.useContext(StoreContext)\n\tReact.useEffect(() => {\n\t\tif (socket) {\n\t\t\treturn RTC.pullMutableFamilyMember(token, socket, store)\n\t\t}\n\t}, [token.key, socket])\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { RealtimeContext } from \"./realtime-context\"\n\nexport function usePush<J extends Json.Serializable>(\n\ttoken: AtomIO.StateToken<J>,\n): void {\n\tconst { socket } = React.useContext(RealtimeContext)\n\tconst store = React.useContext(StoreContext)\n\tconst id = React.useId()\n\tReact.useEffect(() => {\n\t\tif (socket) {\n\t\t\treturn RTC.pushState(token, socket, `use-push:${id}`, store)\n\t\t}\n\t}, [token.key, socket])\n}\n","import * as AtomIO from \"atom.io\"\nimport { StoreContext } from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-client\"\nimport * as React from \"react\"\n\nimport { RealtimeContext } from \"./realtime-context\"\n\nexport function useServerAction<ƒ extends AtomIO.ƒn>(\n\ttoken: AtomIO.TransactionToken<ƒ>,\n): (...parameters: Parameters<ƒ>) => ReturnType<ƒ> {\n\tconst store = React.useContext(StoreContext)\n\tconst { socket } = React.useContext(RealtimeContext)\n\tReact.useEffect(() => {\n\t\tif (socket) {\n\t\t\treturn RTC.synchronizeTransactionResults(token, socket, store)\n\t\t}\n\t}, [token.key, socket])\n\treturn AtomIO.runTransaction(token, store)\n}\n"]}
+{"version":3,"sources":["../src/realtime-context.tsx","../src/use-pull.ts","../src/use-realtime-service.ts","../src/on-mount.ts","../src/use-pull-family-member.ts","../src/use-pull-mutable.ts","../src/use-pull-mutable-family-member.ts","../src/use-push.ts","../src/use-server-action.ts"],"names":["RTC","React","StoreContext"],"mappings":"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","sourcesContent":["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.createContext<RealtimeReactStore>({\n\tsocket: null,\n\tservices: null,\n})\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 type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\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 usePull<J extends Json.Serializable>(\n\ttoken: AtomIO.WritableToken<J>,\n): void {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullState(token, socket, store),\n\t)\n}\n","import * as React from \"react\"\nimport type { Socket } from \"socket.io-client\"\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}, [socket?.id])\n}\n","import * as React from \"react\"\n\nexport function onMount(\n\teffect: () => (() => void) | undefined,\n\tdeps?: any[],\n): void {\n\tif (process.env.NODE_ENV === `development`) {\n\t\tconst cleanup = React.useRef<(() => void) | undefined>()\n\t\tReact.useEffect(() => {\n\t\t\tlet dispose = cleanup.current\n\t\t\tif (dispose) {\n\t\t\t\treturn () => {\n\t\t\t\t\tdispose?.()\n\t\t\t\t\tcleanup.current = undefined\n\t\t\t\t}\n\t\t\t}\n\t\t\tdispose = effect()\n\t\t\tcleanup.current = dispose\n\t\t}, deps)\n\t} else {\n\t\tReact.useEffect(effect, deps)\n\t}\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\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 usePullFamilyMember<J extends Json.Serializable>(\n\ttoken: AtomIO.WritableToken<J>,\n): void {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullFamilyMember(token, socket, store),\n\t)\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 } 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>): void {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullMutableState(token, socket, store),\n\t)\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 } 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 usePullMutableFamilyMember<\n\tT extends Transceiver<any>,\n\tJ extends Json.Serializable,\n>(token: AtomIO.MutableAtomToken<T, J>): void {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`pull:${token.key}`, (socket) =>\n\t\tRTC.pullMutableFamilyMember(token, socket, store),\n\t)\n}\n","import type * as AtomIO from \"atom.io\"\nimport type { Json } from \"atom.io/json\"\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 usePush<J extends Json.Serializable>(\n\ttoken: AtomIO.WritableToken<J>,\n): void {\n\tconst store = React.useContext(StoreContext)\n\tuseRealtimeService(`push:${token.key}`, (socket) =>\n\t\tRTC.pushState(token, socket, store),\n\t)\n}\n","import * as AtomIO from \"atom.io\"\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 useServerAction<ƒ extends AtomIO.ƒn>(\n\ttoken: AtomIO.TransactionToken<ƒ>,\n): (...parameters: Parameters<ƒ>) => ReturnType<ƒ> {\n\tconst store = React.useContext(StoreContext)\n\tconst updateQueueState = AtomIO.findState(RTC.updateQueueAtoms, token)\n\tconst updateQueue = useO(updateQueueState)\n\n\tuseRealtimeService(`tx:${token.key}`, (socket) =>\n\t\tRTC.synchronizeTransactionResults(token, socket, updateQueue, store),\n\t)\n\treturn AtomIO.runTransaction(token, store)\n}\n"]}

package/realtime-react/src/on-mount.ts

@@ -0,0 +1,23 @@
+import * as React from "react"
+
+export function onMount(
+	effect: () => (() => void) | undefined,
+	deps?: any[],
+): void {
+	if (process.env.NODE_ENV === `development`) {
+		const cleanup = React.useRef<(() => void) | undefined>()
+		React.useEffect(() => {
+			let dispose = cleanup.current
+			if (dispose) {
+				return () => {
+					dispose?.()
+					cleanup.current = undefined
+				}
+			}
+			dispose = effect()
+			cleanup.current = dispose
+		}, deps)
+	} else {
+		React.useEffect(effect, deps)
+	}
+}

package/realtime-react/src/realtime-context.tsx

@@ -3,28 +3,36 @@ import * as RTC from "atom.io/realtime-client"
 import * as React from "react"
 import type { Socket } from "socket.io-client"
 
-export const RealtimeContext = React.createContext<{ socket: Socket | null }>({
+export type RealtimeReactStore = {
+	socket: Socket | null
+	services: Map<
+		string,
+		[consumerCount: number, dispose: (() => void) | undefined]
+	> | null
+}
+
+export const RealtimeContext = React.createContext<RealtimeReactStore>({
 	socket: null,
+	services: null,
 })
 
 export const RealtimeProvider: React.FC<{
 	children: React.ReactNode
 	socket: Socket | null
 }> = ({ children, socket }) => {
+	const services = React.useRef(new Map<string, [number, () => void]>()).current
 	const setMyId = useI(RTC.myIdState__INTERNAL)
 	React.useEffect(() => {
-		if (socket) {
-			setMyId(socket.id)
-		}
+		setMyId(socket?.id)
 		socket?.on(`connect`, () => {
 			setMyId(socket.id)
 		})
 		socket?.on(`disconnect`, () => {
-			setMyId(null)
+			setMyId(undefined)
 		})
 	}, [socket, setMyId])
 	return (
-		<RealtimeContext.Provider value={{ socket }}>
+		<RealtimeContext.Provider value={{ socket, services }}>
 			{children}
 		</RealtimeContext.Provider>
 	)

package/realtime-react/src/use-pull-family-member.ts

@@ -4,16 +4,13 @@ import { StoreContext } from "atom.io/react"
 import * as RTC from "atom.io/realtime-client"
 import * as React from "react"
 
-import { RealtimeContext } from "./realtime-context"
+import { useRealtimeService } from "./use-realtime-service"
 
 export function usePullFamilyMember<J extends Json.Serializable>(
-	token: AtomIO.StateToken<J>,
+	token: AtomIO.WritableToken<J>,
 ): void {
-	const { socket } = React.useContext(RealtimeContext)
 	const store = React.useContext(StoreContext)
-	React.useEffect(() => {
-		if (socket) {
-			return RTC.pullFamilyMember(token, socket, store)
-		}
-	}, [token.key, socket])
+	useRealtimeService(`pull:${token.key}`, (socket) =>
+		RTC.pullFamilyMember(token, socket, store),
+	)
 }

package/realtime-react/src/use-pull-mutable-family-member.ts

@@ -5,17 +5,14 @@ import { StoreContext } from "atom.io/react"
 import * as RTC from "atom.io/realtime-client"
 import * as React from "react"
 
-import { RealtimeContext } from "./realtime-context"
+import { useRealtimeService } from "./use-realtime-service"
 
 export function usePullMutableFamilyMember<
 	T extends Transceiver<any>,
 	J extends Json.Serializable,
 >(token: AtomIO.MutableAtomToken<T, J>): void {
-	const { socket } = React.useContext(RealtimeContext)
 	const store = React.useContext(StoreContext)
-	React.useEffect(() => {
-		if (socket) {
-			return RTC.pullMutableFamilyMember(token, socket, store)
-		}
-	}, [token.key, socket])
+	useRealtimeService(`pull:${token.key}`, (socket) =>
+		RTC.pullMutableFamilyMember(token, socket, store),
+	)
 }

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

@@ -5,17 +5,14 @@ import { StoreContext } from "atom.io/react"
 import * as RTC from "atom.io/realtime-client"
 import * as React from "react"
 
-import { RealtimeContext } from "./realtime-context"
+import { useRealtimeService } from "./use-realtime-service"
 
 export function usePullMutable<
 	T extends Transceiver<any>,
 	J extends Json.Serializable,
 >(token: AtomIO.MutableAtomToken<T, J>): void {
-	const { socket } = React.useContext(RealtimeContext)
 	const store = React.useContext(StoreContext)
-	React.useEffect(() => {
-		if (socket) {
-			return RTC.pullMutableState(token, socket, store)
-		}
-	}, [token.key, socket])
+	useRealtimeService(`pull:${token.key}`, (socket) =>
+		RTC.pullMutableState(token, socket, store),
+	)
 }

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

@@ -4,16 +4,13 @@ import { StoreContext } from "atom.io/react"
 import * as RTC from "atom.io/realtime-client"
 import * as React from "react"
 
-import { RealtimeContext } from "./realtime-context"
+import { useRealtimeService } from "./use-realtime-service"
 
 export function usePull<J extends Json.Serializable>(
-	token: AtomIO.StateToken<J>,
+	token: AtomIO.WritableToken<J>,
 ): void {
-	const { socket } = React.useContext(RealtimeContext)
 	const store = React.useContext(StoreContext)
-	React.useEffect(() => {
-		if (socket) {
-			return RTC.pullState(token, socket, store)
-		}
-	}, [token.key, socket])
+	useRealtimeService(`pull:${token.key}`, (socket) =>
+		RTC.pullState(token, socket, store),
+	)
 }

package/realtime-react/src/use-push.ts

@@ -4,17 +4,13 @@ import { StoreContext } from "atom.io/react"
 import * as RTC from "atom.io/realtime-client"
 import * as React from "react"
 
-import { RealtimeContext } from "./realtime-context"
+import { useRealtimeService } from "./use-realtime-service"
 
 export function usePush<J extends Json.Serializable>(
-	token: AtomIO.StateToken<J>,
+	token: AtomIO.WritableToken<J>,
 ): void {
-	const { socket } = React.useContext(RealtimeContext)
 	const store = React.useContext(StoreContext)
-	const id = React.useId()
-	React.useEffect(() => {
-		if (socket) {
-			return RTC.pushState(token, socket, `use-push:${id}`, store)
-		}
-	}, [token.key, socket])
+	useRealtimeService(`push:${token.key}`, (socket) =>
+		RTC.pushState(token, socket, store),
+	)
 }

package/realtime-react/src/use-realtime-service.ts

@@ -0,0 +1,30 @@
+import * as React from "react"
+import type { Socket } from "socket.io-client"
+import { onMount } from "./on-mount"
+import { RealtimeContext } from "./realtime-context"
+
+export function useRealtimeService(
+	key: string,
+	create: (socket: Socket) => (() => void) | undefined,
+): void {
+	const { socket, services } = React.useContext(RealtimeContext)
+	onMount(() => {
+		let service = services?.get(key)
+		if (service) {
+			service[0]++
+		} else {
+			const dispose = socket ? create(socket) : undefined
+			service = [1, dispose]
+			services?.set(key, service)
+		}
+		return () => {
+			if (service) {
+				service[0]--
+				if (service[0] === 0) {
+					service[1]?.()
+					services?.delete(key)
+				}
+			}
+		}
+	}, [socket?.id])
+}

package/realtime-react/src/use-server-action.ts

@@ -1,19 +1,19 @@
 import * as AtomIO from "atom.io"
-import { StoreContext } from "atom.io/react"
+import { StoreContext, useO } from "atom.io/react"
 import * as RTC from "atom.io/realtime-client"
 import * as React from "react"
 
-import { RealtimeContext } from "./realtime-context"
+import { useRealtimeService } from "./use-realtime-service"
 
 export function useServerAction<ƒ extends AtomIO.ƒn>(
 	token: AtomIO.TransactionToken<ƒ>,
 ): (...parameters: Parameters<ƒ>) => ReturnType<ƒ> {
 	const store = React.useContext(StoreContext)
-	const { socket } = React.useContext(RealtimeContext)
-	React.useEffect(() => {
-		if (socket) {
-			return RTC.synchronizeTransactionResults(token, socket, store)
-		}
-	}, [token.key, socket])
+	const updateQueueState = AtomIO.findState(RTC.updateQueueAtoms, token)
+	const updateQueue = useO(updateQueueState)
+
+	useRealtimeService(`tx:${token.key}`, (socket) =>
+		RTC.synchronizeTransactionResults(token, socket, updateQueue, store),
+	)
 	return AtomIO.runTransaction(token, store)
 }

package/realtime-server/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var AtomIO4 = require('atom.io');
+var AtomIO6 = require('atom.io');
 var Internal = require('atom.io/internal');
 var json = require('atom.io/json');
 
@@ -22,10 +22,28 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var AtomIO4__namespace = /*#__PURE__*/_interopNamespace(AtomIO4);
+var AtomIO6__namespace = /*#__PURE__*/_interopNamespace(AtomIO6);
 var Internal__namespace = /*#__PURE__*/_interopNamespace(Internal);
 
-// realtime-server/src/hook-composition/expose-single.ts
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var useExposeSingle = ({
   socket,
   store = Internal__namespace.IMPLICIT.STORE
@@ -38,7 +56,7 @@ var useExposeSingle = ({
       unsubscribeFromStateUpdates = null;
     };
     const fillSubRequest = () => {
-      socket.emit(`serve:${token.key}`, AtomIO4__namespace.getState(token, store));
+      socket.emit(`serve:${token.key}`, AtomIO6__namespace.getState(token, store));
       unsubscribeFromStateUpdates = Internal__namespace.subscribeToState(
         token,
         ({ newValue }) => {
@@ -85,13 +103,13 @@ var useExposeFamily = ({
     const fillSubRequest = (subKey) => {
       var _a;
       if (subKey === void 0) {
-        const keys = AtomIO4__namespace.getState(index, store);
+        const keys = AtomIO6__namespace.getState(index, store);
         for (const key of keys) {
           const token = family(key);
           socket.emit(
             `serve:${family.key}`,
             json.parseJson(((_a = token.family) == null ? void 0 : _a.subKey) || `null`),
-            AtomIO4__namespace.getState(token, store)
+            AtomIO6__namespace.getState(token, store)
           );
         }
         const unsubscribeFromTokenCreation = subscribeToTokenCreation(
@@ -118,7 +136,7 @@ var useExposeFamily = ({
         socket.on(`unsub:${family.key}`, fillFamilyUnsubRequest);
       } else {
         const token = family(subKey);
-        socket.emit(`serve:${token.key}`, AtomIO4__namespace.getState(token, store));
+        socket.emit(`serve:${token.key}`, AtomIO6__namespace.getState(token, store));
         const unsubscribe = Internal.subscribeToState(
           token,
           ({ newValue }) => {
@@ -161,7 +179,7 @@ var useExposeMutable = ({
       unsubscribeFromStateUpdates = null;
     };
     const fillSubRequest = () => {
-      socket.emit(`init:${token.key}`, AtomIO4__namespace.getState(jsonToken, store));
+      socket.emit(`init:${token.key}`, AtomIO6__namespace.getState(jsonToken, store));
       unsubscribeFromStateUpdates = Internal.subscribeToState(
         trackerToken,
         ({ newValue }) => {
@@ -204,7 +222,7 @@ var useExposeMutableFamily = ({
     const fillSubRequest = (subKey) => {
       var _a;
       if (subKey === void 0) {
-        const keys = AtomIO4__namespace.getState(index, store);
+        const keys = AtomIO6__namespace.getState(index, store);
         for (const key of keys) {
           const token = family(key);
           const jsonToken = Internal.getJsonToken(token);
@@ -212,7 +230,7 @@ var useExposeMutableFamily = ({
           socket.emit(
             `init:${family.key}`,
             json.parseJson(((_a = jsonToken.family) == null ? void 0 : _a.subKey) || `null`),
-            AtomIO4__namespace.getState(jsonToken, store)
+            AtomIO6__namespace.getState(jsonToken, store)
           );
           const unsubFromUpdates = Internal.subscribeToState(
             trackerToken,
@@ -238,7 +256,7 @@ var useExposeMutableFamily = ({
             socket.emit(
               `init:${family.key}`,
               json.parseJson(((_a2 = jsonToken.family) == null ? void 0 : _a2.subKey) || `null`),
-              AtomIO4__namespace.getState(jsonToken, store)
+              AtomIO6__namespace.getState(jsonToken, store)
             );
             const unsubFromUpdates = Internal.subscribeToState(
               trackerToken,
@@ -262,7 +280,7 @@ var useExposeMutableFamily = ({
         const token = family(subKey);
         const jsonToken = Internal.getJsonToken(token);
         const updateToken = Internal.getUpdateToken(token);
-        socket.emit(`init:${token.key}`, AtomIO4__namespace.getState(jsonToken, store));
+        socket.emit(`init:${token.key}`, AtomIO6__namespace.getState(jsonToken, store));
         const unsubscribe = Internal.subscribeToState(
           updateToken,
           ({ newValue }) => {
@@ -291,52 +309,103 @@ var useExposeMutableFamily = ({
     };
   };
 };
+var useReceiveState = ({ socket, store }) => {
+  return function receiveState(token) {
+    const publish = (newValue) => AtomIO6.setState(token, newValue, store);
+    const fillPubUnclaim = () => {
+      socket.off(`pub:${token.key}`, publish);
+      socket.off(`unclaim:${token.key}`, fillPubUnclaim);
+    };
+    const fillPubClaim = () => {
+      socket.on(`pub:${token.key}`, publish);
+      socket.on(`unclaim:${token.key}`, fillPubUnclaim);
+    };
+    socket.on(`claim:${token.key}`, fillPubClaim);
+    return () => {
+      socket.off(`claim:${token.key}`, fillPubClaim);
+      socket.off(`pub:${token.key}`, publish);
+    };
+  };
+};
 var useReceiveTransaction = ({ socket, store }) => {
   return function receiveTransaction(tx) {
-    const fillTransactionRequest = (update) => AtomIO4__namespace.runTransaction(tx, store)(...update.params);
-    socket.on(`tx:${tx.key}`, fillTransactionRequest);
-    return () => socket.off(`tx:${tx.key}`, fillTransactionRequest);
+    const fillTransactionRequest = (update) => {
+      const performanceKey = `tx-run:${tx.key}:${update.id}`;
+      const performanceKeyStart = `${performanceKey}:start`;
+      const performanceKeyEnd = `${performanceKey}:end`;
+      performance.mark(performanceKeyStart);
+      AtomIO6__namespace.runTransaction(tx, store)(...update.params);
+      performance.mark(performanceKeyEnd);
+      const metric = performance.measure(
+        performanceKey,
+        performanceKeyStart,
+        performanceKeyEnd
+      );
+      store == null ? void 0 : store.logger.info(`\u{1F680}`, `transaction`, tx.key, update.id, metric.duration);
+    };
+    socket.on(`tx-run:${tx.key}`, fillTransactionRequest);
+    return () => socket.off(`tx-run:${tx.key}`, fillTransactionRequest);
   };
 };
+var completeUpdateAtoms = AtomIO6__namespace.atomFamily({
+  key: `completeUpdate`,
+  default: null
+});
+var transactionRedactorAtoms = AtomIO6__namespace.atomFamily({
+  key: `transactionRedactor`,
+  default: { filter: (updates) => updates }
+});
+var redactedUpdateSelectors = AtomIO6__namespace.selectorFamily({
+  key: `redactedUpdate`,
+  get: ([transactionKey, updateId]) => ({ get, find }) => {
+    const update = get(find(completeUpdateAtoms, updateId));
+    const { filter } = get(find(transactionRedactorAtoms, transactionKey));
+    if (update && filter) {
+      return __spreadProps(__spreadValues({}, update), { updates: filter(update.updates) });
+    }
+    return null;
+  }
+});
 function useSyncTransaction({
   socket,
   store = Internal__namespace.IMPLICIT.STORE
 }) {
-  return function receiveTransaction(tx) {
-    const fillTransactionRequest = (update, transactionId) => {
+  return function syncTransaction(tx, filter) {
+    if (filter) {
+      AtomIO6__namespace.setState(
+        AtomIO6__namespace.findState(transactionRedactorAtoms, tx.key),
+        { filter },
+        store
+      );
+    }
+    const fillTransactionRequest = (update) => {
+      AtomIO6__namespace.runTransaction(tx, store, update.id)(...update.params);
+    };
+    socket.on(`tx-run:${tx.key}`, fillTransactionRequest);
+    const fillTransactionSubscriptionRequest = () => {
       const unsubscribe = Internal__namespace.subscribeToTransaction(
         tx,
-        (update2) => {
+        (update) => {
           unsubscribe();
-          socket.emit(`tx:sync:${transactionId}`, update2);
+          const updateState = AtomIO6__namespace.findState(completeUpdateAtoms, update.id);
+          AtomIO6__namespace.setState(updateState, update, store);
+          const toEmit = filter ? AtomIO6__namespace.getState(
+            AtomIO6__namespace.findState(redactedUpdateSelectors, [tx.key, update.id]),
+            store
+          ) : update;
+          socket.emit(`tx-new:${tx.key}`, toEmit);
         },
-        `sync:${transactionId}`,
+        `tx-sub:${tx.key}:${socket.id}`,
         store
       );
-      AtomIO4__namespace.runTransaction(tx, store)(...update.params);
+      socket.on(`tx-unsub:${tx.key}`, unsubscribe);
     };
-    socket.on(`tx:${tx.key}`, fillTransactionRequest);
-    return () => socket.off(`tx:${tx.key}`, fillTransactionRequest);
-  };
-}
-var useReceiveState = ({ socket, store }) => {
-  return function receiveState(token) {
-    const publish = (newValue) => AtomIO4.setState(token, newValue, store);
-    const fillPubUnclaim = () => {
-      socket.off(`pub:${token.key}`, publish);
-      socket.off(`unclaim:${token.key}`, fillPubUnclaim);
-    };
-    const fillPubClaim = () => {
-      socket.on(`pub:${token.key}`, publish);
-      socket.on(`unclaim:${token.key}`, fillPubUnclaim);
-    };
-    socket.on(`claim:${token.key}`, fillPubClaim);
+    socket.on(`tx-sub:${tx.key}`, fillTransactionSubscriptionRequest);
     return () => {
-      socket.off(`claim:${token.key}`, fillPubClaim);
-      socket.off(`pub:${token.key}`, publish);
+      socket.off(`tx-run:${tx.key}`, fillTransactionRequest);
     };
   };
-};
+}
 
 exports.useExposeFamily = useExposeFamily;
 exports.useExposeMutable = useExposeMutable;