taggedjs 2.1.1 → 2.1.2

package/js/js/state.js

@@ -0,0 +1,63 @@
+import { setUse } from "./tagRunner.js";
+export const config = {
+    array: [],
+    rearray: [],
+};
+/**
+ * @template T
+ * @param {T} defaultValue
+ * @returns {T}
+ */
+export function state(defaultValue, getSetMethod) {
+    const restate = config.rearray[config.array.length];
+    if (restate) {
+        const oldValue = getStateValue(restate);
+        config.array.push(getSetMethod);
+        return oldValue; // return old value instead
+    }
+    config.array.push(getSetMethod);
+    return defaultValue;
+}
+setUse({
+    beforeRender: (tagSupport) => {
+        tagSupport.state = tagSupport.state || {
+            newest: [], // oldest: [],
+        };
+    },
+    beforeRedraw: (tagSupport) => {
+        const state = tagSupport.state;
+        config.rearray.length = 0;
+        if (state?.newest.length) {
+            // state.oldest = [...state.newest]
+            config.rearray.push(...state.newest);
+        }
+    },
+    afterRender: (tagSupport) => {
+        if (config.rearray.length) {
+            if (config.rearray.length !== config.array.length) {
+                throw new Error(`States lengths mismatched ${config.rearray.length} !== ${config.array.length}`);
+            }
+        }
+        config.rearray.length = 0; // clean up any previous runs
+        const state = tagSupport.state;
+        state.newest.length = 0;
+        state.newest.push(...config.array);
+        state.oldest = state.oldest || [...config.array]; // always preserve oldest
+        config.array.length = 0;
+    }
+});
+export function getStateValue(state) {
+    const [oldValue] = state(EchoBack); // get value and set to undefined
+    const [checkValue] = state(oldValue); // set back to original value
+    if (checkValue !== EchoBack) {
+        const error = new Error('State property not used correctly.\n\n' +
+            'For "let" state use `let name = state(default, x => [name, name = x])`\n\n' +
+            'For "const" state use `const name = state(default)`\n\n' +
+            'Problem function:\n' + state + '\n');
+        throw error;
+    }
+    return oldValue;
+}
+class EchoBack {
+}
+//# sourceMappingURL=state.js.map

package/js/js/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../ts/state.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAevC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK,EAAE,EAAsB;IAC7B,OAAO,EAAE,EAAsB;CAChC,CAAA;AAED;;;;GAIG;AACH,MAAM,UAAU,KAAK,CACnB,YAAe,EACf,YAA+B;IAE/B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACnD,IAAG,OAAO,EAAE,CAAC;QACX,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;QACvC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAE,YAAmB,CAAE,CAAA;QACxC,OAAO,QAAQ,CAAA,CAAC,2BAA2B;IAC7C,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,YAAmB,CAAC,CAAA;IACtC,OAAO,YAAY,CAAA;AACrB,CAAC;AAED,MAAM,CAAC;IACL,YAAY,EAAE,CAAC,UAA2B,EAAE,EAAE;QAC5C,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,IAAI;YACrC,MAAM,EAAE,EAAE,EAAC,cAAc;SAC1B,CAAA;IACH,CAAC;IACD,YAAY,EAAE,CACZ,UAA2B,EAC3B,EAAE;QACF,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAA;QAC9B,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;QACzB,IAAG,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;YACxB,mCAAmC;YACnC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAA;QACtC,CAAC;IACH,CAAC;IACD,WAAW,EAAE,CACX,UAA2B,EAC3B,EAAE;QACF,IAAG,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;YACzB,IAAG,MAAM,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACjD,MAAM,IAAI,KAAK,CAAC,6BAA6B,MAAM,CAAC,OAAO,CAAC,MAAM,QAAQ,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;YAClG,CAAC;QACH,CAAC;QAED,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA,CAAC,6BAA6B;QAEvD,MAAM,KAAK,GAAG,UAAU,CAAC,KAAc,CAAA;QACvC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;QACvB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAQ,CAAA;QACzC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,CAAC,yBAAyB;QAC1E,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;IACzB,CAAC;CACF,CAAC,CAAA;AAGF,MAAM,UAAU,aAAa,CAAC,KAAkB;IAC9C,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA,CAAC,iCAAiC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAE,QAAQ,CAAE,CAAA,CAAC,6BAA6B;IAEpE,IAAG,UAAU,KAAK,QAAQ,EAAE,CAAC;QAC3B,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,wCAAwC;YACxC,4EAA4E;YAC5E,yDAAyD;YACzD,qBAAqB,GAAG,KAAK,GAAE,IAAI,CAAC,CAAA;QACtC,MAAM,KAAK,CAAA;IACb,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED,MAAM,QAAQ;CAAG"}

