atom.io 0.6.4 → 0.6.6

package/introspection/package.json

@@ -0,0 +1,15 @@
+{
+	"name": "atom.io-introspection",
+	"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,12 +1,14 @@
 {
   "name": "atom.io",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "description": "Reactive state graph for React, Preact, and vanilla",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.mjs",
   "files": [
     "dist",
+    "introspection/dist",
+    "introspection/package.json",
     "json/dist",
     "json/package.json",
     "react/dist",
@@ -29,6 +31,13 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
+    "./introspection/package.json": "./json/package.json",
+    "./introspection": {
+      "types": "./json/dist/index.d.ts",
+      "browser": "./json/dist/index.mjs",
+      "import": "./json/dist/index.mjs",
+      "require": "./json/dist/index.js"
+    },
     "./json/package.json": "./json/package.json",
     "./json": {
       "types": "./json/dist/index.d.ts",
@@ -93,27 +102,27 @@
     }
   },
   "dependencies": {
-    "fp-ts": "2.16.0",
+    "fp-ts": "2.16.1",
     "hamt_plus": "1.0.2"
   },
   "devDependencies": {
     "@emotion/react": "11.11.1",
     "@testing-library/react": "14.0.0",
     "@types/mock-fs": "4.13.1",
-    "@types/react": "18.2.15",
+    "@types/react": "18.2.17",
     "@types/tmp": "0.2.3",
     "eslint": "8.45.0",
-    "framer-motion": "10.12.22",
-    "happy-dom": "10.5.1",
+    "framer-motion": "10.14.0",
+    "happy-dom": "10.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-router-dom": "6.14.1",
+    "react-router-dom": "6.14.2",
     "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": "4.4.7",
     "vite-tsconfig-paths": "4.2.0",
     "vitest": "0.33.0"
   },
@@ -128,7 +137,7 @@
     "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)",
+    "build": "./build.sh",
     "lint:rome": "rome check .",
     "lint:eslint": "eslint .",
     "lint": "npm run lint:rome && npm run lint:eslint",

package/react-devtools/dist/index.css

@@ -2,9 +2,12 @@
 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: #222;
-    --bg-color: #ccc;
+    --fg-color: #444;
+    --bg-color: #ddd;
+    --bg-tint1: #e3e3e3;
   }
   box-sizing: border-box;
   color: var(--fg-color);
@@ -18,9 +21,23 @@ main.atom_io_devtools {
   flex-flow: column;
   max-height: 800px;
   width: 100%;
-  max-width: 460px;
+  max-width: 500px;
   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; } } } };
