taggedjs 2.8.30 → 2.8.32

package/js/tagJsTypes/tag.function.js

@@ -0,0 +1,110 @@
+// taggedjs-no-compile
+import { setUseMemory } from '../state/index.js';
+import { getTemplaterResult } from '../tag/getTemplaterResult.function.js';
+import { tags } from '../tag/tag.utils.js';
+import { getTagWrap } from '../tag/getTagWrap.function.js';
+import { ValueTypes } from '../tag/ValueTypes.enum.js';
+import { processRenderOnceInit } from '../render/update/processRenderOnceInit.function.js';
+import { processTagComponentInit } from '../tag/update/processTagComponentInit.function.js';
+let tagCount = 0;
+/** How to handle checking for prop changes aka argument changes */
+export var PropWatches;
+(function (PropWatches) {
+    PropWatches["DEEP"] = "deep";
+    /** checks all values up to 2 levels deep */
+    PropWatches["SHALLOW"] = "shallow";
+    PropWatches["NONE"] = "none";
+    PropWatches["IMMUTABLE"] = "immutable";
+})(PropWatches || (PropWatches = {}));
+/** Wraps a function tag in a state manager and calls wrapped function on event cycles
+ * For single rendering, no event cycles, use: tag.renderOnce = (props) => html``
+ */
+export function tag(tagComponent, propWatch = PropWatches.SHALLOW) {
+    /** function developer triggers */
+    const parentWrap = function tagWrapper(...props) {
+        const templater = getTemplaterResult(propWatch, props);
+        templater.tagJsType = ValueTypes.tagComponent;
+        templater.processInit = processTagComponentInit;
+        // attach memory back to original function that contains developer display logic
+        const innerTagWrap = getTagWrap(templater, parentWrap);
+        innerTagWrap.original = tagComponent;
+        /*
+            if(!innerTagWrap.parentWrap) {
+              innerTagWrap.parentWrap = parentWrap as TagWrapper<unknown>
+            }
+        */
+        templater.wrapper = innerTagWrap;
+        return templater;
+    }; // we override the function provided and pretend original is what's returned
+    const tag = tagComponent;
+    parentWrap.original = tagComponent;
+    // group tags together and have hmr pickup
+    tag.tags = tags;
+    tag.setUse = setUseMemory;
+    tag.ValueTypes = ValueTypes;
+    tag.tagIndex = tagCount++; // needed for things like HMR
+    tags.push(parentWrap);
+    return parentWrap;
+}
+tag.renderOnce = renderOnceFn;
+function renderOnceFn() {
+    throw new Error('Do not call tag.renderOnce as a function but instead set it as: `(props) => tag.renderOnce = () => html`` `');
+}
+/** Used to create variable scoping when calling a function that lives within a prop container function */
+function tagUseFn() {
+    throw new Error('Do not call tag.use as a function but instead set it as: `(props) => tag.use = (use) => html`` `');
+}
+/** @deprecated use tag.use() instead */
+;
+tag.state = tagUseFn;
+tag.use = tagUseFn;
+tag.route = routeFn;
+function routeFn(_routeProps) {
+    throw new Error('Do not call tag.route as a function but instead set it as: `tag.route = (routeProps: RouteProps) => (state) => html`` `');
+}
+/** Use to structure and define a browser tag route handler
+ * Example: export default tag.route = (routeProps: RouteProps) => (state) => html``
+ */
+;
+tag.app = function (_routeTag) {
+    throw new Error('Do not call tag.route as a function but instead set it as: `tag.route = (routeProps: RouteProps) => (state) => html`` `');
+};
+tag.deepPropWatch = tag;
+tag.immutableProps = function immutableProps(tagComponent) {
+    return tag(tagComponent, PropWatches.IMMUTABLE);
+};
+tag.watchProps = function watchProps(tagComponent) {
+    return tag(tagComponent, PropWatches.SHALLOW);
+};
+/* BELOW: Cast functions into setters with no getters */
+Object.defineProperty(tag, 'renderOnce', {
+    set(oneRenderFunction) {
+        ;
+        oneRenderFunction.tagJsType = ValueTypes.renderOnce;
+        oneRenderFunction.processInit = processRenderOnceInit;
+    },
+});
+// TODO: deprecate this in favor of tag.use
+Object.defineProperty(tag, 'state', {
+    set(renderFunction) {
+        console.warn('deprecated, use tag.use instead of tag.state');
+        renderFunction.original = {
+            setUse: setUseMemory,
+            tags,
+        };
+        renderFunction.tagJsType = ValueTypes.stateRender;
+        renderFunction.processInit = processTagComponentInit;
+    },
+});
+Object.defineProperty(tag, 'use', {
+    set(renderFunction) {
+        ;
+        renderFunction.original = {
+            setUse: setUseMemory,
+            tags,
+        };
+        renderFunction.tagJsType = ValueTypes.stateRender;
+        renderFunction.processInit = processTagComponentInit;
+    },
+});
+//# sourceMappingURL=tag.function.js.map

