dothtml 5.2.12 → 6.0.0-beta.3

package/build_module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;AAUtB,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;AAEjB,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/build_module/reactive.d.ts

@@ -0,0 +1,37 @@
+import { IReactive } from "dothtml-interfaces";
+import ElementVdom from "./vdom-nodes/element-vdom";
+import { TextVdom } from "./vdom-nodes/text-vdom";
+import { HtmlVdom } from "./vdom-nodes/html-vdom";
+import { ConditionalVdom } from "./vdom-nodes/conditional-vdom";
+import CollectionVdom from "./vdom-nodes/collection-vdom";
+export default class Reactive<Ti = any, To = Ti> implements IReactive<Ti, To> {
+    _value: Ti;
+    private _cachedLastValue;
+    key: string;
+    observingTextNodes: Record<number, TextVdom>;
+    observingHtmlNodes: Record<number, HtmlVdom>;
+    observingAttributes: Record<number, {
+        element: ElementVdom;
+        attribute: string;
+    }>;
+    observingCollections: Record<number, {
+        collection: CollectionVdom;
+        key?: string;
+    }>;
+    observingConditionals: Record<number, ConditionalVdom>;
+    observingCallbacks: Record<number, (value: To) => void>;
+    constructor();
+    getValue(): To;
+    setValue(v: Ti): void;
+    private updater;
+    transformer?: (input: Ti) => To;
+    nextId: number;
+    subscribeText(node: TextVdom): number;
+    subscribeHtml(node: HtmlVdom): number;
+    subscribeAttr(node: ElementVdom, attributeName: string): number;
+    subscribeCollection(node: CollectionVdom): number;
+    subscribeCond(node: ConditionalVdom): number;
+    subscribeCallback(callback: (value: To) => void): number;
+    detachBinding(id: number): void;
+    updateObservers(): void;
+}

package/build_module/reactive.js

@@ -0,0 +1,120 @@
+const TEXT_OFFSET = 0;
+const HTML_OFFSET = 1;
+const ATTR_OFFSET = 2;
+const COND_OFFSET = 3;
+const ARRAY_OFFSET = 4;
+const CB_OFFSET = 5;
+const CATEGORIES = CB_OFFSET + 1;
+export default class Reactive {
+    constructor() {
+        this.observingTextNodes = {};
+        this.observingHtmlNodes = {};
+        this.observingAttributes = {};
+        this.observingCollections = {};
+        this.observingConditionals = {};
+        this.observingCallbacks = {};
+        this.nextId = 1;
+    }
+    getValue() {
+        return this.transformer ? this.transformer(this._value) : this._value;
+    }
+    setValue(v) {
+        this._value = v;
+        let newValue = this.getValue();
+        if (this._cachedLastValue != newValue) {
+            this._cachedLastValue = newValue;
+            this.updater(newValue);
+        }
+    }
+    updater(value) {
+        for (let o in this.observingTextNodes) {
+            let n = this.observingTextNodes[o];
+            n.textNode.textContent = value ?? "";
+        }
+        for (let o in this.observingHtmlNodes) {
+            let n = this.observingHtmlNodes[o];
+            n.updateHtml(value);
+        }
+        for (let o in this.observingAttributes) {
+            let a = this.observingAttributes[o];
+            a.element.setAttr(a.attribute, this);
+        }
+        for (let o in this.observingCollections) {
+            let c = this.observingCollections[o];
+            c.collection.updateList();
+        }
+        for (let o in this.observingConditionals) {
+            let a = this.observingConditionals[o];
+            a.updateConditions();
+        }
+        for (let o in this.observingCallbacks) {
+            let cb = this.observingCallbacks[o];
+            cb(value);
+        }
+    }
+    subscribeText(node) {
+        let id = TEXT_OFFSET + CATEGORIES * this.nextId++;
+        this.observingTextNodes[id] = node;
+        return id;
+    }
+    subscribeHtml(node) {
+        let id = HTML_OFFSET + CATEGORIES * this.nextId++;
+        this.observingHtmlNodes[id] = node;
+        return id;
+    }
+    subscribeAttr(node, attributeName) {
+        let id = ATTR_OFFSET + CATEGORIES * this.nextId++;
+        this.observingAttributes[id] = { element: node, attribute: attributeName };
+        return id;
+    }
+    subscribeCollection(node) {
+        let id = ARRAY_OFFSET + CATEGORIES * this.nextId++;
+        this.observingCollections[id] = { collection: node, key: null };
+        return id;
+    }
+    subscribeCond(node) {
+        let id = COND_OFFSET + CATEGORIES * this.nextId++;
+        this.observingConditionals[id] = node;
+        return id;
+    }
+    subscribeCallback(callback) {
+        let id = CB_OFFSET + CATEGORIES * this.nextId++;
+        this.observingCallbacks[id] = callback;
+        return id;
+    }
+    detachBinding(id) {
+        let category = id % CATEGORIES;
+        switch (category) {
+            case TEXT_OFFSET: {
+                delete this.observingTextNodes[id];
+                break;
+            }
+            case ATTR_OFFSET: {
+                delete this.observingAttributes[id];
+                break;
+            }
+            case HTML_OFFSET: {
+                delete this.observingHtmlNodes[id];
+                break;
+            }
+            case ARRAY_OFFSET: {
+                delete this.observingCollections[id];
+                break;
+            }
+            case COND_OFFSET: {
+                delete this.observingConditionals[id];
+                break;
+            }
+            case CB_OFFSET: {
+                delete this.observingCallbacks[id];
+                break;
+            }
+        }
+    }
+    updateObservers() {
+        let updatedValue = this.getValue();
+        this._cachedLastValue = updatedValue;
+        this.updater(updatedValue);
+    }
+}
+//# sourceMappingURL=reactive.js.map