package/js/js/tag.d.ts

@@ -0,0 +1,17 @@
+import { Tag } from "./Tag.class.js";
+export type Props = unknown;
+export type Wrapper = () => Tag;
+export declare class TemplaterResult {
+    props: Props;
+    newProps: Props;
+    cloneProps: Props;
+    tagged: boolean;
+    wrapper: Wrapper;
+    newest?: Tag;
+    oldest?: Tag;
+    redraw?: () => Tag | undefined;
+}
+type TagResult = (props: Props, // props or children
+children?: Tag) => Tag;
+export declare function tag<T>(tagComponent: T | TagResult): T;
+export {};

package/js/js/tag.js

@@ -0,0 +1,57 @@
+import { Tag } from "./Tag.class.js";
+import { deepClone } from "./deepFunctions.js";
+export class TemplaterResult {
+    props;
+    newProps;
+    cloneProps;
+    tagged;
+    wrapper;
+    newest;
+    oldest;
+    redraw;
+}
+export function tag(tagComponent) {
+    return ((props, children) => {
+        const callback = (toCall, callWith) => {
+            const callbackResult = toCall(...callWith);
+            templater.newest?.ownerTag?.tagSupport.render();
+            return callbackResult;
+        };
+        const isPropTag = props instanceof Tag;
+        const watchProps = isPropTag ? 0 : props;
+        const newProps = resetFunctionProps(watchProps, callback);
+        let argProps = newProps;
+        if (isPropTag) {
+            children = props;
+            argProps = noPropsGiven;
+        }
+        const wrapper = () => tagComponent(argProps, children);
+        const templater = new TemplaterResult();
+        templater.tagged = true;
+        templater.props = props; // used to call function
+        templater.newProps = newProps;
+        templater.cloneProps = deepClone(newProps);
+        templater.wrapper = wrapper;
+        return templater;
+    }); // we override the function provided and pretend original is what's returned
+}
+class NoPropsGiven {
+}
+const noPropsGiven = new NoPropsGiven();
+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=tag.js.map

package/js/js/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../ts/tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAM9C,MAAM,OAAO,eAAe;IAC1B,KAAK,CAAO;IACZ,QAAQ,CAAO;IACf,UAAU,CAAO;IACjB,MAAM,CAAU;IAChB,OAAO,CAAU;IAEjB,MAAM,CAAM;IACZ,MAAM,CAAM;IACZ,MAAM,CAAwB;CAC/B;AAOD,MAAM,UAAU,GAAG,CACjB,YAA2B;IAE3B,OAAO,CAAC,CAAC,KAAmB,EAAE,QAAc,EAAE,EAAE;QAC9C,MAAM,QAAQ,GAAG,CAAC,MAAW,EAAE,QAAa,EAAE,EAAE;YAC9C,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAA;YAC1C,SAAS,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,CAAC,MAAM,EAAE,CAAA;YAC/C,OAAO,cAAc,CAAA;QACvB,CAAC,CAAA;QAED,MAAM,SAAS,GAAG,KAAK,YAAY,GAAG,CAAA;QACtC,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QACxC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;QAEzD,IAAI,QAAQ,GAAG,QAAQ,CAAA;QACvB,IAAG,SAAS,EAAE,CAAC;YACb,QAAQ,GAAG,KAAK,CAAA;YAChB,QAAQ,GAAG,YAAY,CAAA;QACzB,CAAC;QAED,MAAM,OAAO,GAAG,GAAG,EAAE,CAAE,YAA0B,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAErE,MAAM,SAAS,GAAoB,IAAI,eAAe,EAAE,CAAA;QACxD,SAAS,CAAC,MAAM,GAAG,IAAI,CAAA;QACvB,SAAS,CAAC,KAAK,GAAG,KAAK,CAAA,CAAC,wBAAwB;QAChD,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAC7B,SAAS,CAAC,UAAU,GAAG,SAAS,CAAE,QAAQ,CAAE,CAAA;QAC5C,SAAS,CAAC,OAAO,GAAG,OAAO,CAAA;QAE3B,OAAO,SAAS,CAAA;IAClB,CAAC,CAAM,CAAA,CAAC,4EAA4E;AACtF,CAAC;AAED,MAAM,YAAY;CAAG;AACrB,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;AAEvC,SAAS,kBAAkB,CACzB,KAAU,EACV,QAAa;IAEb,IAAG,OAAM,CAAC,KAAK,CAAC,KAAG,QAAQ,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,QAAQ,GAAG,EAAC,GAAG,KAAK,EAAC,CAAA;IAE3B,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;QACjD,IAAG,KAAK,YAAY,QAAQ,EAAE,CAAC;YAC7B,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAW,EAAE,EAAE;gBAClC,OAAO,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;YAC9B,CAAC,CAAA;YACD,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA;IACxB,CAAC,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAA;AACjB,CAAC"}

