atom.io 0.4.1 → 0.6.0

package/json/dist/index.d.mts

@@ -0,0 +1,18 @@
+import * as AtomIO from 'atom.io';
+
+type JsonInterface<T, J extends Json = Json> = {
+    toJson: (t: T) => J;
+    fromJson: (json: J) => T;
+};
+
+type Primitive = boolean | number | string | null;
+type Serializable = Primitive | Readonly<{
+    [key: string]: Serializable;
+}> | ReadonlyArray<Serializable>;
+type JsonObj<Key extends string = string, Value extends Serializable = Serializable> = Record<Key, Value>;
+type JsonArr<Element extends Serializable = Serializable> = ReadonlyArray<Element>;
+type Json = JsonArr | JsonObj | Primitive;
+
+declare const selectJson: <T, J extends Json>(atom: AtomIO.AtomToken<T>, transform: JsonInterface<T, J>, store?: AtomIO.Store) => AtomIO.SelectorToken<J>;
+
+export { selectJson };

package/json/dist/index.d.ts

@@ -0,0 +1,18 @@
+import * as AtomIO from 'atom.io';
+
+type JsonInterface<T, J extends Json = Json> = {
+    toJson: (t: T) => J;
+    fromJson: (json: J) => T;
+};
+
+type Primitive = boolean | number | string | null;
+type Serializable = Primitive | Readonly<{
+    [key: string]: Serializable;
+}> | ReadonlyArray<Serializable>;
+type JsonObj<Key extends string = string, Value extends Serializable = Serializable> = Record<Key, Value>;
+type JsonArr<Element extends Serializable = Serializable> = ReadonlyArray<Element>;
+type Json = JsonArr | JsonObj | Primitive;
+
+declare const selectJson: <T, J extends Json>(atom: AtomIO.AtomToken<T>, transform: JsonInterface<T, J>, store?: AtomIO.Store) => AtomIO.SelectorToken<J>;
+
+export { selectJson };

package/json/dist/index.js

@@ -0,0 +1,51 @@
+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/json/index.ts
+var json_exports = {};
+__export(json_exports, {
+  selectJson: () => selectJson
+});
+module.exports = __toCommonJS(json_exports);
+
+// ../src/json/select-json.ts
+var AtomIO = __toESM(require("atom.io"));
+var selectJson = (atom, transform, store = AtomIO.__INTERNAL__.IMPLICIT.STORE) => AtomIO.__INTERNAL__.selector__INTERNAL(
+  {
+    key: `${atom.key}JSON`,
+    get: ({ get }) => transform.toJson(get(atom)),
+    set: ({ set }, newValue) => set(atom, transform.fromJson(newValue))
+  },
+  void 0,
+  store
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  selectJson
+});
+//# sourceMappingURL=index.js.map

package/json/dist/index.js.map

@@ -0,0 +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,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

@@ -0,0 +1,15 @@
+// ../src/json/select-json.ts
+import * as AtomIO from "atom.io";
+var selectJson = (atom, transform, store = AtomIO.__INTERNAL__.IMPLICIT.STORE) => AtomIO.__INTERNAL__.selector__INTERNAL(
+  {
+    key: `${atom.key}JSON`,
+    get: ({ get }) => transform.toJson(get(atom)),
+    set: ({ set }, newValue) => set(atom, transform.fromJson(newValue))
+  },
+  void 0,
+  store
+);
+export {
+  selectJson
+};
+//# sourceMappingURL=index.mjs.map

package/json/dist/index.mjs.map

@@ -0,0 +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,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/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "atom.io-json",
+  "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/package.json

@@ -1,16 +1,22 @@
 {
   "name": "atom.io",
-  "version": "0.4.1",
+  "version": "0.6.0",
   "description": "Reactive state graph for React, Preact, and vanilla",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.mjs",
   "files": [
     "dist",
+    "json/dist",
+    "json/package.json",
     "react/dist",
     "react/package.json",
     "react-devtools/dist",
     "react-devtools/package.json",
+    "realtime/dist",
+    "realtime/package.json",
+    "realtime-react/dist",
+    "realtime-react/package.json",
     "src"
   ],
   "exports": {
@@ -21,6 +27,13 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
+    "./json/package.json": "./json/package.json",
+    "./json": {
+      "types": "./json/dist/index.d.ts",
+      "browser": "./json/dist/index.mjs",
+      "import": "./json/dist/index.mjs",
+      "require": "./json/dist/index.js"
+    },
     "./react/package.json": "./react/package.json",
     "./react": {
       "types": "./react/dist/index.d.ts",
@@ -34,17 +47,33 @@
       "browser": "./react-devtools/dist/index.mjs",
       "import": "./react-devtools/dist/index.mjs",
       "require": "./react-devtools/dist/index.js"
+    },
+    "./realtime/package.json": "./realtime/package.json",
+    "./realtime": {
+      "types": "./realtime/dist/index.d.ts",
+      "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 react && tsup) && (cd react-devtools && tsup)",
-    "lint": "eslint",
+    "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"
   },
   "peerDependencies": {
     "preact": ">=10.0.0",
-    "react": ">=16.8.0"
+    "react": ">=16.8.0",
+    "socket.io": ">=4.0.0",
+    "socket.io-client": ">=4.0.0"
   },
   "peerDependenciesMeta": {
     "preact": {
@@ -52,6 +81,12 @@
     },
     "react": {
       "optional": true
+    },
+    "socket.io": {
+      "optional": true
+    },
+    "socket.io-client": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -60,17 +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.12.0",
-    "tsup": "6.7.0",
+    "react-router-dom": "6.14.1",
+    "tsup": "7.1.0",
     "vite-tsconfig-paths": "4.2.0",
-    "vitest": "0.32.0"
+    "vitest": "0.33.0"
   },
   "repository": {
     "type": "git",

package/react/dist/index.d.mts

@@ -0,0 +1,24 @@
+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: 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 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 { 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("@emotion/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 "@emotion/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

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import * as AtomIO from 'atom.io';
+
+type Modifier<T> = (thing: T) => T;
+
+type StoreHooks = {
+    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;
+declare const AtomIODevtools: FC;
+
+export { AtomIODevtools, composeDevtools };

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

@@ -90,7 +90,7 @@ var recordToEntries = (obj) => Object.entries(obj);
 var entriesToRecord = (entries) => Object.fromEntries(entries);
 
 // ../../anvl/src/object/mapObject.ts
-var import_function = require("fp-ts/lib/function");
+var import_function = require("fp-ts/function");
 
 // ../../anvl/src/array/index.ts
 var isArray = (isType) => (input) => Array.isArray(input) && input.every((item) => isType(item));