atom.io 0.6.9 → 0.7.0

package/package.json

@@ -1,27 +1,96 @@
 {
   "name": "atom.io",
-  "version": "0.6.9",
+  "version": "0.7.0",
   "description": "Reactive state graph for React, Preact, and vanilla",
+  "dependencies": {},
+  "peerDependencies": {
+    "@testing-library/react": ">=14.0.0",
+    "@floating-ui/react": ">=0.25.0",
+    "@floating-ui/react-dom": ">=2.0.0",
+    "framer-motion": ">=10.0.0",
+    "react": ">=18.0.0",
+    "socket.io": ">=4.0.0",
+    "socket.io-client": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@testing-library/react": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "@floating-ui/react": {
+      "optional": true
+    },
+    "@floating-ui/react-dom": {
+      "optional": true
+    },
+    "framer-motion": {
+      "optional": true
+    },
+    "socket.io": {
+      "optional": true
+    },
+    "socket.io-client": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@emotion/react": "11.11.1",
+    "@testing-library/react": "14.0.0",
+    "@types/mock-fs": "4.13.1",
+    "@types/react": "18.2.21",
+    "@types/tmp": "0.2.4",
+    "concurrently": "8.2.1",
+    "eslint": "8.50.0",
+    "framer-motion": "10.16.4",
+    "happy-dom": "12.1.6",
+    "preact": "10.17.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-router-dom": "6.16.0",
+    "socket.io": "4.7.2",
+    "socket.io-client": "4.7.2",
+    "tmp": "0.2.1",
+    "tsup": "7.2.0",
+    "typescript": "5.2.2",
+    "vite": "4.4.9",
+    "vite-tsconfig-paths": "4.2.1",
+    "vitest": "0.34.5"
+  },
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.mjs",
   "files": [
     "dist",
+    "internal/dist",
+    "internal/package.json",
+    "internal/src",
     "introspection/dist",
     "introspection/package.json",
+    "introspection/src",
     "json/dist",
     "json/package.json",
+    "json/src",
     "react/dist",
     "react/package.json",
+    "react/src",
     "react-devtools/dist",
     "react-devtools/package.json",
+    "react-devtools/src",
     "realtime/dist",
     "realtime/package.json",
+    "realtime/src",
     "realtime-react/dist",
     "realtime-react/package.json",
+    "realtime-react/src",
     "realtime-testing/dist",
     "realtime-testing/package.json",
-    "src"
+    "realtime-testing/src",
+    "src",
+    "transceivers/set-rtx/dist",
+    "transceivers/set-rtx/package.json",
+    "transceivers/set-rtx/src"
   ],
   "exports": {
     "./package.json": "./package.json",
@@ -31,6 +100,13 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
+    "./internal/package.json": "./internal/package.json",
+    "./internal": {
+      "types": "./internal/dist/index.d.ts",
+      "browser": "./internal/dist/index.mjs",
+      "import": "./internal/dist/index.mjs",
+      "require": "./internal/dist/index.js"
+    },
     "./introspection/package.json": "./json/package.json",
     "./introspection": {
       "types": "./json/dist/index.d.ts",
@@ -59,12 +135,12 @@
       "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-client/package.json": "./realtime-client/package.json",
+    "./realtime-client": {
+      "types": "./realtime-client/dist/index.d.ts",
+      "browser": "./realtime-client/dist/index.mjs",
+      "import": "./realtime-client/dist/index.mjs",
+      "require": "./realtime-client/dist/index.js"
     },
     "./realtime-react/package.json": "./realtime-react/package.json",
     "./realtime-react": {
@@ -73,6 +149,13 @@
       "import": "./realtime-react/dist/index.mjs",
       "require": "./realtime-react/dist/index.js"
     },
+    "./realtime-server/package.json": "./realtime-server/package.json",
+    "./realtime-server": {
+      "types": "./realtime-server/dist/index.d.ts",
+      "browser": "./realtime-server/dist/index.mjs",
+      "import": "./realtime-server/dist/index.mjs",
+      "require": "./realtime-server/dist/index.js"
+    },
     "./realtime-testing/package.json": "./realtime-testing/package.json",
     "./realtime-testing": {
       "types": "./realtime-testing/dist/index.d.ts",
@@ -80,60 +163,14 @@
       "import": "./realtime-testing/dist/index.mjs",
       "require": "./realtime-testing/dist/index.js"
     },
-    "./tracker/package.json": "./tracker/package.json",
-    "./tracker": {
-      "types": "./tracker/dist/index.d.ts",
-      "browser": "./tracker/dist/index.mjs",
-      "import": "./tracker/dist/index.mjs",
-      "require": "./tracker/dist/index.js"
+    "./transceivers/set-rtx/package.json": "./transceivers/set-rtx/package.json",
+    "./transceivers/set-rtx": {
+      "types": "./transceivers/set-rtx/dist/index.d.ts",
+      "browser": "./transceivers/set-rtx/dist/index.mjs",
+      "import": "./transceivers/set-rtx/dist/index.mjs",
+      "require": "./transceivers/set-rtx/dist/index.js"
     }
   },
-  "peerDependencies": {
-    "preact": ">=10.0.0",
-    "react": ">=16.8.0",
-    "socket.io": ">=4.0.0",
-    "socket.io-client": ">=4.0.0"
-  },
-  "peerDependenciesMeta": {
-    "preact": {
-      "optional": true
-    },
-    "react": {
-      "optional": true
-    },
-    "socket.io": {
-      "optional": true
-    },
-    "socket.io-client": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "fp-ts": "2.16.1"
-  },
-  "devDependencies": {
-    "@emotion/react": "11.11.1",
-    "@testing-library/react": "14.0.0",
-    "@types/mock-fs": "4.13.1",
-    "@types/react": "18.2.21",
-    "@types/tmp": "0.2.4",
-    "concurrently": "8.2.1",
-    "eslint": "8.49.0",
-    "framer-motion": "10.16.4",
-    "happy-dom": "11.0.6",
-    "preact": "10.17.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-router-dom": "6.16.0",
-    "socket.io": "4.7.2",
-    "socket.io-client": "4.7.2",
-    "tmp": "0.2.1",
-    "tsup": "7.2.0",
-    "typescript": "5.2.2",
-    "vite": "4.4.9",
-    "vite-tsconfig-paths": "4.2.1",
-    "vitest": "0.34.4"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/jeremybanka/wayforge.git"
@@ -147,17 +184,20 @@
   "scripts": {
     "build": "concurrently \"npm:build:*\"",
     "build:main": "tsup",
+    "build:internal": "cd internal && tsup",
     "build:introspection": "cd introspection && tsup",
     "build:json": "cd json && tsup",
     "build:react": "cd react && tsup",
     "build:react-devtools": "cd react-devtools && tsup",
-    "build:realtime": "cd realtime && tsup",
+    "build:realtime-client": "cd realtime-client && tsup",
     "build:realtime-react": "cd realtime-react && tsup",
-    "build:tracker": "cd tracker && tsup",
+    "build:realtime-server": "cd realtime-server && tsup",
+    "build:realtime-testing": "cd realtime-testing && tsup",
+    "build:transceivers:set-rtx": "cd transceivers/set-rtx && tsup",
     "lint:biome": "biome check .",
     "lint:eslint": "eslint .",
     "lint": "npm run lint:biome && npm run lint:eslint",
     "test": "vitest",
-    "test:once": "vitest run"
+    "test:once": "cross-env LIB=dist vitest run"
   }
 }

package/react/dist/index.d.mts

@@ -1,24 +1,16 @@
-import * as AtomIO from 'atom.io';
+import { Store } from 'atom.io/internal';
 import * as React from 'react';
+import { StateToken, ReadonlySelectorToken, MutableAtomToken } from 'atom.io';
+import { Json } from 'atom.io/json';
 
-declare const StoreContext: React.Context<AtomIO.__INTERNAL__.Store>;
+declare const StoreContext: React.Context<Store>;
 declare const StoreProvider: React.FC<{
     children: React.ReactNode;
-    store?: AtomIO.Store;
+    store?: Store;
 }>;
 
-type Modifier<T> = (thing: T) => T;
+declare function useI<T>(token: StateToken<T>): <New extends T>(next: New | ((old: T) => New)) => void;
+declare function useO<T>(token: ReadonlySelectorToken<T> | StateToken<T>): T;
+declare function useJSON<Serializable extends Json.Serializable>(token: MutableAtomToken<any, Serializable>): Serializable;
 
-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 };
+export { StoreContext, StoreProvider, useI, useJSON, useO };

package/react/dist/index.d.ts

@@ -1,24 +1,16 @@
-import * as AtomIO from 'atom.io';
+import { Store } from 'atom.io/internal';
 import * as React from 'react';
+import { StateToken, ReadonlySelectorToken, MutableAtomToken } from 'atom.io';
+import { Json } from 'atom.io/json';
 
-declare const StoreContext: React.Context<AtomIO.__INTERNAL__.Store>;
+declare const StoreContext: React.Context<Store>;
 declare const StoreProvider: React.FC<{
     children: React.ReactNode;
-    store?: AtomIO.Store;
+    store?: Store;
 }>;
 
-type Modifier<T> = (thing: T) => T;
+declare function useI<T>(token: StateToken<T>): <New extends T>(next: New | ((old: T) => New)) => void;
+declare function useO<T>(token: ReadonlySelectorToken<T> | StateToken<T>): T;
+declare function useJSON<Serializable extends Json.Serializable>(token: MutableAtomToken<any, Serializable>): Serializable;
 
-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 };
+export { StoreContext, StoreProvider, useI, useJSON, useO };