package/js/js/tagRunner.d.ts

@@ -0,0 +1,17 @@
+import { Tag } from "./Tag.class.js";
+import { TagSupport } from "./getTagSupport";
+interface TagUse {
+    beforeRender: (tagSupport: TagSupport, tag?: Tag) => void;
+    beforeRedraw: (tagSupport: TagSupport, tag: Tag) => void;
+    afterRender: (tagSupport: TagSupport, tag: Tag) => void;
+}
+export declare const tagUse: TagUse[];
+export declare function runBeforeRender(tagSupport: TagSupport, tag?: Tag): void;
+export declare function runAfterRender(tagSupport: TagSupport, tag: Tag): void;
+export declare function runBeforeRedraw(tagSupport: TagSupport, tag: Tag): void;
+export declare function setUse(use: {
+    beforeRender?: (tagSupport: TagSupport, tag?: Tag) => void;
+    beforeRedraw?: (tagSupport: TagSupport, tag: Tag) => void;
+    afterRender?: (tagSupport: TagSupport, tag: Tag) => void;
+}): void;
+export {};

package/js/js/tagRunner.js

@@ -0,0 +1,19 @@
+export const tagUse = [];
+export function runBeforeRender(tagSupport, tag) {
+    tagUse.forEach(tagUse => tagUse.beforeRender(tagSupport, tag));
+}
+export function runAfterRender(tagSupport, tag) {
+    tagUse.forEach(tagUse => tagUse.afterRender(tagSupport, tag));
+}
+export function runBeforeRedraw(tagSupport, tag) {
+    tagUse.forEach(tagUse => tagUse.beforeRedraw(tagSupport, tag));
+}
+export function setUse(use) {
+    const useMe = {
+        beforeRender: use.beforeRender || (() => undefined),
+        beforeRedraw: use.beforeRedraw || (() => undefined),
+        afterRender: use.afterRender || (() => undefined),
+    };
+    tagUse.push(useMe);
+}
+//# sourceMappingURL=tagRunner.js.map

package/js/js/tagRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagRunner.js","sourceRoot":"","sources":["../ts/tagRunner.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,MAAM,GAAa,EAAE,CAAA;AAElC,MAAM,UAAU,eAAe,CAC7B,UAAsB,EACtB,GAAS;IAET,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAA;AAChE,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,UAAsB,EACtB,GAAQ;IAER,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAA;AAC/D,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,UAAsB,EACtB,GAAQ;IAER,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAA;AAChE,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,GAItB;IACC,MAAM,KAAK,GAAW;QACpB,YAAY,EAAE,GAAG,CAAC,YAAY,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC;QACnD,YAAY,EAAE,GAAG,CAAC,YAAY,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC;QACnD,WAAW,EAAE,GAAG,CAAC,WAAW,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC;KAClD,CAAA;IAED,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AACpB,CAAC"}

package/js/js/wait.d.ts

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

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

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

package/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/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/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/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/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/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/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;

package/js/state.js

