atom.io 0.6.2 → 0.6.4

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\tatom: AtomIO.AtomToken<T>,\n\ttransform: JsonInterface<T, J>,\n\tstore: AtomIO.Store = AtomIO.__INTERNAL__.IMPLICIT.STORE,\n): AtomIO.SelectorToken<J> =>\n\tAtomIO.__INTERNAL__.selector__INTERNAL(\n\t\t{\n\t\t\tkey: `${atom.key}JSON`,\n\t\t\tget: ({ get }) => transform.toJson(get(atom)),\n\t\t\tset: ({ set }, newValue) => set(atom, transform.fromJson(newValue)),\n\t\t},\n\t\tundefined,\n\t\tstore,\n\t)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,aAAwB;AAIjB,IAAM,aAAa,CACzB,MACA,WACA,QAA6B,oBAAa,SAAS,UAE5C,oBAAa;AAAA,EACnB;AAAA,IACC,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,EACnE;AAAA,EACA;AAAA,EACA;AACD;","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\tatom: AtomIO.AtomToken<T>,\n\ttransform: JsonInterface<T, J>,\n\tstore: AtomIO.Store = AtomIO.__INTERNAL__.IMPLICIT.STORE,\n): AtomIO.SelectorToken<J> =>\n\tAtomIO.__INTERNAL__.selector__INTERNAL(\n\t\t{\n\t\t\tkey: `${atom.key}JSON`,\n\t\t\tget: ({ get }) => transform.toJson(get(atom)),\n\t\t\tset: ({ set }, newValue) => set(atom, transform.fromJson(newValue)),\n\t\t},\n\t\tundefined,\n\t\tstore,\n\t)\n"],"mappings":";AAAA,YAAY,YAAY;AAIjB,IAAM,aAAa,CACzB,MACA,WACA,QAA6B,oBAAa,SAAS,UAE5C,oBAAa;AAAA,EACnB;AAAA,IACC,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,EACnE;AAAA,EACA;AAAA,EACA;AACD;","names":[]}

package/json/package.json

@@ -1,15 +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"
-    }
-  }
+	"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,6 +1,6 @@
 {
   "name": "atom.io",
-  "version": "0.6.2",
+  "version": "0.6.4",
   "description": "Reactive state graph for React, Preact, and vanilla",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,6 +17,8 @@
     "realtime/package.json",
     "realtime-react/dist",
     "realtime-react/package.json",
+    "realtime-testing/dist",
+    "realtime-testing/package.json",
     "src"
   ],
   "exports": {
@@ -61,14 +63,15 @@
       "browser": "./realtime-react/dist/index.mjs",
       "import": "./realtime-react/dist/index.mjs",
       "require": "./realtime-react/dist/index.js"
+    },
+    "./realtime-testing/package.json": "./realtime-testing/package.json",
+    "./realtime-testing": {
+      "types": "./realtime-testing/dist/index.d.ts",
+      "browser": "./realtime-testing/dist/index.mjs",
+      "import": "./realtime-testing/dist/index.mjs",
+      "require": "./realtime-testing/dist/index.js"
     }
   },
-  "scripts": {
-    "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",
@@ -91,18 +94,26 @@
   },
   "dependencies": {
     "fp-ts": "2.16.0",
-    "hamt_plus": "1.0.2",
-    "rxjs": "7.8.1"
+    "hamt_plus": "1.0.2"
   },
   "devDependencies": {
+    "@emotion/react": "11.11.1",
     "@testing-library/react": "14.0.0",
     "@types/mock-fs": "4.13.1",
-    "eslint": "8.44.0",
-    "mock-fs": "5.2.0",
+    "@types/react": "18.2.15",
+    "@types/tmp": "0.2.3",
+    "eslint": "8.45.0",
+    "framer-motion": "10.12.22",
+    "happy-dom": "10.5.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-router-dom": "6.14.1",
+    "socket.io": "4.7.1",
+    "socket.io-client": "4.7.1",
+    "tmp": "0.2.1",
     "tsup": "7.1.0",
+    "typescript": "5.1.6",
+    "vite": "4.4.4",
     "vite-tsconfig-paths": "4.2.0",
     "vitest": "0.33.0"
   },
