taggedjs 2.1.1 → 2.3.25

package/js/tagGateway.function.js

@@ -0,0 +1,138 @@
+import { redrawTag } from "./redrawTag.function.js";
+import { tagElement } from "./tagElement.js";
+export function checkGateways() {
+    Object.entries(gateways).forEach(([id, gateway]) => checkGateway(gateway));
+}
+function checkGateway(gateway) {
+    const { id, observer, tag } = gateway;
+    if (document.getElementById(id)) {
+        return true;
+    }
+    observer.disconnect();
+    tag.destroy();
+    delete gateways[id];
+    return false;
+}
+const namedTimeouts = {};
+export const tagGateway = function tagGateway(component) {
+    const componentString = functionToHtmlId(component);
+    const id = '__tagTemplate_' + componentString;
+    if (namedTimeouts[id]) {
+        return namedTimeouts[id];
+    }
+    let intervalId;
+    let hitCount = 0;
+    const interval = 5;
+    function findElements() {
+        const elements = document.querySelectorAll('#' + id);
+        if (!elements.length) {
+            return elements.length;
+        }
+        // Element has been found, load
+        if (intervalId) {
+            clearInterval(intervalId);
+        }
+        delete namedTimeouts[id];
+        elements.forEach(element => {
+            const updateTag = element.updateTag;
+            if (updateTag) {
+                updateTag();
+                return;
+            }
+            const props = parsePropsString(element);
+            try {
+                const { tag } = tagElement(component, element, props);
+                watchElement(id, element, tag);
+            }
+            catch (err) {
+                console.warn('Failed to render component to element', { component, element, props });
+                throw err;
+            }
+        });
+        return elements.length;
+    }
+    function findElement() {
+        intervalId = setInterval(() => {
+            hitCount = hitCount + interval;
+            if (hitCount >= 2000) {
+                clearInterval(intervalId);
+                throw new Error(`TaggedJs Element ${id} not found`);
+            }
+            findElements();
+        }, interval);
+    }
+    const elementCounts = findElements();
+    if (elementCounts) {
+        return { id };
+    }
+    findElement();
+    namedTimeouts[id] = { id };
+    return namedTimeouts[id];
+};
+function parsePropsString(element) {
+    const propsString = element.getAttribute('props');
+    if (!propsString) {
+        return { element };
+    }
+    try {
+        const props = JSON.parse(propsString);
+        // props.element = element
+        props.dispatchEvent = function (name, eventData) {
+            const event = new CustomEvent(name, eventData);
+            element.dispatchEvent(event);
+        };
+        return props;
+    }
+    catch (err) {
+        console.warn('Failed to parse props on element', { element, propsString });
+        throw err;
+    }
+}
+function watchElement(id, targetNode, tag) {
+    let lastTag = tag;
+    const observer = new MutationObserver((mutationsList, observer) => {
+        if (!checkGateway(gateway)) {
+            return;
+        }
+        for (const mutation of mutationsList) {
+            if (mutation.type === 'attributes') {
+                updateTag();
+            }
+        }
+    });
+    function updateTag() {
+        const templater = tag.tagSupport.templater;
+        const oldProps = templater.tagSupport.props;
+        templater.tagSupport.props = parsePropsString(targetNode);
+        const isSameProps = JSON.stringify(oldProps) === JSON.stringify(templater.tagSupport.props);
+        if (isSameProps) {
+            return; // no reason to update, same props
+        }
+        templater.tagSupport.latestProps = templater.tagSupport.props;
+        const result = redrawTag(lastTag, templater);
+        // update records
+        gateway.tag = lastTag = result.retag;
+    }
+    ;
+    targetNode.updateTag = updateTag;
+    const gateway = { id, tag, observer };
+    gateways[id] = gateway;
+    // Configure the observer to watch for changes in child nodes and attributes
+    const config = { attributes: true };
+    // Start observing the target node for specified changes
+    observer.observe(targetNode, config);
+}
+function functionToHtmlId(func) {
+    // Convert function to string
+    let funcString = func.toString();
+    // Remove spaces and replace special characters with underscores
+    let cleanedString = funcString.replace(/\s+/g, '_')
+        .replace(/[^\w\d]/g, '_');
+    // Ensure the ID starts with a letter
+    if (!/^[a-zA-Z]/.test(cleanedString)) {
+        cleanedString = 'fn_' + cleanedString;
+    }
+    return cleanedString;
+}
+const gateways = {};
+//# sourceMappingURL=tagGateway.function.js.map

