taggedjs 2.5.4 → 2.5.6

package/js/tag/TagSupport.class.js

@@ -0,0 +1,306 @@
+import { escapeVariable, variablePrefix } from './Tag.class';
+import { deepClone } from '../deepFunctions';
+import { isTagComponent } from '../isInstance';
+import { cloneValueArray } from './cloneValueArray.function';
+import { restoreTagMarker } from './checkDestroyPrevious.function';
+import { runBeforeDestroy } from './tagRunner';
+import { getChildTagsToDestroy } from './destroy.support';
+import { elementDestroyCheck } from './elementDestroyCheck.function';
+import { updateContextItem } from './update/updateContextItem.function';
+import { processNewValue } from './update/processNewValue.function';
+import { setTagPlaceholder } from './setTagPlaceholder.function';
+import { interpolateElement, interpolateString } from '../interpolations/interpolateElement';
+import { subscribeToTemplate } from '../interpolations/interpolateTemplate';
+import { afterInterpolateElement } from '../interpolations/afterInterpolateElement.function';
+import { renderSubjectComponent } from './render/renderSubjectComponent.function';
+const prefixSearch = new RegExp(variablePrefix, 'g');
+/** used only for apps, otherwise use TagSupport */
+export class BaseTagSupport {
+    templater;
+    subject;
+    isApp = true;
+    appElement; // only seen on this.getAppTagSupport().appElement
+    strings;
+    values;
+    lastTemplateString = undefined; // used to compare templates for updates
+    propsConfig;
+    // stays with current render
+    memory = {
+        state: [],
+    };
+    clones = []; // elements on document. Needed at destroy process to know what to destroy
+    // travels with all rerenderings
+    global = {
+        context: {}, // populated after reading interpolated.values array converted to an object {variable0, variable:1}
+        providers: [],
+        /** Indicator of re-rending. Saves from double rending something already rendered */
+        renderCount: 0,
+        deleted: false,
+        subscriptions: [],
+    };
+    hasLiveElements = false;
+    constructor(templater, subject) {
+        this.templater = templater;
+        this.subject = subject;
+        const children = templater.children; // children tags passed in as arguments
+        const kidValue = children.value;
+        const props = templater.props; // natural props
+        const latestCloned = props.map(props => deepClone(props));
+        this.propsConfig = {
+            latest: props,
+            latestCloned, // assume its HTML children and then detect
+            lastClonedKidValues: kidValue.map(kid => {
+                const cloneValues = cloneValueArray(kid.values);
+                return cloneValues;
+            })
+        };
+    }
+    /** Function that kicks off actually putting tags down as HTML elements */
+    buildBeforeElement(insertBefore, options = {
+        forceElement: false,
+        counts: { added: 0, removed: 0 },
+    }) {
+        const subject = this.subject;
+        const global = this.global;
+        global.insertBefore = insertBefore;
+        if (!global.placeholder) {
+            setTagPlaceholder(global);
+        }
+        const placeholderElm = global.placeholder;
+        global.oldest = this;
+        global.newest = this;
+        subject.tagSupport = this;
+        this.hasLiveElements = true;
+        const context = this.update();
+        const template = this.getTemplate();
+        const isForceElement = options.forceElement;
+        const elementContainer = document.createElement('div');
+        elementContainer.id = 'tag-temp-holder';
+        // render content with a first child that we can know is our first element
+        elementContainer.innerHTML = `<template id="temp-template-tag-wrap">${template.string}</template>`;
+        // Search/replace innerHTML variables but don't interpolate tag components just yet
+        const { tagComponents } = interpolateElement(elementContainer, context, template, this, // ownerSupport,
+        {
+            forceElement: options.forceElement,
+            counts: options.counts
+        });
+        afterInterpolateElement(elementContainer, placeholderElm, this, // ownerSupport
+        context, options);
+        // Any tag components that were found should be processed AFTER the owner processes its elements. Avoid double processing of elements attributes like (oninit)=${}
+        tagComponents.forEach(tagComponent => {
+            subscribeToTemplate(tagComponent.insertBefore, tagComponent.subject, tagComponent.ownerSupport, options.counts, { isForceElement });
+            afterInterpolateElement(elementContainer, tagComponent.insertBefore, tagComponent.ownerSupport, context, options);
+        });
+    }
+    getTemplate() {
+        const thisTag = this.templater.tag;
+        const strings = this.strings || thisTag.strings;
+        const values = this.values || thisTag.values;
+        const string = strings.map((string, index) => {
+            const safeString = string.replace(prefixSearch, escapeVariable);
+            const endString = safeString + (values.length > index ? `{${variablePrefix}${index}}` : '');
+            const trimString = endString.replace(/>\s*/g, '>').replace(/\s*</g, '<');
+            return trimString;
+        }).join('');
+        const interpolation = interpolateString(string);
+        this.lastTemplateString = interpolation.string;
+        return {
+            interpolation,
+            string: interpolation.string,
+            strings,
+            values,
+            context: this.global.context || {},
+        };
+    }
+    update() {
+        return this.updateContext(this.global.context);
+    }
+    updateContext(context) {
+        const thisTag = this.templater.tag;
+        const strings = this.strings || thisTag.strings;
+        const values = this.values || thisTag.values;
+        strings.map((_string, index) => {
+            const variableName = variablePrefix + index;
+            const hasValue = values.length > index;
+            const value = values[index];
+            // is something already there?
+            const exists = variableName in context;
+            if (exists) {
+                return updateContextItem(context, variableName, value);
+            }
+            if (!hasValue) {
+                return;
+            }
+            // 🆕 First time values below
+            context[variableName] = processNewValue(hasValue, value, this);
+        });
+        return context;
+    }
+}
+export class TagSupport extends BaseTagSupport {
+    templater;
+    ownerTagSupport;
+    subject;
+    version;
+    isApp = false;
+    childTags = []; // tags on me
+    constructor(templater, // at runtime rendering of a tag, it needs to be married to a new TagSupport()
+    ownerTagSupport, subject, version = 0) {
+        super(templater, subject);
+        this.templater = templater;
+        this.ownerTagSupport = ownerTagSupport;
+        this.subject = subject;
+        this.version = version;
+    }
+    destroy(options = {
+        stagger: 0,
+        byParent: false, // Only destroy clones of direct children
+    }) {
+        const firstDestroy = !options.byParent;
+        const global = this.global;
+        const subject = this.subject;
+        const childTags = options.byParent ? [] : getChildTagsToDestroy(this.childTags);
+        if (firstDestroy && isTagComponent(this.templater)) {
+            runBeforeDestroy(this, this);
+        }
+        // signify immediately child has been deleted (looked for during event processing)
+        childTags.forEach(child => {
+            const subGlobal = child.global;
+            delete subGlobal.newest;
+            subGlobal.deleted = true;
+            if (isTagComponent(child.templater)) {
+                runBeforeDestroy(child, child);
+            }
+        });
+        // HTML DOM manipulation. Put back down the template tag
+        const insertBefore = global.insertBefore;
+        if (insertBefore.nodeName === 'TEMPLATE') {
+            const placeholder = global.placeholder;
+            if (placeholder && !('arrayValue' in this.memory)) {
+                if (!options.byParent) {
+                    restoreTagMarker(this);
+                }
+            }
+        }
+        this.destroySubscriptions();
+        let mainPromise;
+        if (this.ownerTagSupport) {
+            this.ownerTagSupport.childTags = this.ownerTagSupport.childTags.filter(child => child !== this);
+        }
+        if (firstDestroy) {
+            const { stagger, promise } = this.destroyClones(options);
+            options.stagger = stagger;
+            if (promise) {
+                mainPromise = promise;
+            }
+        }
+        else {
+            this.destroyClones();
+        }
+        // data reset
+        delete global.placeholder;
+        global.context = {};
+        delete global.oldest;
+        delete global.newest;
+        global.deleted = true;
+        this.childTags.length = 0;
+        this.hasLiveElements = false;
+        delete subject.tagSupport;
+        if (mainPromise) {
+            mainPromise = mainPromise.then(async () => {
+                const promises = childTags.map(kid => kid.destroy({ stagger: 0, byParent: true }));
+                return Promise.all(promises);
+            });
+        }
+        else {
+            mainPromise = Promise.all(childTags.map(kid => kid.destroy({ stagger: 0, byParent: true })));
+        }
+        return mainPromise.then(() => options.stagger);
+    }
+    destroySubscriptions() {
+        const global = this.global;
+        global.subscriptions.forEach(cloneSub => cloneSub.unsubscribe());
+        global.subscriptions.length = 0;
+    }
+    destroyClones({ stagger } = {
+        stagger: 0,
+    }) {
+        const oldClones = [...this.clones];
+        this.clones.length = 0; // tag maybe used for something else
+        const promises = oldClones.map(clone => this.checkCloneRemoval(clone, stagger)).filter(x => x); // only return promises
+        const oldContext = this.global.context;
+        Object.values(oldContext).forEach(value => {
+            const clone = value.clone;
+            if (clone && clone.parentNode) {
+                clone.parentNode.removeChild(clone);
+            }
+        });
+        if (promises.length) {
+            return { promise: Promise.all(promises), stagger };
+        }
+        return { stagger };
+    }
+    /** Reviews elements for the presences of ondestroy */
+    checkCloneRemoval(clone, stagger) {
+        let promise;
+        const customElm = clone;
+        if (customElm.ondestroy) {
+            promise = elementDestroyCheck(customElm, stagger);
+        }
+        const next = () => {
+            const parentNode = clone.parentNode;
+            if (parentNode) {
+                parentNode.removeChild(clone);
+            }
+            const ownerSupport = this.ownerTagSupport;
+            if (ownerSupport) {
+                // Sometimes my clones were first registered to my owner, remove them from owner
+                ownerSupport.clones = ownerSupport.clones.filter(compareClone => compareClone !== clone);
+            }
+        };
+        if (promise instanceof Promise) {
+            return promise.then(next);
+        }
+        else {
+            next();
+        }
+        return promise;
+    }
+    updateBy(tagSupport) {
+        const tempTag = tagSupport.templater.tag;
+        this.updateConfig(tempTag.strings, tempTag.values);
+    }
+    updateConfig(strings, values) {
+        this.strings = strings;
+        this.updateValues(values);
+    }
+    updateValues(values) {
+        this.values = values;
+        return this.updateContext(this.global.context);
+    }
+    /** Used during HMR only where static content itself could have been edited */
+    async rebuild() {
+        delete this.strings; // seek the templater strings instead now
+        delete this.values; // seek the templater strings instead now
+        restoreTagMarkers(this);
+        const newSupport = renderSubjectComponent(this.subject, this, this.ownerTagSupport);
+        await this.destroy();
+        newSupport.buildBeforeElement(this.global.insertBefore, {
+            forceElement: true,
+            counts: { added: 0, removed: 0 },
+        });
+        return newSupport;
+    }
+    getAppTagSupport() {
+        let tag = this;
+        while (tag.ownerTagSupport) {
+            tag = tag.ownerTagSupport;
+        }
+        return tag;
+    }
+}
+function restoreTagMarkers(support) {
+    restoreTagMarker(support);
+    support.childTags.forEach(childTag => restoreTagMarkers(childTag.global.oldest));
+}
+//# sourceMappingURL=TagSupport.class.js.map

