lego-dom 2.0.1 → 2.0.2

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 # Changelog
 
+## [2.0.2] - 2026-01-19
+
+### Features
+
+- **Scoped Props (`b-logic`):** `b-logic` attributes now inherit the parent block's scope! You can pass state naturally to children without global variables.
+  ```html
+  <!-- 'user' is resolved from the parent block's state -->
+  <user-avatar b-logic="{ user: user }"></user-avatar>
+  ```
+
+- **`$parent` Helper:** Added `this.$parent` (and template access) to easily find the nearest ancestor Block. It intelligently skips non-block elements (divs, spans) and handles Shadow DOM boundaries.
+  ```javascript
+  const parentBlock = this.$parent;
+  ```
+
 ## [2.0.1] - 2026-01-19
 
 ### The "Blocks" Update Refactor 🧱

package/main.js

@@ -176,11 +176,10 @@ const Lego = (() => {
     return p;
   };
 
-  const parseJSObject = (raw) => {
+  const parseJSObject = (raw, scope = {}) => {
     try {
-      return (new Function(`return (${raw})`))();
+      return (new Function('scope', 'global', `with(global) { with(scope) { return (${raw}); } }`))(scope, Lego.globals);
     } catch (e) {
-      console.error(`[Lego] Failed to parse b-data:`, raw, e);
       return {};
     }
   };
@@ -204,10 +203,13 @@ const Lego = (() => {
   };
 
   const findAncestor = (el, tagName) => {
-    let parent = el.parentElement || el.getRootNode().host;
+    if (!el) return undefined;
+    let parent = el.parentElement || (el.getRootNode ? el.getRootNode().host : null);
     while (parent) {
-      if (parent.tagName && parent.tagName.toLowerCase() === tagName.toLowerCase()) {
-        return parent;
+      const pName = parent.tagName ? parent.tagName.toLowerCase() : '';
+      if (pName) {
+        if (tagName === '*' && registry[pName]) return parent;
+        if (pName === tagName.toLowerCase()) return parent;
       }
       parent = parent.parentElement || (parent.getRootNode && parent.getRootNode().host);
     }
@@ -561,9 +563,13 @@ const Lego = (() => {
       // TIER 1: Logic from Lego.block (Lego File)
       // TIER 2: Logic from the <template b-data="..."> attribute
       // TIER 3: Logic from the <my-comp b-data="..."> tag
+      // SCOPED PROPS: Use parent block state as scope for instance logic evaluation
+      const parentBlock = findAncestor(el, '*') || findAncestor(el.getRootNode().host, '*');
+      const parentScope = parentBlock && parentBlock.state ? parentBlock.state : {};
+
       const scriptLogic = legoFileLogic.get(name) || {};
       const templateLogic = parseJSObject(templateNode.getAttribute('b-logic') || templateNode.getAttribute('b-data') || '{}');
-      const instanceLogic = parseJSObject(el.getAttribute('b-logic') || el.getAttribute('b-data') || '{}');
+      const instanceLogic = parseJSObject(el.getAttribute('b-logic') || el.getAttribute('b-data') || '{}', parentScope);
 
       el._studs = reactive({
         ...scriptLogic,
@@ -571,6 +577,7 @@ const Lego = (() => {
         ...instanceLogic,
         $vars: {},
         $element: el,
+        get $parent() { return findAncestor(el, '*') },
         $emit: (name, detail) => {
           el.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lego-dom",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "license": "MIT",
   "description": "A feature-rich web components + SFC frontend framework",
   "main": "main.js",