jmx-runtime 0.0.24 → 0.0.26

package/dist/base.d.ts

@@ -1,6 +1,6 @@
-export declare function rebind(o: Record<string, any>): Record<string, any>;
-export declare function mount(o: Record<string, any>): void;
-export declare const loggedmethodsex: <T extends Record<string, any>>(o: T, logger: (name: string, args: any[], result: any) => void) => T;
-export declare const loggedmethods: <T extends Record<string, any>>(o: T) => T;
-export declare const loggedmethodscolored: <T extends Record<string, any>>(bgcolor: string, o: T) => T;
+export declare function rebind(o: Record<string, any>): Record<string, any>;
+export declare function mount(o: Record<string, any>): void;
+export declare const loggedmethodsex: <T extends Record<string, any>>(o: T, logger: (name: string, args: any[], result: any) => void) => T;
+export declare const loggedmethods: <T extends Record<string, any>>(o: T) => T;
+export declare const loggedmethodscolored: <T extends Record<string, any>>(bgcolor: string, o: T) => T;
 //# sourceMappingURL=base.d.ts.map

package/dist/base.js

@@ -1,22 +1,22 @@
-export function rebind(o) {
-    Object.entries(Object.getOwnPropertyDescriptors(Object.getPrototypeOf(o)))
-        .filter(([name, p]) => name != 'constructor' && p.value instanceof Function)
-        .forEach(([name]) => o[name] = o[name].bind(o));
-    return o;
-}
-export function mount(o) { Object.assign(globalThis, o); }
-export const loggedmethodsex = (o, logger) => new Proxy(o, {
-    get(target, name, receiver) {
-        if (typeof target[name] === "function") {
-            return function (...args) {
-                logger(name, args, undefined);
-                let r = target[name].apply(this, args);
-                return r;
-            };
-        }
-        return Reflect.get(target, name, receiver);
-    },
-});
-export const loggedmethods = (o) => loggedmethodsex(o, (name, args, result) => console.log("%c" + name, "background:#585059;color:white;padding:2px;font-weight:bold", args));
-export const loggedmethodscolored = (bgcolor, o) => loggedmethodsex(o, (name, args, result) => console.log("%c" + name, `background:${bgcolor};color:white;padding:2px;font-weight:bold`, args));
+export function rebind(o) {
+    Object.entries(Object.getOwnPropertyDescriptors(Object.getPrototypeOf(o)))
+        .filter(([name, p]) => name != 'constructor' && p.value instanceof Function)
+        .forEach(([name]) => o[name] = o[name].bind(o));
+    return o;
+}
+export function mount(o) { Object.assign(globalThis, o); }
+export const loggedmethodsex = (o, logger) => new Proxy(o, {
+    get(target, name, receiver) {
+        if (typeof target[name] === "function") {
+            return function (...args) {
+                logger(name, args, undefined);
+                let r = target[name].apply(this, args);
+                return r;
+            };
+        }
+        return Reflect.get(target, name, receiver);
+    },
+});
+export const loggedmethods = (o) => loggedmethodsex(o, (name, args, result) => console.log("%c" + name, "background:#585059;color:white;padding:2px;font-weight:bold", args));
+export const loggedmethodscolored = (bgcolor, o) => loggedmethodsex(o, (name, args, result) => console.log("%c" + name, `background:${bgcolor};color:white;padding:2px;font-weight:bold`, args));
 //# sourceMappingURL=base.js.map

package/dist/config.d.ts

@@ -1,9 +1,9 @@
-declare global {
-    interface Window {
-        jmx?: {
-            getnamespace: (tag: string) => string;
-        };
-    }
-}
-export declare function createElement(tag: string): Element;
+declare global {
+    interface Window {
+        jmx?: {
+            getnamespace: (tag: string) => string;
+        };
+    }
+}
+export declare function createElement(tag: string): Element;
 //# sourceMappingURL=config.d.ts.map

package/dist/config.js

@@ -1,5 +1,5 @@
-export function createElement(tag) {
-    let ns = window.jmx?.getnamespace?.(tag);
-    return ns ? document.createElementNS(ns, tag) : document.createElement(tag);
-}
+export function createElement(tag) {
+    let ns = window.jmx?.getnamespace?.(tag);
+    return ns ? document.createElementNS(ns, tag) : document.createElement(tag);
+}
 //# sourceMappingURL=config.js.map

package/dist/h.d.ts

