taggedjs 2.1.1 → 2.1.2

package/js/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/js/interpolateTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interpolateTemplate.js","sourceRoot":"","sources":["../ts/interpolateTemplate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAW,GAAG,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAY,MAAM,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,UAAU,mBAAmB,CACjC,QAAiC,EAAE,iDAAiD;AACpF,OAAgB,EAAE,6CAA6C;AAC/D,QAAa,EAAE,YAAY;AAC3B,MAAc;IAEd,IAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,EAAG,CAAC;QACpC,OAAM,CAAC,yBAAyB;IAClC,CAAC;IAED,MAAM,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IAChD,IAAG,YAAY,EAAE,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,cAAc,EAAE,CAAC;QACxE,OAAM,CAAC,uBAAuB;IAChC,CAAC;IAED,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;IACpC,IAAG,MAAM,YAAY,OAAO,EAAE,CAAC;QAC7B,MAAM,QAAQ,GAAG,CAAC,gBAAqB,EAAE,EAAE;YACzC,mBAAmB,CAAC,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;YAEzE,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,CAAC,KAAK,GAAG,CAAC,CAAA,CAAC,QAAQ;gBACzB,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA,CAAC,QAAQ;YAC7B,CAAC,EAAE,CAAC,CAAC,CAAA;QACP,CAAC,CAAA;QAED,MAAM,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,QAAe,CAAC,CAAA;QAC7C,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAC5B,OAAM;IACR,CAAC;IAED,MAAM,KAAK,GAAG,sBAAsB,CAClC,MAAM,EACN,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAC3B,CAAA;IAED,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC3B,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;IAEtB,OAAM;AACR,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,mBAAmB,CAC1B,KAAU,EACV,MAAW,EAAE,8BAA8B;AAC3C,QAAa,EAAE,iDAAiD;AAChE,QAAa,EACb,MAAc;IAEd,IAAI,KAAK,YAAY,GAAG,EAAE,CAAC;QACzB,8BAA8B;QAC9B,IAAG,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;YACrB,KAAK,CAAC,UAAU,GAAG,aAAa,EAAE,CAAA;YAClC,KAAK,CAAC,UAAU,CAAC,cAAc,GAAG,QAAQ,CAAC,UAAU,CAAC,cAAc,CAAA;YACpE,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,IAAI,KAAK,CAAA;YAE1D,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAY,CAAC,CAAA;YACpC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAC3B,CAAC;QAED,kCAAkC;QAElC,gBAAgB,CACd,KAAK,EACL,MAAM,EAAE,kCAAkC;QAC1C,QAAQ,EACR,EAAC,MAAM,EAAC,CACT,CAAA;QAED,OAAM;IACR,CAAC;IAED,WAAW;IACX,IAAG,KAAK,YAAY,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC;QAChE,OAAO,eAAe,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;IACnE,CAAC;IAED,IAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;IAC3E,CAAC;IAED,gEAAgE;IAChE,IAAI,MAAM,CAAC,GAAG,EAAE,CAAC;QACf,wBAAwB;QACxB,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAA,CAAA,kDAAkD;QACnG,cAAc,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;QAEhE,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA;QAC9B,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC5C,MAAM,CAAC,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;QACnC,OAAO,MAAM,CAAC,GAAG,CAAA;QAEjB,MAAM,KAAK,GAAG,sBAAsB,CAClC,KAAK,EACL,cAAc,CAAC,yBAAyB;SACzC,CAAA,CAAC,sCAAsC;QAExC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;QAEtB,OAAM;IACR,CAAC;IAGD,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAA,CAAC,gFAAgF;IAE1H,+BAA+B;IAC/B,MAAM,KAAK,GAAG,sBAAsB,CAClC,KAAK,EACL,MAAM,CACP,CAAA;IAED,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAA;IAEtB,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAC9C,IAAG,MAAM,IAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QACvE,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QACjC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC;AACH,CAAC;AAED,oCAAoC;AACpC,MAAM,UAAU,sBAAsB,CACpC,KAAU,EACV,cAAuB;IAEvB,MAAM,MAAM,GAAG,cAAc,CAAC,UAAwB,CAAA;IAEtD,uEAAuE;IACvE,IAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC,CAAC,oBAAoB;QACjF,KAAK,GAAG,EAAE,CAAA;IACZ,CAAC;IAED,kDAAkD;IAClD,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA,CAAC,kBAAkB;IAClE,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;IAE7C,2BAA2B;IAC3B,MAAM,CAAC,WAAW,CAAC,cAAc,CAAC,CAAA;IAElC,OAAO,QAAQ,CAAA;AACjB,CAAC;AAID,mCAAmC;AACnC,MAAM,UAAU,gBAAgB,CAC9B,GAAQ,EACR,MAAW,EAAE,4CAA4C;AACzD,YAAqB,EAAE,+BAA+B;AACtD,EACE,KAAK,EACL,MAAM,GAIP;IAED,MAAM,QAAQ,GAAG,GAAG,CAAC,WAAW,EAAE,CAAA;IAElC,OAAO;IACP,IAAG,KAAK,KAAK,SAAS,EAAE,CAAC;QACvB,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QAExC,IAAG,QAAQ,EAAE,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;YAChC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;YAC7B,OAAM;QACR,CAAC;QAED,MAAM,cAAc,GAAG,YAAY,CAAA,CAAC,+CAA+C;QACnF,MAAM,MAAM,GAAG,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAA;QAC7D,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;QACrD,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;YACpB,GAAG,EAAE,KAAK;SACX,CAAC,CAAA;QAEF,OAAM;IACR,CAAC;IAED,mCAAmC;IACnC,IAAG,MAAM,CAAC,GAAG,EAAE,CAAC;QACd,6CAA6C;QAC7C,IAAG,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;YAC7B,aAAa;YACb,IAAG,MAAM,YAAY,QAAQ,EAAE,CAAC;gBAC9B,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;gBAC5C,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;gBAC9B,OAAM;YACR,CAAC;YAED,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;YAE3B,OAAM;QACR,CAAC;IACH,CAAC;IAED,qCAAqC;IACrC,MAAM,MAAM,GAAI,YAAoB,CAAC,KAAK,IAAI,YAAY,CAAA;IAE1D,MAAM,MAAM,GAAG,eAAe,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;IACrD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IACrD,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA,CAAC,wDAAwD;IAEzE,OAAM;AACR,CAAC;AAGD,MAAM,UAAU,cAAc,CAAC,KAAgC;IAC7D,OAAO,KAAK,YAAY,eAAe,CAAA;AACzC,CAAC;AAED,SAAS,uBAAuB,CAC9B,KAAU,EACV,MAAW,EACX,QAAa,EACb,QAAa,EACb,MAAc;IAEd,IAAG,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;QACzB,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,WAAW,EAAE,IAAI,CAAA;QAEhD,IAAG,IAAI,KAAK,UAAU,EAAE,CAAC;YACvB,IAAI,GAAG,SAAS,CAAA;QAClB,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,uGAAuG,IAAI,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,EAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAC/K,MAAM,KAAK,CAAA;IACb,CAAC;IAED,yBAAyB;IACzB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,aAAa,CAAE,KAAK,CAAE,CAAA;IAE9D,UAAU,CAAC,cAAc,GAAG,GAAG,EAAE;QAC/B,MAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAA;QAE7C,8BAA8B;QAC9B,IAAG,MAAM,CAAC,GAAG,EAAE,CAAC;YACd,oBAAoB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;YAEhC,oGAAoG;YACpG,IAAG,cAAc,KAAK,UAAU,CAAC,WAAW,EAAE,CAAC;gBAC7C,OAAO,UAAU,CAAC,MAAM,CAAA;YAC1B,CAAC;YAED,MAAM,eAAe,GAAG,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;YACrH,IAAG,CAAC,eAAe,EAAE,CAAC;gBACpB,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA,CAAC,0CAA0C;gBAC3F,OAAO,UAAU,CAAC,MAAM,CAAA;YAC1B,CAAC;QACH,CAAC;QAED,oBAAoB;QACpB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAA;QAC/D,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,KAAwB,CAAA;IAC1C,IAAI,GAAG,GAAG,SAAS,CAAC,MAAa,CAAA;IACjC,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC7B,MAAM,WAAW,GAAG,CAAC,GAAG,CAAA;IACxB,eAAe,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;IAEhC,IAAG,WAAW,EAAE,CAAC;QACf,GAAG,GAAG,SAAS,CAAC,OAAO,EAAE,CAAA;QACzB,GAAG,CAAC,UAAU,GAAG,UAAU,CAAA;QAC3B,GAAG,CAAC,WAAW,EAAE,CAAA;QACjB,SAAS,CAAC,MAAM,GAAG,GAAG,CAAA;QACtB,UAAU,CAAC,MAAM,GAAG,GAAG,CAAA;QACvB,KAAK,CAAC,MAAM,GAAG,GAAG,CAAA;IACpB,CAAC;IAED,SAAS,CAAC,MAAM,GAAG,GAAG,CAAA;IACtB,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAEvB,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC3B,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;IAE1B,gBAAgB,CACd,GAAG,EACH,MAAM,EAAE,qDAAqD;IAC7D,QAAQ,EAAE,iDAAiD;IAC3D;QACE,MAAM;KACP,CACF,CAAA;IAED,OAAM;AACR,CAAC;AAED,SAAS,aAAa,CACpB,GAAwB,EACxB,MAAc;IAEd,IAAG,CAAE,GAAe,CAAC,YAAY,EAAE,CAAC;QAClC,OAAM;IACR,CAAC;IAED,gBAAgB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;IAE7B,IAAI,GAAe,CAAC,QAAQ,EAAE,CAAC;QAC7B,IAAI,KAAK,CAAC,GAAI,GAAe,CAAC,QAAe,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAC/F,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,GAAQ;IACpC,MAAM,oBAAoB,GAAG,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;QAC3D,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IACtD,CAAC,CAAC,CAAA;IAEF,eAAe;IACf,oBAAoB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QACtC,MAAM,UAAU,GAAG,GAAG,CAAC,aAAa,EAAE,CAAA;QAEtC,qBAAqB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QAE3C,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC/C,CAAC,CAAC,CAAA;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,qBAAqB,CAC5B,UAAe,EACf,QAAkB;IAElB,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IAElE,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAC,EAAE,EAAE;QACxD,IAAG,WAAW,KAAK,GAAG,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;YAC9C,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;YAC7C,GAAG,CAAC,UAAU,CAAC,MAAM,EAAE,CAAA;QACzB,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC;AAED;;;;;GAKG;AAEH,SAAS,mBAAmB,CAC1B,GAAQ,EACR,QAAkB,EAClB,SAIM,EAAE;IAER,MAAM,WAAW,GAAG,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,eAAe,KAAK,QAAQ,CAAC,eAAe,CAAC,CAAA;IAE3G,IAAG,WAAW,EAAE,CAAC;QACf,MAAM,CAAC,IAAI,CAAC;YACV,GAAG;YACH,WAAW,EAAE,GAAG,CAAC,UAAU,CAAC,WAAW;YACvC,QAAQ,EAAE,WAAW;SACtB,CAAC,CAAA;IACJ,CAAC;IAED,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAE3E,OAAO,MAAM,CAAA;AACf,CAAC"}

