dothtml 5.2.7 → 5.2.9

package/lib/component.js

@@ -0,0 +1,329 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const observable_array_1 = __importDefault(require("./observable-array"));
+const dot_1 = __importDefault(require("./dot"));
+const dot_util_1 = require("./dot-util");
+const err_1 = __importDefault(require("./err"));
+const arg_callback_obj_1 = require("./arg-callback-obj");
+class Component {
+    /**
+     * Used internally to indicate the first time $updateStyles is called.
+     * This method is called by the static component builder when the component is created.
+     * If a prop is accessed within the style builder, the getter reads this field to mark $updateStyles as a dependency.
+    */
+    #initializingStyles;
+    #initializingBuild;
+    // A bit messy but gets us to MVP for this feature.
+    // Ideally this should be made a singleton somehow, perhaps put in the property metadata.
+    #rebuildStylesOnPropChange;
+    #rebuildBuilderOnPropChange;
+    /**
+     * Called once per component, on the first build.
+     * TODO: this shouldn't require an instance of the component. Please experiment with fixing this.
+    */
+    static initializeComponent(obj) {
+        if (!obj.constructor.__dotComponentInitialized) {
+            obj.constructor.__dotComponentInitialized = true;
+            // Additional generic logic that should run once per component.
+            obj.constructor.__dotClassNumb = dot_util_1.ClassPrefix.next;
+            obj.constructor.__activePropContainer = function ActivePropContainer(obj) {
+                this.__component = obj;
+            };
+            (0, dot_util_1.eachK)(obj.props, (k, v) => {
+                Component.createProp(obj.constructor.__activePropContainer, k);
+            });
+        }
+    }
+    static build(obj) {
+        Component.initializeComponent(obj);
+        dot_util_1.GlobalComponentStack.push(obj);
+        obj.created && obj.created(...obj.__args);
+        if (obj.__built)
+            (0, err_1.default)("CB");
+        obj.__built = true;
+        obj.__propContainer = {
+            activePropConstructor: obj.constructor.__activePropContainer,
+            rawProps: obj.props || {},
+            activeProps: new obj.constructor.__activePropContainer(obj),
+            propDependencies: {},
+            bindings: {}
+        };
+        // eachK(obj.props, (k,v) => {
+        // 	// Initialize it.
+        // 	cc.__propContainer.activeProps[k] = cc.__propContainer.rawProps[k];
+        // });
+        obj.props = obj.__propContainer.activeProps;
+        (0, dot_util_1.eachK)(obj.__propContainer.rawProps, (k, v) => {
+            obj.__propContainer.bindings[k] = [];
+            obj.props[k] = v;
+        });
+        // function ComputedContainer(){
+        // };
+        // let cc = new ComputedContainer();
+        // eachK(obj.computed, function(k, v){
+        // 	isF(v) ? v : ERR("XF", "computed")
+        // 	//createProp(k, CC);
+        // 	ComputedContainer.prototype[k] = v;
+        // 	Object.defineProperty(ComputedContainer.prototype, k, {
+        // 		enumerable: true,
+        // 		get: function(){
+        // 			// This was commented out pre-ts.
+        // 			//configureDependency(v(), this, k);
+        // 			return v.call(obj);
+        // 		}
+        // 	});
+        // });
+        // obj.computed = cc;
+        Component.initializeEventHandlers(obj);
+        Component.rebuild(obj);
+        // TODO: would be great to do this without a timer, once the DOM is updated. 
+        // May require some type of queueing system within dot.
+        obj.ready && (0, dot_util_1.sT)(() => {
+            dot_util_1.GlobalComponentStack.push(obj);
+            obj.ready();
+            dot_util_1.GlobalComponentStack.pop();
+        }, 0);
+        dot_util_1.GlobalComponentStack.pop();
+        return obj.$el;
+    }
+    /**
+     * Called any time the component needs to be completely rebuilt.
+    */
+    static rebuild(obj) {
+        let oldEl = obj.$el;
+        if (!obj.__eventsInitialized)
+            obj.#initializingBuild = true;
+        let ret = obj.builder(...obj.__args);
+        obj.#initializingBuild = false;
+        let lst = ret.getLast();
+        (!lst || (lst.parentNode.childNodes.length > 1)) && (0, err_1.default)("C#", obj.name || obj.constructor.name || "(unnamed obj)");
+        // Note: I don't know what the justification was for using $obj.el, but all tests pass without it.
+        // It was removed to facilitate rebuilding the component (during a prop change).
+        obj["__$el"] = /*obj.$el ||*/ lst;
+        obj.$el["__dothtml_component"] = obj;
+        if (oldEl) {
+            // Clean it up and replace it with the new element!
+        }
+        // TODO: would there be a way to not have to create obj function for each instance?
+        if (obj.style) {
+            // obj will be the officially supported way to use dothtml.
+            obj.$styleBuilder = function () {
+                // dot.css.scopeToEl(obj.$el, !obj.__stylesSet);
+                dot_1.default.css.scopeToEl(obj.$el);
+                if (!obj.__stylesSet) {
+                    dot_1.default.css.cacheScopedStaticStyles(obj.$el);
+                    obj.__stylesSet = true;
+                }
+                dot_1.default.css.clearDynamicStyles(obj.$el);
+                obj.style(dot_1.default.css);
+                dot_1.default.css.unscope();
+            };
+            if (!obj.__eventsInitialized)
+                obj.#initializingStyles = true;
+            obj.$updateStyles();
+            obj.#initializingStyles = false;
+            //styler();
+        }
+        obj.built && obj.built();
+    }
+    static initializeEventHandlers(obj) {
+        if (!obj.__eventsInitialized) {
+            obj.__eventsInitialized = true;
+            (0, dot_util_1.eachK)(obj.events, (k, v) => {
+                obj.events[k] = function () {
+                    for (let f of obj.events[k]["__handlers"]) {
+                        f.apply(this, arguments);
+                    }
+                };
+                obj.events[k]["__handlers"] = [];
+            });
+        }
+    }
+    static createProp(activePropContainer, name) {
+        // var dependencies = [];
+        Object.defineProperty(activePropContainer.prototype, name, {
+            configurable: false,
+            enumerable: false,
+            get: function () {
+                dot_1.default["__lastProp"] = name;
+                dot_1.default["__lastIndex"] = null;
+                dot_1.default["__lastComponent"] = this.__component;
+                let rawProp = this.__component.__propContainer.rawProps[name];
+                Component.configureDependency(this.__component, name);
+                return rawProp;
+            },
+            set: function (value) {
+                // TODO: if this value is set, get the list of dependencies, and update them by calling their dot argument callbacks.
+                let propVal = value;
+                if (value instanceof Array) {
+                    propVal = new observable_array_1.default(value);
+                    propVal.addEventListener("read", e => {
+                        dot_1.default["__lastIndex"] = e.index;
+                    });
+                }
+                this.__component.__propContainer.rawProps[name] = propVal;
+                for (let b of this.__component.__propContainer.bindings[name]) {
+                    (0, dot_1.default)(b.element).as(dot_1.default.input).setVal(propVal);
+                }
+                Component.updateProp(this.__component, name);
+                return propVal;
+            }
+        });
+    }
+    static configureDependency(cc, name) {
+        // TODO: verify that there is no memory leak!!
+        var cb = dot_1.default["__currentArgCallback"][dot_1.default["__currentArgCallback"].length - 1];
+        if (cb) {
+            // This means this getter is being used during the invocation of an arg callback.
+            // Add it to a collection so that when the value is set, the appropriate component will update.
+            let rawProp = cc.__propContainer.rawProps[name];
+            if (rawProp instanceof observable_array_1.default) {
+                rawProp.addEventListener("itemadded", function (e) {
+                    // TODO: More test cases to create:
+                    // TODO: what about rendering the list length or something?
+                    // TODO: what about a computed field based on length?
+                    if (cb instanceof arg_callback_obj_1.ArrayArgCallback) {
+                        cb.dotTarget._appendOrCreateDocument(cb.f(e.item, e.index), undefined, e.index);
+                    }
+                    else if (cb) {
+                        Component.updateProp(cc, name);
+                    }
+                });
+                rawProp.addEventListener("itemset", function (e) {
+                    if (cb instanceof arg_callback_obj_1.ArrayArgCallback) {
+                        var p = cb.dotTarget.__document;
+                        var el = p.childNodes[e.index];
+                        p.removeChild(el);
+                        cb.dotTarget._appendOrCreateDocument(cb.f(e.item, e.index), undefined, e.index);
+                    }
+                    else if (cb) {
+                        Component.updateProp(cc, name);
+                    }
+                });
+                rawProp.addEventListener("itemremoved", function (e) {
+                    if (cb instanceof arg_callback_obj_1.ArrayArgCallback) {
+                        cb.dotTarget.__document.removeChild(cb.dotTarget.__document.childNodes[e.index]);
+                    }
+                    else if (cb) {
+                        Component.updateProp(cc, name);
+                    }
+                });
+            }
+            else {
+            }
+            var ar = cc.__propContainer.propDependencies[name];
+            if (!ar)
+                ar = cc.__propContainer.propDependencies[name] = [];
+            ar.push(cb);
+        }
+        // Again I find this a weird way to do it that kind of side-steps the above approach, but it gets the job done and is dead simple.
+        if (cc.#initializingStyles) {
+            cc.#rebuildStylesOnPropChange[name] = true;
+        }
+        if (cc.#initializingBuild) {
+            cc.#rebuildBuilderOnPropChange[name] = true;
+        }
+    }
+    static updateProp(obj, name) {
+        let ar = obj.__propContainer.propDependencies[name];
+        let value = obj.__propContainer.rawProps[name];
+        // // {f:contentCallback,startNode:startNode, endNode:endNode,condition:condition}
+        let updateStyles = false;
+        if (false && obj.#rebuildBuilderOnPropChange[name] && !obj.#initializingBuild) {
+            // Call the builder again.
+        }
+        else {
+            // Maybe update specific areas.
+            // This is admittedly more efficient.
+            for (let i = 0; i < (ar || []).length; i++) {
+                let arg = ar[i];
+                // TODO: this could be used to update attributes.
+                // But right now that relies exclusively on function setters. It's a bit weird.
+                arg.updateContent(dot_1.default, value);
+                if (obj.#rebuildStylesOnPropChange[name] || (arg instanceof arg_callback_obj_1.AttrArgCallback && arg.attr == "class")) {
+                    updateStyles = true;
+                }
+            }
+        }
+        if (updateStyles)
+            obj.$updateStyles();
+    }
+    constructor(...args) {
+        /**
+         * Used internally to indicate the first time $updateStyles is called.
+         * This method is called by the static component builder when the component is created.
+         * If a prop is accessed within the style builder, the getter reads this field to mark $updateStyles as a dependency.
+        */
+        this.#initializingStyles = false;
+        this.#initializingBuild = false;
+        // A bit messy but gets us to MVP for this feature.
+        // Ideally this should be made a singleton somehow, perhaps put in the property metadata.
+        this.#rebuildStylesOnPropChange = {};
+        this.#rebuildBuilderOnPropChange = {};
+        this.__built = false;
+        this.__stylesSet = false;
+        this.__eventsInitialized = false;
+        this.$refs = {};
+        this.__args = args;
+    }
+    /**
+     * An optional function that gets called before the component is created, scoped to the new component object.
+     */
+    created(...args) { }
+    /**
+     * An optional function called after the element has been added. One parameter will be provided containing the added element.
+     */
+    ready() { }
+    /**
+     * An optional function called before the component is deleted.
+     */
+    deleting() { }
+    /**
+     * An optional function called after the component is deleted.
+     */
+    deleted() { }
+    /**
+     * An optional function called after the component is built.
+     */
+    built() { }
+    on(event, handler) {
+        Component.initializeEventHandlers(this);
+        let e = this.events && this.events[event];
+        if (!e)
+            (0, err_1.default)("UE", event);
+        let handlers = e["__handlers"];
+        if (handlers.indexOf(handler) == -1) {
+            handlers.push(handler);
+        }
+    }
+    off(event, handler) {
+        let e = this.events && this.events[event];
+        if (!e)
+            (0, err_1.default)("UE", event);
+        let handlers = e["__handlers"];
+        let i = handlers.indexOf(handler);
+        if (i > -1) {
+            handlers.splice(i, 1);
+        }
+    }
+    /**
+     * The main element of this component - automatically set after the builder is called.
+    */
+    get $el() {
+        return this.__$el;
+    }
+    $updateStyles() {
+        this.$styleBuilder && this.$styleBuilder();
+    }
+}
+exports.default = Component;
+// Eventually we'd like to set this up. Might be overkill.
+// function component<T extends { new (...args: any[]): {} }>(constructor: T) {
+// 	return class extends constructor {
+// 	  
+// 	};
+// }
+//# sourceMappingURL=component.js.map