@@ -1,58 +1,58 @@
-type Func<T> = () => T;
-export type Expr<T> = T | Func<T>;
-export type Props = Record<string, any>;
-export type FComponent = (props: Props | undefined, children?: ChildrenH) => HElement;
-export type FComponentT<P> = (pcn: P, cn?: Children) => H | void;
-export interface IClassComponent {
-    element: Node;
-    props?: Record<string, any>;
-    view(): H;
-    update(uc: IUpdateContext): boolean | void;
-    mounted?(): void;
-}
-interface CComponent {
-    new (props: any): IClassComponent;
-}
-export type ChildrenH = (H | undefined)[];
-export type Children = Expr<ChildrenH>;
-type HText = string | number | boolean;
-export type HFragment = {
-    cn: Children;
-};
-export type HElement = {
-    tag: string;
-    p?: Expr<Props>;
-    cn: Children;
-    i?: any;
-};
-type HCompFun = {
-    tag: FComponent;
-    p?: Expr<Props>;
-    cn?: Children;
-};
-export type HCompClass = {
-    tag: CComponent;
-    p?: Expr<Props>;
-    cn: Children;
-    i: IClassComponent;
-};
-export type HComp = HCompFun | HCompClass;
-export type H = HText | HElement | HComp | HFragment;
-declare global {
-    interface Node {
-        h?: HElement | HCompFun | HCompClass;
-    }
-    export interface IUpdateContext {
-        patchElementOnly?: boolean;
-        replace?: boolean;
-    }
-    export interface Window {
-        jmx?: {
-            getnamespace: (tag: string) => string | undefined;
-        };
-    }
-}
-export declare function jsx(): HElement;
-export declare function jsxf(): HElement;
-export {};
+type Func<T> = () => T;
+export type Expr<T> = T | Func<T>;
+export type Props = Record<string, any>;
+export type FComponent = (props: Props | undefined, children?: ChildrenH) => HElement;
+export type FComponentT<P> = (pcn: P, cn?: Children) => H | void;
+export interface IClassComponent {
+    element: Node;
+    props?: Record<string, any>;
+    view(): H;
+    update(uc: IUpdateContext): boolean | void;
+    mounted?(): void;
+}
+interface CComponent {
+    new (props: any): IClassComponent;
+}
+export type ChildrenH = (H | undefined)[];
+export type Children = Expr<ChildrenH>;
+type HText = string | number | boolean;
+export type HFragment = {
+    cn: Children;
+};
+export type HElement = {
+    tag: string;
+    p?: Expr<Props>;
+    cn: Children;
+    i?: any;
+};
+type HCompFun = {
+    tag: FComponent;
+    p?: Expr<Props>;
+    cn?: Children;
+};
+export type HCompClass = {
+    tag: CComponent;
+    p?: Expr<Props>;
+    cn: Children;
+    i: IClassComponent;
+};
+export type HComp = HCompFun | HCompClass;
+export type H = HText | HElement | HComp | HFragment;
+declare global {
+    interface Node {
+        h?: HElement | HCompFun | HCompClass;
+    }
+    export interface IUpdateContext {
+        patchElementOnly?: boolean;
+        replace?: boolean;
+    }
+    export interface Window {
+        jmx?: {
+            getnamespace: (tag: string) => string | undefined;
+        };
+    }
+}
+export declare function jsx(): HElement;
+export declare function jsxf(): HElement;
+export {};
 //# sourceMappingURL=h.d.ts.map

package/dist/h.js

@@ -1,7 +1,7 @@
-export function jsx() {
-    throw 'jmx plugin not configured';
-}
-export function jsxf() {
-    throw 'jmx plugin not configured';
-}
+export function jsx() {
+    throw 'jmx plugin not configured';
+}
+export function jsxf() {
+    throw 'jmx plugin not configured';
+}
 //# sourceMappingURL=h.js.map

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export * from './jmx';
-export * from './lib';
-export * from './base';
-export * from './h';
-export * from './jsx';
+export * from './jmx';
+export * from './lib';
+export * from './base';
+export * from './h';
+export * from './jsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,6 +1,6 @@
-export * from './jmx';
-export * from './lib';
-export * from './base';
-export * from './h';
-export * from './jsx';
+export * from './jmx';
+export * from './lib';
+export * from './base';
+export * from './h';
+export * from './jsx';
 //# sourceMappingURL=index.js.map

package/dist/jmx.d.ts