package/js/tagJsTypes/tag.function.js.map

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

package/js/tagJsTypes/tagJsType.type.d.ts

@@ -0,0 +1,7 @@
+import { ProcessInit } from "../tag/ProcessInit.type.js";
+import { ValueTypes } from "../tag/ValueTypes.enum.js";
+export type TagJsType = {
+    tagJsType: typeof ValueTypes.tag | typeof ValueTypes.dom;
+    processInit: ProcessInit;
+    value?: any;
+};

package/js/tagJsTypes/tagJsType.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tagJsType.type.js.map

package/js/tagJsTypes/tagJsType.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagJsType.type.js","sourceRoot":"","sources":["../../ts/tagJsTypes/tagJsType.type.ts"],"names":[],"mappings":""}

package/js/tagJsVars/getArrayTagJsVar.function.d.ts

@@ -0,0 +1,2 @@
+import { TagJsVar } from './tagJsVar.type.js';
+export declare function getArrayTagVar(value: any): TagJsVar;

package/js/tagJsVars/getArrayTagJsVar.function.js

@@ -0,0 +1,18 @@
+import { checkArrayValueChange, destroyArrayContextItem } from '../tag/checkDestroyPrevious.function.js';
+import { processTagArray } from '../tag/update/processTagArray.js';
+export function getArrayTagVar(value) {
+    return {
+        tagJsType: 'array',
+        value,
+        processInit: processArrayInit,
+        checkValueChange: checkArrayValueChange,
+        delete: destroyArrayContextItem,
+    };
+}
+function processArrayInit(value, // TemplateValue | StringTag | SubscribeValue | SignalObject,
+contextItem, ownerSupport, counts, // {added:0, removed:0}
+appendTo) {
+    const subValue = value;
+    processTagArray(contextItem, subValue, ownerSupport, counts, appendTo);
+}
+//# sourceMappingURL=getArrayTagJsVar.function.js.map

package/js/tagJsVars/getArrayTagJsVar.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getArrayTagJsVar.function.js","sourceRoot":"","sources":["../../ts/tagJsVars/getArrayTagJsVar.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAA;AAExG,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAMlE,MAAM,UAAU,cAAc,CAC5B,KAAU;IAEV,OAAO;QACL,SAAS,EAAE,OAAO;QAClB,KAAK;QACL,WAAW,EAAE,gBAAgB;QAC7B,gBAAgB,EAAE,qBAAqB;QACvC,MAAM,EAAE,uBAAuB;KAChC,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CACvB,KAAe,EAAE,6DAA6D;AAC9E,WAAwB,EACxB,YAAwB,EACxB,MAAiB,EAAE,uBAAuB;AAC1C,QAAkB;IAElB,MAAM,QAAQ,GAAG,KAAY,CAAA;IAE7B,eAAe,CACb,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,QAAQ,CACT,CAAA;AACH,CAAC"}

package/js/tagJsVars/getInnerHTML.function.d.ts

