be-hive 0.0.102 → 0.0.104

package/be-hive.js

@@ -111,6 +111,10 @@ export class BeHive extends HTMLElement {
             beEnhanced.attachAttr(namespacedName, localName);
         });
     }
+    async beatify(content) {
+        const { beatify } = await import('./beatify.js');
+        return await beatify(content, this);
+    }
     register(parentInstance) {
         const parentInstanceLocalName = parentInstance.localName;
         if (this.querySelector(parentInstanceLocalName) !== null)

package/beatify.js

@@ -0,0 +1,57 @@
+export function beatify(content, beHive, options) {
+    const clone = content.cloneNode(true);
+    options = options || {
+        cleanMicrodata: true //TODO
+    };
+    const { registeredBehaviors } = beHive;
+    const map = new Map();
+    for (const key in registeredBehaviors) {
+        const registeredBehavior = registeredBehaviors[key];
+        const { ifWantsToBe } = registeredBehavior;
+        const qry = `[be-${ifWantsToBe}]`; //TODO:  include enh-by- and data-enh-by
+        const enhancedElements = Array.from(clone.querySelectorAll(qry));
+        for (const el of enhancedElements) {
+            if (!map.has(el)) {
+                map.set(el, new Map());
+            }
+            const attr = `be-${ifWantsToBe}`;
+            const attrVal = el.getAttribute(attr);
+            const elMap = map.get(el);
+            elMap.set(ifWantsToBe, attrVal);
+            el.removeAttribute(attr);
+        }
+    }
+    for (const [el, m] of map) {
+        let be = '{';
+        for (const [key, val] of m) {
+            if (val.startsWith('{')) {
+                be += `"${key}": ${val}`;
+            }
+            else {
+                be += `"${key}": "${val}"`;
+            }
+        }
+        be += '}';
+        el.setAttribute('be', be);
+    }
+    return clone;
+    // 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) {
+    const beHive = element.getRootNode().querySelector('be-hive');
+    beatify(element, beHive);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-hive",
-  "version": "0.0.102",
+  "version": "0.0.104",
   "keywords": [
     "web-components",
     "web-component",
@@ -26,7 +26,7 @@
     "serve": "node node_modules/may-it-serve/serve.js"
   },
   "dependencies": {
-    "be-enhanced": "0.0.27"
+    "be-enhanced": "0.0.29"
   },
   "devDependencies": {
     "may-it-serve": "0.0.5"

package/types.d.ts

@@ -20,6 +20,10 @@ export interface BeHiveProps{
     
 }
 
+export interface BeatifyOptions{
+    cleanMicrodata?: boolean,
+}
+
 export interface BeHiveActions{
     intro(self: this): void;
     //onOverrides(self: this): void;