be-hive 0.0.93 → 0.0.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-hive",
-  "version": "0.0.93",
+  "version": "0.0.95",
   "keywords": [
     "web-components",
     "web-component",
@@ -18,21 +18,20 @@
     "./getLocalName.js": "./getLocalName.js"
   },
   "files": [
-    "*.*"
+    "*.js",
+    "types.d.ts"
   ],
   "types": "types.d.ts",
   "scripts": {
     "serve": "node node_modules/may-it-serve/serve.js",
     "test": "playwright test",
-    "package-check": "package-check",
-    "doc": "custom-elements-manifest analyze",
     "safari": "npx playwright wk http://localhost:3030"
   },
   "dependencies": {
-    "be-enhanced": "0.0.18"
+    "be-enhanced": "0.0.20"
   },
   "devDependencies": {
-    "@playwright/test": "1.33.0",
+    "@playwright/test": "1.34.0",
     "may-it-serve": "0.0.5"
   },
   "repository": {

package/.gitignore

@@ -1 +0,0 @@
-/node_modules

package/IDMonitor.void

@@ -1,32 +0,0 @@
-import {BeHive} from './be-hive.js';
-import { IHasID } from './types.js';
-export class IDMonitor{
-    #mut: MutationObserver;
-    constructor(public instance: BeHive){
-        const config: MutationObserverInit = { childList: true};
-        instance.querySelectorAll('*').forEach(element => {
-            const {id} = element;
-            if(id){
-                instance.define({element, meta: {}}, false);
-            }
-        })
-        this.#mut = new MutationObserver((mutationList: MutationRecord[]) => {
-            for(const mutation of mutationList){
-                const {addedNodes} = mutation;
-                if(addedNodes !== undefined){
-                    for(const addedNode of addedNodes){
-                        const element = addedNode as any as IHasID;
-                        const {id} = element
-                        if(id){
-                            instance.define({element, meta: {}}, false);
-                        }
-                    }
-                }
-            }
-        });
-        this.#mut.observe(instance, config);
-    }
-    dispose(){
-        this.#mut.disconnect();
-    }
-}

package/be-hive.ts

