atom.io 0.4.0 → 0.5.0

package/json/dist/index.d.mts

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

package/json/dist/index.d.ts

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

package/json/dist/index.js

@@ -0,0 +1,51 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../src/json/index.ts
+var json_exports = {};
+__export(json_exports, {
+  selectJson: () => selectJson
+});
+module.exports = __toCommonJS(json_exports);
+
+// ../src/json/select-json.ts
+var AtomIO = __toESM(require("atom.io"));
+var selectJson = (atom, transform, store = AtomIO.__INTERNAL__.IMPLICIT.STORE) => AtomIO.__INTERNAL__.selector__INTERNAL(
+  {
+    key: `${atom.key}JSON`,
+    get: ({ get }) => transform.toJson(get(atom)),
+    set: ({ set }, newValue) => set(atom, transform.fromJson(newValue))
+  },
+  void 0,
+  store
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  selectJson
+});
+//# sourceMappingURL=index.js.map

package/json/dist/index.js.map

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

package/json/dist/index.mjs

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

package/json/dist/index.mjs.map

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

package/json/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "atom.io-json",
+  "private": true,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "browser": "./dist/index.mjs",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  }
+}

package/package.json

@@ -1,16 +1,20 @@
 {
   "name": "atom.io",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Reactive state graph for React, Preact, and vanilla",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.mjs",
   "files": [
     "dist",
+    "json/dist",
+    "json/package.json",
     "react/dist",
     "react/package.json",
     "react-devtools/dist",
     "react-devtools/package.json",
+    "realtime/dist",
+    "realtime/package.json",
     "src"
   ],
   "exports": {
@@ -21,6 +25,13 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
+    "./json/package.json": "./json/package.json",
+    "./json": {
+      "types": "./json/dist/index.d.ts",
+      "browser": "./json/dist/index.mjs",
+      "import": "./json/dist/index.mjs",
+      "require": "./json/dist/index.js"
+    },
     "./react/package.json": "./react/package.json",
     "./react": {
       "types": "./react/dist/index.d.ts",
@@ -34,17 +45,26 @@
       "browser": "./react-devtools/dist/index.mjs",
       "import": "./react-devtools/dist/index.mjs",
       "require": "./react-devtools/dist/index.js"
+    },
+    "./realtime/package.json": "./realtime/package.json",
+    "./realtime": {
+      "types": "./realtime/dist/index.d.ts",
+      "browser": "./realtime/dist/index.mjs",
+      "import": "./realtime/dist/index.mjs",
+      "require": "./realtime/dist/index.js"
     }
   },
   "scripts": {
-    "build": "tsup && (cd react && tsup) && (cd react-devtools && tsup)",
-    "lint": "eslint",
+    "build": "tsup & (cd json && tsup) & (cd react && tsup) & (cd react-devtools && tsup) & (cd realtime && tsup)",
+    "lint": "eslint ./**/*.ts{,x}",
     "test": "vitest",
     "test:once": "vitest run"
   },
   "peerDependencies": {
     "preact": ">=10.0.0",
-    "react": ">=16.8.0"
+    "react": ">=16.8.0",
+    "socket.io": ">=4.0.0",
+    "socket.io-client": ">=4.0.0"
   },
   "peerDependenciesMeta": {
     "preact": {
@@ -52,6 +72,12 @@
     },
     "react": {
       "optional": true
+    },
+    "socket.io": {
+      "optional": true
+    },
+    "socket.io-client": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -63,14 +89,15 @@
     "@testing-library/preact": "3.2.3",
     "@testing-library/react": "14.0.0",
     "@types/mock-fs": "4.13.1",
+    "eslint": "8.44.0",
     "mock-fs": "5.2.0",
-    "preact": "10.15.0",
+    "preact": "10.15.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-router-dom": "6.11.2",
-    "tsup": "6.7.0",
+    "react-router-dom": "6.14.1",
+    "tsup": "7.1.0",
     "vite-tsconfig-paths": "4.2.0",
-    "vitest": "0.31.1"
+    "vitest": "0.32.4"
   },
   "repository": {
     "type": "git",

package/react/dist/index.d.mts

@@ -0,0 +1,17 @@
+import { StateToken, ReadonlySelectorToken, __INTERNAL__ } from 'atom.io';
+
+type Modifier<T> = (thing: T) => T;
+
+type StoreHooks = {
+    useI: <T>(token: StateToken<T>) => (next: Modifier<T> | T) => void;
+    useO: <T>(token: ReadonlySelectorToken<T> | StateToken<T>) => T;
+    useIO: <T>(token: StateToken<T>) => [T, (next: Modifier<T> | T) => void];
+};
+declare const composeStoreHooks: (store?: __INTERNAL__.Store) => StoreHooks;
+declare const useI: <T>(token: StateToken<T>) => (next: T | Modifier<T>) => void;
+declare const useO: <T>(token: ReadonlySelectorToken<T> | StateToken<T>) => T;
+declare const useIO: <T>(token: StateToken<T>) => [T, (next: T | Modifier<T>) => void];
+declare function useStore<T>(token: StateToken<T>): [T, (next: Modifier<T> | T) => void];
+declare function useStore<T>(token: ReadonlySelectorToken<T>): T;
+
+export { StoreHooks, composeStoreHooks, useI, useIO, useO, useStore };

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

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

package/react-devtools/dist/index.js

@@ -66,12 +66,13 @@ module.exports = __toCommonJS(react_devtools_exports);
 
 // ../src/react-devtools/AtomIODevtools.tsx
 var import_react7 = require("react");
-var import_atom = require("atom.io");
+var import_atom2 = require("atom.io");
 var import_react8 = require("atom.io/react");
 var import_framer_motion = require("framer-motion");
 
 // ../src/react-devtools/TokenList.tsx
 var import_react6 = require("react");
+var import_atom = require("atom.io");
 
 // ../../anvl/src/object/index.ts
 var import_function4 = require("fp-ts/function");
@@ -89,7 +90,7 @@ var recordToEntries = (obj) => Object.entries(obj);
 var entriesToRecord = (entries) => Object.fromEntries(entries);
 
 // ../../anvl/src/object/mapObject.ts
-var import_function = require("fp-ts/lib/function");
+var import_function = require("fp-ts/function");
 
 // ../../anvl/src/array/index.ts
 var isArray = (isType) => (input) => Array.isArray(input) && input.every((item) => isType(item));
@@ -1456,15 +1457,17 @@ var StoreEditor = ({ storeHooks, token }) => {
 var import_jsx_runtime13 = require("@emotion/react/jsx-runtime");
 var TokenList = ({ storeHooks, tokenIndex }) => {
   const tokenIds = storeHooks.useO(tokenIndex);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: Object.entries(tokenIds).map(([key, token]) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react6.Fragment, { children: key.startsWith(`\u{1F441}\u200D\u{1F5E8}_`) ? null : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "node", children: [
-    key,
-    ":",
-    `type` in token ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StoreEditor, { storeHooks, token }) : recordToEntries(token.familyMembers).map(([key2, token2]) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "node", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: Object.entries(tokenIds).map(([key, token]) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react6.Fragment, { children: key.startsWith(`\u{1F441}\u200D\u{1F5E8}_`) ? null : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "node", children: `type` in token ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { onClick: () => console.log(token, (0, import_atom.getState)(token)), children: key }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StoreEditor, { storeHooks, token })
+  ] }) : recordToEntries(token.familyMembers).map(([key2, token2]) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { children: key2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "node", children: [
       key2,
       ":",
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StoreEditor, { storeHooks, token: token2 })
-    ] }, key2))
-  ] }) }, key)) });
+    ] }, key2)
+  ] })) }) }, key)) });
 };
 
 // ../src/web-effects/storage.ts
@@ -1484,8 +1487,8 @@ var lazyLocalStorageEffect = persistAtom(localStorage)(JSON);
 
 // ../src/react-devtools/AtomIODevtools.tsx
 var import_jsx_runtime14 = require("@emotion/react/jsx-runtime");
-var { atomTokenIndexState, selectorTokenIndexState } = import_atom.__INTERNAL__.META.attachMetaState();
-var devtoolsAreOpenState = (0, import_atom.atom)({
+var { atomTokenIndexState, selectorTokenIndexState } = import_atom2.__INTERNAL__.META.attachMetaState();
+var devtoolsAreOpenState = (0, import_atom2.atom)({
   key: `\u{1F441}\u200D\u{1F5E8}_devtools_are_open`,
   default: true,
   effects: [lazyLocalStorageEffect(`\u{1F441}\u200D\u{1F5E8}_devtools_are_open`)]