mount-observer 0.0.112 → 0.1.1

package/refid/genIds.ts

@@ -1,177 +0,0 @@
-import {nudge} from './nudge.js';
-import {getCount} from './getCount.js';
-
-const attrMap = {
-    '@': 'name',
-    '|': 'itemprop',
-};
-
-const scopeMatches = '[itemscope],fieldset';
-
-export function inScope(scopeFragment: DocumentFragment | Element, el: Element){
-    const closest = el.closest(scopeMatches);//TODO account for itemref?
-    if(closest === null) return true;
-    if(scopeFragment === closest) return true;
-    if(scopeFragment.contains(closest)) return false;
-    return true;
-}
-
-export function genIds(enhancedElement: Element){
-    // const {parentElement} = enhancedElement;
-    // if(parentElement === null) throw 404;
-    const scopeFragment = (enhancedElement.closest(scopeMatches) || enhancedElement.getRootNode()) as DocumentFragment | Element;
-
-    //first find all elements with attribute #
-    const hashTest = '[\\#]';
-    const hashIds = Array.from(scopeFragment.querySelectorAll(hashTest)).filter(x => inScope(scopeFragment, x));
-    if(scopeFragment instanceof Element && scopeFragment.matches(hashTest)) hashIds.push(scopeFragment); 
-    const uniqueCheck = new Set();
-    for(const hi of hashIds){
-        if(!(hi instanceof HTMLElement)) continue;
-        const idName = hi.getAttribute('itemscope') || hi.localName;
-        if(uniqueCheck.has(idName)) throw 500;
-        uniqueCheck.add(idName);
-        let sideEffects = '';
-        const hashValue = hi.getAttribute('#');
-        if(hashValue){
-            sideEffects = `${hashValue} `;
-        }
-        hi.dataset.id = `{{${sideEffects}${idName}}}`;
-        hi.removeAttribute('#');
-    }
-
-    //now find all elements with attribute @
-    const nameTest = '[name]:not([name=""])[\\@]';
-    const names = Array.from(scopeFragment.querySelectorAll(nameTest)).filter(x => inScope(scopeFragment, x));
-    if(scopeFragment instanceof Element && scopeFragment.matches(nameTest)) names.push(scopeFragment);
-    for(const nameEl of names){
-        if(!(nameEl instanceof HTMLElement)) continue;
-        const val = nameEl.getAttribute('name');
-        if(uniqueCheck.has(val)) throw 500;
-        uniqueCheck.add(val);
-        let sideEffects = '';
-        const nameValue = nameEl.getAttribute('@');
-        if(nameValue){
-            sideEffects = `${nameValue} `;
-        }
-        nameEl.dataset.id = `{{${sideEffects}${val}}}`;
-        nameEl.removeAttribute('@');
-    }
-
-    //now find all elements with attribute |
-    const itemScopeTest = '[itemprop]:not([itemprop=""])[\\|]';
-    const itemprops = Array.from(scopeFragment.querySelectorAll(itemScopeTest)).filter(x => inScope(scopeFragment, x));
-    if(scopeFragment instanceof Element && scopeFragment.matches(itemScopeTest)) itemprops.push(scopeFragment);
-    for(const itempropEl of itemprops){
-        if(!(itempropEl instanceof HTMLElement)) continue;
-        const val = itempropEl.getAttribute('itemprop');
-        if(uniqueCheck.has(val)) throw 500;
-        uniqueCheck.add(val);
-        let sideEffects = '';
-        const nameValue = itempropEl.getAttribute('|');
-        if(nameValue){
-            sideEffects = `${nameValue} `;
-        }
-        itempropEl.dataset.id = `{{${sideEffects}${val}}}`;
-        itempropEl.removeAttribute('|');
-    }
-    const dataIdTest = '[data-id^="{{"][data-id$="}}"]';
-    const dataIds = Array.from(scopeFragment.querySelectorAll(dataIdTest)).filter(x => inScope(scopeFragment, x));
-    if(scopeFragment instanceof Element && scopeFragment.matches(dataIdTest)) dataIds.push(scopeFragment);
-    const ids: Array<string> = [];
-    for(const di of dataIds){
-        if(!(di instanceof HTMLElement)) continue;
-        const unparsedID = di.dataset.id;
-        const inner = unparsedID?.substring(2, unparsedID.length - 2);
-        if(!inner) continue;
-        const split = inner.split(' ');
-        const id = split.length === 2 ? split[1] : split[0];
-        if(ids.includes(id)) throw 500;
-        ids.push(id);
-    }
-    if(ids.length === 0) return;
-
-    const allChildren = Array.from(scopeFragment.querySelectorAll('*')).filter(x => inScope(scopeFragment, x));
-    if(scopeFragment instanceof Element) allChildren.push(scopeFragment);
-
-    const idLookup: {[key: string]: string}  = {};
-    const base = 'gid';
-    for(const child of allChildren){
-        const attrs = child.attributes;
-        for(const attr of attrs){
-            const {name, value} = attr;
-            if(!name.startsWith('data-')) continue;
-            if(name === 'data-id'){
-                if(!value.startsWith('{{') || !value.endsWith('}}')) continue;
-                const inner = value.substring(2, value.length - 2);
-                const split = inner.split(' ');
-                const id = split.length === 2 ? split[1] : split[0];
-                if(!(id in idLookup)){
-                    idLookup[id] = `${base}-${getCount(base)}`;
-                }
-                if(split.length === 2){
-                    const sideEffects = split[0];
-                    for(const char of sideEffects){
-                        switch(char){
-                            case '@':
-                            case '|':
-                                child.setAttribute(attrMap[char], id);
-                                break;
-                            case '%':
-                                child.part.add(id);
-                                break;
-                            case '.':
-                                child.classList.add(id);
-                                break;
-
-                        }
-                    }
-                }
-                child.id = idLookup[id];
-                child.setAttribute('data-id', id);
-            }else{
-                let newValue = value;
-                for(const id of ids){
-                    const token = `{{${id}}}`;
-                    if(!newValue.includes(token)) continue;
-                    if(!(id in idLookup)){
-                        idLookup[id] = `${base}-${getCount(base)}`;
-                    }
-                    newValue = newValue.replaceAll(token, idLookup[id]);
-                    
-                }
-                if(newValue === value) continue;
-                child.setAttribute(name.substring(5), newValue);
-                child.removeAttribute(name);
-            }
-            
-        }
-        for(const attr of attrs){
-            const {name, value} = attr;
-            if(!name.startsWith('defer-')) continue;
-            const nameWithoutDefer = name.substring(6);
-            const attrWithoutDefer = child.getAttributeNode(nameWithoutDefer);
-            if(attrWithoutDefer === null) continue;
-            const valueWithoutDefer = attrWithoutDefer.value;
-            
-            let newValue = valueWithoutDefer;
-            let changeMade = false;
-            for(const id of ids){
-                const token = `{{${id}}}`;
-                if(!newValue.includes(token)) continue;
-                if(!(id in idLookup)){
-                    idLookup[id] = `${base}-${getCount(base)}`;
-                }
-                newValue = newValue.replaceAll(token, idLookup[id]);
-                changeMade = true;
-                
-            }
-            //child.setAttribute(nameWithoutDefer, newValue);
-            if(changeMade) attrWithoutDefer.value = newValue;
-            nudge(child, name);
-        }
-    }
-    if(scopeFragment instanceof Element && 'disabled' in scopeFragment){
-        nudge(scopeFragment);
-    }
-}

