taggedjs 2.1.2 → 2.3.25

package/js/js/setUse.function.js

@@ -0,0 +1,14 @@
+const tagUse = [];
+export function setUse(use) {
+    // must provide defaults
+    const useMe = {
+        beforeRender: use.beforeRender || (() => undefined),
+        beforeRedraw: use.beforeRedraw || (() => undefined),
+        afterRender: use.afterRender || (() => undefined),
+        beforeDestroy: use.beforeDestroy || (() => undefined),
+    };
+    setUse.tagUse.push(useMe);
+}
+setUse.tagUse = tagUse;
+setUse.memory = {};
+//# sourceMappingURL=setUse.function.js.map

package/js/js/setUse.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setUse.function.js","sourceRoot":"","sources":["../ts/setUse.function.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,GAAa,EAAE,CAAA;AAsB3B,MAAM,UAAU,MAAM,CAAC,GAAe;IACpC,wBAAwB;IACxB,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;QACjD,aAAa,EAAE,GAAG,CAAC,aAAa,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC;KACtD,CAAA;IAED,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAC3B,CAAC;AAED,MAAM,CAAC,MAAM,GAAG,MAAM,CAAA;AACtB,MAAM,CAAC,MAAM,GAAG,EAAkD,CAAA"}

package/js/js/state.d.ts

@@ -1,21 +1,24 @@
-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;
+type StateConfigItem = {
+    callback?: StateConfig;
+    lastValue?: any;
+    defaultValue?: any;
 };