@@ -0,0 +1,2 @@
+import { TagJsVar } from "./tagJsVar.type.js";
+export declare function getInnerHTML(): TagJsVar;

package/js/tagJsVars/getInnerHTML.function.js

@@ -0,0 +1,35 @@
+import { deleteSubContext, guaranteeInsertBefore, onFirstSubContext } from "../index.js";
+import { forceUpdateExistingValue } from "../tag/update/index.js";
+function handleInnerHTML(value, newSupport, contextItem) {
+    const owner = value.owner;
+    const realValue = owner._innerHTML;
+    realValue.processInit = realValue.oldProcessInit;
+    const context = contextItem.subContext?.contextItem;
+    forceUpdateExistingValue(context, realValue, newSupport);
+}
+function processInnerHTML(value, contextItem, ownerSupport, counts, // {added:0, removed:0}
+appendTo, insertBefore) {
+    contextItem.subContext = {};
+    contextItem.handler = handleInnerHTML;
+    checkInnerHTML(value, ownerSupport, contextItem, counts, insertBefore, appendTo);
+}
+function checkInnerHTML(value, ownerSupport, contextItem, counts, // {added:0, removed:0}
+insertBeforeOriginal, appendTo) {
+    const { appendMarker, insertBefore } = guaranteeInsertBefore(appendTo, insertBeforeOriginal);
+    const subContext = contextItem.subContext;
+    subContext.appendMarker = appendMarker;
+    const owner = value.owner;
+    const realValue = owner._innerHTML;
+    realValue.processInit = realValue.oldProcessInit;
+    /** Render the content that will CONTAIN the innerHTML */
+    onFirstSubContext(realValue, subContext, ownerSupport, counts, insertBefore);
+}
+export function getInnerHTML() {
+    return {
+        tagJsType: 'innerHTML',
+        processInit: processInnerHTML,
+        delete: deleteSubContext,
+        checkValueChange: () => console.log('weird innerHTML check'),
+    };
+}
+//# sourceMappingURL=getInnerHTML.function.js.map

package/js/tagJsVars/getInnerHTML.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInnerHTML.function.js","sourceRoot":"","sources":["../../ts/tagJsVars/getInnerHTML.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,gBAAgB,EAAE,qBAAqB,EAAE,iBAAiB,EAAyB,MAAM,aAAa,CAAA;AAG7J,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAA;AAQjE,SAAS,eAAe,CACtB,KAAoB,EACpB,UAAsB,EACtB,WAAwB;IAExB,MAAM,KAAK,GAAI,KAAa,CAAC,KAAK,CAAA;IAClC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAA;IAClC,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,cAAc,CAAA;IAEhD,MAAM,OAAO,GAAG,WAAW,CAAC,UAAU,EAAE,WAAkC,CAAA;IAE1E,wBAAwB,CACtB,OAAO,EACP,SAAS,EACT,UAAU,CACX,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CACvB,KAAqB,EACrB,WAAwB,EACxB,YAAwB,EACxB,MAAiB,EAAE,uBAAuB;AAC1C,QAAkB,EAClB,YAAmB;IAEnB,WAAW,CAAC,UAAU,GAAG,EAAgB,CAAA;IAEzC,WAAW,CAAC,OAAO,GAAG,eAAe,CAAA;IAErC,cAAc,CACZ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,MAAM,EACN,YAAoB,EACpB,QAAQ,CACT,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CACrB,KAAc,EACd,YAAwB,EACxB,WAAwB,EACxB,MAAiB,EAAE,uBAAuB;AAC1C,oBAA0B,EAC1B,QAAkB;IAElB,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;IAE5F,MAAM,UAAU,GAAG,WAAW,CAAC,UAAwB,CAAA;IACvD,UAAU,CAAC,YAAY,GAAG,YAAY,CAAA;IAEtC,MAAM,KAAK,GAAI,KAAa,CAAC,KAAK,CAAA;IAClC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAA;IAClC,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,cAAc,CAAA;IAGhD,yDAAyD;IACzD,iBAAiB,CACf,SAAS,EACT,UAAU,EACV,YAAY,EACZ,MAAM,EACN,YAAY,CACb,CAAA;AACH,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,OAAO;QACL,SAAS,EAAE,WAAW;QACtB,WAAW,EAAE,gBAAgB;QAC7B,MAAM,EAAE,gBAAgB;QACxB,gBAAgB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAQ;KACpE,CAAA;AACH,CAAC"}