@@ -1,175 +0,0 @@
-import {BeHiveProps, BeHiveActions, BehaviorKeys, IHasID, IDisposable} from './types';
-import {BeEnhanced} from 'be-enhanced/beEnhanced.js';
-import 'be-enhanced/beEnhanced.js';
-export class BeHive extends HTMLElement{
-
-    constructor(){
-        super();
-        this.registeredBehaviors = {};
-
-    }
-    async connectedCallback(){
-        this.hidden = true;
-        const overridesAttr = this.getAttribute('overrides');
-        if(overridesAttr !== null){
-            this.overrides = JSON.parse(overridesAttr);
-        }else{
-            this.overrides = {};
-        }
-        this.#getInheritedBehaviors();
-        this.#addMutationObserver();
-    }
-
-    disconnectedCallback(){
-        if(this.#mutationObserver !== undefined){
-            this.#mutationObserver.disconnect();
-        }
-    }
-
-
-    #getInheritedBehaviors(){
-        const rn = this.getRootNode();
-        const host = (<any>rn).host;
-        if(!host) return;
-        const parentShadowRealm = host.getRootNode();
-        const parentBeHiveInstance = parentShadowRealm.querySelector('be-hive') as BeHiveProps & Element;
-        if(parentBeHiveInstance !== null){
-            const {registeredBehaviors} = parentBeHiveInstance;
-            for(const key in registeredBehaviors){
-                this.register(registeredBehaviors[key]);
-            }
-
-            parentBeHiveInstance.addEventListener('latest-behavior-changed', (e: Event) => {
-                this.register((<any>e).detail.value);
-            });
-
-            
-        }
-    }
-
-    #mutationObserver: MutationObserver | undefined;
-
-    
-    #addMutationObserver(){
-        const rn = this.getRootNode() as DocumentFragment;
-        const config = { attributes: true, childList: true, subtree: true } as MutationObserverInit;
-        const callback = (mutationList: MutationRecord[], observer: MutationObserver) => {
-
-            for (const mutation of mutationList) {
-                if (mutation.type === "childList") {
-                    //console.log("A child node has been added or removed.");
-                    for(const node of mutation.addedNodes){
-                        this.#inspectNewNode(node);
-                    }
-                    for(const node of mutation.removedNodes){
-                        const beEnhanced = (<any>node).beEnhanced;
-                        if(beEnhanced === undefined) continue;
-                        for(const key in beEnhanced){
-                            const enhancement = beEnhanced[key];
-                            const detach = enhancement['detach'];
-                            if(typeof(detach) === 'function'){
-                                detach(node);
-                            }
-                        }
-                    }
-                } else if (mutation.type === "attributes") {
-
-                    //console.log(`The ${mutation.attributeName} attribute was modified.`);
-                }
-            }
-        };
-        
-        // Create an observer instance linked to the callback function
-        const observer = new MutationObserver(callback);
-        observer.observe(rn, config);
-        this.#mutationObserver = observer;
-    }
-
-    #inspectNewNode(node: Node){
-        if(!(node instanceof Element)) return;
-        const {registeredBehaviors} = this;
-        for(const key in registeredBehaviors){
-            const registeredBehavior = registeredBehaviors[key];
-            const {upgrade} = registeredBehavior;
-            const attr = '[' + key + ']';
-            if(node.matches(upgrade) && node.matches(attr)){
-                const {beEnhanced} : {beEnhanced: BeEnhanced} = (<any>node);
-                //console.log("behive: attachAttr");
-                beEnhanced.attachAttr(key);
-            }
-        }
-    }
-
-
-    #scanForSingleRegisteredBehavior(localName: string, behaviorKeys: BehaviorKeys){
-        const {ifWantsToBe, upgrade} = behaviorKeys;
-        const attr = `${upgrade}[${localName}]`;
-        const rn = this.getRootNode() as DocumentFragment;
-        rn.querySelectorAll(attr).forEach(el => {
-            const {beEnhanced} : {beEnhanced: BeEnhanced} = (<any>el);
-            //console.log("behive: attachAttr");
-            beEnhanced.attachAttr(localName);
-        })
-    }
-
-    register(parentInstance: BehaviorKeys){
-        const parentInstanceLocalName =  parentInstance.localName;
-        if(this.querySelector(parentInstanceLocalName) !== null) return;
-        const override =  this.overrides[parentInstanceLocalName];
-        let newInstanceTagName = parentInstanceLocalName;
-        let newIfWantsToBe = parentInstance.ifWantsToBe;
-        let newDisabled = parentInstance.disabled;
-        
-        if(override !== undefined){
-            const {ifWantsToBe, block, unblock} = override;
-            if(block) {
-                newDisabled = true;
-            } else if(unblock){
-                newDisabled = false;
-            }
-
-            if(ifWantsToBe){
-                newIfWantsToBe = ifWantsToBe;
-                newInstanceTagName = 'be-' + ifWantsToBe;
-            }
-        }
-        const beSevered = this.hasAttribute('be-severed');
-        if(beSevered) newDisabled = true;
-        const newBehaviorEl = document.createElement('template');
-        Object.assign(newBehaviorEl.dataset, {
-            localName: parentInstanceLocalName,
-            ifWantsToBe: newIfWantsToBe,
-            upgrade: parentInstance.upgrade,
-        });
-        //parentInstanceLocalName
-        // newBehaviorEl.setAttribute('if-wants-to-be', newIfWantsToBe);
-        // newBehaviorEl.setAttribute('upgrade', parentInstance.upgrade);
-        if(newDisabled) newBehaviorEl.setAttribute('disabled', '');
-        this.appendChild(newBehaviorEl);
-        const newRegisteredBehavior: BehaviorKeys = {
-            ...parentInstance,
-            ifWantsToBe: newIfWantsToBe,
-            disabled: newDisabled,
-        };
-            
-        this.registeredBehaviors[parentInstanceLocalName] = newRegisteredBehavior;
-        this.#scanForSingleRegisteredBehavior(parentInstanceLocalName, newRegisteredBehavior);
-        //console.log({newRegisteredBehavior});
-        this.dispatchEvent(new CustomEvent('latest-behavior-changed', {
-            detail:{
-                value: newRegisteredBehavior,
-            }
-        }));
-        //this.latestBehaviors = [...this.latestBehaviors, newRegisteredBehavior];
-        //this.#doSweepingScan();
-        return newBehaviorEl;
-    }
-
-
-}
-
-if(!customElements.get('be-hive')){
-    customElements.define('be-hive', BeHive);
-}
-
-export interface BeHive extends BeHiveProps{}