@@ -0,0 +1,63 @@
+import { setUse } from "./tagRunner.js";
+export const config = {
+    array: [],
+    rearray: [],
+};
+/**
+ * @template T
+ * @param {T} defaultValue
+ * @returns {T}
+ */
+export function state(defaultValue, getSetMethod) {
+    const restate = config.rearray[config.array.length];
+    if (restate) {
+        const oldValue = getStateValue(restate);
+        config.array.push(getSetMethod);
+        return oldValue; // return old value instead
+    }
+    config.array.push(getSetMethod);
+    return defaultValue;
+}
+setUse({
+    beforeRender: (tagSupport) => {
+        tagSupport.state = tagSupport.state || {
+            newest: [], // oldest: [],
+        };
+    },
+    beforeRedraw: (tagSupport) => {
+        const state = tagSupport.state;
+        config.rearray.length = 0;
+        if (state?.newest.length) {
+            // state.oldest = [...state.newest]
+            config.rearray.push(...state.newest);
+        }
+    },
+    afterRender: (tagSupport) => {
+        if (config.rearray.length) {
+            if (config.rearray.length !== config.array.length) {
+                throw new Error(`States lengths mismatched ${config.rearray.length} !== ${config.array.length}`);
+            }
+        }
+        config.rearray.length = 0; // clean up any previous runs
+        const state = tagSupport.state;
+        state.newest.length = 0;
+        state.newest.push(...config.array);
+        state.oldest = state.oldest || [...config.array]; // always preserve oldest
+        config.array.length = 0;
+    }
+});
+export function getStateValue(state) {
+    const [oldValue] = state(EchoBack); // get value and set to undefined
+    const [checkValue] = state(oldValue); // set back to original value
+    if (checkValue !== EchoBack) {
+        const error = new Error('State property not used correctly.\n\n' +
+            'For "let" state use `let name = state(default, x => [name, name = x])`\n\n' +
+            'For "const" state use `const name = state(default)`\n\n' +
+            'Problem function:\n' + state + '\n');
+        throw error;
+    }
+    return oldValue;
+}
+class EchoBack {
+}
+//# sourceMappingURL=state.js.map

package/js/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../ts/state.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAevC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK,EAAE,EAAsB;IAC7B,OAAO,EAAE,EAAsB;CAChC,CAAA;AAED;;;;GAIG;AACH,MAAM,UAAU,KAAK,CACnB,YAAe,EACf,YAA+B;IAE/B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACnD,IAAG,OAAO,EAAE,CAAC;QACX,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;QACvC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAE,YAAmB,CAAE,CAAA;QACxC,OAAO,QAAQ,CAAA,CAAC,2BAA2B;IAC7C,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,YAAmB,CAAC,CAAA;IACtC,OAAO,YAAY,CAAA;AACrB,CAAC;AAED,MAAM,CAAC;IACL,YAAY,EAAE,CAAC,UAA2B,EAAE,EAAE;QAC5C,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,IAAI;YACrC,MAAM,EAAE,EAAE,EAAC,cAAc;SAC1B,CAAA;IACH,CAAC;IACD,YAAY,EAAE,CACZ,UAA2B,EAC3B,EAAE;QACF,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAA;QAC9B,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;QACzB,IAAG,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;YACxB,mCAAmC;YACnC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAA;QACtC,CAAC;IACH,CAAC;IACD,WAAW,EAAE,CACX,UAA2B,EAC3B,EAAE;QACF,IAAG,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;YACzB,IAAG,MAAM,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACjD,MAAM,IAAI,KAAK,CAAC,6BAA6B,MAAM,CAAC,OAAO,CAAC,MAAM,QAAQ,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;YAClG,CAAC;QACH,CAAC;QAED,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA,CAAC,6BAA6B;QAEvD,MAAM,KAAK,GAAG,UAAU,CAAC,KAAc,CAAA;QACvC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;QACvB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAQ,CAAA;QACzC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,CAAC,yBAAyB;QAC1E,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;IACzB,CAAC;CACF,CAAC,CAAA;AAGF,MAAM,UAAU,aAAa,CAAC,KAAkB;IAC9C,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA,CAAC,iCAAiC;IACpE,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAE,QAAQ,CAAE,CAAA,CAAC,6BAA6B;IAEpE,IAAG,UAAU,KAAK,QAAQ,EAAE,CAAC;QAC3B,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,wCAAwC;YACxC,4EAA4E;YAC5E,yDAAyD;YACzD,qBAAqB,GAAG,KAAK,GAAE,IAAI,CAAC,CAAA;QACtC,MAAM,KAAK,CAAA;IACb,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED,MAAM,QAAQ;CAAG"}

package/js/tag.d.ts

@@ -0,0 +1,17 @@
+import { Tag } from "./Tag.class.js";
+export type Props = unknown;
+export type Wrapper = () => Tag;
+export declare class TemplaterResult {
+    props: Props;
+    newProps: Props;
+    cloneProps: Props;
+    tagged: boolean;
+    wrapper: Wrapper;
+    newest?: Tag;
+    oldest?: Tag;
+    redraw?: () => Tag | undefined;
+}
+type TagResult = (props: Props, // props or children
+children?: Tag) => Tag;
+export declare function tag<T>(tagComponent: T | TagResult): T;
+export {};