package/js/tagJsVars/getSimpleTagVar.function.d.ts

@@ -0,0 +1,14 @@
+import { AnySupport, ContextItem, TagCounts } from "../index.js";
+export declare function getSimpleTagVar(value: any): {
+    tagJsType: string;
+    value: any;
+    processInit: typeof processSimpleValueInit;
+    checkValueChange: typeof checkSimpleValueChange;
+    delete: typeof deleteSimpleValue;
+};
+declare function processSimpleValueInit(value: any, // TemplateValue | StringTag | SubscribeValue | SignalObject,
+contextItem: ContextItem, ownerSupport: AnySupport, counts: TagCounts, // {added:0, removed:0}
+appendTo?: Element, insertBefore?: Text): void;
+export declare function deleteSimpleValue(contextItem: ContextItem): void;
+export declare function checkSimpleValueChange(newValue: unknown, contextItem: ContextItem): -1 | 6;
+export {};

package/js/tagJsVars/getSimpleTagVar.function.js

@@ -0,0 +1,49 @@
+import { BasicTypes } from "../index.js";
+import { castTextValue } from '../castTextValue.function.js';
+import { paintBeforeText, paintCommands, paintRemover } from "../render/paint.function.js";
+import { processUpdateRegularValue } from "../tag/update/processRegularValue.function.js";
+export function getSimpleTagVar(value) {
+    return {
+        tagJsType: 'simple',
+        value,
+        processInit: processSimpleValueInit,
+        checkValueChange: checkSimpleValueChange,
+        delete: deleteSimpleValue,
+    };
+}
+function processSimpleValueInit(value, // TemplateValue | StringTag | SubscribeValue | SignalObject,
+contextItem, ownerSupport, counts, // {added:0, removed:0}
+appendTo, insertBefore) {
+    // value = value.value
+    const castedValue = castTextValue(value);
+    insertBefore = contextItem.placeholder;
+    // always insertBefore for content
+    const paint = contextItem.paint = {
+        processor: paintBeforeText,
+        args: [insertBefore, castedValue, (x) => {
+                contextItem.simpleValueElm = x;
+                delete contextItem.paint;
+            }],
+    };
+    paintCommands.push(paint);
+}
+export function deleteSimpleValue(contextItem) {
+    const elm = contextItem.simpleValueElm;
+    delete contextItem.simpleValueElm;
+    delete contextItem.tagJsVar;
+    paintCommands.push({
+        processor: paintRemover,
+        args: [elm],
+    });
+}
+export function checkSimpleValueChange(newValue, contextItem) {
+    const isBadValue = newValue === null || newValue === undefined;
+    if (isBadValue || !(typeof (newValue) === BasicTypes.object)) {
+        // This will cause all other values to render
+        processUpdateRegularValue(newValue, contextItem);
+        return -1; // no need to destroy, just update display
+    }
+    deleteSimpleValue(contextItem);
+    return 6; // 'changed-simple-value'
+}
+//# sourceMappingURL=getSimpleTagVar.function.js.map

