@mateosuarezdev/flash 0.0.4 → 0.0.5

package/dist/index.js

@@ -134,7 +134,7 @@ function G(t) {
   for (var e = t.s; e !== void 0; e = e.n) if (e.S.i !== e.i || !e.S.h() || e.S.i !== e.i) return !0;
   return !1;
 }
-function X(t) {
+function j(t) {
   for (var e = t.s; e !== void 0; e = e.n) {
     var i = e.S.n;
     if (i !== void 0 && (e.r = i), e.S.n = e, e.i = -1, e.n === void 0) {
@@ -143,7 +143,7 @@ function X(t) {
     }
   }
 }
-function j(t) {
+function X(t) {
   for (var e = t.s, i = void 0; e !== void 0; ) {
     var n = e.p;
     e.i === -1 ? (e.S.U(e), n !== void 0 && (n.n = e.n), e.n !== void 0 && (e.n.p = n)) : i = e, e.S.n = e.r, e.r !== void 0 && (e.r = void 0), e = n;
@@ -161,13 +161,13 @@ y.prototype.h = function() {
     return this.f &= -2, !0;
   var t = c;
   try {
-    X(this), c = this;
+    j(this), c = this;
     var e = this.x();
     (16 & this.f || this.v !== e || this.i === 0) && (this.v = e, this.f &= -17, this.i++);
   } catch (i) {
     this.v = i, this.f |= 16, this.i++;
   }
-  return c = t, j(this), this.f &= -2, !0;
+  return c = t, X(this), this.f &= -2, !0;
 };
 y.prototype.S = function(t) {
   if (this.t === void 0) {
@@ -206,19 +206,19 @@ function Y(t) {
     try {
       e();
     } catch (n) {
-      throw t.f &= -2, t.f |= 8, x(t), n;
+      throw t.f &= -2, t.f |= 8, M(t), n;
     } finally {
       c = i, T();
     }
   }
 }
-function x(t) {
+function M(t) {
   for (var e = t.s; e !== void 0; e = e.n) e.S.U(e);
   t.x = void 0, t.s = void 0, Y(t);
 }
 function q(t) {
   if (c !== this) throw new Error("Out-of-order effect");
-  j(this), c = t, this.f &= -2, 8 & this.f && x(this), T();
+  X(this), c = t, this.f &= -2, 8 & this.f && M(this), T();
 }
 function g(t, e) {
   this.x = t, this.u = void 0, this.s = void 0, this.o = void 0, this.f = 32, this.name = e?.name;
@@ -235,7 +235,7 @@ g.prototype.c = function() {
 };
 g.prototype.S = function() {
   if (1 & this.f) throw new Error("Cycle detected");
-  this.f |= 1, this.f &= -9, Y(this), X(this), p++;
+  this.f |= 1, this.f &= -9, Y(this), j(this), p++;
   var t = c;
   return c = this, q.bind(this, t);
 };
@@ -243,7 +243,7 @@ g.prototype.N = function() {
   2 & this.f || (this.f |= 2, this.o = S, S = this);
 };
 g.prototype.d = function() {
-  this.f |= 8, 1 & this.f || x(this);
+  this.f |= 8, 1 & this.f || M(this);
 };
 g.prototype.dispose = function() {
   this.d();
@@ -267,7 +267,7 @@ function Ne(t) {
 function Ae(t, e) {
   typeof e == "function" ? t.value = e() : t.value = e;
 }
-function xe(t) {
+function Me(t) {
   return t instanceof u ? () => t.value : t;
 }
 function Z(t, e, i = !1) {
@@ -348,7 +348,7 @@ function k(t, e) {
   }
   return { vnode: null, dom: null };
 }
-class M {
+class x {
   _cancelled = !1;
   _cancelCallbacks = [];
   get cancelled() {
@@ -373,7 +373,7 @@ class M {
 }
 async function U(t, e) {
   if (!t) return;
-  const i = t, n = e || new M();
+  const i = t, n = e || new x();
   if ("_onBeforeExitCallbacks" in i && i._onBeforeExitCallbacks.length > 0)
     for (const r of i._onBeforeExitCallbacks)
       try {
@@ -399,7 +399,7 @@ async function U(t, e) {
 }
 function $(t) {
   if (!t) return;
-  const e = t, i = new M();
+  const e = t, i = new x();
   if (i.cancel(), "_onBeforeExitCallbacks" in e && e._onBeforeExitCallbacks.length > 0 && e._onBeforeExitCallbacks.forEach((n) => {
     try {
       const r = n(i);
@@ -438,7 +438,7 @@ async function O(t, e, i) {
   }
   const o = ++Q, a = h.get(t);
   a && a.token.cancel();
-  const l = new M();
+  const l = new x();
   if (h.set(t, { id: o, token: l }), r && "_lifecycleState" in r && (r._lifecycleState = "exiting"), r)
     try {
       await U(r, l);
@@ -549,7 +549,7 @@ function W(t, e = !1) {
   if (t._dom)
     return t._dom;
   const i = e || t.type === "svg", n = i ? document.createElementNS(ae, t.type) : document.createElement(t.type), r = Z(n, t.props, i);
-  return t._onUnmountCallbacks.push(r), t.props.innerHTML !== void 0 ? n.innerHTML = t.props.innerHTML : t.props.children && B(n, t.props.children, t, i), t._dom = n, t._lifecycleState = "mounted", t._onMountCallbacks.length > 0 && t._onMountCallbacks.forEach((s) => s()), n;
+  return t._onUnmountCallbacks.push(r), t.props.innerHTML !== void 0 ? n.innerHTML = typeof t.props.innerHTML == "object" ? JSON.stringify(t.props.innerHTML) : t.props.innerHTML : t.props.children && B(n, t.props.children, t, i), t._dom = n, t._lifecycleState = "mounted", t._onMountCallbacks.length > 0 && t._onMountCallbacks.forEach((s) => s()), n;
 }
 function _(t, e = !1) {
   if ("type" in t && t.type === "reactive")
@@ -575,7 +575,7 @@ function _(t, e = !1) {
     s();
   }), r && (i._lifecycleState = "mounted"), r;
 }
-function Me(t, e) {
+function xe(t, e) {
   const i = t instanceof Node ? t : _(t);
   i && e.append(i);
 }
@@ -1275,10 +1275,10 @@ class _e {
     this.el && (this.el.removeEventListener("touchstart", this.boundOnStart), document.removeEventListener("touchmove", this.boundOnMove), document.removeEventListener("touchend", this.boundOnEnd), document.removeEventListener("touchcancel", this.boundOnEnd), this.el.removeEventListener("mousedown", this.boundOnStart), document.removeEventListener("mousemove", this.boundOnMove), document.removeEventListener("mouseup", this.boundOnEnd), document.removeEventListener("mouseleave", this.boundOnEnd), this.controller.release(this.id));
   }
 }
-function Xe(t, e) {
+function je(t, e) {
   return ve.createGesture(t, e);
 }
-function je(t) {
+function Xe(t) {
   typeof document > "u" || (document.startViewTransition ? document.startViewTransition(t) : t());
 }
 let Se = 0;
@@ -1315,20 +1315,20 @@ export {
   Ce as batch,
   Ee as computed,
   De as createContext,
-  Xe as createGesture,
+  je as createGesture,
   v as effect,
   Ne as get,
   Oe as hydrate,
-  xe as link,
+  Me as link,
   Ie as onBeforeExit,
   Ke as onLoad,
   Le as onMount,
   He as onUnmount,
   Te as peek,
-  Me as render,
+  xe as render,
   Ae as set,
   we as signal,
-  je as startViewTransition,
+  Xe as startViewTransition,
   Pe as suspend,
   Fe as useContext,
   Ye as withViewTransition

package/dist/server.cjs

@@ -8,7 +8,7 @@
  * 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 E(t){return/^on[A-Z]/.test(t)}function H(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"||E(e))).map(([e,n])=>(e==="className"&&(e="class"),e==="style"&&typeof n=="object"&&(n=H(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 w(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 a=new Map;let d=0;function D(t){return a.clear(),d=0,s(t)}async function T(t){a.clear(),d=0;let r=s(t);for(;a.size>0;){console.log(`🔄 Resolving ${a.size} async components in parallel...`);const o=Array.from(a.entries());a.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[l,{componentName:c,errorFallback:u}]=i,p=e[n];if(!p)continue;const y=h(l,c);if(p.status==="fulfilled")try{console.log(`✅ Resolved: ${c} (${l})`);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(a.clear(),d=0,yield s(t);a.size>0;){const o=Array.from(a.entries());a.clear();const e=o.map(async([n,{promise:i}])=>{try{const l=await i,c=s(l);return`<script>
+"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>
             (function() {
               const el = document.getElementById('${n}');
               if (el) {
@@ -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})`),a.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(w(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})`),a.set(n,{id:n,promise:e,componentName:i}),h(n,i)}return s(e)}if(typeof r=="string"){const e=j(o);if(v.has(r))return`<${r}${e} />`;if(o.innerHTML!==void 0)return`<${r}${e}>${o.innerHTML}</${r}>`;const i=$(o.children).map(l=>{if(Array.isArray(l))return l.map(c=>s(c)).join("");if(typeof l=="function"){const c=l();return Array.isArray(c)?`<!--reactive-list-->${c.map(p=>s(p)).join("")}`:`<!--reactive-->${s(c)}`}return s(l)}).join("");return r==="html"?`<!DOCTYPE html>
-<html${e}>${i}</html>`:`<${r}${e}>${i}</${r}>`}return""}class C{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=C;exports.renderToStream=P;exports.renderToString=D;exports.renderToStringAsync=T;
+          <\/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;

package/dist/server.js

@@ -13,10 +13,10 @@ import { dirname as b, join as y } from "node:path";
 function v(t) {
   return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function E(t) {
+function H(t) {
   return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-const H = /* @__PURE__ */ new Set([
+const E = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -38,7 +38,7 @@ function D(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}="${E(String(n))}"`)).filter(Boolean).join(" ");
+  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(" ");
   return o ? ` ${o}` : "";
 }
 function $(t) {
@@ -50,32 +50,32 @@ function T(t) {
 function g(t, r) {
   return `<div id="${t}" data-server-component="suspended" data-component-name="${r}">Loading...</div>`;
 }
-const a = /* @__PURE__ */ new Map();
+const l = /* @__PURE__ */ new Map();
 let d = 0;
-function C(t) {
-  return a.clear(), d = 0, s(t);
+function P(t) {
+  return l.clear(), d = 0, s(t);
 }
-async function L(t) {
-  a.clear(), d = 0;
+async function x(t) {
+  l.clear(), d = 0;
   let r = s(t);
-  for (; a.size > 0; ) {
+  for (; l.size > 0; ) {
     console.log(
-      `🔄 Resolving ${a.size} async components in parallel...`
+      `🔄 Resolving ${l.size} async components in parallel...`
     );
-    const o = Array.from(a.entries());
-    a.clear();
+    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 [l, { componentName: c, errorFallback: u }] = i, p = e[n];
+      const [a, { componentName: c, errorFallback: u }] = i, p = e[n];
       if (!p) continue;
-      const m = g(l, c);
+      const m = g(a, c);
       if (p.status === "fulfilled")
         try {
-          console.log(`✅ Resolved: ${c} (${l})`);
+          console.log(`✅ Resolved: ${c} (${a})`);
           const f = s(p.value);
           r = r.replace(m, f);
         } catch (f) {
@@ -96,14 +96,14 @@ async function L(t) {
   }
   return console.log("✅ All async components resolved!"), r;
 }
-async function* N(t) {
-  for (a.clear(), d = 0, yield s(t); a.size > 0; ) {
-    const o = Array.from(a.entries());
-    a.clear();
+async function* C(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 l = await i, c = s(l);
+          const a = await i, c = s(a);
           return `<script>
             (function() {
               const el = document.getElementById('${n}');
@@ -148,7 +148,7 @@ function s(t) {
     const e = t, n = `async-${d++}`;
     return console.log(
       `⏳ Suspending: ${e._componentName} (${n})`
-    ), a.set(n, {
+    ), l.set(n, {
       id: n,
       promise: e.promise,
       componentName: e._componentName,
@@ -163,7 +163,7 @@ function s(t) {
       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})`), a.set(n, {
+      ), console.log(`⏳ Suspending: ${i} (${n})`), l.set(n, {
         id: n,
         promise: e,
         componentName: i
@@ -173,25 +173,27 @@ Example: const ${i} = suspend(async (props) => { ... }, <Loading />, <Error />);
   }
   if (typeof r == "string") {
     const e = j(o);
-    if (H.has(r))
+    if (E.has(r))
       return `<${r}${e} />`;
-    if (o.innerHTML !== void 0)
-      return `<${r}${e}>${o.innerHTML}</${r}>`;
-    const i = $(o.children).map((l) => {
-      if (Array.isArray(l))
-        return l.map((c) => s(c)).join("");
-      if (typeof l == "function") {
-        const c = l();
+    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(l);
+      return s(a);
     }).join("");
     return r === "html" ? `<!DOCTYPE html>
 <html${e}>${i}</html>` : `<${r}${e}>${i}</${r}>`;
   }
   return "";
 }
-class F {
+class M {
   cacheDir;
   useDirectoryStructure;
   constructor(r = {}) {
@@ -223,8 +225,8 @@ class F {
   }
 }
 export {
-  F as PreRenderer,
-  N as renderToStream,
-  C as renderToString,
-  L as renderToStringAsync
+  M as PreRenderer,
+  C as renderToStream,
+  P as renderToString,
+  x as renderToStringAsync
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mateosuarezdev/flash",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Custom jsx runtime",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -46,7 +46,7 @@
   "sideEffects": false,
   "scripts": {
     "dev": "vite --host",
-    "build": "vite build && bun run scripts/prepend-license.ts",
+    "build": "vite build && bun run scripts/append-jsx-types.ts && bun run scripts/prepend-license.ts",
     "build:visualize": "vite-bundle-visualizer",
     "typecheck": "tsc --noEmit",
     "clean": "rimraf dist",