taggedjs 2.0.1 → 2.1.2

package/js/interpolateTemplate.js

@@ -0,0 +1,262 @@
+import { buildItemTagMap } from "./render.js";
+import { Tag, variablePrefix } from "./Tag.class.js";
+import { Subject } from "./Subject.js";
+import { processTagArray } from "./processTagArray.js";
+import { getTagSupport } from "./getTagSupport.js";
+import { deepClone, deepEqual } from "./deepFunctions.js";
+import { config as providers } from "./providers.js";
+import { elementInitCheck } from "./elementInitCheck.js";
+import { runBeforeRender } from "./tagRunner.js";
+import { TemplaterResult } from "./tag.js";
+export function interpolateTemplate(template, // <template end interpolate /> (will be removed)
+context, // variable scope of {`__tagVar${index}`:'x'}
+ownerTag, // Tag class
+counts) {
+    if (!template.hasAttribute('end')) {
+        return; // only care about starts
+    }
+    const variableName = template.getAttribute('id');
+    if (variableName?.substring(0, variablePrefix.length) !== variablePrefix) {
+        return; // ignore, not a tagVar
+    }
+    const result = context[variableName];
+    if (result instanceof Subject) {
+        const callback = (templateNewValue) => {
+            processSubjectValue(templateNewValue, result, template, ownerTag, counts);
+            setTimeout(() => {
+                counts.added = 0; // reset
+                counts.removed = 0; // reset
+            }, 0);
+        };
+        const sub = result.subscribe(callback);
+        ownerTag.cloneSubs.push(sub);
+        return;
+    }
+    const clone = updateBetweenTemplates(result, template.clone || template);
+    ownerTag.clones.push(clone);
+    template.clone = clone;
+    return;
+}
+/**
+ *
+ * @param {*} value
+ * @param {*} result
+ * @param {*} template
+ * @param {Tag} ownerTag
+ * @param {{added: number, removed: number}} counts
+ * @returns
+ */
+function processSubjectValue(value, result, // could be tag via result.tag
+template, // <template end interpolate /> (will be removed)
+ownerTag, counts) {
+    if (value instanceof Tag) {
+        // first time seeing this tag?
+        if (!value.tagSupport) {
+            value.tagSupport = getTagSupport();
+            value.tagSupport.mutatingRender = ownerTag.tagSupport.mutatingRender;
+            value.tagSupport.oldest = value.tagSupport.oldest || value;
+            ownerTag.children.push(value);
+            value.ownerTag = ownerTag;
+        }
+        // value.tagSupport.newest = value
+        processTagResult(value, result, // Function will attach result.tag
+        template, { counts });
+        return;
+    }
+    // *for map
+    if (value instanceof Array && value.every(x => x instanceof Tag)) {
+        return processTagArray(result, value, template, ownerTag, counts);
+    }
+    if (isTagComponent(value)) {
+        return processSubjectComponent(value, result, template, ownerTag, counts);
+    }
+    // *if processing WAS a tag BUT NOW its some other non-tag value
+    if (result.tag) {
+        // put the template back
+        const lastFirstChild = template.clone || template; // result.tag.clones[0] // template.lastFirstChild
+        lastFirstChild.parentNode.insertBefore(template, lastFirstChild);
+        const stagger = counts.removed;
+        const animated = result.tag.destroy(stagger);
+        counts.removed = stagger + animated;
+        delete result.tag;
+        const clone = updateBetweenTemplates(value, lastFirstChild // ✅ this will be removed
+        ); // the template will be remove in here
+        template.clone = clone;
+        return;
+    }
+    const before = template.clone || template; // Either the template is on the doc OR its the first element we last put on doc
+    // Processing of regular values
+    const clone = updateBetweenTemplates(value, before);
+    template.clone = clone;
+    const oldPos = ownerTag.clones.indexOf(before);
+    if (oldPos >= 0 && !ownerTag.clones.includes(clone) && !before.parentNode) {
+        ownerTag.clones.splice(oldPos, 1);
+        ownerTag.clones.push(clone);
+    }
+}
+// Function to update the value of x
+export function updateBetweenTemplates(value, lastFirstChild) {
+    const parent = lastFirstChild.parentNode;
+    // mimic React skipping to display EXCEPT for true does display on page
+    if (value === undefined || value === false || value === null) { // || value === true
+        value = '';
+    }
+    // Insert the new value (never use innerHTML here)
+    const textNode = document.createTextNode(value); // never innerHTML
+    parent.insertBefore(textNode, lastFirstChild);
+    /* remove existing nodes */
+    parent.removeChild(lastFirstChild);
+    return textNode;
+}
+/** Returns {clones:[], subs:[]} */
+export function processTagResult(tag, result, // used for recording past and current value
+insertBefore, // <template end interpolate />
+{ index, counts, }) {
+    const template = tag.getTemplate();
+    // *for
+    if (index !== undefined) {
+        const existing = result.lastArray[index];
+        if (existing?.tag.isLikeTag(tag)) {
+            existing.tag.updateByTag(tag);
+            return;
+        }
+        const lastFirstChild = insertBefore; // tag.clones[0] // insertBefore.lastFirstChild
+        const clones = buildItemTagMap(tag, template, lastFirstChild);
+        clones.forEach(clone => afterElmBuild(clone, counts));
+        result.lastArray.push({
+            tag, index
+        });
+        return;
+    }
+    // *if appears we already have seen
+    if (result.tag) {
+        // are we just updating an if we already had?
+        if (result.tag.isLikeTag(tag)) {
+            // components
+            if (result instanceof Function) {
+                const newTag = result(result.tag.tagSupport);
+                result.tag.updateByTag(newTag);
+                return;
+            }
+            result.tag.updateByTag(tag);
+            return;
+        }
+    }
+    // *if just now appearing to be a Tag
+    const before = insertBefore.clone || insertBefore;
+    const clones = buildItemTagMap(tag, template, before);
+    clones.forEach(clone => afterElmBuild(clone, counts));
+    result.tag = tag; // let reprocessing know we saw this previously as an if
+    return;
+}
+export function isTagComponent(value) {
+    return value instanceof TemplaterResult;
+}
+function processSubjectComponent(value, result, template, ownerTag, counts) {
+    if (value.tagged !== true) {
+        let name = value.name || value.constructor?.name;
+        if (name === 'Function') {
+            name = undefined;
+        }
+        const error = new Error(`Not a tag component. Wrap your function with tag(). Example tag(props => html\`\`) on component:\n\n${name || value.toString().substring(0, 120)}\n\n`);
+        throw error;
+    }
+    /** @type {TagSupport} */
+    const tagSupport = result.tagSupport || getTagSupport(value);
+    tagSupport.mutatingRender = () => {
+        const preRenderCount = tagSupport.renderCount;
+        // Is this NOT my first render
+        if (result.tag) {
+            providersChangeCheck(result.tag);
+            // When the providers were checked, a render to myself occurred and I do not need to re-render again
+            if (preRenderCount !== tagSupport.renderCount) {
+                return tagSupport.newest;
+            }
+            const hasPropsChanged = tagSupport.hasPropChanges(value.props, value.newProps, result.tag.tagSupport.templater.props);
+            if (!hasPropsChanged) {
+                tagSupport.newest = value.redraw(value.newProps); // No change detected, just redraw me only
+                return tagSupport.newest;
+            }
+        }
+        // draw to my parent
+        const newest = tagSupport.newest = ownerTag.tagSupport.render();
+        return newest;
+    };
+    const templater = value;
+    let tag = templater.newest;
+    providers.ownerTag = ownerTag;
+    const isFirstTime = !tag;
+    runBeforeRender(tagSupport, tag);
+    if (isFirstTime) {
+        tag = templater.wrapper();
+        tag.tagSupport = tagSupport;
+        tag.afterRender();
+        templater.oldest = tag;
+        tagSupport.oldest = tag;
+        value.oldest = tag;
+    }
+    templater.newest = tag;
+    tag.ownerTag = ownerTag;
+    tag.ownerTag = ownerTag;
+    ownerTag.children.push(tag);
+    tag.setSupport(tagSupport);
+    processTagResult(tag, result, // The element set here will be removed from document
+    template, // <template end interpolate /> (will be removed)
+    {
+        counts,
+    });
+    return;
+}
+function afterElmBuild(elm, counts) {
+    if (!elm.getAttribute) {
+        return;
+    }
+    elementInitCheck(elm, counts);
+    if (elm.children) {
+        new Array(...elm.children).forEach(child => afterElmBuild(child, counts));
+    }
+}
+function providersChangeCheck(tag) {
+    const providersWithChanges = tag.providers.filter(provider => {
+        return !deepEqual(provider.instance, provider.clone);
+    });
+    // reset clones
+    providersWithChanges.forEach(provider => {
+        const appElement = tag.getAppElement();
+        handleProviderChanges(appElement, provider);
+        provider.clone = deepClone(provider.instance);
+    });
+}
+/**
+ *
+ * @param {Tag} appElement
+ * @param {Provider} provider
+ */
+function handleProviderChanges(appElement, provider) {
+    const tagsWithProvider = getTagsWithProvider(appElement, provider);
+    tagsWithProvider.forEach(({ tag, renderCount, provider }) => {
+        if (renderCount === tag.tagSupport.renderCount) {
+            provider.clone = deepClone(provider.instance);
+            tag.tagSupport.render();
+        }
+    });
+}
+/**
+ *
+ * @param {Tag} appElement
+ * @param {Provider} provider
+ * @returns {{tag: Tag, renderCount: numer, provider: Provider}[]}
+ */
+function getTagsWithProvider(tag, provider, memory = []) {
+    const hasProvider = tag.providers.find(xProvider => xProvider.constructMethod === provider.constructMethod);
+    if (hasProvider) {
+        memory.push({
+            tag,
+            renderCount: tag.tagSupport.renderCount,
+            provider: hasProvider
+        });
+    }
+    tag.children.forEach(child => getTagsWithProvider(child, provider, memory));
+    return memory;
+}
+//# sourceMappingURL=interpolateTemplate.js.map