@@ -115,5 +126,13 @@
   "author": "Jeremy Banka",
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "tsup & (cd json && tsup) & (cd react && tsup) & (cd react-devtools && tsup) & (cd realtime && tsup) & (cd realtime-react && tsup) & (cd realtime-testing && tsup)",
+    "lint:rome": "rome check .",
+    "lint:eslint": "eslint .",
+    "lint": "npm run lint:rome && npm run lint:eslint",
+    "test": "vitest",
+    "test:once": "vitest run"
   }
-}
+}

package/react/dist/index.d.mts

@@ -0,0 +1,24 @@
+import * as AtomIO from 'atom.io';
+import * as React from 'react';
+
+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

@@ -0,0 +1,24 @@
+import * as AtomIO from 'atom.io';
+import * as React from 'react';
+
+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.js

@@ -0,0 +1,87 @@
+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/react/index.ts
+var react_exports = {};
+__export(react_exports, {
+  StoreContext: () => StoreContext,
+  StoreProvider: () => StoreProvider,
+  storeHooks: () => storeHooks,
+  useI: () => useI,
+  useIO: () => useIO,
+  useO: () => useO,
+  useStore: () => useStore
+});
+module.exports = __toCommonJS(react_exports);
+
+// ../src/react/store-context.tsx
+var AtomIO = __toESM(require("atom.io"));
+var React = __toESM(require("react"));
+var import_jsx_dev_runtime = require("react/jsx-dev-runtime");
+var StoreContext = React.createContext(
+  AtomIO.__INTERNAL__.IMPLICIT.STORE
+);
+var StoreProvider = ({ children, store = AtomIO.__INTERNAL__.IMPLICIT.STORE }) => /* @__PURE__ */ (0, import_jsx_dev_runtime.jsxDEV)(StoreContext.Provider, { value: store, children }, void 0, false, {
+  fileName: "../src/react/store-context.tsx",
+  lineNumber: 12,
+  columnNumber: 2
+}, this);
+
+// ../src/react/store-hooks.ts
+var AtomIO2 = __toESM(require("atom.io"));
+var React2 = __toESM(require("react"));
+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 = {
+  StoreContext,
+  StoreProvider,
+  storeHooks,
+  useI,
+  useIO,
+  useO,
+  useStore
+});
+//# sourceMappingURL=index.js.map

package/react/dist/index.js.map