-export declare const config: {
+export type StateConfigArray = StateConfigItem[];
+export type Config = {
     array: StateConfigArray;
     rearray: StateConfigArray;
 };
+export type State = {
+    newest: 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;
+export declare function state<T>(defaultValue: T | (() => T), getSetMethod?: (x: T) => [T, T]): T;
+export declare function getStateValue(state: StateConfigItem): any;
+export declare class StateEchoBack {
+}
+export {};

package/js/js/state.js

@@ -1,7 +1,8 @@
-import { setUse } from "./tagRunner.js";
-export const config = {
-    array: [],
-    rearray: [],
+import { setUse } from "./setUse.function.js";
+// TODO: rename
+setUse.memory.stateConfig = {
+    array: [], // state memory on the first render
+    rearray: [], // state memory to be used before the next render
 };
 /**
  * @template T
@@ -9,47 +10,63 @@ export const config = {
  * @returns {T}
  */
 export function state(defaultValue, getSetMethod) {
+    const config = setUse.memory.stateConfig;
     const restate = config.rearray[config.array.length];
     if (restate) {
         const oldValue = getStateValue(restate);
-        config.array.push(getSetMethod);
+        config.array.push({
+            callback: getSetMethod,
+            lastValue: oldValue,
+            defaultValue: restate.defaultValue,
+        });
         return oldValue; // return old value instead
     }
-    config.array.push(getSetMethod);
-    return defaultValue;
+    const defaultFn = defaultValue instanceof Function ? defaultValue : () => defaultValue;
+    const initValue = defaultFn();
+    config.array.push({
+        callback: getSetMethod,
+        lastValue: initValue,
+        defaultValue: initValue,
+    });
+    return initValue;
 }
 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) => {
+    beforeRender: (tagSupport) => initState(tagSupport),
+    beforeRedraw: (tagSupport) => initState(tagSupport),
+    afterRender: (tagSupport, tag) => {
+        const state = tagSupport.memory.state;
+        const config = setUse.memory.stateConfig;
         if (config.rearray.length) {
             if (config.rearray.length !== config.array.length) {
-                throw new Error(`States lengths mismatched ${config.rearray.length} !== ${config.array.length}`);
+                const message = `States lengths mismatched ${config.rearray.length} !== ${config.array.length}`;
+                console.error(message, {
+                    oldStates: config.array,
+                    newStates: config.rearray,
+                    component: tagSupport.templater?.wrapper.original
+                });
+                throw new Error(message);
             }
         }
-        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;
+        // config.rearray.length = 0 // clean up any previous runs
+        config.rearray = []; // clean up any previous runs
+        // state.newest.length = 0
+        // state.newest.push(...config.array) as any
+        state.newest = [...config.array];
+        // config.array.length = 0
+        config.array = [];
     }
 });
-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) {
+export function getStateValue(
+// state: StateConfig,
+state) {
+    const callback = state.callback;
+    if (!callback) {
+        return state.defaultValue;
+    }
+    const oldState = callback(StateEchoBack); // get value and set to undefined
+    const [oldValue] = oldState;
+    const [checkValue] = callback(oldValue); // set back to original value
+    if (checkValue !== StateEchoBack) {
         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' +
@@ -58,6 +75,24 @@ export function getStateValue(state) {
     }
     return oldValue;
 }
-class EchoBack {
+export class StateEchoBack {
+}
+function initState(tagSupport) {
+    const state = tagSupport.memory.state;
+    const config = setUse.memory.stateConfig;
+    if (config.rearray.length) {
+        const message = 'last array not cleared';
+        console.error(message, {
+            config,
+            component: tagSupport.templater?.wrapper.original,
+            state,
+        });
+        throw message;
+    }
+    // TODO: this maybe redundant and not needed
+    config.rearray = []; // .length = 0
+    if (state?.newest.length) {
+        config.rearray.push(...state.newest);
+    }
 }
 //# sourceMappingURL=state.js.map

package/js/js/state.js.map

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

package/js/js/tag.d.ts

@@ -1,17 +1,8 @@
 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 {};
+import { TagComponent } from "./templater.utils.js";
+export declare const tags: TagComponent[];
+export type TagEnv = {
+    parentNode: HTMLElement | Element;
+    children?: Tag;
+};
+export declare function tag<T>(tagComponent: T | TagComponent): T;

package/js/js/tag.js

@@ -1,57 +1,46 @@
-import { Tag } from "./Tag.class.js";
-import { deepClone } from "./deepFunctions.js";
-export class TemplaterResult {
-    props;
-    newProps;
-    cloneProps;
-    tagged;
-    wrapper;
-    newest;
-    oldest;
-    redraw;
-}
+import { isTagInstance } from "./isInstance.js";
+import { setUse } from "./setUse.function.js";
+import { TemplaterResult, getNewProps } from "./templater.utils.js";
+export const tags = [];
+let tagCount = 0;
 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);
+    const result = (function tagWrapper(props, tagEnv) {
+        const isPropTag = isTagInstance(props);
+        const templater = new TemplaterResult(props);
+        const newProps = getNewProps(props, templater);
         let argProps = newProps;
         if (isPropTag) {
-            children = props;
+            tagEnv.children = props;
             argProps = noPropsGiven;
         }
-        const wrapper = () => tagComponent(argProps, children);
-        const templater = new TemplaterResult();
+        function innerTagWrap() {
+            const originalFunction = innerTagWrap.original;
+            const props = templater.tagSupport.props; // argProps
+            const tag = originalFunction(props, tagEnv);
+            tag.setSupport(templater.tagSupport);
+            return tag;
+        }
+        innerTagWrap.original = tagComponent;
         templater.tagged = true;
-        templater.props = props; // used to call function
-        templater.newProps = newProps;
-        templater.cloneProps = deepClone(newProps);
-        templater.wrapper = wrapper;
+        templater.wrapper = innerTagWrap;
         return templater;
     }); // we override the function provided and pretend original is what's returned
+    updateResult(result, tagComponent);
+    // group tags together and have hmr pickup
+    updateComponent(tagComponent);
+    tags.push(tagComponent);
+    return result;
+}
+function updateResult(result, tagComponent) {
+    result.isTag = true;
+    result.original = tagComponent;
+}
+function updateComponent(tagComponent) {
+    tagComponent.tags = tags;
+    tagComponent.setUse = setUse;
+    tagComponent.tagIndex = ++tagCount;
 }
 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

@@ -1 +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"}
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../ts/tag.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,OAAO,EAAgB,eAAe,EAAW,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAE1F,MAAM,CAAC,MAAM,IAAI,GAAmB,EAAE,CAAA;AAEtC,IAAI,QAAQ,GAAG,CAAC,CAAA;AAOhB,MAAM,UAAU,GAAG,CACjB,YAA8B;IAE9B,MAAM,MAAM,GAAG,CAAC,SAAS,UAAU,CACjC,KAA8B,EAC9B,MAAc;QAEd,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;QACtC,MAAM,SAAS,GAAoB,IAAI,eAAe,CAAC,KAAK,CAAC,CAAA;QAC7D,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;QAE9C,IAAI,QAAQ,GAAG,QAAQ,CAAA;QACvB,IAAG,SAAS,EAAE,CAAC;YACb,MAAM,CAAC,QAAQ,GAAG,KAAY,CAAA;YAC9B,QAAQ,GAAG,YAAY,CAAA;QACzB,CAAC;QAED,SAAS,YAAY;YACnB,MAAM,gBAAgB,GAAG,YAAY,CAAC,QAAwB,CAAA;YAC9D,MAAM,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,KAAK,CAAA,CAAC,WAAW;YACpD,MAAM,GAAG,GAAG,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;YAC3C,GAAG,CAAC,UAAU,CAAE,SAAS,CAAC,UAAU,CAAE,CAAA;YACtC,OAAO,GAAG,CAAA;QACZ,CAAC;QAED,YAAY,CAAC,QAAQ,GAAG,YAAY,CAAA;QAGpC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAA;QACvB,SAAS,CAAC,OAAO,GAAG,YAAuB,CAAA;QAE3C,OAAO,SAAS,CAAA;IAClB,CAAC,CAAM,CAAA,CAAC,4EAA4E;IAEpF,YAAY,CAAC,MAAM,EAAE,YAA4B,CAAC,CAAA;IAElD,0CAA0C;IAC1C,eAAe,CAAC,YAAY,CAAC,CAAA;IAC7B,IAAI,CAAC,IAAI,CAAC,YAA4B,CAAC,CAAA;IAEvC,OAAO,MAAM,CAAA;AACf,CAAC;AAED,SAAS,YAAY,CACnB,MAAW,EACX,YAA0B;IAE1B,MAAM,CAAC,KAAK,GAAG,IAAI,CAAA;IACnB,MAAM,CAAC,QAAQ,GAAG,YAAY,CAAA;AAChC,CAAC;AAED,SAAS,eAAe,CACtB,YAAiB;IAEjB,YAAY,CAAC,IAAI,GAAG,IAAI,CAAA;IACxB,YAAY,CAAC,MAAM,GAAG,MAAM,CAAA;IAC5B,YAAY,CAAC,QAAQ,GAAG,EAAE,QAAQ,CAAA;AACpC,CAAC;AACD,MAAM,YAAY;CAAG;AACrB,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA"}

package/js/js/tagElement.d.ts

@@ -0,0 +1,14 @@
+import { TagSupport } from "./getTagSupport.js";
+import { TagComponent, TemplaterResult } from "./templater.utils.js";
+import { Tag } from "./Tag.class.js";
+export declare function tagElement(app: TagComponent, // (...args: unknown[]) => TemplaterResult,
+element: HTMLElement | Element, props: unknown): {
+    tag: Tag;
+    tags: TagComponent[];
+};
+export declare function applyTagUpdater(wrapper: TemplaterResult): {
+    tag: Tag;
+    tagSupport: TagSupport;
+};
+/** Overwrites arguments.tagSupport.mutatingRender */
+export declare function addAppTagRender(tagSupport: TagSupport, tag: Tag): void;

package/js/js/tagElement.js

@@ -0,0 +1,57 @@
+import { runBeforeRender } from "./tagRunner.js";
+const appElements = [];
+export function tagElement(app, // (...args: unknown[]) => TemplaterResult,
+element, props) {
+    const appElmIndex = appElements.findIndex(appElm => appElm.element === element);
+    if (appElmIndex >= 0) {
+        appElements[appElmIndex].tag.destroy();
+        appElements.splice(appElmIndex, 1);
+        console.warn('Found and destroyed app element already rendered to element', { element });
+    }
+    // Create the app which returns [props, runOneTimeFunction]
+    const wrapper = app(props, { parentNode: element });
+    // have a function setup and call the tagWrapper with (props, {update, async, on})
+    const result = applyTagUpdater(wrapper);
+    const { tag, tagSupport } = result;
+    tag.appElement = element;
+    addAppTagRender(tagSupport, tag);
+    // const context = tag.updateValues(tag.values)
+    const templateElm = document.createElement('template');
+    templateElm.setAttribute('tag-detail', 'app-template-placeholder');
+    element.appendChild(templateElm);
+    tag.buildBeforeElement(templateElm);
+    element.setUse = app.original.setUse;
+    appElements.push({ element, tag });
+    return { tag, tags: app.original.tags };
+}
+export function applyTagUpdater(wrapper) {
+    const tagSupport = wrapper.tagSupport; // getTagSupport(0, wrapper)
+    runBeforeRender(tagSupport, undefined);
+    // Call the apps function for our tag templater
+    // const templater = tagSupport.templater as TemplaterResult
+    const tag = wrapper.wrapper(); // templater.wrapper()
+    tag.tagSupport = tagSupport;
+    tag.afterRender();
+    return { tag, tagSupport };
+}
+/** Overwrites arguments.tagSupport.mutatingRender */
+export function addAppTagRender(tagSupport, tag) {
+    let lastTag;
+    tagSupport.mutatingRender = () => {
+        tag.beforeRedraw();
+        const templater = tagSupport.templater; // wrapper
+        const fromTag = lastTag = templater.wrapper();
+        // tagSupport.props = fromTag.tagSupport.props
+        tagSupport.latestProps = fromTag.tagSupport.props;
+        tagSupport.latestClonedProps = fromTag.tagSupport.clonedProps;
+        fromTag.setSupport(tagSupport);
+        tag.afterRender();
+        tag.updateByTag(fromTag);
+        if (lastTag) {
+            lastTag.destroy({ stagger: 0 });
+        }
+        tagSupport.newest = fromTag;
+        return lastTag;
+    };
+}
+//# sourceMappingURL=tagElement.js.map

package/js/js/tagElement.js.map

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

package/js/js/tagGateway.function.d.ts

@@ -0,0 +1,5 @@
+import { TagComponent } from "./templater.utils.js";
+export declare function destroyGateways(): void;
+export declare const tagGateway: (component: TagComponent) => {
+    id: string;
+};

package/js/js/tagGateway.function.js

@@ -0,0 +1,119 @@
+import { redrawTag } from "./redrawTag.function.js";
+import { tagElement } from "./tagElement.js";
+const gateways = {};
+export function destroyGateways() {
+    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;
+}
+export const tagGateway = function tagGateway(component) {
+    const componentString = functionToHtmlId(component);
+    const id = '__tagTemplate_' + componentString;
+    let intervalId;
+    let found = false;
+    function findElement() {
+        intervalId = setInterval(() => {
+            const elements = document.querySelectorAll('#' + id);
+            if (!elements.length) {
+                return;
+            }
+            // Element has been found, load
+            clearInterval(intervalId);
+            found = true;
+            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;
+                }
+            });
+        }, 10);
+    }
+    findElement();
+    setTimeout(() => {
+        if (found) {
+            return;
+        }
+        clearInterval(intervalId);
+        throw new Error(`TaggedJs Element ${id} not found`);
+    }, 2000);
+    return { id };
+};
+function parsePropsString(element) {
+    const propsString = element.getAttribute('props');
+    if (!propsString) {
+        return;
+    }
+    let props = {};
+    try {
+        return JSON.parse(propsString);
+    }
+    catch (err) {
+        console.warn('Failed to parse props on element', { element, propsString, props });
+        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;
+}
+//# sourceMappingURL=tagGateway.function.js.map

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

@@ -1,17 +1,6 @@
 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 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 setUse(use: {
-    beforeRender?: (tagSupport: TagSupport, tag?: Tag) => void;
-    beforeRedraw?: (tagSupport: TagSupport, tag: Tag) => void;
-    afterRender?: (tagSupport: TagSupport, tag: Tag) => void;
-}): void;
-export {};
+export declare function runBeforeDestroy(tagSupport: TagSupport, tag: Tag): void;

package/js/js/tagRunner.js

@@ -1,19 +1,19 @@
-export const tagUse = [];
-export function runBeforeRender(tagSupport, tag) {
-    tagUse.forEach(tagUse => tagUse.beforeRender(tagSupport, tag));
+// 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) {
-    tagUse.forEach(tagUse => tagUse.afterRender(tagSupport, tag));
+    setUse.tagUse.forEach(tagUse => tagUse.afterRender(tagSupport, tag));
 }
+// Life cycle 3
 export function runBeforeRedraw(tagSupport, tag) {
-    tagUse.forEach(tagUse => tagUse.beforeRedraw(tagSupport, tag));
+    setUse.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);
+// 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/js/tagRunner.js.map

@@ -1 +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"}
+{"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/js/templater.utils.d.ts

@@ -0,0 +1,28 @@
+import { Tag } from "./Tag.class.js";
+import { TagSupport } from "./getTagSupport.js";
+import { Props } from "./Props.js";
+import { TagEnv } from "./tag.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
+tagEnv: TagEnv) => Tag;
+export declare function getNewProps(props: Props, templater: TemplaterResult): any;