package/js/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/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/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/onInit.d.ts

@@ -0,0 +1,6 @@
+import { Tag } from "./Tag.class.js";
+export type OnInitCallback = () => unknown;
+/** When undefined, it means a tag is being built for the first time so do run init(s) */
+export declare let initCurrentTag: Tag | undefined;
+export declare function setCurrentInitTag(tag: Tag | undefined): void;
+export declare function onInit(callback: OnInitCallback): void;

package/js/js/onInit.js

@@ -0,0 +1,17 @@
+import { setUse } from "./tagRunner.js";
+/** When undefined, it means a tag is being built for the first time so do run init(s) */
+export let initCurrentTag;
+export function setCurrentInitTag(tag) {
+    initCurrentTag = tag;
+}
+export function onInit(callback) {
+    if (!initCurrentTag) {
+        callback();
+    }
+}
+setUse({
+    beforeRender: (_tagSupport, tag) => {
+        setCurrentInitTag(tag);
+    }
+});
+//# sourceMappingURL=onInit.js.map

package/js/js/onInit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onInit.js","sourceRoot":"","sources":["../ts/onInit.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAIvC,yFAAyF;AACzF,MAAM,CAAC,IAAI,cAA+B,CAAA;AAE1C,MAAM,UAAU,iBAAiB,CAAC,GAAoB;IACpD,cAAc,GAAG,GAAG,CAAA;AACtB,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,QAAwB;IAExB,IAAG,CAAC,cAAc,EAAE,CAAC;QACnB,QAAQ,EAAE,CAAA;IACZ,CAAC;AACH,CAAC;AAED,MAAM,CAAC;IACL,YAAY,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,EAAE;QACjC,iBAAiB,CAAC,GAAG,CAAC,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