package/js/tag/TagSupport.class.js.map

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

package/js/tag/checkDestroyPrevious.function.d.ts

@@ -0,0 +1,8 @@
+import { InterpolateSubject } from './update/processSubjectValue.function';
+import { Counts } from '../interpolations/interpolateTemplate';
+import { InsertBefore } from '../interpolations/Clones.type';
+import { TagSupport } from './TagSupport.class';
+export declare function checkDestroyPrevious(subject: InterpolateSubject, // existing.value is the old value
+newValue: unknown, insertBefore: InsertBefore): false | "array" | 2 | "different-tag" | "changed-simple-value";
+export declare function destroyArrayTag(tagSupport: TagSupport, counts: Counts): void;
+export declare function restoreTagMarker(lastSupport: TagSupport): void;

package/js/tag/checkDestroyPrevious.function.js

@@ -0,0 +1,83 @@
+import { isTag, isTagArray, isTagComponent } from '../isInstance';
+import { isLikeTags } from './isLikeTags.function';
+import { destroyTagMemory, destroyTagSupportPast } from './destroyTag.function';
+import { insertAfter } from '../insertAfter.function';
+export function checkDestroyPrevious(subject, // existing.value is the old value
+newValue, insertBefore) {
+    const arraySubject = subject;
+    const wasArray = arraySubject.lastArray;
+    // no longer an array
+    if (wasArray && !isTagArray(newValue)) {
+        const placeholderElm = arraySubject.placeholder;
+        delete arraySubject.lastArray;
+        delete arraySubject.placeholder;
+        insertAfter(insertBefore, placeholderElm);
+        wasArray.forEach(({ tagSupport }) => destroyArrayTag(tagSupport, { added: 0, removed: 0 }));
+        return 'array';
+    }
+    const tagSubject = subject;
+    const lastSupport = tagSubject.tagSupport;
+    // no longer tag or component?
+    if (lastSupport) {
+        const isValueTag = isTag(newValue);
+        const isSubjectTag = isTag(subject.value);
+        if (isSubjectTag && isValueTag) {
+            const newTag = newValue;
+            // its a different tag now
+            if (!isLikeTags(newTag, lastSupport)) {
+                // put template back down
+                restoreTagMarker(lastSupport);
+                destroyTagMemory(lastSupport);
+                return 2;
+            }
+            return false;
+        }
+        const isValueTagComponent = isTagComponent(newValue);
+        if (isValueTagComponent) {
+            return false; // its still a tag component
+        }
+        // put template back down
+        restoreTagMarker(lastSupport);
+        // destroy old component, value is not a component
+        destroyTagMemory(lastSupport);
+        return 'different-tag';
+    }
+    const displaySubject = subject;
+    const hasLastValue = 'lastValue' in displaySubject;
+    const lastValue = displaySubject.lastValue; // TODO: we maybe able to use displaySubject.value and remove concept of lastValue
+    // was simple value but now something bigger
+    if (hasLastValue && lastValue !== newValue) {
+        destroySimpleValue(insertBefore, displaySubject);
+        return 'changed-simple-value';
+    }
+    return false;
+}
+export function destroyArrayTag(tagSupport, counts) {
+    destroyTagSupportPast(tagSupport);
+    tagSupport.destroy({
+        stagger: counts.removed++,
+    });
+    const insertBefore = tagSupport.global.insertBefore;
+    const parentNode = insertBefore.parentNode;
+    parentNode.removeChild(insertBefore);
+}
+function destroySimpleValue(insertBefore, // always a template tag
+subject) {
+    const clone = subject.clone;
+    const parent = clone.parentNode;
+    // 1 put the template back down
+    parent.insertBefore(insertBefore, clone);
+    parent.removeChild(clone);
+    delete subject.clone;
+    delete subject.lastValue;
+}
+export function restoreTagMarker(lastSupport) {
+    const insertBefore = lastSupport.global.insertBefore;
+    const global = lastSupport.global;
+    const placeholderElm = global.placeholder;
+    if (placeholderElm) {
+        insertAfter(insertBefore, placeholderElm);
+        delete global.placeholder;
+    }
+}
+//# sourceMappingURL=checkDestroyPrevious.function.js.map