package/js/interpolateTemplate.js.map

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

package/js/interpolations.d.ts

@@ -0,0 +1,6 @@
+export declare const interpolateReplace: RegExp;
+/** replaces ${x} with <template id="x-start"></template><template id="x-end"></template> */
+export declare function interpolateToTemplates(template: string): {
+    string: string;
+    keys: string[];
+};

package/js/interpolations.js

@@ -0,0 +1,17 @@
+export const interpolateReplace = /(?:<[^>]*>)|({__tagVar[^}]+})/g;
+/** replaces ${x} with <template id="x-start"></template><template id="x-end"></template> */
+export function interpolateToTemplates(template) {
+    const keys = [];
+    const string = template.replace(interpolateReplace, (match, expression) => {
+        if (match.startsWith('<')) {
+            // If the match is an HTML tag, don't replace
+            return match;
+        }
+        const noBraces = expression.substring(1, expression.length - 1);
+        const id = noBraces;
+        keys.push(id);
+        return `<template interpolate end id="${id}"></template>`;
+    });
+    return { string, keys };
+}
+//# sourceMappingURL=interpolations.js.map

package/js/interpolations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interpolations.js","sourceRoot":"","sources":["../ts/interpolations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,gCAAgC,CAAA;AAElE,4FAA4F;AAC5F,MAAM,UAAU,sBAAsB,CACpC,QAAgB;IAEhB,MAAM,IAAI,GAAa,EAAE,CAAA;IACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;QACxE,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1B,6CAA6C;YAC7C,OAAO,KAAK,CAAA;QACd,CAAC;QAED,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,GAAC,CAAC,CAAC,CAAA;QAC7D,MAAM,EAAE,GAAG,QAAQ,CAAA;QACnB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACb,OAAO,iCAAiC,EAAE,eAAe,CAAA;IAC3D,CAAC,CAAC,CAAA;IAEF,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;AACzB,CAAC"}

