lego-dom 0.0.8 → 0.0.9

package/main.js

@@ -1,7 +1,7 @@
 const Lego = (() => {
   const registry = {}, proxyCache = new WeakMap(), privateData = new WeakMap();
   const forPools = new WeakMap();
-  
+
   const sfcLogic = new Map();
   const sharedStates = new Map(); // Track singleton states for $registry
   const routes = [];
@@ -17,22 +17,22 @@ const Lego = (() => {
     let queued = false;
     const componentsToUpdate = new Set();
     let isProcessing = false;
-    
+
     return {
       add: (el) => {
-        if (!el || isProcessing) return; 
+        if (!el || isProcessing) return;
         componentsToUpdate.add(el);
         if (queued) return;
         queued = true;
-        
+
         requestAnimationFrame(() => {
           isProcessing = true;
           const batch = Array.from(componentsToUpdate);
           componentsToUpdate.clear();
           queued = false;
-          
+
           batch.forEach(el => render(el));
-          
+
           setTimeout(() => {
             batch.forEach(el => {
               const state = el._studs;
@@ -124,7 +124,7 @@ const Lego = (() => {
   const safeEval = (expr, context) => {
     try {
       const scope = context.state || {};
-      
+
       const helpers = {
         $ancestors: (tag) => findAncestorState(context.self, tag),
         // Helper to access shared state by tag name
@@ -146,7 +146,7 @@ const Lego = (() => {
           }
         }
       `);
-      
+
       const result = func.call(scope, context.global, context.self, context.event, helpers);
       if (typeof result === 'function') return result.call(scope, context.event);
       return result;
@@ -167,10 +167,10 @@ const Lego = (() => {
   const bind = (container, componentRoot, loopCtx = null) => {
     const state = componentRoot._studs;
     const elements = container instanceof Element ? [container, ...container.querySelectorAll('*')] : container.querySelectorAll('*');
-    
+
     elements.forEach(child => {
       const childData = getPrivateData(child);
-      if (childData.bound) return; 
+      if (childData.bound) return;
 
       [...child.attributes].forEach(attr => {
         if (attr.name.startsWith('@')) {
@@ -234,14 +234,14 @@ const Lego = (() => {
         if (node.hasAttribute('b-for')) {
           const match = node.getAttribute('b-for').match(/^\s*(\w+)\s+in\s+(.+)\s*$/);
           if (match) {
-            bindings.push({ 
-              type: 'b-for', 
-              node, 
-              itemName: match[1], 
-              listName: match[2].trim(), 
-              template: node.innerHTML 
+            bindings.push({
+              type: 'b-for',
+              node,
+              itemName: match[1],
+              listName: match[2].trim(),
+              template: node.innerHTML
             });
-            node.innerHTML = ''; 
+            node.innerHTML = '';
           }
         }
         if (node.hasAttribute('b-text')) bindings.push({ type: 'b-text', node, path: node.getAttribute('b-text') });
@@ -326,12 +326,12 @@ const Lego = (() => {
             }
             const localScope = Object.assign(Object.create(state), { [b.itemName]: item });
             updateNodeBindings(child, localScope);
-            
+
             child.querySelectorAll('[b-sync]').forEach(input => {
-                const path = input.getAttribute('b-sync');
-                if (path.startsWith(b.itemName + '.')) {
-                    syncModelValue(input, resolve(path.split('.').slice(1).join('.'), item));
-                }
+              const path = input.getAttribute('b-sync');
+              if (path.startsWith(b.itemName + '.')) {
+                syncModelValue(input, resolve(path.split('.').slice(1).join('.'), item));
+              }
             });
             if (b.node.children[i] !== child) b.node.insertBefore(child, b.node.children[i] || null);
           });
@@ -349,23 +349,23 @@ const Lego = (() => {
     if (!el || el.nodeType !== 1) return;
     const data = getPrivateData(el);
     const name = el.tagName.toLowerCase();
-    
+
     if (registry[name] && !data.snapped) {
       data.snapped = true;
       const tpl = registry[name].content.cloneNode(true);
       const shadow = el.attachShadow({ mode: 'open' });
-      
+
       const defaultLogic = sfcLogic.get(name) || {};
       const attrLogic = parseJSObject(el.getAttribute('b-data') || '{}');
       el._studs = reactive({ ...defaultLogic, ...attrLogic }, el);
-      
+
       shadow.appendChild(tpl);
-      
+
       const style = shadow.querySelector('style');
       if (style) {
         style.textContent = style.textContent.replace(/\bself\b/g, ':host');
       }
-      
+
       bind(shadow, el);
       render(el);
 
@@ -373,9 +373,9 @@ const Lego = (() => {
         try { el._studs.mounted.call(el._studs); } catch (e) { console.error(`[Lego] Error in mounted <${name}>:`, e); }
       }
     }
-    
+
     let provider = el.parentElement;
-    while(provider && !provider._studs) provider = provider.parentElement;
+    while (provider && !provider._studs) provider = provider.parentElement;
     if (provider && provider._studs) bind(el, provider);
 
     [...el.children].forEach(snap);
@@ -399,7 +399,7 @@ const Lego = (() => {
 
     if (match.middleware) {
       const allowed = await match.middleware(params, Lego.globals);
-      if (!allowed) return; 
+      if (!allowed) return;
     }
 
     Lego.globals.params = params;
@@ -409,13 +409,19 @@ const Lego = (() => {
   return {
     init: () => {
       document.querySelectorAll('template[b-id]').forEach(t => registry[t.getAttribute('b-id')] = t);
-      const observer = new MutationObserver(m => m.forEach(r => { 
-        r.addedNodes.forEach(n => n.nodeType === 1 && snap(n)); 
-        r.removedNodes.forEach(n => n.nodeType === 1 && unsnap(n)); 
+      const observer = new MutationObserver(m => m.forEach(r => {
+        r.addedNodes.forEach(n => n.nodeType === 1 && snap(n));
+        r.removedNodes.forEach(n => n.nodeType === 1 && unsnap(n));
       }));
       observer.observe(document.body, { childList: true, subtree: true });
+
+      // Also snap the root element (body) to catch attributes like @event
       snap(document.body);
 
+      // Bind body specifically to catch global listeners like @todo-added in go.html
+      // We pass a mock componentRoot that points to Lego.globals
+      bind(document.body, { _studs: Lego.globals, _data: { bound: false } });
+
       if (routes.length > 0) {
         window.addEventListener('popstate', _matchRoute);
         document.addEventListener('click', e => {
@@ -436,10 +442,10 @@ const Lego = (() => {
       t.innerHTML = templateHTML;
       registry[tagName] = t;
       sfcLogic.set(tagName, logic);
-      
+
       // Initialize shared state for $registry singleton
       sharedStates.set(tagName.toLowerCase(), reactive({ ...logic }, document.body));
-      
+
       document.querySelectorAll(tagName).forEach(snap);
     },
     route: (path, tagName, middleware = null) => {

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "lego-dom",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "license": "MIT",
   "description": "A feature-rich web components + SFC frontend framework",
   "main": "main.js",
   "type": "module",
   "exports": {
-    ".": "./main.js",
+    ".": "./lego.js",
     "./main.js": "./main.js",
+    "./lego.js": "./lego.js",
     "./vite-plugin": "./vite-plugin.js",
     "./parse-lego": "./parse-lego.js"
   },
@@ -18,7 +19,7 @@
     "lego",
     "legokit"
   ],
-  "author": "",
+  "author": "Tersoo Ortserga",
   "scripts": {
     "test": "vitest run",
     "docs:dev": "vitepress dev docs",
@@ -40,5 +41,9 @@
   },
   "dependencies": {
     "fast-glob": "^3.3.2"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rayattack/legodom.git"
   }
 }

package/parse-lego.test.js

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest';
 import { parseLego, generateDefineCall, validateLego, deriveComponentName } from './parse-lego.js';
 
-describe('LegoJS SFC Parser', () => {
+describe('Lego SFC Parser', () => {
   describe('deriveComponentName', () => {
     it('should derive component name from filename', () => {
       expect(deriveComponentName('sample-component.lego')).toBe('sample-component');

package/vite-plugin.js

@@ -1,5 +1,5 @@
 /**
- * Vite plugin for LegoJS Single File Components
+ * Vite plugin for Lego Single File Components
  * Auto-discovers and transforms .lego files
  */
 
@@ -11,7 +11,7 @@ const VIRTUAL_MODULE_ID = 'virtual:lego-components';
 const RESOLVED_VIRTUAL_MODULE_ID = '\0' + VIRTUAL_MODULE_ID;
 
 /**
- * Vite plugin for LegoJS SFC support
+ * Vite plugin for Lego SFC support
  * @param {object} options - Plugin options
  * @param {string} options.componentsDir - Directory to search for .lego files
  * @param {string[]} options.include - Glob patterns to include

package/docs/.vitepress/dist/assets/api_index.md.OS6h01ct.js

@@ -1 +0,0 @@
-import{_ as a,c as i,o,ag as l}from"./chunks/framework.B7OFBR9X.js";const m=JSON.parse('{"title":"API Reference","description":"","frontmatter":{},"headers":[],"relativePath":"api/index.md","filePath":"api/index.md"}'),r={name:"api/index.md"};function t(n,e,s,p,c,d){return o(),i("div",null,[...e[0]||(e[0]=[l('<h1 id="api-reference" tabindex="-1">API Reference <a class="header-anchor" href="#api-reference" aria-label="Permalink to &quot;API Reference&quot;">​</a></h1><p>Welcome to the LegoJS API documentation.</p><h2 id="core" tabindex="-1">Core <a class="header-anchor" href="#core" aria-label="Permalink to &quot;Core&quot;">​</a></h2><ul><li><a href="/LegoJS/api/define.html">Lego.define()</a> - Defining components</li><li><a href="/LegoJS/api/route.html">Lego.route()</a> - Client-side routing</li><li><a href="/LegoJS/api/globals.html">Lego.globals</a> - Global state</li><li><a href="/LegoJS/api/lifecycle.html">Lifecycle Hooks</a> - Component lifecycle methods</li></ul><h2 id="templates-binding" tabindex="-1">Templates &amp; Binding <a class="header-anchor" href="#templates-binding" aria-label="Permalink to &quot;Templates &amp; Binding&quot;">​</a></h2><ul><li><a href="/LegoJS/api/directives.html">Directives</a> - <code>b-if</code>, <code>b-for</code>, <code>b-sync</code></li></ul><h2 id="browser-support" tabindex="-1">Browser Support <a class="header-anchor" href="#browser-support" aria-label="Permalink to &quot;Browser Support&quot;">​</a></h2><p>LegoJS requires:</p><ul><li>Web Components (Custom Elements v1)</li><li>Shadow DOM v1</li><li>ES6 Proxy</li><li>Template Literals</li><li>MutationObserver</li></ul><p>Supported browsers:</p><ul><li>Chrome 63+</li><li>Firefox 63+</li><li>Safari 11.1+</li><li>Edge 79+</li></ul>',11)])])}const u=a(r,[["render",t]]);export{m as __pageData,u as default};