package/js/tagGateway.function.js.map

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

package/js/tagRunner.d.ts

@@ -0,0 +1,6 @@
+import { Tag } from "./Tag.class.js";
+import { TagSupport } from "./getTagSupport";
+export declare function runBeforeRender(tagSupport: TagSupport, tagOwner: Tag): void;
+export declare function runAfterRender(tagSupport: TagSupport, tag: Tag): void;
+export declare function runBeforeRedraw(tagSupport: TagSupport, tag: Tag): void;
+export declare function runBeforeDestroy(tagSupport: TagSupport, tag: Tag): void;

package/js/tagRunner.js

@@ -0,0 +1,19 @@
+// TODO: This should be more like `new TaggedJs().use({})`
+import { setUse } from "./setUse.function.js";
+// Life cycle 1
+export function runBeforeRender(tagSupport, tagOwner) {
+    setUse.tagUse.forEach(tagUse => tagUse.beforeRender(tagSupport, tagOwner));
+}
+// Life cycle 2
+export function runAfterRender(tagSupport, tag) {
+    setUse.tagUse.forEach(tagUse => tagUse.afterRender(tagSupport, tag));
+}
+// Life cycle 3
+export function runBeforeRedraw(tagSupport, tag) {
+    setUse.tagUse.forEach(tagUse => tagUse.beforeRedraw(tagSupport, tag));
+}
+// Life cycle 4 - end of life
+export function runBeforeDestroy(tagSupport, tag) {
+    setUse.tagUse.forEach(tagUse => tagUse.beforeDestroy(tagSupport, tag));
+}
+//# sourceMappingURL=tagRunner.js.map

package/js/tagRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagRunner.js","sourceRoot":"","sources":["../ts/tagRunner.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAI1D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,eAAe;AACf,MAAM,UAAU,eAAe,CAC7B,UAAsB,EACtB,QAAa;IAEb,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAA;AAC5E,CAAC;AAED,eAAe;AACf,MAAM,UAAU,cAAc,CAC5B,UAAsB,EACtB,GAAQ;IAER,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAA;AACtE,CAAC;AAED,eAAe;AACf,MAAM,UAAU,eAAe,CAC7B,UAAsB,EACtB,GAAQ;IAER,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAA;AACvE,CAAC;AAED,6BAA6B;AAC7B,MAAM,UAAU,gBAAgB,CAC9B,UAAsB,EACtB,GAAQ;IAER,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAA;AACxE,CAAC"}

package/js/templater.utils.d.ts

@@ -0,0 +1,27 @@
+import { Tag } from "./Tag.class.js";
+import { TagSupport } from "./getTagSupport.js";
+import { Props } from "./Props.js";
+export type Wrapper = (() => Tag) & {
+    original: () => Tag;
+};
+export declare class TemplaterResult {
+    tagged: boolean;
+    wrapper: Wrapper;
+    newest?: Tag;
+    oldest?: Tag;
+    tagSupport: TagSupport;
+    constructor(props: Props);
+    redraw?: (force?: boolean) => Tag | undefined;
+    isTemplater: boolean;
+    forceRenderTemplate(tagSupport: TagSupport, ownerTag: Tag): Tag;
+    renderWithSupport(tagSupport: TagSupport, existingTag: Tag | undefined, ownerTag?: Tag): {
+        remit: boolean;
+        retag: Tag;
+    };
+}
+export interface TemplateRedraw extends TemplaterResult {
+    redraw: () => Tag | undefined;
+}
+export type TagComponent = (props: Props, // props or children
+children?: Tag) => Tag;
+export declare function getNewProps(props: Props, templater: TemplaterResult): any;

package/js/templater.utils.js