package/build_module/reactive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../src/reactive.ts"],"names":[],"mappings":"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"}

package/build_module/v-dom-node.js

@@ -0,0 +1 @@
+//# sourceMappingURL=v-dom-node.js.map

package/build_module/v-dom-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v-dom-node.js","sourceRoot":"","sources":["../src/v-dom-node.ts"],"names":[],"mappings":""}

package/build_module/vdom-nodes/collection-vdom.d.ts

@@ -0,0 +1,24 @@
+import Reactive from "../reactive";
+import { Vdom } from "./vdom";
+import { ObservableCollection } from "./vdom-types";
+type DatumMap = {
+    vdom: Vdom;
+    value: any;
+    keyValue: any;
+    afterNode: Node;
+    observableIndex: Reactive<number>;
+};
+export default class CollectionVdom extends Vdom {
+    value: ObservableCollection;
+    renderCallback: (x: any, i: number | string | Reactive, k: string) => Vdom;
+    startNode: Node;
+    endNode: Node;
+    observerId: number;
+    mappedItems: Array<DatumMap>;
+    constructor(value: ObservableCollection, renderCallback: (x: any, i: number | string, k: string) => Vdom);
+    _render(target: HTMLElement): void;
+    _unrender(): void;
+    private removeItem;
+    updateList(): void;
+}
+export {};

package/build_module/vdom-nodes/collection-vdom.js

