atom.io 0.6.3 → 0.6.4

package/realtime-testing/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/realtime-testing/setup-realtime-test.tsx"],"sourcesContent":["import * as http from \"http\"\n\nimport * as React from \"react\"\n\nimport { prettyDOM, render, type RenderResult } from \"@testing-library/react\"\nimport * as AtomIO from \"atom.io\"\nimport * as AR from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-react\"\nimport * as RR from \"fp-ts/ReadonlyRecord\"\nimport * as Happy from \"happy-dom\"\nimport * as SocketIO from \"socket.io\"\nimport type { Socket as ClientSocket } from \"socket.io-client\"\nimport { io } from \"socket.io-client\"\n\nexport type TestSetupOptions = {\n\tserver: (tools: { socket: SocketIO.Socket; silo: AtomIO.Silo }) => void\n}\nexport type TestSetupOptions__SingleClient = TestSetupOptions & {\n\tclient: React.FC\n}\nexport type TestSetupOptions__MultiClient<ClientNames extends string> =\n\tTestSetupOptions & {\n\t\tclients: {\n\t\t\t[K in ClientNames]: React.FC\n\t\t}\n\t}\n\nexport type RealtimeTestTools = {\n\tname: string\n\tsilo: AtomIO.Silo\n\tdispose: () => void\n}\nexport type RealtimeTestClient = RealtimeTestTools & {\n\trenderResult: RenderResult\n\tprettyPrint: () => void\n\treconnect: () => void\n\tdisconnect: () => void\n}\nexport type RealtimeTestServer = RealtimeTestTools & {\n\tport: number\n}\n\nexport type RealtimeTestAPI = {\n\tserver: RealtimeTestServer\n\tteardown: () => void\n}\nexport type RealtimeTestAPI__SingleClient = RealtimeTestAPI & {\n\tclient: RealtimeTestClient\n}\nexport type RealtimeTestAPI__MultiClient<ClientNames extends string> =\n\tRealtimeTestAPI & {\n\t\tclients: Record<ClientNames, RealtimeTestClient>\n\t}\n\nexport const setupRealtimeTestServer = (\n\toptions: TestSetupOptions,\n): RealtimeTestServer => {\n\tconst httpServer = http.createServer((_, res) => res.end(`Hello World!`))\n\tconst address = httpServer.listen().address()\n\tconst port =\n\t\ttypeof address === `string` ? 80 : address === null ? null : address.port\n\tif (port === null) throw new Error(`Could not determine port for test server`)\n\tconst server = new SocketIO.Server(httpServer)\n\tconst silo = AtomIO.silo(`SERVER`, AtomIO.__INTERNAL__.IMPLICIT.STORE)\n\n\tserver.on(`connection`, (socket: SocketIO.Socket) => {\n\t\toptions.server({ socket, silo })\n\t})\n\n\tconst dispose = () => {\n\t\tserver.close()\n\t\tAtomIO.__INTERNAL__.clearStore(silo.store)\n\t}\n\n\treturn {\n\t\tname: `SERVER`,\n\t\tsilo,\n\t\tdispose,\n\t\tport,\n\t}\n}\nexport const setupRealtimeTestClient = (\n\toptions: TestSetupOptions__SingleClient,\n\tname: string,\n\tport: number,\n): RealtimeTestClient => {\n\tconst socket: ClientSocket = io(`http://localhost:${port}/`)\n\tconst silo = AtomIO.silo(name, AtomIO.__INTERNAL__.IMPLICIT.STORE)\n\n\tconst { document } = new Happy.Window()\n\tdocument.body.innerHTML = `<div id=\"app\"></div>`\n\tconst renderResult = render(\n\t\t<AR.StoreProvider store={silo.store}>\n\t\t\t<RTC.RealtimeProvider socket={socket}>\n\t\t\t\t<options.client />\n\t\t\t</RTC.RealtimeProvider>\n\t\t</AR.StoreProvider>,\n\t\t{\n\t\t\tcontainer: document.querySelector(`#app`) as unknown as HTMLElement,\n\t\t},\n\t)\n\n\tconst prettyPrint = () => console.log(prettyDOM(renderResult.container))\n\n\tconst disconnect = () => socket.disconnect()\n\tconst reconnect = () => socket.connect()\n\n\tconst dispose = () => {\n\t\tsocket.disconnect()\n\t\tAtomIO.__INTERNAL__.clearStore(silo.store)\n\t}\n\n\treturn {\n\t\tname,\n\t\tsilo,\n\t\trenderResult,\n\t\tprettyPrint,\n\t\tdisconnect,\n\t\treconnect,\n\t\tdispose,\n\t}\n}\n\nexport const singleClient = (\n\toptions: TestSetupOptions__SingleClient,\n): RealtimeTestAPI__SingleClient => {\n\tconst server = setupRealtimeTestServer(options)\n\tconst client = setupRealtimeTestClient(options, `CLIENT`, server.port)\n\n\treturn {\n\t\tclient,\n\t\tserver,\n\t\tteardown: () => {\n\t\t\tclient.dispose()\n\t\t\tserver.dispose()\n\t\t},\n\t}\n}\n\nexport const multiClient = <ClientNames extends string>(\n\toptions: TestSetupOptions__MultiClient<ClientNames>,\n): RealtimeTestAPI__MultiClient<ClientNames> => {\n\tconst server = setupRealtimeTestServer(options)\n\tconst clients = RR.toEntries(options.clients).reduce(\n\t\t(clients, [name, client]) => ({\n\t\t\t...clients,\n\t\t\t[name]: setupRealtimeTestClient({ ...options, client }, name, server.port),\n\t\t}),\n\t\t{} as Record<ClientNames, RealtimeTestClient>,\n\t)\n\n\treturn {\n\t\tclients,\n\t\tserver,\n\t\tteardown: () => {\n\t\t\tRR.toEntries(clients).forEach(([, client]) => client.dispose())\n\t\t\tserver.dispose()\n\t\t},\n\t}\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,YAAY,UAAU;AAItB,SAAS,WAAW,cAAiC;AACrD,YAAY,YAAY;AACxB,YAAY,QAAQ;AACpB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,WAAW;AACvB,YAAY,cAAc;AAE1B,SAAS,UAAU;AAkFf;AAxCG,IAAM,0BAA0B,CACtC,YACwB;AACxB,QAAM,aAAkB,kBAAa,CAAC,GAAG,QAAQ,IAAI,IAAI,cAAc,CAAC;AACxE,QAAM,UAAU,WAAW,OAAO,EAAE,QAAQ;AAC5C,QAAM,OACL,OAAO,YAAY,WAAW,KAAK,YAAY,OAAO,OAAO,QAAQ;AACtE,MAAI,SAAS;AAAM,UAAM,IAAI,MAAM,0CAA0C;AAC7E,QAAM,SAAS,IAAa,gBAAO,UAAU;AAC7C,QAAMA,QAAc,YAAK,UAAiB,oBAAa,SAAS,KAAK;AAErE,SAAO,GAAG,cAAc,CAAC,WAA4B;AACpD,YAAQ,OAAO,EAAE,QAAQ,MAAAA,MAAK,CAAC;AAAA,EAChC,CAAC;AAED,QAAM,UAAU,MAAM;AACrB,WAAO,MAAM;AACb,IAAO,oBAAa,WAAWA,MAAK,KAAK;AAAA,EAC1C;AAEA,SAAO;AAAA,IACN,MAAM;AAAA,IACN,MAAAA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACD;AACO,IAAM,0BAA0B,CACtC,SACA,MACA,SACwB;AACxB,QAAM,SAAuB,GAAG,oBAAoB,IAAI,GAAG;AAC3D,QAAMA,QAAc,YAAK,MAAa,oBAAa,SAAS,KAAK;AAEjE,QAAM,EAAE,SAAS,IAAI,IAAU,aAAO;AACtC,WAAS,KAAK,YAAY;AAC1B,QAAM,eAAe;AAAA,IACpB,oBAAI,kBAAH,EAAiB,OAAOA,MAAK,OAC7B,8BAAK,sBAAJ,EAAqB,QACrB,8BAAC,QAAQ,QAAR,EAAe,GACjB,GACD;AAAA,IACA;AAAA,MACC,WAAW,SAAS,cAAc,MAAM;AAAA,IACzC;AAAA,EACD;AAEA,QAAM,cAAc,MAAM,QAAQ,IAAI,UAAU,aAAa,SAAS,CAAC;AAEvE,QAAM,aAAa,MAAM,OAAO,WAAW;AAC3C,QAAM,YAAY,MAAM,OAAO,QAAQ;AAEvC,QAAM,UAAU,MAAM;AACrB,WAAO,WAAW;AAClB,IAAO,oBAAa,WAAWA,MAAK,KAAK;AAAA,EAC1C;AAEA,SAAO;AAAA,IACN;AAAA,IACA,MAAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACD;AAEO,IAAM,eAAe,CAC3B,YACmC;AACnC,QAAM,SAAS,wBAAwB,OAAO;AAC9C,QAAM,SAAS,wBAAwB,SAAS,UAAU,OAAO,IAAI;AAErE,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA,UAAU,MAAM;AACf,aAAO,QAAQ;AACf,aAAO,QAAQ;AAAA,IAChB;AAAA,EACD;AACD;AAEO,IAAM,cAAc,CAC1B,YAC+C;AAC/C,QAAM,SAAS,wBAAwB,OAAO;AAC9C,QAAM,UAAa,aAAU,QAAQ,OAAO,EAAE;AAAA,IAC7C,CAACC,UAAS,CAAC,MAAM,MAAM,MAAO,iCAC1BA,WAD0B;AAAA,MAE7B,CAAC,IAAI,GAAG,wBAAwB,iCAAK,UAAL,EAAc,OAAO,IAAG,MAAM,OAAO,IAAI;AAAA,IAC1E;AAAA,IACA,CAAC;AAAA,EACF;AAEA,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA,UAAU,MAAM;AACf,MAAG,aAAU,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE,MAAM,MAAM,OAAO,QAAQ,CAAC;AAC9D,aAAO,QAAQ;AAAA,IAChB;AAAA,EACD;AACD;","names":["silo","clients"]}
+{"version":3,"sources":["../../src/realtime-testing/setup-realtime-test.tsx"],"sourcesContent":["import * as http from \"http\"\n\nimport { prettyDOM, render, type RenderResult } from \"@testing-library/react\"\nimport * as AtomIO from \"atom.io\"\nimport * as AR from \"atom.io/react\"\nimport * as RTC from \"atom.io/realtime-react\"\nimport * as RR from \"fp-ts/ReadonlyRecord\"\nimport * as Happy from \"happy-dom\"\nimport * as React from \"react\"\nimport * as SocketIO from \"socket.io\"\nimport type { Socket as ClientSocket } from \"socket.io-client\"\nimport { io } from \"socket.io-client\"\n\nexport type TestSetupOptions = {\n\tserver: (tools: { socket: SocketIO.Socket; silo: AtomIO.Silo }) => void\n}\nexport type TestSetupOptions__SingleClient = TestSetupOptions & {\n\tclient: React.FC\n}\nexport type TestSetupOptions__MultiClient<ClientNames extends string> =\n\tTestSetupOptions & {\n\t\tclients: {\n\t\t\t[K in ClientNames]: React.FC\n\t\t}\n\t}\n\nexport type RealtimeTestTools = {\n\tname: string\n\tsilo: AtomIO.Silo\n\tdispose: () => void\n}\nexport type RealtimeTestClient = RealtimeTestTools & {\n\trenderResult: RenderResult\n\tprettyPrint: () => void\n\treconnect: () => void\n\tdisconnect: () => void\n}\nexport type RealtimeTestServer = RealtimeTestTools & {\n\tport: number\n}\n\nexport type RealtimeTestAPI = {\n\tserver: RealtimeTestServer\n\tteardown: () => void\n}\nexport type RealtimeTestAPI__SingleClient = RealtimeTestAPI & {\n\tclient: RealtimeTestClient\n}\nexport type RealtimeTestAPI__MultiClient<ClientNames extends string> =\n\tRealtimeTestAPI & {\n\t\tclients: Record<ClientNames, RealtimeTestClient>\n\t}\n\nexport const setupRealtimeTestServer = (\n\toptions: TestSetupOptions,\n): RealtimeTestServer => {\n\tconst httpServer = http.createServer((_, res) => res.end(`Hello World!`))\n\tconst address = httpServer.listen().address()\n\tconst port =\n\t\ttypeof address === `string` ? 80 : address === null ? null : address.port\n\tif (port === null) throw new Error(`Could not determine port for test server`)\n\tconst server = new SocketIO.Server(httpServer)\n\tconst silo = AtomIO.silo(`SERVER`, AtomIO.__INTERNAL__.IMPLICIT.STORE)\n\n\tserver.on(`connection`, (socket: SocketIO.Socket) => {\n\t\toptions.server({ socket, silo })\n\t})\n\n\tconst dispose = () => {\n\t\tserver.close()\n\t\tAtomIO.__INTERNAL__.clearStore(silo.store)\n\t}\n\n\treturn {\n\t\tname: `SERVER`,\n\t\tsilo,\n\t\tdispose,\n\t\tport,\n\t}\n}\nexport const setupRealtimeTestClient = (\n\toptions: TestSetupOptions__SingleClient,\n\tname: string,\n\tport: number,\n): RealtimeTestClient => {\n\tconst socket: ClientSocket = io(`http://localhost:${port}/`)\n\tconst silo = AtomIO.silo(name, AtomIO.__INTERNAL__.IMPLICIT.STORE)\n\n\tconst { document } = new Happy.Window()\n\tdocument.body.innerHTML = `<div id=\"app\"></div>`\n\tconst renderResult = render(\n\t\t<AR.StoreProvider store={silo.store}>\n\t\t\t<RTC.RealtimeProvider socket={socket}>\n\t\t\t\t<options.client />\n\t\t\t</RTC.RealtimeProvider>\n\t\t</AR.StoreProvider>,\n\t\t{\n\t\t\tcontainer: document.querySelector(`#app`) as unknown as HTMLElement,\n\t\t},\n\t)\n\n\tconst prettyPrint = () => console.log(prettyDOM(renderResult.container))\n\n\tconst disconnect = () => socket.disconnect()\n\tconst reconnect = () => socket.connect()\n\n\tconst dispose = () => {\n\t\tsocket.disconnect()\n\t\tAtomIO.__INTERNAL__.clearStore(silo.store)\n\t}\n\n\treturn {\n\t\tname,\n\t\tsilo,\n\t\trenderResult,\n\t\tprettyPrint,\n\t\tdisconnect,\n\t\treconnect,\n\t\tdispose,\n\t}\n}\n\nexport const singleClient = (\n\toptions: TestSetupOptions__SingleClient,\n): RealtimeTestAPI__SingleClient => {\n\tconst server = setupRealtimeTestServer(options)\n\tconst client = setupRealtimeTestClient(options, `CLIENT`, server.port)\n\n\treturn {\n\t\tclient,\n\t\tserver,\n\t\tteardown: () => {\n\t\t\tclient.dispose()\n\t\t\tserver.dispose()\n\t\t},\n\t}\n}\n\nexport const multiClient = <ClientNames extends string>(\n\toptions: TestSetupOptions__MultiClient<ClientNames>,\n): RealtimeTestAPI__MultiClient<ClientNames> => {\n\tconst server = setupRealtimeTestServer(options)\n\tconst clients = RR.toEntries(options.clients).reduce(\n\t\t(clients, [name, client]) => ({\n\t\t\t...clients,\n\t\t\t[name]: setupRealtimeTestClient({ ...options, client }, name, server.port),\n\t\t}),\n\t\t{} as Record<ClientNames, RealtimeTestClient>,\n\t)\n\n\treturn {\n\t\tclients,\n\t\tserver,\n\t\tteardown: () => {\n\t\t\tRR.toEntries(clients).forEach(([, client]) => client.dispose())\n\t\t\tserver.dispose()\n\t\t},\n\t}\n}\n"],"mappings":"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","names":["silo","clients"]}

