atom.io 0.5.0 → 0.6.1

package/json/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/json/index.ts","../../src/json/select-json.ts"],"sourcesContent":["export * from \"./select-json\"\n","import * as AtomIO from \"atom.io\"\n\nimport type { Json, JsonInterface } from \"~/packages/anvl/src/json\"\n\nexport const selectJson = <T, J extends Json>(\n  atom: AtomIO.AtomToken<T>,\n  transform: JsonInterface<T, J>,\n  store: AtomIO.Store = AtomIO.__INTERNAL__.IMPLICIT.STORE\n): AtomIO.SelectorToken<J> =>\n  AtomIO.__INTERNAL__.selector__INTERNAL(\n    {\n      key: `${atom.key}JSON`,\n      get: ({ get }) => transform.toJson(get(atom)),\n      set: ({ set }, newValue) => set(atom, transform.fromJson(newValue)),\n    },\n    undefined,\n    store\n  )\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,aAAwB;AAIjB,IAAM,aAAa,CACxB,MACA,WACA,QAA6B,oBAAa,SAAS,UAE5C,oBAAa;AAAA,EAClB;AAAA,IACE,KAAK,GAAG,KAAK;AAAA,IACb,KAAK,CAAC,EAAE,IAAI,MAAM,UAAU,OAAO,IAAI,IAAI,CAAC;AAAA,IAC5C,KAAK,CAAC,EAAE,IAAI,GAAG,aAAa,IAAI,MAAM,UAAU,SAAS,QAAQ,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AACF;","names":[]}
+{"version":3,"sources":["../../src/json/index.ts","../../src/json/select-json.ts"],"sourcesContent":["export * from \"./select-json\"\n","import * as AtomIO from \"atom.io\"\n\nimport type { Json, JsonInterface } from \"~/packages/anvl/src/json\"\n\nexport const selectJson = <T, J extends Json>(\n  atom: AtomIO.AtomToken<T>,\n  transform: JsonInterface<T, J>,\n  store: AtomIO.Store = AtomIO.__INTERNAL__.IMPLICIT.STORE\n): AtomIO.SelectorToken<J> =>\n  AtomIO.__INTERNAL__.selector__INTERNAL(\n    {\n      key: `${atom.key}JSON`,\n      get: ({ get }) => transform.toJson(get(atom)),\n      set: ({ set }, newValue) => set(atom, transform.fromJson(newValue)),\n    },\n    undefined,\n    store\n  )\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,aAAwB;AAIjB,IAAM,aAAa,CACxB,MACA,WACA,QAA6B,oBAAa,SAAS,UAE5C,oBAAa;AAAA,EAClB;AAAA,IACE,KAAK,GAAG,KAAK,GAAG;AAAA,IAChB,KAAK,CAAC,EAAE,IAAI,MAAM,UAAU,OAAO,IAAI,IAAI,CAAC;AAAA,IAC5C,KAAK,CAAC,EAAE,IAAI,GAAG,aAAa,IAAI,MAAM,UAAU,SAAS,QAAQ,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/json/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/json/select-json.ts"],"sourcesContent":["import * as AtomIO from \"atom.io\"\n\nimport type { Json, JsonInterface } from \"~/packages/anvl/src/json\"\n\nexport const selectJson = <T, J extends Json>(\n  atom: AtomIO.AtomToken<T>,\n  transform: JsonInterface<T, J>,\n  store: AtomIO.Store = AtomIO.__INTERNAL__.IMPLICIT.STORE\n): AtomIO.SelectorToken<J> =>\n  AtomIO.__INTERNAL__.selector__INTERNAL(\n    {\n      key: `${atom.key}JSON`,\n      get: ({ get }) => transform.toJson(get(atom)),\n      set: ({ set }, newValue) => set(atom, transform.fromJson(newValue)),\n    },\n    undefined,\n    store\n  )\n"],"mappings":";AAAA,YAAY,YAAY;AAIjB,IAAM,aAAa,CACxB,MACA,WACA,QAA6B,oBAAa,SAAS,UAE5C,oBAAa;AAAA,EAClB;AAAA,IACE,KAAK,GAAG,KAAK;AAAA,IACb,KAAK,CAAC,EAAE,IAAI,MAAM,UAAU,OAAO,IAAI,IAAI,CAAC;AAAA,IAC5C,KAAK,CAAC,EAAE,IAAI,GAAG,aAAa,IAAI,MAAM,UAAU,SAAS,QAAQ,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AACF;","names":[]}
+{"version":3,"sources":["../../src/json/select-json.ts"],"sourcesContent":["import * as AtomIO from \"atom.io\"\n\nimport type { Json, JsonInterface } from \"~/packages/anvl/src/json\"\n\nexport const selectJson = <T, J extends Json>(\n  atom: AtomIO.AtomToken<T>,\n  transform: JsonInterface<T, J>,\n  store: AtomIO.Store = AtomIO.__INTERNAL__.IMPLICIT.STORE\n): AtomIO.SelectorToken<J> =>\n  AtomIO.__INTERNAL__.selector__INTERNAL(\n    {\n      key: `${atom.key}JSON`,\n      get: ({ get }) => transform.toJson(get(atom)),\n      set: ({ set }, newValue) => set(atom, transform.fromJson(newValue)),\n    },\n    undefined,\n    store\n  )\n"],"mappings":";AAAA,YAAY,YAAY;AAIjB,IAAM,aAAa,CACxB,MACA,WACA,QAA6B,oBAAa,SAAS,UAE5C,oBAAa;AAAA,EAClB;AAAA,IACE,KAAK,GAAG,KAAK,GAAG;AAAA,IAChB,KAAK,CAAC,EAAE,IAAI,MAAM,UAAU,OAAO,IAAI,IAAI,CAAC;AAAA,IAC5C,KAAK,CAAC,EAAE,IAAI,GAAG,aAAa,IAAI,MAAM,UAAU,SAAS,QAAQ,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom.io",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "description": "Reactive state graph for React, Preact, and vanilla",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,6 +15,8 @@
     "react-devtools/package.json",
     "realtime/dist",
     "realtime/package.json",
+    "realtime-react/dist",
+    "realtime-react/package.json",
     "src"
   ],
   "exports": {
@@ -52,10 +54,17 @@
       "browser": "./realtime/dist/index.mjs",
       "import": "./realtime/dist/index.mjs",
       "require": "./realtime/dist/index.js"
+    },
+    "./realtime-react/package.json": "./realtime-react/package.json",
+    "./realtime-react": {
+      "types": "./realtime-react/dist/index.d.ts",
+      "browser": "./realtime-react/dist/index.mjs",
+      "import": "./realtime-react/dist/index.mjs",
+      "require": "./realtime-react/dist/index.js"
     }
   },
   "scripts": {
-    "build": "tsup & (cd json && tsup) & (cd react && tsup) & (cd react-devtools && tsup) & (cd realtime && tsup)",
+    "build": "tsup & (cd json && tsup) & (cd react && tsup) & (cd react-devtools && tsup) & (cd realtime && tsup) & (cd realtime-react && tsup)",
     "lint": "eslint ./**/*.ts{,x}",
     "test": "vitest",
     "test:once": "vitest run"
@@ -86,18 +95,16 @@
     "rxjs": "7.8.1"
   },
   "devDependencies": {
-    "@testing-library/preact": "3.2.3",
     "@testing-library/react": "14.0.0",
     "@types/mock-fs": "4.13.1",
     "eslint": "8.44.0",
     "mock-fs": "5.2.0",
-    "preact": "10.15.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-router-dom": "6.14.1",
     "tsup": "7.1.0",
     "vite-tsconfig-paths": "4.2.0",
-    "vitest": "0.32.4"
+    "vitest": "0.33.0"
   },
   "repository": {
     "type": "git",

package/react/dist/index.d.mts

@@ -1,17 +1,24 @@
-import { StateToken, ReadonlySelectorToken, __INTERNAL__ } from 'atom.io';
+import * as React from 'react';
+import * as AtomIO from 'atom.io';
+
+declare const StoreContext: React.Context<AtomIO.__INTERNAL__.Store>;
+declare const StoreProvider: React.FC<{
+    children: React.ReactNode;
+    store?: AtomIO.Store;
+}>;
 
 type Modifier<T> = (thing: T) => T;
 
 type StoreHooks = {
-    useI: <T>(token: StateToken<T>) => (next: Modifier<T> | T) => void;
-    useO: <T>(token: ReadonlySelectorToken<T> | StateToken<T>) => T;
-    useIO: <T>(token: StateToken<T>) => [T, (next: Modifier<T> | T) => void];
+    useI: <T>(token: AtomIO.StateToken<T>) => (next: Modifier<T> | T) => void;
+    useO: <T>(token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>) => T;
+    useIO: <T>(token: AtomIO.StateToken<T>) => [T, (next: Modifier<T> | T) => void];
 };
-declare const composeStoreHooks: (store?: __INTERNAL__.Store) => StoreHooks;
-declare const useI: <T>(token: StateToken<T>) => (next: T | Modifier<T>) => void;
-declare const useO: <T>(token: ReadonlySelectorToken<T> | StateToken<T>) => T;
-declare const useIO: <T>(token: StateToken<T>) => [T, (next: T | Modifier<T>) => void];
-declare function useStore<T>(token: StateToken<T>): [T, (next: Modifier<T> | T) => void];
-declare function useStore<T>(token: ReadonlySelectorToken<T>): T;
+declare const storeHooks: StoreHooks;
+declare function useI<T>(token: AtomIO.StateToken<T>): (next: Modifier<T> | T) => void;
+declare function useO<T>(token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>): T;
+declare function useIO<T>(token: AtomIO.StateToken<T>): [T, (next: Modifier<T> | T) => void];
+declare function useStore<T>(token: AtomIO.StateToken<T>): [T, (next: Modifier<T> | T) => void];
+declare function useStore<T>(token: AtomIO.ReadonlySelectorToken<T>): T;
 
-export { StoreHooks, composeStoreHooks, useI, useIO, useO, useStore };
+export { StoreContext, StoreHooks, StoreProvider, storeHooks, useI, useIO, useO, useStore };

package/react/dist/index.d.ts

@@ -1,17 +1,24 @@
-import { StateToken, ReadonlySelectorToken, __INTERNAL__ } from 'atom.io';
+import * as React from 'react';
+import * as AtomIO from 'atom.io';
+
+declare const StoreContext: React.Context<AtomIO.__INTERNAL__.Store>;
+declare const StoreProvider: React.FC<{
+    children: React.ReactNode;
+    store?: AtomIO.Store;
+}>;
 
 type Modifier<T> = (thing: T) => T;
 
 type StoreHooks = {
-    useI: <T>(token: StateToken<T>) => (next: Modifier<T> | T) => void;
-    useO: <T>(token: ReadonlySelectorToken<T> | StateToken<T>) => T;
-    useIO: <T>(token: StateToken<T>) => [T, (next: Modifier<T> | T) => void];
+    useI: <T>(token: AtomIO.StateToken<T>) => (next: Modifier<T> | T) => void;
+    useO: <T>(token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>) => T;
+    useIO: <T>(token: AtomIO.StateToken<T>) => [T, (next: Modifier<T> | T) => void];
 };
-declare const composeStoreHooks: (store?: __INTERNAL__.Store) => StoreHooks;
-declare const useI: <T>(token: StateToken<T>) => (next: T | Modifier<T>) => void;
-declare const useO: <T>(token: ReadonlySelectorToken<T> | StateToken<T>) => T;
-declare const useIO: <T>(token: StateToken<T>) => [T, (next: T | Modifier<T>) => void];
-declare function useStore<T>(token: StateToken<T>): [T, (next: Modifier<T> | T) => void];
-declare function useStore<T>(token: ReadonlySelectorToken<T>): T;
+declare const storeHooks: StoreHooks;
+declare function useI<T>(token: AtomIO.StateToken<T>): (next: Modifier<T> | T) => void;
+declare function useO<T>(token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>): T;
+declare function useIO<T>(token: AtomIO.StateToken<T>): [T, (next: Modifier<T> | T) => void];
+declare function useStore<T>(token: AtomIO.StateToken<T>): [T, (next: Modifier<T> | T) => void];
+declare function useStore<T>(token: AtomIO.ReadonlySelectorToken<T>): T;
 
-export { StoreHooks, composeStoreHooks, useI, useIO, useO, useStore };
+export { StoreContext, StoreHooks, StoreProvider, storeHooks, useI, useIO, useO, useStore };

package/react/dist/index.js

@@ -1,6 +1,8 @@
+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)
@@ -14,43 +16,65 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/react/index.ts
 var react_exports = {};
 __export(react_exports, {
-  composeStoreHooks: () => composeStoreHooks,
+  StoreContext: () => StoreContext,
+  StoreProvider: () => StoreProvider,
+  storeHooks: () => storeHooks,
   useI: () => useI,
   useIO: () => useIO,
   useO: () => useO,
   useStore: () => useStore
 });
 module.exports = __toCommonJS(react_exports);