package/js/js/Subject.d.ts

@@ -0,0 +1,12 @@
+export type Subscription = (() => void) & {
+    unsubscribe: () => any;
+};
+type Subscriber = () => any;
+export declare class Subject {
+    subscribers: Subscriber[];
+    value?: any;
+    subscribe(callback: Subscriber): Subscription;
+    set(value: any): void;
+    next: (value: any) => void;
+}
+export {};

package/js/js/Subject.js

@@ -0,0 +1,38 @@
+export class Subject {
+    subscribers = [];
+    value;
+    // unsubcount = 0 // 🔬 testing
+    subscribe(callback) {
+        this.subscribers.push(callback);
+        Subject.globalSubs.push(callback); // 🔬 testing
+        ++Subject.globalSubCount;
+        const unsubscribe = () => {
+            removeSubFromArray(this.subscribers, callback);
+            removeSubFromArray(Subject.globalSubs, callback); // 🔬 testing
+            --Subject.globalSubCount;
+        };
+        // Return a function to unsubscribe from the BehaviorSubject
+        unsubscribe.unsubscribe = unsubscribe;
+        return unsubscribe;
+    }
+    set(value) {
+        this.value = value;
+        // Notify all subscribers with the new value
+        this.subscribers.forEach((callback) => {
+            callback.value = value;
+            callback(value);
+        });
+    }
+    next = this.set;
+}
+function removeSubFromArray(subscribers, callback) {
+    const index = subscribers.indexOf(callback);
+    if (index !== -1) {
+        subscribers.splice(index, 1);
+    }
+}
+;
+Subject.globalSubCount = 0 // for ease of debugging
+;
+Subject.globalSubs = []; // 🔬 testing
+//# sourceMappingURL=Subject.js.map