package/js/tagJsVars/getSimpleTagVar.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSimpleTagVar.function.js","sourceRoot":"","sources":["../../ts/tagJsVars/getSimpleTagVar.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAA0B,MAAM,aAAa,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1F,OAAO,EAAE,yBAAyB,EAAgB,MAAM,+CAA+C,CAAA;AAEvG,MAAM,UAAU,eAAe,CAC7B,KAAU;IAEV,OAAO;QACL,SAAS,EAAE,QAAQ;QACnB,KAAK;QACL,WAAW,EAAE,sBAAsB;QACnC,gBAAgB,EAAE,sBAAsB;QACxC,MAAM,EAAE,iBAAiB;KAC1B,CAAA;AACH,CAAC;AAED,SAAS,sBAAsB,CAC7B,KAAU,EAAE,6DAA6D;AACzE,WAAwB,EACxB,YAAwB,EACxB,MAAiB,EAAE,uBAAuB;AAC1C,QAAkB,EAClB,YAAmB;IAEnB,sBAAsB;IACtB,MAAM,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAExC,YAAY,GAAG,WAAW,CAAC,WAAmB,CAAA;IAE9C,kCAAkC;IAClC,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG;QAChC,SAAS,EAAE,eAAe;QAC1B,IAAI,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC,CAAO,EAAE,EAAE;gBAC5C,WAAW,CAAC,cAAc,GAAG,CAAC,CAAA;gBAC9B,OAAO,WAAW,CAAC,KAAK,CAAA;YAC1B,CAAC,CAAC;KACH,CAAA;IACD,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAC3B,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,WAAwB;IAExB,MAAM,GAAG,GAAG,WAAW,CAAC,cAAyB,CAAA;IAEjD,OAAO,WAAW,CAAC,cAAc,CAAA;IACjC,OAAO,WAAW,CAAC,QAAQ,CAAA;IAE3B,aAAa,CAAC,IAAI,CAAC;QACjB,SAAS,EAAE,YAAY;QACvB,IAAI,EAAE,CAAC,GAAG,CAAC;KACZ,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,QAAiB,EACjB,WAAwB;IAExB,MAAM,UAAU,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,CAAA;IAC9D,IAAG,UAAU,IAAI,CAAC,CAAC,OAAM,CAAC,QAAQ,CAAC,KAAK,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3D,6CAA6C;QAC7C,yBAAyB,CACvB,QAAwB,EACxB,WAAW,CACZ,CAAA;QAED,OAAO,CAAC,CAAC,CAAA,CAAE,0CAA0C;IACvD,CAAC;IAED,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAE9B,OAAO,CAAC,CAAA,CAAC,yBAAyB;AACpC,CAAC"}

package/js/tagJsVars/index.d.ts

@@ -0,0 +1,4 @@
+export * from './subscribe.function.js';
+export * from './getInnerHTML.function.js';
+export * from './tag.function.js';
+export { checkSimpleValueChange, deleteSimpleValue } from './getSimpleTagVar.function.js';

package/js/tagJsVars/index.js

@@ -0,0 +1,5 @@
+export * from './subscribe.function.js';
+export * from './getInnerHTML.function.js';
+export * from './tag.function.js';
+export { checkSimpleValueChange, deleteSimpleValue } from './getSimpleTagVar.function.js';
+//# sourceMappingURL=index.js.map

package/js/tagJsVars/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../ts/tagJsVars/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA"}

package/js/tagJsVars/subscribe.function.d.ts

@@ -0,0 +1,21 @@
+import { ProcessInit } from "../tag/ProcessInit.type.js";
+import { ValueTypes } from "../tag/index.js";
+import { StatesSetter } from "../state/states.utils.js";
+import { TagJsVar } from "./tagJsVar.type.js";
+export type LikeSubscription = {
+    unsubscribe: () => any;
+};
+export type LikeObservable<T> = {
+    subscribe: (callback: (arg: T) => any) => (LikeSubscription);
+};
+export type SubscribeCallback<T> = (data: T) => any;
+/** Have an html tagged value as value of subscribe emissions. Automatically unsubscribes for you */
+export declare function subscribe<T>(Observable: LikeObservable<T>, callback?: SubscribeCallback<T>): SubscribeValue;
+export type SubscribeValue = TagJsVar & {
+    tagJsType: typeof ValueTypes.subscribe;
+    processInit: ProcessInit;
+    states: StatesSetter[];
+    Observable: LikeObservable<any>;
+    withDefault?: any;
+    callback?: SubscribeCallback<any>;
+};

package/js/tagJsVars/subscribe.function.js

