atom.io 0.4.1 → 0.6.0

package/realtime-react/dist/index.js

@@ -0,0 +1,213 @@
+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);
+
+// ../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);
+
+// ../src/realtime-react/realtime-context.tsx
+var React = __toESM(require("react"));
+var AR = __toESM(require("atom.io/react"));
+var import_socket = require("socket.io-client");
+
+// ../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)
+});
+
+// ../src/realtime-react/realtime-context.tsx
+var import_jsx_runtime = require("@emotion/react/jsx-runtime");
+var RealtimeContext = React.createContext({
+  socket: (0, import_socket.io)()
+});
+var RealtimeProvider = ({ children, socket }) => {
+  const setMyId = AR.useI(myIdState__INTERNAL);
+  React.useEffect(() => {
+    socket.on(`connect`, () => {
+      setMyId(socket.id);
+    });
+    socket.on(`disconnect`, () => {
+      setMyId(null);
+    });
+  }, [socket, setMyId]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RealtimeContext.Provider, { value: { socket }, children });
+};
+
+// ../src/realtime-react/use-pull.ts
+var React3 = __toESM(require("react"));
+var AtomIO3 = __toESM(require("atom.io"));
+
+// ../src/react/store-context.tsx
+var React2 = __toESM(require("react"));
+var AtomIO2 = __toESM(require("atom.io"));
+var import_jsx_runtime2 = require("@emotion/react/jsx-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]);
+}
+
+// ../src/realtime-react/use-pull-family.ts
+var React4 = __toESM(require("react"));
+var AtomIO4 = __toESM(require("atom.io"));
+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]);
+}
+
+// ../src/realtime-react/use-pull-family-member.ts
+var React5 = __toESM(require("react"));
+var AtomIO5 = __toESM(require("atom.io"));
+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]);
+}
+
+// ../src/realtime-react/use-push.ts
+var React6 = __toESM(require("react"));
+var AtomIO6 = __toESM(require("atom.io"));
+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]);
+}
+
+// ../src/realtime-react/use-server-action.ts
+var React7 = __toESM(require("react"));
+var AtomIO7 = __toESM(require("atom.io"));
+var import_react5 = require("atom.io/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);
+}
+
+// ../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
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 React from \"react\"\n\nimport * as AR from \"atom.io/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  socket: io(),\n})\n\nexport const RealtimeProvider: React.FC<{\n  children: React.ReactNode\n  socket: Socket\n}> = ({ children, socket }) => {\n  const setMyId = AR.useI(myIdState__INTERNAL)\n  React.useEffect(() => {\n    socket.on(`connect`, () => {\n      setMyId(socket.id)\n    })\n    socket.on(`disconnect`, () => {\n      setMyId(null)\n    })\n  }, [socket, setMyId])\n  return (\n    <RealtimeContext.Provider value={{ socket }}>\n      {children}\n    </RealtimeContext.Provider>\n  )\n}\n","import * as AtomIO from \"atom.io\"\n\nexport const myIdState__INTERNAL = AtomIO.atom<string | null>({\n  key: `myId__INTERNAL`,\n  default: null,\n})\nexport const myIdState = AtomIO.selector<string | null>({\n  key: `myId`,\n  get: ({ get }) => get(myIdState__INTERNAL),\n})\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\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>(token: AtomIO.StateToken<J>): void {\n  const { socket } = React.useContext(RealtimeContext)\n  const store = React.useContext(StoreContext)\n  React.useEffect(() => {\n    socket.on(`serve:${token.key}`, (data: J) => {\n      AtomIO.setState(token, data, store)\n    })\n    socket.emit(`sub:${token.key}`)\n    return () => {\n      socket.off(`serve:${token.key}`)\n      socket.emit(`unsub:${token.key}`)\n    }\n  }, [token.key])\n}\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\n\nexport const StoreContext = React.createContext<AtomIO.Store>(\n  AtomIO.__INTERNAL__.IMPLICIT.STORE\n)\n\nexport const StoreProvider: React.FC<{\n  children: React.ReactNode\n  store?: AtomIO.Store\n}> = ({ children, store = AtomIO.__INTERNAL__.IMPLICIT.STORE }) => (\n  <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n)\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\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>(\n  family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>\n): void {\n  const { socket } = React.useContext(RealtimeContext)\n  const store = React.useContext(StoreContext)\n  React.useEffect(() => {\n    socket.on(`serve:${family.key}`, (key: Json, data: J) => {\n      AtomIO.setState(family(key), data, store)\n    })\n    socket?.emit(`sub:${family.key}`)\n    return () => {\n      socket?.off(`serve:${family.key}`)\n      socket?.emit(`unsub:${family.key}`)\n    }\n  }, [family.key])\n}\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\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>(\n  family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>,\n  subKey: AtomIO.Serializable\n): void {\n  const token = family(subKey)\n  const { socket } = React.useContext(RealtimeContext)\n  const store = React.useContext(StoreContext)\n  React.useEffect(() => {\n    socket?.on(`serve:${token.key}`, (data: J) => {\n      AtomIO.setState(family(subKey), data, store)\n    })\n    socket?.emit(`sub:${family.key}`, subKey)\n    return () => {\n      socket?.off(`serve:${token.key}`)\n      socket?.emit(`unsub:${token.key}`)\n    }\n  }, [family.key])\n}\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\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>(token: AtomIO.StateToken<J>): void {\n  const { socket } = React.useContext(RealtimeContext)\n  const store = React.useContext(StoreContext)\n  React.useEffect(() => {\n    socket.emit(`claim:${token.key}`)\n    AtomIO.subscribe(\n      token,\n      ({ newValue }) => {\n        socket.emit(`pub:${token.key}`, newValue)\n      },\n      store\n    )\n    return () => {\n      socket.emit(`unclaim:${token.key}`)\n    }\n  }, [token.key])\n}\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\nimport { StoreContext } from \"atom.io/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  token: AtomIO.TransactionToken<ƒ>\n): (...parameters: Parameters<ƒ>) => ReturnType<ƒ> {\n  const store = React.useContext(StoreContext)\n  const { socket } = React.useContext(RealtimeContext)\n  React.useEffect(() => {\n    const count = TX_SUBS.get(token.key) ?? 0\n    TX_SUBS.set(token.key, count + 1)\n    const unsubscribe =\n      count === 0\n        ? AtomIO.subscribeToTransaction(\n            token,\n            (update) => socket.emit(`tx:${token.key}`, update),\n            store\n          )\n        : () => null\n    return () => {\n      const newCount = TX_SUBS.get(token.key) ?? 0\n      TX_SUBS.set(token.key, newCount - 1)\n      unsubscribe()\n    }\n  }, [token.key])\n  return 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  usePull: <J extends Json>(token: AtomIO.StateToken<J>) => void\n  usePullFamily: <J extends Json>(\n    family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>\n  ) => void\n  usePullFamilyMember: <J extends Json>(\n    family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>,\n    subKey: string\n  ) => void\n  usePush: <J extends Json>(token: AtomIO.StateToken<J>) => void\n  useServerAction: <ƒ extends ƒn>(\n    token: AtomIO.TransactionToken<ƒ>\n  ) => (...parameters: Parameters<ƒ>) => ReturnType<ƒ>\n}\n\nexport const realtimeHooks: RealtimeHooks = {\n  usePull,\n  usePullFamily,\n  usePullFamilyMember,\n  usePush,\n  useServerAction,\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":["React","AtomIO","React","AtomIO","import_jsx_runtime","React","AtomIO","React","AtomIO","React","AtomIO","React","AtomIO","import_react","_a"]}