@@ -0,0 +1,154 @@
+import { deepEqual } from "../helpers";
+import Reactive from "../reactive";
+import { TextVdom } from "./text-vdom";
+import { Vdom } from "./vdom";
+export default class CollectionVdom extends Vdom {
+    constructor(value, renderCallback) {
+        super();
+        this.observerId = 0;
+        this.mappedItems = [];
+        this.value = value;
+        this.renderCallback = renderCallback;
+    }
+    _render(target) {
+        if (this.value instanceof Reactive) {
+            this.observerId = this.value.subscribeCollection(this);
+        }
+        this.startNode = target.ownerDocument.createTextNode("");
+        this.endNode = target.ownerDocument.createTextNode("");
+        target.appendChild(this.startNode);
+        target.appendChild(this.endNode);
+        this.updateList();
+    }
+    _unrender() {
+        if (this.observerId && this.value instanceof Reactive) {
+            this.value.detachBinding(this.observerId);
+            this.observerId = null;
+        }
+        for (let i = 0; i < this.mappedItems.length; i++) {
+            let I = this.mappedItems[i];
+            I.vdom._unrender();
+            I.afterNode.parentElement.removeChild(I.afterNode);
+        }
+        this.mappedItems.length = 0;
+        this.startNode.parentElement.removeChild(this.startNode);
+        this.endNode.parentElement.removeChild(this.endNode);
+        this.startNode = null;
+        this.endNode = null;
+    }
+    removeItem(item) {
+        item.vdom._unrender();
+        item.afterNode.parentElement.removeChild(item.afterNode);
+    }
+    updateList() {
+        let key = null;
+        let mappedData;
+        {
+            let unmappedCollection = null;
+            if (this.value instanceof Reactive) {
+                unmappedCollection = this.value.getValue();
+                key = this.value.key ?? null;
+            }
+            else {
+                unmappedCollection = this.value;
+            }
+            if (unmappedCollection instanceof Array) {
+                mappedData = unmappedCollection.map((v, i) => {
+                    let kv = !!key ? v[key] : null;
+                    return {
+                        vdom: null,
+                        value: v,
+                        keyValue: kv,
+                        afterNode: null,
+                        observableIndex: new Reactive()
+                    };
+                });
+            }
+            else {
+                mappedData = [];
+                for (let k in unmappedCollection) {
+                    let v = unmappedCollection[k];
+                    let kv = !!key ? v[key] : k;
+                    mappedData.push({
+                        vdom: null,
+                        value: v,
+                        keyValue: kv,
+                        afterNode: null,
+                        observableIndex: new Reactive()
+                    });
+                }
+            }
+        }
+        {
+            let oi = 0;
+            let ns = 0;
+            let ni = 0;
+            while (oi < this.mappedItems.length) {
+                let existing = this.mappedItems[oi];
+                let candidate = mappedData[ni];
+                if (!candidate) {
+                    this.removeItem(existing);
+                    this.mappedItems.splice(oi, 1);
+                    ni = ns;
+                    continue;
+                }
+                else if ((candidate == existing) || (key && candidate.keyValue == existing.keyValue)) {
+                    ns++;
+                    oi++;
+                    ni = ns;
+                    continue;
+                }
+                else {
+                    ni++;
+                }
+            }
+        }
+        {
+            let oi = 0;
+            let ni = 0;
+            let afterTarget = this.startNode;
+            while (ni < mappedData.length) {
+                let existing = this.mappedItems[oi];
+                let candidate = mappedData[ni];
+                if (existing && ((candidate == existing) || (key && candidate.keyValue == existing.keyValue))) {
+                    if (!deepEqual(existing.value, candidate.value)) {
+                        existing.vdom._unrender();
+                        existing.vdom = this.renderCallback(candidate.value, this.value instanceof Reactive ? existing.observableIndex : ni, candidate.keyValue);
+                        existing.value = candidate.value;
+                        existing.vdom._renderBefore(existing.afterNode);
+                    }
+                    else {
+                        existing.observableIndex.setValue(ni);
+                    }
+                    afterTarget = existing.afterNode;
+                    ni++;
+                    oi++;
+                    continue;
+                }
+                else {
+                    let beforeTarget = afterTarget.ownerDocument.createTextNode("");
+                    let ns = afterTarget.parentElement.nextSibling;
+                    if (ns) {
+                        this.startNode.parentElement.insertBefore(beforeTarget, ns);
+                    }
+                    else {
+                        this.startNode.parentElement.appendChild(beforeTarget);
+                    }
+                    candidate.afterNode = beforeTarget;
+                    candidate.observableIndex._value = ni;
+                    let content = this.renderCallback(candidate.value, this.value instanceof Reactive ? candidate.observableIndex : ni, candidate.keyValue);
+                    if (content instanceof Vdom) {
+                        candidate.vdom = content;
+                    }
+                    else {
+                        candidate.vdom = new TextVdom(content);
+                    }
+                    candidate.vdom._renderBefore(candidate.afterNode);
+                    this.mappedItems.splice(ni, 0, candidate);
+                    ni++;
+                }
+            }
+        }
+    }
+}
+//# sourceMappingURL=collection-vdom.js.map

package/build_module/vdom-nodes/collection-vdom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/collection-vdom.ts"],"names":[],"mappings":"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"}

package/build_module/vdom-nodes/component-vdom.d.ts