@@ -1,9 +1,9 @@
-import { Expr, H } from './h';
-export declare function createElement(tag: string): Element;
-export declare function patch(e: Node | null, h: Expr<H>): void;
-type Selector = string | Node | undefined | null;
-type Selectors = Selector[];
-export declare function updateviewuc(uc: IUpdateContext, ...sels: Selectors): void;
-export declare function updateview(...sels: Selectors): void;
-export {};
+import { Expr, H } from './h';
+export declare function createElement(tag: string): Element;
+export declare function patch(e: Node | null, h: Expr<H>): void;
+type Selector = string | Node | undefined | null;
+type Selectors = Selector[];
+export declare function updateviewuc(uc: IUpdateContext, ...sels: Selectors): void;
+export declare function updateview(...sels: Selectors): void;
+export {};
 //# sourceMappingURL=jmx.d.ts.map

package/dist/jmx.js

@@ -1,136 +1,135 @@
-import { rebind } from './base';
-export function createElement(tag) {
-    let ns = window.jmx?.getnamespace?.(tag);
-    return ns ? document.createElementNS(ns, tag) : document.createElement(tag);
-}
-let evaluate = (expr) => (expr instanceof Function ? expr() : expr);
-let removeexcesschildren = (n, i) => {
-    let c;
-    while ((c = n.childNodes[i])) {
-        c.remove();
-    }
-};
-let iswebcomponent = (h) => h.tag.includes('-');
-let isclasscomponent = (h) => h.tag?.prototype?.view;
-let iselement = (h) => typeof h.tag == 'string';
-let isfragment = (h) => {
-    return h.tag == undefined && h.cn != undefined;
-};
-let isobject = (o) => typeof o === 'object';
-let isproperty = (name, value) => ['value', 'checked', 'disabled', 'className', 'style', 'href', 'src', 'selected', 'readOnly', 'tabIndex'].includes(name) ||
-    value instanceof Object ||
-    value instanceof Function;
-let setprops = (e, newprops = {}) => {
-    let oldprops = evaluate(e.h?.p) ?? {};
-    for (let p in oldprops)
-        !(p in newprops) && isproperty(p, oldprops[p]) ? (e[p] = null) : e.removeAttribute(p);
-    for (let p in newprops)
-        isproperty(p, newprops[p]) ? (e[p] = newprops[p]) : e.setAttribute(p, newprops[p]);
-};
-function sync(p, i, h) {
-    console.log('%csync', "background:orange", p.tagName, i, h);
-    h = evaluate(h);
-    if (h === null || h === undefined)
-        return i;
-    let c = p.childNodes[i];
-    function synctextnode(text) {
-        if (c && c.nodeType == 3) {
-            if (c.textContent != text)
-                c.textContent = text;
-        }
-        else {
-            let tn = document.createTextNode(text);
-            c ? c.replaceWith(tn) : p.appendChild(tn);
-        }
-    }
-    if (isobject(h)) {
-        function syncchildren(p, h, i) {
-            evaluate(h.cn)
-                ?.flat()
-                .forEach(hc => (i = sync(p, i, hc)));
-            return i;
-        }
-        if (isfragment(h))
-            return syncchildren(p, h, i);
-        const props = evaluate(h.p);
-        if (iselement(h)) {
-            let n;
-            if (c?.tagName?.toLowerCase() != h.tag.toLowerCase()) {
-                n = createElement(h.tag);
-                c ? c.replaceWith(n) : p.appendChild(n);
-                setprops(n, props);
-                props?.mounted?.(n);
-            }
-            else {
-                n = c;
-                setprops(n, props);
-                if (props?.update?.(c, globaluc))
-                    return i + 1;
-            }
-            n.h = h;
-            if (!globaluc.patchElementOnly && !iswebcomponent(h)) {
-                const j = syncchildren(n, h, 0);
-                removeexcesschildren(n, j);
-            }
-            return i + 1;
-        }
-        switch (typeof h.tag) {
-            case 'function':
-                let isupdate = c?.h?.tag == h.tag;
-                let ci;
-                if (isclasscomponent(h)) {
-                    h.i = ci = c?.h?.i ?? rebind(new h.tag(props));
-                    ci.props = props;
-                    if (isupdate && ci.update(globaluc))
-                        return i + 1;
-                }
-                let hr = ci?.view ? ci?.view() : h.tag(props, evaluate(h.cn));
-                if (hr === undefined || hr == null)
-                    return i;
-                let j = sync(p, i, hr);
-                let cn = p.childNodes[i];
-                cn.h = h;
-                if (ci)
-                    ci.element = cn;
-                if (!isupdate)
-                    ci?.mounted?.();
-                return j;
-            case 'object':
-                return sync(p, i, h.tag);
-        }
-    }
-    synctextnode(h);
-    return i + 1;
-}
-let globaluc = {};
-export function patch(e, h) {
-    if (!e)
-        return;
-    if (globaluc.replace)
-        e.replaceChildren();
-    const p = e.parentElement;
-    const i = [].indexOf.call(p.childNodes, e);
-    sync(p, i, h);
-}
-export function updateviewuc(uc, ...sels) {
-    {
-        globaluc = uc;
-        updateviewinternal(...sels);
-    }
-}
-export function updateview(...sels) {
-    {
-        globaluc = {};
-        updateviewinternal(...sels);
-    }
-}
-function updateviewinternal(...sels) {
-    if (!sels.length)
-        sels.push('body');
-    sels.flatMap(s => (typeof s == 'string' ? [...document.querySelectorAll(s)] : s ? [s] : [])).forEach(e => {
-        if (!e?.h)
-            throw 'jmx: no h exists on the node';
-        patch(e, e.h);
-    });
-}
+import { rebind } from './base';
+export function createElement(tag) {
+    let ns = window.jmx?.getnamespace?.(tag);
+    return ns ? document.createElementNS(ns, tag) : document.createElement(tag);
+}
+let evaluate = (expr) => (expr instanceof Function ? expr() : expr);
+let removeexcesschildren = (n, i) => {
+    let c;
+    while ((c = n.childNodes[i])) {
+        c.remove();
+    }
+};
+let iswebcomponent = (h) => h.tag.includes('-');
+let isclasscomponent = (h) => h.tag?.prototype?.view;
+let iselement = (h) => typeof h.tag == 'string';
+let isfragment = (h) => {
+    return h.tag == undefined && h.cn != undefined;
+};
+let isobject = (o) => typeof o === 'object';
+let isproperty = (name, value) => ['value', 'checked', 'disabled', 'className', 'style', 'href', 'src', 'selected', 'readOnly', 'tabIndex'].includes(name) ||
+    value instanceof Object ||
+    value instanceof Function;
+let setprops = (e, newprops = {}) => {
+    let oldprops = evaluate(e.h?.p) ?? {};
+    for (let p in oldprops)
+        !(p in newprops) && isproperty(p, oldprops[p]) ? (e[p] = null) : e.removeAttribute(p);
+    for (let p in newprops)
+        isproperty(p, newprops[p]) ? (e[p] = newprops[p]) : e.setAttribute(p, newprops[p]);
+};
+function sync(p, i, h) {
+    h = evaluate(h);
+    if (h === null || h === undefined)
+        return i;
+    let c = p.childNodes[i];
+    function synctextnode(text) {
+        if (c && c.nodeType == 3) {
+            if (c.textContent != text)
+                c.textContent = text;
+        }
+        else {
+            let tn = document.createTextNode(text);
+            c ? c.replaceWith(tn) : p.appendChild(tn);
+        }
+    }
+    if (isobject(h)) {
+        function syncchildren(p, h, i) {
+            evaluate(h.cn)
+                ?.flat()
+                .forEach(hc => (i = sync(p, i, hc)));
+            return i;
+        }
+        if (isfragment(h))
+            return syncchildren(p, h, i);
+        const props = evaluate(h.p);
+        if (iselement(h)) {
+            let n;
+            if (c?.tagName?.toLowerCase() != h.tag.toLowerCase()) {
+                n = createElement(h.tag);
+                c ? c.replaceWith(n) : p.appendChild(n);
+                setprops(n, props);
+                props?.mounted?.(n);
+            }
+            else {
+                n = c;
+                setprops(n, props);
+                if (props?.update?.(c, globaluc))
+                    return i + 1;
+            }
+            n.h = h;
+            if (!globaluc.patchElementOnly && !iswebcomponent(h)) {
+                const j = syncchildren(n, h, 0);
+                removeexcesschildren(n, j);
+            }
+            return i + 1;
+        }
+        switch (typeof h.tag) {
+            case 'function':
+                let isupdate = c?.h?.tag == h.tag;
+                let ci;
+                if (isclasscomponent(h)) {
+                    h.i = ci = c?.h?.i ?? rebind(new h.tag(props));
+                    ci.props = props;
+                    if (isupdate && ci.update(globaluc))
+                        return i + 1;
+                }
+                let hr = ci?.view ? ci?.view() : h.tag(props, evaluate(h.cn));
+                if (hr === undefined || hr == null)
+                    return i;
+                let j = sync(p, i, hr);
+                let cn = p.childNodes[i];
+                cn.h = h;
+                if (ci)
+                    ci.element = cn;
+                if (!isupdate)
+                    ci?.mounted?.();
+                return j;
+            case 'object':
+                return sync(p, i, h.tag);
+        }
+    }
+    synctextnode(h);
+    return i + 1;
+}
+let globaluc = {};
+export function patch(e, h) {
+    if (!e)
+        return;
+    if (globaluc.replace)
+        e.replaceChildren();
+    const p = e.parentElement;
+    const i = [].indexOf.call(p.childNodes, e);
+    sync(p, i, h);
+}
+export function updateviewuc(uc, ...sels) {
+    {
+        globaluc = uc;
+        updateviewinternal(...sels);
+    }
+}
+export function updateview(...sels) {
+    {
+        globaluc = {};
+        updateviewinternal(...sels);
+    }
+}
+function updateviewinternal(...sels) {
+    if (!sels.length)
+        sels.push('body');
+    sels.flatMap(s => (typeof s == 'string' ? [...document.querySelectorAll(s)] : s ? [s] : [])).forEach(e => {
+        if (!e?.h)
+            throw 'jmx: no h exists on the node';
+        patch(e, e.h);
+    });
+}
 //# sourceMappingURL=jmx.js.map

