ladrillosjs 2.0.0-beta.3.2 → 2.0.0-beta.3.4

package/dist/{index-JWdjGiUA.mjs → index-COl4zCLy.mjs}

@@ -1,38 +1,38 @@
-var q = Object.defineProperty, I = Object.defineProperties;
+var j = Object.defineProperty, I = Object.defineProperties;
 var B = Object.getOwnPropertyDescriptors;
-var v = Object.getOwnPropertySymbols;
-var j = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var k = (t) => {
+var P = Object.getOwnPropertySymbols;
+var D = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
+var z = (t) => {
   throw TypeError(t);
 };
-var P = (t, e, r) => e in t ? q(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, h = (t, e) => {
+var k = (t, e, r) => e in t ? j(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, h = (t, e) => {
   for (var r in e || (e = {}))
-    j.call(e, r) && P(t, r, e[r]);
-  if (v)
-    for (var r of v(e))
-      W.call(e, r) && P(t, r, e[r]);
+    D.call(e, r) && k(t, r, e[r]);
+  if (P)
+    for (var r of P(e))
+      W.call(e, r) && k(t, r, e[r]);
   return t;
-}, f = (t, e) => I(t, B(e));
-var D = (t, e, r) => e.has(t) || k("Cannot " + r);
-var z = (t, e, r) => e.has(t) ? k("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r);
-var $ = (t, e, r) => (D(t, e, "access private method"), r);
+}, m = (t, e) => I(t, B(e));
+var O = (t, e, r) => e.has(t) || z("Cannot " + r);
+var L = (t, e, r) => e.has(t) ? z("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r);
+var $ = (t, e, r) => (O(t, e, "access private method"), r);
 var p = (t, e, r) => new Promise((s, o) => {
   var i = (c) => {
     try {
-      a(r.next(c));
+      l(r.next(c));
     } catch (d) {
       o(d);
     }
-  }, l = (c) => {
+  }, a = (c) => {
     try {
-      a(r.throw(c));
+      l(r.throw(c));
     } catch (d) {
       o(d);
     }
-  }, a = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(i, l);
-  a((r = r.apply(t, e)).next());
+  }, l = (c) => c.done ? s(c.value) : Promise.resolve(c.value).then(i, a);
+  l((r = r.apply(t, e)).next());
 });
-const L = () => {
+const _ = () => {
   try {
     return !1;
   } catch (t) {
@@ -45,7 +45,7 @@ const L = () => {
    * @param args - Additional arguments to log
    */
   log(t, ...e) {
-    L() && console.log(t, ...e);
+    _() && console.log(t, ...e);
   },
   /**
    * Log an error (always logs in both dev and production)
@@ -61,7 +61,7 @@ const L = () => {
    * @param args - Additional arguments to log
    */
   warn(t, ...e) {
-    L() && console.warn(t, ...e);
+    _() && console.warn(t, ...e);
   }
 }, g = (t, e) => {
   const r = [t];
@@ -73,44 +73,44 @@ const L = () => {
   Event: ${e.eventType}`), e.elementTag && r.push(`
   Element: <${e.elementTag}>`), e.lineHint && r.push(`
   Location: ${e.lineHint}`)), r.join("");
-}, pe = (t, e, r) => {
+}, ue = (t, e, r) => {
   const s = g(
     "⚠️ Binding Error: Failed to evaluate expression",
-    f(h({}, r), {
+    m(h({}, r), {
       expression: t,
       lineHint: (r == null ? void 0 : r.lineHint) || "Template binding expression"
     })
   );
   n.error(s), n.error(`  Error details: ${e.message}`), e.stack && console.debug("  Stack trace:", e.stack);
-}, ue = (t, e, r, s) => {
+}, ge = (t, e, r, s) => {
   const o = g(
     "⚠️ Event Handler Error: Failed to execute handler",
-    f(h({}, s), {
+    m(h({}, s), {
       eventType: t,
       expression: e,
       lineHint: (s == null ? void 0 : s.lineHint) || `on${t} handler`
     })
   );
   n.error(o), n.error(`  Error details: ${r.message}`), r.stack && console.debug("  Stack trace:", r.stack);
-}, ge = (t, e, r) => {
+}, he = (t, e, r) => {
   const s = g(
     "⚠️ Conditional Error: Failed to evaluate condition",
-    f(h({}, r), {
+    m(h({}, r), {
       expression: t,
       lineHint: (r == null ? void 0 : r.lineHint) || "$if/$else-if condition"
     })
   );
   n.error(s), n.error(`  Error details: ${e.message}`), e.stack && console.debug("  Stack trace:", e.stack);
-}, he = (t, e, r) => {
+}, me = (t, e, r) => {
   const s = g(
     "⚠️ Loop Error: Failed to process loop",
-    f(h({}, r), {
+    m(h({}, r), {
       expression: t,
       lineHint: (r == null ? void 0 : r.lineHint) || "$for loop expression"
     })
   );
   n.error(s), n.error(`  Error details: ${e.message}`), e.stack && console.debug("  Stack trace:", e.stack);
-}, _ = (t, e, r) => {
+}, x = (t, e, r) => {
   const s = g(
     "⚠️ Registration Error: Failed to register component",
     {
@@ -119,10 +119,10 @@ const L = () => {
     }
   );
   n.error(s), n.error(`  Error details: ${r.message}`), r.stack && console.debug("  Stack trace:", r.stack);
-}, H = (t, e, r) => {
+}, T = (t, e, r) => {
   const s = g(
     "⚠️ Fetch Error: Failed to load resource",
-    f(h({}, r), {
+    m(h({}, r), {
       componentPath: t
     })
   );
@@ -139,25 +139,25 @@ const L = () => {
     e
   );
   n.error(r), n.error(`  Error details: ${t.message}`), t.stack && console.debug("  Stack trace:", t.stack);
-}, me = (t, e, r) => {
+}, ye = (t, e, r) => {
   const s = g(
     "⚠️ Two-Way Binding Error: Failed to setup binding",
-    f(h({}, r), {
+    m(h({}, r), {
       expression: t,
       lineHint: (r == null ? void 0 : r.lineHint) || "$model binding"
     })
   );
   n.error(s), n.error(`  Error details: ${e.message}`);
-}, ye = (t, e) => {
+}, we = (t, e) => {
   var r;
   return h({
     componentName: (t == null ? void 0 : t.tagName) || ((r = t == null ? void 0 : t.constructor) == null ? void 0 : r.name),
     componentPath: (t == null ? void 0 : t.sourcePath) || (t == null ? void 0 : t._sourcePath)
   }, e);
-}, u = /* @__PURE__ */ new Map(), K = 25, O = (t) => {
+}, u = /* @__PURE__ */ new Map(), K = 25, G = (t) => {
   const e = u.get(t);
   return e && (u.delete(t), u.set(t, e)), e;
-}, G = (t, e) => {
+}, J = (t, e) => {
   if (u.has(t))
     u.delete(t);
   else if (u.size >= K) {
@@ -168,7 +168,7 @@ const L = () => {
 }, N = (t) => p(null, null, function* () {
   if (!t)
     throw new Error("Path cannot be null or empty");
-  const e = O(t);
+  const e = G(t);
   if (e) return e;
   try {
     const r = yield fetch(t);
@@ -177,38 +177,38 @@ const L = () => {
         `Failed to fetch component from ${t}: ${r.statusText}`
       );
     const s = yield r.text();
-    return G(t, s), s;
+    return J(t, s), s;
   } catch (r) {
-    H(t, r, { componentPath: t });
+    T(t, r, { componentPath: t });
   }
-}), J = (t) => p(null, null, function* () {
+}), V = (t) => p(null, null, function* () {
   try {
     const e = yield fetch(t);
     if (!e.ok) throw new Error(`HTTP ${e.status}`);
     return yield e.text();
   } catch (e) {
-    return H(t, e), "";
+    return T(t, e), "";
   }
-}), b = {
+}), v = {
   bindings: /{([^}]+)}/g,
   comments: {
     js: /\/\*[\s\S]*?\*\/|\/\/.*$/gm,
     css: /\/\*[\s\S]*?\*\//g,
     html: /<!--[\s\S]*?-->/g
   }
-}, V = new DOMParser(), x = (t, e) => p(null, null, function* () {
-  const r = X(t), { scripts: s, externalScripts: o } = Q(r), i = yield Z(r), l = r.body.innerHTML.trim();
+}, X = new DOMParser(), H = (t, e) => p(null, null, function* () {
+  const r = Y(t), { scripts: s, externalScripts: o } = U(r), i = yield ee(r), a = r.body.innerHTML.trim();
   return {
     tagName: e,
-    template: l,
+    template: a,
     scripts: s,
     externalScripts: o,
     styles: i
   };
-}), X = (t) => V.parseFromString(
-  t.replace(b.comments.html, ""),
+}), Y = (t) => X.parseFromString(
+  t.replace(v.comments.html, ""),
   "text/html"
-), Y = (t) => [
+), Q = (t) => [
   "/@vite/",
   // Vite dev client
   "/__vite",
@@ -223,33 +223,33 @@ const L = () => {
   // Browser Sync
   "/livereload.js"
   // LiveReload
-].some((r) => t.includes(r)), Q = (t) => {
+].some((r) => t.includes(r)), U = (t) => {
   var s, o;
   const e = [], r = [];
   for (const i of t.querySelectorAll("script")) {
     if (i.src) {
-      if (Y(i.src)) {
+      if (Q(i.src)) {
         i.remove();
         continue;
       }
-      const l = i.hasAttribute("external");
+      const a = i.hasAttribute("external");
       r.push({
         src: i.getAttribute("src") || i.src,
         // Use getAttribute to preserve relative paths
         type: (s = i.type) != null ? s : null,
-        external: l
+        external: a
       });
     } else if (i.textContent) {
-      let l = i.textContent.trim();
-      l = l.replace(b.comments.js, "").trim(), e.push({
-        content: l,
+      let a = i.textContent.trim();
+      a = a.replace(v.comments.js, "").trim(), e.push({
+        content: a,
         type: (o = i.type) != null ? o : null
       });
     }
     i.remove();
   }
   return { scripts: e, externalScripts: r };
-}, U = (t) => {
+}, Z = (t) => {
   const e = t.match(/const __vite__css = "((?:[^"\\]|\\.)*)"/);
   if (e && e[1])
     return e[1].replace(/\\r\\n/g, `
@@ -261,19 +261,19 @@ const L = () => {
 `).replace(/\\t/g, "	").replace(/\\"/g, '"').replace(/\\\\/g, "\\") : t.includes("import") || t.includes("export") ? (n.warn(
     "CSS file returned JavaScript module format. CSS may not load correctly."
   ), "") : t;
-}, Z = (t) => p(null, null, function* () {
+}, ee = (t) => p(null, null, function* () {
   let e = "";
   const r = t.querySelectorAll("style, link[rel='stylesheet']");
   for (const s of r) {
     if (s.tagName === "LINK") {
-      const i = yield J(s.href), l = U(i);
-      l && (e += `
-` + l);
+      const i = yield V(s.href), a = Z(i);
+      a && (e += `
+` + a);
     } else if (s.tagName === "STYLE") {
       const o = s;
       if (o.textContent) {
         let i = o.textContent.trim();
-        i = i.replace(b.comments.css, "").trim(), e += `
+        i = i.replace(v.comments.css, "").trim(), e += `
 ` + i;
       }
     }
@@ -281,10 +281,10 @@ const L = () => {
   }
   return e.trim();
 });
-var w, T, A;
-class ee {
+var C, A, F;
+class te {
   constructor() {
-    z(this, w);
+    L(this, C);
     this.components = {}, this.lazyComponents = /* @__PURE__ */ new Set(), this.intersectionObserver = null, this.lazyLoadingInProgress = /* @__PURE__ */ new Map(), this.lazyComponentsLoaded = /* @__PURE__ */ new Set();
   }
   registerComponent(e, r, s = !0, o = !1) {
@@ -294,34 +294,34 @@ class ee {
         return;
       }
       if (o) {
-        this.lazyComponents.add(e), $(this, w, T).call(this, e, r, s), n.log(`Component ${e} registered as lazy-loaded`);
+        this.lazyComponents.add(e), $(this, C, A).call(this, e, r, s), n.log(`Component ${e} registered as lazy-loaded`);
         return;
       }
       try {
-        const i = yield N(r), l = yield x(i, e);
+        const i = yield N(r), a = yield H(i, e);
         this.components[e] = {
           tagName: e,
-          template: l.template,
-          scripts: l.scripts,
-          externalScripts: l.externalScripts,
-          styles: l.styles,
+          template: a.template,
+          scripts: a.scripts,
+          externalScripts: a.externalScripts,
+          styles: a.styles,
           sourcePath: r,
           lazy: !1
-        }, n.log(`Component ${e} registered successfully`), yield $(this, w, A).call(this, e, s);
+        }, n.log(`Component ${e} registered successfully`), yield $(this, C, F).call(this, e, s);
       } catch (i) {
-        _(e, r, i);
+        x(e, r, i);
         return;
       }
     });
   }
 }
-w = new WeakSet(), /**
+C = new WeakSet(), /**
  * Defines a lazy-loading placeholder component
  * @param name - Component name
  * @param path - Component path
  * @param useShadowDOM - Whether to use Shadow DOM
  */
-T = function(e, r, s) {
+A = function(e, r, s) {
   const o = this;
   class i extends HTMLElement {
     constructor() {
@@ -338,8 +338,8 @@ T = function(e, r, s) {
           return;
         }
         this.observer = new IntersectionObserver(
-          (a) => {
-            a.forEach((c) => {
+          (l) => {
+            l.forEach((c) => {
               c.isIntersecting && !this.loaded && (this.loaded = !0, this.loadComponent());
             });
           },
@@ -366,25 +366,25 @@ T = function(e, r, s) {
             n.log(`Component ${e} is already loading, waiting...`), yield o.lazyLoadingInProgress.get(e), this.upgradePlaceholder();
             return;
           }
-          const a = this.performLoad();
-          o.lazyLoadingInProgress.set(e, a), yield a, o.lazyLoadingInProgress.delete(e), o.lazyComponentsLoaded.add(e), o.lazyComponents.delete(e), n.log(`Component ${e} lazy-loaded successfully`);
-        } catch (a) {
-          o.lazyLoadingInProgress.delete(e), _(e, r, a);
+          const l = this.performLoad();
+          o.lazyLoadingInProgress.set(e, l), yield l, o.lazyLoadingInProgress.delete(e), o.lazyComponentsLoaded.add(e), o.lazyComponents.delete(e), n.log(`Component ${e} lazy-loaded successfully`);
+        } catch (l) {
+          o.lazyLoadingInProgress.delete(e), x(e, r, l);
         }
       });
     }
     performLoad() {
       return p(this, null, function* () {
         n.log(`Lazy loading component: ${e}`);
-        const a = this.parentNode;
-        if (this.nextSibling, !a) {
+        const l = this.parentNode;
+        if (this.nextSibling, !l) {
           M(`Placeholder for ${e} has no parent node`, {
             componentName: e,
             componentPath: r
           });
           return;
         }
-        const c = yield N(r), d = yield x(c, e);
+        const c = yield N(r), d = yield H(c, e);
         n.log(`Component ${e} parsed successfully`), o.components[e] = {
           tagName: e,
           template: d.template,
@@ -394,16 +394,16 @@ T = function(e, r, s) {
           sourcePath: r,
           lazy: !0
         };
-        const m = `${e}-real`;
-        n.log(`Defining real component with temp name: ${m}`);
+        const f = `${e}-real`;
+        n.log(`Defining real component with temp name: ${f}`);
         const y = o.components[e].tagName;
-        o.components[e].tagName = m;
-        const { defineWebComponent: C } = yield import("./webcomponent-DT_kduma.mjs");
-        C(o.components[e], s), n.log(`Real component ${m} defined`), o.components[e].tagName = y, this.upgradePlaceholder();
+        o.components[e].tagName = f;
+        const { defineWebComponent: E } = yield import("./webcomponent-WCW6485Z.mjs");
+        E(o.components[e], s), n.log(`Real component ${f} defined`), o.components[e].tagName = y, this.upgradePlaceholder();
       });
     }
     upgradePlaceholder() {
-      const a = this, c = this.parentNode, d = this.nextSibling;
+      const l = this, c = this.parentNode, d = this.nextSibling;
       if (!c) {
         M(`Placeholder for ${e} has no parent node`, {
           componentName: e,
@@ -411,23 +411,23 @@ T = function(e, r, s) {
         });
         return;
       }
-      const m = `${e}-real`, y = document.createElement(m);
-      for (n.log(`Created real component instance: ${m}`), Array.from(a.attributes).forEach((C) => {
-        C.name !== "eager" && y.setAttribute(C.name, C.value);
-      }); a.firstChild; )
-        y.appendChild(a.firstChild);
-      d ? (c.insertBefore(y, d), n.log("Inserted real component before next sibling")) : (c.appendChild(y), n.log("Appended real component to parent")), c.removeChild(a), n.log("Removed placeholder element");
+      const f = `${e}-real`, y = document.createElement(f);
+      for (n.log(`Created real component instance: ${f}`), Array.from(l.attributes).forEach((E) => {
+        E.name !== "eager" && y.setAttribute(E.name, E.value);
+      }); l.firstChild; )
+        y.appendChild(l.firstChild);
+      d ? (c.insertBefore(y, d), n.log("Inserted real component before next sibling")) : (c.appendChild(y), n.log("Appended real component to parent")), c.removeChild(l), n.log("Removed placeholder element");
     }
   }
   customElements.get(e) || customElements.define(e, i);
-}, A = function(e, r) {
+}, F = function(e, r) {
   return p(this, null, function* () {
-    const { defineWebComponent: s } = yield import("./webcomponent-DT_kduma.mjs");
+    const { defineWebComponent: s } = yield import("./webcomponent-WCW6485Z.mjs");
     this.components[e] && s(this.components[e], r);
   });
 };
-const F = new ee();
-class te {
+const R = new te();
+class re {
   constructor() {
     this.listeners = /* @__PURE__ */ new Map();
   }
@@ -448,14 +448,14 @@ class te {
     if (!o || o.size === 0)
       return Promise.resolve();
     const i = [];
-    return o.forEach((l) => {
+    return o.forEach((a) => {
       try {
-        const a = l(r);
-        a instanceof Promise && i.push(a);
-      } catch (a) {
+        const l = a(r);
+        l instanceof Promise && i.push(l);
+      } catch (l) {
         n.error(
           `⚠️ Event Bus Error: Failed to execute listener for "${e}"`
-        ), n.error(`  Error details: ${a.message}`), i.push(Promise.reject(a));
+        ), n.error(`  Error details: ${l.message}`), i.push(Promise.reject(l));
       }
     }), i.length > 0 ? Promise.all(i).then(() => {
     }) : Promise.resolve();
@@ -497,38 +497,71 @@ class te {
     return (s = (r = this.listeners.get(e)) == null ? void 0 : r.size) != null ? s : 0;
   }
 }
-const R = new te(), re = (t, e, r, s) => F.registerComponent(t, e, r, s), se = (t) => p(null, null, function* () {
+const q = new re(), w = {};
+function Ce(t = {}) {
+  const {
+    src: e = "components",
+    dest: r = "components",
+    copyOnDev: s = !1
+  } = t;
+  return {
+    name: "ladrillosjs:copy-components",
+    apply: s ? "serve" : "build",
+    generateBundle(i, a) {
+      return p(this, null, function* () {
+        const l = w.resolve(process.cwd(), e), c = w.resolve(process.cwd(), "dist", r);
+        if (!w.existsSync(l)) {
+          console.warn(
+            `[ladrillosjs:copy-components] Source directory not found: ${l}`
+          );
+          return;
+        }
+        try {
+          w.existsSync(c) && w.rmSync(c, { recursive: !0, force: !0 }), w.cpSync(l, c, { recursive: !0 }), console.log(
+            `[ladrillosjs:copy-components] Copied components from ${l} to ${c}`
+          );
+        } catch (d) {
+          throw console.error(
+            "[ladrillosjs:copy-components] Error copying components:",
+            d
+          ), d;
+        }
+      });
+    }
+  };
+}
+const se = (t, e, r, s) => R.registerComponent(t, e, r, s), oe = (t) => p(null, null, function* () {
   yield Promise.all(
     t.map(
-      ({ name: e, path: r, useShadowDOM: s, lazy: o }) => F.registerComponent(e, r, s, o)
+      ({ name: e, path: r, useShadowDOM: s, lazy: o }) => R.registerComponent(e, r, s, o)
     )
   );
-}), oe = (t, e) => R.listen(t, e), ne = (t, e) => {
-  R.emit(t, e);
-}, we = (t, e) => {
+}), ne = (t, e) => q.listen(t, e), ie = (t, e) => {
+  q.emit(t, e);
+}, Ee = (t, e) => {
   if (e) {
     const r = e.tagName.toLowerCase();
     window.__ladrilloContexts || (window.__ladrilloContexts = /* @__PURE__ */ new Map()), window.__ladrilloContexts.set(r, { shadowRoot: t, element: e });
   }
-}, E = () => {
+}, S = () => {
   const t = window.__ladrilloContexts;
   if (t && t.size > 0) {
     const e = Array.from(t.values());
     return e[e.length - 1];
   }
   return null;
-}, ie = () => {
-  const t = E();
+}, le = () => {
+  const t = S();
   return t && t.element ? t.element.state || {} : {};
-}, S = (t) => {
-  const e = E();
+}, b = (t) => {
+  const e = S();
   e && e.setState && e.setState(t);
-}, ae = (t, e) => (S({ [t]: e }), (r) => {
-  S({ [t]: r });
-}), le = (t, e) => {
+}, ae = (t, e) => (b({ [t]: e }), (r) => {
+  b({ [t]: r });
+}), ce = (t, e) => {
   if (e)
     return e.querySelector(t);
-  const r = E();
+  const r = S();
   if (r) {
     const s = r.shadowRoot || r.element;
     if (s) {
@@ -537,10 +570,10 @@ const R = new te(), re = (t, e, r, s) => F.registerComponent(t, e, r, s), se = (
     }
   }
   return document.querySelector(t);
-}, ce = (t, e) => {
+}, de = (t, e) => {
   if (e)
     return e.querySelectorAll(t);
-  const r = E();
+  const r = S();
   if (r) {
     const s = r.shadowRoot || r.element;
     if (s) {
@@ -551,30 +584,31 @@ const R = new te(), re = (t, e, r, s) => F.registerComponent(t, e, r, s), se = (
   return document.querySelectorAll(t);
 };
 typeof window != "undefined" && (window.ladrillosjs = {
-  registerComponent: re,
-  registerComponents: se
-}, window.$listen = oe, window.$emit = ne, window.$querySelector = le, window.$querySelectorAll = ce, window.$reactive = ae, window.$setState = S, window.$getState = ie);
+  registerComponent: se,
+  registerComponents: oe
+}, window.$listen = ne, window.$emit = ie, window.$querySelector = ce, window.$querySelectorAll = de, window.$reactive = ae, window.$setState = b, window.$getState = le);
 export {
-  oe as $,
-  b as R,
-  we as _,
-  pe as a,
-  he as b,
-  ye as c,
-  ge as d,
-  ue as e,
-  R as f,
+  ne as $,
+  v as R,
+  Ee as _,
+  ue as a,
+  me as b,
+  we as c,
+  he as d,
+  ge as e,
+  q as f,
   fe as g,
   n as h,
-  me as i,
-  se as j,
-  ne as k,
+  ye as i,
+  oe as j,
+  ie as k,
   M as l,
-  ie as m,
-  S as n,
+  le as m,
+  b as n,
   ae as o,
-  le as p,
-  ce as q,
-  re as r
+  ce as p,
+  de as q,
+  se as r,
+  Ce as s
 };
-//# sourceMappingURL=index-JWdjGiUA.mjs.map
+//# sourceMappingURL=index-COl4zCLy.mjs.map