package/js/js/Subject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Subject.js","sourceRoot":"","sources":["../ts/Subject.ts"],"names":[],"mappings":"AAMA,MAAM,OAAO,OAAO;IAClB,WAAW,GAAiB,EAAE,CAAA;IAC9B,KAAK,CAAM;IACX,+BAA+B;IAE/B,SAAS,CAAC,QAAoB;QAC5B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAC9B;QAAC,OAAe,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA,CAAC,aAAa;QAEzD,EAAG,OAAe,CAAC,cAAc,CAAA;QAEjC,MAAM,WAAW,GAAiB,GAAG,EAAE;YACrC,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YAC9C,kBAAkB,CAAE,OAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA,CAAC,aAAa;YACvE,EAAG,OAAe,CAAC,cAAc,CAAA;QACnC,CAAC,CAAA;QAED,4DAA4D;QAC5D,WAAW,CAAC,WAAW,GAAG,WAAW,CAAA;QAErC,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,GAAG,CAAC,KAAU;QACZ,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAElB,4CAA4C;QAC5C,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,QAAa,EAAE,EAAE;YACzC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;YACtB,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,IAAI,GAAG,IAAI,CAAC,GAAG,CAAA;CAChB;AAED,SAAS,kBAAkB,CACzB,WAAyB,EACzB,QAAoB;IAEpB,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC3C,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;QACjB,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IAC9B,CAAC;AACH,CAAC;AAED,CAAC;AAAC,OAAe,CAAC,cAAc,GAAG,CAAC,CAAC,wBAAwB;CAC5D;AAAC,OAAe,CAAC,UAAU,GAAG,EAAE,CAAA,CAAC,aAAa"}

package/js/js/Tag.class.d.ts

@@ -0,0 +1,45 @@
+import { TagSupport } from "./getTagSupport.js";
+import { Provider } from "./providers.js";
+import { Subscription } from "./Subject.js";
+export declare const variablePrefix = "__tagVar";
+export declare const escapeVariable: string;
+export declare const escapeSearch: RegExp;
+export type Context = {
+    [index: string]: any;
+};
+export declare class Tag {
+    strings: string[];
+    values: any[];
+    context: Context;
+    clones: (Element | Text | ChildNode)[];
+    cloneSubs: Subscription[];
+    children: Tag[];
+    tagSupport: TagSupport;
+    ownerTag?: Tag;
+    arrayValue?: any[];
+    constructor(strings: string[], values: any[]);
+    providers: Provider[];
+    beforeRedraw(): void;
+    afterRender(): void;
+    /** Used for array, such as array.map(), calls aka array.map(x => html``.key(x)) */
+    key(arrayValue: any[]): this;
+    destroy(stagger?: number, byParent?: boolean): number;
+    destroySubscriptions(): void;
+    destroyClones(stagger?: number): number;
+    updateByTag(tag: Tag): void;
+    lastTemplateString: string | undefined;
+    /** A method of passing down the same render method */
+    setSupport(tagSupport: TagSupport): void;
+    updateConfig(strings: string[], values: any[]): void;
+    getTemplate(): {
+        string: string;
+        strings: string[];
+        values: any[];
+        context: Context;
+    };
+    isLikeTag(tag: Tag): boolean;
+    update(): Context;
+    updateValues(values: any[]): Context;
+    updateContext(context: Context): Context;
+    getAppElement(): Tag;
+}

