@yaasl/core 0.8.0-alpha.2 → 0.8.0-alpha.4

package/dist/@types/base/Stateful.d.ts

@@ -1,6 +1,7 @@
 type Callback<Value> = (value: Value, previous: Value) => void;
 export declare class Stateful<Value = unknown> {
     protected value: Value;
+    didInit: PromiseLike<void> | boolean;
     private listeners;
     constructor(value: Value);
     /** Read the value of state.
@@ -17,5 +18,6 @@ export declare class Stateful<Value = unknown> {
     subscribe(callback: Callback<Value>): () => boolean;
     private emit;
     protected update(value: Value): void;
+    protected setDidInit(didInit: boolean | PromiseLike<void>): void;
 }
 export {};

package/dist/@types/base/atom.d.ts

@@ -12,7 +12,6 @@ export interface AtomConfig<Value> {
 export declare class Atom<Value = unknown> extends Stateful<Value> {
     readonly defaultValue: Value;
     readonly name: string;
-    didInit: PromiseLike<void> | boolean;
     constructor({ defaultValue, name, middleware, }: AtomConfig<Value>);
     /** Set the value of the atom.
      *
@@ -20,11 +19,6 @@ export declare class Atom<Value = unknown> extends Stateful<Value> {
      * new value based off the previous value.
      */
     set(next: SetStateAction<Value>): void;
-    /** Resolve the value of a promise and set as atom value.
-     *
-     * @param promise Promise to unwrap
-     */
-    unwrap(promise: Promise<Value>): Promise<Value>;
 }
 /** Creates an atom store.
  *

package/dist/@types/base/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./atom";
 export * from "./derive";
 export * from "./config";
+export * from "./select";
 export * from "./Stateful";

package/dist/@types/base/select.d.ts

@@ -0,0 +1,20 @@
+import { Stateful } from "./Stateful";
+type Selectable = Record<string | number, unknown>;
+type DeepKeys<T> = T extends object ? {
+    [K in keyof T]: `${Exclude<K, symbol>}${"" | `.${DeepKeys<T[K]>}`}`;
+}[keyof T] : never;
+type DeepValue<T, Path> = T extends Record<string | number, unknown> ? Path extends `${infer Current}.${infer Next}` ? DeepValue<T[Current], Next> : T[Path & string] : never;
+export declare class Select<Path extends DeepKeys<State>, State extends Selectable> extends Stateful<DeepValue<State, Path>> {
+    protected readonly parent: Stateful<State>;
+    protected readonly path: Path;
+    constructor(parent: Stateful<State>, path: Path);
+}
+/** Creates a value, selected from any stateful value.
+ *
+ *  @param parent The parent element to select a value from. The internal state must be an object.
+ *  @param path The path to the value you want to select.
+ *
+ *  @returns A select instance.
+ **/
+export declare const select: <Path extends DeepKeys<State>, State extends Selectable>(parent: Stateful<State>, path: Path) => Select<Path, State>;
+export {};

package/dist/cjs/base/Stateful.js