@@ -0,0 +1,21 @@
+import { getSupportWithState } from "../interpolations/attributes/getSupportWithState.function.js";
+import { getSupportInCycle } from "../tag/getSupportInCycle.function.js";
+import { ValueTypes } from "../tag/index.js";
+import { processSubscribe } from "../tag/update/processSubscribe.function.js";
+import { deleteAndUnsubscribe } from "../tag/update/setupSubscribe.function.js";
+/** Have an html tagged value as value of subscribe emissions. Automatically unsubscribes for you */
+export function subscribe(Observable, callback) {
+    return {
+        tagJsType: ValueTypes.subscribe,
+        processInit: processSubscribe,
+        delete: deleteAndUnsubscribe,
+        checkValueChange: function subscribeDoNothing() {
+            console.log('weird to be here');
+            return -1;
+        },
+        Observable,
+        callback,
+        states: getSupportWithState(getSupportInCycle()).states,
+    };
+}
+//# sourceMappingURL=subscribe.function.js.map

package/js/tagJsVars/subscribe.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscribe.function.js","sourceRoot":"","sources":["../../ts/tagJsVars/subscribe.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8DAA8D,CAAA;AAGlG,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAA;AAE7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AAa/E,oGAAoG;AACpG,MAAM,UAAU,SAAS,CACvB,UAA6B,EAC7B,QAA+B;IAE/B,OAAO;QACL,SAAS,EAAE,UAAU,CAAC,SAAS;QAC/B,WAAW,EAAE,gBAAgB;QAC7B,MAAM,EAAE,oBAAoB;QAE5B,gBAAgB,EAAE,SAAS,kBAAkB;YAC3C,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;YAC/B,OAAO,CAAC,CAAC,CAAA;QACX,CAAC;QAED,UAAU;QACV,QAAQ;QACR,MAAM,EAAE,mBAAmB,CAAE,iBAAiB,EAAgB,CAAC,CAAC,MAAM;KACvE,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,47 @@
+import { KeyFunction } from '../tag/getDomTag.function.js';
+import { Original } from '../tag/tag.utils.js';
+import { RouteProps, RouteTag, StateToTag, ToTag } from '../tag/tag.types.js';
+import { UnknownFunction } from '../tag/update/oneRenderToSupport.function.js';
+import { AnyTag } from '../tag/AnyTag.type.js';
+/** TODO: This might be a duplicate typing of Wrapper */
+export type TaggedFunction<T extends ToTag> = ((...x: Parameters<T>) => ReturnType<T> & {
+    key: KeyFunction;
+    original?: Original;
+    compareTo?: string;
+}) & {
+    original: UnknownFunction;
+};
+/** How to handle checking for prop changes aka argument changes */
+export declare enum PropWatches {
+    DEEP = "deep",
+    /** checks all values up to 2 levels deep */
+    SHALLOW = "shallow",
+    NONE = "none",
+    IMMUTABLE = "immutable"
+}
+/** Wraps a function tag in a state manager and calls wrapped function on event cycles
+ * For single rendering, no event cycles, use: tag.renderOnce = (props) => html``
+ */
+export declare function tag<T extends ToTag>(tagComponent: T, propWatch?: PropWatches): TaggedFunction<T>;
+export declare namespace tag {
+    /** Used to declare a function has state in the form of a function, that when called, returns content for rendering
+     * Example () => tag.use = (counter = 0)
+     */
+    let use: typeof tagUseFn;
+    /** Used to create a tag component that renders once and has no addition rendering cycles */
+    let renderOnce: typeof renderOnceFn;
+    let route: typeof routeFn;
+    let app: (_routeTag: RouteTag) => StateToTag;
+    let deepPropWatch: typeof tag;
+    let immutableProps: <T extends ToTag>(tagComponent: T) => TaggedFunction<T>;
+    let watchProps: <T extends ToTag>(tagComponent: T) => TaggedFunction<T>;
+}
+type ReturnTag = AnyTag | StateToTag | null | undefined;
+/** Use to structure and define a browser tag route handler
+ * Example: export default tag.route = (routeProps: RouteProps) => (state) => html``
+ */
+declare function routeFn(_routeProps: RouteProps): StateToTag;
+declare function renderOnceFn(): ReturnTag;
+/** Used to create variable scoping when calling a function that lives within a prop container function */
+declare function tagUseFn(): ReturnTag;
+export {};

