@mateosuarezdev/flash 0.0.6 → 0.0.10

package/dist/server-context-BA2xc7wp.js

@@ -0,0 +1,47 @@
+/**
+ * @license
+ * Flash
+ * Copyright (c) 2025 Mateo Suarez. All rights reserved.
+ *
+ * Free to use in your own personal or commercial applications and projects.
+ * Unauthorized copying, modification, or distribution is strictly prohibited.
+ * See LICENSE file for full terms.
+ */
+
+let e = null;
+function o() {
+  return e;
+}
+function a(r) {
+  e = r;
+}
+function c() {
+  return {
+    _parent: e
+  };
+}
+function u() {
+  e = null;
+}
+function p(r, n) {
+  if (!e)
+    throw new Error("provideServerContext called outside of component render");
+  e._contextMap || (e._contextMap = /* @__PURE__ */ new Map()), e._contextMap.set(r, n);
+}
+function s(r, n) {
+  let t = e;
+  for (; t; ) {
+    if (t._contextMap?.has(r))
+      return t._contextMap.get(r);
+    t = t._parent;
+  }
+  return n;
+}
+export {
+  s as a,
+  c,
+  o as g,
+  p,
+  u as r,
+  a as s
+};

package/dist/server-context-BPTFSl-d.cjs

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Flash
+ * Copyright (c) 2025 Mateo Suarez. All rights reserved.
+ *
+ * Free to use in your own personal or commercial applications and projects.
+ * Unauthorized copying, modification, or distribution is strictly prohibited.
+ * See LICENSE file for full terms.
+ */
+
+"use strict";let e=null;function o(){return e}function u(r){e=r}function c(){return{_parent:e}}function v(){e=null}function i(r,n){if(!e)throw new Error("provideServerContext called outside of component render");e._contextMap||(e._contextMap=new Map),e._contextMap.set(r,n)}function S(r,n){let t=e;for(;t;){if(t._contextMap?.has(r))return t._contextMap.get(r);t=t._parent}return n}exports.consumeServerContext=S;exports.createServerVNode=c;exports.getCurrentServerVNode=o;exports.provideServerContext=i;exports.resetServerContext=v;exports.setCurrentServerVNode=u;

package/dist/server.cjs