package/js/js/processTagArray.d.ts

@@ -0,0 +1,5 @@
+import { Tag } from "./Tag.class.js";
+import { Counts } from "./interpolateTemplate.js";
+export declare function processTagArray(result: any, value: Tag[], // arry of Tag classes
+template: Element, // <template end interpolate />
+ownerTag: Tag, counts: Counts): void;

package/js/js/processTagArray.js

@@ -0,0 +1,49 @@
+import { processTagResult } from "./interpolateTemplate.js";
+export function processTagArray(result, value, // arry of Tag classes
+template, // <template end interpolate />
+ownerTag, counts) {
+    result.lastArray = result.lastArray || []; // {tag, index}[] populated in processTagResult
+    let removed = 0;
+    /** 🗑️ remove previous items first */
+    result.lastArray = result.lastArray.filter((item, index) => {
+        const lessLength = value.length - 1 < index - removed;
+        const subTag = value[index - removed];
+        const subArrayValue = subTag?.arrayValue;
+        if (lessLength || subArrayValue !== item.tag.arrayValue) {
+            const last = result.lastArray[index];
+            const tag = last.tag;
+            tag.destroy(counts.removed, false);
+            ++removed;
+            ++counts.removed;
+            return false;
+        }
+        return true;
+    });
+    value.forEach((subTag, index) => {
+        subTag.tagSupport = ownerTag.tagSupport;
+        subTag.ownerTag = ownerTag;
+        ownerTag.children.push(subTag);
+        if (subTag.arrayValue === undefined) {
+            // appears arrayValue is not there but maybe arrayValue is actually the value of undefined
+            if (!Object.keys(subTag).includes('arrayValue')) {
+                const err = new Error('Use html`...`.key(item) instead of html`...` to template an Array');
+                err.code = 'add-array-key';
+                throw err;
+            }
+        }
+        const previous = result.lastArray[index];
+        if (previous) {
+            if (previous.tag.arrayValue === subTag.arrayValue) {
+                previous.tag.updateValues(subTag.values);
+            }
+            return;
+        }
+        const before = template || template.clone;
+        processTagResult(subTag, result, before, {
+            index,
+            counts,
+        });
+    });
+    return;
+}
+//# sourceMappingURL=processTagArray.js.map

