atom.io 0.6.8 → 0.7.0

package/{src/react-devtools → react-devtools/src}/AtomIODevtools.tsx

@@ -1,4 +1,4 @@
-import { useO, useIO } from "atom.io/react"
+import { useI, useO } from "atom.io/react"
 import { LayoutGroup, motion, spring } from "framer-motion"
 import { useRef } from "react"
 
@@ -18,8 +18,10 @@ import "./devtools.scss"
 export const AtomIODevtools = (): JSX.Element => {
 	const constraintsRef = useRef(null)
 
-	const [devtoolsAreOpen, setDevtoolsAreOpen] = useIO(devtoolsAreOpenState)
-	const [devtoolsView, setDevtoolsView] = useIO(devtoolsViewSelectionState)
+	const setDevtoolsAreOpen = useI(devtoolsAreOpenState)
+	const devtoolsAreOpen = useO(devtoolsAreOpenState)
+	const setDevtoolsView = useI(devtoolsViewSelectionState)
+	const devtoolsView = useO(devtoolsViewSelectionState)
 	const devtoolsViewOptions = useO(devtoolsViewOptionsState)
 
 	const mouseHasMoved = useRef(false)

package/{src/react-devtools → react-devtools/src}/Button.tsx

@@ -1,10 +1,9 @@
+import type { Modify } from "atom.io/internal"
 import type { FC } from "react"
 
-import type { Modifier } from "~/packages/anvl/src/function"
-
 export const OpenClose: FC<{
 	isOpen: boolean
-	setIsOpen: (next: Modifier<boolean> | boolean) => void
+	setIsOpen: (next: Modify<boolean> | boolean) => void
 	disabled?: boolean
 }> = ({ isOpen, setIsOpen, disabled }) => {
 	return (

package/{src/react-devtools → react-devtools/src}/StateEditor.tsx

@@ -1,5 +1,5 @@
 import type { ReadonlySelectorToken, StateToken } from "atom.io"
-import { useO, useIO } from "atom.io/react"
+import { useI, useO } from "atom.io/react"
 import type { FC } from "react"
 
 import { fallback } from "~/packages/anvl/src/function"
@@ -12,7 +12,8 @@ import { JsonEditor } from "~/packages/hamr/src/react-json-editor"
 export const StateEditor: FC<{
 	token: StateToken<unknown>
 }> = ({ token }) => {
-	const [data, set] = useIO(token)
+	const set = useI(token)
+	const data = useO(token)
 	return isJson(data) ? (
 		<JsonEditor data={data} set={set} schema={true} />
 	) : data instanceof Join ? (

package/{src/react-devtools → react-devtools/src}/StateIndex.tsx

@@ -1,6 +1,7 @@
 import type { AtomToken, ReadonlySelectorToken, SelectorToken } from "atom.io"
 import { getState, selectorFamily } from "atom.io"
-import { useO, useIO } from "atom.io/react"
+import type { FamilyNode, StateTokenIndex } from "atom.io/introspection"
+import { useI, useO } from "atom.io/react"
 import type { FC } from "react"
 
 import {
@@ -11,7 +12,6 @@ import {
 import { findViewIsOpenState, primitiveRefinery } from "."
 import { button } from "./Button"
 import { StoreEditor } from "./StateEditor"
-import type { FamilyNode, StateTokenIndex } from "../introspection"
 
 const findStateTypeState = selectorFamily<string, { key: string }>({
 	key: `👁‍🗨 State Type`,
@@ -36,7 +36,9 @@ export const StateIndexLeafNode: FC<{
 	isOpenState: AtomToken<boolean>
 	typeState: ReadonlySelectorToken<string>
 }> = ({ node, isOpenState, typeState }) => {
-	const [isOpen, setIsOpen] = useIO(isOpenState)
+	const setIsOpen = useI(isOpenState)
+	const isOpen = useO(isOpenState)
+
 	const state = useO(node)
 	const stateType = useO(typeState)
 
@@ -73,7 +75,8 @@ export const StateIndexTreeNode: FC<{
 	>
 	isOpenState: AtomToken<boolean>
 }> = ({ node, isOpenState }) => {
-	const [isOpen, setIsOpen] = useIO(isOpenState)
+	const setIsOpen = useI(isOpenState)
+	const isOpen = useO(isOpenState)
 	Object.entries(node.familyMembers).forEach(([key, childNode]) => {
 		findViewIsOpenState(key)
 		findStateTypeState(childNode)

package/{src/react-devtools → react-devtools/src}/TimelineIndex.tsx

@@ -1,17 +1,12 @@
-import {
-	undo,
-	type AtomToken,
-	type ReadonlySelectorToken,
-	type TimelineToken,
-	redo,
-} from "atom.io"
-import { useIO, useO } from "atom.io/react"
-import { Fragment, type FC } from "react"
+import type { AtomToken, ReadonlySelectorToken, TimelineToken } from "atom.io"
+import { redo, undo } from "atom.io"
+import type { Timeline } from "atom.io/internal"
+import { useI, useO } from "atom.io/react"
+import { type FC, Fragment } from "react"
 
 import { findTimelineState, findViewIsOpenState, timelineIndex } from "."
 import { button } from "./Button"
 import { article } from "./Updates"
-import type { Timeline } from "../internal"
 
 export const YouAreHere: FC = () => {
 	return <span className="you_are_here">you are here</span>
@@ -23,7 +18,8 @@ export const TimelineLog: FC<{
 	timelineState: ReadonlySelectorToken<Timeline>
 }> = ({ token, isOpenState, timelineState }) => {
 	const timeline = useO(timelineState)
-	const [isOpen, setIsOpen] = useIO(isOpenState)
+	const isOpen = useO(isOpenState)
+	const setIsOpen = useI(isOpenState)
 
 	return (
 		<section className="node timeline_log">

package/{src/react-devtools → react-devtools/src}/TransactionIndex.tsx

@@ -3,12 +3,11 @@ import type {
 	ReadonlySelectorToken,
 	TransactionToken,
 	TransactionUpdate,
+	ƒn,
 } from "atom.io"
-import { useIO, useO } from "atom.io/react"
+import { useI, useO } from "atom.io/react"
 import type { FC } from "react"
 
-import type { ƒn } from "~/packages/anvl/src/function"
-
 import {
 	findTransactionLogState,
 	findViewIsOpenState,
@@ -23,7 +22,8 @@ export const TransactionLog: FC<{
 	logState: ReadonlySelectorToken<TransactionUpdate<ƒn>[]>
 }> = ({ token, isOpenState, logState }) => {
 	const log = useO(logState)
-	const [isOpen, setIsOpen] = useIO(isOpenState)
+	const isOpen = useO(isOpenState)
+	const setIsOpen = useI(isOpenState)
 
 	return (
 		<section className="node transaction_log">

package/{src/react-devtools → react-devtools/src}/Updates.tsx

@@ -1,10 +1,14 @@
-import type { ƒn } from "~/packages/anvl/src/function"
+import type {
+	KeyedStateUpdate,
+	TimelineUpdate,
+	TransactionUpdate,
+	ƒn,
+} from "atom.io"
+import * as React from "react"
+
 import { discoverType } from "~/packages/anvl/src/refinement/refinery"
 
 import { prettyJson } from "."
-import type { KeyedStateUpdate } from "../subscribe"
-import type { TimelineUpdate } from "../timeline"
-import type { TransactionUpdate } from "../transaction"
 
 const AtomUpdateFC: React.FC<{
 	serialNumber: number
@@ -50,6 +54,7 @@ const TransactionUpdateFC: React.FC<{
 								<span className="detail">{discoverType(param)}: </span>
 								<span className="summary">
 									{typeof param === `object` &&
+									param !== null &&
 									`type` in param &&
 									`target` in param ? (
 										<>{JSON.stringify(param.type)}</>

package/{src/react-devtools → react-devtools/src}/index.ts

@@ -1,18 +1,18 @@
+import { atom, atomFamily } from "atom.io"
+import { attachIntrospectionStates } from "atom.io/introspection"
+import { lazyLocalStorageEffect } from "atom.io/web-effects"
+
 import { isPlainObject } from "~/packages/anvl/src/object"
 import { Refinery } from "~/packages/anvl/src/refinement/refinery"
 import {
+	Differ,
 	diffArray,
 	diffBoolean,
 	diffNumber,
 	diffObject,
 	diffString,
-	Differ,
 } from "~/packages/anvl/src/tree/differ"
 
-import { atom, atomFamily } from ".."
-import { attachIntrospectionStates } from "../introspection"
-import { lazyLocalStorageEffect } from "../web-effects"
-
 export * from "./AtomIODevtools"
 
 export const {

package/realtime-react/dist/index.d.mts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { Socket } from 'socket.io-client';
 import * as AtomIO from 'atom.io';
+import { Json } from 'atom.io/json';
+import { Transceiver } from 'atom.io/internal';
 
 declare const RealtimeContext: React.Context<{
     socket: Socket;
@@ -10,34 +12,16 @@ declare const RealtimeProvider: React.FC<{
     socket: Socket;
 }>;
 
-type ƒn = (...parameters: any[]) => any;
+declare function usePull<J extends Json.Serializable>(token: AtomIO.StateToken<J>): void;
 
-type primitive = boolean | number | string | null;
+declare function usePullFamilyMember<J extends Json.Serializable>(token: AtomIO.AtomToken<J>): void;
 
-type Serializable = primitive | Readonly<{
-    [key: string]: Serializable;
-}> | ReadonlyArray<Serializable>;
+declare function usePullMutable<T extends Transceiver<Json.Serializable>, J extends Json.Serializable>(token: AtomIO.MutableAtomToken<T, J>): void;
 
-declare function usePull<J extends Serializable>(token: AtomIO.StateToken<J>): void;
+declare function usePullMutableFamilyMember<T extends Transceiver<Json.Serializable>, J extends Json.Serializable>(token: AtomIO.MutableAtomToken<T, J>): void;
 
-declare function usePullFamily<J extends Serializable>(family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>): void;
+declare function usePush<J extends Json.Serializable>(token: AtomIO.StateToken<J>): void;
 
-declare function usePullFamilyMember<J extends Serializable>(family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>, subKey: AtomIO.Json.Serializable): void;
+declare function useServerAction<ƒ extends AtomIO.ƒn>(token: AtomIO.TransactionToken<ƒ>): (...parameters: Parameters<ƒ>) => ReturnType<ƒ>;
 
-declare function usePush<J extends Serializable>(token: AtomIO.StateToken<J>): void;
-
-declare function useServerAction<ƒ extends ƒn>(token: AtomIO.TransactionToken<ƒ>): (...parameters: Parameters<ƒ>) => ReturnType<ƒ>;
-
-type RealtimeHooks = {
-    usePull: <J extends Serializable>(token: AtomIO.StateToken<J>) => void;
-    usePullFamily: <J extends Serializable>(family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>) => void;
-    usePullFamilyMember: <J extends Serializable>(family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>, subKey: string) => void;
-    usePush: <J extends Serializable>(token: AtomIO.StateToken<J>) => void;
-    useServerAction: <ƒ extends ƒn>(token: AtomIO.TransactionToken<ƒ>) => (...parameters: Parameters<ƒ>) => ReturnType<ƒ>;
-};
-declare const realtimeHooks: RealtimeHooks;
-
-declare const myIdState__INTERNAL: AtomIO.AtomToken<string | null>;
-declare const myIdState: AtomIO.ReadonlySelectorToken<string | null>;
-
-export { RealtimeContext, RealtimeHooks, RealtimeProvider, myIdState, myIdState__INTERNAL, realtimeHooks, usePull, usePullFamily, usePullFamilyMember, usePush, useServerAction };
+export { RealtimeContext, RealtimeProvider, usePull, usePullFamilyMember, usePullMutable, usePullMutableFamilyMember, usePush, useServerAction };

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

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { Socket } from 'socket.io-client';
 import * as AtomIO from 'atom.io';
+import { Json } from 'atom.io/json';
+import { Transceiver } from 'atom.io/internal';
 
 declare const RealtimeContext: React.Context<{
     socket: Socket;
@@ -10,34 +12,16 @@ declare const RealtimeProvider: React.FC<{
     socket: Socket;
 }>;
 
-type ƒn = (...parameters: any[]) => any;
+declare function usePull<J extends Json.Serializable>(token: AtomIO.StateToken<J>): void;
 
-type primitive = boolean | number | string | null;
+declare function usePullFamilyMember<J extends Json.Serializable>(token: AtomIO.AtomToken<J>): void;
 
-type Serializable = primitive | Readonly<{
-    [key: string]: Serializable;
-}> | ReadonlyArray<Serializable>;
+declare function usePullMutable<T extends Transceiver<Json.Serializable>, J extends Json.Serializable>(token: AtomIO.MutableAtomToken<T, J>): void;
 
-declare function usePull<J extends Serializable>(token: AtomIO.StateToken<J>): void;
+declare function usePullMutableFamilyMember<T extends Transceiver<Json.Serializable>, J extends Json.Serializable>(token: AtomIO.MutableAtomToken<T, J>): void;
 
-declare function usePullFamily<J extends Serializable>(family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>): void;
+declare function usePush<J extends Json.Serializable>(token: AtomIO.StateToken<J>): void;
 
-declare function usePullFamilyMember<J extends Serializable>(family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>, subKey: AtomIO.Json.Serializable): void;
+declare function useServerAction<ƒ extends AtomIO.ƒn>(token: AtomIO.TransactionToken<ƒ>): (...parameters: Parameters<ƒ>) => ReturnType<ƒ>;
 
-declare function usePush<J extends Serializable>(token: AtomIO.StateToken<J>): void;
-
-declare function useServerAction<ƒ extends ƒn>(token: AtomIO.TransactionToken<ƒ>): (...parameters: Parameters<ƒ>) => ReturnType<ƒ>;
-
-type RealtimeHooks = {
-    usePull: <J extends Serializable>(token: AtomIO.StateToken<J>) => void;
-    usePullFamily: <J extends Serializable>(family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>) => void;
-    usePullFamilyMember: <J extends Serializable>(family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>, subKey: string) => void;
-    usePush: <J extends Serializable>(token: AtomIO.StateToken<J>) => void;
-    useServerAction: <ƒ extends ƒn>(token: AtomIO.TransactionToken<ƒ>) => (...parameters: Parameters<ƒ>) => ReturnType<ƒ>;
-};
-declare const realtimeHooks: RealtimeHooks;
-
-declare const myIdState__INTERNAL: AtomIO.AtomToken<string | null>;
-declare const myIdState: AtomIO.ReadonlySelectorToken<string | null>;
-
-export { RealtimeContext, RealtimeHooks, RealtimeProvider, myIdState, myIdState__INTERNAL, realtimeHooks, usePull, usePullFamily, usePullFamilyMember, usePush, useServerAction };
+export { RealtimeContext, RealtimeProvider, usePull, usePullFamilyMember, usePullMutable, usePullMutableFamilyMember, usePush, useServerAction };

package/realtime-react/dist/index.js

@@ -1,71 +1,41 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// ../src/realtime-react/index.ts
-var realtime_react_exports = {};
-__export(realtime_react_exports, {
-  RealtimeContext: () => RealtimeContext,
-  RealtimeProvider: () => RealtimeProvider,
-  myIdState: () => myIdState,
-  myIdState__INTERNAL: () => myIdState__INTERNAL,
-  realtimeHooks: () => realtimeHooks,
-  usePull: () => usePull,
-  usePullFamily: () => usePullFamily,
-  usePullFamilyMember: () => usePullFamilyMember,
-  usePush: () => usePush,
-  useServerAction: () => useServerAction
-});
-module.exports = __toCommonJS(realtime_react_exports);
+var react = require('atom.io/react');
+var RTC = require('atom.io/realtime-client');
+var React6 = require('react');
+var socket_ioClient = require('socket.io-client');
+var jsxRuntime = require('react/jsx-runtime');
+var AtomIO = require('atom.io');
 
-// ../src/realtime-react/realtime-context.tsx
-var AR = __toESM(require("atom.io/react"));
-var React = __toESM(require("react"));
-var import_socket = require("socket.io-client");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-// ../src/realtime-react/realtime-state.ts
-var AtomIO = __toESM(require("atom.io"));
-var myIdState__INTERNAL = AtomIO.atom({
-  key: `myId__INTERNAL`,
-  default: null
-});
-var myIdState = AtomIO.selector({
-  key: `myId`,
-  get: ({ get }) => get(myIdState__INTERNAL)
-});
+var RTC__namespace = /*#__PURE__*/_interopNamespace(RTC);
+var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
+var AtomIO__namespace = /*#__PURE__*/_interopNamespace(AtomIO);
 
-// ../src/realtime-react/realtime-context.tsx
-var import_jsx_dev_runtime = require("react/jsx-dev-runtime");
-var RealtimeContext = React.createContext({
-  socket: (0, import_socket.io)()
+// src/realtime-context.tsx
+var RealtimeContext = React6__namespace.createContext({
+  socket: socket_ioClient.io()
 });
 var RealtimeProvider = ({ children, socket }) => {
-  const setMyId = AR.useI(myIdState__INTERNAL);
-  React.useEffect(() => {
+  const setMyId = react.useI(RTC__namespace.myIdState__INTERNAL);
+  React6__namespace.useEffect(() => {
     socket.on(`connect`, () => {
       setMyId(socket.id);
     });
@@ -73,145 +43,57 @@ var RealtimeProvider = ({ children, socket }) => {
       setMyId(null);
     });
   }, [socket, setMyId]);
-  return /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(RealtimeContext.Provider, { value: { socket }, children }, void 0, false, {
-    fileName: "../src/realtime-react/realtime-context.tsx",
-    lineNumber: 26,
-    columnNumber: 3
-  }, this);
+  return /* @__PURE__ */ jsxRuntime.jsx(RealtimeContext.Provider, { value: { socket }, children });
 };
-
-// ../src/realtime-react/use-pull.ts
-var AtomIO3 = __toESM(require("atom.io"));
-var React3 = __toESM(require("react"));
-
-// ../src/react/store-context.tsx
-var AtomIO2 = __toESM(require("atom.io"));
-var React2 = __toESM(require("react"));
-var import_jsx_dev_runtime2 = require("react/jsx-dev-runtime");
-var StoreContext = React2.createContext(
-  AtomIO2.__INTERNAL__.IMPLICIT.STORE
-);
-
-// ../src/realtime-react/use-pull.ts
 function usePull(token) {
-  const { socket } = React3.useContext(RealtimeContext);
-  const store = React3.useContext(StoreContext);
-  React3.useEffect(() => {
-    socket.on(`serve:${token.key}`, (data) => {
-      AtomIO3.setState(token, data, store);
-    });
-    socket.emit(`sub:${token.key}`);
-    return () => {
-      socket.off(`serve:${token.key}`);
-      socket.emit(`unsub:${token.key}`);
-    };
-  }, [token.key]);
+  const { socket } = React6__namespace.useContext(RealtimeContext);
+  const store = React6__namespace.useContext(react.StoreContext);
+  React6__namespace.useEffect(() => RTC__namespace.pullState(token, socket, store), [token.key]);
 }
-
-// ../src/realtime-react/use-pull-family.ts
-var AtomIO4 = __toESM(require("atom.io"));
-var React4 = __toESM(require("react"));
-function usePullFamily(family) {
-  const { socket } = React4.useContext(RealtimeContext);
-  const store = React4.useContext(StoreContext);
-  React4.useEffect(() => {
-    socket.on(`serve:${family.key}`, (key, data) => {
-      AtomIO4.setState(family(key), data, store);
-    });
-    socket == null ? void 0 : socket.emit(`sub:${family.key}`);
-    return () => {
-      socket == null ? void 0 : socket.off(`serve:${family.key}`);
-      socket == null ? void 0 : socket.emit(`unsub:${family.key}`);
-    };
-  }, [family.key]);
+function usePullFamilyMember(token) {
+  const { socket } = React6__namespace.useContext(RealtimeContext);
+  const store = React6__namespace.useContext(react.StoreContext);
+  React6__namespace.useEffect(() => RTC__namespace.pullFamilyMember(token, socket, store), [token.key]);
 }
-
-// ../src/realtime-react/use-pull-family-member.ts
-var AtomIO5 = __toESM(require("atom.io"));
-var React5 = __toESM(require("react"));
-function usePullFamilyMember(family, subKey) {
-  const token = family(subKey);
-  const { socket } = React5.useContext(RealtimeContext);
-  const store = React5.useContext(StoreContext);
-  React5.useEffect(() => {
-    socket == null ? void 0 : socket.on(`serve:${token.key}`, (data) => {
-      AtomIO5.setState(family(subKey), data, store);
-    });
-    socket == null ? void 0 : socket.emit(`sub:${family.key}`, subKey);
-    return () => {
-      socket == null ? void 0 : socket.off(`serve:${token.key}`);
-      socket == null ? void 0 : socket.emit(`unsub:${token.key}`);
-    };
-  }, [family.key]);
+function usePullMutable(token) {
+  const { socket } = React6__namespace.useContext(RealtimeContext);
+  const store = React6__namespace.useContext(react.StoreContext);
+  React6__namespace.useEffect(() => RTC__namespace.pullMutableState(token, socket, store), [token.key]);
+}
+function usePullMutableFamilyMember(token) {
+  const { socket } = React6__namespace.useContext(RealtimeContext);
+  const store = React6__namespace.useContext(react.StoreContext);
+  React6__namespace.useEffect(
+    () => RTC__namespace.pullMutableFamilyMember(token, socket, store),
+    [token.key]
+  );
 }
-
-// ../src/realtime-react/use-push.ts
-var AtomIO6 = __toESM(require("atom.io"));
-var React6 = __toESM(require("react"));
 function usePush(token) {
-  const { socket } = React6.useContext(RealtimeContext);
-  const store = React6.useContext(StoreContext);
-  React6.useEffect(() => {
-    socket.emit(`claim:${token.key}`);
-    AtomIO6.subscribe(
-      token,
-      ({ newValue }) => {
-        socket.emit(`pub:${token.key}`, newValue);
-      },
-      store
-    );
-    return () => {
-      socket.emit(`unclaim:${token.key}`);
-    };
-  }, [token.key]);
+  const { socket } = React6__namespace.useContext(RealtimeContext);
+  const store = React6__namespace.useContext(react.StoreContext);
+  const id = React6__namespace.useId();
+  React6__namespace.useEffect(
+    () => RTC__namespace.pushState(token, socket, `use-push:${id}`, store),
+    [token.key]
+  );
 }
-
-// ../src/realtime-react/use-server-action.ts
-var AtomIO7 = __toESM(require("atom.io"));
-var import_react5 = require("atom.io/react");
-var React7 = __toESM(require("react"));
-var TX_SUBS = /* @__PURE__ */ new Map();
 function useServerAction(token) {
-  const store = React7.useContext(import_react5.StoreContext);
-  const { socket } = React7.useContext(RealtimeContext);
-  React7.useEffect(() => {
-    var _a;
-    const count = (_a = TX_SUBS.get(token.key)) != null ? _a : 0;
-    TX_SUBS.set(token.key, count + 1);
-    const unsubscribe = count === 0 ? AtomIO7.subscribeToTransaction(
-      token,
-      (update) => socket.emit(`tx:${token.key}`, update),
-      store
-    ) : () => null;
-    return () => {
-      var _a2;
-      const newCount = (_a2 = TX_SUBS.get(token.key)) != null ? _a2 : 0;
-      TX_SUBS.set(token.key, newCount - 1);
-      unsubscribe();
-    };
-  }, [token.key]);
-  return AtomIO7.runTransaction(token, store);
+  const store = React6__namespace.useContext(react.StoreContext);
+  const { socket } = React6__namespace.useContext(RealtimeContext);
+  React6__namespace.useEffect(
+    () => RTC__namespace.synchronizeTransactionResults(token, socket, store),
+    [token.key]
+  );
+  return AtomIO__namespace.runTransaction(token, store);
 }
 
-// ../src/realtime-react/realtime-hooks.ts
-var realtimeHooks = {
-  usePull,
-  usePullFamily,
-  usePullFamilyMember,
-  usePush,
-  useServerAction
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  RealtimeContext,
-  RealtimeProvider,
-  myIdState,
-  myIdState__INTERNAL,
-  realtimeHooks,
-  usePull,
-  usePullFamily,
-  usePullFamilyMember,
-  usePush,
-  useServerAction
-});
+exports.RealtimeContext = RealtimeContext;
+exports.RealtimeProvider = RealtimeProvider;
+exports.usePull = usePull;
+exports.usePullFamilyMember = usePullFamilyMember;
+exports.usePullMutable = usePullMutable;
+exports.usePullMutableFamilyMember = usePullMutableFamilyMember;
+exports.usePush = usePush;
+exports.useServerAction = useServerAction;
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/realtime-react/index.ts","../../src/realtime-react/realtime-context.tsx","../../src/realtime-react/realtime-state.ts","../../src/realtime-react/use-pull.ts","../../src/react/store-context.tsx","../../src/realtime-react/use-pull-family.ts","../../src/realtime-react/use-pull-family-member.ts","../../src/realtime-react/use-push.ts","../../src/realtime-react/use-server-action.ts","../../src/realtime-react/realtime-hooks.ts"],"sourcesContent":["export * from \"./realtime-context\"\nexport * from \"./realtime-hooks\"\nexport * from \"./realtime-state\"\n","import * as AR from \"atom.io/react\"\nimport * as React from \"react\"\nimport type { Socket } from \"socket.io-client\"\nimport { io } from \"socket.io-client\"\n\nimport { myIdState__INTERNAL } from \"./realtime-state\"\n\nexport const RealtimeContext = React.createContext<{ socket: Socket }>({\n\tsocket: io(),\n})\n\nexport const RealtimeProvider: React.FC<{\n\tchildren: React.ReactNode\n\tsocket: Socket\n}> = ({ children, socket }) => {\n\tconst setMyId = AR.useI(myIdState__INTERNAL)\n\tReact.useEffect(() => {\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 * as AtomIO from \"atom.io\"\n\nexport const myIdState__INTERNAL = AtomIO.atom<string | null>({\n\tkey: `myId__INTERNAL`,\n\tdefault: null,\n})\nexport const myIdState = AtomIO.selector<string | null>({\n\tkey: `myId`,\n\tget: ({ get }) => get(myIdState__INTERNAL),\n})\n","import * as AtomIO from \"atom.io\"\nimport * as React from \"react\"\n\nimport type { Json } from \"~/packages/anvl/src/json\"\n\nimport { RealtimeContext } from \"./realtime-context\"\nimport { StoreContext } from \"../react\"\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\tsocket.on(`serve:${token.key}`, (data: J) => {\n\t\t\tAtomIO.setState(token, data, store)\n\t\t})\n\t\tsocket.emit(`sub:${token.key}`)\n\t\treturn () => {\n\t\t\tsocket.off(`serve:${token.key}`)\n\t\t\tsocket.emit(`unsub:${token.key}`)\n\t\t}\n\t}, [token.key])\n}\n","import * as AtomIO from \"atom.io\"\nimport * as React from \"react\"\n\nexport const StoreContext = React.createContext<AtomIO.Store>(\n\tAtomIO.__INTERNAL__.IMPLICIT.STORE,\n)\n\nexport const StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: AtomIO.Store\n}> = ({ children, store = AtomIO.__INTERNAL__.IMPLICIT.STORE }) => (\n\t<StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n)\n","import * as AtomIO from \"atom.io\"\nimport * as React from \"react\"\n\nimport type { Json } from \"~/packages/anvl/src/json\"\n\nimport { RealtimeContext } from \"./realtime-context\"\nimport { StoreContext } from \"../react\"\n\nexport function usePullFamily<J extends Json.Serializable>(\n\tfamily: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>,\n): void {\n\tconst { socket } = React.useContext(RealtimeContext)\n\tconst store = React.useContext(StoreContext)\n\tReact.useEffect(() => {\n\t\tsocket.on(`serve:${family.key}`, (key: Json.Serializable, data: J) => {\n\t\t\tAtomIO.setState(family(key), data, store)\n\t\t})\n\t\tsocket?.emit(`sub:${family.key}`)\n\t\treturn () => {\n\t\t\tsocket?.off(`serve:${family.key}`)\n\t\t\tsocket?.emit(`unsub:${family.key}`)\n\t\t}\n\t}, [family.key])\n}\n","import * as AtomIO from \"atom.io\"\nimport * as React from \"react\"\n\nimport type { Json } from \"~/packages/anvl/src/json\"\n\nimport { RealtimeContext } from \"./realtime-context\"\nimport { StoreContext } from \"../react\"\n\nexport function usePullFamilyMember<J extends Json.Serializable>(\n\tfamily: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>,\n\tsubKey: AtomIO.Json.Serializable,\n): void {\n\tconst token = family(subKey)\n\tconst { socket } = React.useContext(RealtimeContext)\n\tconst store = React.useContext(StoreContext)\n\tReact.useEffect(() => {\n\t\tsocket?.on(`serve:${token.key}`, (data: J) => {\n\t\t\tAtomIO.setState(family(subKey), data, store)\n\t\t})\n\t\tsocket?.emit(`sub:${family.key}`, subKey)\n\t\treturn () => {\n\t\t\tsocket?.off(`serve:${token.key}`)\n\t\t\tsocket?.emit(`unsub:${token.key}`)\n\t\t}\n\t}, [family.key])\n}\n","import * as AtomIO from \"atom.io\"\nimport * as React from \"react\"\n\nimport type { Json } from \"~/packages/anvl/src/json\"\n\nimport { RealtimeContext } from \"./realtime-context\"\nimport { StoreContext } from \"../react\"\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\tReact.useEffect(() => {\n\t\tsocket.emit(`claim:${token.key}`)\n\t\tAtomIO.subscribe(\n\t\t\ttoken,\n\t\t\t({ newValue }) => {\n\t\t\t\tsocket.emit(`pub:${token.key}`, newValue)\n\t\t\t},\n\t\t\tstore,\n\t\t)\n\t\treturn () => {\n\t\t\tsocket.emit(`unclaim:${token.key}`)\n\t\t}\n\t}, [token.key])\n}\n","import * as AtomIO from \"atom.io\"\nimport { StoreContext } from \"atom.io/react\"\nimport * as React from \"react\"\n\nimport type { ƒn } from \"~/packages/anvl/src/function\"\n\nimport { RealtimeContext } from \"./realtime-context\"\n\nconst TX_SUBS = new Map<string, number>()\nexport function useServerAction<ƒ extends ƒ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\tconst count = TX_SUBS.get(token.key) ?? 0\n\t\tTX_SUBS.set(token.key, count + 1)\n\t\tconst unsubscribe =\n\t\t\tcount === 0\n\t\t\t\t? AtomIO.subscribeToTransaction(\n\t\t\t\t\t\ttoken,\n\t\t\t\t\t\t(update) => socket.emit(`tx:${token.key}`, update),\n\t\t\t\t\t\tstore,\n\t\t\t\t  )\n\t\t\t\t: () => null\n\t\treturn () => {\n\t\t\tconst newCount = TX_SUBS.get(token.key) ?? 0\n\t\t\tTX_SUBS.set(token.key, newCount - 1)\n\t\t\tunsubscribe()\n\t\t}\n\t}, [token.key])\n\treturn AtomIO.runTransaction(token, store)\n}\n","import type * as AtomIO from \"atom.io\"\n\nimport type { ƒn } from \"~/packages/anvl/src/function\"\nimport type { Json } from \"~/packages/anvl/src/json\"\n\nimport { usePull } from \"./use-pull\"\nimport { usePullFamily } from \"./use-pull-family\"\nimport { usePullFamilyMember } from \"./use-pull-family-member\"\nimport { usePush } from \"./use-push\"\nimport { useServerAction } from \"./use-server-action\"\n\nexport type RealtimeHooks = {\n\tusePull: <J extends Json.Serializable>(token: AtomIO.StateToken<J>) => void\n\tusePullFamily: <J extends Json.Serializable>(\n\t\tfamily: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>,\n\t) => void\n\tusePullFamilyMember: <J extends Json.Serializable>(\n\t\tfamily: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>,\n\t\tsubKey: string,\n\t) => void\n\tusePush: <J extends Json.Serializable>(token: AtomIO.StateToken<J>) => void\n\tuseServerAction: <ƒ extends ƒn>(\n\t\ttoken: AtomIO.TransactionToken<ƒ>,\n\t) => (...parameters: Parameters<ƒ>) => ReturnType<ƒ>\n}\n\nexport const realtimeHooks: RealtimeHooks = {\n\tusePull,\n\tusePullFamily,\n\tusePullFamilyMember,\n\tusePush,\n\tuseServerAction,\n}\n\nexport * from \"./use-pull\"\nexport * from \"./use-pull-family\"\nexport * from \"./use-pull-family-member\"\nexport * from \"./use-push\"\nexport * from \"./use-server-action\"\n"],"mappings":"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","names":["AtomIO","React","AtomIO","React","import_jsx_dev_runtime","AtomIO","React","AtomIO","React","AtomIO","React","AtomIO","import_react","React","_a"]}
+{"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":";AAAA,SAAS,YAAY;AACrB,YAAY,SAAS;AACrB,YAAY,WAAW;AAEvB,SAAS,UAAU;AAoBjB;AAlBK,IAAM,kBAAwB,oBAAkC;AAAA,EACtE,QAAQ,GAAG;AACZ,CAAC;AAEM,IAAM,mBAGR,CAAC,EAAE,UAAU,OAAO,MAAM;AAC9B,QAAM,UAAU,KAAS,uBAAmB;AAC5C,EAAM,gBAAU,MAAM;AACrB,WAAO,GAAG,WAAW,MAAM;AAC1B,cAAQ,OAAO,EAAE;AAAA,IAClB,CAAC;AACD,WAAO,GAAG,cAAc,MAAM;AAC7B,cAAQ,IAAI;AAAA,IACb,CAAC;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,CAAC;AACpB,SACC,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,OAAO,GACxC,UACF;AAEF;;;AC1BA,SAAS,oBAAoB;AAC7B,YAAYA,UAAS;AACrB,YAAYC,YAAW;AAIhB,SAAS,QACf,OACO;AACP,QAAM,EAAE,OAAO,IAAU,kBAAW,eAAe;AACnD,QAAM,QAAc,kBAAW,YAAY;AAC3C,EAAM,iBAAU,MAAU,eAAU,OAAO,QAAQ,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC;AACvE;;;ACZA,SAAS,gBAAAC,qBAAoB;AAC7B,YAAYF,UAAS;AACrB,YAAYC,YAAW;AAIhB,SAAS,oBACf,OACO;AACP,QAAM,EAAE,OAAO,IAAU,kBAAW,eAAe;AACnD,QAAM,QAAc,kBAAWC,aAAY;AAC3C,EAAM,iBAAU,MAAU,sBAAiB,OAAO,QAAQ,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC;AAC9E;;;ACXA,SAAS,gBAAAA,qBAAoB;AAC7B,YAAYF,UAAS;AACrB,YAAYC,YAAW;AAIhB,SAAS,eAGd,OAA4C;AAC7C,QAAM,EAAE,OAAO,IAAU,kBAAW,eAAe;AACnD,QAAM,QAAc,kBAAWC,aAAY;AAC3C,EAAM,iBAAU,MAAU,sBAAiB,OAAO,QAAQ,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC;AAC9E;;;ACbA,SAAS,gBAAAA,qBAAoB;AAC7B,YAAYF,UAAS;AACrB,YAAYC,YAAW;AAIhB,SAAS,2BAGd,OAA4C;AAC7C,QAAM,EAAE,OAAO,IAAU,kBAAW,eAAe;AACnD,QAAM,QAAc,kBAAWC,aAAY;AAC3C,EAAM;AAAA,IACL,MAAU,6BAAwB,OAAO,QAAQ,KAAK;AAAA,IACtD,CAAC,MAAM,GAAG;AAAA,EACX;AACD;;;ACjBA,SAAS,gBAAAA,qBAAoB;AAC7B,YAAYF,UAAS;AACrB,YAAYC,YAAW;AAIhB,SAAS,QACf,OACO;AACP,QAAM,EAAE,OAAO,IAAU,kBAAW,eAAe;AACnD,QAAM,QAAc,kBAAWC,aAAY;AAC3C,QAAM,KAAW,aAAM;AACvB,EAAM;AAAA,IACL,MAAU,eAAU,OAAO,QAAQ,YAAY,EAAE,IAAI,KAAK;AAAA,IAC1D,CAAC,MAAM,GAAG;AAAA,EACX;AACD;;;AClBA,YAAY,YAAY;AACxB,SAAS,gBAAAA,qBAAoB;AAC7B,YAAYF,UAAS;AACrB,YAAYC,YAAW;AAIhB,SAAS,gBACf,OACkD;AAClD,QAAM,QAAc,kBAAWC,aAAY;AAC3C,QAAM,EAAE,OAAO,IAAU,kBAAW,eAAe;AACnD,EAAM;AAAA,IACL,MAAU,mCAA8B,OAAO,QAAQ,KAAK;AAAA,IAC5D,CAAC,MAAM,GAAG;AAAA,EACX;AACA,SAAc,sBAAe,OAAO,KAAK;AAC1C","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\"\nimport { io } from \"socket.io-client\"\n\nexport const RealtimeContext = React.createContext<{ socket: Socket }>({\n\tsocket: io(),\n})\n\nexport const RealtimeProvider: React.FC<{\n\tchildren: React.ReactNode\n\tsocket: Socket\n}> = ({ children, socket }) => {\n\tconst setMyId = useI(RTC.myIdState__INTERNAL)\n\tReact.useEffect(() => {\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(() => RTC.pullState(token, socket, store), [token.key])\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.AtomToken<J>,\n): void {\n\tconst { socket } = React.useContext(RealtimeContext)\n\tconst store = React.useContext(StoreContext)\n\tReact.useEffect(() => RTC.pullFamilyMember(token, socket, store), [token.key])\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<Json.Serializable>,\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(() => RTC.pullMutableState(token, socket, store), [token.key])\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<Json.Serializable>,\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\t() => RTC.pullMutableFamilyMember(token, socket, store),\n\t\t[token.key],\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 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\t() => RTC.pushState(token, socket, `use-push:${id}`, store),\n\t\t[token.key],\n\t)\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\t() => RTC.synchronizeTransactionResults(token, socket, store),\n\t\t[token.key],\n\t)\n\treturn AtomIO.runTransaction(token, store)\n}\n"]}