-var import_react = require("react");
-var import_atom = require("atom.io");
-var composeStoreHooks = (store = import_atom.__INTERNAL__.IMPLICIT.STORE) => {
-  function useI2(token) {
-    const updateState = (next) => (0, import_atom.setState)(token, next, store);
-    return updateState;
-  }
-  function useO2(token) {
-    return (0, import_react.useSyncExternalStore)(
-      (observe) => (0, import_atom.subscribe)(token, observe, store),
-      () => (0, import_atom.getState)(token, store)
-    );
-  }
-  function useIO2(token) {
-    return [useO2(token), useI2(token)];
-  }
-  return { useI: useI2, useO: useO2, useIO: useIO2 };
-};
-var { useI, useO, useIO } = composeStoreHooks();
+
+// ../src/react/store-context.tsx
+var React = __toESM(require("react"));
+var AtomIO = __toESM(require("atom.io"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var StoreContext = React.createContext(
+  AtomIO.__INTERNAL__.IMPLICIT.STORE
+);
+var StoreProvider = ({ children, store = AtomIO.__INTERNAL__.IMPLICIT.STORE }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StoreContext.Provider, { value: store, children });
+
+// ../src/react/store-hooks.ts
+var React2 = __toESM(require("react"));
+var AtomIO2 = __toESM(require("atom.io"));
+var storeHooks = { useI, useO, useIO };
+function useI(token) {
+  const store = React2.useContext(StoreContext);
+  const update = (next) => AtomIO2.setState(token, next, store);
+  return update;
+}
+function useO(token) {
+  const store = React2.useContext(StoreContext);
+  return React2.useSyncExternalStore(
+    (observe) => AtomIO2.subscribe(token, observe, store),
+    () => AtomIO2.getState(token, store)
+  );
+}
+function useIO(token) {
+  return [useO(token), useI(token)];
+}
 function useStore(token) {
   return token.type === `readonly_selector` ? useO(token) : useIO(token);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  composeStoreHooks,
+  StoreContext,
+  StoreProvider,
+  storeHooks,
   useI,
   useIO,
   useO,

package/react/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/index.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\"\n\nimport { subscribe, setState, __INTERNAL__, getState } from \"atom.io\"\nimport type { ReadonlySelectorToken, StateToken } from \"atom.io\"\n\nimport type { Modifier } from \"~/packages/anvl/src/function\"\n\nexport type StoreHooks = {\n  useI: <T>(token: StateToken<T>) => (next: Modifier<T> | T) => void\n  useO: <T>(token: ReadonlySelectorToken<T> | StateToken<T>) => T\n  useIO: <T>(token: StateToken<T>) => [T, (next: Modifier<T> | T) => void]\n}\n\nexport const composeStoreHooks = (\n  store: __INTERNAL__.Store = __INTERNAL__.IMPLICIT.STORE\n): StoreHooks => {\n  function useI<T>(token: StateToken<T>): (next: Modifier<T> | T) => void {\n    const updateState = (next: Modifier<T> | T) => setState(token, next, store)\n    return updateState\n  }\n\n  function useO<T>(token: ReadonlySelectorToken<T> | StateToken<T>): T {\n    return useSyncExternalStore<T>(\n      (observe) => subscribe(token, observe, store),\n      () => getState(token, store)\n    )\n  }\n\n  function useIO<T>(token: StateToken<T>): [T, (next: Modifier<T> | T) => void] {\n    return [useO(token), useI(token)]\n  }\n\n  return { useI, useO, useIO }\n}\n\nexport const { useI, useO, useIO } = composeStoreHooks()\n\nexport function useStore<T>(\n  token: StateToken<T>\n): [T, (next: Modifier<T> | T) => void]\nexport function useStore<T>(token: ReadonlySelectorToken<T>): T\nexport function useStore<T>(\n  token: ReadonlySelectorToken<T> | StateToken<T>\n): T | [T, (next: Modifier<T> | T) => void] {\n  return token.type === `readonly_selector` ? useO(token) : useIO(token)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AAErC,kBAA4D;AAWrD,IAAM,oBAAoB,CAC/B,QAA4B,yBAAa,SAAS,UACnC;AACf,WAASA,MAAQ,OAAuD;AACtE,UAAM,cAAc,CAAC,aAA0B,sBAAS,OAAO,MAAM,KAAK;AAC1E,WAAO;AAAA,EACT;AAEA,WAASC,MAAQ,OAAoD;AACnE,eAAO;AAAA,MACL,CAAC,gBAAY,uBAAU,OAAO,SAAS,KAAK;AAAA,MAC5C,UAAM,sBAAS,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAEA,WAASC,OAAS,OAA4D;AAC5E,WAAO,CAACD,MAAK,KAAK,GAAGD,MAAK,KAAK,CAAC;AAAA,EAClC;AAEA,SAAO,EAAE,MAAAA,OAAM,MAAAC,OAAM,OAAAC,OAAM;AAC7B;AAEO,IAAM,EAAE,MAAM,MAAM,MAAM,IAAI,kBAAkB;AAMhD,SAAS,SACd,OAC0C;AAC1C,SAAO,MAAM,SAAS,sBAAsB,KAAK,KAAK,IAAI,MAAM,KAAK;AACvE;","names":["useI","useO","useIO"]}
+{"version":3,"sources":["../../src/react/index.ts","../../src/react/store-context.tsx","../../src/react/store-hooks.ts"],"sourcesContent":["export * from \"./store-context\"\nexport * from \"./store-hooks\"\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 { Modifier } from \"~/packages/anvl/src/function\"\n\nimport { StoreContext } from \"./store-context\"\n\nexport type StoreHooks = {\n  useI: <T>(token: AtomIO.StateToken<T>) => (next: Modifier<T> | T) => void\n  useO: <T>(token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>) => T\n  useIO: <T>(token: AtomIO.StateToken<T>) => [T, (next: Modifier<T> | T) => void]\n}\nexport const storeHooks: StoreHooks = { useI, useO, useIO }\n\nexport function useI<T>(\n  token: AtomIO.StateToken<T>\n): (next: Modifier<T> | T) => void {\n  const store = React.useContext(StoreContext)\n  const update = (next: Modifier<T> | T) => AtomIO.setState(token, next, store)\n  return update\n}\n\nexport function useO<T>(\n  token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>\n): T {\n  const store = React.useContext(StoreContext)\n  return React.useSyncExternalStore<T>(\n    (observe) => AtomIO.subscribe(token, observe, store),\n    () => AtomIO.getState(token, store)\n  )\n}\n\nexport function useIO<T>(\n  token: AtomIO.StateToken<T>\n): [T, (next: Modifier<T> | T) => void] {\n  return [useO(token), useI(token)]\n}\n\nexport function useStore<T>(\n  token: AtomIO.StateToken<T>\n): [T, (next: Modifier<T> | T) => void]\nexport function useStore<T>(token: AtomIO.ReadonlySelectorToken<T>): T\nexport function useStore<T>(\n  token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>\n): T | [T, (next: Modifier<T> | T) => void] {\n  return token.type === `readonly_selector` ? useO(token) : useIO(token)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AAEvB,aAAwB;AAUtB;AARK,IAAM,eAAqB;AAAA,EACzB,oBAAa,SAAS;AAC/B;AAEO,IAAM,gBAGR,CAAC,EAAE,UAAU,QAAe,oBAAa,SAAS,MAAM,MAC3D,4CAAC,aAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;;;ACZjD,IAAAA,SAAuB;AAEvB,IAAAC,UAAwB;AAWjB,IAAM,aAAyB,EAAE,MAAM,MAAM,MAAM;AAEnD,SAAS,KACd,OACiC;AACjC,QAAM,QAAc,kBAAW,YAAY;AAC3C,QAAM,SAAS,CAAC,SAAiC,iBAAS,OAAO,MAAM,KAAK;AAC5E,SAAO;AACT;AAEO,SAAS,KACd,OACG;AACH,QAAM,QAAc,kBAAW,YAAY;AAC3C,SAAa;AAAA,IACX,CAAC,YAAmB,kBAAU,OAAO,SAAS,KAAK;AAAA,IACnD,MAAa,iBAAS,OAAO,KAAK;AAAA,EACpC;AACF;AAEO,SAAS,MACd,OACsC;AACtC,SAAO,CAAC,KAAK,KAAK,GAAG,KAAK,KAAK,CAAC;AAClC;AAMO,SAAS,SACd,OAC0C;AAC1C,SAAO,MAAM,SAAS,sBAAsB,KAAK,KAAK,IAAI,MAAM,KAAK;AACvE;","names":["React","AtomIO"]}

package/react/dist/index.mjs

@@ -1,28 +1,38 @@
-// ../src/react/index.ts
-import { useSyncExternalStore } from "react";
-import { subscribe, setState, __INTERNAL__, getState } from "atom.io";
-var composeStoreHooks = (store = __INTERNAL__.IMPLICIT.STORE) => {
-  function useI2(token) {
-    const updateState = (next) => setState(token, next, store);
-    return updateState;
-  }
-  function useO2(token) {
-    return useSyncExternalStore(
-      (observe) => subscribe(token, observe, store),
-      () => getState(token, store)
-    );
-  }
-  function useIO2(token) {
-    return [useO2(token), useI2(token)];
-  }
-  return { useI: useI2, useO: useO2, useIO: useIO2 };
-};
-var { useI, useO, useIO } = composeStoreHooks();
+// ../src/react/store-context.tsx
+import * as React from "react";
+import * as AtomIO from "atom.io";
+import { jsx } from "react/jsx-runtime";
+var StoreContext = React.createContext(
+  AtomIO.__INTERNAL__.IMPLICIT.STORE
+);
+var StoreProvider = ({ children, store = AtomIO.__INTERNAL__.IMPLICIT.STORE }) => /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children });
+
+// ../src/react/store-hooks.ts
+import * as React2 from "react";
+import * as AtomIO2 from "atom.io";
+var storeHooks = { useI, useO, useIO };
+function useI(token) {
+  const store = React2.useContext(StoreContext);
+  const update = (next) => AtomIO2.setState(token, next, store);
+  return update;
+}
+function useO(token) {
+  const store = React2.useContext(StoreContext);
+  return React2.useSyncExternalStore(
+    (observe) => AtomIO2.subscribe(token, observe, store),
+    () => AtomIO2.getState(token, store)
+  );
+}
+function useIO(token) {
+  return [useO(token), useI(token)];
+}
 function useStore(token) {
   return token.type === `readonly_selector` ? useO(token) : useIO(token);
 }
 export {
-  composeStoreHooks,
+  StoreContext,
+  StoreProvider,
+  storeHooks,
   useI,
   useIO,
   useO,

package/react/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/index.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\"\n\nimport { subscribe, setState, __INTERNAL__, getState } from \"atom.io\"\nimport type { ReadonlySelectorToken, StateToken } from \"atom.io\"\n\nimport type { Modifier } from \"~/packages/anvl/src/function\"\n\nexport type StoreHooks = {\n  useI: <T>(token: StateToken<T>) => (next: Modifier<T> | T) => void\n  useO: <T>(token: ReadonlySelectorToken<T> | StateToken<T>) => T\n  useIO: <T>(token: StateToken<T>) => [T, (next: Modifier<T> | T) => void]\n}\n\nexport const composeStoreHooks = (\n  store: __INTERNAL__.Store = __INTERNAL__.IMPLICIT.STORE\n): StoreHooks => {\n  function useI<T>(token: StateToken<T>): (next: Modifier<T> | T) => void {\n    const updateState = (next: Modifier<T> | T) => setState(token, next, store)\n    return updateState\n  }\n\n  function useO<T>(token: ReadonlySelectorToken<T> | StateToken<T>): T {\n    return useSyncExternalStore<T>(\n      (observe) => subscribe(token, observe, store),\n      () => getState(token, store)\n    )\n  }\n\n  function useIO<T>(token: StateToken<T>): [T, (next: Modifier<T> | T) => void] {\n    return [useO(token), useI(token)]\n  }\n\n  return { useI, useO, useIO }\n}\n\nexport const { useI, useO, useIO } = composeStoreHooks()\n\nexport function useStore<T>(\n  token: StateToken<T>\n): [T, (next: Modifier<T> | T) => void]\nexport function useStore<T>(token: ReadonlySelectorToken<T>): T\nexport function useStore<T>(\n  token: ReadonlySelectorToken<T> | StateToken<T>\n): T | [T, (next: Modifier<T> | T) => void] {\n  return token.type === `readonly_selector` ? useO(token) : useIO(token)\n}\n"],"mappings":";AAAA,SAAS,4BAA4B;AAErC,SAAS,WAAW,UAAU,cAAc,gBAAgB;AAWrD,IAAM,oBAAoB,CAC/B,QAA4B,aAAa,SAAS,UACnC;AACf,WAASA,MAAQ,OAAuD;AACtE,UAAM,cAAc,CAAC,SAA0B,SAAS,OAAO,MAAM,KAAK;AAC1E,WAAO;AAAA,EACT;AAEA,WAASC,MAAQ,OAAoD;AACnE,WAAO;AAAA,MACL,CAAC,YAAY,UAAU,OAAO,SAAS,KAAK;AAAA,MAC5C,MAAM,SAAS,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAEA,WAASC,OAAS,OAA4D;AAC5E,WAAO,CAACD,MAAK,KAAK,GAAGD,MAAK,KAAK,CAAC;AAAA,EAClC;AAEA,SAAO,EAAE,MAAAA,OAAM,MAAAC,OAAM,OAAAC,OAAM;AAC7B;AAEO,IAAM,EAAE,MAAM,MAAM,MAAM,IAAI,kBAAkB;AAMhD,SAAS,SACd,OAC0C;AAC1C,SAAO,MAAM,SAAS,sBAAsB,KAAK,KAAK,IAAI,MAAM,KAAK;AACvE;","names":["useI","useO","useIO"]}
+{"version":3,"sources":["../../src/react/store-context.tsx","../../src/react/store-hooks.ts"],"sourcesContent":["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 { Modifier } from \"~/packages/anvl/src/function\"\n\nimport { StoreContext } from \"./store-context\"\n\nexport type StoreHooks = {\n  useI: <T>(token: AtomIO.StateToken<T>) => (next: Modifier<T> | T) => void\n  useO: <T>(token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>) => T\n  useIO: <T>(token: AtomIO.StateToken<T>) => [T, (next: Modifier<T> | T) => void]\n}\nexport const storeHooks: StoreHooks = { useI, useO, useIO }\n\nexport function useI<T>(\n  token: AtomIO.StateToken<T>\n): (next: Modifier<T> | T) => void {\n  const store = React.useContext(StoreContext)\n  const update = (next: Modifier<T> | T) => AtomIO.setState(token, next, store)\n  return update\n}\n\nexport function useO<T>(\n  token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>\n): T {\n  const store = React.useContext(StoreContext)\n  return React.useSyncExternalStore<T>(\n    (observe) => AtomIO.subscribe(token, observe, store),\n    () => AtomIO.getState(token, store)\n  )\n}\n\nexport function useIO<T>(\n  token: AtomIO.StateToken<T>\n): [T, (next: Modifier<T> | T) => void] {\n  return [useO(token), useI(token)]\n}\n\nexport function useStore<T>(\n  token: AtomIO.StateToken<T>\n): [T, (next: Modifier<T> | T) => void]\nexport function useStore<T>(token: AtomIO.ReadonlySelectorToken<T>): T\nexport function useStore<T>(\n  token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>\n): T | [T, (next: Modifier<T> | T) => void] {\n  return token.type === `readonly_selector` ? useO(token) : useIO(token)\n}\n"],"mappings":";AAAA,YAAY,WAAW;AAEvB,YAAY,YAAY;AAUtB;AARK,IAAM,eAAqB;AAAA,EACzB,oBAAa,SAAS;AAC/B;AAEO,IAAM,gBAGR,CAAC,EAAE,UAAU,QAAe,oBAAa,SAAS,MAAM,MAC3D,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;;;ACZjD,YAAYA,YAAW;AAEvB,YAAYC,aAAY;AAWjB,IAAM,aAAyB,EAAE,MAAM,MAAM,MAAM;AAEnD,SAAS,KACd,OACiC;AACjC,QAAM,QAAc,kBAAW,YAAY;AAC3C,QAAM,SAAS,CAAC,SAAiC,iBAAS,OAAO,MAAM,KAAK;AAC5E,SAAO;AACT;AAEO,SAAS,KACd,OACG;AACH,QAAM,QAAc,kBAAW,YAAY;AAC3C,SAAa;AAAA,IACX,CAAC,YAAmB,kBAAU,OAAO,SAAS,KAAK;AAAA,IACnD,MAAa,iBAAS,OAAO,KAAK;AAAA,EACpC;AACF;AAEO,SAAS,MACd,OACsC;AACtC,SAAO,CAAC,KAAK,KAAK,GAAG,KAAK,KAAK,CAAC;AAClC;AAMO,SAAS,SACd,OAC0C;AAC1C,SAAO,MAAM,SAAS,sBAAsB,KAAK,KAAK,IAAI,MAAM,KAAK;AACvE;","names":["React","AtomIO"]}

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