@@ -0,0 +1 @@
+{"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 AtomIO from \"atom.io\"\nimport * as React from \"react\"\n\nexport const StoreContext = React.createContext<AtomIO.Store>(\n\tAtomIO.__INTERNAL__.IMPLICIT.STORE,\n)\n\nexport const StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: AtomIO.Store\n}> = ({ children, store = AtomIO.__INTERNAL__.IMPLICIT.STORE }) => (\n\t<StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n)\n","import * as AtomIO from \"atom.io\"\nimport * as React from \"react\"\n\nimport type { Modifier } from \"~/packages/anvl/src/function\"\n\nimport { StoreContext } from \"./store-context\"\n\nexport type StoreHooks = {\n\tuseI: <T>(token: AtomIO.StateToken<T>) => (next: Modifier<T> | T) => void\n\tuseO: <T>(token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>) => T\n\tuseIO: <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\ttoken: AtomIO.StateToken<T>,\n): (next: Modifier<T> | T) => void {\n\tconst store = React.useContext(StoreContext)\n\tconst update = (next: Modifier<T> | T) => AtomIO.setState(token, next, store)\n\treturn update\n}\n\nexport function useO<T>(\n\ttoken: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>,\n): T {\n\tconst store = React.useContext(StoreContext)\n\treturn React.useSyncExternalStore<T>(\n\t\t(observe) => AtomIO.subscribe(token, observe, store),\n\t\t() => AtomIO.getState(token, store),\n\t)\n}\n\nexport function useIO<T>(\n\ttoken: AtomIO.StateToken<T>,\n): [T, (next: Modifier<T> | T) => void] {\n\treturn [useO(token), useI(token)]\n}\n\nexport function useStore<T>(\n\ttoken: AtomIO.StateToken<T>,\n): [T, (next: Modifier<T> | T) => void]\nexport function useStore<T>(token: AtomIO.ReadonlySelectorToken<T>): T\nexport function useStore<T>(\n\ttoken: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>,\n): T | [T, (next: Modifier<T> | T) => void] {\n\treturn token.type === `readonly_selector` ? useO(token) : useIO(token)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,aAAwB;AACxB,YAAuB;AAUtB;AARM,IAAM,eAAqB;AAAA,EAC1B,oBAAa,SAAS;AAC9B;AAEO,IAAM,gBAGR,CAAC,EAAE,UAAU,QAAe,oBAAa,SAAS,MAAM,MAC5D,mDAAC,aAAa,UAAb,EAAsB,OAAO,OAAQ,YAAtC;AAAA;AAAA;AAAA;AAAA,OAA+C;;;ACXhD,IAAAA,UAAwB;AACxB,IAAAC,SAAuB;AAWhB,IAAM,aAAyB,EAAE,MAAM,MAAM,MAAM;AAEnD,SAAS,KACf,OACkC;AAClC,QAAM,QAAc,kBAAW,YAAY;AAC3C,QAAM,SAAS,CAAC,SAAiC,iBAAS,OAAO,MAAM,KAAK;AAC5E,SAAO;AACR;AAEO,SAAS,KACf,OACI;AACJ,QAAM,QAAc,kBAAW,YAAY;AAC3C,SAAa;AAAA,IACZ,CAAC,YAAmB,kBAAU,OAAO,SAAS,KAAK;AAAA,IACnD,MAAa,iBAAS,OAAO,KAAK;AAAA,EACnC;AACD;AAEO,SAAS,MACf,OACuC;AACvC,SAAO,CAAC,KAAK,KAAK,GAAG,KAAK,KAAK,CAAC;AACjC;AAMO,SAAS,SACf,OAC2C;AAC3C,SAAO,MAAM,SAAS,sBAAsB,KAAK,KAAK,IAAI,MAAM,KAAK;AACtE;","names":["AtomIO","React"]}

package/react/dist/index.mjs

@@ -0,0 +1,45 @@
+// ../src/react/store-context.tsx
+import * as AtomIO from "atom.io";
+import * as React from "react";
+import { jsxDEV } from "react/jsx-dev-runtime";
+var StoreContext = React.createContext(
+  AtomIO.__INTERNAL__.IMPLICIT.STORE
+);
+var StoreProvider = ({ children, store = AtomIO.__INTERNAL__.IMPLICIT.STORE }) => /* @__PURE__ */ jsxDEV(StoreContext.Provider, { value: store, children }, void 0, false, {
+  fileName: "../src/react/store-context.tsx",
+  lineNumber: 12,
+  columnNumber: 2
+}, this);
+
+// ../src/react/store-hooks.ts
+import * as AtomIO2 from "atom.io";
+import * as React2 from "react";
+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 {
+  StoreContext,
+  StoreProvider,
+  storeHooks,
+  useI,
+  useIO,
+  useO,
+  useStore
+};
+//# sourceMappingURL=index.mjs.map

