atom.io 0.6.8 → 0.7.0

package/json/src/select-json-family.ts

@@ -0,0 +1,35 @@
+import type * as AtomIO from "atom.io"
+import type { Store } from "atom.io/internal"
+import { IMPLICIT, createSelectorFamily } from "atom.io/internal"
+
+import type { Json, JsonInterface } from "."
+import { parseJson } from "."
+
+export const selectJsonFamily = <
+	T,
+	J extends Json.Serializable,
+	K extends Json.Serializable,
+>(
+	atomFamily: AtomIO.AtomFamily<T, K>,
+	transform: JsonInterface<T, J>,
+	store: Store = IMPLICIT.STORE,
+): AtomIO.SelectorFamily<J, K> => {
+	const jsonFamily = createSelectorFamily<J, K>(
+		{
+			key: `${atomFamily.key}:JSON`,
+			get: (key) => ({ get }) => transform.toJson(get(atomFamily(key))),
+			set: (key) => ({ set }, newValue) =>
+				set(atomFamily(key), transform.fromJson(newValue)),
+		},
+		store,
+	)
+	atomFamily.subject.subscribe(
+		`store=${store.config.name}::json-selector-family`,
+		(token) => {
+			if (token.family) {
+				jsonFamily(parseJson(token.family.subKey) as K)
+			}
+		},
+	)
+	return jsonFamily
+}

package/json/src/select-json.ts

@@ -0,0 +1,22 @@
+import type * as AtomIO from "atom.io"
+import type { Store } from "atom.io/internal"
+import { IMPLICIT } from "atom.io/internal"
+
+import { createSelector } from "atom.io/internal"
+import type { Json, JsonInterface } from "."
+
+export const selectJson = <T, J extends Json.Serializable>(
+	atom: AtomIO.AtomToken<T>,
+	transform: JsonInterface<T, J>,
+	store: Store = IMPLICIT.STORE,
+): AtomIO.SelectorToken<J> => {
+	return createSelector(
+		{
+			key: `${atom.key}:JSON`,
+			get: ({ get }) => transform.toJson(get(atom)),
+			set: ({ set }, newValue) => set(atom, transform.fromJson(newValue)),
+		},
+		undefined,
+		store,
+	)
+}

package/package.json

@@ -1,27 +1,96 @@
 {
   "name": "atom.io",
-  "version": "0.6.8",
+  "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,60 +149,28 @@
       "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",
       "browser": "./realtime-testing/dist/index.mjs",
       "import": "./realtime-testing/dist/index.mjs",
       "require": "./realtime-testing/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
+    "./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"
     }
   },
-  "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.20",
-    "@types/tmp": "0.2.3",
-    "concurrently": "8.2.0",
-    "eslint": "8.47.0",
-    "framer-motion": "10.15.2",
-    "happy-dom": "10.9.0",
-    "preact": "10.17.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-router-dom": "6.15.0",
-    "socket.io": "4.7.2",
-    "socket.io-client": "4.7.2",
-    "tmp": "0.2.1",
-    "tsup": "7.2.0",
-    "typescript": "5.1.6",
-    "vite": "4.4.9",
-    "vite-tsconfig-paths": "4.2.0",
-    "vitest": "0.34.1"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/jeremybanka/wayforge.git"
@@ -140,16 +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",
-    "lint:rome": "rome check .",
+    "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:rome && npm run lint: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,87 +1,55 @@
-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);
+'use strict';
+
+var internal = require('atom.io/internal');
+var React2 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var atom_io = require('atom.io');
 
-// ../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);
+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);
+}
 
-// ../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);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
-// ../src/react/store-hooks.ts
-var AtomIO2 = __toESM(require("atom.io"));
-var React2 = __toESM(require("react"));
-var storeHooks = { useI, useO, useIO };
+// 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.useContext(StoreContext);
-  const update = (next) => AtomIO2.setState(token, next, store);
-  return update;
+  const store = React2__namespace.useContext(StoreContext);
+  return (next) => atom_io.setState(token, next, store);
 }
 function useO(token) {
-  const store = React2.useContext(StoreContext);
-  return React2.useSyncExternalStore(
-    (observe) => AtomIO2.subscribe(token, observe, store),
-    () => AtomIO2.getState(token, store)
+  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 useIO(token) {
-  return [useO(token), useI(token)];
-}
-function useStore(token) {
-  return token.type === `readonly_selector` ? useO(token) : useIO(token);
+function useJSON(token) {
+  const jsonToken = internal.getJsonToken(token);
+  return useO(jsonToken);
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  StoreContext,
-  StoreProvider,
-  storeHooks,
-  useI,
-  useIO,
-  useO,
-  useStore
-});
+
+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/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"]}
+{"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,45 +1,29 @@
-// ../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);
+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';
 
-// ../src/react/store-hooks.ts
-import * as AtomIO2 from "atom.io";
-import * as React2 from "react";
-var storeHooks = { useI, useO, useIO };
+// 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);
-  const update = (next) => AtomIO2.setState(token, next, store);
-  return update;
+  return (next) => setState(token, next, store);
 }
 function useO(token) {
   const store = React2.useContext(StoreContext);
+  const id = React2.useId();
   return React2.useSyncExternalStore(
-    (observe) => AtomIO2.subscribe(token, observe, store),
-    () => AtomIO2.getState(token, store)
+    (dispatch) => subscribe(token, dispatch, `use-o:${id}`, store),
+    () => getState(token, store),
+    () => getState(token, store)
   );
 }
-function useIO(token) {
-  return [useO(token), useI(token)];
+function useJSON(token) {
+  const jsonToken = getJsonToken(token);
+  return useO(jsonToken);
 }
-function useStore(token) {
-  return token.type === `readonly_selector` ? useO(token) : useIO(token);
-}
-export {
-  StoreContext,
-  StoreProvider,
-  storeHooks,
-  useI,
-  useIO,
-  useO,
-  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/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"]}
+{"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/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)
+}