@@ -1,12 +1,12 @@
 import { FC } from 'react';
-import { StateToken, ReadonlySelectorToken } from 'atom.io';
+import * as AtomIO from 'atom.io';
 
 type Modifier<T> = (thing: T) => T;
 
 type StoreHooks = {
-    useI: <T>(token: StateToken<T>) => (next: Modifier<T> | T) => void;
-    useO: <T>(token: ReadonlySelectorToken<T> | StateToken<T>) => T;
-    useIO: <T>(token: StateToken<T>) => [T, (next: Modifier<T> | T) => void];
+    useI: <T>(token: AtomIO.StateToken<T>) => (next: Modifier<T> | T) => void;
+    useO: <T>(token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>) => T;
+    useIO: <T>(token: AtomIO.StateToken<T>) => [T, (next: Modifier<T> | T) => void];
 };
 
 declare const composeDevtools: (storeHooks: StoreHooks) => FC;

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

@@ -1,12 +1,12 @@
 import { FC } from 'react';
-import { StateToken, ReadonlySelectorToken } from 'atom.io';
+import * as AtomIO from 'atom.io';
 
 type Modifier<T> = (thing: T) => T;
 
 type StoreHooks = {
-    useI: <T>(token: StateToken<T>) => (next: Modifier<T> | T) => void;
-    useO: <T>(token: ReadonlySelectorToken<T> | StateToken<T>) => T;
-    useIO: <T>(token: StateToken<T>) => [T, (next: Modifier<T> | T) => void];
+    useI: <T>(token: AtomIO.StateToken<T>) => (next: Modifier<T> | T) => void;
+    useO: <T>(token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>) => T;
+    useIO: <T>(token: AtomIO.StateToken<T>) => [T, (next: Modifier<T> | T) => void];
 };
 
 declare const composeDevtools: (storeHooks: StoreHooks) => FC;