package/realtime-react/dist/index.mjs

@@ -0,0 +1,168 @@
+// ../src/realtime-react/realtime-context.tsx
+import * as React from "react";
+import * as AR from "atom.io/react";
+import { io } from "socket.io-client";
+
+// ../src/realtime-react/realtime-state.ts
+import * as AtomIO from "atom.io";
+var myIdState__INTERNAL = AtomIO.atom({
+  key: `myId__INTERNAL`,
+  default: null
+});
+var myIdState = AtomIO.selector({
+  key: `myId`,
+  get: ({ get }) => get(myIdState__INTERNAL)
+});
+
+// ../src/realtime-react/realtime-context.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+var RealtimeContext = React.createContext({
+  socket: io()
+});
+var RealtimeProvider = ({ children, socket }) => {
+  const setMyId = AR.useI(myIdState__INTERNAL);
+  React.useEffect(() => {
+    socket.on(`connect`, () => {
+      setMyId(socket.id);
+    });
+    socket.on(`disconnect`, () => {
+      setMyId(null);
+    });
+  }, [socket, setMyId]);
+  return /* @__PURE__ */ jsx(RealtimeContext.Provider, { value: { socket }, children });
+};
+
+// ../src/realtime-react/use-pull.ts
+import * as React3 from "react";
+import * as AtomIO3 from "atom.io";
+
+// ../src/react/store-context.tsx
+import * as React2 from "react";
+import * as AtomIO2 from "atom.io";
+import { jsx as jsx2 } from "@emotion/react/jsx-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]);
+}
+
+// ../src/realtime-react/use-pull-family.ts
+import * as React4 from "react";
+import * as AtomIO4 from "atom.io";
+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]);
+}
+
+// ../src/realtime-react/use-pull-family-member.ts
+import * as React5 from "react";
+import * as AtomIO5 from "atom.io";
+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]);
+}
+
+// ../src/realtime-react/use-push.ts
+import * as React6 from "react";
+import * as AtomIO6 from "atom.io";
+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]);
+}
+
+// ../src/realtime-react/use-server-action.ts
+import * as React7 from "react";
+import * as AtomIO7 from "atom.io";
+import { StoreContext as StoreContext2 } from "atom.io/react";
+var TX_SUBS = /* @__PURE__ */ new Map();
+function useServerAction(token) {
+  const store = React7.useContext(StoreContext2);
+  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);
+}
+
+// ../src/realtime-react/realtime-hooks.ts
+var realtimeHooks = {
+  usePull,
+  usePullFamily,
+  usePullFamilyMember,
+  usePush,
+  useServerAction
+};
+export {
+  RealtimeContext,
+  RealtimeProvider,
+  myIdState,
+  myIdState__INTERNAL,
+  realtimeHooks,
+  usePull,
+  usePullFamily,
+  usePullFamilyMember,
+  usePush,
+  useServerAction
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../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":["import * as React from \"react\"\n\nimport * as AR from \"atom.io/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  socket: io(),\n})\n\nexport const RealtimeProvider: React.FC<{\n  children: React.ReactNode\n  socket: Socket\n}> = ({ children, socket }) => {\n  const setMyId = AR.useI(myIdState__INTERNAL)\n  React.useEffect(() => {\n    socket.on(`connect`, () => {\n      setMyId(socket.id)\n    })\n    socket.on(`disconnect`, () => {\n      setMyId(null)\n    })\n  }, [socket, setMyId])\n  return (\n    <RealtimeContext.Provider value={{ socket }}>\n      {children}\n    </RealtimeContext.Provider>\n  )\n}\n","import * as AtomIO from \"atom.io\"\n\nexport const myIdState__INTERNAL = AtomIO.atom<string | null>({\n  key: `myId__INTERNAL`,\n  default: null,\n})\nexport const myIdState = AtomIO.selector<string | null>({\n  key: `myId`,\n  get: ({ get }) => get(myIdState__INTERNAL),\n})\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\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>(token: AtomIO.StateToken<J>): void {\n  const { socket } = React.useContext(RealtimeContext)\n  const store = React.useContext(StoreContext)\n  React.useEffect(() => {\n    socket.on(`serve:${token.key}`, (data: J) => {\n      AtomIO.setState(token, data, store)\n    })\n    socket.emit(`sub:${token.key}`)\n    return () => {\n      socket.off(`serve:${token.key}`)\n      socket.emit(`unsub:${token.key}`)\n    }\n  }, [token.key])\n}\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\n\nexport const StoreContext = React.createContext<AtomIO.Store>(\n  AtomIO.__INTERNAL__.IMPLICIT.STORE\n)\n\nexport const StoreProvider: React.FC<{\n  children: React.ReactNode\n  store?: AtomIO.Store\n}> = ({ children, store = AtomIO.__INTERNAL__.IMPLICIT.STORE }) => (\n  <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n)\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\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>(\n  family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>\n): void {\n  const { socket } = React.useContext(RealtimeContext)\n  const store = React.useContext(StoreContext)\n  React.useEffect(() => {\n    socket.on(`serve:${family.key}`, (key: Json, data: J) => {\n      AtomIO.setState(family(key), data, store)\n    })\n    socket?.emit(`sub:${family.key}`)\n    return () => {\n      socket?.off(`serve:${family.key}`)\n      socket?.emit(`unsub:${family.key}`)\n    }\n  }, [family.key])\n}\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\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>(\n  family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>,\n  subKey: AtomIO.Serializable\n): void {\n  const token = family(subKey)\n  const { socket } = React.useContext(RealtimeContext)\n  const store = React.useContext(StoreContext)\n  React.useEffect(() => {\n    socket?.on(`serve:${token.key}`, (data: J) => {\n      AtomIO.setState(family(subKey), data, store)\n    })\n    socket?.emit(`sub:${family.key}`, subKey)\n    return () => {\n      socket?.off(`serve:${token.key}`)\n      socket?.emit(`unsub:${token.key}`)\n    }\n  }, [family.key])\n}\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\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>(token: AtomIO.StateToken<J>): void {\n  const { socket } = React.useContext(RealtimeContext)\n  const store = React.useContext(StoreContext)\n  React.useEffect(() => {\n    socket.emit(`claim:${token.key}`)\n    AtomIO.subscribe(\n      token,\n      ({ newValue }) => {\n        socket.emit(`pub:${token.key}`, newValue)\n      },\n      store\n    )\n    return () => {\n      socket.emit(`unclaim:${token.key}`)\n    }\n  }, [token.key])\n}\n","import * as React from \"react\"\n\nimport * as AtomIO from \"atom.io\"\nimport { StoreContext } from \"atom.io/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  token: AtomIO.TransactionToken<ƒ>\n): (...parameters: Parameters<ƒ>) => ReturnType<ƒ> {\n  const store = React.useContext(StoreContext)\n  const { socket } = React.useContext(RealtimeContext)\n  React.useEffect(() => {\n    const count = TX_SUBS.get(token.key) ?? 0\n    TX_SUBS.set(token.key, count + 1)\n    const unsubscribe =\n      count === 0\n        ? AtomIO.subscribeToTransaction(\n            token,\n            (update) => socket.emit(`tx:${token.key}`, update),\n            store\n          )\n        : () => null\n    return () => {\n      const newCount = TX_SUBS.get(token.key) ?? 0\n      TX_SUBS.set(token.key, newCount - 1)\n      unsubscribe()\n    }\n  }, [token.key])\n  return 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  usePull: <J extends Json>(token: AtomIO.StateToken<J>) => void\n  usePullFamily: <J extends Json>(\n    family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>\n  ) => void\n  usePullFamilyMember: <J extends Json>(\n    family: AtomIO.AtomFamily<J> | AtomIO.SelectorFamily<J>,\n    subKey: string\n  ) => void\n  usePush: <J extends Json>(token: AtomIO.StateToken<J>) => void\n  useServerAction: <ƒ extends ƒn>(\n    token: AtomIO.TransactionToken<ƒ>\n  ) => (...parameters: Parameters<ƒ>) => ReturnType<ƒ>\n}\n\nexport const realtimeHooks: RealtimeHooks = {\n  usePull,\n  usePullFamily,\n  usePullFamilyMember,\n  usePush,\n  useServerAction,\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":["React","AtomIO","React","AtomIO","jsx","React","AtomIO","React","AtomIO","React","AtomIO","React","AtomIO","StoreContext","StoreContext","_a"]}