package/js/tagJsVars/tag.function.js

@@ -0,0 +1,95 @@
+// taggedjs-no-compile
+import { setUseMemory } from '../state/index.js';
+import { getTemplaterResult } from '../tag/getTemplaterResult.function.js';
+import { tags } from '../tag/tag.utils.js';
+import { getTagWrap } from '../tag/getTagWrap.function.js';
+import { ValueTypes } from '../tag/ValueTypes.enum.js';
+import { processRenderOnceInit } from '../render/update/processRenderOnceInit.function.js';
+import { processTagComponentInit } from '../tag/update/processTagComponentInit.function.js';
+import { checkTagValueChange, destroySupportByContextItem } from '../tag/checkTagValueChange.function.js';
+let tagCount = 0;
+/** How to handle checking for prop changes aka argument changes */
+export var PropWatches;
+(function (PropWatches) {
+    PropWatches["DEEP"] = "deep";
+    /** checks all values up to 2 levels deep */
+    PropWatches["SHALLOW"] = "shallow";
+    PropWatches["NONE"] = "none";
+    PropWatches["IMMUTABLE"] = "immutable";
+})(PropWatches || (PropWatches = {}));
+/** Wraps a function tag in a state manager and calls wrapped function on event cycles
+ * For single rendering, no event cycles, use: tag.renderOnce = (props) => html``
+ */
+export function tag(tagComponent, propWatch = PropWatches.SHALLOW) {
+    /** function developer triggers */
+    const parentWrap = function tagWrapper(...props) {
+        const templater = getTemplaterResult(propWatch, props);
+        templater.tagJsType = ValueTypes.tagComponent;
+        templater.processInit = processTagComponentInit;
+        // attach memory back to original function that contains developer display logic
+        const innerTagWrap = getTagWrap(templater, parentWrap);
+        innerTagWrap.original = tagComponent;
+        templater.wrapper = innerTagWrap;
+        return templater;
+    }; // we override the function provided and pretend original is what's returned
+    const tag = tagComponent;
+    parentWrap.original = tagComponent;
+    // group tags together and have hmr pickup
+    tag.tags = tags;
+    tag.setUse = setUseMemory;
+    tag.ValueTypes = ValueTypes;
+    tag.tagIndex = tagCount++; // needed for things like HMR
+    tags.push(parentWrap);
+    return parentWrap;
+}
+/** Use to structure and define a browser tag route handler
+ * Example: export default tag.route = (routeProps: RouteProps) => (state) => html``
+ */
+function routeFn(_routeProps) {
+    throw new Error('Do not call tag.route as a function but instead set it as: `tag.route = (routeProps: RouteProps) => (state) => html`` `');
+}
+function renderOnceFn() {
+    throw new Error('Do not call tag.renderOnce as a function but instead set it as: `(props) => tag.renderOnce = () => html`` `');
+}
+/** Used to create variable scoping when calling a function that lives within a prop container function */
+function tagUseFn() {
+    throw new Error('Do not call tag.use as a function but instead set it as: `(props) => tag.use = (use) => html`` `');
+}
+;
+tag.renderOnce = renderOnceFn;
+tag.use = tagUseFn;
+tag.deepPropWatch = tag;
+tag.route = routeFn;
+tag.app = function (_routeTag) {
+    throw new Error('Do not call tag.route as a function but instead set it as: `tag.route = (routeProps: RouteProps) => (state) => html`` `');
+};
+tag.immutableProps = function immutableProps(tagComponent) {
+    return tag(tagComponent, PropWatches.IMMUTABLE);
+};
+tag.watchProps = function watchProps(tagComponent) {
+    return tag(tagComponent, PropWatches.SHALLOW);
+};
+/* BELOW: Cast functions into setters with no getters */
+Object.defineProperty(tag, 'renderOnce', {
+    set(oneRenderFunction) {
+        oneRenderFunction.tagJsType = ValueTypes.renderOnce;
+        oneRenderFunction.processInit = processRenderOnceInit;
+        oneRenderFunction.delete = destroySupportByContextItem;
+        oneRenderFunction.checkValueChange = function renderOnceNeverChanges() {
+            return -1;
+        };
+    },
+});
+Object.defineProperty(tag, 'use', {
+    set(renderFunction) {
+        renderFunction.original = {
+            setUse: setUseMemory,
+            tags,
+        };
+        renderFunction.tagJsType = ValueTypes.stateRender;
+        renderFunction.processInit = processTagComponentInit;
+        renderFunction.checkValueChange = checkTagValueChange;
+        renderFunction.delete = destroySupportByContextItem;
+    },
+});
+//# sourceMappingURL=tag.function.js.map