package/react/dist/index.js

@@ -1,38 +1,55 @@
 'use strict';
 
-var r = require('atom.io');
-var o = require('react');
+var internal = require('atom.io/internal');
+var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var atom_io = require('atom.io');
 
 function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
-var r__namespace = /*#__PURE__*/_interopNamespace(r);
-var o__namespace = /*#__PURE__*/_interopNamespace(o);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
-var T=o__namespace.createContext(r__namespace.__INTERNAL__.IMPLICIT.STORE),d=({children:t,store:e=r__namespace.__INTERNAL__.IMPLICIT.STORE})=>jsxRuntime.jsx(T.Provider,{value:e,children:t});var x={useI:m,useO:s,useIO:I};function m(t){let e=o__namespace.useContext(T);return n=>r__namespace.setState(t,n,e)}function s(t){let e=o__namespace.useContext(T),a=o__namespace.useId();return o__namespace.useSyncExternalStore(n=>r__namespace.subscribe(t,n,`use-o:${a}`,e),()=>r__namespace.getState(t,e))}function I(t){return [s(t),m(t)]}function f(t){return t.type==="readonly_selector"?s(t):I(t)}
+// src/store-context.tsx
+var StoreContext = React2__namespace.createContext(internal.IMPLICIT.STORE);
+var StoreProvider = ({ children, store = internal.IMPLICIT.STORE }) => /* @__PURE__ */ jsxRuntime.jsx(StoreContext.Provider, { value: store, children });
+function useI(token) {
+  const store = React2__namespace.useContext(StoreContext);
+  return (next) => atom_io.setState(token, next, store);
+}
+function useO(token) {
+  const store = React2__namespace.useContext(StoreContext);
+  const id = React2__namespace.useId();
+  return React2__namespace.useSyncExternalStore(
+    (dispatch) => atom_io.subscribe(token, dispatch, `use-o:${id}`, store),
+    () => atom_io.getState(token, store),
+    () => atom_io.getState(token, store)
+  );
+}
+function useJSON(token) {
+  const jsonToken = internal.getJsonToken(token);
+  return useO(jsonToken);
+}
 