package/react-devtools/dist/index.js

@@ -211,7 +211,7 @@ var JSON_DEFAULTS = {
 
 // ../../hamr/src/react-elastic-input/ElasticInput.tsx
 var import_react = require("react");
-var import_jsx_runtime = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 var ElasticInput = (0, import_react.forwardRef)(function ElasticInputFC(props, ref) {
   var _a2, _b, _c, _d;
   const inputRef = (0, import_react.useRef)(null);
@@ -277,7 +277,7 @@ var import_function7 = require("fp-ts/function");
 var clampInto = ([min, max]) => (value) => value < min ? min : value > max ? max : value;
 
 // ../../hamr/src/react-elastic-input/NumberInput.tsx
-var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function round(value, decimalPlaces) {
   if (decimalPlaces === void 0)
     return value;
@@ -408,7 +408,7 @@ var NumberInput = ({
 };
 
 // ../../hamr/src/react-elastic-input/TextInput.tsx
-var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var TextInput = ({
   value,
   set,
@@ -451,7 +451,7 @@ var makeElementSetters = (data, set) => data.map(
 );
 
 // ../../hamr/src/react-json-editor/json-editor-internal.tsx
-var import_jsx_runtime4 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var JsonEditor_INTERNAL = ({
   data,
   set,
@@ -516,7 +516,7 @@ var JsonEditor_INTERNAL = ({
 };
 
 // ../../hamr/src/react-json-editor/editors-by-type/array-editor.tsx
-var import_jsx_runtime5 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var ArrayEditor = ({
   path = [],
   isReadonly = () => false,
@@ -1106,7 +1106,7 @@ var makePropertySorter = (data, set, sortFn) => () => {
 };
 
 // ../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx
-var import_jsx_runtime6 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var PropertyAdder = ({
   addProperty,
   disabled,
@@ -1201,7 +1201,7 @@ var ObjectEditor = ({
 };
 
 // ../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx
-var import_jsx_runtime7 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var BooleanEditor = ({
   data,
   set
@@ -1249,7 +1249,7 @@ var import_react4 = require("react");
 var import_recoil = require("recoil");
 
 // ../../hamr/src/react-error-boundary/DefaultFallback.tsx
-var import_jsx_runtime8 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var DefaultFallback = ({ error, errorInfo }) => {
   var _a2, _b;
   const component = errorInfo == null ? void 0 : errorInfo.componentStack.split(` `).filter(Boolean)[2];
@@ -1299,7 +1299,7 @@ var DefaultFallback = ({ error, errorInfo }) => {
 };
 
 // ../../hamr/src/react-error-boundary/ErrorBoundary.tsx
-var import_jsx_runtime9 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var ErrorBoundary = class extends import_react4.Component {
   constructor(props) {
     super(props);
@@ -1325,7 +1325,7 @@ var findErrorBoundaryState = (0, import_recoil.atomFamily)({
 });
 
 // ../../hamr/src/react-json-editor/default-components.tsx
-var import_jsx_runtime10 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var DEFAULT_JSON_EDITOR_COMPONENTS = {
   ErrorBoundary: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ErrorBoundary, { children }),
   Button: ({ onClick, children, disabled }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { className: "json_editor_button", onClick, disabled, children }),
@@ -1364,7 +1364,7 @@ var DEFAULT_JSON_EDITOR_COMPONENTS = {
 // ../../hamr/src/react-json-editor/developer-interface.tsx
 var import_react5 = require("react");
 var import_ajv = __toESM(require("ajv"));
-var import_jsx_runtime11 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var JsonEditor = ({
   data,
   set,
@@ -1417,7 +1417,7 @@ var SubEditors = {
 };
 
 // ../src/react-devtools/StateEditor.tsx
-var import_jsx_runtime12 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var StateEditor = ({ storeHooks, token }) => {
   const [data, set] = storeHooks.useIO(token);
   return isPlainJson(data) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(JsonEditor, { data, set, schema: true }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "json_editor", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -1454,7 +1454,7 @@ var StoreEditor = ({ storeHooks, token }) => {
 };
 
 // ../src/react-devtools/TokenList.tsx
-var import_jsx_runtime13 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var TokenList = ({ storeHooks, tokenIndex }) => {
   const tokenIds = storeHooks.useO(tokenIndex);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: Object.entries(tokenIds).map(([key, token]) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react6.Fragment, { children: key.startsWith(`\u{1F441}\u200D\u{1F5E8}_`) ? null : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "node", children: `type` in token ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
@@ -1486,7 +1486,7 @@ var persistAtom = (storage) => ({ stringify, parse }) => (key) => ({ setSelf, on
 var lazyLocalStorageEffect = persistAtom(localStorage)(JSON);
 
 // ../src/react-devtools/AtomIODevtools.tsx
-var import_jsx_runtime14 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var { atomTokenIndexState, selectorTokenIndexState } = import_atom2.__INTERNAL__.META.attachMetaState();
 var devtoolsAreOpenState = (0, import_atom2.atom)({
   key: `\u{1F441}\u200D\u{1F5E8}_devtools_are_open`,