package/js/js/processTagArray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processTagArray.js","sourceRoot":"","sources":["../ts/processTagArray.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,MAAM,UAAU,eAAe,CAC7B,MAAW,EACX,KAAY,EAAE,sBAAsB;AACpC,QAAiB,EAAE,+BAA+B;AAClD,QAAa,EACb,MAAc;IAEd,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,EAAE,CAAA,CAAC,+CAA+C;IAEzF,IAAI,OAAO,GAAG,CAAC,CAAA;IACf,sCAAsC;IACtC,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CACzC,IAAS,EACT,KAAa,EACb,EAAE;QACF,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,GAAC,CAAC,GAAG,KAAK,GAAG,OAAO,CAAA;QACnD,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,CAAA;QACrC,MAAM,aAAa,GAAG,MAAM,EAAE,UAAU,CAAA;QACxC,IAAG,UAAU,IAAI,aAAa,KAAK,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;YACvD,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;YACpC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAA;YACpB,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;YAClC,EAAE,OAAO,CAAA;YACT,EAAE,MAAM,CAAC,OAAO,CAAA;YAChB,OAAO,KAAK,CAAA;QACd,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CAAA;IAEF,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAC9B,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAA;QACvC,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAC1B,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAE9B,IAAI,MAAM,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YACpC,0FAA0F;YAC1F,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;gBAChD,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,mEAAmE,CAAC,CACzF;gBAAC,GAAW,CAAC,IAAI,GAAG,eAAe,CAAA;gBACpC,MAAM,GAAG,CAAA;YACX,CAAC;QACH,CAAC;QAED,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QACxC,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,QAAQ,CAAC,GAAG,CAAC,UAAU,KAAK,MAAM,CAAC,UAAU,EAAE,CAAC;gBAClD,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YAC1C,CAAC;YACD,OAAM;QACR,CAAC;QAED,MAAM,MAAM,GAAG,QAAQ,IAAK,QAAgB,CAAC,KAAK,CAAA;QAClD,gBAAgB,CACd,MAAM,EACN,MAAM,EACN,MAAM,EACN;YACE,KAAK;YACL,MAAM;SACP,CACF,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAM;AACR,CAAC"}