package/refid/getAdjRefs.js

@@ -1,38 +0,0 @@
-import { splitRefs } from './splitRefs.js';
-export function getAdjRefs(node) {
-    const returnArr = [node];
-    if (node.nodeType === node.COMMENT_NODE) {
-        const openText = node.data.split(' ')[0];
-        const closedText = `/${openText}`;
-        let ns = node.nextSibling;
-        while (ns) {
-            returnArr.push(ns);
-            if (node.nodeType === node.COMMENT_NODE && node.data === closedText) {
-                return returnArr;
-            }
-            ns = ns.nextSibling;
-        }
-    }
-    else {
-        const el = node;
-        const itemref = el.getAttribute('itemref');
-        if (itemref === null)
-            return returnArr;
-        const itemrefList = splitRefs(itemref); // itemref.split(' ').map((id) => id.trim()).filter((id) => id.length > 0);
-        if (itemrefList.length === 0)
-            return returnArr;
-        let ns = el.nextSibling;
-        while (ns !== null) {
-            if (ns instanceof Element) {
-                if (ns.id && itemrefList.includes(ns.id)) {
-                    returnArr.push(ns);
-                }
-            }
-            else {
-                return returnArr;
-            }
-            ns = ns.nextSibling;
-        }
-    }
-    return returnArr;
-}