-exports.StoreContext = T;
-exports.StoreProvider = d;
-exports.storeHooks = x;
-exports.useI = m;
-exports.useIO = I;
-exports.useO = s;
-exports.useStore = f;
+exports.StoreContext = StoreContext;
+exports.StoreProvider = StoreProvider;
+exports.useI = useI;
+exports.useJSON = useJSON;
+exports.useO = useO;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/react/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/store-context.tsx","../src/store-hooks.ts"],"names":["AtomIO","React","jsx","StoreContext","StoreProvider","children","store","storeHooks","useI","useO","useIO","token","next","id","observe","useStore"],"mappings":"AAAA,UAAYA,MAAY,UACxB,UAAYC,MAAW,QAUtB,cAAAC,MAAA,oBARM,IAAMC,EAAqB,gBAC1B,eAAa,SAAS,KAC9B,EAEaC,EAGR,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAe,eAAa,SAAS,KAAM,IAC5DJ,EAACC,EAAa,SAAb,CAAsB,MAAOG,EAAQ,SAAAD,EAAS,ECXhD,UAAYL,MAAY,UACxB,UAAYC,MAAW,QAWhB,IAAMM,EAAyB,CAAE,KAAAC,EAAM,KAAAC,EAAM,MAAAC,CAAM,EAEnD,SAASF,EACfG,EACkC,CAClC,IAAML,EAAc,aAAWH,CAAY,EAE3C,OADgBS,GAAiC,WAASD,EAAOC,EAAMN,CAAK,CAE7E,CAEO,SAASG,EACfE,EACI,CACJ,IAAML,EAAc,aAAWH,CAAY,EACrCU,EAAW,QAAM,EACvB,OAAa,uBACXC,GAAmB,YAAUH,EAAOG,EAAS,SAASD,CAAE,GAAIP,CAAK,EAClE,IAAa,WAASK,EAAOL,CAAK,CACnC,CACD,CAEO,SAASI,EACfC,EACuC,CACvC,MAAO,CAACF,EAAKE,CAAK,EAAGH,EAAKG,CAAK,CAAC,CACjC,CAMO,SAASI,EACfJ,EAC2C,CAC3C,OAAOA,EAAM,OAAS,oBAAsBF,EAAKE,CAAK,EAAID,EAAMC,CAAK,CACtE","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\tconst id = React.useId()\n\treturn React.useSyncExternalStore<T>(\n\t\t(observe) => AtomIO.subscribe(token, observe, `use-o:${id}`, 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"]}
+{"version":3,"sources":["../src/store-context.tsx","../src/store-hooks.ts"],"names":["React"],"mappings":";AACA,SAAS,gBAAgB;AACzB,YAAY,WAAW;AAQtB;AANM,IAAM,eAAqB,oBAAqB,SAAS,KAAK;AAE9D,IAAM,gBAGR,CAAC,EAAE,UAAU,QAAQ,SAAS,MAAM,MACxC,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;;;ACVhD,YAAYA,YAAW;AAEvB,SAAS,UAAU,UAAU,iBAAiB;AAO9C,SAAS,oBAAoB;AAItB,SAAS,KACf,OACyD;AACzD,QAAM,QAAc,kBAAW,YAAY;AAC3C,SAAO,CAAC,SAAS,SAAS,OAAO,MAAM,KAAK;AAC7C;AAEO,SAAS,KAAQ,OAAoD;AAC3E,QAAM,QAAc,kBAAW,YAAY;AAC3C,QAAM,KAAW,aAAM;AACvB,SAAa;AAAA,IACZ,CAAC,aAAa,UAAU,OAAO,UAAU,SAAS,EAAE,IAAI,KAAK;AAAA,IAC7D,MAAM,SAAS,OAAO,KAAK;AAAA,IAC3B,MAAM,SAAS,OAAO,KAAK;AAAA,EAC5B;AACD;AAEO,SAAS,QACf,OACe;AACf,QAAM,YAAY,aAAa,KAAK;AACpC,SAAO,KAAK,SAAS;AACtB","sourcesContent":["import type { Store } from \"atom.io/internal\"\nimport { IMPLICIT } from \"atom.io/internal\"\nimport * as React from \"react\"\n\nexport const StoreContext = React.createContext<Store>(IMPLICIT.STORE)\n\nexport const StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: Store\n}> = ({ children, store = IMPLICIT.STORE }) => (\n\t<StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n)\n","import * as React from \"react\"\n\nimport { getState, setState, subscribe } from \"atom.io\"\nimport type {\n\tMutableAtomToken,\n\tReadonlySelectorToken,\n\tStateToken,\n} from \"atom.io\"\n\nimport { getJsonToken } from \"atom.io/internal\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext } from \"./store-context\"\n\nexport function useI<T>(\n\ttoken: StateToken<T>,\n): <New extends T>(next: New | ((old: T) => New)) => void {\n\tconst store = React.useContext(StoreContext)\n\treturn (next) => setState(token, next, store)\n}\n\nexport function useO<T>(token: ReadonlySelectorToken<T> | StateToken<T>): T {\n\tconst store = React.useContext(StoreContext)\n\tconst id = React.useId()\n\treturn React.useSyncExternalStore<T>(\n\t\t(dispatch) => subscribe(token, dispatch, `use-o:${id}`, store),\n\t\t() => getState(token, store),\n\t\t() => getState(token, store),\n\t)\n}\n\nexport function useJSON<Serializable extends Json.Serializable,>(\n\ttoken: MutableAtomToken<any, Serializable>,\n): Serializable {\n\tconst jsonToken = getJsonToken(token)\n\treturn useO(jsonToken)\n}\n"]}

package/react/dist/index.mjs

@@ -1,9 +1,29 @@
-import * as r from 'atom.io';
-import * as o from 'react';
+import { IMPLICIT, getJsonToken } from 'atom.io/internal';
+import * as React2 from 'react';
 import { jsx } from 'react/jsx-runtime';
+import { setState, subscribe, getState } from 'atom.io';
 
-var T=o.createContext(r.__INTERNAL__.IMPLICIT.STORE),d=({children:t,store:e=r.__INTERNAL__.IMPLICIT.STORE})=>jsx(T.Provider,{value:e,children:t});var x={useI:m,useO:s,useIO:I};function m(t){let e=o.useContext(T);return n=>r.setState(t,n,e)}function s(t){let e=o.useContext(T),a=o.useId();return o.useSyncExternalStore(n=>r.subscribe(t,n,`use-o:${a}`,e),()=>r.getState(t,e))}function I(t){return [s(t),m(t)]}function f(t){return t.type==="readonly_selector"?s(t):I(t)}
+// src/store-context.tsx
+var StoreContext = React2.createContext(IMPLICIT.STORE);
+var StoreProvider = ({ children, store = IMPLICIT.STORE }) => /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children });
+function useI(token) {
+  const store = React2.useContext(StoreContext);
+  return (next) => setState(token, next, store);
+}
+function useO(token) {
+  const store = React2.useContext(StoreContext);
+  const id = React2.useId();
+  return React2.useSyncExternalStore(
+    (dispatch) => subscribe(token, dispatch, `use-o:${id}`, store),
+    () => getState(token, store),
+    () => getState(token, store)
+  );
+}
+function useJSON(token) {
+  const jsonToken = getJsonToken(token);
+  return useO(jsonToken);
+}
 