@@ -0,0 +1,98 @@
+import { getTagSupport } from "./getTagSupport.js";
+import { isTagInstance } from "./isInstance.js";
+import { runAfterRender, runBeforeRedraw, runBeforeRender } from "./tagRunner.js";
+import { setUse } from "./setUse.function.js";
+export class TemplaterResult {
+    tagged;
+    wrapper;
+    newest;
+    oldest;
+    tagSupport;
+    constructor(props) {
+        this.tagSupport = getTagSupport(this, props);
+    }
+    redraw;
+    isTemplater = true;
+    forceRenderTemplate(tagSupport, ownerTag) {
+        const tag = this.wrapper();
+        tag.setSupport(tagSupport);
+        tag.afterRender();
+        this.oldest = tag;
+        tagSupport.oldest = tag;
+        this.oldest = tag;
+        this.newest = tag;
+        tag.ownerTag = ownerTag;
+        return tag;
+    }
+    renderWithSupport(tagSupport, existingTag, ownerTag) {
+        /* BEFORE RENDER */
+        // signify to other operations that a rendering has occurred so they do not need to render again
+        ++tagSupport.memory.renderCount;
+        const runtimeOwnerTag = existingTag?.ownerTag || ownerTag;
+        if (tagSupport.oldest) {
+            // ensure props are the last ones used
+            tagSupport.props = tagSupport.latestProps;
+            tagSupport.clonedProps = tagSupport.latestClonedProps;
+            runBeforeRedraw(tagSupport, tagSupport.oldest);
+        }
+        else {
+            // first time render
+            runBeforeRender(tagSupport, runtimeOwnerTag);
+            // TODO: Logic below most likely could live within providers.ts inside the runBeforeRender function
+            const providers = setUse.memory.providerConfig;
+            providers.ownerTag = runtimeOwnerTag;
+        }
+        /* END: BEFORE RENDER */
+        const templater = this;
+        const retag = templater.wrapper();
+        /* AFTER */
+        tagSupport.latestProps = retag.tagSupport.props;
+        tagSupport.latestClonedProps = retag.tagSupport.clonedProps;
+        retag.setSupport(tagSupport);
+        runAfterRender(tagSupport, retag);
+        templater.newest = retag;
+        retag.ownerTag = runtimeOwnerTag;
+        const oldest = tagSupport.oldest = tagSupport.oldest || retag;
+        tagSupport.newest = retag;
+        const oldestTagSupport = oldest.tagSupport;
+        oldest.tagSupport = oldestTagSupport || tagSupport;
+        oldest.tagSupport.templater = templater;
+        // retag.setSupport(tagSupport)
+        const isSameTag = existingTag && existingTag.isLikeTag(retag);
+        // If previously was a tag and seems to be same tag, then just update current tag with new values
+        if (isSameTag) {
+            oldest.updateByTag(retag);
+            return { remit: false, retag };
+        }
+        return { remit: true, retag };
+    }
+}
+/* rewriter */
+export function getNewProps(props, templater) {
+    function callback(toCall, callWith) {
+        const callbackResult = toCall(...callWith);
+        templater.newest?.ownerTag?.tagSupport.render();
+        return callbackResult;
+    }
+    const isPropTag = isTagInstance(props);
+    const watchProps = isPropTag ? 0 : props;
+    const newProps = resetFunctionProps(watchProps, callback);
+    return newProps;
+}
+function resetFunctionProps(props, callback) {
+    if (typeof (props) !== 'object') {
+        return props;
+    }
+    const newProps = { ...props };
+    Object.entries(newProps).forEach(([name, value]) => {
+        if (value instanceof Function) {
+            newProps[name] = (...args) => {
+                return callback(value, args);
+            };
+            return;
+        }
+        newProps[name] = value;
+    });
+    return newProps;
+}
+//# sourceMappingURL=templater.utils.js.map

package/js/templater.utils.js.map

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

package/js/updateTag.utils.d.ts

@@ -0,0 +1,6 @@
+import { TagSubject } from "./Tag.utils.js";
+import { TagSupport } from "./getTagSupport.js";
+import { Subject } from "./Subject.js";
+import { TemplaterResult } from "./templater.utils.js";
+import { Tag } from "./Tag.class.js";
+export declare function updateExistingValue(existing: Subject<Tag> | TemplaterResult | TagSubject, value: TemplaterResult | TagSupport | Function | Subject<any>, tag: Tag, variableName: string): void;

package/js/updateTag.utils.js