package/refid/getAdjRefs.ts

@@ -1,38 +0,0 @@
-import { splitRefs } from './splitRefs.js';
-export function getAdjRefs(node: Node){
-    const returnArr: Array<Node> = [node];
-    if(node.nodeType === node.COMMENT_NODE){
-        const openText = (node as Comment).data.split(' ')[0];
-        const closedText = `/${openText}`;
-        let ns = node.nextSibling;
-        while(ns){
-            returnArr.push(ns);
-            if(node.nodeType === node.COMMENT_NODE && (node as Comment).data === closedText){
-                return returnArr;
-            }
-            ns = ns.nextSibling;
-        }
-    }else{
-        const el = node as Element;
-        const itemref = el.getAttribute('itemref');
-        if(itemref === null) return returnArr;
-        const itemrefList = splitRefs(itemref);// itemref.split(' ').map((id) => id.trim()).filter((id) => id.length > 0);
-        if(itemrefList.length === 0) return returnArr;
-        let ns = el.nextSibling;
-        while(ns !== null){
-            if(ns instanceof Element){
-                if(ns.id && itemrefList.includes(ns.id)){
-                    returnArr.push(ns);
-                }
-            }else{
-                return returnArr;
-            }
-            ns = ns.nextSibling;
-        }
-        
-    }
-
-    return returnArr;
-}
-
-

package/refid/getContext.js

@@ -1,13 +0,0 @@
-import './hostish.js';
-export function getContext(el, ctr) {
-    let hostish = el.hostish(false);
-    while (hostish && !(hostish instanceof ctr)) {
-        if ('hostish' in hostish) {
-            hostish = hostish.hostish();
-        }
-        else {
-            return null;
-        }
-    }
-    return hostish;
-}

package/refid/getContext.ts

@@ -1,14 +0,0 @@
-import './hostish.js';
-
-export function getContext<T extends Object>(el: Element, ctr: {new(): T}){
-    let hostish = (<any>el).hostish(false);
-    while(hostish && !(hostish instanceof ctr)){
-        if('hostish' in hostish){
-            hostish = hostish.hostish();
-        }else{
-            return null;
-        }
-        
-    }
-    return hostish;
-}

package/refid/getCount.js

@@ -1,8 +0,0 @@
-const ttGuid = '0j9qIjjR+UWYLrZ3FskVig';
-export function getCount(baseID) {
-    const key = Symbol.for(ttGuid + baseID);
-    let returnCnt = window[key] || 0;
-    const nextCnt = returnCnt + 1;
-    window[key] = nextCnt;
-    return returnCnt;
-}

package/refid/getCount.ts

@@ -1,8 +0,0 @@
-const ttGuid = '0j9qIjjR+UWYLrZ3FskVig'
-export function getCount(baseID: string){
-    const key = Symbol.for(ttGuid + baseID);
-    let returnCnt = (<any>window)[key] || 0;
-    const nextCnt = returnCnt + 1;
-    (<any>window)[key] = nextCnt;
-    return returnCnt;
-}