package/react/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/store-context.tsx","../../src/react/store-hooks.ts"],"sourcesContent":["import * as AtomIO from \"atom.io\"\nimport * as React from \"react\"\n\nexport const StoreContext = React.createContext<AtomIO.Store>(\n\tAtomIO.__INTERNAL__.IMPLICIT.STORE,\n)\n\nexport const StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: AtomIO.Store\n}> = ({ children, store = AtomIO.__INTERNAL__.IMPLICIT.STORE }) => (\n\t<StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n)\n","import * as AtomIO from \"atom.io\"\nimport * as React from \"react\"\n\nimport type { Modifier } from \"~/packages/anvl/src/function\"\n\nimport { StoreContext } from \"./store-context\"\n\nexport type StoreHooks = {\n\tuseI: <T>(token: AtomIO.StateToken<T>) => (next: Modifier<T> | T) => void\n\tuseO: <T>(token: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>) => T\n\tuseIO: <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\ttoken: AtomIO.StateToken<T>,\n): (next: Modifier<T> | T) => void {\n\tconst store = React.useContext(StoreContext)\n\tconst update = (next: Modifier<T> | T) => AtomIO.setState(token, next, store)\n\treturn update\n}\n\nexport function useO<T>(\n\ttoken: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>,\n): T {\n\tconst store = React.useContext(StoreContext)\n\treturn React.useSyncExternalStore<T>(\n\t\t(observe) => AtomIO.subscribe(token, observe, store),\n\t\t() => AtomIO.getState(token, store),\n\t)\n}\n\nexport function useIO<T>(\n\ttoken: AtomIO.StateToken<T>,\n): [T, (next: Modifier<T> | T) => void] {\n\treturn [useO(token), useI(token)]\n}\n\nexport function useStore<T>(\n\ttoken: AtomIO.StateToken<T>,\n): [T, (next: Modifier<T> | T) => void]\nexport function useStore<T>(token: AtomIO.ReadonlySelectorToken<T>): T\nexport function useStore<T>(\n\ttoken: AtomIO.ReadonlySelectorToken<T> | AtomIO.StateToken<T>,\n): T | [T, (next: Modifier<T> | T) => void] {\n\treturn token.type === `readonly_selector` ? useO(token) : useIO(token)\n}\n"],"mappings":";AAAA,YAAY,YAAY;AACxB,YAAY,WAAW;AAUtB;AARM,IAAM,eAAqB;AAAA,EAC1B,oBAAa,SAAS;AAC9B;AAEO,IAAM,gBAGR,CAAC,EAAE,UAAU,QAAe,oBAAa,SAAS,MAAM,MAC5D,uBAAC,aAAa,UAAb,EAAsB,OAAO,OAAQ,YAAtC;AAAA;AAAA;AAAA;AAAA,OAA+C;;;ACXhD,YAAYA,aAAY;AACxB,YAAYC,YAAW;AAWhB,IAAM,aAAyB,EAAE,MAAM,MAAM,MAAM;AAEnD,SAAS,KACf,OACkC;AAClC,QAAM,QAAc,kBAAW,YAAY;AAC3C,QAAM,SAAS,CAAC,SAAiC,iBAAS,OAAO,MAAM,KAAK;AAC5E,SAAO;AACR;AAEO,SAAS,KACf,OACI;AACJ,QAAM,QAAc,kBAAW,YAAY;AAC3C,SAAa;AAAA,IACZ,CAAC,YAAmB,kBAAU,OAAO,SAAS,KAAK;AAAA,IACnD,MAAa,iBAAS,OAAO,KAAK;AAAA,EACnC;AACD;AAEO,SAAS,MACf,OACuC;AACvC,SAAO,CAAC,KAAK,KAAK,GAAG,KAAK,KAAK,CAAC;AACjC;AAMO,SAAS,SACf,OAC2C;AAC3C,SAAO,MAAM,SAAS,sBAAsB,KAAK,KAAK,IAAI,MAAM,KAAK;AACtE;","names":["AtomIO","React"]}

package/react/package.json

@@ -1,15 +1,15 @@
 {
-  "name": "atom.io-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"
-    }
-  }
+	"name": "atom.io-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/react-devtools/dist/index.css