@@ -4,6 +4,7 @@ exports.Stateful = void 0;
 class Stateful {
     constructor(value) {
         this.value = value;
+        this.didInit = false;
         this.listeners = new Set();
     }
     /** Read the value of state.
@@ -33,5 +34,15 @@ class Stateful {
             this.emit(value, previous);
         }
     }
+    setDidInit(didInit) {
+        if (typeof didInit === "boolean") {
+            this.didInit = true;
+        }
+        else {
+            this.didInit = didInit.then(() => {
+                this.didInit = true;
+            });
+        }
+    }
 }
 exports.Stateful = Stateful;

package/dist/cjs/base/atom.js

@@ -1,13 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.atom = exports.Atom = void 0;
 const Stateful_1 = require("./Stateful");
@@ -16,7 +7,6 @@ let key = 0;
 class Atom extends Stateful_1.Stateful {
     constructor({ defaultValue, name = `atom-${++key}`, middleware, }) {
         super(defaultValue);
-        this.didInit = false;
         this.name = name;
         this.defaultValue = defaultValue;
         if (!middleware || middleware.length === 0) {
@@ -24,14 +14,7 @@ class Atom extends Stateful_1.Stateful {
             return;
         }
         const { didInit } = new MiddlewareDispatcher_1.MiddlewareDispatcher({ atom: this, middleware });
-        if (typeof didInit === "boolean") {
-            this.didInit = didInit;
-        }
-        else {
-            this.didInit = didInit.then(() => {
-                this.didInit = true;
-            });
-        }
+        this.setDidInit(didInit);
     }
     /** Set the value of the atom.
      *
@@ -42,17 +25,6 @@ class Atom extends Stateful_1.Stateful {
         const value = next instanceof Function ? next(this.get()) : next;
         super.update(value);
     }
-    /** Resolve the value of a promise and set as atom value.
-     *
-     * @param promise Promise to unwrap
-     */
-    unwrap(promise) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const value = yield promise;
-            this.set(value);
-            return value;
-        });
-    }
 }
 exports.Atom = Atom;
 /** Creates an atom store.

package/dist/cjs/base/derive.js

@@ -3,6 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.derive = exports.SettableDerive = exports.Derive = void 0;
 const utils_1 = require("@yaasl/utils");
 const Stateful_1 = require("./Stateful");
+const allDidInit = (atoms) => {
+    const inits = atoms
+        .map(atom => atom.didInit)
+        .filter((didInit) => typeof didInit !== "boolean");
+    return inits.length === 0 ? true : Promise.all(inits).then(utils_1.toVoid);
+};
 class Derive extends Stateful_1.Stateful {
     constructor(getter) {
         super(undefined);
@@ -10,6 +16,7 @@ class Derive extends Stateful_1.Stateful {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.getterDependencies = new Set();
         this.value = getter({ get: dep => this.addGetDependency(dep) });
+        this.setDidInit(allDidInit(Array.from(this.getterDependencies)));
     }
     addGetDependency(dependency) {
         if (!this.getterDependencies.has(dependency)) {

package/dist/cjs/base/index.js

@@ -17,4 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./atom"), exports);
 __exportStar(require("./derive"), exports);
 __exportStar(require("./config"), exports);
+__exportStar(require("./select"), exports);
 __exportStar(require("./Stateful"), exports);

package/dist/cjs/base/select.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.select = exports.Select = void 0;
+const Stateful_1 = require("./Stateful");
+const selectValue = (state, path) => path
+    .split(".")
+    .reduce((result, key) => result[key], state);
+class Select extends Stateful_1.Stateful {
+    constructor(parent, path) {
+        super(selectValue(parent.get(), path));
+        this.parent = parent;
+        this.path = path;
+        parent.subscribe(state => this.update(selectValue(state, path)));
+        this.setDidInit(parent.didInit);
+    }
+}
+exports.Select = Select;
+/** Creates a value, selected from any stateful value.
+ *
+ *  @param parent The parent element to select a value from. The internal state must be an object.
+ *  @param path The path to the value you want to select.
+ *
+ *  @returns A select instance.
+ **/
+const select = (parent, path) => new Select(parent, path);
+exports.select = select;