package/js/tag/checkDestroyPrevious.function.js.map

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

package/js/tag/cloneValueArray.function.d.ts

@@ -0,0 +1,2 @@
+import { Tag } from './Tag.class';
+export declare function cloneValueArray<T>(values: (T | Tag | Tag[])[]): T[];

package/js/tag/cloneValueArray.function.js

@@ -0,0 +1,19 @@
+import { deepClone } from '../deepFunctions';
+import { isTagArray, isTagClass, isTagComponent, isTagTemplater } from '../isInstance';
+export function cloneValueArray(values) {
+    return values.map((value) => {
+        const tag = value;
+        if (isTagComponent(value)) {
+            const tagComponent = value;
+            return deepClone(tagComponent.props);
+        }
+        if (isTagClass(tag) || isTagTemplater(tag)) {
+            return cloneValueArray(tag.values);
+        }
+        if (isTagArray(tag)) {
+            return cloneValueArray(tag);
+        }
+        return deepClone(value);
+    });
+}
+//# sourceMappingURL=cloneValueArray.function.js.map

package/js/tag/cloneValueArray.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloneValueArray.function.js","sourceRoot":"","sources":["../../ts/tag/cloneValueArray.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGtF,MAAM,UAAU,eAAe,CAAI,MAA2B;IAC5D,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAC1B,MAAM,GAAG,GAAG,KAAY,CAAA;QAExB,IAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,MAAM,YAAY,GAAG,KAAwB,CAAA;YAC7C,OAAO,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QACtC,CAAC;QAED,IAAG,UAAU,CAAC,GAAG,CAAC,IAAI,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;YAC1C,OAAO,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACpC,CAAC;QAED,IAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YACnB,OAAO,eAAe,CAAC,GAAuB,CAAC,CAAA;QACjD,CAAC;QAED,OAAO,SAAS,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/js/tag/destroy.support.d.ts