package/lib/component.js.map

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

package/lib/dot-util.js

@@ -0,0 +1,62 @@
+"use strict";
+// Polyfill for Object.keys(...).forEach.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.numberStep = exports.floatRegex = exports.GlobalComponentStack = exports.ClassPrefix = exports.str = exports.sT = exports.isF = exports.eachK = void 0;
+function eachK(obj, cb) {
+    if (obj) {
+        var lst = Object.keys(obj);
+        for (var i = 0; i < lst.length; i++)
+            cb(lst[i], obj[lst[i]]);
+    }
+}
+exports.eachK = eachK;
+function isF(v) {
+    return v && v.constructor && v.call && v.apply;
+}
+exports.isF = isF;
+exports.sT = setTimeout;
+function str(s, v) { return (s || "").toString(v); } // This function seems really weird.
+exports.str = str;
+class _ClassPrefix {
+    constructor() {
+        this.current = 0x10000;
+    }
+    reset() {
+        this.current = 0x10000;
+    }
+    get next() {
+        return this.current++;
+    }
+}
+exports.ClassPrefix = new _ClassPrefix();
+exports.GlobalComponentStack = [];
+exports.floatRegex = new RegExp("[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?", "g");
+/**
+ * Function that takes in a bunch of parameters and steps the start value toward the target based on timeRemaining and style.
+ * currentValue is the current value.
+ * targetValue is the target valaue.
+ * timeRemaining is the time remaining in ms.
+ * stepProgress is the size of this step.
+ * totalDuration is the duration of the entire animation from start to finish (not just this step).
+ * style is the type of transition (geometric=exponential, ease, linear).
+ * Returns the result.
+*/
+function numberStep(startValue, targetValue, currentTime, totalDuration, style) {
+    startValue = Number(startValue);
+    targetValue = Number(targetValue);
+    var timeRemaining = totalDuration - currentTime;
+    switch (style) {
+        case "geometric":
+        case "exponential": //This is kind of stupid now that we have ease. I might come back and add it in the future. For now assume ease.
+        //	var m = Math.exp(-1 / timeRemaining);
+        //	return  targetValue + m * (startValue - targetValue);
+        case "ease":
+            var m = (-Math.cos(Math.PI * (currentTime / totalDuration)) + 1) * 0.5;
+            return startValue + m * (targetValue - startValue);
+        case "linear":
+        default:
+            return startValue + (targetValue - startValue) * (currentTime / totalDuration);
+    }
+}
+exports.numberStep = numberStep;
+//# sourceMappingURL=dot-util.js.map