package/refid/getIsh.js

@@ -1,35 +0,0 @@
-import { sym, guid } from './regIsh.js';
-export async function getIsh(scope, name) {
-    let test = scope;
-    while (true) {
-        const map = test[sym];
-        if (map !== undefined) {
-            if (map.has(name)) {
-                return map.get(name);
-            }
-        }
-        if (test === document) {
-            return await watch(scope, name);
-        }
-        if (test instanceof ShadowRoot) {
-            test = test.host;
-            continue;
-        }
-        let newTest = test.parentElement;
-        if (newTest) {
-            test = newTest;
-            continue;
-        }
-        const lastTest = test;
-        test = test.getRootNode();
-        if (test === lastTest) {
-            return await watch(scope, name);
-        }
-        ;
-    }
-}
-async function watch(scope, name) {
-    const { waitForEvent } = await import('../waitForEvent.js');
-    await waitForEvent(document, guid);
-    return await getIsh(scope, name);
-}

package/refid/getIsh.ts

@@ -1,37 +0,0 @@
-import {sym, guid} from './regIsh.js';
-import {IshCtr} from '../ts-refs/mount-observer/types.js';
-export async function getIsh(scope: Element | ShadowRoot | Document | Node, name: string): Promise<IshCtr>{
-    let test = scope as any;
-    
-    while(true){
-        const map = test[sym] as Map<string, IshCtr>;
-        if(map !== undefined){
-            if(map.has(name)){
-                return map.get(name)!;
-            }
-        }
-        if(test === document){
-            return await watch(scope, name);
-        }
-        if(test instanceof ShadowRoot){
-            test = test.host;
-            continue;
-        }
-        let newTest = test.parentElement;
-        if(newTest){
-            test = newTest;
-            continue;
-        }
-        const lastTest = test;
-        test = test.getRootNode();
-        if(test === lastTest) {
-            return await watch(scope, name);
-        };
-    }
-}
-
-async function watch(scope: Element | ShadowRoot | Document | Node, name: string){
-    const {waitForEvent} = await import('../waitForEvent.js');
-    await waitForEvent(document, guid);
-    return await getIsh(scope, name);
-}

package/refid/hostish.js

@@ -1,18 +0,0 @@
-"use strict";
-Element.prototype.hostish = async function (checkSelf = true) {
-    const from = checkSelf ? this : this.hasAttribute('itemscope') ? this.parentElement : this;
-    const closest = from?.closest('[itemscope]');
-    if (closest === null || closest === undefined)
-        return this.getRootNode().host;
-    const { localName } = closest;
-    const itemScopeAttr = closest.getAttribute('itemscope');
-    if (itemScopeAttr) {
-        const { waitForIsh } = await import('mount-observer/waitForIsh.js');
-        return await waitForIsh(closest);
-    }
-    if (localName.includes('-')) {
-        await customElements.whenDefined(localName);
-        return closest;
-    }
-    return this.getRootNode().host;
-};

package/refid/hostish.ts

@@ -1,20 +0,0 @@
-interface Element{
-    hostish(): Promise<any>
-}
-Element.prototype.hostish = async function(checkSelf = true){
-    const from = checkSelf ? this : this.hasAttribute('itemscope') ? this.parentElement : this;
-    const closest = from?.closest('[itemscope]') as HTMLElement;
-    if(closest === null || closest === undefined) return (<any>this.getRootNode()).host;
-    const {localName} = closest;
-    const itemScopeAttr = closest.getAttribute('itemscope');
-    if(itemScopeAttr){
-        const {waitForIsh} = await import('mount-observer/waitForIsh.js');
-        return await waitForIsh(closest);
-    }
-    if(localName.includes('-')){
-        await customElements.whenDefined(localName);
-        return closest;
-    }
-
-    return (<any>this.getRootNode()).host;
-}