@@ -0,0 +1,26 @@
+/* ../src/react-devtools/devtools.scss */
+main.atom_io_devtools {
+  --fg-color: #eee;
+  --bg-color: #111;
+  @media (prefers-color-scheme: light) {
+    --fg-color: #222;
+    --bg-color: #ccc;
+  }
+  box-sizing: border-box;
+  color: var(--fg-color);
+  background-color: var(--bg-color);
+  border: 2px solid var(--fg-color);
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  height: 100%;
+  display: flex;
+  flex-flow: column;
+  max-height: 800px;
+  width: 100%;
+  max-width: 460px;
+  overflow-y: scroll;
+  padding: 5px;
+  header { display: flex; justify-content: space-between; h1 { font-size: inherit; margin: 0; } } main { overflow-y: scroll; flex-grow: 1; section { margin-top: 30px; h2 { font-size: inherit; margin: 0; } .node { border: 1px solid var(--fg-color); padding: 5px; margin: 5px; overflow-x: scroll; } } } footer { display: flex; justify-content: flex-end; button { cursor: pointer; background: none; border: none; padding: none; position: absolute; right: 0; bottom: 0; } } .json_editor { input { font-size: 20px; font-family: theia; border: none; border-bottom: 1px solid; background: none; &:disabled { border: none; } } button { background: none; margin-left: auto; color: #777; border: none; font-family: theia; font-size: 14px; margin: none; padding: 4px; padding-bottom: 6px; cursor: pointer; &:hover { color: #333; background-color: #aaa; } } select { font-family: theia; font-size: 14px; background: none; border: none; color: #777; @media (prefers-color-scheme: light) { color: #999; } } .json_editor_unofficial { background-color: #777; button { color: #333; } } .json_editor_missing { background-color: #f055; } .json_editor_key { input { color: #999; @media (prefers-color-scheme: light) { color: #777; } } } .json_editor_object { border-left: 2px solid #333; padding-left: 20px; @media (prefers-color-scheme: light) { border-color: #ccc; } .json_editor_properties { > * { border-bottom: 2px solid #333; margin-bottom: 2px; } } } };
+}
+/*# sourceMappingURL=index.css.map */

package/react-devtools/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react-devtools/devtools.scss"],"sourcesContent":["main.atom_io_devtools {\n  --fg-color: #eee;\n  --bg-color: #111;\n  @media (prefers-color-scheme: light) {\n    --fg-color: #222;\n    --bg-color: #ccc;\n  }\n  box-sizing: border-box;\n  color: var(--fg-color);\n  background-color: var(--bg-color);\n  border: 2px solid var(--fg-color);\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  height: 100%;\n  display: flex;\n  flex-flow: column;\n  max-height: 800px;\n  width: 100%;\n  max-width: 460px;\n  overflow-y: scroll;\n  padding: 5px;\n  header {\n    display: flex;\n    justify-content: space-between;\n    h1 {\n      font-size: inherit;\n      margin: 0;\n    }\n  }\n  main {\n    overflow-y: scroll;\n    flex-grow: 1;\n    section {\n      margin-top: 30px;\n      h2 {\n        font-size: inherit;\n        margin: 0;\n      }\n      .node {\n        border: 1px solid var(--fg-color);\n        padding: 5px;\n        margin: 5px;\n        overflow-x: scroll;\n      }\n    }\n  }\n  footer {\n    display: flex;\n    justify-content: flex-end;\n    button {\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: none;\n      position: absolute;\n      right: 0;\n      bottom: 0;\n    }\n  }\n\n  .json_editor {\n    input {\n      font-size: 20px;\n      font-family: theia;\n      border: none;\n      border-bottom: 1px solid;\n      background: none;\n      &:disabled {\n        border: none;\n      }\n    }\n    button {\n      background: none;\n      margin-left: auto;\n      color: #777;\n      border: none;\n      font-family: theia;\n      font-size: 14px;\n      margin: none;\n      padding: 4px;\n      padding-bottom: 6px;\n      cursor: pointer;\n      &:hover {\n        color: #333;\n        background-color: #aaa;\n      }\n    }\n    select {\n      font-family: theia;\n      font-size: 14px;\n      background: none;\n      border: none;\n      color: #777;\n      @media (prefers-color-scheme: light) {\n        color: #999;\n      }\n    }\n    .json_editor_unofficial {\n      background-color: #777;\n      button {\n        color: #333;\n      }\n    }\n    .json_editor_missing {\n      background-color: #f055;\n    }\n    .json_editor_key {\n      input {\n        color: #999;\n        @media (prefers-color-scheme: light) {\n          color: #777;\n        }\n      }\n    }\n    .json_editor_object {\n      border-left: 2px solid #333;\n      padding-left: 20px;\n      @media (prefers-color-scheme: light) {\n        border-color: #ccc;\n      }\n      .json_editor_properties {\n        > * {\n          border-bottom: 2px solid #333;\n          margin-bottom: 2px;\n        }\n      }\n    }\n  }\n}\n"],"mappings":";AAAA;AACE;AACA;AACA;AACE;AACA;AAAA;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;","names":[]}

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

@@ -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 };