package/js/js/providers.d.ts

@@ -0,0 +1,25 @@
+import { Tag } from "./Tag.class.js";
+export type Provider = {
+    constructMethod: any;
+    instance: any;
+    clone: any;
+};
+export declare const config: {
+    providers: Provider[];
+    currentTag: Tag | undefined;
+    ownerTag: Tag | undefined;
+};
+export declare const providers: {
+    /**
+     * @template T
+     * @param {(new (...args: any[]) => T) | () => T} constructor
+     * @returns {T}
+     */
+    create: (constructMethod: any) => any;
+    /**
+     * @template T
+     * @param {(new (...args: any[]) => T) | () => T} constructor
+     * @returns {T}
+     */
+    inject: (constructor: any) => any;
+};

package/js/js/providers.js

@@ -0,0 +1,78 @@
+import { deepClone } from "./deepFunctions.js";
+import { setUse } from "./tagRunner.js";
+export const config = {
+    providers: [],
+    currentTag: undefined,
+    ownerTag: undefined,
+};
+function get(constructMethod) {
+    return config.providers.find(provider => provider.constructMethod === constructMethod);
+}
+export const providers = {
+    /**
+     * @template T
+     * @param {(new (...args: any[]) => T) | () => T} constructor
+     * @returns {T}
+     */
+    create: (constructMethod) => {
+        const existing = get(constructMethod);
+        if (existing) {
+            existing.clone = deepClone(existing.instance);
+            return existing.instance;
+        }
+        // Providers with provider requirements just need to use providers.create() and providers.inject()
+        const instance = constructMethod.constructor ? new constructMethod() : constructMethod();
+        config.providers.push({
+            constructMethod,
+            instance,
+            clone: deepClone(instance)
+        });
+        return instance;
+    },
+    /**
+     * @template T
+     * @param {(new (...args: any[]) => T) | () => T} constructor
+     * @returns {T}
+     */
+    inject: (constructor) => {
+        const oldValue = get(constructor);
+        if (oldValue) {
+            return oldValue.instance;
+        }
+        let owner = {
+            ownerTag: config.ownerTag
+        };
+        while (owner.ownerTag) {
+            const ownerProviders = owner.ownerTag.providers;
+            const provider = ownerProviders.find(provider => {
+                if (provider.constructMethod === constructor) {
+                    return true;
+                }
+            });
+            if (provider) {
+                provider.clone = deepClone(provider.instance); // keep a copy of the latest before any change occur
+                config.providers.push(provider);
+                return provider.instance;
+            }
+            owner = owner.ownerTag; // cause reloop
+        }
+        const msg = `Could not inject provider: ${constructor}`;
+        console.warn(`${msg}. Available providers`, config.providers);
+        throw new Error(msg);
+    }
+};
+setUse({
+    beforeRedraw: (_tagSupport, tag) => {
+        config.currentTag = tag;
+        config.ownerTag = tag.ownerTag;
+        if (tag.providers.length) {
+            config.providers.length = 0;
+            config.providers.push(...tag.providers);
+        }
+    },
+    afterRender: (_tagSupport, tag) => {
+        tag.providers = [...config.providers];
+        config.providers.length = 0;
+    }
+});
+//# sourceMappingURL=providers.js.map