package/realtime-testing/package.json

@@ -1,15 +1,15 @@
 {
-  "name": "atom.io-realtime-testing",
-  "private": true,
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "module": "dist/index.mjs",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "browser": "./dist/index.mjs",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    }
-  }
+	"name": "atom.io-realtime-testing",
+	"private": true,
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"module": "dist/index.mjs",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"browser": "./dist/index.mjs",
+			"import": "./dist/index.mjs",
+			"require": "./dist/index.js"
+		}
+	}
 }

package/src/atom.ts

@@ -1,8 +1,7 @@
-import type * as Rx from "rxjs"
-
 import type { Serializable } from "~/packages/anvl/src/json"
 
 import type { AtomToken } from "."
+import type { Subject } from "./internal"
 import { atomFamily__INTERNAL, atom__INTERNAL } from "./internal"
 
 export type Effectors<T> = {
@@ -33,7 +32,7 @@ export type AtomFamily<T, K extends Serializable = Serializable> = ((
 ) => AtomToken<T>) & {
 	key: string
 	type: `atom_family`
-	subject: Rx.Subject<AtomToken<T>>
+	subject: Subject<AtomToken<T>>
 }
 
 export function atomFamily<T, K extends Serializable>(

package/src/internal/atom-internal.ts

@@ -1,6 +1,6 @@
 import HAMT from "hamt_plus"
-import * as Rx from "rxjs"
 
+import { Subject } from "."
 import { deposit } from "./get"
 import { markAtomAsDefault } from "./is-default"
 import { cacheValue, hasKeyBeenUsed } from "./operation"
@@ -15,7 +15,7 @@ export type Atom<T> = {
 	key: string
 	type: `atom`
 	family?: FamilyMetadata
-	subject: Rx.Subject<{ newValue: T; oldValue: T }>
+	subject: Subject<{ newValue: T; oldValue: T }>
 	default: T
 }
 
@@ -31,7 +31,7 @@ export function atom__INTERNAL<T>(
 		)
 		return deposit(core.atoms.get(options.key))
 	}
-	const subject = new Rx.Subject<{ newValue: T; oldValue: T }>()
+	const subject = new Subject<{ newValue: T; oldValue: T }>()
 	const newAtom = {
 		...options,
 		subject,

package/src/internal/families-internal.ts

@@ -1,10 +1,9 @@
-import * as Rx from "rxjs"
-
 import type { Serializable } from "~/packages/anvl/src/json"
 import { stringifyJson } from "~/packages/anvl/src/json"
 
 import type { Store } from "."
 import {
+	Subject,
 	atom__INTERNAL,
 	withdraw,
 	selector__INTERNAL,
@@ -29,7 +28,7 @@ export function atomFamily__INTERNAL<T, K extends Serializable>(
 	options: AtomFamilyOptions<T, K>,
 	store: Store = IMPLICIT.STORE,
 ): AtomFamily<T, K> {
-	const subject = new Rx.Subject<AtomToken<T>>()
+	const subject = new Subject<AtomToken<T>>()
 	return Object.assign(
 		(key: K): AtomToken<T> => {
 			const subKey = stringifyJson(key)
@@ -66,7 +65,7 @@ export function readonlySelectorFamily__INTERNAL<T, K extends Serializable>(
 	store?: Store,
 ): ReadonlySelectorFamily<T, K> {
 	const core = target(store)
-	const subject = new Rx.Subject<ReadonlySelectorToken<T>>()
+	const subject = new Subject<ReadonlySelectorToken<T>>()
 	return Object.assign(
 		(key: K): ReadonlySelectorToken<T> => {
 			const subKey = stringifyJson(key)
@@ -111,7 +110,7 @@ export function selectorFamily__INTERNAL<T, K extends Serializable>(
 		return readonlySelectorFamily__INTERNAL(options, store)
 	}
 	const core = target(store)
-	const subject = new Rx.Subject<SelectorToken<T>>()
+	const subject = new Subject<SelectorToken<T>>()
 
 	return Object.assign(
 		(key: K): SelectorToken<T> => {

package/src/internal/index.ts

@@ -8,6 +8,7 @@ export * from "./selector-internal"
 export * from "./selector"
 export * from "./set"
 export * from "./store"
+export * from "./subject"
 export * from "./subscribe-internal"
 export * from "./time-travel-internal"
 export * from "./timeline-internal"

package/src/internal/selector/create-read-write-selector.ts

@@ -1,8 +1,8 @@
 import HAMT from "hamt_plus"
-import * as Rx from "rxjs"
 
 import { become } from "~/packages/anvl/src/function"
 
+import { Subject } from ".."
 import {
 	type Store,
 	type Selector,
@@ -20,7 +20,7 @@ export const createReadWriteSelector = <T>(
 	store: Store,
 	core: StoreCore,
 ): SelectorToken<T> => {
-	const subject = new Rx.Subject<{ newValue: T; oldValue: T }>()
+	const subject = new Subject<{ newValue: T; oldValue: T }>()
 
 	const { get, set } = registerSelector(options.key, store)
 	const getSelf = () => {

package/src/internal/selector/create-readonly-selector.ts

@@ -1,7 +1,7 @@
 import HAMT from "hamt_plus"
-import * as Rx from "rxjs"
 
 import { registerSelector } from "./register-selector"
+import { Subject } from ".."
 import type {
 	FamilyMetadata,
 	ReadonlySelectorOptions,
@@ -18,7 +18,7 @@ export const createReadonlySelector = <T>(
 	store: Store,
 	core: StoreCore,
 ): ReadonlySelectorToken<T> => {
-	const subject = new Rx.Subject<{ newValue: T; oldValue: T }>()
+	const subject = new Subject<{ newValue: T; oldValue: T }>()
 
 	const { get } = registerSelector(options.key, store)
 	const getSelf = () => {

package/src/internal/selector-internal.ts

@@ -1,8 +1,7 @@
 import HAMT from "hamt_plus"
-import type * as Rx from "rxjs"
 
-import type { Store } from "."
 import { target, IMPLICIT } from "."
+import type { Store, Subject } from "."
 import { createReadWriteSelector } from "./selector/create-read-write-selector"
 import { createReadonlySelector } from "./selector/create-readonly-selector"
 import type {
@@ -18,7 +17,7 @@ export type Selector<T> = {
 	type: `selector`
 	family?: FamilyMetadata
 	install: (store: Store) => void
-	subject: Rx.Subject<{ newValue: T; oldValue: T }>
+	subject: Subject<{ newValue: T; oldValue: T }>
 	get: () => T
 	set: (newValue: T | ((oldValue: T) => T)) => void
 }
@@ -27,7 +26,7 @@ export type ReadonlySelector<T> = {
 	type: `readonly_selector`
 	family?: FamilyMetadata
 	install: (store: Store) => void
-	subject: Rx.Subject<{ newValue: T; oldValue: T }>
+	subject: Subject<{ newValue: T; oldValue: T }>
 	get: () => T
 }
 

package/src/internal/store.ts

@@ -1,11 +1,11 @@
 import type { Hamt } from "hamt_plus"
 import HAMT from "hamt_plus"
-import * as Rx from "rxjs"
 
 import type { ƒn } from "~/packages/anvl/src/function"
 import { doNothing } from "~/packages/anvl/src/function"
 import { Join } from "~/packages/anvl/src/join"
 
+import { Subject } from "."
 import type {
 	Atom,
 	OperationProgress,
@@ -52,12 +52,12 @@ export interface Store {
 	valueMap: Hamt<any, string>
 
 	subject: {
-		atomCreation: Rx.Subject<AtomToken<unknown>>
-		selectorCreation: Rx.Subject<
+		atomCreation: Subject<AtomToken<unknown>>
+		selectorCreation: Subject<
 			ReadonlySelectorToken<unknown> | SelectorToken<unknown>
 		>
-		transactionCreation: Rx.Subject<TransactionToken<unknown>>
-		timelineCreation: Rx.Subject<TimelineToken>
+		transactionCreation: Subject<TransactionToken<unknown>>
+		timelineCreation: Subject<TimelineToken>
 	}
 
 	operation: OperationProgress
@@ -92,10 +92,10 @@ export const createStore = (name: string, store: Store | null = null): Store =>
 			.to(`atomKey`),
 
 		subject: {
-			atomCreation: new Rx.Subject(),
-			selectorCreation: new Rx.Subject(),
-			transactionCreation: new Rx.Subject(),
-			timelineCreation: new Rx.Subject(),
+			atomCreation: new Subject(),
+			selectorCreation: new Subject(),
+			transactionCreation: new Subject(),
+			timelineCreation: new Subject(),
 			...store?.subject,
 		},
 
@@ -120,7 +120,7 @@ export const createStore = (name: string, store: Store | null = null): Store =>
 	} satisfies Store
 
 	store?.atoms.forEach((atom) => {
-		const copiedAtom = { ...atom, subject: new Rx.Subject() } satisfies Atom<any>
+		const copiedAtom = { ...atom, subject: new Subject() } satisfies Atom<any>
 		copiedStore.atoms = HAMT.set(atom.key, copiedAtom, copiedStore.atoms)
 	})
 	store?.readonlySelectors.forEach((selector) => {

package/src/internal/subject.ts

@@ -0,0 +1,24 @@
+type Subscriber<T> = (value: T) => void
+
+export class Subject<T> {
+	public subscribers: Subscriber<T>[] = []
+
+	public subscribe(subscriber: Subscriber<T>): { unsubscribe: () => void } {
+		this.subscribers.push(subscriber)
+		const unsubscribe = () => this.unsubscribe(subscriber)
+		return { unsubscribe }
+	}
+
+	private unsubscribe(subscriber: Subscriber<T>) {
+		const subscriberIndex = this.subscribers.indexOf(subscriber)
+		if (subscriberIndex !== -1) {
+			this.subscribers.splice(subscriberIndex, 1)
+		}
+	}
+
+	public next(value: T): void {
+		for (const subscriber of this.subscribers) {
+			subscriber(value)
+		}
+	}
+}

package/src/internal/timeline-internal.ts

@@ -1,10 +1,9 @@
 import HAMT from "hamt_plus"
-import * as Rx from "rxjs"
 
 import type { ƒn } from "~/packages/anvl/src/function"
 
 import type { Store } from "."
-import { target, IMPLICIT } from "."
+import { Subject, target, IMPLICIT } from "."
 import { addAtomToTimeline } from "./timeline/add-atom-to-timeline"
 import type {
 	StateUpdate,
@@ -39,7 +38,7 @@ export type Timeline = {
 	selectorTime: number | null
 	transactionKey: string | null
 	install: (store: Store) => void
-	subject: Rx.Subject<
+	subject: Subject<
 		TimelineAtomUpdate | TimelineSelectorUpdate | TimelineTransactionUpdate
 	>
 }
@@ -58,7 +57,7 @@ export function timeline__INTERNAL(
 		...data,
 		history: data?.history.map((update) => ({ ...update })) ?? [],
 		install: (store) => timeline__INTERNAL(options, store, tl),
-		subject: new Rx.Subject(),
+		subject: new Subject(),
 	}
 
 	const core = target(store)

package/src/internal/transaction-internal.ts

@@ -1,10 +1,10 @@
 import HAMT from "hamt_plus"
-import * as Rx from "rxjs"
 
 import type { ƒn } from "~/packages/anvl/src/function"
 
 import type { Store, StoreCore } from "."
 import {
+	Subject,
 	abortTransaction,
 	applyTransaction,
 	buildTransaction,
@@ -18,7 +18,7 @@ export type Transaction<ƒ extends ƒn> = {
 	key: string
 	type: `transaction`
 	install: (store: Store) => void
-	subject: Rx.Subject<TransactionUpdate<ƒ>>
+	subject: Subject<TransactionUpdate<ƒ>>
 	run: (...parameters: Parameters<ƒ>) => ReturnType<ƒ>
 }
 
@@ -48,7 +48,7 @@ export function transaction__INTERNAL<ƒ extends ƒn>(
 			}
 		},
 		install: (store) => transaction__INTERNAL(options, store),
-		subject: new Rx.Subject(),
+		subject: new Subject(),
 	}
 	const core = target(store)
 	core.transactions = HAMT.set(

package/src/react/store-context.tsx

@@ -1,6 +1,5 @@
-import * as React from "react"
-
 import * as AtomIO from "atom.io"
+import * as React from "react"
 
 export const StoreContext = React.createContext<AtomIO.Store>(
 	AtomIO.__INTERNAL__.IMPLICIT.STORE,

package/src/react/store-hooks.ts

@@ -1,6 +1,5 @@
-import * as React from "react"
-
 import * as AtomIO from "atom.io"
+import * as React from "react"
 
 import type { Modifier } from "~/packages/anvl/src/function"
 

package/src/react-devtools/AtomIODevtools.tsx

@@ -1,10 +1,9 @@
-import type { FC } from "react"
-import { useRef } from "react"
-
 import { atom, __INTERNAL__ } from "atom.io"
 import type { StoreHooks } from "atom.io/react"
 import { useI, useO, useIO } from "atom.io/react"
 import { LayoutGroup, motion, spring } from "framer-motion"
+import { useRef } from "react"
+import type { FC } from "react"
 
 import { TokenList } from "./TokenList"
 import { lazyLocalStorageEffect } from "../web-effects"

package/src/react-devtools/StateEditor.tsx

@@ -1,7 +1,6 @@
-import type { FC } from "react"
-
 import type { ReadonlySelectorToken, StateToken } from "atom.io"
 import type { StoreHooks } from "atom.io/react"
+import type { FC } from "react"
 
 import { isPlainJson } from "~/packages/anvl/src/json"
 import { ElasticInput } from "~/packages/hamr/src/react-elastic-input"

package/src/react-devtools/TokenList.tsx

@@ -1,6 +1,3 @@
-import type { FC } from "react"
-import { Fragment } from "react"
-
 import type {
 	AtomToken,
 	ReadonlySelectorToken,
@@ -9,6 +6,8 @@ import type {
 } from "atom.io"
 import { getState } from "atom.io"
 import type { StoreHooks } from "atom.io/react"
+import { Fragment } from "react"
+import type { FC } from "react"
 
 import { recordToEntries } from "~/packages/anvl/src/object"
 

package/src/react-explorer/AtomIOExplorer.tsx

@@ -1,7 +1,6 @@
+import type { StoreHooks } from "atom.io/react"
 import type { FC, ReactNode } from "react"
 import { useEffect } from "react"
-
-import type { StoreHooks } from "atom.io/react"
 import { Link, MemoryRouter, useLocation } from "react-router-dom"
 
 import { ErrorBoundary } from "~/packages/hamr/src/react-error-boundary"

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

@@ -1,6 +1,5 @@
-import * as React from "react"
-
 import * as AR from "atom.io/react"
+import * as React from "react"
 import type { Socket } from "socket.io-client"
 import { io } from "socket.io-client"
 

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

@@ -1,6 +1,5 @@
-import * as React from "react"
-
 import * as AtomIO from "atom.io"
+import * as React from "react"
 
 import type { Json } from "~/packages/anvl/src/json"
 

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

@@ -1,6 +1,5 @@
-import * as React from "react"
-
 import * as AtomIO from "atom.io"
+import * as React from "react"
 
 import type { Json } from "~/packages/anvl/src/json"
 

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

@@ -1,6 +1,5 @@
-import * as React from "react"
-
 import * as AtomIO from "atom.io"
+import * as React from "react"
 
 import type { Json } from "~/packages/anvl/src/json"
 

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

@@ -1,6 +1,5 @@
-import * as React from "react"
-
 import * as AtomIO from "atom.io"
+import * as React from "react"
 
 import type { Json } from "~/packages/anvl/src/json"
 

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

@@ -1,7 +1,6 @@
-import * as React from "react"
-
 import * as AtomIO from "atom.io"
 import { StoreContext } from "atom.io/react"
+import * as React from "react"
 
 import type { ƒn } from "~/packages/anvl/src/function"
 

package/src/realtime-testing/setup-realtime-test.tsx

@@ -1,13 +1,12 @@
 import * as http from "http"
 
-import * as React from "react"
-
 import { prettyDOM, render, type RenderResult } from "@testing-library/react"
 import * as AtomIO from "atom.io"
 import * as AR from "atom.io/react"
 import * as RTC from "atom.io/realtime-react"
 import * as RR from "fp-ts/ReadonlyRecord"
 import * as Happy from "happy-dom"
+import * as React from "react"
 import * as SocketIO from "socket.io"
 import type { Socket as ClientSocket } from "socket.io-client"
 import { io } from "socket.io-client"

package/src/selector.ts

@@ -1,8 +1,7 @@
-import type * as Rx from "rxjs"
-
 import type { Serializable } from "~/packages/anvl/src/json"
 
 import type { ReadonlySelectorToken, SelectorToken } from "."
+import type { Subject } from "./internal"
 import { selectorFamily__INTERNAL, selector__INTERNAL } from "./internal"
 import type { Read, Write } from "./transaction"
 
@@ -41,7 +40,7 @@ export type SelectorFamily<T, K extends Serializable = Serializable> = ((
 ) => SelectorToken<T>) & {
 	key: string
 	type: `selector_family`
-	subject: Rx.Subject<SelectorToken<T>>
+	subject: Subject<SelectorToken<T>>
 }
 
 export type ReadonlySelectorFamily<T, K extends Serializable = Serializable> = ((
@@ -49,7 +48,7 @@ export type ReadonlySelectorFamily<T, K extends Serializable = Serializable> = (
 ) => ReadonlySelectorToken<T>) & {
 	key: string
 	type: `readonly_selector_family`
-	subject: Rx.Subject<ReadonlySelectorToken<T>>
+	subject: Subject<ReadonlySelectorToken<T>>
 }
 
 export function selectorFamily<T, K extends Serializable>(