package/realtime-react/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "atom.io-realtime-react",
+  "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/index.ts

@@ -1,3 +1,5 @@
+import { capitalize } from "~/packages/anvl/src/string/capitalize"
+
 import {
   IMPLICIT,
   closeOperation,
@@ -14,21 +16,25 @@ import type { Store } from "./internal/store"
 export * from "./atom"
 export * from "./logger"
 export * from "./selector"
+export * from "./silo"
 export * from "./subscribe"
 export * from "./timeline"
 export * from "./transaction"
 export { __INTERNAL__ }
+export type { Store } from "./internal/store"
 export type { Serializable } from "~/packages/anvl/src/json"
 
 export type AtomToken<_> = {
   key: string
   type: `atom`
   family?: FamilyMetadata
+  __brand?: _
 }
 export type SelectorToken<_> = {
   key: string
   type: `selector`
   family?: FamilyMetadata
+  __brand?: _
 }
 export type StateToken<T> = AtomToken<T> | SelectorToken<T>
 
@@ -36,6 +42,7 @@ export type ReadonlySelectorToken<_> = {
   key: string
   type: `readonly_selector`
   family?: FamilyMetadata
+  __brand?: _
 }
 
 export type FamilyMetadata = {
@@ -43,16 +50,18 @@ export type FamilyMetadata = {
   subKey: string
 }
 
-export type TransactionToken<_> = {
-  key: string
-  type: `transaction`
-}
-
 export const getState = <T>(
   token: ReadonlySelectorToken<T> | StateToken<T>,
   store: Store = IMPLICIT.STORE
 ): T => {
   const state = withdraw<T>(token, store)
+  if (state === null) {
+    throw new Error(
+      `${capitalize(token.type)} "${token.key}" not found in store "${
+        store.config.name
+      }".`
+    )
+  }
   return getState__INTERNAL(state, store)
 }
 
@@ -70,6 +79,13 @@ export const setState = <T, New extends T>(
     return
   }
   const state = withdraw(token, store)
+  if (state === null) {
+    throw new Error(
+      `${capitalize(token.type)} "${token.key}" not found in store "${
+        store.config.name
+      }".`
+    )
+  }
   setState__INTERNAL(state, value, store)
   closeOperation(store)
 }

package/src/internal/atom-internal.ts

@@ -51,5 +51,5 @@ export function atom__INTERNAL<T>(
     })
   )
   store.subject.atomCreation.next(token)