package/refid/ism.js

@@ -1,78 +0,0 @@
-import { upShadowSearch } from '../upShadowSearch.js';
-import { stdVal } from './stdVal.js';
-Object.defineProperty(HTMLElement.prototype, 'ism', {
-    get() {
-        const el = this;
-        if (!el.hasAttribute('itemscope'))
-            return;
-        return parse(el);
-    }
-});
-const parsedItempropMaps = new WeakMap();
-export function parse(el, scope = {}, scopedLists = {}) {
-    const itemprop = el.getAttribute('itemprop');
-    if (itemprop) {
-        scope[itemprop] = stdVal(el); //TODO full logic
-    }
-    const itempropmap = el.getAttribute('itempropmap');
-    if (itempropmap) {
-        //const el = document.getElementById(itempropmap);
-        const jsonEl = upShadowSearch(el, itempropmap);
-        if (!jsonEl)
-            throw 500;
-        if (!parsedItempropMaps.has(jsonEl)) {
-            parsedItempropMaps.set(jsonEl, JSON.parse(jsonEl.innerHTML));
-        }
-        const parsed = /** @type {ItemPropMap} */ (parsedItempropMaps.get(jsonEl));
-        for (const key in parsed) {
-            const attr = el.getAttribute(key);
-            if (attr === null)
-                continue;
-            const rhs = parsed[key];
-            switch (typeof rhs) {
-                case 'string':
-                    scope[rhs] = attr;
-                    break;
-                case 'object':
-                    const { instanceOf, mapsTo } = rhs;
-                    switch (instanceOf) {
-                        case 'Number':
-                        case Number:
-                            scope[mapsTo] = Number(attr);
-                            break;
-                        case 'Object':
-                        case Object:
-                        case 'Boolean':
-                        case Boolean:
-                            scope[mapsTo] = JSON.parse(attr);
-                            break;
-                    }
-            }
-        }
-    }
-    const children = Array.from(el.children);
-    let itemscopeMapToPass = scopedLists;
-    for (const child of children) {
-        if (!(child instanceof HTMLElement))
-            continue;
-        const childHasItemScopeAttr = child.hasAttribute('itemscope');
-        const objToPass = childHasItemScopeAttr ? {} : scope;
-        if (childHasItemScopeAttr) {
-            itemscopeMapToPass = {};
-        }
-        parse(child, objToPass, itemscopeMapToPass);
-        const isItemScopeAndChildHasBothItempropAndItemscope = scopedLists && child.hasAttribute('itemprop') && child.hasAttribute('itemscope');
-        if (isItemScopeAndChildHasBothItempropAndItemscope) {
-            const itemprops = child.getAttribute('itemprop').split(" ").filter(x => x);
-            for (const itemprop of itemprops) {
-                if (!scopedLists[itemprop])
-                    scopedLists[itemprop] = [];
-                scopedLists[itemprop].push(objToPass);
-            }
-        }
-    }
-    return {
-        scope,
-        scopedLists
-    };
-}

package/refid/ism.ts