@@ -0,0 +1,14 @@
+import { IComponent } from "dothtml-interfaces";
+import { Vdom } from "./vdom";
+import { ContainerVdom } from "./container-vdom";
+export declare class ComponentVdom extends Vdom {
+    component: IComponent;
+    shadowEl: HTMLElement;
+    childShadowVdom: ContainerVdom;
+    sharedStyles: CSSStyleSheet;
+    constructor(component: IComponent);
+    private setupCustomElement;
+    _render(node: HTMLElement): void;
+    _unrender(): void;
+    toString(): string;
+}

package/build_module/vdom-nodes/component-vdom.js

@@ -0,0 +1,60 @@
+import { Vdom } from "./vdom";
+export class ComponentVdom extends Vdom {
+    constructor(component) {
+        super();
+        this.component = component;
+        this.component.creating && this.component.creating();
+        this.childShadowVdom = this.component.build && this.component.build(...component._._meta.args);
+        this.component.built && this.component.built();
+    }
+    setupCustomElement(component, document) {
+        let cvdom = this;
+        let customElementConstructor = document.defaultView.customElements.get(component._._meta.tagName);
+        if (customElementConstructor == undefined) {
+            customElementConstructor = class extends HTMLElement {
+                set component(value) {
+                    this._component = value;
+                    this._renderComponent();
+                }
+                _renderComponent() {
+                    if (cvdom instanceof Vdom) {
+                        let shadow = this.attachShadow({ mode: 'open' });
+                        this._component._.root = shadow;
+                        cvdom.childShadowVdom._render(shadow);
+                    }
+                    else {
+                        throw new Error("Component build function returned invalid object.");
+                    }
+                }
+            };
+            document.defaultView.customElements.define(component._._meta.tagName, customElementConstructor);
+        }
+    }
+    _render(node) {
+        if (!this.component._)
+            throw new Error("Invalid component. Ensure components are created through the component factory or through decoration.");
+        if (this.component._?._meta?.isRendered)
+            throw new Error("Individual component instances cannot be rendered twice at once.");
+        if (!this.component._._meta)
+            this.component._._meta = {};
+        this.component._._meta.isRendered = true;
+        let document = node.ownerDocument;
+        this.setupCustomElement(this.component, document);
+        this.shadowEl = document.createElement(this.component._._meta.tagName);
+        this.shadowEl["component"] = this.component;
+        node.appendChild(this.shadowEl);
+    }
+    _unrender() {
+        this.component.deleting && this.component.deleting();
+        this.childShadowVdom._unrender();
+        this.childShadowVdom = null;
+        this.shadowEl.remove();
+        this.shadowEl = null;
+        this.component._._meta.isRendered = false;
+        this.component.deleted && this.component.deleted();
+    }
+    toString() {
+        return `<${this.component._._meta.tagName}></${this.component._._meta.tagName}>`;
+    }
+}
+//# sourceMappingURL=component-vdom.js.map

package/build_module/vdom-nodes/component-vdom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/component-vdom.ts"],"names":[],"mappings":"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"}

package/build_module/vdom-nodes/conditional-vdom.d.ts

@@ -0,0 +1,14 @@
+import Reactive from "../reactive";
+import { ContainerVdom } from "./container-vdom";
+import { Vdom } from "./vdom";
+import { ConditionalNodeItem } from "./vdom-types";
+export declare class ConditionalVdom extends Vdom {
+    private conditions;
+    private sealed;
+    private renderedIndex;
+    addCondition(condition: Reactive | boolean, vNode: ContainerVdom, seal?: boolean): void;
+    addAnchor(C: ConditionalNodeItem, node: HTMLElement): void;
+    _render(node: HTMLElement): void;
+    _unrender(): void;
+    updateConditions(): void;
+}

package/build_module/vdom-nodes/conditional-vdom.js

