0.0.50

bahrus · Apr 21, 2024 · 7f8bbba · 7f8bbba
1 parent d9e43b6
commit 7f8bbba
Show file tree

Hide file tree

Showing 9 changed files with 52 additions and 39 deletions.
diff --git a/be-a-beacon.ts b/be-a-beacon.ts
@@ -1,8 +1,9 @@
 import {config as beCnfg} from 'be-enhanced/config.js';
 import {BE, BEConfig} from 'be-enhanced/BE.js';
 import {Actions, AllProps, AP, PAP} from './types';
-import { IEnhancement, PropInfo,  BEAllProps} from './be-enhanced/types';
+import { PropInfo,  } from './be-enhanced/types';
 import { Positractions } from 'trans-render/froop/types';
+import {IEnhancement,  BEAllProps} from 'trans-render/be/types';
 
 export class BeABeacon extends BE implements Actions{
     static override config: BEConfig<AP & BEAllProps, Actions & IEnhancement, any> = {

diff --git a/be-enhanced b/be-enhanced
diff --git a/be-hive b/be-hive
diff --git a/behivior.js b/behivior.js
@@ -1,9 +1,18 @@
-import { register } from 'be-hive/register.js';
+//import {register} from 'be-hive/register.js';
 //import {tagName } from './be-a-beacon.js';
 import { BeABeacon } from './be-a-beacon.js';
 import { def } from 'trans-render/lib/def.js';
+import { BeHive } from 'be-hive/be-hive.js';
 await BeABeacon.bootUp();
 def('be-a-beacon', BeABeacon);
-const ifWantsToBe = 'a-beacon';
-const upgrade = '*';
-register(ifWantsToBe, upgrade, 'be-a-beacon');
+BeHive.registry.register({
+    base: 'be-a-beacon',
+    do: {
+        mount: {
+            import: async () => {
+                const { BeABeacon } = await import('./be-a-beacon.js');
+                return BeABeacon;
+            }
+        }
+    }
+});
diff --git a/behivior.ts b/behivior.ts
@@ -1,13 +1,22 @@
-import {register} from 'be-hive/register.js';
+//import {register} from 'be-hive/register.js';
 //import {tagName } from './be-a-beacon.js';
 import {BeABeacon} from './be-a-beacon.js';
 import {def} from 'trans-render/lib/def.js';
+import {BeHive} from 'be-hive/be-hive.js'
 
 await BeABeacon.bootUp();
 
 def('be-a-beacon', BeABeacon);
 
-const ifWantsToBe = 'a-beacon';
-const upgrade = '*';
+BeHive.registry.register({
+    base: 'be-a-beacon',
+    do:{
+        mount:{
+            import: async () => {
+                const {BeABeacon} = await import('./be-a-beacon.js');
+                return BeABeacon;
+            }
+        }
+    }
+});
 
-register(ifWantsToBe, upgrade, 'be-a-beacon');
diff --git a/demo/dev.html b/demo/dev.html
@@ -4,13 +4,19 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Test 1</title>
 </head>
 <body>
-    <template id='beacon' be-a-beacon>
-        <template be-a-beacon></template>
-    </template>
-    <div id="target"></div>
+    <template id='beacon' be-a-beacon></template>
+    <div id='target'></div>
+    <script>
+        beacon.addEventListener('i-am-here', e => {
+            target.setAttribute('mark', 'good');
+        });
+        beacon.addEventListener('be-decorated.a-beacon.resolved', e=> {
+            console.log(e);
+        });
+    </script>
     <table>
         <tbody>
             <tr>
@@ -19,35 +25,20 @@
         </tbody>
         <template be-a-beacon></template>
     </table>
-    <button onclick="expandTemplate()">expand</button>
     <script type=importmap>
         {
             "imports": {
-                "trans-render/": "../node_modules/trans-render/",
-                "xtal-element/": "../node_modules/xtal-element/",
-                "be-enhanced/": "../be-enhanced/",
-                "be-hive/":  "../be-hive/"
+                "be-enhanced/": "/be-enhanced/",
+                "be-hive/":  "/be-hive/",
+                "mount-observer/": "/mount-observer/",
+                "trans-render/": "/trans-render/"
+
             }
         }
     </script>
     <script type=module>
-        import '../be-a-beacon.js';
-    </script>
-    <script type="module">
-        beacon.addEventListener('i-am-here', e => {
-            console.log(e);
-        });
-        await customElements.whenDefined('be-enhanced');
-        const enhancer = await beacon.beEnhanced.whenDefined('be-a-beacon');
-        console.log({isResolved: enhancer.resolved});
-        enhancer.addEventListener('resolved-changed', e => {
-            console.log({e})
-        });
-    </script>
-    <script>
-        function expandTemplate(){
-            target.appendChild(beacon.content.cloneNode(true));
-        }
+        import '../behivior.js';
     </script>
+
 </body>
 </html>
diff --git a/mount-observer b/mount-observer
diff --git a/trans-render b/trans-render
diff --git a/types.d.ts b/types.d.ts
@@ -1,7 +1,7 @@
 import { ActionOnEventConfigs } from "trans-render/froop/types";
-import {IBE} from 'be-enhanced/types';
+import {IEnhancement} from 'trans-render/be/types';
 
-export interface EndUserProps extends IBE{
+export interface EndUserProps extends IEnhancement{
     eventName: string, //TODO
 }
 export interface AllProps extends EndUserProps{}