@mateosuarezdev/flash 0.0.3 → 0.0.5

package/dist/server.js

@@ -10,13 +10,13 @@
 
 import { mkdir as h, rm as S } from "node:fs/promises";
 import { dirname as b, join as y } from "node:path";
-function v(r) {
-  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function v(t) {
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function E(r) {
-  return r.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+function H(t) {
+  return t.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-const w = /* @__PURE__ */ new Set([
+const E = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -31,79 +31,79 @@ const w = /* @__PURE__ */ new Set([
   "track",
   "wbr"
 ]);
-function D(r) {
-  return /^on[A-Z]/.test(r);
+function w(t) {
+  return /^on[A-Z]/.test(t);
 }
-function H(r) {
-  return Object.entries(r).map(([t, o]) => `${t.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`)}:${o}`).join(";");
+function D(t) {
+  return Object.entries(t).map(([r, o]) => `${r.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`)}:${o}`).join(";");
 }
-function j(r, t = !0) {
-  const o = Object.entries(r).filter(([e, n]) => !(n == null || t && e === "children" || D(e))).map(([e, n]) => (e === "className" && (e = "class"), e === "style" && typeof n == "object" && (n = H(n)), typeof n == "boolean" ? n ? e : "" : `${e}="${E(String(n))}"`)).filter(Boolean).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(" ");
   return o ? ` ${o}` : "";
 }
-function $(r) {
-  return r ? Array.isArray(r) ? r : [r] : [];
+function $(t) {
+  return t ? Array.isArray(t) ? t : [t] : [];
 }
-function P(r) {
-  return r && typeof r.then == "function";
+function T(t) {
+  return t && typeof t.then == "function";
 }
-function g(r, t) {
-  return `<div id="${r}" data-server-component="suspended" data-component-name="${t}">Loading...</div>`;
+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 N(r) {
-  return a.clear(), d = 0, s(r);
+function P(t) {
+  return l.clear(), d = 0, s(t);
 }
-async function T(r) {
-  a.clear(), d = 0;
-  let t = s(r);
-  for (; a.size > 0; ) {
+async function x(t) {
+  l.clear(), d = 0;
+  let r = s(t);
+  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);
-          t = t.replace(m, f);
+          r = r.replace(m, 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>`;
-          t = t.replace(m, A);
+          r = r.replace(m, A);
         }
       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>`;
-        t = t.replace(m, f);
+        r = r.replace(m, f);
       }
     }
   }
-  return console.log("✅ All async components resolved!"), t;
+  return console.log("✅ All async components resolved!"), r;
 }
-async function* F(r) {
-  for (a.clear(), d = 0, yield s(r); 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}');
@@ -128,27 +128,27 @@ async function* F(r) {
       yield await n;
   }
 }
-function s(r) {
-  if (typeof r == "function") {
-    const e = r();
+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 r == "string")
-    return v(r);
-  if (typeof r == "number")
-    return String(r);
-  if (Array.isArray(r))
-    return r.map((e) => s(e)).join("");
-  if (!r || typeof r != "object")
+  if (typeof t == "string")
+    return v(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: t, props: o } = r;
-  if (t === Symbol.for("jsx.fragment"))
+  const { type: r, props: o } = t;
+  if (r === Symbol.for("jsx.fragment"))
     return $(o.children).map((n) => s(n)).join("");
-  if (typeof t == "string" && t === "suspended") {
-    const e = r, n = `async-${d++}`;
+  if (typeof r == "string" && r === "suspended") {
+    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,
@@ -156,14 +156,14 @@ function s(r) {
       // Store custom error fallback
     }), g(n, e._componentName);
   }
-  if (typeof t == "function") {
-    const e = t(o);
-    if (P(e)) {
-      const n = `async-${d++}`, i = t.name || "AsyncComponent";
+  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})`), a.set(n, {
+      ), console.log(`⏳ Suspending: ${i} (${n})`), l.set(n, {
         id: n,
         promise: e,
         componentName: i
@@ -171,47 +171,51 @@ Example: const ${i} = suspend(async (props) => { ... }, <Loading />, <Error />);
     }
     return s(e);
   }
-  if (typeof t == "string") {
+  if (typeof r == "string") {
     const e = j(o);
-    if (w.has(t))
-      return `<${t}${e} />`;
-    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 (E.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(l);
+      return s(a);
     }).join("");
-    return t === "html" ? `<!DOCTYPE html>
-<html${e}>${i}</html>` : `<${t}${e}>${i}</${t}>`;
+    return r === "html" ? `<!DOCTYPE html>
+<html${e}>${i}</html>` : `<${r}${e}>${i}</${r}>`;
   }
   return "";
 }
-class z {
+class M {
   cacheDir;
   useDirectoryStructure;
-  constructor(t = {}) {
-    this.cacheDir = t.cacheDir || "./cache/html", this.useDirectoryStructure = t.useDirectoryStructure ?? !1;
+  constructor(r = {}) {
+    this.cacheDir = r.cacheDir || "./cache/html", this.useDirectoryStructure = r.useDirectoryStructure ?? !1;
   }
-  async save(t, o) {
-    const e = this.getFilepath(t);
-    return await h(b(e), { recursive: !0 }), await Bun.write(e, o), console.log(`✅ Pre-rendered: ${t} → ${e}`), e;
+  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;
   }
-  async load(t) {
-    const o = this.getFilepath(t), e = Bun.file(o);
+  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");
   }
-  async exists(t) {
-    const o = this.getFilepath(t);
+  async exists(r) {
+    const o = this.getFilepath(r);
     return await Bun.file(o).exists();
   }
-  getFilepath(t) {
-    const o = t.replace(/^\/+|\/+$/g, "");
+  getFilepath(r) {
+    const o = r.replace(/^\/+|\/+$/g, "");
     if (this.useDirectoryStructure)
       return o === "" ? y(this.cacheDir, "index.html") : y(this.cacheDir, o, "index.html");
     {
@@ -221,8 +225,8 @@ class z {
   }
 }
 export {
-  z as PreRenderer,
-  F as renderToStream,
-  N as renderToString,
-  T 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.3",
+  "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",