package/beatify.ts

@@ -1,23 +0,0 @@
-export function beatify(content: DocumentFragment | Element, beHive: Element){
-    const decoratorElements = Array.from(beHive.children) as any;
-    
-    for(const decorEl of decoratorElements){
-        const ifWantsToBe = (decorEl as any as Element).getAttribute('if-wants-to-be');
-        if(ifWantsToBe === undefined) continue;
-        const isAttr = 'is-' + ifWantsToBe;
-        const beAttr = 'be-' + ifWantsToBe;
-        const qry = `[${isAttr}]`;
-        const converted = Array.from(content.querySelectorAll(qry));
-        if((content as Element).matches !== undefined && (content as Element).matches(qry)) converted.push(content as Element);
-        for(const el of converted){
-            const attr = el.getAttribute(isAttr)!;
-            el.removeAttribute(isAttr);
-            el.setAttribute(beAttr, attr);
-        }
-    }
-}
-
-export function beBeatified(element: Element){
-    const beHive = (element.getRootNode() as ShadowRoot).querySelector('be-hive') as Element;
-    beatify(element, beHive);    
-}

package/getLocalName.ts

@@ -1,28 +0,0 @@
-import {LatestBehaviorEvent} from './types';
-
-export function getLocalName(peerCitizen: Element, decoratorName: string): Promise<string>{
-    return new Promise((resolve, reject) => {
-        const rn = peerCitizen.getRootNode() as Element;
-        const bh = rn.querySelector('be-hive');
-        if(bh === null) {
-            reject('404');
-            return;
-        }
-        
-        const wc = bh.querySelector(decoratorName);
-        if(wc !== null){
-            resolve((<any>bh).ifWantsToBe);
-            return;
-        }
-        const controller = new AbortController();
-        bh.addEventListener('latest-behavior-changed', e => {
-            const detail = (e as CustomEvent).detail as LatestBehaviorEvent;
-            const {localName, ifWantsToBe} = detail.value;
-            if(localName === decoratorName){
-                resolve(ifWantsToBe);
-                controller.abort();
-            }
-        });
-    });
-
-}

package/playwright.config.ts

@@ -1,28 +0,0 @@
-// playwright.config.ts
-import { PlaywrightTestConfig, devices } from '@playwright/test';
-const config: PlaywrightTestConfig = {
-  webServer: {
-    command: 'npm run serve',
-    url: 'http://localhost:3030/',
-    timeout: 120 * 1000,
-    reuseExistingServer: !process.env.CI,
-  },
-  use: {
-    baseURL: 'http://localhost:3030/',
-  },
-  projects: [
-    // {
-    //   name: 'chromium',
-    //   use: { ...devices['Desktop Chrome'] },
-    // },
-    // {
-    //   name: 'firefox',
-    //   use: { ...devices['Desktop Firefox'] },
-    // },
-    // {
-    //   name: 'webkit',
-    //   use: { ...devices['Desktop Safari'] },
-    // },
-  ],
-};
-export default config;

package/register.ts

@@ -1,15 +0,0 @@
-import {BeHiveActions} from './types';
-import('./be-hive.js');
-export async function register(ifWantsToBe: string, upgrade: string, extTagName: string){
-    let beHive = document.querySelector('be-hive') as Element & BeHiveActions;
-    if(beHive===null){
-        beHive = document.body.appendChild(document.createElement('be-hive'))  as any as Element & BeHiveActions;
-    }
-    await customElements.whenDefined('be-hive');
-    return beHive.register({
-        ifWantsToBe,
-        upgrade,
-        localName: extTagName,
-    });
-    
-}

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-	"compilerOptions": {
-		"target": "ESNext",
-		"module": "ESNext",
-		"sourceMap": false,
-		"experimentalDecorators": false,
-		"newLine": "LF",
-		"strict": true,
-		"watch": true
-	},
-	"files": [
-		"be-hive.ts",
-		"register.ts",
-		"beatify.ts",
-		"getLocalName.ts"
-	],
-	"exclude":[
-		"build",
-		"bower_components",
-		"node_modules"
-	]
-
-}