package/dist/jmx.js.map

@@ -1 +1 @@
-{"version":3,"file":"jmx.js","sourceRoot":"./","sources":["jmx.ts"],"names":[],"mappings":"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","sourcesContent":["import { rebind } from './base'\r\nimport { Expr, FComponent, H, HComp, HCompClass, HElement, HFragment, IClassComponent, Props } from './h'\r\n\r\n// config\r\nexport function createElement(tag: string) {\r\n    let ns = window.jmx?.getnamespace?.(tag)\r\n    return ns ? document.createElementNS(ns, tag) : document.createElement(tag)\r\n}\r\n\r\nconst enum NodeType { // vaporizes (but for that must be in this file, otherwise not)\r\n    TextNode = 3,\r\n}\r\n\r\nlet evaluate = <T>(expr: Expr<T>): T => (expr instanceof Function ? expr() : expr)\r\nlet removeexcesschildren = (n: Element, i: number) => {\r\n    let c: ChildNode\r\n    while ((c = n.childNodes[i])) {\r\n        c.remove()\r\n    }\r\n}\r\nlet iswebcomponent = (h: HElement) => (h.tag as string).includes('-')\r\nlet isclasscomponent = (h: HComp): h is HCompClass => (h.tag as any)?.prototype?.view\r\nlet iselement = (h: any): h is HElement => typeof h.tag == 'string'\r\nlet isfragment = (h: any): h is HFragment => {\r\n    return h.tag == undefined && h.cn != undefined\r\n}\r\nlet isobject = (o: any): o is object => typeof o === 'object'\r\n\r\nlet isproperty = (name: string, value: any) =>\r\n    ['value', 'checked', 'disabled', 'className', 'style', 'href', 'src', 'selected', 'readOnly', 'tabIndex'].includes(\r\n        name\r\n    ) ||\r\n    value instanceof Object ||\r\n    value instanceof Function\r\n\r\nlet setprops = (e: Element, newprops: Props = {}) => {\r\n    let oldprops = evaluate(e.h?.p) ?? {}\r\n    for (let p in oldprops)\r\n        !(p in newprops) && isproperty(p, oldprops[p]) ? ((e as any)[p] = null) : e.removeAttribute(p)\r\n    for (let p in newprops) isproperty(p, newprops[p]) ? ((e as any)[p] = newprops[p]) : e.setAttribute(p, newprops[p])\r\n}\r\n\r\n/** syncs at position i of p. returns the number of the element past the last added element.\r\n * if no element was added (eg when h=null) then it returns i\r\n * if a fragment with 5 nodes was added, it returns i + 5\r\n * when a single element or component is added, it is i+1 since they always create exactly 1 node\r\n */\r\nfunction sync(p: Element, i: number, h: Expr<H | undefined>): number {\r\n    console.log('%csync', \"background:orange\", p.tagName, i, h)\r\n\r\n    h = evaluate(h)\r\n    if (h === null || h === undefined) return i // skip this element. not that !!h would forbid to render the number 0 or the boolean value false\r\n\r\n    let c = p.childNodes[i] // is often null, eg during fresh creation\r\n\r\n    function synctextnode(text: string) {\r\n        if (c && c.nodeType == NodeType.TextNode) {\r\n            if (c.textContent != text) c.textContent = text // firefox updates even equal text, loosing an existing text selection\r\n        } else {\r\n            let tn = document.createTextNode(text)\r\n            c ? c.replaceWith(tn) : p.appendChild(tn)\r\n        }\r\n    }\r\n\r\n    if (isobject(h)) {\r\n        // element nodes\r\n\r\n        /** synchronizes children starting at the i-th element. returns the index of the last child synchronized */\r\n        function syncchildren(p: Element, h: HElement | HComp | HFragment, i: number): number {\r\n            evaluate(h.cn)\r\n                ?.flat()\r\n                .forEach(hc => (i = sync(p, i, hc)))\r\n            return i\r\n        }\r\n\r\n        if (isfragment(h)) return syncchildren(p, h, i)\r\n\r\n        const props = evaluate(h.p)\r\n\r\n        if (iselement(h)) {\r\n            let n: Element\r\n\r\n            if ((<Element>c)?.tagName?.toLowerCase() != h.tag.toLowerCase()) {\r\n                n = createElement(h.tag)\r\n                c ? c.replaceWith(n) : p.appendChild(n)\r\n                setprops(n, props)\r\n                props?.mounted?.(n)\r\n            } else {\r\n                n = c as Element\r\n                setprops(n, props)\r\n                if (props?.update?.(c, globaluc)) return i + 1\r\n            }\r\n\r\n            // if only components shall be updateable (advantage: close variables inside component functions are always fresh materialized, avoids surprises), comment this out\r\n            n.h = h\r\n\r\n            if (!globaluc.patchElementOnly && !iswebcomponent(h as HElement)) {\r\n                // tbd: make \"island\" attribute\r\n                const j = syncchildren(n, h, 0)\r\n                removeexcesschildren(n, j)\r\n            }\r\n            return i + 1\r\n        }\r\n\r\n        switch (typeof h.tag) {\r\n            case 'function':\r\n                let isupdate = c?.h?.tag == h.tag\r\n\r\n                let ci: IClassComponent | undefined\r\n\r\n                if (isclasscomponent(h)) {\r\n                    h.i = ci = (c?.h as HCompClass)?.i ?? rebind(new h.tag(props))\r\n                    ci.props = props\r\n\r\n                    // if component instance returns truthy for update(), then syncing is susbstituted by the component\r\n                    if (isupdate && ci.update(globaluc)) return i + 1\r\n                }\r\n\r\n                // materialize the component\r\n                // we run compoents view() and fun code often, we do not compare properties to avoid their computation\r\n                // this means that the inner hr (h resolved) is run often\r\n                //\r\n                // if ci has a view, return ci.view() even if it is falsy, this is perfectly valid\r\n                let hr = ci?.view ? ci?.view() : (h.tag as FComponent)(props, evaluate(h.cn))\r\n\r\n                // a component can return undefined or null if it has no elements to show\r\n                if (hr === undefined || hr == null) return i\r\n\r\n                let j = sync(p, i, hr)\r\n\r\n                let cn = p.childNodes[i]!\r\n                cn.h = h // attach h onto the materialized component node\r\n                // ;(cn as HTMLElement).setAttribute?.('comp', '')\r\n\r\n                if (ci) ci.element = cn\r\n                if (!isupdate) ci?.mounted?.()\r\n\r\n                return j\r\n\r\n            case 'object':\r\n                return sync(p, i, h.tag) // tbd: type of h is not correct, h.tag == never\r\n        }\r\n    }\r\n    // text nodes\r\n    synctextnode(h as string)\r\n    return i + 1\r\n}\r\n\r\nlet globaluc: IUpdateContext = {}\r\n\r\nexport function patch(e: Node | null, h: Expr<H>) {\r\n    if (!e) return\r\n    if (globaluc.replace) (e as HTMLElement).replaceChildren()\r\n    const p = e.parentElement as HTMLElement\r\n    const i = [].indexOf.call<any, any, any>(p.childNodes, e)\r\n    // always called deferred, because removing elements can trigger events and their handlers (like blur)\r\n    sync(p, i, h)\r\n}\r\n\r\n// Overload signatures\r\ntype Selector = string | Node | undefined | null\r\ntype Selectors = Selector[]\r\n\r\nexport function updateviewuc(uc: IUpdateContext, ...sels: Selectors): void {\r\n    {\r\n        globaluc = uc\r\n        updateviewinternal(...sels)\r\n    }\r\n}\r\nexport function updateview(...sels: Selectors): void {\r\n    {\r\n        globaluc = {}\r\n        updateviewinternal(...sels)\r\n    }\r\n}\r\n\r\nfunction updateviewinternal(...sels: Selector[]): void {\r\n    if (!sels.length) sels.push('body')\r\n    sels.flatMap(s => (typeof s == 'string' ? [...document.querySelectorAll(s)] : s ? [s] : [])).forEach(e => {\r\n        if (!e?.h) throw 'jmx: no h exists on the node'\r\n        patch(e, e.h)\r\n    })\r\n}\r\n"]}
+{"version":3,"file":"jmx.js","sourceRoot":"./","sources":["jmx.ts"],"names":[],"mappings":"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","sourcesContent":["import { rebind } from './base'\r\nimport { Expr, FComponent, H, HComp, HCompClass, HElement, HFragment, IClassComponent, Props } from './h'\r\n\r\n// config\r\nexport function createElement(tag: string) {\r\n    let ns = window.jmx?.getnamespace?.(tag)\r\n    return ns ? document.createElementNS(ns, tag) : document.createElement(tag)\r\n}\r\n\r\nconst enum NodeType { // vaporizes (but for that must be in this file, otherwise not)\r\n    TextNode = 3,\r\n}\r\n\r\nlet evaluate = <T>(expr: Expr<T>): T => (expr instanceof Function ? expr() : expr)\r\nlet removeexcesschildren = (n: Element, i: number) => {\r\n    let c: ChildNode\r\n    while ((c = n.childNodes[i])) {\r\n        c.remove()\r\n    }\r\n}\r\nlet iswebcomponent = (h: HElement) => (h.tag as string).includes('-')\r\nlet isclasscomponent = (h: HComp): h is HCompClass => (h.tag as any)?.prototype?.view\r\nlet iselement = (h: any): h is HElement => typeof h.tag == 'string'\r\nlet isfragment = (h: any): h is HFragment => {\r\n    return h.tag == undefined && h.cn != undefined\r\n}\r\nlet isobject = (o: any): o is object => typeof o === 'object'\r\n\r\nlet isproperty = (name: string, value: any) =>\r\n    ['value', 'checked', 'disabled', 'className', 'style', 'href', 'src', 'selected', 'readOnly', 'tabIndex'].includes(\r\n        name\r\n    ) ||\r\n    value instanceof Object ||\r\n    value instanceof Function\r\n\r\nlet setprops = (e: Element, newprops: Props = {}) => {\r\n    let oldprops = evaluate(e.h?.p) ?? {}\r\n    for (let p in oldprops)\r\n        !(p in newprops) && isproperty(p, oldprops[p]) ? ((e as any)[p] = null) : e.removeAttribute(p)\r\n    for (let p in newprops) isproperty(p, newprops[p]) ? ((e as any)[p] = newprops[p]) : e.setAttribute(p, newprops[p])\r\n}\r\n\r\n/** syncs at position i of p. returns the number of the element past the last added element.\r\n * if no element was added (eg when h=null) then it returns i\r\n * if a fragment with 5 nodes was added, it returns i + 5\r\n * when a single element or component is added, it is i+1 since they always create exactly 1 node\r\n */\r\nfunction sync(p: Element, i: number, h: Expr<H | undefined>): number {\r\n    // console.log('%csync', \"background:orange\", p.tagName, i, h)\r\n\r\n    h = evaluate(h)\r\n    if (h === null || h === undefined) return i // skip this element. not that !!h would forbid to render the number 0 or the boolean value false\r\n\r\n    let c = p.childNodes[i] // is often null, eg during fresh creation\r\n\r\n    function synctextnode(text: string) {\r\n        if (c && c.nodeType == NodeType.TextNode) {\r\n            if (c.textContent != text) c.textContent = text // firefox updates even equal text, loosing an existing text selection\r\n        } else {\r\n            let tn = document.createTextNode(text)\r\n            c ? c.replaceWith(tn) : p.appendChild(tn)\r\n        }\r\n    }\r\n\r\n    if (isobject(h)) {\r\n        // element nodes\r\n\r\n        /** synchronizes children starting at the i-th element. returns the index of the last child synchronized */\r\n        function syncchildren(p: Element, h: HElement | HComp | HFragment, i: number): number {\r\n            evaluate(h.cn)\r\n                ?.flat()\r\n                .forEach(hc => (i = sync(p, i, hc)))\r\n            return i\r\n        }\r\n\r\n        if (isfragment(h)) return syncchildren(p, h, i)\r\n\r\n        const props = evaluate(h.p)\r\n\r\n        if (iselement(h)) {\r\n            let n: Element\r\n\r\n            if ((<Element>c)?.tagName?.toLowerCase() != h.tag.toLowerCase()) {\r\n                n = createElement(h.tag)\r\n                c ? c.replaceWith(n) : p.appendChild(n)\r\n                setprops(n, props)\r\n                props?.mounted?.(n)\r\n            } else {\r\n                n = c as Element\r\n                setprops(n, props)\r\n                if (props?.update?.(c, globaluc)) return i + 1\r\n            }\r\n\r\n            // if only components shall be updateable (advantage: close variables inside component functions are always fresh materialized, avoids surprises), comment this out\r\n            n.h = h\r\n\r\n            if (!globaluc.patchElementOnly && !iswebcomponent(h as HElement)) {\r\n                // tbd: make \"island\" attribute\r\n                const j = syncchildren(n, h, 0)\r\n                removeexcesschildren(n, j)\r\n            }\r\n            return i + 1\r\n        }\r\n\r\n        switch (typeof h.tag) {\r\n            case 'function':\r\n                let isupdate = c?.h?.tag == h.tag\r\n\r\n                let ci: IClassComponent | undefined\r\n\r\n                if (isclasscomponent(h)) {\r\n                    h.i = ci = (c?.h as HCompClass)?.i ?? rebind(new h.tag(props))\r\n                    ci.props = props\r\n\r\n                    // if component instance returns truthy for update(), then syncing is susbstituted by the component\r\n                    if (isupdate && ci.update(globaluc)) return i + 1\r\n                }\r\n\r\n                // materialize the component\r\n                // we run compoents view() and fun code often, we do not compare properties to avoid their computation\r\n                // this means that the inner hr (h resolved) is run often\r\n                //\r\n                // if ci has a view, return ci.view() even if it is falsy, this is perfectly valid\r\n                let hr = ci?.view ? ci?.view() : (h.tag as FComponent)(props, evaluate(h.cn))\r\n\r\n                // a component can return undefined or null if it has no elements to show\r\n                if (hr === undefined || hr == null) return i\r\n\r\n                let j = sync(p, i, hr)\r\n\r\n                let cn = p.childNodes[i]!\r\n                cn.h = h // attach h onto the materialized component node\r\n                // ;(cn as HTMLElement).setAttribute?.('comp', '')\r\n\r\n                if (ci) ci.element = cn\r\n                if (!isupdate) ci?.mounted?.()\r\n\r\n                return j\r\n\r\n            case 'object':\r\n                return sync(p, i, h.tag) // tbd: type of h is not correct, h.tag == never\r\n        }\r\n    }\r\n    // text nodes\r\n    synctextnode(h as string)\r\n    return i + 1\r\n}\r\n\r\nlet globaluc: IUpdateContext = {}\r\n\r\nexport function patch(e: Node | null, h: Expr<H>) {\r\n    if (!e) return\r\n    if (globaluc.replace) (e as HTMLElement).replaceChildren()\r\n    const p = e.parentElement as HTMLElement\r\n    const i = [].indexOf.call<any, any, any>(p.childNodes, e)\r\n    // always called deferred, because removing elements can trigger events and their handlers (like blur)\r\n    sync(p, i, h)\r\n}\r\n\r\n// Overload signatures\r\ntype Selector = string | Node | undefined | null\r\ntype Selectors = Selector[]\r\n\r\nexport function updateviewuc(uc: IUpdateContext, ...sels: Selectors): void {\r\n    {\r\n        globaluc = uc\r\n        updateviewinternal(...sels)\r\n    }\r\n}\r\nexport function updateview(...sels: Selectors): void {\r\n    {\r\n        globaluc = {}\r\n        updateviewinternal(...sels)\r\n    }\r\n}\r\n\r\nfunction updateviewinternal(...sels: Selector[]): void {\r\n    if (!sels.length) sels.push('body')\r\n    sels.flatMap(s => (typeof s == 'string' ? [...document.querySelectorAll(s)] : s ? [s] : [])).forEach(e => {\r\n        if (!e?.h) throw 'jmx: no h exists on the node'\r\n        patch(e, e.h)\r\n    })\r\n}\r\n"]}