@tempots/dom 5.0.0 → 5.0.2

package/jsx.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "@tempots/dom",
-  "version": "5.0.0",
-  "main": "dist/index.js",
+  "version": "5.0.2",
+  "main": "index.js",
+  "types": "index.d.ts",
   "scripts": {
     "watch": "tsc --watch",
     "build": "tsc",
     "test": "jest",
     "test:watch": "jest --watch",
     "coverage": "jest --coverage",
-    "npm:publish": "yarn publish --access public"
+    "npm:prep": "yarn build && cp README.md package.json dist",
+    "npm:publish": "yarn npm:prep && (cd dist && yarn publish --access public)"
   },
   "dependencies": {},
   "devDependencies": {

package/prop.d.ts

@@ -0,0 +1,43 @@
+export type ArgsToSignals<T extends [...unknown[]]> = T extends [] ? [] : T extends [infer U, ...infer V] ? [Signal<U>, ...ArgsToSignals<V>] : [];
+declare const $isSignal: unique symbol;
+declare const $isProp: unique symbol;
+export type Value<T> = T | Signal<T>;
+export declare class Signal<T> {
+    protected _value: T;
+    static of<T>(value: T): Signal<T>;
+    static ofValue<T>(value: Value<T> | null | undefined): Signal<T> | undefined;
+    static wrap<T>(value: T | Signal<T>): Signal<T>;
+    static isSignal<T = unknown>(x: unknown): x is Signal<T>;
+    /**
+     * Combines many into one using a merging function
+     */
+    static combine<Args extends [...unknown[]], Out>(others: ArgsToSignals<Args>, f: (...args: Args) => Out): Signal<Out>;
+    readonly [$isSignal] = true;
+    protected readonly _listeners: Array<(value: T) => void>;
+    constructor(_value: T);
+    readonly get: () => T;
+    readonly subscribe: (listener: (value: T) => void) => () => void;
+    readonly map: <V>(f: (value: T) => V) => Signal<V>;
+    readonly flatMap: <V>(f: (value: T) => Signal<V>) => Signal<V>;
+    readonly tap: (f: (value: T) => void) => this;
+    readonly at: <K extends keyof T>(key: K) => Signal<T[K]>;
+    readonly filter: (predicate: (value: T) => boolean) => Signal<T>;
+    readonly distinct: (equality: (a: T, b: T) => boolean) => Signal<T>;
+    readonly mapAsync: <V>(f: (value: T) => Promise<V>, alt: V) => Signal<V>;
+    readonly mapMaybe: <V>(f: (value: T) => V | null | undefined, alt: V) => Signal<V>;
+    readonly combine: <V, Z>(other: Signal<V>, f: (a: T, b: V) => Z) => Signal<Z>;
+    readonly feed: (prop: Prop<T>) => Prop<T>;
+    readonly deriveProp: () => Prop<T>;
+    readonly clean: () => void;
+}
+export declare class Prop<T> extends Signal<T> {
+    static isProp<T = unknown>(x: unknown): x is Prop<T>;
+    static of<T>(value: T): Prop<T>;
+    readonly [$isProp] = true;
+    readonly set: (value: T) => void;
+    readonly update: (f: (value: T) => T) => void;
+    readonly atLens: <K extends keyof T>(key: K) => Prop<T[K]>;
+    readonly reducer: <V>(f: (state: T, action: V) => T) => (action: V) => void;
+    readonly iso: <V>(map: (value: T) => V, reverse: (value: V) => T) => Prop<V>;
+}
+export {};

package/prop.js

@@ -0,0 +1,174 @@
+const $isSignal = Symbol('isSignal');
+const $isProp = Symbol('isProp');
+export class Signal {
+    _value;
+    static of(value) {
+        return new Signal(value);
+    }
+    static ofValue(value) {
+        return value == null ? undefined : Signal.wrap(value);
+    }
+    static wrap(value) {
+        return Signal.isSignal(value) ? value : new Signal(value);
+    }
+    static isSignal(x) {
+        const s = x;
+        return s != null && typeof s.get === 'function' && typeof s.subscribe === 'function';
+    }
+    /**
+     * Combines many into one using a merging function
+     */
+    static combine(others, f) {
+        function getValues(others) {
+            return others.map(other => other.get());
+        }
+        const prop = new Prop(f(...getValues(others)));
+        others.forEach((other) => {
+            other.subscribe(() => {
+                prop.set(f(...getValues(others)));
+            });
+        });
+        return prop;
+    }
+    [$isSignal] = true;
+    _listeners = [];
+    constructor(_value) {
+        this._value = _value;
+    }
+    get = () => {
+        return this._value;
+    };
+    subscribe = (listener) => {
+        this._listeners.push(listener);
+        return () => {
+            const index = this._listeners.indexOf(listener);
+            if (index >= 0) {
+                this._listeners.splice(index, 1);
+            }
+        };
+    };
+    map = (f) => {
+        const prop = new Prop(f(this._value));
+        this.subscribe(value => { prop.set(f(value)); });
+        return prop;
+    };
+    flatMap = (f) => {
+        let signal = f(this._value);
+        const prop = new Prop(signal.get());
+        this.subscribe(value => {
+            signal.clean();
+            signal = f(value);
+            signal.subscribe(value => { prop.set(value); });
+        });
+        return prop;
+    };
+    tap = (f) => {
+        f(this._value);
+        this.subscribe(f);
+        return this;
+    };
+    at = (key) => {
+        return this.map(value => value[key]);
+    };
+    filter = (predicate) => {
+        const prop = new Prop(this._value);
+        this.subscribe(value => {
+            if (predicate(value)) {
+                prop.set(value);
+            }
+        });
+        return prop;
+    };
+    distinct = (equality) => {
+        let lastValue = this._value;
+        return this.filter(value => {
+            const result = !equality(value, lastValue);
+            lastValue = value;
+            return result;
+        });
+    };
+    mapAsync = (f, alt) => {
+        let counter = 0;
+        const prop = new Prop(alt);
+        f(this._value)
+            .then(value => {
+            if (counter === 0)
+                prop.set(value);
+        })
+            .catch(e => {
+            throw e;
+        });
+        this.subscribe(value => {
+            const matchCounter = ++counter;
+            f(value)
+                .then(value => {
+                if (matchCounter === counter) {
+                    prop.set(value);
+                }
+            })
+                .catch(e => {
+                throw e;
+            });
+        });
+        return prop;
+    };
+    mapMaybe = (f, alt) => {
+        const prop = new Prop(f(this._value) ?? alt);
+        this.subscribe(value => {
+            const newValue = f(value);
+            if (newValue != null)
+                prop.set(newValue);
+        });
+        return prop;
+    };
+    combine = (other, f) => {
+        const prop = new Prop(f(this._value, other.get()));
+        this.subscribe(value => { prop.set(f(value, other.get())); });
+        other.subscribe(value => { prop.set(f(this._value, value)); });
+        return prop;
+    };
+    feed = (prop) => {
+        this.subscribe(value => { prop.set(value); });
+        return prop;
+    };
+    deriveProp = () => {
+        return new Prop(this._value);
+    };
+    clean = () => {
+        this._listeners.length = 0;
+    };
+}
+export class Prop extends Signal {
+    static isProp(x) {
+        const p = x;
+        return Signal.isSignal(x) && typeof p.set === 'function';
+        // return x != null && (x as Prop<T>)[$isProp] === true
+    }
+    static of(value) {
+        return new Prop(value);
+    }
+    [$isProp] = true;
+    set = (value) => {
+        if (this._value === value)
+            return;
+        this._value = value;
+        this._listeners.forEach(listener => { listener(value); });
+    };
+    update = (f) => {
+        this.set(f(this._value));
+    };
+    atLens = (key) => {
+        return this.iso(value => value[key], value => ({ ...this._value, [key]: value }));
+    };
+    reducer = (f) => {
+        return (action) => {
+            this.set(f(this._value, action));
+        };
+    };
+    iso = (map, reverse) => {
+        const prop = new Prop(map(this._value));
+        this.subscribe(value => { prop.set(map(value)); });
+        prop.subscribe(value => { this.set(reverse(value)); });
+        return prop;
+    };
+}

package/render.d.ts

@@ -0,0 +1,3 @@
+import { type JSX } from './jsx-runtime';
+import { type Clean } from './clean';
+export declare function render(renderable: JSX.DOMNode, element: HTMLElement): Clean;

package/render.js

@@ -0,0 +1,7 @@
+import { DOMContext } from './dom-context';
+import { makeRenderable } from './jsx-runtime';
+export function render(renderable, element) {
+    const ctx = DOMContext.of(element);
+    const clear = makeRenderable(renderable).appendTo(ctx);
+    return () => { clear(true); };
+}

package/renderable.d.ts

@@ -0,0 +1,5 @@
+import { type DOMContext } from './dom-context';
+import { type Clear } from './clean';
+export interface Renderable {
+    appendTo: (ctx: DOMContext) => Clear;
+}

package/renderable.js

@@ -0,0 +1 @@
+export {};

package/types/clean.d.ts

@@ -0,0 +1,2 @@
+export type Clear = (removeTree: boolean) => void;
+export type Clean = () => void;

package/types/clean.js

@@ -0,0 +1 @@
+export {};

package/types/idom-context.d.ts

@@ -0,0 +1,27 @@
+import { type Clear } from './clean';
+export type ProviderMark<T> = symbol;
+export declare function makeProviderMark<T>(): ProviderMark<T>;
+export interface IDOMContext {
+    makeReference: () => IDOMContext;
+    makeElement: (tagName: string) => IDOMContext;
+    getBooleanAttribute: (name: string) => boolean;
+    setBooleanAttribute: (name: string, value: boolean) => void;
+    createBooleanAttribute: (name: string, value: boolean) => [(newValue: boolean) => void, Clear];
+    getAttribute: (name: string) => string | null;
+    setAttribute: (name: string, value: string | null) => void;
+    createAttribute: (name: string, value: string) => [(newValue: string) => void, Clear];
+    getProperty: <T>(name: string) => T;
+    setProperty: <T>(name: string, value: T) => void;
+    createProperty: <T>(name: string, value: T) => [(newValue: T) => void, Clear];
+    createText: (text: string) => [(newText: string) => void, Clear];
+    createClass: (cls: string) => [(newClass: string) => void, Clear];
+    createHandler: <T>(name: string, handler: (value: T) => void) => Clear;
+    delayClear: (removeTree: boolean, f: (finalize: () => void) => void) => void;
+    requestClear: (removeTree: boolean, willClear: () => void) => void;
+    getElement: () => HTMLElement;
+    getDocument: () => Document;
+    withProvider: <T>(mark: ProviderMark<T>, provider: T) => IDOMContext;
+    getProvider: <T>(mark: ProviderMark<T>) => T;
+    setStyle: (name: string, value: string | undefined | null) => void;
+    createStyle: (name: string, value: string | undefined | null) => [(newValue: string) => void, Clear];
+}

package/types/idom-context.js

@@ -0,0 +1,3 @@
+export function makeProviderMark() {
+    return Symbol('providerMark');
+}

package/types/renderable.d.ts

@@ -0,0 +1,5 @@
+import { type DOMContext } from '../dom-context';
+import { type Clear } from './clean';
+export interface Renderable {
+    appendTo: (ctx: DOMContext) => Clear;
+}

package/types/renderable.js

@@ -0,0 +1 @@
+export {};

package/.eslintignore

@@ -1,10 +0,0 @@
-node_modules
-.DS_Store
-dist
-dist-ssr
-*.local
-node_modules/*
-**/*.js
-**/*.cjs
-libs/
-test

package/.eslintrc.cjs

@@ -1,28 +0,0 @@
-module.exports = {
-    env: {
-      browser: true,
-      es2021: true,
-      node: true
-    },
-    extends: [
-      'standard-with-typescript',
-    ],
-    overrides: [
-    ],
-    parserOptions: {
-      project: './tsconfig.json',
-      ecmaVersion: 2020,
-      sourceType: 'module',
-      ecmaFeatures: {
-        jsx: true
-      }
-    },
-    plugins: [
-
-    ],
-    rules: {
-      '@typescript-eslint/naming-convention': 'off',
-    },
-    settings: {
-    }
-  }

package/coverage/clover.xml

@@ -1,39 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1680826768659" clover="3.2.0">
-  <project timestamp="1680826768659" name="All files">
-    <metrics statements="30" coveredstatements="24" conditionals="2" coveredconditionals="1" methods="8" coveredmethods="4" elements="40" coveredelements="29" complexity="0" loc="30" ncloc="30" packages="1" files="1" classes="1"/>
-    <file name="OneOf.ts" path="/Users/franco/projects/tempots/dom/src/components/OneOf.ts">
-      <metrics statements="30" coveredstatements="24" conditionals="2" coveredconditionals="1" methods="8" coveredmethods="4"/>
-      <line num="1" count="8" type="stmt"/>
-      <line num="6" count="8" type="stmt"/>
-      <line num="9" count="8" type="stmt"/>
-      <line num="11" count="7" type="stmt"/>
-      <line num="12" count="7" type="stmt"/>
-      <line num="16" count="7" type="stmt"/>
-      <line num="17" count="7" type="stmt"/>
-      <line num="18" count="7" type="stmt"/>
-      <line num="19" count="7" type="stmt"/>
-      <line num="20" count="7" type="stmt"/>
-      <line num="21" count="7" type="stmt"/>
-      <line num="22" count="7" type="stmt"/>
-      <line num="23" count="7" type="stmt"/>
-      <line num="24" count="7" type="stmt"/>
-      <line num="25" count="7" type="cond" truecount="1" falsecount="1"/>
-      <line num="26" count="7" type="stmt"/>
-      <line num="27" count="7" type="stmt"/>
-      <line num="28" count="7" type="stmt"/>
-      <line num="29" count="7" type="stmt"/>
-      <line num="30" count="7" type="stmt"/>
-      <line num="31" count="7" type="stmt"/>
-      <line num="32" count="7" type="stmt"/>
-      <line num="35" count="0" type="stmt"/>
-      <line num="38" count="7" type="stmt"/>
-      <line num="39" count="0" type="stmt"/>
-      <line num="40" count="0" type="stmt"/>
-      <line num="41" count="0" type="stmt"/>
-      <line num="42" count="0" type="stmt"/>
-      <line num="55" count="8" type="stmt"/>
-      <line num="56" count="0" type="stmt"/>
-    </file>
-  </project>
-</coverage>

package/coverage/coverage-final.json

@@ -1,2 +0,0 @@
-{"/Users/franco/projects/tempots/dom/src/components/OneOf.ts": {"path":"/Users/franco/projects/tempots/dom/src/components/OneOf.ts","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":43}},"1":{"start":{"line":6,"column":0},"end":{"line":6,"column":47}},"2":{"start":{"line":11,"column":21},"end":{"line":11,"column":37}},"3":{"start":{"line":12,"column":21},"end":{"line":12,"column":null}},"4":{"start":{"line":16,"column":22},"end":{"line":45,"column":3}},"5":{"start":{"line":17,"column":31},"end":{"line":17,"column":47}},"6":{"start":{"line":18,"column":14},"end":{"line":18,"column":21}},"7":{"start":{"line":19,"column":18},"end":{"line":19,"column":25}},"8":{"start":{"line":20,"column":22},"end":{"line":20,"column":41}},"9":{"start":{"line":21,"column":15},"end":{"line":21,"column":30}},"10":{"start":{"line":22,"column":17},"end":{"line":22,"column":42}},"11":{"start":{"line":23,"column":16},"end":{"line":23,"column":70}},"12":{"start":{"line":24,"column":19},"end":{"line":37,"column":6}},"13":{"start":{"line":25,"column":6},"end":{"line":36,"column":null}},"14":{"start":{"line":26,"column":8},"end":{"line":33,"column":null}},"15":{"start":{"line":27,"column":10},"end":{"line":27,"column":null}},"16":{"start":{"line":28,"column":10},"end":{"line":28,"column":null}},"17":{"start":{"line":29,"column":10},"end":{"line":29,"column":null}},"18":{"start":{"line":30,"column":10},"end":{"line":30,"column":null}},"19":{"start":{"line":31,"column":10},"end":{"line":31,"column":null}},"20":{"start":{"line":32,"column":10},"end":{"line":32,"column":null}},"21":{"start":{"line":35,"column":8},"end":{"line":35,"column":null}},"22":{"start":{"line":38,"column":4},"end":{"line":44,"column":null}},"23":{"start":{"line":39,"column":6},"end":{"line":43,"column":null}},"24":{"start":{"line":40,"column":8},"end":{"line":40,"column":null}},"25":{"start":{"line":41,"column":8},"end":{"line":41,"column":null}},"26":{"start":{"line":42,"column":8},"end":{"line":42,"column":null}},"27":{"start":{"line":9,"column":0},"end":{"line":9,"column":13}},"28":{"start":{"line":56,"column":2},"end":{"line":56,"column":null}},"29":{"start":{"line":55,"column":0},"end":{"line":55,"column":16}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":10,"column":2},"end":{"line":10,"column":null}},"loc":{"start":{"line":14,"column":5},"end":{"line":14,"column":10}}},"1":{"name":"(anonymous_1)","decl":{"start":{"line":16,"column":22},"end":{"line":16,"column":23}},"loc":{"start":{"line":16,"column":49},"end":{"line":45,"column":3}}},"2":{"name":"(anonymous_2)","decl":{"start":{"line":24,"column":40},"end":{"line":24,"column":41}},"loc":{"start":{"line":24,"column":63},"end":{"line":37,"column":5}}},"3":{"name":"(anonymous_3)","decl":{"start":{"line":26,"column":34},"end":{"line":26,"column":37}},"loc":{"start":{"line":26,"column":39},"end":{"line":33,"column":9}}},"4":{"name":"(anonymous_4)","decl":{"start":{"line":38,"column":11},"end":{"line":38,"column":12}},"loc":{"start":{"line":38,"column":35},"end":{"line":44,"column":5}}},"5":{"name":"(anonymous_5)","decl":{"start":{"line":39,"column":38},"end":{"line":39,"column":41}},"loc":{"start":{"line":39,"column":43},"end":{"line":43,"column":7}}},"6":{"name":"(anonymous_6)","decl":{"start":{"line":42,"column":43},"end":{"line":42,"column":46}},"loc":{"start":{"line":42,"column":48},"end":{"line":42,"column":52}}},"7":{"name":"OneOf","decl":{"start":{"line":55,"column":16},"end":{"line":55,"column":21}},"loc":{"start":{"line":55,"column":72},"end":{"line":57,"column":1}}}},"branchMap":{"0":{"loc":{"start":{"line":25,"column":6},"end":{"line":36,"column":null}},"type":"if","locations":[{"start":{"line":25,"column":6},"end":{"line":36,"column":null}},{"start":{"line":34,"column":13},"end":{"line":36,"column":null}}]}},"s":{"0":8,"1":8,"2":7,"3":7,"4":7,"5":7,"6":7,"7":7,"8":7,"9":7,"10":7,"11":7,"12":7,"13":7,"14":7,"15":7,"16":7,"17":7,"18":7,"19":7,"20":7,"21":0,"22":7,"23":0,"24":0,"25":0,"26":0,"27":8,"28":0,"29":8},"f":{"0":7,"1":7,"2":7,"3":7,"4":0,"5":0,"6":0,"7":0},"b":{"0":[7,0]}}
-}