be-hive 0.0.74 → 0.0.76

package/be-hive.js

@@ -1,8 +1,22 @@
-import { CE } from 'trans-render/lib/CE.js';
-export class BeHiveCore extends HTMLElement {
-    registeredBehaviors = {};
-    intro({ beSevered }) {
-        if (beSevered)
+export class BeHive extends HTMLElement {
+    constructor() {
+        super();
+        this.registeredBehaviors = {};
+    }
+    connectedCallback() {
+        this.style.display = 'none';
+        const overridesAttr = this.getAttribute('overrides');
+        if (overridesAttr !== null) {
+            this.overrides = JSON.parse(overridesAttr);
+        }
+        else {
+            this.overrides = {};
+        }
+        this.#getInheritedBehaviors();
+    }
+    #getInheritedBehaviors() {
+        const beSevered = this.getAttribute('be-severed');
+        if (beSevered !== null)
             return;
         const rn = this.getRootNode();
         const host = rn.host;
@@ -45,42 +59,15 @@ export class BeHiveCore extends HTMLElement {
             ifWantsToBe: newIfWantsToBe,
         };
         this.registeredBehaviors[parentInstanceLocalName] = newRegisteredBehavior;
-        this.latestBehaviors = [...this.latestBehaviors, newRegisteredBehavior];
+        this.dispatchEvent(new CustomEvent('latest-behavior-changed', {
+            detail: {
+                value: newRegisteredBehavior,
+            }
+        }));
+        //this.latestBehaviors = [...this.latestBehaviors, newRegisteredBehavior];
         return newBehaviorEl;
     }
-    onLatestBehaviors({}) {
-        if (this.latestBehaviors.length === 0)
-            return;
-        for (const behavior of this.latestBehaviors) {
-            this.dispatchEvent(new CustomEvent('latest-behavior-changed', {
-                detail: {
-                    value: behavior,
-                }
-            }));
-        }
-        this.latestBehaviors = [];
-    }
 }
-const tagName = 'be-hive';
-const ce = new CE({
-    config: {
-        tagName,
-        propDefaults: {
-            overrides: {},
-            isC: true,
-            beSevered: false,
-            latestBehaviors: []
-        },
-        actions: {
-            intro: {
-                ifAllOf: ['isC'],
-            },
-            onLatestBehaviors: 'latestBehaviors'
-        },
-        style: {
-            display: 'none',
-        }
-    },
-    superclass: BeHiveCore
-});
-export const BeHive = ce.classDef;
+if (!customElements.get('be-hive')) {
+    customElements.define('be-hive', BeHive);
+}

package/be-hive.ts

@@ -1,11 +1,24 @@
-import {CE} from 'trans-render/lib/CE.js';
 import {BeHiveProps, BeHiveActions, BehaviorKeys} from './types';
+export class BeHive extends HTMLElement{
+    constructor(){
+        super();
+        this.registeredBehaviors = {};
+    }
+    connectedCallback(){
+        this.style.display = 'none';
+        const overridesAttr = this.getAttribute('overrides');
+        if(overridesAttr !== null){
+            this.overrides = JSON.parse(overridesAttr);
+        }else{
+            this.overrides = {};
+        }
+        
+        this.#getInheritedBehaviors();
+    }
 
-export class BeHiveCore extends HTMLElement implements BeHiveActions{
-    registeredBehaviors: {[key: string]: BehaviorKeys} = {};
-
-    intro({beSevered}: this){
-        if(beSevered) return;
+    #getInheritedBehaviors(){
+        const beSevered = this.getAttribute('be-severed');
+        if(beSevered !== null) return;
         const rn = this.getRootNode();
         const host = (<any>rn).host;
         if(!host) return;
@@ -23,7 +36,6 @@ export class BeHiveCore extends HTMLElement implements BeHiveActions{
         }
     }
 
-
     register(parentInstance: BehaviorKeys){
         const parentInstanceLocalName =  parentInstance.localName;
         if(this.querySelector(parentInstanceLocalName) !== null) return;
@@ -50,50 +62,20 @@ export class BeHiveCore extends HTMLElement implements BeHiveActions{
         };
             
         this.registeredBehaviors[parentInstanceLocalName] = newRegisteredBehavior;
-        this.latestBehaviors = [...this.latestBehaviors, newRegisteredBehavior];
+        this.dispatchEvent(new CustomEvent('latest-behavior-changed', {
+            detail:{
+                value: newRegisteredBehavior,
+            }
+        }));
+        //this.latestBehaviors = [...this.latestBehaviors, newRegisteredBehavior];
         return newBehaviorEl;
     }
 
 
-    onLatestBehaviors({}: this): void {
-        if(this.latestBehaviors.length === 0) return;
-        for(const behavior of this.latestBehaviors){
-            this.dispatchEvent(new CustomEvent('latest-behavior-changed', {
-                detail:{
-                    value: behavior,
-                }
-            }))
-        }
-        this.latestBehaviors = [];
-    }
 }
 
-export interface BeHiveCore extends BeHiveProps{}
-
-const tagName = 'be-hive';
-
-const ce = new CE<BeHiveProps, BeHiveActions>({
-    config:{
-        tagName,
-        propDefaults:{
-            overrides: {},
-            isC: true,
-            beSevered: false,
-            latestBehaviors: []
-        },
-        actions:{
-            intro:{
-                ifAllOf:['isC'],
-            },
-            onLatestBehaviors: 'latestBehaviors'
-        },
-        style:{
-            display: 'none',
-        }
-    },
-    superclass: BeHiveCore
-});
-
-export const BeHive = ce.classDef!;
-
+if(!customElements.get('be-hive')){
+    customElements.define('be-hive', BeHive);
+}
 
+export interface BeHive extends BeHiveProps{}

package/be-hive.void

@@ -0,0 +1,99 @@
+import {CE} from 'trans-render/lib/CE.js';
+import {BeHiveProps, BeHiveActions, BehaviorKeys} from './types';
+
+export class BeHiveCore extends HTMLElement implements BeHiveActions{
+    registeredBehaviors: {[key: string]: BehaviorKeys} = {};
+
+    intro({beSevered}: this){
+        if(beSevered) return;
+        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);
+            });
+        }
+    }
+
+
+    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;
+        if(override !== undefined){
+            const {ifWantsToBe, block} = override;
+            if(block) return;
+            if(ifWantsToBe !== null){
+                newIfWantsToBe = ifWantsToBe;
+                newInstanceTagName = 'be-' + ifWantsToBe;
+            }
+        }
+        
+        const newBehaviorEl = document.createElement(parentInstanceLocalName);
+        newBehaviorEl.setAttribute('if-wants-to-be', newIfWantsToBe);
+        newBehaviorEl.setAttribute('upgrade', parentInstance.upgrade);
+        this.appendChild(newBehaviorEl);
+        const newRegisteredBehavior: BehaviorKeys = {
+            ...parentInstance,
+            ifWantsToBe: newIfWantsToBe,
+            
+        };
+            
+        this.registeredBehaviors[parentInstanceLocalName] = newRegisteredBehavior;
+        this.latestBehaviors = [...this.latestBehaviors, newRegisteredBehavior];
+        return newBehaviorEl;
+    }
+
+
+    onLatestBehaviors({}: this): void {
+        if(this.latestBehaviors.length === 0) return;
+        for(const behavior of this.latestBehaviors){
+            this.dispatchEvent(new CustomEvent('latest-behavior-changed', {
+                detail:{
+                    value: behavior,
+                }
+            }))
+        }
+        this.latestBehaviors = [];
+    }
+}
+
+export interface BeHiveCore extends BeHiveProps{}
+
+const tagName = 'be-hive';
+
+const ce = new CE<BeHiveProps, BeHiveActions>({
+    config:{
+        tagName,
+        propDefaults:{
+            overrides: {},
+            isC: true,
+            beSevered: false,
+            latestBehaviors: []
+        },
+        actions:{
+            intro:{
+                ifAllOf:['isC'],
+            },
+            onLatestBehaviors: 'latestBehaviors'
+        },
+        style:{
+            display: 'none',
+        }
+    },
+    superclass: BeHiveCore
+});
+
+export const BeHive = ce.classDef!;
+
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-hive",
-  "version": "0.0.74",
+  "version": "0.0.76",
   "keywords": [
     "web-components",
     "web-component",
@@ -27,17 +27,14 @@
     "package-check": "package-check",
     "doc": "custom-elements-manifest analyze"
   },
-  "dependencies": {
-    "trans-render": "0.0.626"
-  },
   "devDependencies": {
     "@playwright/test": "1.27.1",
     "@skypack/package-check": "0.2.2",
     "may-it-serve": "0.0.3",
     "@custom-elements-manifest/analyzer": "0.6.4",
-    "xtal-editor": "0.0.196",
     "xtal-shell": "0.0.27",
-    "be-functional": "0.0.13"
+    "be-functional": "0.0.15",
+    "be-exportable": "0.0.41"
   },
   "repository": {
     "type": "git",

package/playwright.config.ts

@@ -11,10 +11,10 @@ const config: PlaywrightTestConfig = {
     baseURL: 'http://localhost:3030/',
   },
   projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
-    },
+    // {
+    //   name: 'chromium',
+    //   use: { ...devices['Desktop Chrome'] },
+    // },
     // {
     //   name: 'firefox',
     //   use: { ...devices['Desktop Firefox'] },