package/dist/cjs/middleware/MiddlewareDispatcher.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MiddlewareDispatcher = void 0;
-const isPromiseLike_1 = require("../utils/isPromiseLike");
+const utils_1 = require("@yaasl/utils");
 const Scheduler_1 = require("../utils/Scheduler");
 class MiddlewareDispatcher {
     constructor({ atom, middleware }) {
@@ -13,7 +13,7 @@ class MiddlewareDispatcher {
         this.subscribeSetters(atom);
         this.callMiddlewareAction("didInit", atom);
         const { queue } = this.scheduler;
-        if (!(0, isPromiseLike_1.isPromiseLike)(queue)) {
+        if (!(0, utils_1.isPromiseLike)(queue)) {
             this.didInit = true;
             return;
         }

package/dist/cjs/utils/Scheduler.js

@@ -1,17 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Scheduler = void 0;
-const isPromiseLike_1 = require("./isPromiseLike");
-const Thenable_1 = require("./Thenable");
-const toVoid = () => {
-    // omit args
-};
+const utils_1 = require("@yaasl/utils");
 class Scheduler {
     constructor() {
         this.queue = null;
     }
     run(...tasks) {
-        const run = () => this.execute(tasks.flat()).then(toVoid);
+        const run = () => this.execute(tasks.flat()).then(utils_1.toVoid);
         const promise = this.queue ? this.queue.then(run) : run();
         this.queue = promise;
         return promise.then(() => {
@@ -23,9 +19,9 @@ class Scheduler {
     execute(tasks) {
         const result = tasks.map(task => {
             const result = task();
-            return (0, isPromiseLike_1.isPromiseLike)(result) ? result : new Thenable_1.Thenable(result);
+            return (0, utils_1.isPromiseLike)(result) ? result : new utils_1.Thenable(result);
         });
-        return Thenable_1.Thenable.all(result);
+        return utils_1.Thenable.all(result);
     }
 }
 exports.Scheduler = Scheduler;

package/dist/mjs/base/Stateful.js

@@ -1,6 +1,7 @@
 export class Stateful {
     constructor(value) {
         this.value = value;
+        this.didInit = false;
         this.listeners = new Set();
     }
     /** Read the value of state.
@@ -30,4 +31,14 @@ export class Stateful {
             this.emit(value, previous);
         }
     }
+    setDidInit(didInit) {
+        if (typeof didInit === "boolean") {
+            this.didInit = true;
+        }
+        else {
+            this.didInit = didInit.then(() => {
+                this.didInit = true;
+            });
+        }
+    }
 }

package/dist/mjs/base/atom.js

@@ -4,7 +4,6 @@ let key = 0;
 export class Atom extends Stateful {
     constructor({ defaultValue, name = `atom-${++key}`, middleware, }) {
         super(defaultValue);
-        this.didInit = false;
         this.name = name;
         this.defaultValue = defaultValue;
         if (!middleware || middleware.length === 0) {
@@ -12,14 +11,7 @@ export class Atom extends Stateful {
             return;
         }
         const { didInit } = new MiddlewareDispatcher({ atom: this, middleware });
-        if (typeof didInit === "boolean") {
-            this.didInit = didInit;
-        }
-        else {
-            this.didInit = didInit.then(() => {
-                this.didInit = true;
-            });
-        }
+        this.setDidInit(didInit);
     }
     /** Set the value of the atom.
      *
@@ -30,15 +22,6 @@ export class Atom extends Stateful {
         const value = next instanceof Function ? next(this.get()) : next;
         super.update(value);
     }
-    /** Resolve the value of a promise and set as atom value.
-     *
-     * @param promise Promise to unwrap
-     */
-    async unwrap(promise) {
-        const value = await promise;
-        this.set(value);
-        return value;
-    }
 }
 /** Creates an atom store.
  *

package/dist/mjs/base/derive.js

@@ -1,5 +1,11 @@
-import { consoleMessage } from "@yaasl/utils";
+import { consoleMessage, toVoid } from "@yaasl/utils";
 import { Stateful } from "./Stateful";
+const allDidInit = (atoms) => {
+    const inits = atoms
+        .map(atom => atom.didInit)
+        .filter((didInit) => typeof didInit !== "boolean");
+    return inits.length === 0 ? true : Promise.all(inits).then(toVoid);
+};
 export class Derive extends Stateful {
     constructor(getter) {
         super(undefined);
@@ -7,6 +13,7 @@ export class Derive extends Stateful {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.getterDependencies = new Set();
         this.value = getter({ get: dep => this.addGetDependency(dep) });
+        this.setDidInit(allDidInit(Array.from(this.getterDependencies)));
     }
     addGetDependency(dependency) {
         if (!this.getterDependencies.has(dependency)) {

package/dist/mjs/base/index.js

@@ -1,4 +1,5 @@
 export * from "./atom";
 export * from "./derive";
 export * from "./config";
+export * from "./select";
 export * from "./Stateful";

package/dist/mjs/base/select.js

@@ -0,0 +1,21 @@
+import { Stateful } from "./Stateful";
+const selectValue = (state, path) => path
+    .split(".")
+    .reduce((result, key) => result[key], state);
+export class Select extends Stateful {
+    constructor(parent, path) {
+        super(selectValue(parent.get(), path));
+        this.parent = parent;
+        this.path = path;
+        parent.subscribe(state => this.update(selectValue(state, path)));
+        this.setDidInit(parent.didInit);
+    }
+}
+/** Creates a value, selected from any stateful value.
+ *
+ *  @param parent The parent element to select a value from. The internal state must be an object.
+ *  @param path The path to the value you want to select.
+ *
+ *  @returns A select instance.
+ **/
+export const select = (parent, path) => new Select(parent, path);

package/dist/mjs/middleware/MiddlewareDispatcher.js

@@ -1,4 +1,4 @@
-import { isPromiseLike } from "../utils/isPromiseLike";
+import { isPromiseLike } from "@yaasl/utils";
 import { Scheduler } from "../utils/Scheduler";
 export class MiddlewareDispatcher {
     constructor({ atom, middleware }) {

package/dist/mjs/utils/Scheduler.js

@@ -1,8 +1,4 @@
-import { isPromiseLike } from "./isPromiseLike";
-import { Thenable } from "./Thenable";
-const toVoid = () => {
-    // omit args
-};
+import { toVoid, isPromiseLike, Thenable } from "@yaasl/utils";
 export class Scheduler {
     constructor() {
         this.queue = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yaasl/core",
-  "version": "0.8.0-alpha.2",
+  "version": "0.8.0-alpha.4",
   "description": "yet another atomic store library (vanilla-js)",
   "author": "PrettyCoffee",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "validate": "run-s lint test build"
   },
   "dependencies": {
-    "@yaasl/utils": "0.8.0-alpha.2"
+    "@yaasl/utils": "0.8.0-alpha.4"
   },
   "eslintConfig": {
     "extends": [

package/dist/@types/utils/Thenable.d.ts

@@ -1,9 +0,0 @@
-type Executor<T, R> = ((value: T) => R | PromiseLike<R>) | undefined | null;
-export declare class Thenable<T = undefined> implements PromiseLike<T> {
-    private value?;
-    constructor(value?: T | undefined);
-    then<Result = T, Reject = never>(onfulfilled?: Executor<T, Result>, onrejected?: Executor<any, Reject>): PromiseLike<Result | Reject>;
-    static isThenable(item: unknown): boolean;
-    static all(items: PromiseLike<any>[]): Promise<any[]> | Thenable<unknown[]>;
-}
-export {};

package/dist/@types/utils/isPromise.d.ts

@@ -1 +0,0 @@
-export declare const isPromise: (value: unknown) => value is Promise<any>;

package/dist/@types/utils/isPromiseLike.d.ts

@@ -1 +0,0 @@
-export declare const isPromiseLike: (value: unknown) => value is PromiseLike<any>;

package/dist/cjs/utils/Thenable.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Thenable = void 0;
-const isPromiseLike_1 = require("./isPromiseLike");
-class Thenable {
-    constructor(value) {
-        this.value = value;
-    }
-    then(onfulfilled, onrejected) {
-        try {
-            const result = !onfulfilled ? this.value : onfulfilled(this.value);
-            return (0, isPromiseLike_1.isPromiseLike)(result) ? result : new Thenable(result);
-        }
-        catch (error) {
-            if (!onrejected)
-                throw error;
-            const result = onrejected(error);
-            return (0, isPromiseLike_1.isPromiseLike)(result) ? result : new Thenable(result);
-        }
-    }
-    static isThenable(item) {
-        return item instanceof Thenable;
-    }
-    static all(items) {
-        const onlyThenables = items.every(item => this.isThenable(item));
-        if (!onlyThenables) {
-            return Promise.all(items);
-        }
-        const result = [];
-        items.forEach(item => void item.then(value => {
-            result.push(value);
-        }));
-        return new Thenable(result);
-    }
-}
-exports.Thenable = Thenable;

package/dist/cjs/utils/isPromise.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isPromise = void 0;
-const isPromise = (value) => value instanceof Promise;
-exports.isPromise = isPromise;

package/dist/cjs/utils/isPromiseLike.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isPromiseLike = void 0;
-const isPromiseLike = (value) => typeof value === "object" &&
-    value !== null &&
-    "then" in value &&
-    typeof value.then === "function";
-exports.isPromiseLike = isPromiseLike;

package/dist/mjs/utils/Thenable.js

@@ -1,32 +0,0 @@
-import { isPromiseLike } from "./isPromiseLike";
-export class Thenable {
-    constructor(value) {
-        this.value = value;
-    }
-    then(onfulfilled, onrejected) {
-        try {
-            const result = !onfulfilled ? this.value : onfulfilled(this.value);
-            return isPromiseLike(result) ? result : new Thenable(result);
-        }
-        catch (error) {
-            if (!onrejected)
-                throw error;
-            const result = onrejected(error);
-            return isPromiseLike(result) ? result : new Thenable(result);
-        }
-    }
-    static isThenable(item) {
-        return item instanceof Thenable;
-    }
-    static all(items) {
-        const onlyThenables = items.every(item => this.isThenable(item));
-        if (!onlyThenables) {
-            return Promise.all(items);
-        }
-        const result = [];
-        items.forEach(item => void item.then(value => {
-            result.push(value);
-        }));
-        return new Thenable(result);
-    }
-}

package/dist/mjs/utils/isPromise.js

@@ -1 +0,0 @@
-export const isPromise = (value) => value instanceof Promise;

package/dist/mjs/utils/isPromiseLike.js

@@ -1,4 +0,0 @@
-export const isPromiseLike = (value) => typeof value === "object" &&
-    value !== null &&
-    "then" in value &&
-    typeof value.then === "function";