package/js/tagJsVars/tag.function.js.map

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

package/js/tagJsVars/tagJsVar.type.d.ts

@@ -0,0 +1,12 @@
+import { CheckSupportValueChange, CheckValueChange } from "../tag/Context.types.js";
+import { ContextItem } from "../tag/ContextItem.type.js";
+import { AnySupport } from "../tag/index.js";
+import { ProcessInit } from "../tag/ProcessInit.type.js";
+export type TagJsVar = {
+    tagJsType: string;
+    processInit: ProcessInit;
+    delete: ProcessDelete;
+    checkValueChange: CheckValueChange | CheckSupportValueChange;
+    value?: any;
+};
+export type ProcessDelete = (contextItem: ContextItem, ownerSupport: AnySupport) => any;

package/js/tagJsVars/tagJsVar.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tagJsVar.type.js.map

package/js/tagJsVars/tagJsVar.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagJsVar.type.js","sourceRoot":"","sources":["../../ts/tagJsVars/tagJsVar.type.ts"],"names":[],"mappings":""}

package/js/tagJsVars/valueToTagJsVar.function.d.ts

@@ -0,0 +1,4 @@
+import { TemplateValue } from '../tag/TemplateValue.type.js';
+import { TagJsVar } from './tagJsVar.type.js';
+import { Tag } from '../tag/Tag.type.js';
+export declare function valueToTagJsVar(value: TemplateValue | Tag | TagJsVar): TagJsVar;

package/js/tagJsVars/valueToTagJsVar.function.js

@@ -0,0 +1,17 @@
+import { isArray } from '../isInstance.js';
+import { getSimpleTagVar } from './getSimpleTagVar.function.js';
+import { getArrayTagVar } from './getArrayTagJsVar.function.js';
+export function valueToTagJsVar(value) {
+    const tagJsType = value?.tagJsType;
+    if (tagJsType) {
+        return value;
+    }
+    return getBasicTagVar(value);
+}
+function getBasicTagVar(value) {
+    if (isArray(value)) {
+        return getArrayTagVar(value);
+    }
+    return getSimpleTagVar(value);
+}
+//# sourceMappingURL=valueToTagJsVar.function.js.map

package/js/tagJsVars/valueToTagJsVar.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valueToTagJsVar.function.js","sourceRoot":"","sources":["../../ts/tagJsVars/valueToTagJsVar.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAK1C,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAE/D,MAAM,UAAU,eAAe,CAC7B,KAAqC;IAErC,MAAM,SAAS,GAAI,KAAyB,EAAE,SAAsB,CAAA;IAEpE,IAAG,SAAS,EAAE,CAAC;QACb,OAAO,KAAiB,CAAA;IAC1B,CAAC;IAED,OAAO,cAAc,CAAE,KAAK,CAAE,CAAA;AAChC,CAAC;AAED,SAAS,cAAc,CACrB,KAAU;IAEV,IAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAClB,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;IAC9B,CAAC;IAED,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAC/B,CAAC"}

package/package.json

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