@fluffjs/fluff 0.1.7 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluffjs/fluff",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",

package/runtime/FluffBase.js

@@ -89,6 +89,9 @@ export class FluffBase extends HTMLElement {
                     this.__baseSubscriptions.push(sub);
                 }
             }
+            else if (!(propName in scope.locals) && !(propName in scope.host)) {
+                console.warn(`Binding dependency "${propName}" not found on component ${scope.host.constructor.name}`);
+            }
         }
     }
     __getReactivePropFromScope(propName, scope) {
@@ -155,6 +158,9 @@ export class FluffBase extends HTMLElement {
                     if (el instanceof FluffBase) {
                         update();
                     }
+                    else {
+                        console.warn(`Element <${tagName}> is not a FluffBase instance after whenDefined - binding for "${binding.n}" skipped`);
+                    }
                 });
             }
         }

package/runtime/FluffElementImpl.js

@@ -269,9 +269,6 @@ export class FluffElement extends FluffBase {
             if (closestComponent && closestComponent !== el)
                 continue;
             if (el instanceof HTMLElement) {
-                const tagName = el.tagName.toLowerCase();
-                if (customElements.get(tagName))
-                    continue;
                 this.__processBindingsOnElement(el, scope);
             }
         }

package/runtime/tests/TestDirectChildComponent.d.ts

@@ -0,0 +1,6 @@
+import { FluffElement } from '../FluffElement.js';
+export declare class TestDirectChildComponent extends FluffElement {
+    value: string;
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestDirectChildComponent.js

@@ -0,0 +1,10 @@
+import { FluffElement } from '../FluffElement.js';
+export class TestDirectChildComponent extends FluffElement {
+    value = '';
+    __render() {
+        this.__getShadowRoot().innerHTML = `<span class="value">${this.value}</span>`;
+    }
+    __setupBindings() {
+        super.__setupBindings();
+    }
+}

package/runtime/tests/TestDirectParentComponent.d.ts

@@ -0,0 +1,6 @@
+import { FluffElement } from '../FluffElement.js';
+export declare class TestDirectParentComponent extends FluffElement {
+    itemName: string;
+    protected __render(): void;
+    protected __setupBindings(): void;
+}

package/runtime/tests/TestDirectParentComponent.js

@@ -0,0 +1,10 @@
+import { FluffElement } from '../FluffElement.js';
+export class TestDirectParentComponent extends FluffElement {
+    itemName = 'test-item';
+    __render() {
+        this.__getShadowRoot().innerHTML = '<test-direct-child data-lid="l0" x-fluff-component></test-direct-child>';
+    }
+    __setupBindings() {
+        super.__setupBindings();
+    }
+}