package/js/js/providers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"providers.js","sourceRoot":"","sources":["../ts/providers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAQvC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,SAAS,EAAE,EAAgB;IAE3B,UAAU,EAAE,SAA4B;IACxC,QAAQ,EAAE,SAA4B;CACvC,CAAA;AAED,SAAS,GAAG,CAAC,eAAyB;IACpC,OAAO,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,eAAe,KAAK,eAAe,CAAC,CAAA;AACxF,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB;;;;OAIG;IACH,MAAM,EAAE,CAAC,eAAoB,EAAE,EAAE;QAC/B,MAAM,QAAQ,GAAG,GAAG,CAAC,eAAe,CAAC,CAAA;QACrC,IAAG,QAAQ,EAAE,CAAC;YACZ,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;YAC7C,OAAO,QAAQ,CAAC,QAAQ,CAAA;QAC1B,CAAC;QAED,kGAAkG;QAClG,MAAM,QAAQ,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,eAAe,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAA;QACxF,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC;YACpB,eAAe;YACf,QAAQ;YACR,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC;SAC3B,CAAC,CAAA;QACF,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED;;;;OAIG;IACH,MAAM,EAAE,CAAC,WAAgB,EAAE,EAAE;QAC3B,MAAM,QAAQ,GAAG,GAAG,CAAC,WAAW,CAAC,CAAA;QACjC,IAAG,QAAQ,EAAE,CAAC;YACZ,OAAO,QAAQ,CAAC,QAAQ,CAAA;QAC1B,CAAC;QAED,IAAI,KAAK,GAAG;YACV,QAAQ,EAAE,MAAM,CAAC,QAAQ;SACnB,CAAA;QACR,OAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;YACrB,MAAM,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAA;YAE/C,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;gBAC9C,IAAG,QAAQ,CAAC,eAAe,KAAK,WAAW,EAAE,CAAC;oBAC5C,OAAO,IAAI,CAAA;gBACb,CAAC;YACH,CAAC,CAAC,CAAA;YAEF,IAAG,QAAQ,EAAE,CAAC;gBACZ,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA,CAAC,oDAAoD;gBAClG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;gBAC/B,OAAO,QAAQ,CAAC,QAAQ,CAAA;YAC1B,CAAC;YAED,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAA,CAAC,eAAe;QACxC,CAAC;QAED,MAAM,GAAG,GAAG,8BAA8B,WAAW,EAAE,CAAA;QACvD,OAAO,CAAC,IAAI,CAAC,GAAG,GAAG,uBAAuB,EAAE,MAAM,CAAC,SAAS,CAAC,CAAA;QAC7D,MAAM,IAAI,KAAK,CAAC,GAAG,CAAC,CAAA;IACtB,CAAC;CACF,CAAA;AAED,MAAM,CAAC;IACL,YAAY,EAAE,CAAC,WAAW,EAAE,GAAQ,EAAE,EAAE;QACtC,MAAM,CAAC,UAAU,GAAG,GAAG,CAAA;QACvB,MAAM,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAA;QAC9B,IAAG,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;YACxB,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAA;YAC3B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC,CAAA;QACzC,CAAC;IACH,CAAC;IACD,WAAW,EAAE,CAAC,WAAW,EAAE,GAAQ,EAAE,EAAE;QACrC,GAAG,CAAC,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;QACrC,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAA;IAC7B,CAAC;CACF,CAAC,CAAA"}