package/js/js/Tag.class.js

@@ -0,0 +1,213 @@
+import { bindSubjectFunction, elementDestroyCheck, getSubjectFunction, setValueRedraw } from "./Tag.utils.js";
+import { getTagSupport } from "./getTagSupport.js";
+import { isTagComponent } from "./interpolateTemplate.js";
+import { ValueSubject } from "./ValueSubject.js";
+import { deepEqual } from "./deepFunctions.js";
+import { runAfterRender, runBeforeRedraw, runBeforeRender } from "./tagRunner.js";
+export const variablePrefix = '__tagVar';
+export const escapeVariable = '--' + variablePrefix + '--';
+const prefixSearch = new RegExp(variablePrefix, 'g');
+export const escapeSearch = new RegExp(escapeVariable, 'g');
+export class Tag {
+    strings;
+    values;
+    context = {}; // populated after reading interpolated.values array converted to an object {variable0, variable:1}
+    clones = []; // elements on document
+    cloneSubs = []; // subscriptions created by clones
+    children = []; // tags on me
+    tagSupport;
+    // only present when a child of a tag
+    ownerTag;
+    // present only when an array. Populated by this.key()
+    arrayValue;
+    constructor(strings, values) {
+        this.strings = strings;
+        this.values = values;
+    }
+    providers = [];
+    beforeRedraw() {
+        runBeforeRedraw(this.tagSupport, this);
+    }
+    afterRender() {
+        runAfterRender(this.tagSupport, this);
+    }
+    /** Used for array, such as array.map(), calls aka array.map(x => html``.key(x)) */
+    key(arrayValue) {
+        this.arrayValue = arrayValue;
+        return this;
+    }
+    destroy(stagger = 0, byParent = false) {
+        this.children.forEach((kid, index) => kid.destroy(0, true));
+        this.destroySubscriptions();
+        if (!byParent) {
+            stagger = this.destroyClones(stagger);
+        }
+        return stagger;
+    }
+    destroySubscriptions() {
+        this.cloneSubs.forEach(cloneSub => cloneSub.unsubscribe());
+        this.cloneSubs.length = 0;
+    }
+    destroyClones(stagger = 0) {
+        this.clones.reverse().forEach((clone, index) => {
+            let promise = Promise.resolve();
+            if (clone.ondestroy) {
+                promise = elementDestroyCheck(clone, stagger);
+            }
+            promise.then(() => clone.parentNode.removeChild(clone));
+        });
+        this.clones.length = 0;
+        return stagger;
+    }
+    updateByTag(tag) {
+        this.updateConfig(tag.strings, tag.values);
+        this.tagSupport.templater = tag.tagSupport.templater;
+    }
+    lastTemplateString = undefined; // used to compare templates for updates
+    /** A method of passing down the same render method */
+    setSupport(tagSupport) {
+        this.tagSupport = this.tagSupport || tagSupport;
+        this.tagSupport.mutatingRender = this.tagSupport.mutatingRender || tagSupport.mutatingRender;
+        this.children.forEach(kid => kid.setSupport(tagSupport));
+    }
+    updateConfig(strings, values) {
+        this.strings = strings;
+        this.updateValues(values);
+    }
+    getTemplate() {
+        // TODO: treat interpolation hack here
+        const string = this.lastTemplateString = this.strings.map((string, index) => {
+            const safeString = string.replace(prefixSearch, escapeVariable);
+            const endString = safeString + (this.values.length > index ? `{${variablePrefix}${index}}` : '');
+            return endString;
+        }).join('');
+        return { string, strings: this.strings, values: this.values, context: this.context };
+    }
+    isLikeTag(tag) {
+        if (tag.lastTemplateString !== this.lastTemplateString) {
+            return false;
+        }
+        if (tag.values.length !== this.values.length) {
+            return false;
+        }
+        const allVarsMatch = tag.values.every((value, index) => {
+            const compareTo = this.values[index];
+            const isFunctions = value instanceof Function && compareTo instanceof Function;
+            if (isFunctions) {
+                const stringMatch = value.toString() === compareTo.toString();
+                if (stringMatch) {
+                    return true;
+                }
+                return false;
+            }
+            if (value instanceof Tag && compareTo instanceof Tag) {
+                value.ownerTag = this; // let children know I own them
+                this.children.push(value); // record children I created        
+                value.lastTemplateString || value.getTemplate().string; // ensure last template string is generated
+                if (value.isLikeTag(compareTo)) {
+                    return true;
+                }
+                return false;
+            }
+            return true;
+        });
+        if (allVarsMatch) {
+            return true;
+        }
+        return false;
+    }
+    update() {
+        return this.updateContext(this.context);
+    }
+    updateValues(values) {
+        this.values = values;
+        return this.updateContext(this.context);
+    }
+    updateContext(context) {
+        this.strings.map((_string, index) => {
+            const variableName = variablePrefix + index;
+            const hasValue = this.values.length > index;
+            const value = this.values[index];
+            // is something already there?
+            const existing = context[variableName];
+            if (existing) {
+                /** @type {Tag | undefined} */
+                const ogTag = existing.value?.tag;
+                // handle already seen tag components
+                if (isTagComponent(value)) {
+                    const latestProps = value.cloneProps;
+                    const existingTag = existing.tag;
+                    // previously was something else, now a tag component
+                    if (!existing.tag) {
+                        setValueRedraw(value, existing, this);
+                        value.redraw(latestProps);
+                        return;
+                    }
+                    const oldTagSetup = existingTag.tagSupport;
+                    const tagSupport = value.tagSupport || oldTagSetup || getTagSupport(value);
+                    const oldCloneProps = tagSupport.templater?.cloneProps;
+                    const oldProps = tagSupport.templater?.props;
+                    if (existingTag) {
+                        const isCommonEqual = oldProps === undefined && oldProps === latestProps;
+                        const equal = isCommonEqual || deepEqual(oldCloneProps, latestProps);
+                        if (equal) {
+                            return;
+                        }
+                    }
+                    setValueRedraw(value, existing, this);
+                    oldTagSetup.templater = value;
+                    existing.value.tag = oldTagSetup.newest = value.redraw(latestProps);
+                    return;
+                }
+                // handle already seen tags
+                if (ogTag) {
+                    const tagSupport = ogTag.tagSupport;
+                    const templater = value;
+                    runBeforeRender(tagSupport, ogTag);
+                    tagSupport.oldest.beforeRedraw();
+                    const retag = templater.wrapper();
+                    retag.tagSupport = tagSupport;
+                    templater.newest = retag;
+                    tagSupport.oldest.afterRender();
+                    ogTag.updateByTag(retag);
+                    existing.set(value);
+                    return;
+                }
+                // now its a function
+                if (value instanceof Function) {
+                    existing.set(bindSubjectFunction(value, this));
+                    return;
+                }
+                existing.set(value); // let ValueSubject now of newest value
+                return;
+            }
+            // First time values below
+            if (isTagComponent(value)) {
+                const existing = context[variableName] = new ValueSubject(value);
+                setValueRedraw(value, existing, this);
+                return;
+            }
+            if (value instanceof Function) {
+                context[variableName] = getSubjectFunction(value, this);
+                return;
+            }
+            if (!hasValue) {
+                return; // more strings than values, stop here
+            }
+            if (value instanceof Tag) {
+                value.ownerTag = this;
+                this.children.push(value);
+            }
+            context[variableName] = new ValueSubject(value);
+        });
+        return context;
+    }
+    getAppElement() {
+        let tag = this;
+        while (tag.ownerTag) {
+            tag = tag.ownerTag;
+        }
+        return tag;
+    }
+}
+//# sourceMappingURL=Tag.class.js.map