-export { T as StoreContext, d as StoreProvider, x as storeHooks, m as useI, I as useIO, s as useO, f as useStore };
+export { StoreContext, StoreProvider, useI, useJSON, useO };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map

package/react/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/store-context.tsx","../src/store-hooks.ts"],"names":["AtomIO","React","jsx","StoreContext","StoreProvider","children","store","storeHooks","useI","useO","useIO","token","next","id","observe","useStore"],"mappings":"AAAA,UAAYA,MAAY,UACxB,UAAYC,MAAW,QAUtB,cAAAC,MAAA,oBARM,IAAMC,EAAqB,gBAC1B,eAAa,SAAS,KAC9B,EAEaC,EAGR,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAe,eAAa,SAAS,KAAM,IAC5DJ,EAACC,EAAa,SAAb,CAAsB,MAAOG,EAAQ,SAAAD,EAAS,ECXhD,UAAYL,MAAY,UACxB,UAAYC,MAAW,QAWhB,IAAMM,EAAyB,CAAE,KAAAC,EAAM,KAAAC,EAAM,MAAAC,CAAM,EAEnD,SAASF,EACfG,EACkC,CAClC,IAAML,EAAc,aAAWH,CAAY,EAE3C,OADgBS,GAAiC,WAASD,EAAOC,EAAMN,CAAK,CAE7E,CAEO,SAASG,EACfE,EACI,CACJ,IAAML,EAAc,aAAWH,CAAY,EACrCU,EAAW,QAAM,EACvB,OAAa,uBACXC,GAAmB,YAAUH,EAAOG,EAAS,SAASD,CAAE,GAAIP,CAAK,EAClE,IAAa,WAASK,EAAOL,CAAK,CACnC,CACD,CAEO,SAASI,EACfC,EACuC,CACvC,MAAO,CAACF,EAAKE,CAAK,EAAGH,EAAKG,CAAK,CAAC,CACjC,CAMO,SAASI,EACfJ,EAC2C,CAC3C,OAAOA,EAAM,OAAS,oBAAsBF,EAAKE,CAAK,EAAID,EAAMC,CAAK,CACtE","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\tconst id = React.useId()\n\treturn React.useSyncExternalStore<T>(\n\t\t(observe) => AtomIO.subscribe(token, observe, `use-o:${id}`, 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"]}
+{"version":3,"sources":["../src/store-context.tsx","../src/store-hooks.ts"],"names":["React"],"mappings":";AACA,SAAS,gBAAgB;AACzB,YAAY,WAAW;AAQtB;AANM,IAAM,eAAqB,oBAAqB,SAAS,KAAK;AAE9D,IAAM,gBAGR,CAAC,EAAE,UAAU,QAAQ,SAAS,MAAM,MACxC,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;;;ACVhD,YAAYA,YAAW;AAEvB,SAAS,UAAU,UAAU,iBAAiB;AAO9C,SAAS,oBAAoB;AAItB,SAAS,KACf,OACyD;AACzD,QAAM,QAAc,kBAAW,YAAY;AAC3C,SAAO,CAAC,SAAS,SAAS,OAAO,MAAM,KAAK;AAC7C;AAEO,SAAS,KAAQ,OAAoD;AAC3E,QAAM,QAAc,kBAAW,YAAY;AAC3C,QAAM,KAAW,aAAM;AACvB,SAAa;AAAA,IACZ,CAAC,aAAa,UAAU,OAAO,UAAU,SAAS,EAAE,IAAI,KAAK;AAAA,IAC7D,MAAM,SAAS,OAAO,KAAK;AAAA,IAC3B,MAAM,SAAS,OAAO,KAAK;AAAA,EAC5B;AACD;AAEO,SAAS,QACf,OACe;AACf,QAAM,YAAY,aAAa,KAAK;AACpC,SAAO,KAAK,SAAS;AACtB","sourcesContent":["import type { Store } from \"atom.io/internal\"\nimport { IMPLICIT } from \"atom.io/internal\"\nimport * as React from \"react\"\n\nexport const StoreContext = React.createContext<Store>(IMPLICIT.STORE)\n\nexport const StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: Store\n}> = ({ children, store = IMPLICIT.STORE }) => (\n\t<StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n)\n","import * as React from \"react\"\n\nimport { getState, setState, subscribe } from \"atom.io\"\nimport type {\n\tMutableAtomToken,\n\tReadonlySelectorToken,\n\tStateToken,\n} from \"atom.io\"\n\nimport { getJsonToken } from \"atom.io/internal\"\nimport type { Json } from \"atom.io/json\"\nimport { StoreContext } from \"./store-context\"\n\nexport function useI<T>(\n\ttoken: StateToken<T>,\n): <New extends T>(next: New | ((old: T) => New)) => void {\n\tconst store = React.useContext(StoreContext)\n\treturn (next) => setState(token, next, store)\n}\n\nexport function useO<T>(token: ReadonlySelectorToken<T> | StateToken<T>): T {\n\tconst store = React.useContext(StoreContext)\n\tconst id = React.useId()\n\treturn React.useSyncExternalStore<T>(\n\t\t(dispatch) => subscribe(token, dispatch, `use-o:${id}`, store),\n\t\t() => getState(token, store),\n\t\t() => getState(token, store),\n\t)\n}\n\nexport function useJSON<Serializable extends Json.Serializable,>(\n\ttoken: MutableAtomToken<any, Serializable>,\n): Serializable {\n\tconst jsonToken = getJsonToken(token)\n\treturn useO(jsonToken)\n}\n"]}

package/react/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./store-context"
+export * from "./store-hooks"

package/react/src/store-context.tsx

@@ -0,0 +1,12 @@
+import type { Store } from "atom.io/internal"
+import { IMPLICIT } from "atom.io/internal"
+import * as React from "react"
+
+export const StoreContext = React.createContext<Store>(IMPLICIT.STORE)
+
+export const StoreProvider: React.FC<{
+	children: React.ReactNode
+	store?: Store
+}> = ({ children, store = IMPLICIT.STORE }) => (
+	<StoreContext.Provider value={store}>{children}</StoreContext.Provider>
+)

package/react/src/store-hooks.ts

@@ -0,0 +1,36 @@
+import * as React from "react"
+
+import { getState, setState, subscribe } from "atom.io"
+import type {
+	MutableAtomToken,
+	ReadonlySelectorToken,
+	StateToken,
+} from "atom.io"
+
+import { getJsonToken } from "atom.io/internal"
+import type { Json } from "atom.io/json"
+import { StoreContext } from "./store-context"
+
+export function useI<T>(
+	token: StateToken<T>,
+): <New extends T>(next: New | ((old: T) => New)) => void {
+	const store = React.useContext(StoreContext)
+	return (next) => setState(token, next, store)
+}
+
+export function useO<T>(token: ReadonlySelectorToken<T> | StateToken<T>): T {
+	const store = React.useContext(StoreContext)
+	const id = React.useId()
+	return React.useSyncExternalStore<T>(
+		(dispatch) => subscribe(token, dispatch, `use-o:${id}`, store),
+		() => getState(token, store),
+		() => getState(token, store),
+	)
+}
+
+export function useJSON<Serializable extends Json.Serializable,>(
+	token: MutableAtomToken<any, Serializable>,
+): Serializable {
+	const jsonToken = getJsonToken(token)
+	return useO(jsonToken)
+}

package/react-devtools/dist/index.css

@@ -1,2 +1,51 @@
-.class{display:flex;flex-flow:row wrap;gap:4px;section {display: flex; flex-flow: row; margin-bottom: 1rem; border: 1px solid #ccc; padding: 2px; margin: 0; span {display: flex;}}}main.atom_io_devtools{--fg-color: #eee;--bg-color: #111;--bg-tint1: #222;--fg-border: 1px solid var(--fg-color);@media (prefers-color-scheme: light){--fg-color: #444;--bg-color: #ddd;--bg-tint1: #e3e3e3}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:500px;overflow-y:scroll;*{font-size:16px;font-family:theia,monospace}>header{padding:5px 5px 0 10px;display:flex;justify-content:space-between;h1 {font-size: inherit; margin: 0; font-size: 24px; font-family: charter;} nav {display: flex; flex-flow: row nowrap; button {cursor: pointer; background: none; border: none; padding: none; margin-bottom: -2px; z-index: 1000; &:disabled {cursor: default; background-color: var(--bg-tint1); color: var(--fg-color); border: var(--fg-border); border-bottom: none;}}}}>main{background:var(--bg-tint1)}main {overflow-y: scroll; flex-grow: 1; display: flex; flex-flow: column; gap: 0; article.index {.node .node {border-right: var(--fg-border); padding-right: 0; background: #fff3;} .node > .node {margin: 5px 0; margin-left: 12px; border-left: var(--fg-border);} .node {border-top: var(--fg-border); overflow-x: scroll; padding: 5px; &:last-of-type {border-bottom: var(--fg-border);} &.transaction_update {padding: 0;} header {display: flex; flex-flow: row; gap: 5px; position: sticky; z-index: 999; top: 0; button.carat {cursor: pointer; background: none; border: none; width: 20px; &.open {transform: rotate(90deg);} &:disabled {cursor: default;}} label {display: flex; flex-flow: row; gap: 5px; cursor: help; h2 {display: inline-block; margin: 0;} .detail {color: #777; @media (prefers-color-scheme: light) {color: #999;}}}} main {margin-left: 15px;}} section.transaction_log {margin-top: 0; header: {padding: 5px;} main {display: flex; flex-flow: row wrap; gap: 5px; .transaction_update {width: 100%; display: flex; flex-flow: row; align-items: flex-start; justify-content: flex-start; justify-items: flex-start; align-content: flex-start; border-left: var(--fg-border); border-top: var(--fg-border); header {padding: 5px; h4 {margin: 0; padding: 0; font-size: inherit;}} main {margin-left: 0; display: flex; flex-flow: column; gap: 0px; border-left: 1px solid #333; section ~ section {border-top: 1px solid #333;} section {padding: 5px; &.transaction_output {border-right: none;} &.transaction_impact {padding: 5px;} margin: 0; article {border-left: var(--fg-border); border-right: var(--fg-border); .summary {white-space: nowrap;}}}}}}} section.timeline_log {header {display: flex; label {display: flex; width: 100%; flex-grow: 1; .gap {flex-grow: 1;} nav {display: flex; flex-flow: row nowrap; gap: 5px;}}} .timeline_update {padding: 5px; border-left: var(--fg-border); h4 {margin: 0; padding: 0; font-size: inherit;} main {margin: 0; .node.atom_update {border-left: var(--fg-border);}}} .you_are_here {background: var(--fg-color); color: var(--bg-color); text-align: center;}}}} 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-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 {padding-right: 10px; 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: var(--fg-border); margin-bottom: 2px;}}}}}
+/* ../../hamr/src/react-data-designer/RelationEditor.module.scss */
+.class {
+  display: flex;
+  flex-flow: row wrap;
+  gap: 4px;
+  section { display: flex; flex-flow: row; margin-bottom: 1rem; border: 1px solid #ccc; padding: 2px; margin: 0; span { display: flex; } };
+}
+
+/* src/devtools.scss */
+main.atom_io_devtools {
+  --fg-color: #eee;
+  --bg-color: #111;
+  --bg-tint1: #222;
+  --fg-border: 1px solid var(--fg-color);
+  @media (prefers-color-scheme: light) {
+    --fg-color: #444;
+    --bg-color: #ddd;
+    --bg-tint1: #e3e3e3;
+  }
+  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: 500px;
+  overflow-y: scroll;
+  * {
+    font-size: 16px;
+    font-family: theia, monospace;
+  }
+  > header {
+    padding: 5px;
+    padding-left: 10px;
+    padding-bottom: 0;
+    display: flex;
+    justify-content: space-between;
+    h1 { font-size: inherit; margin: 0; font-size: 24px; font-family: charter; } nav { display: flex; flex-flow: row nowrap; button { cursor: pointer; background: none; border: none; padding: none; margin-bottom: -2px; z-index: 1000; &:disabled { cursor: default; background-color: var(--bg-tint1); color: var(--fg-color); border: var(--fg-border); border-bottom: none; } } };
+  }
+  > main {
+    background: var(--bg-tint1);
+  }
+  main { overflow-y: scroll; flex-grow: 1; display: flex; flex-flow: column; gap: 0; article.index { .node .node { border-right: var(--fg-border); padding-right: 0; background: #fff3; } .node > .node { margin: 5px 0; margin-left: 12px; border-left: var(--fg-border); } .node { border-top: var(--fg-border); overflow-x: scroll; padding: 5px; &:last-of-type { border-bottom: var(--fg-border); } &.transaction_update { padding: 0; } header { display: flex; flex-flow: row; gap: 5px; position: sticky; z-index: 999; top: 0; button.carat { cursor: pointer; background: none; border: none; width: 20px; &.open { transform: rotate(90deg); } &:disabled { cursor: default; } } label { display: flex; flex-flow: row; gap: 5px; cursor: help; h2 { display: inline-block; margin: 0; } .detail { color: #777; @media (prefers-color-scheme: light) { color: #999; } } } } main { margin-left: 15px; } } section.transaction_log { margin-top: 0; header: { padding: 5px; } main { display: flex; flex-flow: row wrap; gap: 5px; .transaction_update { width: 100%; display: flex; flex-flow: row; align-items: flex-start; justify-content: flex-start; justify-items: flex-start; align-content: flex-start; border-left: var(--fg-border); border-top: var(--fg-border); header { padding: 5px; h4 { margin: 0; padding: 0; font-size: inherit; } } main { margin-left: 0; display: flex; flex-flow: column; gap: 0px; border-left: 1px solid #333; section ~ section { border-top: 1px solid #333; } section { padding: 5px; &.transaction_output { border-right: none; } &.transaction_impact { padding: 5px; } margin: 0; article { border-left: var(--fg-border); border-right: var(--fg-border); .summary { white-space: nowrap; } } } } } } } section.timeline_log { header { display: flex; label { display: flex; width: 100%; flex-grow: 1; .gap { flex-grow: 1; } nav { display: flex; flex-flow: row nowrap; gap: 5px; } } } .timeline_update { padding: 5px; border-left: var(--fg-border); h4 { margin: 0; padding: 0; font-size: inherit; } main { margin: 0; .node.atom_update { border-left: var(--fg-border); } } } .you_are_here { background: var(--fg-color); color: var(--bg-color); text-align: center; } } } } 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-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 { padding-right: 10px; 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: var(--fg-border); margin-bottom: 2px; } } } };
+}
 /*# sourceMappingURL=index.css.map */