package/js/js/render.d.ts

@@ -0,0 +1,6 @@
+import { Context, Tag } from "./Tag.class.js";
+export declare function buildItemTagMap(tag: Tag, template: {
+    string: string;
+    context: Context;
+}, // {string, context}
+insertBefore: Element): (ChildNode | Element)[];

package/js/js/render.js

@@ -0,0 +1,31 @@
+import { interpolateElement } from "./interpolateElement.js";
+export function buildItemTagMap(tag, template, // {string, context}
+insertBefore) {
+    const temporary = document.createElement('div');
+    temporary.id = 'tag-temp-holder';
+    // render content with a first child that we can know is our first element
+    temporary.innerHTML = '<div></div>' + template.string;
+    const context = tag.update();
+    interpolateElement(temporary, context, tag);
+    const clones = buildClones(temporary, insertBefore);
+    tag.clones.push(...clones);
+    return clones;
+}
+function buildClones(temporary, insertBefore) {
+    const clones = [];
+    const templateClone = temporary.children[0];
+    const sibling = templateClone; // a div we added
+    let nextSibling = sibling.nextSibling;
+    temporary.removeChild(templateClone); // remove the div
+    while (nextSibling) {
+        const nextNextSibling = nextSibling.nextSibling;
+        buildSibling(nextSibling, insertBefore);
+        clones.push(nextSibling);
+        nextSibling = nextNextSibling;
+    }
+    return clones;
+}
+function buildSibling(nextSibling, insertBefore) {
+    insertBefore.parentNode.insertBefore(nextSibling, insertBefore);
+}
+//# sourceMappingURL=render.js.map

package/js/js/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../ts/render.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAG5D,MAAM,UAAU,eAAe,CAC7B,GAAQ,EACR,QAA4C,EAAE,oBAAoB;AAClE,YAAqB;IAErB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,GAAG,iBAAiB,CAAA;IAEhC,0EAA0E;IAC1E,SAAS,CAAC,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAA;IAErD,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,EAAE,CAAA;IAC5B,kBAAkB,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,CAAC,CAAA;IAE3C,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;IACnD,GAAG,CAAC,MAAM,CAAC,IAAI,CAAE,GAAG,MAAM,CAAE,CAAA;IAE5B,OAAO,MAAM,CAAA;AACf,CAAC;AAED,SAAS,WAAW,CAClB,SAAkB,EAClB,YAAqB;IAErB,MAAM,MAAM,GAAG,EAAE,CAAA;IACjB,MAAM,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,OAAO,GAAG,aAAa,CAAA,CAAC,iBAAiB;IAC/C,IAAI,WAAW,GAAG,OAAO,CAAC,WAAW,CAAA;IACrC,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAA,CAAC,iBAAiB;IAEtD,OAAO,WAAW,EAAE,CAAC;QACnB,MAAM,eAAe,GAAG,WAAW,CAAC,WAAW,CAAA;QAC/C,YAAY,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;QACvC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QACxB,WAAW,GAAG,eAAe,CAAA;IAC/B,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAED,SAAS,YAAY,CACnB,WAAsB,EACtB,YAAqB;IAEpB,YAAY,CAAC,UAAyB,CAAC,YAAY,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;AACjF,CAAC"}

package/js/js/renderAppToElement.d.ts

@@ -0,0 +1,8 @@
+import { TagSupport } from "./getTagSupport.js";
+import { Tag } from "./Tag.class.js";
+import { TemplaterResult } from "./tag.js";
+export declare function renderAppToElement(app: (...args: unknown[]) => TemplaterResult, element: Element, props: unknown): void;
+export declare function applyTagUpdater(wrapper: TemplaterResult): {
+    tag: Tag;
+    tagSupport: TagSupport;
+};

package/js/js/renderAppToElement.js