package/js/js/Tag.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.class.js","sourceRoot":"","sources":["../ts/Tag.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC7G,OAAO,EAAc,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE9C,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAGjF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAA;AACxC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,GAAG,cAAc,GAAG,IAAI,CAAA;AAE1D,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;AACpD,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;AAI3D,MAAM,OAAO,GAAG;IAeL;IACA;IAfT,OAAO,GAAY,EAAE,CAAA,CAAC,mGAAmG;IACzH,MAAM,GAAmC,EAAE,CAAA,CAAC,uBAAuB;IACnE,SAAS,GAAmB,EAAE,CAAA,CAAC,kCAAkC;IACjE,QAAQ,GAAU,EAAE,CAAA,CAAC,aAAa;IAElC,UAAU,CAAa;IAEvB,qCAAqC;IACrC,QAAQ,CAAM;IAEd,sDAAsD;IACtD,UAAU,CAAQ;IAElB,YACS,OAAiB,EACjB,MAAa;QADb,YAAO,GAAP,OAAO,CAAU;QACjB,WAAM,GAAN,MAAM,CAAO;IACnB,CAAC;IAEJ,SAAS,GAAe,EAAE,CAAA;IAE1B,YAAY;QACV,eAAe,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,WAAW;QACT,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;IACvC,CAAC;IAED,mFAAmF;IACnF,GAAG,CAAC,UAAiB;QACnB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;QAC5B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,OAAO,GAAG,CAAC,EACX,QAAQ,GAAG,KAAK;QAEhB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;QAC3D,IAAI,CAAC,oBAAoB,EAAE,CAAA;QAE3B,IAAG,CAAC,QAAQ,EAAE,CAAC;YACb,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QACvC,CAAC;QAED,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAA;QAC1D,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAA;IAC3B,CAAC;IAED,aAAa,CACX,OAAO,GAAG,CAAC;QAEX,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;YAC1D,IAAI,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,CAAA;YAC/B,IAAG,KAAK,CAAC,SAAS,EAAE,CAAC;gBACnB,OAAO,GAAG,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;YAC/C,CAAC;YAED,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAChB,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CACpC,CAAA;QACH,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;QAEtB,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,WAAW,CAAC,GAAQ;QAClB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,GAAG,CAAC,UAAU,CAAC,SAAS,CAAA;IACtD,CAAC;IAED,kBAAkB,GAAuB,SAAS,CAAA,CAAC,wCAAwC;IAE3F,sDAAsD;IACtD,UAAU,CAAC,UAAsB;QAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,UAAU,CAAA;QAC/C,IAAI,CAAC,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,IAAI,UAAU,CAAC,cAAc,CAAA;QAC5F,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAA;IAC1D,CAAC;IAED,YAAY,CAAC,OAAiB,EAAE,MAAa;QAC3C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;IAC3B,CAAC;IAED,WAAW;QACT,sCAAsC;QACtC,MAAM,MAAM,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC1E,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE,cAAc,CAAC,CAAA;YAC/D,MAAM,SAAS,GAAG,UAAU,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,cAAc,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;YAChG,OAAO,SAAS,CAAA;QAClB,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAEX,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,IAAI,CAAC,OAAO,EAAE,CAAA;IACrF,CAAC;IAED,SAAS,CAAC,GAAQ;QAChB,IAAG,GAAG,CAAC,kBAAkB,KAAK,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACtD,OAAO,KAAK,CAAA;QACd,CAAC;QAED,IAAG,GAAG,CAAC,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YAC5C,OAAO,KAAK,CAAA;QACd,CAAC;QAED,MAAM,YAAY,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,EAAC,EAAE;YACpD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACpC,MAAM,WAAW,GAAG,KAAK,YAAY,QAAQ,IAAI,SAAS,YAAY,QAAQ,CAAA;YAE9E,IAAG,WAAW,EAAE,CAAC;gBACf,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,EAAE,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAA;gBAC7D,IAAG,WAAW,EAAE,CAAC;oBACf,OAAO,IAAI,CAAA;gBACb,CAAC;gBAED,OAAO,KAAK,CAAA;YACd,CAAC;YAED,IAAG,KAAK,YAAY,GAAG,IAAI,SAAS,YAAY,GAAG,EAAE,CAAC;gBACpD,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAA,CAAC,+BAA+B;gBACrD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAC,oCAAoC;gBAC9D,KAAK,CAAC,kBAAkB,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC,MAAM,CAAA,CAAC,2CAA2C;gBAElG,IAAG,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC;oBAC9B,OAAO,IAAI,CAAA;gBACb,CAAC;gBAED,OAAO,KAAK,CAAA;YACd,CAAC;YAED,OAAO,IAAI,CAAA;QACb,CAAC,CAAC,CAAA;QAEF,IAAG,YAAY,EAAE,CAAC;YAChB,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,aAAa,CAAE,IAAI,CAAC,OAAO,CAAE,CAAA;IAC3C,CAAC;IAED,YAAY,CAAC,MAAa;QACxB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IACzC,CAAC;IAED,aAAa,CAAC,OAAgB;QAC5B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;YAClC,MAAM,YAAY,GAAG,cAAc,GAAG,KAAK,CAAA;YAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAA;YAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAEhC,8BAA8B;YAC9B,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;YAEtC,IAAG,QAAQ,EAAE,CAAC;gBACZ,8BAA8B;gBAC9B,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAA;gBAEjC,qCAAqC;gBACrC,IAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;oBACzB,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAA;oBACpC,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAA;oBAEhC,qDAAqD;oBACrD,IAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;wBACjB,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAA;wBACrC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;wBACzB,OAAM;oBACR,CAAC;oBAED,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAA;oBAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAA;oBAC1E,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,EAAE,UAAU,CAAA;oBACtD,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAA;oBAE5C,IAAG,WAAW,EAAE,CAAC;wBACf,MAAM,aAAa,GAAG,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,WAAW,CAAA;wBACxE,MAAM,KAAK,GAAG,aAAa,IAAI,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;wBACpE,IAAG,KAAK,EAAE,CAAC;4BACT,OAAM;wBACR,CAAC;oBACH,CAAC;oBAED,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAA;oBACrC,WAAW,CAAC,SAAS,GAAG,KAAK,CAAA;oBAC7B,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;oBACnE,OAAM;gBACR,CAAC;gBAED,2BAA2B;gBAC3B,IAAG,KAAK,EAAE,CAAC;oBACT,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAA;oBACnC,MAAM,SAAS,GAAG,KAAwB,CAAA;oBAC1C,eAAe,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;oBAClC,UAAU,CAAC,MAAM,CAAC,YAAY,EAAE,CAAA;oBAEhC,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,EAAE,CAAA;oBAEjC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAA;oBAC7B,SAAS,CAAC,MAAM,GAAG,KAAK,CAAA;oBACxB,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,CAAA;oBAC/B,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;oBACxB,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;oBAEnB,OAAM;gBACR,CAAC;gBAED,qBAAqB;gBACrB,IAAG,KAAK,YAAY,QAAQ,EAAE,CAAC;oBAC7B,QAAQ,CAAC,GAAG,CAAE,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAE,CAAA;oBAChD,OAAM;gBACR,CAAC;gBAED,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA,CAAC,uCAAuC;gBAE3D,OAAM;YACR,CAAC;YAED,0BAA0B;YAE1B,IAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzB,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;gBAChE,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAA;gBACrC,OAAM;YACR,CAAC;YAED,IAAG,KAAK,YAAY,QAAQ,EAAE,CAAC;gBAC7B,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;gBACvD,OAAM;YACR,CAAC;YAED,IAAG,CAAC,QAAQ,EAAE,CAAC;gBACb,OAAM,CAAC,sCAAsC;YAC/C,CAAC;YAED,IAAG,KAAK,YAAY,GAAG,EAAE,CAAC;gBACxB,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAA;gBACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YAC3B,CAAC;YAED,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,YAAY,CAAC,KAAK,CAAC,CAAA;QACjD,CAAC,CAAC,CAAA;QAEF,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,aAAa;QACX,IAAI,GAAG,GAAQ,IAAI,CAAA;QAEnB,OAAM,GAAG,CAAC,QAAQ,EAAE,CAAC;YACnB,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAA;QACpB,CAAC;QAED,OAAO,GAAG,CAAA;IACZ,CAAC;CACF"}

package/js/js/Tag.utils.d.ts

@@ -0,0 +1,24 @@
+import { ValueSubject } from "./ValueSubject.js";
+import { Tag } from "./Tag.class.js";
+import { TemplaterResult } from "./tag.js";
+export declare function getSubjectFunction(value: any, tag: Tag): ValueSubject;
+/**
+ * @param {*} value
+ * @param {Tag} tag
+ * @returns
+ */
+export declare function bindSubjectFunction(value: (...args: any[]) => any, tag: Tag): {
+    (element: Element, args: any[]): any;
+    tagFunction: (...args: any[]) => any;
+};
+/**
+ *
+ * @param {*} templater
+ * @param {ExistingValue} existing
+ * @param {Tag} ownerTag
+ */
+export declare function setValueRedraw(templater: TemplaterResult, // latest tag function to call for rendering
+existing: any, ownerTag: Tag): void;
+export declare function elementDestroyCheck(nextSibling: Element & {
+    ondestroy?: () => any;
+}, stagger: number): any;