@@ -0,0 +1,102 @@
+import { setValueRedraw } from "./Tag.utils.js";
+import { deepClone } from "./deepFunctions.js";
+import { isSubjectInstance, isTagComponent } from "./isInstance.js";
+import { bindSubjectCallback } from "./bindSubjectCallback.function.js";
+function updateExistingTagComponent(tag, tempResult, existingSubject, subjectValue) {
+    const latestProps = tempResult.tagSupport.props;
+    let existingTag = existingSubject.tag;
+    // previously was something else, now a tag component
+    if (!existingTag) {
+        setValueRedraw(tempResult, existingSubject, tag);
+        tempResult.redraw();
+        return;
+    }
+    // tag existingTag
+    const oldWrapper = existingTag.tagSupport.templater.wrapper;
+    const newWrapper = tempResult.wrapper;
+    let isSameTag = false;
+    if (oldWrapper && newWrapper) {
+        const oldFunction = oldWrapper.original;
+        const newFunction = newWrapper.original;
+        isSameTag = oldFunction === newFunction;
+    }
+    const oldTagSetup = existingTag.tagSupport;
+    oldTagSetup.latestProps = latestProps;
+    oldTagSetup.latestClonedProps = tempResult.tagSupport.clonedProps;
+    if (!isSameTag) {
+        destroyTagMemory(existingTag, existingSubject, subjectValue);
+    }
+    else {
+        const subjectTagSupport = subjectValue?.tagSupport;
+        // old props may have changed, reclone first
+        const oldCloneProps = deepClone(subjectTagSupport.props); // tagSupport.clonedProps
+        const oldProps = subjectTagSupport?.props; // tagSupport.props
+        if (existingTag) {
+            const equal = oldTagSetup.hasPropChanges(oldProps, oldCloneProps, latestProps);
+            if (equal) {
+                return;
+            }
+        }
+    }
+    setValueRedraw(tempResult, existingSubject, tag);
+    oldTagSetup.templater = tempResult;
+    const redraw = tempResult.redraw();
+    existingSubject.value.tag = oldTagSetup.newest = redraw;
+    if (!isSameTag) {
+        existingSubject.tag = redraw;
+        subjectValue.tagSupport = tempResult.tagSupport;
+    }
+    return;
+}
+function updateExistingTag(templater, ogTag, existingSubject) {
+    const tagSupport = ogTag.tagSupport;
+    const oldest = tagSupport.oldest;
+    oldest.beforeRedraw();
+    const retag = templater.wrapper();
+    // move my props onto tagSupport
+    tagSupport.latestProps = retag.tagSupport.props;
+    tagSupport.latestClonedProps = retag.tagSupport.clonedProps;
+    tagSupport.memory = retag.tagSupport.memory;
+    retag.setSupport(tagSupport);
+    templater.newest = retag;
+    tagSupport.newest = retag;
+    oldest.afterRender();
+    ogTag.updateByTag(retag);
+    existingSubject.set(templater);
+    return;
+}
+export function updateExistingValue(existing, value, tag, variableName) {
+    const subjectValue = existing.value;
+    const ogTag = subjectValue?.tag;
+    const tempResult = value;
+    const existingSubject = existing;
+    // handle already seen tag components
+    if (isTagComponent(tempResult)) {
+        return updateExistingTagComponent(tag, tempResult, existingSubject, subjectValue);
+    }
+    // was component but no longer
+    if (existingSubject.tag) {
+        destroyTagMemory(existingSubject.tag, existingSubject, subjectValue);
+    }
+    else if (ogTag) {
+        return updateExistingTag(value, ogTag, existingSubject);
+    }
+    // now its a function
+    if (value instanceof Function) {
+        existingSubject.set(bindSubjectCallback(value, tag));
+        return;
+    }
+    if (isSubjectInstance(value)) {
+        existingSubject.set(value.value); // let ValueSubject now of newest value
+        return;
+    }
+    existingSubject.set(value); // let ValueSubject now of newest value
+    return;
+}
+function destroyTagMemory(existingTag, existingSubject, subjectValue) {
+    delete existingSubject.tag;
+    delete existingSubject.tagSupport;
+    delete subjectValue.tagSupport;
+    existingTag.destroy();
+}
+//# sourceMappingURL=updateTag.utils.js.map

package/js/updateTag.utils.js.map

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

package/js/wait.d.ts

@@ -0,0 +1 @@
+export declare function wait(ms: number): Promise<unknown>;

package/js/wait.js

@@ -0,0 +1,8 @@
+export function wait(ms) {
+    return new Promise(res => {
+        setTimeout(() => {
+            res(0);
+        }, ms);
+    });
+}
+//# sourceMappingURL=wait.js.map

package/js/wait.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wait.js","sourceRoot":"","sources":["../ts/wait.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,IAAI,CAAC,EAAU;IAC7B,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE;QACvB,UAAU,CAAC,GAAG,EAAE;YACd,GAAG,CAAC,CAAC,CAAC,CAAA;QACR,CAAC,EAAE,EAAE,CAAC,CAAA;IACR,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taggedjs",
-  "version": "2.1.1",
+  "version": "2.3.25",
   "description": "tagged template reactive html",
   "main": "js/index.js",
   "type": "module",