0.0.5

bahrus · Jun 4, 2023 · ce1d00f · ce1d00f
1 parent a9a464f
commit ce1d00f
Show file tree

Hide file tree

Showing 5 changed files with 202 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -24,6 +24,7 @@
     "be-enhanced": "0.0.25",
     "be-exportable": "0.0.75",
     "be-hive": "0.0.99",
+    "be-linked": "0.0.15",
     "be-propagating": "0.0.11",
     "obj-ml": "0.0.9",
     "trans-render": "0.0.684"

diff --git a/v2/be-derived.js b/v2/be-derived.js
@@ -4,7 +4,7 @@ import { register } from 'be-hive/register.js';
 export class BeDerived extends BE {
     static get beConfig() {
         return {
-            parse: false,
+            parse: true,
         };
     }
     async attach(enhancedElement, enhancementInfo) {
@@ -14,10 +14,18 @@ export class BeDerived extends BE {
         const derivedObject = {};
         const { childrenParsed } = await import('be-a-beacon/childrenParsed.js');
         await childrenParsed(enhancedElement);
-        console.log('do the processing');
+        let itempropElements = Array.from(enhancedElement.querySelectorAll('[itemprop]'));
+        itempropElements = itempropElements.filter(x => x.closest('[itemscope]') === enhancedElement);
+        const { getItemPropVal } = await import('be-linked/getItemPropVal.js'); //TODO:  rename
+        for (const itempropElement of itempropElements) {
+            derivedObject[itempropElement.getAttribute('itemprop')] = await getItemPropVal(itempropElement);
+        }
+        this.derivedObject = derivedObject;
+        this.resolved = true;
     }
     logToConsole(self) {
         const { derivedObject } = self;
+        console.log({ derivedObject });
     }
 }
 const tagName = 'be-derived';
@@ -28,6 +36,7 @@ const xe = new XE({
         tagName,
         propDefaults: {
             ...propDefaults,
+            log: false,
         },
         propInfo: {
             ...propInfo

diff --git a/v2/be-derived.ts b/v2/be-derived.ts
@@ -8,7 +8,7 @@ import { JSONObject } from 'trans-render/lib/types';
 export class BeDerived extends BE<AP, Actions> implements Actions{
     static override get beConfig(): BEConfig<any> {
         return {
-            parse: false,
+            parse: true,
         }
     }
 
@@ -18,12 +18,19 @@ export class BeDerived extends BE<AP, Actions> implements Actions{
         const derivedObject: JSONObject = {};
         const {childrenParsed} = await import('be-a-beacon/childrenParsed.js');
         await childrenParsed(enhancedElement);
-        console.log('do the processing');
+        let itempropElements = Array.from(enhancedElement.querySelectorAll('[itemprop]'));
+        itempropElements = itempropElements.filter(x => x.closest('[itemscope]') === enhancedElement);
+        const {getItemPropVal} = await import('be-linked/getItemPropVal.js'); //TODO:  rename
+        for(const itempropElement of itempropElements){
+            derivedObject[itempropElement.getAttribute('itemprop')!] = await getItemPropVal(itempropElement);
+        }
+        this.derivedObject = derivedObject;
+        this.resolved = true;
     }
 
     logToConsole(self: this): void {
         const {derivedObject} = self;
-
+        console.log({derivedObject});
     }
 }
 
@@ -38,6 +45,7 @@ const xe = new XE<AP, Actions>({
         tagName,
         propDefaults: {
             ...propDefaults,
+            log: false,
         },
         propInfo:{
             ...propInfo

diff --git a/v2/demo/dev.html b/v2/demo/dev.html
@@ -7,7 +7,7 @@
     <title>Document</title>
 </head>
 <body>
-    <div itemscope be-derived>
+    <div itemscope be-derived='{"log": true}'>
         <data be-a-beacon itemprop="count" value=30>Thirty</data>
     </div>
     <script type=importmap>
@@ -16,6 +16,9 @@
                 "be-a-beacon/": "../../node_modules/be-a-beacon/",
                 "be-enhanced/": "../../node_modules/be-enhanced/",
                 "be-hive/": "../../node_modules/be-hive/",
+                "be-intl/": "../../node_modules/be-intl/",
+                "be-linked/": "../../node_modules/be-linked/",
+                "be-propagating/": "../../node_modules/be-propagating/",
                 "trans-render/": "../../node_modules/trans-render/",
                 "xtal-element/": "../../node_modules/xtal-element/"
             }