ladrillosjs 2.0.0-beta.1.1 → 2.0.0-beta.2

package/README.md

@@ -1,6 +1,6 @@
 # LadrillosJS
 
-<img src="https://raw.githubusercontent.com/drubiodev/LadrillosJS/refs/heads/main/LadrillosJS.png" alt="LadrillosJS" width="400"/>
+<img src="https://raw.githubusercontent.com/drubiodev/LadrillosJS/refs/heads/main/LadrillosJS.jpg" alt="LadrillosJS" width="400"/>
 
 A lightweight, zero-dependency web component framework for building modular web applications.
 
@@ -19,15 +19,22 @@ A lightweight, zero-dependency web component framework for building modular web
   - [Event Handling](#event-handling)
   - [Data Binding](#data-binding)
   - [Conditional Rendering](#conditional-rendering)
+  - [List Rendering](#list-rendering)
   - [Slots](#slots)
+  - [Component Props](#component-props)
 - [Advanced Features](#advanced-features)
   - [Global Event Bus](#global-event-bus)
   - [External Scripts](#external-scripts)
   - [Shadow DOM](#shadow-dom)
+  - [Styling Components](#styling-components)
   - [Performance & Caching](#performance--caching)
+- [Common Patterns](#common-patterns)
+  - [Keyboard Events](#keyboard-events)
+  - [Form Validation](#form-validation)
+  - [Loading States](#loading-states)
 - [API Reference](#api-reference)
-- [Examples](#examples)
 - [Development](#development)
+- [Attribution](#attribution)
 - [License](#license)
 
 ## Features
@@ -41,7 +48,8 @@ A lightweight, zero-dependency web component framework for building modular web
 - 🔌 **Slots** - Content projection with named and default slots
 - 📝 **TypeScript** - Full type definitions and TypeScript source code
 - 🎭 **Conditional Rendering** - `$if`, `$else-if`, and `$else` directives
-- 🚄 **Smart Caching** - LRU cache for components and compiled functions
+- � **List Rendering** - `$for` directive for rendering arrays
+- �🚄 **Smart Caching** - LRU cache for components and compiled functions
 - 🔧 **Framework Utilities** - Helper functions for common tasks
 - 🧩 **External Scripts** - Load and bind external JavaScript modules
 
@@ -155,6 +163,7 @@ Check out the `samples/apps/` directory for complete examples:
 - **[Business Card](samples/apps/biz)** - Form with two-way data binding
 - **[Slideshow](samples/apps/slideshow)** - Multi-slide presentation
 - **[Markdown Editor](samples/apps/markdown)** - Real-time markdown preview
+- **[List Rendering](samples/apps/list-test)** - Dynamic lists with `$for` directive
 
 Run the development server to view examples:
 
@@ -403,6 +412,87 @@ Show or hide elements based on conditions:
 - `$else-if="{expression}"`: Chain multiple conditions
 - `$else`: Fallback when previous conditions are false
 
+### List Rendering
+
+Render lists of items using the `$for` directive:
+
+```html
+<div>
+  <h2>My Fruits</h2>
+  <ul>
+    <li $for="fruit in fruits">{fruit}</li>
+  </ul>
+  <button onclick="addFruit()">Add Fruit</button>
+</div>
+
+<script>
+  let fruits = ["Apple", "Banana", "Orange"];
+
+  const addFruit = () => {
+    const newFruit = prompt("Enter a fruit name:");
+    if (newFruit) {
+      fruits = [...fruits, newFruit]; // Triggers re-render
+    }
+  };
+</script>
+```
+
+**List Rendering with Objects:**
+
+```html
+<div>
+  <h2>User List</h2>
+  <div class="user-card" $for="user in users">
+    <h3>{user.name}</h3>
+    <p>Email: {user.email}</p>
+  </div>
+</div>
+
+<script>
+  let users = [
+    { name: "John Doe", email: "john@example.com" },
+    { name: "Jane Smith", email: "jane@example.com" },
+  ];
+</script>
+```
+
+**With Index:**
+
+```html
+<ul>
+  <li $for="(item, index) in items">{index + 1}. {item}</li>
+</ul>
+
+<script>
+  let items = ["First", "Second", "Third"];
+</script>
+```
+
+**Performance Optimization with `$key`:**
+
+Use the `$key` attribute to help LadrillosJS track items efficiently:
+
+```html
+<div>
+  <div class="user-card" $for="user in users" $key="user.id">
+    <h3>{user.name}</h3>
+    <p>Email: {user.email}</p>
+    <button onclick="removeUser(user.id)">Remove</button>
+  </div>
+</div>
+
+<script>
+  let users = [
+    { id: 1, name: "John", email: "john@example.com" },
+    { id: 2, name: "Jane", email: "jane@example.com" },
+  ];
+
+  const removeUser = (id) => {
+    users = users.filter((u) => u.id !== id);
+  };
+</script>
+```
+
 ### Slots
 
 Project content from parent to child components:
@@ -451,6 +541,31 @@ Project content from parent to child components:
 </my-card>
 ```
 
+### Component Props
+
+Pass data to components using HTML attributes:
+
+```html
+<!-- greeting.html -->
+<div>
+  <h1>Hello, {name}!</h1>
+  <p>Age: {age}</p>
+</div>
+
+<script>
+  // Access attributes passed to the component
+  let name = this.getAttribute("name") || "Guest";
+  let age = this.getAttribute("age") || "unknown";
+</script>
+```
+
+**Usage:**
+
+```html
+<my-greeting name="John" age="25"></my-greeting>
+<my-greeting name="Jane" age="30"></my-greeting>
+```
+
 ## Advanced Features
 
 ### Global Event Bus
@@ -640,6 +755,71 @@ await registerComponent("global-styles", "./global.html", false);
 - Using third-party libraries that expect normal DOM
 - Easier debugging without shadow boundaries
 
+### Styling Components
+
+LadrillosJS supports multiple ways to style your components:
+
+#### 1. Inline Styles (Scoped)
+
+```html
+<div class="button">{label}</div>
+
+<style>
+  .button {
+    padding: 10px 20px;
+    background: #007bff;
+    color: white;
+  }
+</style>
+
+<script>
+  let label = "Click me";
+</script>
+```
+
+#### 2. External Stylesheets
+
+```html
+<link rel="stylesheet" href="./styles.css" />
+<div class="container">Content</div>
+```
+
+#### 3. Import Fonts and External CSS
+
+```html
+<style>
+  @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
+
+  body {
+    font-family: "Roboto", sans-serif;
+  }
+</style>
+```
+
+#### 4. Using `:host` Selector (Shadow DOM)
+
+When using Shadow DOM, style the component's container with `:host`:
+
+```html
+<style>
+  :host {
+    display: block;
+    padding: 1rem;
+    background: white;
+  }
+
+  :host(.highlighted) {
+    border: 2px solid gold;
+  }
+</style>
+```
+
+**Usage:**
+
+```html
+<my-component class="highlighted"></my-component>
+```
+
 ### Performance & Caching
 
 LadrillosJS includes built-in performance optimizations:
@@ -663,6 +843,101 @@ LadrillosJS includes built-in performance optimizations:
 - Event listeners are automatically cleaned up
 - Conditional rendering skips hidden elements
 
+## Common Patterns
+
+### Keyboard Events
+
+Handle keyboard input for interactive features:
+
+```html
+<div>
+  <p>Press arrow keys to navigate. Current: {direction}</p>
+  <p>Press Enter to submit</p>
+</div>
+
+<script>
+  let direction = "none";
+
+  document.addEventListener("keyup", (event) => {
+    if (event.key === "ArrowRight") {
+      direction = "right";
+    } else if (event.key === "ArrowLeft") {
+      direction = "left";
+    } else if (event.key === "ArrowUp") {
+      direction = "up";
+    } else if (event.key === "ArrowDown") {
+      direction = "down";
+    } else if (event.key === "Enter") {
+      direction = "submitted!";
+    }
+  });
+</script>
+```
+
+### Form Validation
+
+Real-time form validation with reactive state:
+
+```html
+<form onsubmit="handleSubmit(event)">
+  <input type="email" $bind="email" placeholder="Email" onkeyup="validate()" />
+  <p $if="{!isValid}" style="color: red">Please enter a valid email</p>
+  <button type="submit" $if="{isValid}">Submit</button>
+</form>
+
+<script>
+  let email = "";
+  let isValid = false;
+
+  const validate = () => {
+    isValid = email.includes("@") && email.length > 5;
+  };
+
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (isValid) {
+      alert(`Submitted: ${email}`);
+    }
+  };
+</script>
+```
+
+### Loading States
+
+Show loading indicators while fetching data:
+
+```html
+<div>
+  <div $if="{isLoading}">Loading...</div>
+  <div $else-if="{error}">Error: {error}</div>
+  <div $else>
+    <h2>{data.title}</h2>
+    <p>{data.description}</p>
+  </div>
+  <button onclick="fetchData()">Refresh</button>
+</div>
+
+<script>
+  let isLoading = false;
+  let error = null;
+  let data = { title: "", description: "" };
+
+  const fetchData = async () => {
+    isLoading = true;
+    error = null;
+
+    try {
+      const response = await fetch("https://api.example.com/data");
+      data = await response.json();
+    } catch (e) {
+      error = e.message;
+    } finally {
+      isLoading = false;
+    }
+  };
+</script>
+```
+
 ## API Reference
 
 ### Registration Functions
@@ -704,6 +979,11 @@ $reactive(name: string, initialValue: any): (value: any) => void
 <div $else-if="{anotherCondition}">...</div>
 <div $else>...</div>
 
+<!-- List rendering -->
+<li $for="item in items">{item}</li>
+<li $for="(item, index) in items">{index}: {item}</li>
+<div $for="user in users" $key="user.id">{user.name}</div>
+
 <!-- Event handlers -->
 <button onclick="methodName()">Click</button>
 <button onclick="method(arg1, arg2)">Call with args</button>
@@ -811,6 +1091,10 @@ npm run test:coverage    # Run tests with coverage report
 npm run preview          # Preview production build
 ```
 
+## Attribution
+
+If you use LadrillosJS in your project, I'd appreciate a mention or link back to this repository, though it's not required. It helps others discover the framework and motivates continued development!
+
 ## License
 
 MIT License - see [LICENSE](LICENSE) file for details.

package/dist/core/html/htmlRenderer.d.ts

@@ -1,4 +1,4 @@
-import { BindingDescriptor, ConditionalDescriptor } from "../../types/LadrilloTypes";
+import { BindingDescriptor, ConditionalDescriptor, LoopDescriptor } from "../../types/LadrilloTypes";
 /**
  * Safely sets a nested value in an object using a path array.
  * Example: setValue({ user: {} }, ['user', 'name'], 'John') sets user.name to 'John'
@@ -16,3 +16,8 @@ export declare const renderBindings: (bindings: BindingDescriptor[], context: un
  * Shows/hides elements based on their $if, $else-if, $else conditions.
  */
 export declare const renderConditionals: (conditionalGroups: ConditionalDescriptor[][], context: unknown, component?: any) => void;
+/**
+ * Renders loop elements based on array data.
+ * Creates clones of the template for each item in the array.
+ */
+export declare const renderLoops: (loops: LoopDescriptor[], context: unknown, component?: any) => void;

package/dist/core/html/htmlparser.d.ts

@@ -1,4 +1,4 @@
-import { BindingDescriptor, TwoWayBindingDescriptor, ConditionalDescriptor } from "../../types/LadrilloTypes";
+import { BindingDescriptor, TwoWayBindingDescriptor, ConditionalDescriptor, LoopDescriptor } from "../../types/LadrilloTypes";
 /**
  * Injects the template HTML into the host element and scans for data bindings.
  * Returns a list of all bindings found in text nodes and attributes.
@@ -7,6 +7,7 @@ export declare const loadTemplate: (host: HTMLElement | ShadowRoot, template: st
     bindings: BindingDescriptor[];
     twoWayBindings: TwoWayBindingDescriptor[];
     conditionals: ConditionalDescriptor[][];
+    loops: LoopDescriptor[];
 };
 /**
  * Extracts variable names from conditional expressions.
@@ -14,3 +15,8 @@ export declare const loadTemplate: (host: HTMLElement | ShadowRoot, template: st
  * e.g., "{sending}" → ["sending"], "{count > 5}" → ["count"]
  */
 export declare const extractConditionalVariables: (conditionalGroups: ConditionalDescriptor[][]) => Set<string>;
+/**
+ * Extracts variable names from loop expressions.
+ * e.g., "item in items" → ["items"], "(user, index) in users" → ["users"]
+ */
+export declare const extractLoopVariables: (loops: LoopDescriptor[]) => Set<string>;

package/dist/{index-CPSzLUwq.js → index-63mcJ9Hl.js}

@@ -4,5 +4,5 @@
 `).replace(/\\n/g,`
 `).replace(/\\t/g,"	").replace(/\\"/g,'"').replace(/\\\\/g,"\\"):t.includes("import")||t.includes("export")?(m.warn("CSS file returned JavaScript module format. CSS may not load correctly."),""):t},O=t=>a(null,null,function*(){let e="";const r=t.querySelectorAll("style, link[rel='stylesheet']");for(const s of r){if(s.tagName==="LINK"){const n=yield j(s.href),c=K(n);c&&(e+=`
 `+c)}else if(s.tagName==="STYLE"){const o=s;if(o.textContent){let n=o.textContent.trim();n=n.replace(d.comments.css,"").trim(),e+=`
-`+n}}s.remove()}return e.trim()});var p,x;class W{constructor(){S(this,p);this.components={}}registerComponent(e,r,s=!0){return a(this,null,function*(){if(this.components[e]){m.warn(`Component with name "${e}" is already registered.`);return}try{const o=yield L(r),n=yield N(o,e);this.components[e]={tagName:e,template:n.template,scripts:n.scripts,externalScripts:n.externalScripts,styles:n.styles,sourcePath:r},m.log(`Component ${e} registered successfully`),yield C(this,p,x).call(this,e,s)}catch(o){m.error(`Failed to register component "${e}": ${o.message}`);return}})}}p=new WeakSet,x=function(e,r){return a(this,null,function*(){const{defineWebComponent:s}=yield Promise.resolve().then(()=>require("./webcomponent-oNIeezqN.js"));this.components[e]&&s(this.components[e],r)})};const v=new W;class X{constructor(){this.listeners=new Map}emit(e,r){const s=new CustomEvent(e,{detail:r,bubbles:!0,composed:!0});document.dispatchEvent(s);const o=this.listeners.get(e);if(!o||o.size===0)return Promise.resolve();const n=[];return o.forEach(c=>{try{const i=c(r);i instanceof Promise&&n.push(i)}catch(i){console.error(`Error in event listener for "${e}":`,i),n.push(Promise.reject(i))}}),n.length>0?Promise.all(n).then(()=>{}):Promise.resolve()}listen(e,r){return this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(r),()=>{this.off(e,r)}}off(e,r){const s=this.listeners.get(e);s&&(s.delete(r),s.size===0&&this.listeners.delete(e))}clear(e){e?this.listeners.delete(e):this.listeners.clear()}listenerCount(e){var r,s;return(s=(r=this.listeners.get(e))==null?void 0:r.size)!=null?s:0}}const g=new X,E=(t,e,r)=>v.registerComponent(t,e,r),_=t=>a(null,null,function*(){yield Promise.all(t.map(({name:e,path:r,useShadowDOM:s})=>v.registerComponent(e,r,s)))}),q=(t,e)=>g.listen(t,e),P=(t,e)=>{g.emit(t,e)},I=(t,e)=>{if(e){const r=e.tagName.toLowerCase();window.__ladrilloContexts||(window.__ladrilloContexts=new Map),window.__ladrilloContexts.set(r,{shadowRoot:t,element:e})}},w=()=>{const t=window.__ladrilloContexts;if(t&&t.size>0){const e=Array.from(t.values());return e[e.length-1]}return null},b=()=>{const t=w();return t&&t.element?t.element.state||{}:{}},f=t=>{const e=w();e&&e.setState&&e.setState(t)},A=(t,e)=>(f({[t]:e}),r=>{f({[t]:r})}),T=(t,e)=>{if(e)return e.querySelector(t);const r=w();if(r){const s=r.shadowRoot||r.element;if(s){const o=s.querySelector(t);if(o)return o}}return document.querySelector(t)},k=(t,e)=>{if(e)return e.querySelectorAll(t);const r=w();if(r){const s=r.shadowRoot||r.element;if(s){const o=s.querySelectorAll(t);if(o.length>0)return o}}return document.querySelectorAll(t)};typeof window!="undefined"&&(window.ladrillosjs={registerComponent:E,registerComponents:_},window.$listen=q,window.$emit=P,window.$querySelector=T,window.$querySelectorAll=k,window.$reactive=A,window.$setState=f,window.$getState=b);exports.$emit=P;exports.$getState=b;exports.$listen=q;exports.$querySelector=T;exports.$querySelectorAll=k;exports.$reactive=A;exports.$setState=f;exports.REGEX_PATTERNS=d;exports.__setComponentContext=I;exports.eventBus=g;exports.logger=m;exports.registerComponent=E;exports.registerComponents=_;
-//# sourceMappingURL=index-CPSzLUwq.js.map
+`+n}}s.remove()}return e.trim()});var p,x;class W{constructor(){S(this,p);this.components={}}registerComponent(e,r,s=!0){return a(this,null,function*(){if(this.components[e]){m.warn(`Component with name "${e}" is already registered.`);return}try{const o=yield L(r),n=yield N(o,e);this.components[e]={tagName:e,template:n.template,scripts:n.scripts,externalScripts:n.externalScripts,styles:n.styles,sourcePath:r},m.log(`Component ${e} registered successfully`),yield C(this,p,x).call(this,e,s)}catch(o){m.error(`Failed to register component "${e}": ${o.message}`);return}})}}p=new WeakSet,x=function(e,r){return a(this,null,function*(){const{defineWebComponent:s}=yield Promise.resolve().then(()=>require("./webcomponent-DNeyn3kB.js"));this.components[e]&&s(this.components[e],r)})};const v=new W;class X{constructor(){this.listeners=new Map}emit(e,r){const s=new CustomEvent(e,{detail:r,bubbles:!0,composed:!0});document.dispatchEvent(s);const o=this.listeners.get(e);if(!o||o.size===0)return Promise.resolve();const n=[];return o.forEach(c=>{try{const i=c(r);i instanceof Promise&&n.push(i)}catch(i){console.error(`Error in event listener for "${e}":`,i),n.push(Promise.reject(i))}}),n.length>0?Promise.all(n).then(()=>{}):Promise.resolve()}listen(e,r){return this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(r),()=>{this.off(e,r)}}off(e,r){const s=this.listeners.get(e);s&&(s.delete(r),s.size===0&&this.listeners.delete(e))}clear(e){e?this.listeners.delete(e):this.listeners.clear()}listenerCount(e){var r,s;return(s=(r=this.listeners.get(e))==null?void 0:r.size)!=null?s:0}}const g=new X,E=(t,e,r)=>v.registerComponent(t,e,r),_=t=>a(null,null,function*(){yield Promise.all(t.map(({name:e,path:r,useShadowDOM:s})=>v.registerComponent(e,r,s)))}),q=(t,e)=>g.listen(t,e),P=(t,e)=>{g.emit(t,e)},I=(t,e)=>{if(e){const r=e.tagName.toLowerCase();window.__ladrilloContexts||(window.__ladrilloContexts=new Map),window.__ladrilloContexts.set(r,{shadowRoot:t,element:e})}},w=()=>{const t=window.__ladrilloContexts;if(t&&t.size>0){const e=Array.from(t.values());return e[e.length-1]}return null},b=()=>{const t=w();return t&&t.element?t.element.state||{}:{}},f=t=>{const e=w();e&&e.setState&&e.setState(t)},A=(t,e)=>(f({[t]:e}),r=>{f({[t]:r})}),T=(t,e)=>{if(e)return e.querySelector(t);const r=w();if(r){const s=r.shadowRoot||r.element;if(s){const o=s.querySelector(t);if(o)return o}}return document.querySelector(t)},k=(t,e)=>{if(e)return e.querySelectorAll(t);const r=w();if(r){const s=r.shadowRoot||r.element;if(s){const o=s.querySelectorAll(t);if(o.length>0)return o}}return document.querySelectorAll(t)};typeof window!="undefined"&&(window.ladrillosjs={registerComponent:E,registerComponents:_},window.$listen=q,window.$emit=P,window.$querySelector=T,window.$querySelectorAll=k,window.$reactive=A,window.$setState=f,window.$getState=b);exports.$emit=P;exports.$getState=b;exports.$listen=q;exports.$querySelector=T;exports.$querySelectorAll=k;exports.$reactive=A;exports.$setState=f;exports.REGEX_PATTERNS=d;exports.__setComponentContext=I;exports.eventBus=g;exports.logger=m;exports.registerComponent=E;exports.registerComponents=_;
+//# sourceMappingURL=index-63mcJ9Hl.js.map

package/dist/{index-CPSzLUwq.js.map → index-63mcJ9Hl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CPSzLUwq.js","sources":["../src/utils/logger.ts","../src/cache/index.ts","../src/core/componentSource.ts","../src/utils/regex.ts","../src/core/componentParser.ts","../src/core/main.ts","../src/core/eventBus.ts","../src/index.ts"],"sourcesContent":["/**\r\n * Utility for conditional logging based on environment\r\n */\r\n\r\n// Type guard for Vite environment\r\nconst isDevelopment = (): boolean => {\r\n  try {\r\n    return (import.meta as any).env?.DEV === true;\r\n  } catch {\r\n    return process.env.NODE_ENV === 'development';\r\n  }\r\n};\r\n\r\nexport const logger = {\r\n  /**\r\n   * Log a message only in development mode\r\n   * @param message - The message to log\r\n   * @param args - Additional arguments to log\r\n   */\r\n  log(message: string, ...args: any[]): void {\r\n    if (isDevelopment()) {\r\n      console.log(message, ...args);\r\n    }\r\n  },\r\n\r\n  /**\r\n   * Log an error (always logs in both dev and production)\r\n   * @param message - The error message\r\n   * @param args - Additional arguments to log\r\n   */\r\n  error(message: string, ...args: any[]): void {\r\n    console.error(message, ...args);\r\n  },\r\n\r\n  /**\r\n   * Log a warning only in development mode\r\n   * @param message - The warning message\r\n   * @param args - Additional arguments to log\r\n   */\r\n  warn(message: string, ...args: any[]): void {\r\n    if (isDevelopment()) {\r\n      console.warn(message, ...args);\r\n    }\r\n  },\r\n};\r\n","const cache = new Map<string, string>();\r\nconst maxCacheSize = 25; // TODO: make configurable for developer to set\r\n\r\n/**\r\n * LRU Cache: Gets cached content and marks it as recently used\r\n * Moves the accessed item to the end of the Map (most recently used position)\r\n * This ensures frequently accessed components stay in cache longer\r\n * @param path - The file path to retrieve from cache\r\n * @returns The cached content or undefined if not found\r\n */\r\nexport const getCached = (path: string): string | undefined => {\r\n  const cached = cache.get(path);\r\n  if (cached) {\r\n    // LRU: Move to end (most recently used position)\r\n    cache.delete(path);\r\n    cache.set(path, cached);\r\n  }\r\n  return cached;\r\n};\r\n\r\n/**\r\n * LRU Cache: Stores content with automatic eviction of least recently used items\r\n * Maintains cache size limit by removing oldest items when full\r\n * Updates existing items without affecting cache size\r\n * @param path - The file path to cache\r\n * @param content - The content to store\r\n */\r\nexport const setCache = (path: string, content: string): void => {\r\n  if (cache.has(path)) {\r\n    // Update existing: remove and re-add to mark as most recent\r\n    cache.delete(path);\r\n  } else if (cache.size >= maxCacheSize) {\r\n    // Cache full: remove least recently used (first item in Map)\r\n    const firstKey = cache.keys().next().value;\r\n    if (firstKey) {\r\n      cache.delete(firstKey);\r\n    }\r\n  }\r\n  // Add/update as most recently used (end of Map)\r\n  cache.set(path, content);\r\n};\r\n","import { getCached, setCache } from \"../cache\";\r\nimport { logger } from \"../utils/logger\";\r\n\r\n/**\r\n * Fetches component source with caching support\r\n * @param path - The file path to fetch\r\n * @returns The component source content\r\n */\r\nexport const fetchComponentSource = async (\r\n  path: string\r\n): Promise<string | undefined> => {\r\n  if (!path) {\r\n    throw new Error(\"Path cannot be null or empty\");\r\n  }\r\n\r\n  const cached = getCached(path);\r\n  if (cached) return cached;\r\n\r\n  // fetch and cache\r\n  try {\r\n    const response = await fetch(path);\r\n\r\n    if (!response.ok) {\r\n      throw new Error(\r\n        `Failed to fetch component from ${path}: ${response.statusText}`\r\n      );\r\n    }\r\n\r\n    const text = await response.text();\r\n    setCache(path, text);\r\n\r\n    return text;\r\n  } catch (error) {\r\n    logger.error(\r\n      `Error fetching component from ${path}: ${(error as Error).message}`\r\n    );\r\n  }\r\n};\r\n\r\n/**\r\n * Safe fetch helper that returns empty string on error\r\n * @param url - The URL to fetch\r\n * @returns The fetched content or empty string\r\n */\r\nexport const safeFetch = async (url: string): Promise<string> => {\r\n  try {\r\n    const res = await fetch(url);\r\n    if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n    return await res.text();\r\n  } catch (err) {\r\n    logger.error(`Failed to fetch resource at ${url}:`, err);\r\n    return \"\";\r\n  }\r\n};\r\n","import { RegexPatterns } from \"../types/LadrilloTypes\";\r\n\r\nexport const REGEX_PATTERNS: RegexPatterns = {\r\n  bindings: /{([^}]+)}/g,\r\n  comments: {\r\n    js: /\\/\\*[\\s\\S]*?\\*\\/|\\/\\/.*$/gm,\r\n    css: /\\/\\*[\\s\\S]*?\\*\\//g,\r\n    html: /<!--[\\s\\S]*?-->/g,\r\n  },\r\n};\r\n","import {\r\n  ExternalScriptElement,\r\n  LadrillosComponent,\r\n  ScriptElement,\r\n} from \"../types/LadrilloTypes\";\r\nimport { REGEX_PATTERNS } from \"../utils/regex\";\r\nimport { logger } from \"../utils/logger\";\r\nimport { safeFetch } from \"./componentSource\";\r\n\r\nconst parser = new DOMParser();\r\n\r\n/**\r\n * Parses component HTML and extracts scripts and styles\r\n * @param source - The HTML source of the component\r\n * @param name - The name of the component\r\n * @returns Parsed component object\r\n */\r\nexport const parseComponent = async (\r\n  source: string,\r\n  name: string\r\n): Promise<LadrillosComponent> => {\r\n  const doc = parseComponentHTML(source);\r\n  const { scripts, externalScripts } = extractScripts(doc);\r\n  const styles = await extractStyles(doc);\r\n  const template = doc.body.innerHTML.trim();\r\n\r\n  return {\r\n    tagName: name,\r\n    template,\r\n    scripts,\r\n    externalScripts,\r\n    styles,\r\n  };\r\n};\r\n\r\n/**\r\n * Parses HTML content and removes comments\r\n * @param source - The HTML source to parse\r\n * @returns Parsed DOM document\r\n */\r\nexport const parseComponentHTML = (source: string): Document => {\r\n  return parser.parseFromString(\r\n    source.replace(REGEX_PATTERNS.comments.html, \"\"),\r\n    \"text/html\"\r\n  );\r\n};\r\n\r\n/**\r\n * Checks if a script URL is a development server script that should be ignored.\r\n * Dev server scripts (Vite, Webpack HMR, etc.) are injected by the dev environment\r\n * and should not be processed as part of the component.\r\n */\r\nconst isDevServerScript = (src: string): boolean => {\r\n  const devPatterns = [\r\n    \"/@vite/\", // Vite dev client\r\n    \"/__vite\", // Vite internal\r\n    \"/webpack-dev-server\", // Webpack dev server\r\n    \"/hot-update\", // Webpack HMR\r\n    \"/__webpack_hmr\", // Webpack HMR\r\n    \"/browser-sync/\", // Browser Sync\r\n    \"/livereload.js\", // LiveReload\r\n  ];\r\n\r\n  return devPatterns.some((pattern) => src.includes(pattern));\r\n};\r\n\r\n/**\r\n * Extracts and processes script elements from the document\r\n * @param doc - The parsed document\r\n * @returns Object containing scripts and external scripts\r\n */\r\nexport const extractScripts = (\r\n  doc: Document\r\n): {\r\n  scripts: ScriptElement[];\r\n  externalScripts: ExternalScriptElement[];\r\n} => {\r\n  const scripts: ScriptElement[] = [];\r\n  const externalScripts: ExternalScriptElement[] = [];\r\n\r\n  for (const el of doc.querySelectorAll(\"script\")) {\r\n    if (el.src) {\r\n      // Skip dev server scripts (Vite, Webpack, etc.)\r\n      if (isDevServerScript(el.src)) {\r\n        el.remove();\r\n        continue;\r\n      }\r\n\r\n      // Only mark as external if the 'external' attribute is explicitly present\r\n      const isExternal = el.hasAttribute(\"external\");\r\n\r\n      externalScripts.push({\r\n        src: el.getAttribute(\"src\") || el.src, // Use getAttribute to preserve relative paths\r\n        type: el.type ?? null,\r\n        external: isExternal,\r\n      });\r\n    } else if (el.textContent) {\r\n      let content = el.textContent.trim();\r\n      // strip JavaScript comments (single‑line and block)\r\n      content = content.replace(REGEX_PATTERNS.comments.js, \"\").trim();\r\n      scripts.push({\r\n        content,\r\n        type: el.type ?? null,\r\n      });\r\n    }\r\n    el.remove();\r\n  }\r\n\r\n  return { scripts, externalScripts };\r\n};\r\n\r\n/**\r\n * Extracts CSS content from various response formats\r\n * Handles:\r\n * - Vite dev server (wrapped in __vite__css variable)\r\n * - Plain CSS files (production/CDN)\r\n * - Other build tool formats\r\n */\r\nconst extractCSSFromResponse = (response: string): string => {\r\n  // Check if this is a Vite HMR response (contains __vite__css)\r\n  // Use a regex that properly handles escaped quotes within the string\r\n  const viteMatch = response.match(/const __vite__css = \"((?:[^\"\\\\]|\\\\.)*)\"/);\r\n  if (viteMatch && viteMatch[1]) {\r\n    // Unescape the CSS string\r\n    return viteMatch[1]\r\n      .replace(/\\\\r\\\\n/g, \"\\n\")\r\n      .replace(/\\\\n/g, \"\\n\")\r\n      .replace(/\\\\t/g, \"\\t\")\r\n      .replace(/\\\\\"/g, '\"')\r\n      .replace(/\\\\\\\\/g, \"\\\\\");\r\n  }\r\n\r\n  // Check for other module formats (e.g., \"export default ...\")\r\n  const exportMatch = response.match(/export\\s+default\\s+\"((?:[^\"\\\\]|\\\\.)*)\"/);\r\n  if (exportMatch && exportMatch[1]) {\r\n    return exportMatch[1]\r\n      .replace(/\\\\r\\\\n/g, \"\\n\")\r\n      .replace(/\\\\n/g, \"\\n\")\r\n      .replace(/\\\\t/g, \"\\t\")\r\n      .replace(/\\\\\"/g, '\"')\r\n      .replace(/\\\\\\\\/g, \"\\\\\");\r\n  }\r\n\r\n  // If it looks like JavaScript (not CSS), warn and return empty\r\n  if (response.includes(\"import\") || response.includes(\"export\")) {\r\n    logger.warn(\r\n      \"CSS file returned JavaScript module format. CSS may not load correctly.\"\r\n    );\r\n    return \"\";\r\n  }\r\n\r\n  // If not a module format, assume it's plain CSS (production or direct file)\r\n  return response;\r\n};\r\n\r\n/**\r\n * Extracts and processes style elements from the document\r\n * @param doc - The parsed document\r\n * @returns Concatenated CSS content\r\n */\r\nexport const extractStyles = async (doc: Document): Promise<string> => {\r\n  let style = \"\";\r\n\r\n  // Process styles in document order (inline styles and external stylesheets)\r\n  const styleElements = doc.querySelectorAll(\"style, link[rel='stylesheet']\");\r\n\r\n  for (const element of styleElements) {\r\n    if (element.tagName === \"LINK\") {\r\n      const linkElement = element as HTMLLinkElement;\r\n      const response = await safeFetch(linkElement.href);\r\n      const cssContent = extractCSSFromResponse(response);\r\n      if (cssContent) {\r\n        style += \"\\n\" + cssContent;\r\n      }\r\n    } else if (element.tagName === \"STYLE\") {\r\n      const styleEl = element as HTMLStyleElement;\r\n      if (styleEl.textContent) {\r\n        let css = styleEl.textContent.trim();\r\n        // strip CSS comments\r\n        css = css.replace(REGEX_PATTERNS.comments.css, \"\").trim();\r\n        style += \"\\n\" + css;\r\n      }\r\n    }\r\n    element.remove();\r\n  }\r\n\r\n  return style.trim();\r\n};\r\n","import { LadrillosComponent } from \"../types/LadrilloTypes\";\r\nimport { logger } from \"../utils/logger\";\r\nimport { fetchComponentSource } from \"./componentSource\";\r\nimport { parseComponent } from \"./componentParser\";\r\n\r\nclass Ladrillos {\r\n  // properties\r\n  components: Record<string, LadrillosComponent>;\r\n\r\n  constructor() {\r\n    // Initialize the Ladrillos instance\r\n    this.components = {};\r\n  }\r\n\r\n  async registerComponent(\r\n    name: string,\r\n    path: string,\r\n    useShadowDOM: boolean = true\r\n  ): Promise<void> {\r\n    if (this.components[name]) {\r\n      logger.warn(`Component with name \"${name}\" is already registered.`);\r\n      return;\r\n    }\r\n\r\n    try {\r\n      const source = await fetchComponentSource(path);\r\n      const component = await parseComponent(source!, name);\r\n\r\n      this.components[name] = {\r\n        tagName: name,\r\n        template: component.template,\r\n        scripts: component.scripts,\r\n        externalScripts: component.externalScripts,\r\n        styles: component.styles,\r\n        sourcePath: path,\r\n      };\r\n\r\n      // Define the web component\r\n      logger.log(`Component ${name} registered successfully`);\r\n      await this.#defineWebComponent(name, useShadowDOM);\r\n    } catch (error) {\r\n      logger.error(\r\n        `Failed to register component \"${name}\": ${(error as Error).message}`\r\n      );\r\n      return;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Defines the web component using the webcomponent module\r\n   * @param name - Component name\r\n   * @param useShadowDOM - Whether to use Shadow DOM\r\n   */\r\n  async #defineWebComponent(\r\n    name: string,\r\n    useShadowDOM: boolean\r\n  ): Promise<void> {\r\n    const { defineWebComponent } = await import(\"./webcomponent\");\r\n\r\n    // safety check\r\n    if (this.components[name]) {\r\n      defineWebComponent(this.components[name], useShadowDOM);\r\n    }\r\n  }\r\n}\r\n\r\nexport const ladrillos = new Ladrillos();\r\n","/**\r\n * Global Event Bus for component-to-component communication\r\n * Allows components to emit events and listen to events from other components\r\n */\r\n\r\ntype EventCallback = (data?: any) => void | Promise<void>;\r\ntype EventListeners = Map<string, Set<EventCallback>>;\r\n\r\nclass EventBus {\r\n  private listeners: EventListeners = new Map();\r\n\r\n  /**\r\n   * Emit an event with optional data\r\n   * @param eventName - The name of the event to emit\r\n   * @param data - Optional data to pass to listeners\r\n   * @returns Promise that resolves when all listeners have been called\r\n   */\r\n  emit(eventName: string, data?: any): Promise<void> {\r\n    // Also dispatch as a native DOM CustomEvent so document.addEventListener works\r\n    const customEvent = new CustomEvent(eventName, {\r\n      detail: data,\r\n      bubbles: true,\r\n      composed: true,\r\n    });\r\n    document.dispatchEvent(customEvent);\r\n\r\n    const callbacks = this.listeners.get(eventName);\r\n\r\n    if (!callbacks || callbacks.size === 0) {\r\n      // No listeners, resolve immediately\r\n      return Promise.resolve();\r\n    }\r\n\r\n    // Execute all callbacks and collect promises\r\n    const promises: Promise<void>[] = [];\r\n\r\n    callbacks.forEach((callback) => {\r\n      try {\r\n        const result = callback(data);\r\n        // If callback returns a promise, add it to promises array\r\n        if (result instanceof Promise) {\r\n          promises.push(result);\r\n        }\r\n      } catch (error) {\r\n        console.error(`Error in event listener for \"${eventName}\":`, error);\r\n        promises.push(Promise.reject(error));\r\n      }\r\n    });\r\n\r\n    // If any callbacks returned promises, wait for all of them\r\n    if (promises.length > 0) {\r\n      return Promise.all(promises).then(() => undefined);\r\n    }\r\n\r\n    return Promise.resolve();\r\n  }\r\n\r\n  /**\r\n   * Listen to an event\r\n   * @param eventName - The name of the event to listen for\r\n   * @param callback - Function to call when event is emitted\r\n   * @returns Function to remove the listener\r\n   */\r\n  listen(eventName: string, callback: EventCallback): () => void {\r\n    if (!this.listeners.has(eventName)) {\r\n      this.listeners.set(eventName, new Set());\r\n    }\r\n\r\n    this.listeners.get(eventName)!.add(callback);\r\n\r\n    // Return unsubscribe function\r\n    return () => {\r\n      this.off(eventName, callback);\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Remove a specific event listener\r\n   * @param eventName - The name of the event\r\n   * @param callback - The callback to remove\r\n   */\r\n  off(eventName: string, callback: EventCallback): void {\r\n    const callbacks = this.listeners.get(eventName);\r\n    if (callbacks) {\r\n      callbacks.delete(callback);\r\n      // Clean up empty sets\r\n      if (callbacks.size === 0) {\r\n        this.listeners.delete(eventName);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Remove all listeners for an event, or all listeners if no event specified\r\n   * @param eventName - Optional event name to clear listeners for\r\n   */\r\n  clear(eventName?: string): void {\r\n    if (eventName) {\r\n      this.listeners.delete(eventName);\r\n    } else {\r\n      this.listeners.clear();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Get count of listeners for an event\r\n   * @param eventName - The event name\r\n   * @returns Number of listeners\r\n   */\r\n  listenerCount(eventName: string): number {\r\n    return this.listeners.get(eventName)?.size ?? 0;\r\n  }\r\n}\r\n\r\n// Export singleton instance\r\nexport const eventBus = new EventBus();\r\n","import { ladrillos } from \"./core/main.js\";\r\nimport { eventBus } from \"./core/eventBus.js\";\r\n\r\ndeclare global {\r\n  interface Window {\r\n    ladrillosjs: {\r\n      registerComponent: typeof registerComponent;\r\n      registerComponents: typeof registerComponents;\r\n    };\r\n    $listen: typeof $listen;\r\n    $emit: typeof $emit;\r\n    $querySelector: typeof $querySelector;\r\n    $querySelectorAll: typeof $querySelectorAll;\r\n    $reactive: typeof $reactive;\r\n    $setState: typeof $setState;\r\n    $getState: typeof $getState;\r\n  }\r\n}\r\n\r\nexport const registerComponent = (\r\n  name: string,\r\n  path: string,\r\n  useShadowDOM?: boolean\r\n) => ladrillos.registerComponent(name, path, useShadowDOM);\r\n\r\nexport const registerComponents = async (\r\n  components: Array<{ name: string; path: string; useShadowDOM?: boolean }>\r\n): Promise<void> => {\r\n  await Promise.all(\r\n    components.map(({ name, path, useShadowDOM }) =>\r\n      ladrillos.registerComponent(name, path, useShadowDOM)\r\n    )\r\n  );\r\n};\r\n\r\n// Event bus helper functions\r\nexport const $listen = (event: string, callback: (data?: any) => void) => {\r\n  return eventBus.listen(event, callback);\r\n};\r\n\r\nexport const $emit = (event: string, data?: any) => {\r\n  eventBus.emit(event, data);\r\n};\r\n\r\n// Component context management\r\n// Maps script URLs to their component contexts for persistent association\r\nconst scriptContextMap = new Map<\r\n  string,\r\n  { shadowRoot?: ShadowRoot; element?: HTMLElement }\r\n>();\r\nconst activeContext: { shadowRoot?: ShadowRoot; element?: HTMLElement } | null =\r\n  null;\r\n\r\n/**\r\n * Internal: Set component context for a script\r\n * Called by the framework when loading scripts from components\r\n */\r\nexport const __setComponentContext = (\r\n  shadowRoot?: ShadowRoot,\r\n  element?: HTMLElement\r\n) => {\r\n  // Store in the global registry by component tag name\r\n  if (element) {\r\n    const tagName = element.tagName.toLowerCase();\r\n    if (!(window as any).__ladrilloContexts) {\r\n      (window as any).__ladrilloContexts = new Map();\r\n    }\r\n    (window as any).__ladrilloContexts.set(tagName, { shadowRoot, element });\r\n  }\r\n};\r\n\r\n/**\r\n * Internal: Get component context for the current script\r\n */\r\nconst getComponentContext = () => {\r\n  const registry = (window as any).__ladrilloContexts as Map<string, any>;\r\n  if (registry && registry.size > 0) {\r\n    // For now, return the last registered context\r\n    // In the future, we could track which script belongs to which component\r\n    const contexts = Array.from(registry.values());\r\n    return contexts[contexts.length - 1];\r\n  }\r\n  return null;\r\n};\r\n\r\n/**\r\n * Get the component's reactive state (for use in module scripts with bind attribute)\r\n * Returns a Proxy that allows direct property access to component.state\r\n * @returns Proxy to component state or empty object if no component context\r\n */\r\nexport const $getState = (): any => {\r\n  const ctx = getComponentContext();\r\n  if (ctx && ctx.element) {\r\n    return (ctx.element as any).state || {};\r\n  }\r\n  return {};\r\n};\r\n\r\n/**\r\n * Set component state (for use in module scripts with bind attribute)\r\n * @param updates - Object with state updates\r\n */\r\nexport const $setState = (updates: any) => {\r\n  const ctx = getComponentContext();\r\n  if (ctx && ctx.setState) {\r\n    ctx.setState(updates);\r\n  }\r\n};\r\n\r\n/**\r\n * Creates a reactive variable that automatically updates the component when changed.\r\n * For use in ES module scripts with the bind attribute.\r\n * @param name - The variable name (must match the binding in the template)\r\n * @param initialValue - The initial value\r\n * @returns A setter function to update the value\r\n *\r\n * @example\r\n * ```javascript\r\n * import { $reactive } from 'ladrillosjs';\r\n *\r\n * // In your module script:\r\n * const setBeers = $reactive('beers', 'loading...');\r\n *\r\n * // Later, update it:\r\n * setBeers('<card>...</card>');\r\n * ```\r\n */\r\nexport const $reactive = <T = any>(\r\n  name: string,\r\n  initialValue: T\r\n): ((value: T) => void) => {\r\n  // Initialize the state\r\n  $setState({ [name]: initialValue });\r\n\r\n  // Return a setter function\r\n  return (value: T) => {\r\n    $setState({ [name]: value });\r\n  };\r\n};\r\n\r\n// DOM query helpers with smart component context detection\r\n// Automatically searches within component context when appropriate\r\nexport const $querySelector = (\r\n  selector: string,\r\n  root?: Element | Document | ShadowRoot\r\n): Element | null => {\r\n  if (root) {\r\n    return root.querySelector(selector);\r\n  }\r\n\r\n  // Try to get component context\r\n  const ctx = getComponentContext();\r\n  if (ctx) {\r\n    const searchRoot = ctx.shadowRoot || ctx.element;\r\n    if (searchRoot) {\r\n      const result = searchRoot.querySelector(selector);\r\n      if (result) return result;\r\n    }\r\n  }\r\n\r\n  // Fallback to document\r\n  return document.querySelector(selector);\r\n};\r\n\r\nexport const $querySelectorAll = (\r\n  selector: string,\r\n  root?: Element | Document | ShadowRoot\r\n): NodeListOf<Element> => {\r\n  if (root) {\r\n    return root.querySelectorAll(selector);\r\n  }\r\n\r\n  // Try to get component context\r\n  const ctx = getComponentContext();\r\n  if (ctx) {\r\n    const searchRoot = ctx.shadowRoot || ctx.element;\r\n    if (searchRoot) {\r\n      const result = searchRoot.querySelectorAll(selector);\r\n      if (result.length > 0) return result;\r\n    }\r\n  }\r\n\r\n  // Fallback to document\r\n  return document.querySelectorAll(selector);\r\n};\r\n\r\n// for a browser‑global via <script src=\"…ladrillosjs.js\"></script>\r\nif (typeof window !== \"undefined\") {\r\n  window.ladrillosjs = {\r\n    registerComponent,\r\n    registerComponents,\r\n  };\r\n\r\n  // Expose helper functions globally for non-module scripts\r\n  window.$listen = $listen;\r\n  window.$emit = $emit;\r\n  window.$querySelector = $querySelector;\r\n  window.$querySelectorAll = $querySelectorAll;\r\n  window.$reactive = $reactive;\r\n  window.$setState = $setState;\r\n  window.$getState = $getState;\r\n}\r\n"],"names":["isDevelopment","e","logger","message","args","cache","maxCacheSize","getCached","path","cached","setCache","content","firstKey","fetchComponentSource","__async","response","text","error","safeFetch","url","res","err","REGEX_PATTERNS","parser","parseComponent","source","name","doc","parseComponentHTML","scripts","externalScripts","extractScripts","styles","extractStyles","template","isDevServerScript","src","pattern","el","isExternal","_a","_b","extractCSSFromResponse","viteMatch","exportMatch","style","styleElements","element","cssContent","styleEl","css","Ladrillos","__privateAdd","_Ladrillos_instances","useShadowDOM","component","__privateMethod","defineWebComponent_fn","defineWebComponent","ladrillos","EventBus","eventName","data","customEvent","callbacks","promises","callback","result","eventBus","registerComponent","registerComponents","components","$listen","event","$emit","__setComponentContext","shadowRoot","tagName","getComponentContext","registry","contexts","$getState","ctx","$setState","updates","$reactive","initialValue","value","$querySelector","selector","root","searchRoot","$querySelectorAll"],"mappings":"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"}
+{"version":3,"file":"index-63mcJ9Hl.js","sources":["../src/utils/logger.ts","../src/cache/index.ts","../src/core/componentSource.ts","../src/utils/regex.ts","../src/core/componentParser.ts","../src/core/main.ts","../src/core/eventBus.ts","../src/index.ts"],"sourcesContent":["/**\r\n * Utility for conditional logging based on environment\r\n */\r\n\r\n// Type guard for Vite environment\r\nconst isDevelopment = (): boolean => {\r\n  try {\r\n    return (import.meta as any).env?.DEV === true;\r\n  } catch {\r\n    return process.env.NODE_ENV === 'development';\r\n  }\r\n};\r\n\r\nexport const logger = {\r\n  /**\r\n   * Log a message only in development mode\r\n   * @param message - The message to log\r\n   * @param args - Additional arguments to log\r\n   */\r\n  log(message: string, ...args: any[]): void {\r\n    if (isDevelopment()) {\r\n      console.log(message, ...args);\r\n    }\r\n  },\r\n\r\n  /**\r\n   * Log an error (always logs in both dev and production)\r\n   * @param message - The error message\r\n   * @param args - Additional arguments to log\r\n   */\r\n  error(message: string, ...args: any[]): void {\r\n    console.error(message, ...args);\r\n  },\r\n\r\n  /**\r\n   * Log a warning only in development mode\r\n   * @param message - The warning message\r\n   * @param args - Additional arguments to log\r\n   */\r\n  warn(message: string, ...args: any[]): void {\r\n    if (isDevelopment()) {\r\n      console.warn(message, ...args);\r\n    }\r\n  },\r\n};\r\n","const cache = new Map<string, string>();\r\nconst maxCacheSize = 25; // TODO: make configurable for developer to set\r\n\r\n/**\r\n * LRU Cache: Gets cached content and marks it as recently used\r\n * Moves the accessed item to the end of the Map (most recently used position)\r\n * This ensures frequently accessed components stay in cache longer\r\n * @param path - The file path to retrieve from cache\r\n * @returns The cached content or undefined if not found\r\n */\r\nexport const getCached = (path: string): string | undefined => {\r\n  const cached = cache.get(path);\r\n  if (cached) {\r\n    // LRU: Move to end (most recently used position)\r\n    cache.delete(path);\r\n    cache.set(path, cached);\r\n  }\r\n  return cached;\r\n};\r\n\r\n/**\r\n * LRU Cache: Stores content with automatic eviction of least recently used items\r\n * Maintains cache size limit by removing oldest items when full\r\n * Updates existing items without affecting cache size\r\n * @param path - The file path to cache\r\n * @param content - The content to store\r\n */\r\nexport const setCache = (path: string, content: string): void => {\r\n  if (cache.has(path)) {\r\n    // Update existing: remove and re-add to mark as most recent\r\n    cache.delete(path);\r\n  } else if (cache.size >= maxCacheSize) {\r\n    // Cache full: remove least recently used (first item in Map)\r\n    const firstKey = cache.keys().next().value;\r\n    if (firstKey) {\r\n      cache.delete(firstKey);\r\n    }\r\n  }\r\n  // Add/update as most recently used (end of Map)\r\n  cache.set(path, content);\r\n};\r\n","import { getCached, setCache } from \"../cache\";\r\nimport { logger } from \"../utils/logger\";\r\n\r\n/**\r\n * Fetches component source with caching support\r\n * @param path - The file path to fetch\r\n * @returns The component source content\r\n */\r\nexport const fetchComponentSource = async (\r\n  path: string\r\n): Promise<string | undefined> => {\r\n  if (!path) {\r\n    throw new Error(\"Path cannot be null or empty\");\r\n  }\r\n\r\n  const cached = getCached(path);\r\n  if (cached) return cached;\r\n\r\n  // fetch and cache\r\n  try {\r\n    const response = await fetch(path);\r\n\r\n    if (!response.ok) {\r\n      throw new Error(\r\n        `Failed to fetch component from ${path}: ${response.statusText}`\r\n      );\r\n    }\r\n\r\n    const text = await response.text();\r\n    setCache(path, text);\r\n\r\n    return text;\r\n  } catch (error) {\r\n    logger.error(\r\n      `Error fetching component from ${path}: ${(error as Error).message}`\r\n    );\r\n  }\r\n};\r\n\r\n/**\r\n * Safe fetch helper that returns empty string on error\r\n * @param url - The URL to fetch\r\n * @returns The fetched content or empty string\r\n */\r\nexport const safeFetch = async (url: string): Promise<string> => {\r\n  try {\r\n    const res = await fetch(url);\r\n    if (!res.ok) throw new Error(`HTTP ${res.status}`);\r\n    return await res.text();\r\n  } catch (err) {\r\n    logger.error(`Failed to fetch resource at ${url}:`, err);\r\n    return \"\";\r\n  }\r\n};\r\n","import { RegexPatterns } from \"../types/LadrilloTypes\";\r\n\r\nexport const REGEX_PATTERNS: RegexPatterns = {\r\n  bindings: /{([^}]+)}/g,\r\n  comments: {\r\n    js: /\\/\\*[\\s\\S]*?\\*\\/|\\/\\/.*$/gm,\r\n    css: /\\/\\*[\\s\\S]*?\\*\\//g,\r\n    html: /<!--[\\s\\S]*?-->/g,\r\n  },\r\n};\r\n","import {\r\n  ExternalScriptElement,\r\n  LadrillosComponent,\r\n  ScriptElement,\r\n} from \"../types/LadrilloTypes\";\r\nimport { REGEX_PATTERNS } from \"../utils/regex\";\r\nimport { logger } from \"../utils/logger\";\r\nimport { safeFetch } from \"./componentSource\";\r\n\r\nconst parser = new DOMParser();\r\n\r\n/**\r\n * Parses component HTML and extracts scripts and styles\r\n * @param source - The HTML source of the component\r\n * @param name - The name of the component\r\n * @returns Parsed component object\r\n */\r\nexport const parseComponent = async (\r\n  source: string,\r\n  name: string\r\n): Promise<LadrillosComponent> => {\r\n  const doc = parseComponentHTML(source);\r\n  const { scripts, externalScripts } = extractScripts(doc);\r\n  const styles = await extractStyles(doc);\r\n  const template = doc.body.innerHTML.trim();\r\n\r\n  return {\r\n    tagName: name,\r\n    template,\r\n    scripts,\r\n    externalScripts,\r\n    styles,\r\n  };\r\n};\r\n\r\n/**\r\n * Parses HTML content and removes comments\r\n * @param source - The HTML source to parse\r\n * @returns Parsed DOM document\r\n */\r\nexport const parseComponentHTML = (source: string): Document => {\r\n  return parser.parseFromString(\r\n    source.replace(REGEX_PATTERNS.comments.html, \"\"),\r\n    \"text/html\"\r\n  );\r\n};\r\n\r\n/**\r\n * Checks if a script URL is a development server script that should be ignored.\r\n * Dev server scripts (Vite, Webpack HMR, etc.) are injected by the dev environment\r\n * and should not be processed as part of the component.\r\n */\r\nconst isDevServerScript = (src: string): boolean => {\r\n  const devPatterns = [\r\n    \"/@vite/\", // Vite dev client\r\n    \"/__vite\", // Vite internal\r\n    \"/webpack-dev-server\", // Webpack dev server\r\n    \"/hot-update\", // Webpack HMR\r\n    \"/__webpack_hmr\", // Webpack HMR\r\n    \"/browser-sync/\", // Browser Sync\r\n    \"/livereload.js\", // LiveReload\r\n  ];\r\n\r\n  return devPatterns.some((pattern) => src.includes(pattern));\r\n};\r\n\r\n/**\r\n * Extracts and processes script elements from the document\r\n * @param doc - The parsed document\r\n * @returns Object containing scripts and external scripts\r\n */\r\nexport const extractScripts = (\r\n  doc: Document\r\n): {\r\n  scripts: ScriptElement[];\r\n  externalScripts: ExternalScriptElement[];\r\n} => {\r\n  const scripts: ScriptElement[] = [];\r\n  const externalScripts: ExternalScriptElement[] = [];\r\n\r\n  for (const el of doc.querySelectorAll(\"script\")) {\r\n    if (el.src) {\r\n      // Skip dev server scripts (Vite, Webpack, etc.)\r\n      if (isDevServerScript(el.src)) {\r\n        el.remove();\r\n        continue;\r\n      }\r\n\r\n      // Only mark as external if the 'external' attribute is explicitly present\r\n      const isExternal = el.hasAttribute(\"external\");\r\n\r\n      externalScripts.push({\r\n        src: el.getAttribute(\"src\") || el.src, // Use getAttribute to preserve relative paths\r\n        type: el.type ?? null,\r\n        external: isExternal,\r\n      });\r\n    } else if (el.textContent) {\r\n      let content = el.textContent.trim();\r\n      // strip JavaScript comments (single‑line and block)\r\n      content = content.replace(REGEX_PATTERNS.comments.js, \"\").trim();\r\n      scripts.push({\r\n        content,\r\n        type: el.type ?? null,\r\n      });\r\n    }\r\n    el.remove();\r\n  }\r\n\r\n  return { scripts, externalScripts };\r\n};\r\n\r\n/**\r\n * Extracts CSS content from various response formats\r\n * Handles:\r\n * - Vite dev server (wrapped in __vite__css variable)\r\n * - Plain CSS files (production/CDN)\r\n * - Other build tool formats\r\n */\r\nconst extractCSSFromResponse = (response: string): string => {\r\n  // Check if this is a Vite HMR response (contains __vite__css)\r\n  // Use a regex that properly handles escaped quotes within the string\r\n  const viteMatch = response.match(/const __vite__css = \"((?:[^\"\\\\]|\\\\.)*)\"/);\r\n  if (viteMatch && viteMatch[1]) {\r\n    // Unescape the CSS string\r\n    return viteMatch[1]\r\n      .replace(/\\\\r\\\\n/g, \"\\n\")\r\n      .replace(/\\\\n/g, \"\\n\")\r\n      .replace(/\\\\t/g, \"\\t\")\r\n      .replace(/\\\\\"/g, '\"')\r\n      .replace(/\\\\\\\\/g, \"\\\\\");\r\n  }\r\n\r\n  // Check for other module formats (e.g., \"export default ...\")\r\n  const exportMatch = response.match(/export\\s+default\\s+\"((?:[^\"\\\\]|\\\\.)*)\"/);\r\n  if (exportMatch && exportMatch[1]) {\r\n    return exportMatch[1]\r\n      .replace(/\\\\r\\\\n/g, \"\\n\")\r\n      .replace(/\\\\n/g, \"\\n\")\r\n      .replace(/\\\\t/g, \"\\t\")\r\n      .replace(/\\\\\"/g, '\"')\r\n      .replace(/\\\\\\\\/g, \"\\\\\");\r\n  }\r\n\r\n  // If it looks like JavaScript (not CSS), warn and return empty\r\n  if (response.includes(\"import\") || response.includes(\"export\")) {\r\n    logger.warn(\r\n      \"CSS file returned JavaScript module format. CSS may not load correctly.\"\r\n    );\r\n    return \"\";\r\n  }\r\n\r\n  // If not a module format, assume it's plain CSS (production or direct file)\r\n  return response;\r\n};\r\n\r\n/**\r\n * Extracts and processes style elements from the document\r\n * @param doc - The parsed document\r\n * @returns Concatenated CSS content\r\n */\r\nexport const extractStyles = async (doc: Document): Promise<string> => {\r\n  let style = \"\";\r\n\r\n  // Process styles in document order (inline styles and external stylesheets)\r\n  const styleElements = doc.querySelectorAll(\"style, link[rel='stylesheet']\");\r\n\r\n  for (const element of styleElements) {\r\n    if (element.tagName === \"LINK\") {\r\n      const linkElement = element as HTMLLinkElement;\r\n      const response = await safeFetch(linkElement.href);\r\n      const cssContent = extractCSSFromResponse(response);\r\n      if (cssContent) {\r\n        style += \"\\n\" + cssContent;\r\n      }\r\n    } else if (element.tagName === \"STYLE\") {\r\n      const styleEl = element as HTMLStyleElement;\r\n      if (styleEl.textContent) {\r\n        let css = styleEl.textContent.trim();\r\n        // strip CSS comments\r\n        css = css.replace(REGEX_PATTERNS.comments.css, \"\").trim();\r\n        style += \"\\n\" + css;\r\n      }\r\n    }\r\n    element.remove();\r\n  }\r\n\r\n  return style.trim();\r\n};\r\n","import { LadrillosComponent } from \"../types/LadrilloTypes\";\r\nimport { logger } from \"../utils/logger\";\r\nimport { fetchComponentSource } from \"./componentSource\";\r\nimport { parseComponent } from \"./componentParser\";\r\n\r\nclass Ladrillos {\r\n  // properties\r\n  components: Record<string, LadrillosComponent>;\r\n\r\n  constructor() {\r\n    // Initialize the Ladrillos instance\r\n    this.components = {};\r\n  }\r\n\r\n  async registerComponent(\r\n    name: string,\r\n    path: string,\r\n    useShadowDOM: boolean = true\r\n  ): Promise<void> {\r\n    if (this.components[name]) {\r\n      logger.warn(`Component with name \"${name}\" is already registered.`);\r\n      return;\r\n    }\r\n\r\n    try {\r\n      const source = await fetchComponentSource(path);\r\n      const component = await parseComponent(source!, name);\r\n\r\n      this.components[name] = {\r\n        tagName: name,\r\n        template: component.template,\r\n        scripts: component.scripts,\r\n        externalScripts: component.externalScripts,\r\n        styles: component.styles,\r\n        sourcePath: path,\r\n      };\r\n\r\n      // Define the web component\r\n      logger.log(`Component ${name} registered successfully`);\r\n      await this.#defineWebComponent(name, useShadowDOM);\r\n    } catch (error) {\r\n      logger.error(\r\n        `Failed to register component \"${name}\": ${(error as Error).message}`\r\n      );\r\n      return;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Defines the web component using the webcomponent module\r\n   * @param name - Component name\r\n   * @param useShadowDOM - Whether to use Shadow DOM\r\n   */\r\n  async #defineWebComponent(\r\n    name: string,\r\n    useShadowDOM: boolean\r\n  ): Promise<void> {\r\n    const { defineWebComponent } = await import(\"./webcomponent\");\r\n\r\n    // safety check\r\n    if (this.components[name]) {\r\n      defineWebComponent(this.components[name], useShadowDOM);\r\n    }\r\n  }\r\n}\r\n\r\nexport const ladrillos = new Ladrillos();\r\n","/**\r\n * Global Event Bus for component-to-component communication\r\n * Allows components to emit events and listen to events from other components\r\n */\r\n\r\ntype EventCallback = (data?: any) => void | Promise<void>;\r\ntype EventListeners = Map<string, Set<EventCallback>>;\r\n\r\nclass EventBus {\r\n  private listeners: EventListeners = new Map();\r\n\r\n  /**\r\n   * Emit an event with optional data\r\n   * @param eventName - The name of the event to emit\r\n   * @param data - Optional data to pass to listeners\r\n   * @returns Promise that resolves when all listeners have been called\r\n   */\r\n  emit(eventName: string, data?: any): Promise<void> {\r\n    // Also dispatch as a native DOM CustomEvent so document.addEventListener works\r\n    const customEvent = new CustomEvent(eventName, {\r\n      detail: data,\r\n      bubbles: true,\r\n      composed: true,\r\n    });\r\n    document.dispatchEvent(customEvent);\r\n\r\n    const callbacks = this.listeners.get(eventName);\r\n\r\n    if (!callbacks || callbacks.size === 0) {\r\n      // No listeners, resolve immediately\r\n      return Promise.resolve();\r\n    }\r\n\r\n    // Execute all callbacks and collect promises\r\n    const promises: Promise<void>[] = [];\r\n\r\n    callbacks.forEach((callback) => {\r\n      try {\r\n        const result = callback(data);\r\n        // If callback returns a promise, add it to promises array\r\n        if (result instanceof Promise) {\r\n          promises.push(result);\r\n        }\r\n      } catch (error) {\r\n        console.error(`Error in event listener for \"${eventName}\":`, error);\r\n        promises.push(Promise.reject(error));\r\n      }\r\n    });\r\n\r\n    // If any callbacks returned promises, wait for all of them\r\n    if (promises.length > 0) {\r\n      return Promise.all(promises).then(() => undefined);\r\n    }\r\n\r\n    return Promise.resolve();\r\n  }\r\n\r\n  /**\r\n   * Listen to an event\r\n   * @param eventName - The name of the event to listen for\r\n   * @param callback - Function to call when event is emitted\r\n   * @returns Function to remove the listener\r\n   */\r\n  listen(eventName: string, callback: EventCallback): () => void {\r\n    if (!this.listeners.has(eventName)) {\r\n      this.listeners.set(eventName, new Set());\r\n    }\r\n\r\n    this.listeners.get(eventName)!.add(callback);\r\n\r\n    // Return unsubscribe function\r\n    return () => {\r\n      this.off(eventName, callback);\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Remove a specific event listener\r\n   * @param eventName - The name of the event\r\n   * @param callback - The callback to remove\r\n   */\r\n  off(eventName: string, callback: EventCallback): void {\r\n    const callbacks = this.listeners.get(eventName);\r\n    if (callbacks) {\r\n      callbacks.delete(callback);\r\n      // Clean up empty sets\r\n      if (callbacks.size === 0) {\r\n        this.listeners.delete(eventName);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Remove all listeners for an event, or all listeners if no event specified\r\n   * @param eventName - Optional event name to clear listeners for\r\n   */\r\n  clear(eventName?: string): void {\r\n    if (eventName) {\r\n      this.listeners.delete(eventName);\r\n    } else {\r\n      this.listeners.clear();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Get count of listeners for an event\r\n   * @param eventName - The event name\r\n   * @returns Number of listeners\r\n   */\r\n  listenerCount(eventName: string): number {\r\n    return this.listeners.get(eventName)?.size ?? 0;\r\n  }\r\n}\r\n\r\n// Export singleton instance\r\nexport const eventBus = new EventBus();\r\n","import { ladrillos } from \"./core/main.js\";\r\nimport { eventBus } from \"./core/eventBus.js\";\r\n\r\ndeclare global {\r\n  interface Window {\r\n    ladrillosjs: {\r\n      registerComponent: typeof registerComponent;\r\n      registerComponents: typeof registerComponents;\r\n    };\r\n    $listen: typeof $listen;\r\n    $emit: typeof $emit;\r\n    $querySelector: typeof $querySelector;\r\n    $querySelectorAll: typeof $querySelectorAll;\r\n    $reactive: typeof $reactive;\r\n    $setState: typeof $setState;\r\n    $getState: typeof $getState;\r\n  }\r\n}\r\n\r\nexport const registerComponent = (\r\n  name: string,\r\n  path: string,\r\n  useShadowDOM?: boolean\r\n) => ladrillos.registerComponent(name, path, useShadowDOM);\r\n\r\nexport const registerComponents = async (\r\n  components: Array<{ name: string; path: string; useShadowDOM?: boolean }>\r\n): Promise<void> => {\r\n  await Promise.all(\r\n    components.map(({ name, path, useShadowDOM }) =>\r\n      ladrillos.registerComponent(name, path, useShadowDOM)\r\n    )\r\n  );\r\n};\r\n\r\n// Event bus helper functions\r\nexport const $listen = (event: string, callback: (data?: any) => void) => {\r\n  return eventBus.listen(event, callback);\r\n};\r\n\r\nexport const $emit = (event: string, data?: any) => {\r\n  eventBus.emit(event, data);\r\n};\r\n\r\n// Component context management\r\n// Maps script URLs to their component contexts for persistent association\r\nconst scriptContextMap = new Map<\r\n  string,\r\n  { shadowRoot?: ShadowRoot; element?: HTMLElement }\r\n>();\r\nconst activeContext: { shadowRoot?: ShadowRoot; element?: HTMLElement } | null =\r\n  null;\r\n\r\n/**\r\n * Internal: Set component context for a script\r\n * Called by the framework when loading scripts from components\r\n */\r\nexport const __setComponentContext = (\r\n  shadowRoot?: ShadowRoot,\r\n  element?: HTMLElement\r\n) => {\r\n  // Store in the global registry by component tag name\r\n  if (element) {\r\n    const tagName = element.tagName.toLowerCase();\r\n    if (!(window as any).__ladrilloContexts) {\r\n      (window as any).__ladrilloContexts = new Map();\r\n    }\r\n    (window as any).__ladrilloContexts.set(tagName, { shadowRoot, element });\r\n  }\r\n};\r\n\r\n/**\r\n * Internal: Get component context for the current script\r\n */\r\nconst getComponentContext = () => {\r\n  const registry = (window as any).__ladrilloContexts as Map<string, any>;\r\n  if (registry && registry.size > 0) {\r\n    // For now, return the last registered context\r\n    // In the future, we could track which script belongs to which component\r\n    const contexts = Array.from(registry.values());\r\n    return contexts[contexts.length - 1];\r\n  }\r\n  return null;\r\n};\r\n\r\n/**\r\n * Get the component's reactive state (for use in module scripts with bind attribute)\r\n * Returns a Proxy that allows direct property access to component.state\r\n * @returns Proxy to component state or empty object if no component context\r\n */\r\nexport const $getState = (): any => {\r\n  const ctx = getComponentContext();\r\n  if (ctx && ctx.element) {\r\n    return (ctx.element as any).state || {};\r\n  }\r\n  return {};\r\n};\r\n\r\n/**\r\n * Set component state (for use in module scripts with bind attribute)\r\n * @param updates - Object with state updates\r\n */\r\nexport const $setState = (updates: any) => {\r\n  const ctx = getComponentContext();\r\n  if (ctx && ctx.setState) {\r\n    ctx.setState(updates);\r\n  }\r\n};\r\n\r\n/**\r\n * Creates a reactive variable that automatically updates the component when changed.\r\n * For use in ES module scripts with the bind attribute.\r\n * @param name - The variable name (must match the binding in the template)\r\n * @param initialValue - The initial value\r\n * @returns A setter function to update the value\r\n *\r\n * @example\r\n * ```javascript\r\n * import { $reactive } from 'ladrillosjs';\r\n *\r\n * // In your module script:\r\n * const setBeers = $reactive('beers', 'loading...');\r\n *\r\n * // Later, update it:\r\n * setBeers('<card>...</card>');\r\n * ```\r\n */\r\nexport const $reactive = <T = any>(\r\n  name: string,\r\n  initialValue: T\r\n): ((value: T) => void) => {\r\n  // Initialize the state\r\n  $setState({ [name]: initialValue });\r\n\r\n  // Return a setter function\r\n  return (value: T) => {\r\n    $setState({ [name]: value });\r\n  };\r\n};\r\n\r\n// DOM query helpers with smart component context detection\r\n// Automatically searches within component context when appropriate\r\nexport const $querySelector = (\r\n  selector: string,\r\n  root?: Element | Document | ShadowRoot\r\n): Element | null => {\r\n  if (root) {\r\n    return root.querySelector(selector);\r\n  }\r\n\r\n  // Try to get component context\r\n  const ctx = getComponentContext();\r\n  if (ctx) {\r\n    const searchRoot = ctx.shadowRoot || ctx.element;\r\n    if (searchRoot) {\r\n      const result = searchRoot.querySelector(selector);\r\n      if (result) return result;\r\n    }\r\n  }\r\n\r\n  // Fallback to document\r\n  return document.querySelector(selector);\r\n};\r\n\r\nexport const $querySelectorAll = (\r\n  selector: string,\r\n  root?: Element | Document | ShadowRoot\r\n): NodeListOf<Element> => {\r\n  if (root) {\r\n    return root.querySelectorAll(selector);\r\n  }\r\n\r\n  // Try to get component context\r\n  const ctx = getComponentContext();\r\n  if (ctx) {\r\n    const searchRoot = ctx.shadowRoot || ctx.element;\r\n    if (searchRoot) {\r\n      const result = searchRoot.querySelectorAll(selector);\r\n      if (result.length > 0) return result;\r\n    }\r\n  }\r\n\r\n  // Fallback to document\r\n  return document.querySelectorAll(selector);\r\n};\r\n\r\n// for a browser‑global via <script src=\"…ladrillosjs.js\"></script>\r\nif (typeof window !== \"undefined\") {\r\n  window.ladrillosjs = {\r\n    registerComponent,\r\n    registerComponents,\r\n  };\r\n\r\n  // Expose helper functions globally for non-module scripts\r\n  window.$listen = $listen;\r\n  window.$emit = $emit;\r\n  window.$querySelector = $querySelector;\r\n  window.$querySelectorAll = $querySelectorAll;\r\n  window.$reactive = $reactive;\r\n  window.$setState = $setState;\r\n  window.$getState = $getState;\r\n}\r\n"],"names":["isDevelopment","e","logger","message","args","cache","maxCacheSize","getCached","path","cached","setCache","content","firstKey","fetchComponentSource","__async","response","text","error","safeFetch","url","res","err","REGEX_PATTERNS","parser","parseComponent","source","name","doc","parseComponentHTML","scripts","externalScripts","extractScripts","styles","extractStyles","template","isDevServerScript","src","pattern","el","isExternal","_a","_b","extractCSSFromResponse","viteMatch","exportMatch","style","styleElements","element","cssContent","styleEl","css","Ladrillos","__privateAdd","_Ladrillos_instances","useShadowDOM","component","__privateMethod","defineWebComponent_fn","defineWebComponent","ladrillos","EventBus","eventName","data","customEvent","callbacks","promises","callback","result","eventBus","registerComponent","registerComponents","components","$listen","event","$emit","__setComponentContext","shadowRoot","tagName","getComponentContext","registry","contexts","$getState","ctx","$setState","updates","$reactive","initialValue","value","$querySelector","selector","root","searchRoot","$querySelectorAll"],"mappings":"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"}

package/dist/{index-I-w3IPex.mjs → index-CUJmLlUh.mjs}

@@ -213,7 +213,7 @@ class j {
 }
 f = new WeakSet(), C = function(e, s) {
   return a(this, null, function* () {
-    const { defineWebComponent: r } = yield import("./webcomponent-Vt40CdPC.mjs");
+    const { defineWebComponent: r } = yield import("./webcomponent-DzBRHkic.mjs");
     this.components[e] && r(this.components[e], s);
   });
 };
@@ -358,4 +358,4 @@ export {
   m as l,
   H as r
 };
-//# sourceMappingURL=index-I-w3IPex.mjs.map
+//# sourceMappingURL=index-CUJmLlUh.mjs.map