@@ -0,0 +1,6 @@
+import { TagSupport } from './TagSupport.class';
+export type DestroyOptions = {
+    stagger: number;
+    byParent?: boolean;
+};
+export declare function getChildTagsToDestroy(childTags: TagSupport[], allTags?: TagSupport[]): TagSupport[];

package/js/tag/destroy.support.js

@@ -0,0 +1,10 @@
+export function getChildTagsToDestroy(childTags, allTags = []) {
+    for (let index = childTags.length - 1; index >= 0; --index) {
+        const cTag = childTags[index];
+        allTags.push(cTag);
+        childTags.splice(index, 1);
+        getChildTagsToDestroy(cTag.childTags, allTags);
+    }
+    return allTags;
+}
+//# sourceMappingURL=destroy.support.js.map

package/js/tag/destroy.support.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"destroy.support.js","sourceRoot":"","sources":["../../ts/tag/destroy.support.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,qBAAqB,CACnC,SAAuB,EACvB,UAAwB,EAAE;IAE1B,KAAK,IAAI,KAAK,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC;QAC3D,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;QAE7B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAClB,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QAC1B,qBAAqB,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IAChD,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/js/tag/destroyTag.function.d.ts

@@ -0,0 +1,3 @@
+import { TagSupport } from './TagSupport.class';
+export declare function destroyTagMemory(oldTagSupport: TagSupport): void;
+export declare function destroyTagSupportPast(oldTagSupport: TagSupport): void;

package/js/tag/destroyTag.function.js

@@ -0,0 +1,12 @@
+export function destroyTagMemory(oldTagSupport) {
+    // must destroy oldest which is tag with elements on stage
+    const oldest = oldTagSupport.global.oldest;
+    oldest.destroy();
+    destroyTagSupportPast(oldTagSupport);
+    oldTagSupport.global.context = {};
+}
+export function destroyTagSupportPast(oldTagSupport) {
+    delete oldTagSupport.global.oldest;
+    delete oldTagSupport.global.newest;
+}
+//# sourceMappingURL=destroyTag.function.js.map

package/js/tag/destroyTag.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"destroyTag.function.js","sourceRoot":"","sources":["../../ts/tag/destroyTag.function.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,gBAAgB,CAC9B,aAAyB;IAEzB,0DAA0D;IAC1D,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,MAAoB,CAAA;IACxD,MAAM,CAAC,OAAO,EAAE,CAAA;IAEhB,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAEpC,aAAa,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAA;AACnC,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,aAAyB;IAC7D,OAAO,aAAa,CAAC,MAAM,CAAC,MAAM,CAAA;IAClC,OAAO,aAAa,CAAC,MAAM,CAAC,MAAM,CAAA;AACpC,CAAC"}

package/js/tag/elementDestroyCheck.function.d.ts

@@ -0,0 +1,3 @@
+export declare function elementDestroyCheck<T>(nextSibling: Element & {
+    ondestroy?: (event: Event) => T;
+}, stagger: number): T | undefined;

package/js/tag/elementDestroyCheck.function.js

@@ -0,0 +1,17 @@
+export function elementDestroyCheck(nextSibling, stagger) {
+    const onDestroyDoubleWrap = nextSibling.ondestroy;
+    if (!onDestroyDoubleWrap) {
+        return;
+    }
+    const onDestroyWrap = onDestroyDoubleWrap.tagFunction;
+    if (!onDestroyWrap) {
+        return;
+    }
+    const onDestroy = onDestroyWrap.tagFunction;
+    if (!onDestroy) {
+        return;
+    }
+    const event = { target: nextSibling, stagger };
+    return onDestroy(event);
+}
+//# sourceMappingURL=elementDestroyCheck.function.js.map

package/js/tag/elementDestroyCheck.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementDestroyCheck.function.js","sourceRoot":"","sources":["../../ts/tag/elementDestroyCheck.function.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CACjC,WAAwD,EACxD,OAAe;IAEf,MAAM,mBAAmB,GAAG,WAAW,CAAC,SAAS,CAAA;IACjD,IAAG,CAAC,mBAAmB,EAAE,CAAC;QACxB,OAAM;IACR,CAAC;IAED,MAAM,aAAa,GAAI,mBAA2B,CAAC,WAAW,CAAA;IAC9D,IAAG,CAAC,aAAa,EAAE,CAAC;QAClB,OAAM;IACR,CAAC;IAED,MAAM,SAAS,GAAG,aAAa,CAAC,WAAW,CAAA;IAC3C,IAAG,CAAC,SAAS,EAAE,CAAC;QACd,OAAM;IACR,CAAC;IAED,MAAM,KAAK,GAAG,EAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAqB,CAAA;IAChE,OAAO,SAAS,CAAC,KAAK,CAAC,CAAA;AACzB,CAAC"}

package/js/tag/getSupportInCycle.function.d.ts

@@ -0,0 +1 @@
+export declare function getSupportInCycle(): import("./TagSupport.class").BaseTagSupport | undefined;

package/js/tag/getSupportInCycle.function.js

@@ -0,0 +1,5 @@
+import { setUse } from '../state';
+export function getSupportInCycle() {
+    return setUse.memory.stateConfig.tagSupport;
+}
+//# sourceMappingURL=getSupportInCycle.function.js.map

package/js/tag/getSupportInCycle.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSupportInCycle.function.js","sourceRoot":"","sources":["../../ts/tag/getSupportInCycle.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,UAAU,iBAAiB;IAC/B,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAA;AAC7C,CAAC"}

package/js/tag/hasPropChanges.function.d.ts

@@ -0,0 +1,9 @@
+import { Props } from "../Props";
+/**
+ *
+ * @param props
+ * @param pastCloneProps
+ * @returns WHEN number then props have changed. WHEN false props have not changed
+ */
+export declare function hasPropChanges(props: Props, // natural props
+pastCloneProps: Props): number | false;

package/js/tag/hasPropChanges.function.js

@@ -0,0 +1,80 @@
+import { deepEqual } from "../deepFunctions";
+/**
+ *
+ * @param props
+ * @param pastCloneProps
+ * @returns WHEN number then props have changed. WHEN false props have not changed
+ */
+export function hasPropChanges(props, // natural props
+pastCloneProps) {
+    /*
+    const isCommonEqual = props === undefined && props === compareToProps
+    if(isCommonEqual) {
+      return false
+    }
+    */
+    let castedProps = props;
+    let castedPastProps = pastCloneProps;
+    // check all prop functions match
+    if (typeof (props) === 'object') {
+        if (!pastCloneProps) {
+            return 3;
+        }
+        // castedProps = {...props}
+        castedProps = [...props];
+        // castedPastProps = {...(pastCloneProps || {})}
+        castedPastProps = [...(pastCloneProps || [])];
+        const allFunctionsMatch = castedProps.every((value, index) => {
+            let compare = castedPastProps[index];
+            if (value && typeof (value) === 'object') {
+                const subCastedProps = { ...value };
+                const subCompareProps = { ...compare || {} };
+                const matched = Object.entries(subCastedProps).every(([key, value]) => {
+                    return compareProps(value, subCompareProps[key], () => {
+                        delete subCastedProps[key]; // its a function and not needed to be compared
+                        delete subCompareProps[key]; // its a function and not needed to be compared
+                    });
+                });
+                return matched;
+            }
+            return compareProps(value, compare, () => {
+                castedProps.splice(index, 1);
+                castedPastProps.splice(index, 1);
+            });
+        });
+        if (!allFunctionsMatch) {
+            return 6; // a change has been detected by function comparisons
+        }
+    }
+    // const isEqual = deepEqual(castedPastProps, castedProps)
+    // return isEqual ? false : 7 // if equal then no changes
+    return false;
+}
+/** returning a number means true good comparison */
+function compareProps(value, compare, onDelete) {
+    if (!(value instanceof Function)) {
+        return deepEqual(value, compare) ? 4 : false;
+    }
+    const compareFn = compare;
+    if (!(compareFn instanceof Function)) {
+        return false; // its a function now but was not before
+    }
+    // ensure we are comparing apples to apples as function get wrapped
+    const compareOriginal = compare?.original;
+    if (compareOriginal) {
+        compare = compareOriginal;
+    }
+    const original = value.original;
+    if (original) {
+        value = value.original;
+    }
+    const valueString = value.toString();
+    const compareString = compare.toString();
+    if (valueString === compareString) {
+        onDelete();
+        return 3; // both are function the same
+    }
+    onDelete();
+    return 5;
+}
+//# sourceMappingURL=hasPropChanges.function.js.map

package/js/tag/hasPropChanges.function.js.map

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

package/js/tag/hasTagSupportChanged.function.d.ts

@@ -0,0 +1,4 @@
+import { BaseTagSupport } from "./TagSupport.class";
+import { TemplaterResult } from "../TemplaterResult.class";
+export declare function hasTagSupportChanged(oldTagSupport: BaseTagSupport, newTagSupport: BaseTagSupport, newTemplater: TemplaterResult): number | false;
+export declare function hasKidsChanged(oldTagSupport: BaseTagSupport, newTagSupport: BaseTagSupport): number | false;