@@ -0,0 +1,38 @@
+import { interpolateElement } from "./interpolateElement.js";
+import { getTagSupport } from "./getTagSupport.js";
+import { runBeforeRender } from "./tagRunner.js";
+export function renderAppToElement(app, element, props) {
+    // Create the app which returns [props, runOneTimeFunction]
+    const wrapper = app(props);
+    // have a function setup and call the tagWrapper with (props, {update, async, on})
+    const result = applyTagUpdater(wrapper);
+    const { tag, tagSupport } = result;
+    let lastTag;
+    tagSupport.mutatingRender = () => {
+        runBeforeRender(tagSupport, tag);
+        tag.beforeRedraw();
+        const fromTag = lastTag = wrapper.wrapper();
+        fromTag.setSupport(tag.tagSupport);
+        tag.afterRender();
+        tag.updateByTag(fromTag);
+        if (lastTag) {
+            lastTag.destroy(0);
+        }
+        return lastTag;
+    };
+    const context = tag.updateValues(tag.values);
+    const template = tag.getTemplate();
+    element.innerHTML = template.string;
+    interpolateElement(element, context, tag);
+}
+export function applyTagUpdater(wrapper) {
+    const tagSupport = getTagSupport(wrapper);
+    runBeforeRender(tagSupport);
+    // Call the apps function for our tag templater
+    const templater = tagSupport.templater;
+    const tag = templater.wrapper();
+    tag.tagSupport = tagSupport;
+    tag.afterRender();
+    return { tag, tagSupport };
+}
+//# sourceMappingURL=renderAppToElement.js.map

package/js/js/renderAppToElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderAppToElement.js","sourceRoot":"","sources":["../ts/renderAppToElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAc,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAGhD,MAAM,UAAU,kBAAkB,CAChC,GAA4C,EAC5C,OAAgB,EAChB,KAAc;IAEd,2DAA2D;IAC3D,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;IAE1B,kFAAkF;IAClF,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IACvC,MAAM,EAAC,GAAG,EAAE,UAAU,EAAC,GAAG,MAAM,CAAA;IAEhC,IAAI,OAAO,CAAA;IACX,UAAU,CAAC,cAAc,GAAG,GAAG,EAAE;QAC/B,eAAe,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;QAChC,GAAG,CAAC,YAAY,EAAE,CAAA;QAElB,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,OAAO,EAAE,CAAA;QAE3C,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;QAClC,GAAG,CAAC,WAAW,EAAE,CAAA;QACjB,GAAG,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QAExB,IAAG,OAAO,EAAE,CAAC;YACX,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QACpB,CAAC;QAED,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAC5C,MAAM,QAAQ,GAAG,GAAG,CAAC,WAAW,EAAE,CAAA;IAElC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAA;IACnC,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAA;AAE3C,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,OAAwB;IAExB,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;IACzC,eAAe,CAAC,UAAU,CAAC,CAAA;IAE3B,+CAA+C;IAC/C,MAAM,SAAS,GAAG,UAAU,CAAC,SAA4B,CAAA;IACzD,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,EAAE,CAAA;IAE/B,GAAG,CAAC,UAAU,GAAG,UAAU,CAAA;IAC3B,GAAG,CAAC,WAAW,EAAE,CAAA;IAEjB,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,CAAA;AAC5B,CAAC"}

package/js/js/state.d.ts

@@ -0,0 +1,21 @@
+import { TagSupport } from "./getTagSupport.js";
+export type StateConfig = ((x?: any) => [any, any]);
+export type StateConfigArray = StateConfig[];
+export type State = {
+    newest: StateConfigArray;
+    oldest?: StateConfigArray;
+};
+export type StateTagSupport = TagSupport & {
+    state?: State;
+};
+export declare const config: {
+    array: StateConfigArray;
+    rearray: StateConfigArray;
+};
+/**
+ * @template T
+ * @param {T} defaultValue
+ * @returns {T}
+ */
+export declare function state<T>(defaultValue: T, getSetMethod?: (x: T) => [T, T]): T;
+export declare function getStateValue(state: StateConfig): any;