@@ -1,81 +0,0 @@
-import {upShadowSearch} from '../upShadowSearch.js';
-import {stdVal} from './stdVal.js';
-
-Object.defineProperty(HTMLElement.prototype, 'ism', {
-    get(){
-        const el = this as HTMLElement;
-        if(!el.hasAttribute('itemscope')) return;
-        return parse(el);
-    }
-});
-
-type ScopedLists = {[key: string] : any[]}
-
-const parsedItempropMaps = new WeakMap<HTMLScriptElement, any>();
-
-export function parse(el: HTMLElement, scope: any = {}, scopedLists: ScopedLists = {}){
-    const itemprop = el.getAttribute('itemprop');
-    if(itemprop){
-        scope[itemprop] = stdVal(el); //TODO full logic
-    }
-    const itempropmap = el.getAttribute('itempropmap');
-    if(itempropmap){
-        //const el = document.getElementById(itempropmap);
-        const jsonEl = upShadowSearch(el, itempropmap)
-        if(!jsonEl) throw 500;
-        if(!parsedItempropMaps.has(jsonEl)){
-            parsedItempropMaps.set(jsonEl, JSON.parse(jsonEl.innerHTML));
-        }
-        const parsed =/** @type {ItemPropMap} */  (parsedItempropMaps.get(jsonEl));
-        for(const key in parsed){
-            const attr = el.getAttribute(key);
-            if(attr === null) continue;
-            const rhs = parsed[key];
-            switch(typeof rhs){
-                case 'string':
-                    scope[rhs] = attr;
-                    break;
-                case 'object':
-                    const {instanceOf, mapsTo} = rhs;
-                    switch(instanceOf){
-                        case 'Number':
-                        case Number:
-                            scope[mapsTo] = Number(attr);
-                            break;
-                        case 'Object':
-                        case Object:
-                        case 'Boolean':
-                        case Boolean:
-                            scope[mapsTo] = JSON.parse(attr);
-                            break;
-                        
-
-                    }
-            }
-        }
-
-    }
-    const children = Array.from(el.children);
-    let itemscopeMapToPass = scopedLists;
-    for(const child of children){ 
-        if(!(child instanceof HTMLElement)) continue;
-        const childHasItemScopeAttr = child.hasAttribute('itemscope')
-        const objToPass = childHasItemScopeAttr ? {} : scope;
-        if(childHasItemScopeAttr) {
-            itemscopeMapToPass = {};
-        }
-        parse(child, objToPass, itemscopeMapToPass);
-        const isItemScopeAndChildHasBothItempropAndItemscope = scopedLists && child.hasAttribute('itemprop') && child.hasAttribute('itemscope');
-        if(isItemScopeAndChildHasBothItempropAndItemscope){
-            const itemprops = child.getAttribute('itemprop')!.split(" ").filter(x => x);
-            for(const itemprop of itemprops){
-                if(!scopedLists![itemprop]) scopedLists![itemprop] = [];
-                scopedLists![itemprop].push(objToPass);
-            }
-        }
-    }
-    return {
-        scope,
-        scopedLists
-    };
-}

package/refid/itemprops.js

@@ -1,60 +0,0 @@
-"use strict";
-function getFirst(element, prop) {
-    for (const child of element.children) {
-        const itemprop = child.getAttribute('itemprop');
-        if (itemprop === prop) {
-            return child;
-        }
-        if (!child.hasAttribute('itemscope')) {
-            const found = getFirst(child, prop);
-            if (found)
-                return found;
-        }
-    }
-    return null;
-}
-const proxies = new WeakMap();
-const refLookup = new WeakMap();
-Object.defineProperty(Element.prototype, 'itemprops', {
-    get() {
-        if (!proxies.has(this)) {
-            const handler = {
-                get(target, prop) {
-                    let lookup;
-                    if (refLookup.has(target)) {
-                        lookup = refLookup.get(target);
-                    }
-                    else {
-                        lookup = new Map();
-                        refLookup.set(target, lookup);
-                    }
-                    if (lookup.has(prop)) {
-                        return lookup.get(prop);
-                    }
-                    else {
-                        const propManager = new ItempropManager(target, prop);
-                        lookup.set(prop, propManager);
-                        return propManager;
-                    }
-                },
-            };
-            proxies.set(this, new Proxy(this, handler));
-        }
-        return proxies.get(this);
-    }
-});
-class ItempropManager extends EventTarget {
-    #el;
-    #prop;
-    constructor(el, prop) {
-        super();
-        this.#el = new WeakRef(el);
-        this.#prop = prop;
-    }
-    get first() {
-        const el = this.#el.deref();
-        if (el === undefined)
-            return null;
-        return getFirst(el, this.#prop);
-    }
-}