@@ -8,11 +8,11 @@
  * See LICENSE file for full terms.
  */
 
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("node:fs/promises"),m=require("node:path");function A(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function b(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}const v=new Set(["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"]);function H(t){return/^on[A-Z]/.test(t)}function j(t){return Object.entries(t).map(([r,o])=>`${r.replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}:${o}`).join(";")}function E(t,r=!0){const o=Object.entries(t).filter(([e,n])=>!(n==null||r&&e==="children"||e==="innerHTML"||H(e))).map(([e,n])=>(e==="className"&&(e="class"),e==="style"&&typeof n=="object"&&(n=j(n)),typeof n=="boolean"?n?e:"":`${e}="${b(String(n))}"`)).filter(Boolean).join(" ");return o?` ${o}`:""}function $(t){return t?Array.isArray(t)?t:[t]:[]}function T(t){return t&&typeof t.then=="function"}function h(t,r){return`<div id="${t}" data-server-component="suspended" data-component-name="${r}">Loading...</div>`}const l=new Map;let d=0;function w(t){return l.clear(),d=0,s(t)}async function D(t){l.clear(),d=0;let r=s(t);for(;l.size>0;){console.log(`🔄 Resolving ${l.size} async components in parallel...`);const o=Array.from(l.entries());l.clear();const e=await Promise.allSettled(o.map(([n,{promise:i}])=>i));for(let n=0;n<o.length;n++){const i=o[n];if(!i)continue;const[a,{componentName:c,errorFallback:u}]=i,p=e[n];if(!p)continue;const y=h(a,c);if(p.status==="fulfilled")try{console.log(`✅ Resolved: ${c} (${a})`);const f=s(p.value);r=r.replace(y,f)}catch(f){console.error(`❌ Error rendering ${c}:`,f);const S=u?s(typeof u=="function"?u(f):u):`<div class="error">Error rendering ${c}</div>`;r=r.replace(y,S)}else{console.error(`❌ Error resolving ${c}:`,p.reason);const f=u?s(typeof u=="function"?u(p.reason):u):`<div class="error">Error loading ${c}</div>`;r=r.replace(y,f)}}}return console.log("✅ All async components resolved!"),r}async function*P(t){for(l.clear(),d=0,yield s(t);l.size>0;){const o=Array.from(l.entries());l.clear();const e=o.map(async([n,{promise:i}])=>{try{const a=await i,c=s(a);return`<script>
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./server-context-BPTFSl-d.cjs"),$=require("node:fs/promises"),g=require("node:path");function N(t){return t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function b(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}const C=new Set(["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"]);function H(t){return/^on[A-Z]/.test(t)}function j(t){return Object.entries(t).map(([r,o])=>`${r.replace(/[A-Z]/g,n=>`-${n.toLowerCase()}`)}:${o}`).join(";")}function E(t,r=!0){const o=Object.entries(t).filter(([e,n])=>!(n==null||r&&e==="children"||e==="innerHTML"||H(e))).map(([e,n])=>(e==="className"&&(e="class"),e==="style"&&typeof n=="object"&&(n=j(n)),typeof n=="boolean"?n?e:"":`${e}="${b(String(n))}"`)).filter(Boolean).join(" ");return o?` ${o}`:""}function v(t){return t?Array.isArray(t)?t:[t]:[]}function T(t){return t&&typeof t.then=="function"}function S(t,r){return`<div id="${t}" data-server-component="suspended" data-component-name="${r}">Loading...</div>`}const d=new Map;let y=0;function w(t){return d.clear(),y=0,u.resetServerContext(),c(t)}async function D(t){d.clear(),y=0,u.resetServerContext();let r=c(t);for(;d.size>0;){console.log(`🔄 Resolving ${d.size} async components in parallel...`);const o=Array.from(d.entries());d.clear();const e=await Promise.allSettled(o.map(([n,{promise:a}])=>a));for(let n=0;n<o.length;n++){const a=o[n];if(!a)continue;const[l,{componentName:s,errorFallback:i,parentNode:f}]=a,m=e[n];if(!m)continue;const h=S(l,s);if(m.status==="fulfilled")try{console.log(`✅ Resolved: ${s} (${l})`),u.setCurrentServerVNode(f);const p=c(m.value);r=r.replace(h,p)}catch(p){console.error(`❌ Error rendering ${s}:`,p),u.setCurrentServerVNode(f);const A=i?c(typeof i=="function"?i(p):i):`<div class="error">Error rendering ${s}</div>`;r=r.replace(h,A)}else{console.error(`❌ Error resolving ${s}:`,m.reason),u.setCurrentServerVNode(f);const p=i?c(typeof i=="function"?i(m.reason):i):`<div class="error">Error loading ${s}</div>`;r=r.replace(h,p)}}}return console.log("✅ All async components resolved!"),r}async function*x(t){for(d.clear(),y=0,u.resetServerContext(),yield c(t);d.size>0;){const o=Array.from(d.entries());d.clear();const e=o.map(async([n,{promise:a,parentNode:l}])=>{try{const s=await a;u.setCurrentServerVNode(l);const i=c(s);return`<script>
             (function() {
               const el = document.getElementById('${n}');
               if (el) {
-                el.outerHTML = \`${c.replace(/`/g,"\\`").replace(/\$/g,"\\$")}\`;
+                el.outerHTML = \`${i.replace(/`/g,"\\`").replace(/\$/g,"\\$")}\`;
               }
             })();
           <\/script>`}catch{return`<script>
@@ -22,6 +22,6 @@
                 el.innerHTML = '<div class="error">Error loading component</div>';
               }
             })();
-          <\/script>`}});for(const n of e)yield await n}}function s(t){if(typeof t=="function"){const e=t();return Array.isArray(e)?`<!--reactive-list-->${e.map(i=>s(i)).join("")}`:s(e)}if(typeof t=="string")return A(t);if(typeof t=="number")return String(t);if(Array.isArray(t))return t.map(e=>s(e)).join("");if(!t||typeof t!="object")return"";const{type:r,props:o}=t;if(r===Symbol.for("jsx.fragment"))return $(o.children).map(n=>s(n)).join("");if(typeof r=="string"&&r==="suspended"){const e=t,n=`async-${d++}`;return console.log(`⏳ Suspending: ${e._componentName} (${n})`),l.set(n,{id:n,promise:e.promise,componentName:e._componentName,errorFallback:e.errorFallback}),h(n,e._componentName)}if(typeof r=="function"){const e=r(o);if(T(e)){const n=`async-${d++}`,i=r.name||"AsyncComponent";return console.warn(`⚠️ DEPRECATED: Direct async component "${i}" detected. Please use suspend() HOF instead for better type safety and custom fallbacks.
-Example: const ${i} = suspend(async (props) => { ... }, <Loading />, <Error />);`),console.log(`⏳ Suspending: ${i} (${n})`),l.set(n,{id:n,promise:e,componentName:i}),h(n,i)}return s(e)}if(typeof r=="string"){const e=E(o);if(v.has(r))return`<${r}${e} />`;if(o.innerHTML!==void 0){const a=typeof o.innerHTML=="object"?JSON.stringify(o.innerHTML):o.innerHTML;return`<${r}${e}>${a}</${r}>`}const i=$(o.children).map(a=>{if(Array.isArray(a))return a.map(c=>s(c)).join("");if(typeof a=="function"){const c=a();return Array.isArray(c)?`<!--reactive-list-->${c.map(p=>s(p)).join("")}`:`<!--reactive-->${s(c)}`}return s(a)}).join("");return r==="html"?`<!DOCTYPE html>
-<html${e}>${i}</html>`:`<${r}${e}>${i}</${r}>`}return""}class L{cacheDir;useDirectoryStructure;constructor(r={}){this.cacheDir=r.cacheDir||"./cache/html",this.useDirectoryStructure=r.useDirectoryStructure??!1}async save(r,o){const e=this.getFilepath(r);return await g.mkdir(m.dirname(e),{recursive:!0}),await Bun.write(e,o),console.log(`✅ Pre-rendered: ${r} → ${e}`),e}async load(r){const o=this.getFilepath(r),e=Bun.file(o);return await e.exists()?e:null}async clear(){await g.rm(this.cacheDir,{recursive:!0,force:!0}),await g.mkdir(this.cacheDir,{recursive:!0}),console.log("🗑️ Cache cleared")}async exists(r){const o=this.getFilepath(r);return await Bun.file(o).exists()}getFilepath(r){const o=r.replace(/^\/+|\/+$/g,"");if(this.useDirectoryStructure)return o===""?m.join(this.cacheDir,"index.html"):m.join(this.cacheDir,o,"index.html");{const e=o===""?"index.html":`${o.replace(/\//g,"-")}.html`;return m.join(this.cacheDir,e)}}}exports.PreRenderer=L;exports.renderToStream=P;exports.renderToString=w;exports.renderToStringAsync=D;
+          <\/script>`}});for(const n of e)yield await n}}function c(t){if(typeof t=="function"){const e=t();return Array.isArray(e)?`<!--reactive-list-->${e.map(a=>c(a)).join("")}`:c(e)}if(typeof t=="string")return N(t);if(typeof t=="number")return String(t);if(Array.isArray(t))return t.map(e=>c(e)).join("");if(!t||typeof t!="object")return"";const{type:r,props:o}=t;if(r===Symbol.for("jsx.fragment"))return v(o.children).map(n=>c(n)).join("");if(typeof r=="string"&&r==="suspended"){const e=t,n=`async-${y++}`;return console.log(`⏳ Suspending: ${e._componentName} (${n})`),d.set(n,{id:n,promise:e.promise,componentName:e._componentName,errorFallback:e.errorFallback,parentNode:u.getCurrentServerVNode()}),S(n,e._componentName)}if(typeof r=="function"){const e=u.createServerVNode(),n=u.getCurrentServerVNode();u.setCurrentServerVNode(e);const a=r(o);if(T(a)){const s=`async-${y++}`,i=r.name||"AsyncComponent";return console.warn(`⚠️ DEPRECATED: Direct async component "${i}" detected. Please use suspend() HOF instead for better type safety and custom fallbacks.
+Example: const ${i} = suspend(async (props) => { ... }, <Loading />, <Error />);`),console.log(`⏳ Suspending: ${i} (${s})`),d.set(s,{id:s,promise:a,componentName:i,parentNode:e}),u.setCurrentServerVNode(n),S(s,i)}const l=c(a);return u.setCurrentServerVNode(n),l}if(typeof r=="string"){const e=E(o);if(C.has(r))return`<${r}${e} />`;if(o.innerHTML!==void 0){const l=typeof o.innerHTML=="object"?JSON.stringify(o.innerHTML):o.innerHTML;return`<${r}${e}>${l}</${r}>`}const a=v(o.children).map(l=>{if(Array.isArray(l))return l.map(s=>c(s)).join("");if(typeof l=="function"){const s=l();return Array.isArray(s)?`<!--reactive-list-->${s.map(f=>c(f)).join("")}`:`<!--reactive-->${c(s)}`}return c(l)}).join("");return r==="html"?`<!DOCTYPE html>
+<html${e}>${a}</html>`:`<${r}${e}>${a}</${r}>`}return""}class P{cacheDir;useDirectoryStructure;constructor(r={}){this.cacheDir=r.cacheDir||"./cache/html",this.useDirectoryStructure=r.useDirectoryStructure??!1}async save(r,o){const e=this.getFilepath(r);return await $.mkdir(g.dirname(e),{recursive:!0}),await Bun.write(e,o),console.log(`✅ Pre-rendered: ${r} → ${e}`),e}async load(r){const o=this.getFilepath(r),e=Bun.file(o);return await e.exists()?e:null}async clear(){await $.rm(this.cacheDir,{recursive:!0,force:!0}),await $.mkdir(this.cacheDir,{recursive:!0}),console.log("🗑️ Cache cleared")}async exists(r){const o=this.getFilepath(r);return await Bun.file(o).exists()}getFilepath(r){const o=r.replace(/^\/+|\/+$/g,"");if(this.useDirectoryStructure)return o===""?g.join(this.cacheDir,"index.html"):g.join(this.cacheDir,o,"index.html");{const e=o===""?"index.html":`${o.replace(/\//g,"-")}.html`;return g.join(this.cacheDir,e)}}}exports.PreRenderer=P;exports.renderToStream=x;exports.renderToString=w;exports.renderToStringAsync=D;

package/dist/server.js

@@ -8,15 +8,16 @@
  * See LICENSE file for full terms.
  */
 
-import { mkdir as h, rm as S } from "node:fs/promises";
-import { dirname as b, join as y } from "node:path";
-function v(t) {
+import { s as p, g as v, c as E, r as S } from "./server-context-BA2xc7wp.js";
+import { mkdir as A, rm as N } from "node:fs/promises";
+import { dirname as w, join as h } from "node:path";
+function D(t) {
   return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function H(t) {
+function j(t) {
   return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-const E = /* @__PURE__ */ new Set([
+const T = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -31,84 +32,86 @@ const E = /* @__PURE__ */ new Set([
   "track",
   "wbr"
 ]);
-function w(t) {
+function C(t) {
   return /^on[A-Z]/.test(t);
 }
-function D(t) {
+function L(t) {
   return Object.entries(t).map(([r, o]) => `${r.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`)}:${o}`).join(";");
 }
-function j(t, r = !0) {
-  const o = Object.entries(t).filter(([e, n]) => !(n == null || r && e === "children" || e === "innerHTML" || w(e))).map(([e, n]) => (e === "className" && (e = "class"), e === "style" && typeof n == "object" && (n = D(n)), typeof n == "boolean" ? n ? e : "" : `${e}="${H(String(n))}"`)).filter(Boolean).join(" ");
+function x(t, r = !0) {
+  const o = Object.entries(t).filter(([e, n]) => !(n == null || r && e === "children" || e === "innerHTML" || C(e))).map(([e, n]) => (e === "className" && (e = "class"), e === "style" && typeof n == "object" && (n = L(n)), typeof n == "boolean" ? n ? e : "" : `${e}="${j(String(n))}"`)).filter(Boolean).join(" ");
   return o ? ` ${o}` : "";
 }
-function $(t) {
+function b(t) {
   return t ? Array.isArray(t) ? t : [t] : [];
 }
-function T(t) {
+function P(t) {
   return t && typeof t.then == "function";
 }
-function g(t, r) {
+function $(t, r) {
   return `<div id="${t}" data-server-component="suspended" data-component-name="${r}">Loading...</div>`;
 }
-const l = /* @__PURE__ */ new Map();
-let d = 0;
-function P(t) {
-  return l.clear(), d = 0, s(t);
+const u = /* @__PURE__ */ new Map();
+let y = 0;
+function B(t) {
+  return u.clear(), y = 0, S(), c(t);
 }
-async function x(t) {
-  l.clear(), d = 0;
-  let r = s(t);
-  for (; l.size > 0; ) {
+async function I(t) {
+  u.clear(), y = 0, S();
+  let r = c(t);
+  for (; u.size > 0; ) {
     console.log(
-      `🔄 Resolving ${l.size} async components in parallel...`
+      `🔄 Resolving ${u.size} async components in parallel...`
     );
-    const o = Array.from(l.entries());
-    l.clear();
+    const o = Array.from(u.entries());
+    u.clear();
     const e = await Promise.allSettled(
-      o.map(([n, { promise: i }]) => i)
+      o.map(([n, { promise: a }]) => a)
     );
     for (let n = 0; n < o.length; n++) {
-      const i = o[n];
-      if (!i) continue;
-      const [a, { componentName: c, errorFallback: u }] = i, p = e[n];
-      if (!p) continue;
-      const m = g(a, c);
-      if (p.status === "fulfilled")
+      const a = o[n];
+      if (!a) continue;
+      const [l, { componentName: i, errorFallback: s, parentNode: d }] = a, m = e[n];
+      if (!m) continue;
+      const g = $(l, i);
+      if (m.status === "fulfilled")
         try {
-          console.log(`✅ Resolved: ${c} (${a})`);
-          const f = s(p.value);
-          r = r.replace(m, f);
+          console.log(`✅ Resolved: ${i} (${l})`), p(d);
+          const f = c(m.value);
+          r = r.replace(g, f);
         } catch (f) {
-          console.error(`❌ Error rendering ${c}:`, f);
-          const A = u ? s(
-            typeof u == "function" ? u(f) : u
-          ) : `<div class="error">Error rendering ${c}</div>`;
-          r = r.replace(m, A);
+          console.error(`❌ Error rendering ${i}:`, f), p(d);
+          const H = s ? c(
+            typeof s == "function" ? s(f) : s
+          ) : `<div class="error">Error rendering ${i}</div>`;
+          r = r.replace(g, H);
         }
       else {
-        console.error(`❌ Error resolving ${c}:`, p.reason);
-        const f = u ? s(
-          typeof u == "function" ? u(p.reason) : u
-        ) : `<div class="error">Error loading ${c}</div>`;
-        r = r.replace(m, f);
+        console.error(`❌ Error resolving ${i}:`, m.reason), p(d);
+        const f = s ? c(
+          typeof s == "function" ? s(m.reason) : s
+        ) : `<div class="error">Error loading ${i}</div>`;
+        r = r.replace(g, f);
       }
     }
   }
   return console.log("✅ All async components resolved!"), r;
 }
-async function* C(t) {
-  for (l.clear(), d = 0, yield s(t); l.size > 0; ) {
-    const o = Array.from(l.entries());
-    l.clear();
+async function* O(t) {
+  for (u.clear(), y = 0, S(), yield c(t); u.size > 0; ) {
+    const o = Array.from(u.entries());
+    u.clear();
     const e = o.map(
-      async ([n, { promise: i }]) => {
+      async ([n, { promise: a, parentNode: l }]) => {
         try {
-          const a = await i, c = s(a);
+          const i = await a;
+          p(l);
+          const s = c(i);
           return `<script>
             (function() {
               const el = document.getElementById('${n}');
               if (el) {
-                el.outerHTML = \`${c.replace(/`/g, "\\`").replace(/\$/g, "\\$")}\`;
+                el.outerHTML = \`${s.replace(/`/g, "\\`").replace(/\$/g, "\\$")}\`;
               }
             })();
           <\/script>`;
@@ -128,72 +131,76 @@ async function* C(t) {
       yield await n;
   }
 }
-function s(t) {
+function c(t) {
   if (typeof t == "function") {
     const e = t();
-    return Array.isArray(e) ? `<!--reactive-list-->${e.map((i) => s(i)).join("")}` : s(e);
+    return Array.isArray(e) ? `<!--reactive-list-->${e.map((a) => c(a)).join("")}` : c(e);
   }
   if (typeof t == "string")
-    return v(t);
+    return D(t);
   if (typeof t == "number")
     return String(t);
   if (Array.isArray(t))
-    return t.map((e) => s(e)).join("");
+    return t.map((e) => c(e)).join("");
   if (!t || typeof t != "object")
     return "";
   const { type: r, props: o } = t;
   if (r === Symbol.for("jsx.fragment"))
-    return $(o.children).map((n) => s(n)).join("");
+    return b(o.children).map((n) => c(n)).join("");
   if (typeof r == "string" && r === "suspended") {
-    const e = t, n = `async-${d++}`;
+    const e = t, n = `async-${y++}`;
     return console.log(
       `⏳ Suspending: ${e._componentName} (${n})`
-    ), l.set(n, {
+    ), u.set(n, {
       id: n,
       promise: e.promise,
       componentName: e._componentName,
-      errorFallback: e.errorFallback
-      // Store custom error fallback
-    }), g(n, e._componentName);
+      errorFallback: e.errorFallback,
+      parentNode: v()
+    }), $(n, e._componentName);
   }
   if (typeof r == "function") {
-    const e = r(o);
-    if (T(e)) {
-      const n = `async-${d++}`, i = r.name || "AsyncComponent";
+    const e = E(), n = v();
+    p(e);
+    const a = r(o);
+    if (P(a)) {
+      const i = `async-${y++}`, s = r.name || "AsyncComponent";
       return console.warn(
-        `⚠️ DEPRECATED: Direct async component "${i}" detected. Please use suspend() HOF instead for better type safety and custom fallbacks.
-Example: const ${i} = suspend(async (props) => { ... }, <Loading />, <Error />);`
-      ), console.log(`⏳ Suspending: ${i} (${n})`), l.set(n, {
-        id: n,
-        promise: e,
-        componentName: i
-      }), g(n, i);
+        `⚠️ DEPRECATED: Direct async component "${s}" detected. Please use suspend() HOF instead for better type safety and custom fallbacks.
+Example: const ${s} = suspend(async (props) => { ... }, <Loading />, <Error />);`
+      ), console.log(`⏳ Suspending: ${s} (${i})`), u.set(i, {
+        id: i,
+        promise: a,
+        componentName: s,
+        parentNode: e
+      }), p(n), $(i, s);
     }
-    return s(e);
+    const l = c(a);
+    return p(n), l;
   }
   if (typeof r == "string") {
-    const e = j(o);
-    if (E.has(r))
+    const e = x(o);
+    if (T.has(r))
       return `<${r}${e} />`;
     if (o.innerHTML !== void 0) {
-      const a = typeof o.innerHTML == "object" ? JSON.stringify(o.innerHTML) : o.innerHTML;
-      return `<${r}${e}>${a}</${r}>`;
+      const l = typeof o.innerHTML == "object" ? JSON.stringify(o.innerHTML) : o.innerHTML;
+      return `<${r}${e}>${l}</${r}>`;
     }
-    const i = $(o.children).map((a) => {
-      if (Array.isArray(a))
-        return a.map((c) => s(c)).join("");
-      if (typeof a == "function") {
-        const c = a();
-        return Array.isArray(c) ? `<!--reactive-list-->${c.map((p) => s(p)).join("")}` : `<!--reactive-->${s(c)}`;
+    const a = b(o.children).map((l) => {
+      if (Array.isArray(l))
+        return l.map((i) => c(i)).join("");
+      if (typeof l == "function") {
+        const i = l();
+        return Array.isArray(i) ? `<!--reactive-list-->${i.map((d) => c(d)).join("")}` : `<!--reactive-->${c(i)}`;
       }
-      return s(a);
+      return c(l);
     }).join("");
     return r === "html" ? `<!DOCTYPE html>
-<html${e}>${i}</html>` : `<${r}${e}>${i}</${r}>`;
+<html${e}>${a}</html>` : `<${r}${e}>${a}</${r}>`;
   }
   return "";
 }
-class M {
+class V {
   cacheDir;
   useDirectoryStructure;
   constructor(r = {}) {
@@ -201,14 +208,14 @@ class M {
   }
   async save(r, o) {
     const e = this.getFilepath(r);
-    return await h(b(e), { recursive: !0 }), await Bun.write(e, o), console.log(`✅ Pre-rendered: ${r} → ${e}`), e;
+    return await A(w(e), { recursive: !0 }), await Bun.write(e, o), console.log(`✅ Pre-rendered: ${r} → ${e}`), e;
   }
   async load(r) {
     const o = this.getFilepath(r), e = Bun.file(o);
     return await e.exists() ? e : null;
   }
   async clear() {
-    await S(this.cacheDir, { recursive: !0, force: !0 }), await h(this.cacheDir, { recursive: !0 }), console.log("🗑️ Cache cleared");
+    await N(this.cacheDir, { recursive: !0, force: !0 }), await A(this.cacheDir, { recursive: !0 }), console.log("🗑️ Cache cleared");
   }
   async exists(r) {
     const o = this.getFilepath(r);
@@ -217,16 +224,16 @@ class M {
   getFilepath(r) {
     const o = r.replace(/^\/+|\/+$/g, "");
     if (this.useDirectoryStructure)
-      return o === "" ? y(this.cacheDir, "index.html") : y(this.cacheDir, o, "index.html");
+      return o === "" ? h(this.cacheDir, "index.html") : h(this.cacheDir, o, "index.html");
     {
       const e = o === "" ? "index.html" : `${o.replace(/\//g, "-")}.html`;
-      return y(this.cacheDir, e);
+      return h(this.cacheDir, e);
     }
   }
 }
 export {
-  M as PreRenderer,
-  C as renderToStream,
-  P as renderToString,
-  x as renderToStringAsync
+  V as PreRenderer,
+  O as renderToStream,
+  B as renderToString,
+  I as renderToStringAsync
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mateosuarezdev/flash",
-  "version": "0.0.6",
+  "version": "0.0.10",
   "description": "Custom jsx runtime",
   "type": "module",
   "main": "./dist/index.cjs",