@@ -0,0 +1,97 @@
+import Reactive from "../reactive";
+import { Vdom } from "./vdom";
+export class ConditionalVdom extends Vdom {
+    constructor() {
+        super(...arguments);
+        this.conditions = [];
+        this.sealed = false;
+        this.renderedIndex = -1;
+    }
+    addCondition(condition, vNode, seal = false) {
+        if (this.sealed) {
+            throw new Error("Cannot add additional conditions to a sealed block.");
+        }
+        this.sealed = seal;
+        let C = {
+            condition,
+            vNode,
+            startAnchor: null,
+            endAnchor: null,
+            observerId: 0
+        };
+        this.conditions.push(C);
+        if (this.conditions[0].startAnchor) {
+            this.addAnchor(C, this.conditions[0].startAnchor.parentElement);
+            if (condition instanceof Reactive) {
+                C.observerId = condition.subscribeCond(this);
+            }
+            this.updateConditions();
+        }
+    }
+    addAnchor(C, node) {
+        C.startAnchor = node.ownerDocument.createTextNode("");
+        C.endAnchor = node.ownerDocument.createTextNode("");
+        node.appendChild(C.startAnchor);
+        node.appendChild(C.endAnchor);
+    }
+    _render(node) {
+        for (let c = 0; c < this.conditions.length; c++) {
+            let C = this.conditions[c];
+            if (C.startAnchor) {
+                throw new Error("Item is already rendered.");
+            }
+            this.addAnchor(C, node);
+            if (C.condition instanceof Reactive) {
+                C.observerId = C.condition.subscribeCond(this);
+            }
+        }
+        if (this.conditions.length)
+            this.updateConditions();
+    }
+    _unrender() {
+        if (this.conditions[0].startAnchor) {
+            for (let i = 0; i < this.conditions.length; i++) {
+                let C = this.conditions[i];
+                let start = C.startAnchor;
+                let end = C.endAnchor;
+                C.vNode._unrender();
+                start.parentElement.removeChild(start);
+                end.parentElement.removeChild(end);
+                C.startAnchor = null;
+                C.endAnchor = null;
+                if (C.condition instanceof Reactive) {
+                    C.condition.detachBinding(C.observerId);
+                    C.observerId = 0;
+                }
+            }
+            this.renderedIndex = -1;
+        }
+    }
+    updateConditions() {
+        let node = this.conditions[0].startAnchor.parentElement;
+        let newIndex = -1;
+        for (let c = 0; c < this.conditions.length; c++) {
+            let C = this.conditions[c];
+            if (C.condition instanceof Reactive ? C.condition.getValue() : C.condition) {
+                newIndex = c;
+                break;
+            }
+        }
+        if (newIndex != this.renderedIndex) {
+            {
+                if (this.renderedIndex != -1) {
+                    let C = this.conditions[this.renderedIndex];
+                    C.vNode._unrender();
+                }
+            }
+            {
+                this.renderedIndex = newIndex;
+                if (newIndex != -1) {
+                    let C = this.conditions[newIndex];
+                    C.vNode._renderBefore(C.endAnchor);
+                }
+            }
+        }
+    }
+}
+//# sourceMappingURL=conditional-vdom.js.map

package/build_module/vdom-nodes/conditional-vdom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditional-vdom.js","sourceRoot":"","sources":["../../src/vdom-nodes/conditional-vdom.ts"],"names":[],"mappings":"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"}

package/build_module/vdom-nodes/container-vdom.d.ts

@@ -0,0 +1,23 @@
+import { IComponent } from "dothtml-interfaces";
+import Reactive from "../reactive";
+import { ConditionalVdom } from "./conditional-vdom";
+import ElementVdom from "./element-vdom";
+import { Vdom } from "./vdom";
+import { ObservableCollection } from "./vdom-types";
+type ParentVdom = ContainerVdom | ConditionalVdom | ElementVdom;
+export declare class ContainerVdom extends Vdom {
+    _children: Array<Vdom>;
+    _parent: ParentVdom;
+    constructor();
+    _addChild(content: Vdom): this;
+    _render(node: HTMLElement): void;
+    _unrender(): void;
+    html(c: string | Reactive): this;
+    text(c: string | Reactive): this;
+    mount(c: IComponent): this;
+    when(condition: Reactive | boolean, then: ContainerVdom | string | boolean | number): this;
+    otherwiseWhen(condition: Reactive | boolean, then: ContainerVdom | string | boolean | number, seal?: boolean): this;
+    otherwise(then: ContainerVdom | string | boolean | number): this;
+    each(collection: ObservableCollection, callback: () => Vdom): this;
+}
+export {};