package/lib/dot-util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dot-util.js","sourceRoot":"","sources":["../src/dot-util.ts"],"names":[],"mappings":";AAAA,yCAAyC;;;AAIzC,SAAgB,KAAK,CAAC,GAAG,EAAE,EAAE;IACzB,IAAG,GAAG,EAAC;QACH,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC3B,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE;YAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC/D;AACL,CAAC;AALD,sBAKC;AAED,SAAgB,GAAG,CAAC,CAAC;IACjB,OAAO,CAAC,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC;AACnD,CAAC;AAFD,kBAEC;AAEY,QAAA,EAAE,GAAG,UAAU,CAAC;AAC7B,SAAgB,GAAG,CAAC,CAAS,EAAC,CAAS,IAAE,OAAO,CAAC,CAAC,IAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA,CAAA,CAAC,CAAC,oCAAoC;AAAzG,kBAAoE;AAEpE,MAAM,YAAY;IAAlB;QACY,YAAO,GAAW,OAAO,CAAC;IAStC,CAAC;IAPG,KAAK;QACD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IAC3B,CAAC;IAED,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;IAC1B,CAAC;CACJ;AAEY,QAAA,WAAW,GAAG,IAAI,YAAY,EAAE,CAAA;AAEhC,QAAA,oBAAoB,GAAqB,EAAE,CAAC;AAK9C,QAAA,UAAU,GAAG,IAAI,MAAM,CAAC,2CAA2C,EAAE,GAAG,CAAC,CAAC;AAErF;;;;;;;;;EASE;AACF,SAAgB,UAAU,CAAC,UAAkB,EAAE,WAAmB,EAAE,WAAmB,EAAE,aAAqB,EAAE,KAAoB;IAEnI,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAChC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAElC,IAAI,aAAa,GAAI,aAAa,GAAG,WAAW,CAAC;IAEjD,QAAO,KAAK,EAAC;QACZ,KAAK,WAAW,CAAC;QACjB,KAAK,aAAa,CAAC,CAAA,gHAAgH;QACnI,wCAAwC;QACxC,wDAAwD;QACxD,KAAK,MAAM;YACV,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;YACvE,OAAQ,UAAU,GAAG,CAAC,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;QACrD,KAAK,QAAQ,CAAC;QACd;YACC,OAAO,UAAU,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,CAAC;KAChF;AACF,CAAC;AAnBD,gCAmBC"}