-  return token
+  return token as AtomToken<T>
 }

package/src/internal/families-internal.ts

@@ -36,7 +36,7 @@ export function atomFamily__INTERNAL<T, K extends Serializable>(
       const family: FamilyMetadata = { key: options.key, subKey }
       const fullKey = `${options.key}(${subKey})`
       const existing = withdraw({ key: fullKey, type: `atom` }, store)
-      const token = existing
+      const token: AtomToken<any> = existing
         ? deposit(existing)
         : atom__INTERNAL<T>(
             {
@@ -62,7 +62,7 @@ export function atomFamily__INTERNAL<T, K extends Serializable>(
 }
 
 export function readonlySelectorFamily__INTERNAL<T, K extends Serializable>(
-  options: SelectorFamilyOptions<T, K>,
+  options: ReadonlySelectorFamilyOptions<T, K>,
   store?: Store
 ): ReadonlySelectorFamily<T, K> {
   const core = target(store)
@@ -108,7 +108,7 @@ export function selectorFamily__INTERNAL<T, K extends Serializable>(
   const isReadonly = !(`set` in options)
 
   if (isReadonly) {
-    return readonlySelectorFamily__INTERNAL(options as any, store)
+    return readonlySelectorFamily__INTERNAL(options, store)
   }
   const core = target(store)
   const subject = new Rx.Subject<SelectorToken<T>>()

package/src/internal/get.ts

@@ -1,15 +1,23 @@
 import HAMT from "hamt_plus"
 
-import type { Atom, ReadonlySelector, Selector, Store } from "."
+import type { ƒn } from "~/packages/anvl/src/function"
+
+import type {
+  Atom,
+  ReadonlySelector,
+  Selector,
+  Store,
+  Timeline,
+  Transaction,
+} from "."
 import { target, isValueCached, readCachedValue, IMPLICIT } from "."
 import type {
   AtomToken,
   ReadonlySelectorToken,
   SelectorToken,
   StateToken,
-  Transaction,
+  TimelineToken,
   TransactionToken,
-  ƒn,
 } from ".."
 
 export const computeSelectorState = <T>(
@@ -26,41 +34,53 @@ export function lookup(
     : HAMT.has(key, core.selectors)
     ? `selector`
     : `readonly_selector`
-  return { key, type }
+  return { key, type } as any
 }
 
-export function withdraw<T>(token: AtomToken<T>, store: Store): Atom<T>
-export function withdraw<T>(token: SelectorToken<T>, store: Store): Selector<T>
+export function withdraw<T>(token: AtomToken<T>, store: Store): Atom<T> | null
+export function withdraw<T>(
+  token: SelectorToken<T>,
+  store: Store
+): Selector<T> | null
 export function withdraw<T>(
   token: StateToken<T>,
   store: Store
-): Atom<T> | Selector<T>
+): Atom<T> | Selector<T> | null
 export function withdraw<T>(
   token: ReadonlySelectorToken<T>,
   store: Store
-): ReadonlySelector<T>
+): ReadonlySelector<T> | null
 export function withdraw<T>(
   token: TransactionToken<T>,
   store: Store
-): Transaction<T extends ƒn ? T : never>
+): Transaction<T extends ƒn ? T : never> | null
 export function withdraw<T>(
   token: ReadonlySelectorToken<T> | StateToken<T>,
   store: Store
-): Atom<T> | ReadonlySelector<T> | Selector<T>
+): Atom<T> | ReadonlySelector<T> | Selector<T> | null
+export function withdraw<T>(token: TimelineToken, store: Store): Timeline | null
 export function withdraw<T>(
-  token: ReadonlySelectorToken<T> | StateToken<T> | TransactionToken<T>,
+  token:
+    | ReadonlySelectorToken<T>
+    | StateToken<T>
+    | TimelineToken
+    | TransactionToken<T>,
   store: Store
 ):
   | Atom<T>
   | ReadonlySelector<T>
   | Selector<T>
-  | Transaction<T extends ƒn ? T : never> {
+  | Timeline
+  | Transaction<T extends ƒn ? T : never>
+  | null {
   const core = target(store)
   return (
     HAMT.get(token.key, core.atoms) ??
     HAMT.get(token.key, core.selectors) ??
     HAMT.get(token.key, core.readonlySelectors) ??
-    HAMT.get(token.key, core.transactions)
+    HAMT.get(token.key, core.transactions) ??
+    HAMT.get(token.key, core.timelines) ??
+    null
   )
 }
 
@@ -80,12 +100,16 @@ export function deposit<T>(
     | ReadonlySelector<T>
     | Selector<T>
     | Transaction<T extends ƒn ? T : never>
-): ReadonlySelectorToken<T> | StateToken<T> | TransactionToken<T> {
+):
+  | AtomToken<T>
+  | ReadonlySelectorToken<T>
+  | SelectorToken<T>
+  | TransactionToken<T> {
   return {
     key: state.key,
     type: state.type,
     ...(`family` in state && { family: state.family }),
-  }
+  } as any
 }
 
 export const getState__INTERNAL = <T>(