+  * {
+    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-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 { 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 */

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

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

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

@@ -1,15 +1,354 @@
+import { Hamt } from 'hamt_plus';
+import { Refinement } from 'fp-ts/Refinement';
+import { AtomToken as AtomToken$1, ReadonlySelectorToken as ReadonlySelectorToken$1, SelectorToken as SelectorToken$1 } from 'atom.io';
 import { FC } from 'react';
-import * as AtomIO from 'atom.io';
 
-type Modifier<T> = (thing: T) => T;
+type PlainObject = Record<keyof any, unknown>;
 
-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];
+type ƒn = (...parameters: any[]) => any;
+
+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;
+
+type Identified = {
+    id: string;
+};
+
+declare const RELATION_TYPES: readonly ["1:1", "1:n", "n:n"];
+type RelationType = typeof RELATION_TYPES[number];
+type RelationData<CONTENT extends JsonObj | null = null, A extends string = `from`, B extends string = `to`> = {
+    contents: JsonObj<string, CONTENT>;
+    relations: JsonObj<string, string[]>;
+    relationType: RelationType;
+    a: A;
+    b: B;
+};
+type IsRelationDataOptions<CONTENT extends JsonObj | null = null, A extends string = `from`, B extends string = `to`> = {
+    from?: A;
+    to?: B;
+    isContent?: (json: Json) => json is CONTENT;
+};
+
+type NullSafeUnion<Base, Extension> = Extension extends null ? Base : Base & Extension;
+type NullSafeRest<MaybeArg> = MaybeArg extends null ? [] | [undefined] : [MaybeArg];
+
+declare class Join<CONTENT extends JsonObj | null = null, A extends string = `from`, B extends string = `to`> implements RelationData<CONTENT, A, B> {
+    readonly relationType: `1:1` | `1:n` | `n:n`;
+    readonly a: A;
+    readonly b: B;
+    readonly relations: Record<string, string[]>;
+    readonly contents: Record<string, CONTENT>;
+    constructor(json?: Partial<RelationData<CONTENT, A, B>>);
+    toJSON(): RelationData<CONTENT, A, B>;
+    static fromJSON<CONTENT extends JsonObj | null, A extends string, B extends string>(json: Json, options?: IsRelationDataOptions<CONTENT, A, B>): Join<CONTENT, A, B>;
+    from<AA extends string>(newA: AA): Join<CONTENT, AA, B>;
+    to<BB extends string>(newB: BB): Join<CONTENT, A, BB>;
+    makeJsonInterface: (...params: CONTENT extends null ? [
+    ] : [Refinement<unknown, CONTENT>]) => JsonInterface<Join<CONTENT, A, B>, RelationData<CONTENT, A, B>>;
+    getRelatedId(id: string): string | undefined;
+    getRelatedIds(id: string): string[];
+    getContent(idA: string, idB: string): CONTENT | undefined;
+    getRelationEntries(id: string): [string, CONTENT][];
+    getRelationRecord(id: string): Record<string, CONTENT>;
+    getRelation(id: string): NullSafeUnion<Identified, CONTENT> | undefined;
+    getRelations(id: string): NullSafeUnion<Identified, CONTENT>[];
+    setRelations(subject: {
+        [from in A]: string;
+    } | {
+        [to in B]: string;
+    }, relations: NullSafeUnion<Identified, CONTENT>[]): Join<CONTENT, A, B>;
+    set(relation: {
+        [key in A | B]: string;
+    }, ...rest: NullSafeRest<CONTENT>): Join<CONTENT, A, B>;
+    remove(relation: Partial<Record<A | B, string>>): Join<CONTENT, A, B>;
+}
+
+type AtomFamily<T, K extends Serializable = Serializable> = ((key: K) => AtomToken<T>) & {
+    key: string;
+    type: `atom_family`;
+    subject: Subject<AtomToken<T>>;
+};
+
+type Logger = Pick<Console, `error` | `info` | `warn`>;
+
+type TransactionToken<_> = {
+    key: string;
+    type: `transaction`;
+    __brand?: _;
 };
+type TransactionUpdate<ƒ extends ƒn> = {
+    key: string;
+    atomUpdates: KeyedStateUpdate<unknown>[];
+    params: Parameters<ƒ>;
+    output: ReturnType<ƒ>;
+};
+
+type ReadonlySelectorFamily<T, K extends Serializable = Serializable> = ((key: K) => ReadonlySelectorToken<T>) & {
+    key: string;
+    type: `readonly_selector_family`;
+    subject: Subject<ReadonlySelectorToken<T>>;
+};
+
+type StateUpdate<T> = {
+    newValue: T;
+    oldValue: T;
+};
+type KeyedStateUpdate<T> = StateUpdate<T> & {
+    key: string;
+};
+
+type TimelineToken = {
+    key: string;
+    type: `timeline`;
+};
+type TimelineUpdate = TimelineAtomUpdate | TimelineSelectorUpdate | TimelineTransactionUpdate;
+
+type AtomToken<_> = {
+    key: string;
+    type: `atom`;
+    family?: FamilyMetadata;
+    __brand?: _;
+};
+type SelectorToken<_> = {
+    key: string;
+    type: `selector`;
+    family?: FamilyMetadata;
+    __brand?: _;
+};
+type StateToken<T> = AtomToken<T> | SelectorToken<T>;
+type ReadonlySelectorToken<_> = {
+    key: string;
+    type: `readonly_selector`;
+    family?: FamilyMetadata;
+    __brand?: _;
+};
+type FamilyMetadata = {
+    key: string;
+    subKey: string;
+};
+
+type StoreCore = Pick<Store, `atoms` | `atomsThatAreDefault` | `operation` | `readonlySelectors` | `selectorAtoms` | `selectorGraph` | `selectors` | `timelineAtoms` | `timelines` | `transactions` | `valueMap`>;
+interface Store {
+    atoms: Hamt<Atom<any>, string>;
+    atomsThatAreDefault: Set<string>;
+    readonlySelectors: Hamt<ReadonlySelector<any>, string>;
+    selectorAtoms: Join<null, `selectorKey`, `atomKey`>;
+    selectorGraph: Join<{
+        source: string;
+    }>;
+    selectors: Hamt<Selector<any>, string>;
+    timelineAtoms: Join<null, `timelineKey`, `atomKey`>;
+    timelines: Hamt<Timeline, string>;
+    transactions: Hamt<Transaction<any>, string>;
+    valueMap: Hamt<any, string>;
+    subject: {
+        atomCreation: Subject<AtomToken<unknown>>;
+        selectorCreation: Subject<ReadonlySelectorToken<unknown> | SelectorToken<unknown>>;
+        transactionCreation: Subject<TransactionToken<ƒn>>;
+        timelineCreation: Subject<TimelineToken>;
+        operationStatus: Subject<OperationProgress>;
+    };
+    operation: OperationProgress;
+    transactionStatus: TransactionStatus<ƒn>;
+    config: {
+        name: string;
+        logger: Logger | null;
+        logger__INTERNAL: Logger;
+    };
+}
+
+type Atom<T> = {
+    key: string;
+    type: `atom`;
+    family?: FamilyMetadata;
+    subject: Subject<{
+        newValue: T;
+        oldValue: T;
+    }>;
+    default: T;
+};
+
+type OperationProgress = {
+    open: false;
+} | {
+    open: true;
+    done: Set<string>;
+    prev: Hamt<any, string>;
+    time: number;
+    token: StateToken<any>;
+};
+
+type Selector<T> = {
+    key: string;
+    type: `selector`;
+    family?: FamilyMetadata;
+    install: (store: Store) => void;
+    subject: Subject<{
+        newValue: T;
+        oldValue: T;
+    }>;
+    get: () => T;
+    set: (newValue: T | ((oldValue: T) => T)) => void;
+};
+type ReadonlySelector<T> = {
+    key: string;
+    type: `readonly_selector`;
+    family?: FamilyMetadata;
+    install: (store: Store) => void;
+    subject: Subject<{
+        newValue: T;
+        oldValue: T;
+    }>;
+    get: () => T;
+};
+
+type Subscriber<T> = (value: T) => void;
+declare class Subject<T> {
+    subscribers: Subscriber<T>[];
+    subscribe(subscriber: Subscriber<T>): {
+        unsubscribe: () => void;
+    };
+    private unsubscribe;
+    next(value: T): void;
+}
+
+type TimelineAtomUpdate = StateUpdate<unknown> & {
+    key: string;
+    type: `atom_update`;
+    timestamp: number;
+};
+type TimelineSelectorUpdate = {
+    key: string;
+    type: `selector_update`;
+    timestamp: number;
+    atomUpdates: Omit<TimelineAtomUpdate, `timestamp`>[];
+};
+type TimelineTransactionUpdate = TransactionUpdate<ƒn> & {
+    key: string;
+    type: `transaction_update`;
+    timestamp: number;
+};
+type Timeline = {
+    key: string;
+    at: number;
+    timeTraveling: boolean;
+    history: TimelineUpdate[];
+    selectorTime: number | null;
+    transactionKey: string | null;
+    install: (store: Store) => void;
+    subject: Subject<TimelineAtomUpdate | TimelineSelectorUpdate | TimelineTransactionUpdate | `redo` | `undo`>;
+};
+
+type Transaction<ƒ extends ƒn> = {
+    key: string;
+    type: `transaction`;
+    install: (store: Store) => void;
+    subject: Subject<TransactionUpdate<ƒ>>;
+    run: (...parameters: Parameters<ƒ>) => ReturnType<ƒ>;
+};
+
+type TransactionUpdateInProgress<ƒ extends ƒn> = TransactionUpdate<ƒ> & {
+    phase: `applying` | `building`;
+    time: number;
+    core: StoreCore;
+};
+type TransactionIdle = {
+    phase: `idle`;
+};
+type TransactionStatus<ƒ extends ƒn> = TransactionIdle | TransactionUpdateInProgress<ƒ>;
+
+type AtomTokenIndex = StateTokenIndex<AtomToken$1<unknown>>;
+
+type FamilyNode<Token extends AtomToken$1<unknown> | ReadonlySelectorToken$1<unknown> | SelectorToken$1<unknown>> = {
+    key: string;
+    familyMembers: Record<string, Token>;
+};
+type StateTokenIndex<Token extends AtomToken$1<unknown> | ReadonlySelectorToken$1<unknown> | SelectorToken$1<unknown>> = Record<string, FamilyNode<Token> | Token>;
+
+type SelectorTokenIndex = StateTokenIndex<ReadonlySelectorToken$1<unknown> | SelectorToken$1<unknown>>;
+
+type ClassSignature = abstract new (...args: any) => any;
+
+type RefinementStrategy = ClassSignature | Refinement<unknown, any>;
+type Supported<Refine extends RefinementStrategy> = Refine extends Refinement<unknown, infer T> ? T : Refine extends ClassSignature ? InstanceType<Refine> : never;
+type RefinementSupport = Record<string, RefinementStrategy>;
+declare class Refinery<SupportedTypes extends RefinementSupport> {
+    supported: SupportedTypes;
+    constructor(supported: SupportedTypes);
+    refine(input: unknown): {
+        [K in keyof SupportedTypes]: {
+            type: K;
+            data: Supported<SupportedTypes[K]>;
+        };
+    }[keyof SupportedTypes] | null;
+}
+
+type Delta = {
+    summary: string;
+    added?: [path: string, addedStringifiedValue: string][];
+    removed?: [path: string, removedStringifiedValue: string][];
+    changed?: [path: string, delta: Delta][];
+};
+type Diff<T> = (a: T, b: T) => Delta;
+type DiffTree<T> = (a: T, b: T, recurse: Differ<any, any>[`diff`]) => Delta;
+declare class Differ<Leaf extends Record<string, any>, Tree extends Record<string, any>> {
+    leafRefinery: Refinery<Leaf>;
+    treeRefinery: Refinery<Tree>;
+    leafDiffers: {
+        [K in keyof Leaf]: Diff<Supported<Leaf[K]>>;
+    };
+    treeDiffers: {
+        [K in keyof Tree]: DiffTree<Supported<Tree[K]>>;
+    };
+    constructor(leafRefinery: Refinery<Leaf>, treeRefinery: Refinery<Tree>, diffFunctions: {
+        [K in keyof Tree]: DiffTree<Supported<Tree[K]>>;
+    } & {
+        [K in keyof Leaf]: Diff<Supported<Leaf[K]>>;
+    });
+    diff(a: unknown, b: unknown): Delta;
+}
 
-declare const composeDevtools: (storeHooks: StoreHooks) => FC;
 declare const AtomIODevtools: FC;
 
-export { AtomIODevtools, composeDevtools };
+declare const atomIndex: ReadonlySelectorToken<AtomTokenIndex>;
+declare const selectorIndex: ReadonlySelectorToken<SelectorTokenIndex>;
+declare const transactionIndex: ReadonlySelectorToken<TransactionToken<ƒn>[]>;
+declare const findTransactionLogState: ReadonlySelectorFamily<TransactionUpdate<ƒn>[]>;
+declare const timelineIndex: ReadonlySelectorToken<TimelineToken[]>;
+declare const findTimelineState: ReadonlySelectorFamily<Timeline>;
+declare const devtoolsAreOpenState: AtomToken<boolean>;
+type DevtoolsView = `atoms` | `selectors` | `timelines` | `transactions`;
+declare const devtoolsViewSelectionState: AtomToken<DevtoolsView>;
+declare const devtoolsViewOptionsState: AtomToken<DevtoolsView[]>;
+declare const findViewIsOpenState: AtomFamily<boolean, string>;
+declare const primitiveRefinery: Refinery<{
+    number: (input: unknown) => input is number;
+    string: (input: unknown) => input is string;
+    boolean: (input: unknown) => input is boolean;
+    null: (input: unknown) => input is null;
+}>;
+declare const jsonTreeRefinery: Refinery<{
+    object: (input: unknown) => input is PlainObject;
+    array: (input: unknown) => input is unknown[];
+}>;
+declare const prettyJson: Differ<{
+    number: (input: unknown) => input is number;
+    string: (input: unknown) => input is string;
+    boolean: (input: unknown) => input is boolean;
+    null: (input: unknown) => input is null;
+}, {
+    object: (input: unknown) => input is PlainObject;
+    array: (input: unknown) => input is unknown[];
+}>;
+
+export { AtomIODevtools, atomIndex, devtoolsAreOpenState, devtoolsViewOptionsState, devtoolsViewSelectionState, findTimelineState, findTransactionLogState, findViewIsOpenState, jsonTreeRefinery, prettyJson, primitiveRefinery, selectorIndex, timelineIndex, transactionIndex };