lithent 1.21.5 → 1.21.7

package/dist/lithent-agent-addon.md

@@ -1,6 +1,6 @@
 # Lithent Agent Addon
 
-> Version: 1.21.5
+> Version: 1.21.7
 
 You are a coding agent with Lithent virtual DOM guidance enabled.
 
@@ -120,7 +120,7 @@ COMMON MISTAKES TO CATCH:
 REFERENCE MATERIALS (NOT PART OF BEHAVIORAL RULES):
 
 For detailed code examples and API usage, refer to:
-node_modules/lithent/dist/skills/SKILL.md
+node_modules/lithent/dist/skills/lithent/SKILL.md
 
 This reference material provides comprehensive examples, patterns,
 and import references that complement the behavioral guidelines above.

package/dist/skills/{SKILL.md → lithent/SKILL.md}

@@ -1,7 +1,7 @@
 ---
 name: lithent
 title: Lithent Agent Skills
-version: 1.21.5
+version: 1.21.7
 description: AI agent skills for working with the Lithent library.
 additional_materials:
   - constraints/
@@ -11,7 +11,7 @@ additional_materials:
 
 # Lithent Agent Skills
 
-> Version: 1.21.5
+> Version: 1.21.7
 
 This file provides AI agent skills for working with the Lithent library.
 

package/dist/skills/{constraints → lithent/constraints}/mistakes.md

@@ -1,7 +1,7 @@
 ---
 title: Common Mistakes
 category: constraints
-version: 1.21.5
+version: 1.21.7
 ---
 
 # Common Mistakes

package/dist/skills/{constraints → lithent/constraints}/rules.md

@@ -1,7 +1,7 @@
 ---
 title: Rules
 category: constraints
-version: 1.21.5
+version: 1.21.7
 ---
 
 # Rules

package/dist/skills/{constraints → lithent/constraints}/troubleshooting.md

@@ -1,7 +1,7 @@
 ---
 title: Troubleshooting
 category: constraints
-version: 1.21.5
+version: 1.21.7
 ---
 
 # Troubleshooting

package/dist/skills/{examples → lithent/examples}/quick-examples.md

@@ -1,7 +1,7 @@
 ---
 title: Quick Examples
 category: examples
-version: 1.21.5
+version: 1.21.7
 ---
 
 # Quick Examples

package/dist/skills/{reference → lithent/reference}/children-type.md

@@ -1,7 +1,7 @@
 ---
 title: Children Type
 category: reference
-version: 1.21.5
+version: 1.21.7
 ---
 
 # Children Type

package/dist/skills/{reference → lithent/reference}/lstore-inference.md

@@ -1,7 +1,7 @@
 ---
 title: lstore Type Inference
 category: reference
-version: 1.21.5
+version: 1.21.7
 ---
 
 # lstore Type Inference

package/dist/skills/{reference → lithent/reference}/props-types.md

@@ -1,7 +1,7 @@
 ---
 title: Props Types
 category: reference
-version: 1.21.5
+version: 1.21.7
 ---
 
 # Props Types

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "lithent",
-  "version": "1.21.5",
+  "version": "1.21.7",
   "description": "An extensible virtual DOM library for lightweight use in a variety of environments.",
   "main": "./dist/lithent.umd.js",
   "module": "./dist/lithent.mjs",

package/ssr/dist/lithentSsr.mjs

@@ -1,45 +1,45 @@
-import { h as f, mount as h, Fragment as k, render as S } from "lithent";
-function s(e, n, t, r, i, o) {
-  const { children: c, ...u } = n;
-  if (c != null) {
-    const l = Array.isArray(c) ? c : [c];
+import { h as f, mount as a, Fragment as k, render as S } from "lithent";
+function o(e, n, t, r, i, c) {
+  const { children: s, ...u } = n;
+  if (s != null) {
+    const l = Array.isArray(s) ? s : [s];
     return f(e, { ...u, key: t }, ...l);
   }
   return f(e, { ...u, key: t });
 }
-const x = h((e) => () => /* @__PURE__ */ s(k, { children: [
-  /* @__PURE__ */ s("meta", { name: "twitter:card1", content: "summary_large_image" }),
+const x = a((e) => () => /* @__PURE__ */ o(k, { children: [
+  /* @__PURE__ */ o("meta", { name: "twitter:card1", content: "summary_large_image" }),
   " ",
-  /* @__PURE__ */ s("meta", { name: "twitter:site2", content: "@superlucky84" })
-] })), E = h((e) => {
+  /* @__PURE__ */ o("meta", { name: "twitter:site2", content: "@superlucky84" })
+] })), E = a((e) => {
   let n = 1, t = "s";
   const r = () => {
     n += 1, t += "s", e();
   };
-  return () => /* @__PURE__ */ s("div", { style: { border: `${n}px solid red` }, children: [
+  return () => /* @__PURE__ */ o("div", { style: { border: `${n}px solid red` }, children: [
     "asve",
-    /* @__PURE__ */ s("br", {}),
-    /* @__PURE__ */ s("section", { innerHTML: "<article>ss</article>" }),
-    /* @__PURE__ */ s("button", { disabled: !1, onClick: r, children: [
+    /* @__PURE__ */ o("br", {}),
+    /* @__PURE__ */ o("section", { innerHTML: "<article>ss</article>" }),
+    /* @__PURE__ */ o("button", { disabled: !1, onClick: r, children: [
       n,
       " -== a1 - ",
       n,
       t
     ] }),
     n,
-    /* @__PURE__ */ s("span", { id: "aa11", "data-max-string": "va", children: [
+    /* @__PURE__ */ o("span", { id: "aa11", "data-max-string": "va", children: [
       "  ",
       "123124"
     ] })
   ] });
 });
-h((e) => () => /* @__PURE__ */ s("html", { lang: "en", children: [
-  /* @__PURE__ */ s("head", { children: [
-    /* @__PURE__ */ s("title", { children: "Express with Vite and JSX" }),
-    /* @__PURE__ */ s(x, {}),
-    /* @__PURE__ */ s("script", { src: "/dist/lithentSsr.umd.js" })
+a((e) => () => /* @__PURE__ */ o("html", { lang: "en", children: [
+  /* @__PURE__ */ o("head", { children: [
+    /* @__PURE__ */ o("title", { children: "Express with Vite and JSX" }),
+    /* @__PURE__ */ o(x, {}),
+    /* @__PURE__ */ o("script", { src: "/dist/lithentSsr.umd.js" })
   ] }),
-  /* @__PURE__ */ s("body", { children: /* @__PURE__ */ s("div", { id: "app", children: /* @__PURE__ */ s(E, {}) }) })
+  /* @__PURE__ */ o("body", { children: /* @__PURE__ */ o("div", { id: "app", children: /* @__PURE__ */ o(E, {}) }) })
 ] }));
 const j = [
   "area",
@@ -76,19 +76,22 @@ function v(e, n) {
 function F(e) {
   return Object.entries(e).map(([n, t]) => `${n.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${t};`).join(" ");
 }
+function H(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
 function y(e) {
   return g(e);
 }
 function g(e) {
   let n = "";
-  const { type: t, tag: r, text: i, props: o, children: c = [] } = e;
+  const { type: t, tag: r, text: i, props: c, children: s = [] } = e;
   if (A(t))
-    n = d(c, n);
+    n = d(s, n);
   else if (t === "e" && r) {
-    const l = o == null ? void 0 : o.innerHTML;
-    l ? n = `<${r}${p(o)}>${l}</${r}>` : C(r) && !c.length ? n = `<${r}${p(o)} />` : (n = `<${r}${p(o)}>`, n = d(c, n), n = `${n}</${r}>`);
+    const l = c == null ? void 0 : c.innerHTML;
+    l ? n = `<${r}${p(c)}>${l}</${r}>` : C(r) && !s.length ? n = `<${r}${p(c)} />` : (n = `<${r}${p(c)}>`, n = d(s, n), n = `${n}</${r}>`);
   } else if (t === "t" && L(i))
-    n = String(i), n = d(c, n);
+    n = H(String(i)), n = d(s, n);
   else
     throw new Error(
       "An attempt was made to render an abnormal virtual DOM object."
@@ -98,8 +101,8 @@ function g(e) {
 function d(e, n) {
   return e.reduce((r, i) => {
     if (i.type) {
-      const o = g(i);
-      r += o;
+      const c = g(i);
+      r += c;
     }
     return r;
   }, n || "");
@@ -108,8 +111,8 @@ function p(e) {
   let n = [];
   return Object.entries(e || {}).forEach(
     ([t, r]) => {
-      const i = t === "key", o = t === "portal" && typeof r == "object", c = t === "innerHTML" && typeof r == "string", u = v(t, r), l = t.match(/^on/);
-      if (!(i || o || c || u || l))
+      const i = t === "key", c = t === "portal" && typeof r == "object", s = t === "innerHTML" && typeof r == "string", u = v(t, r), l = t.match(/^on/);
+      if (!(i || c || s || u || l))
         if (N(t, r)) {
           const $ = F(r);
           n.push(`style="${$}"`);
@@ -117,13 +120,13 @@ function p(e) {
     }
   ), n.length ? " " + n.join(" ") : "";
 }
-function H(e, n) {
+function m(e, n) {
   return M(e, n), S(e, n, null, !0);
 }
 function M(e, n) {
   const t = e.type && ["f", "l"].includes(e.type);
   t && (e.el = new DocumentFragment());
-  const r = a(
+  const r = h(
     t ? [...e.children || []] : [e]
   ), i = n.tagName === "HTML" ? [n] : Array.from(n.childNodes);
   r && b(r, i);
@@ -132,36 +135,36 @@ function b(e, n) {
   let t = 0;
   n.filter((r) => _(r)).forEach((r) => {
     let i = e[t];
-    const o = r.nodeType;
-    let c = !1;
+    const c = r.nodeType;
+    let s = !1;
     if (((i == null ? void 0 : i.type) === null || (i == null ? void 0 : i.type) === "t" && (i == null ? void 0 : i.text) === `
-` || (i == null ? void 0 : i.type) === "t" && o === 1) && (t += 1, i = e[t]), r && i && i.type && ["t", "e"].includes(i.type)) {
-      if (i.type === "t" && o === 3) {
-        const { tFragment: u, nIndex: l } = m(
+` || (i == null ? void 0 : i.type) === "t" && c === 1) && (t += 1, i = e[t]), r && i && i.type && ["t", "e"].includes(i.type)) {
+      if (i.type === "t" && c === 3) {
+        const { tFragment: u, nIndex: l } = P(
           e,
           t
         );
         t = l, r.parentElement.replaceChild(u, r);
-      } else i.type === "e" && o === 1 && ((r.tagName || "").toLowerCase() !== i.tag ? c = !0 : i.el = r);
-      c || b(
-        a(i.children || []),
+      } else i.type === "e" && c === 1 && ((r.tagName || "").toLowerCase() !== i.tag ? s = !0 : i.el = r);
+      s || b(
+        h(i.children || []),
         Array.from(r.childNodes)
       );
     }
-    c || (t += 1);
+    s || (t += 1);
   });
 }
 function _(e) {
   return !(e.nodeType === 3 && !e.data.replace(/\s*/g, ""));
 }
-function a(e) {
-  return e.reduce((n, t) => (t.type && ["f", "l"].includes(t.type) ? (t.el = new DocumentFragment(), n.push(...a((t == null ? void 0 : t.children) || []))) : n.push(t), n), []);
+function h(e) {
+  return e.reduce((n, t) => (t.type && ["f", "l"].includes(t.type) ? (t.el = new DocumentFragment(), n.push(...h((t == null ? void 0 : t.children) || []))) : n.push(t), n), []);
 }
-function m(e, n) {
+function P(e, n) {
   const t = T(e, n, []), r = new DocumentFragment();
   return t.forEach((i) => {
-    const o = document.createTextNode(String(i.text));
-    i.el = o, r.appendChild(o);
+    const c = document.createTextNode(String(i.text));
+    i.el = c, r.appendChild(c);
   }), {
     tFragment: r,
     nIndex: n + (t.length - 1)
@@ -170,16 +173,16 @@ function m(e, n) {
 function T(e, n, t) {
   return e[n] && e[n].type === "t" ? (t.push(e[n]), T(e, n + 1, [...t])) : t;
 }
-const R = y, P = H;
-function G(e) {
-  return typeof window < "u" ? P(f(e, {}), document.documentElement) : y(f(e, {}));
+const G = y, W = m;
+function J(e) {
+  return typeof window < "u" ? W(f(e, {}), document.documentElement) : y(f(e, {}));
 }
-let W;
-const J = W;
+let O;
+const X = O;
 export {
-  P as hydration,
-  R as renderToString,
-  G as renderWithHydration,
-  J as run
+  W as hydration,
+  G as renderToString,
+  J as renderWithHydration,
+  X as run
 };
 //# sourceMappingURL=lithentSsr.mjs.map

package/ssr/dist/lithentSsr.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lithentSsr.mjs","sources":["../../jsx-runtime/dist/jsxRuntime.mjs","../src/tests/tostring.tsx","../src/helper/index.ts","../src/renderToString.ts","../src/hydration.ts","../src/index.ts"],"sourcesContent":["import { h as o } from \"lithent\";\nimport { Fragment as h } from \"lithent\";\nfunction f(s, t, e, a, c, l) {\n  const { children: r, ...n } = t;\n  if (r != null) {\n    const i = Array.isArray(r) ? r : [r];\n    return o(s, { ...n, key: e }, ...i);\n  }\n  return o(s, { ...n, key: e });\n}\nexport {\n  h as Fragment,\n  f as jsx,\n  f as jsxDEV,\n  f as jsxs\n};\n//# sourceMappingURL=jsxRuntime.mjs.map\n","import { mount, Fragment } from 'lithent';\n\nconst Meta = mount(_r => {\n  return () => (\n    <Fragment>\n      <meta name=\"twitter:card1\" content=\"summary_large_image\" />{' '}\n      <meta name=\"twitter:site2\" content=\"@superlucky84\" />\n    </Fragment>\n  );\n});\n\nconst Children = mount(r => {\n  let v = 1;\n  let k = 's';\n\n  const increase = () => {\n    v += 1;\n    k += 's';\n    r();\n  };\n\n  return () => (\n    <div style={{ border: `${v}px solid red` }}>\n      asve\n      <br />\n      <section innerHTML=\"<article>ss</article>\" />\n      <button disabled={false} onClick={increase}>\n        {v} -== a1 - {v}\n        {k}\n      </button>\n      {v}\n      <span id=\"aa11\" data-max-string=\"va\">\n        {'  '}123124\n      </span>\n    </div>\n  );\n});\n\nconst Root = mount(_r => {\n  return () => (\n    <html lang=\"en\">\n      <head>\n        <title>Express with Vite and JSX</title>\n        <Meta />\n        <script src=\"/dist/lithentSsr.umd.js\"></script>\n      </head>\n      <body>\n        <div id=\"app\">\n          <Children />\n        </div>\n      </body>\n    </html>\n  );\n});\n\nexport default Root;\n","const SELF_CLOSE_ALLLOW = [\n  'area',\n  'base',\n  'br',\n  'col',\n  'embed',\n  'hr',\n  'img',\n  'input',\n  'keygen',\n  'link',\n  'meta',\n  'param',\n  'source',\n  'track',\n  'wbr',\n];\n\nexport function isAllowSelfClose(tagname: string) {\n  return SELF_CLOSE_ALLLOW.includes(tagname);\n}\n\nexport function checkExisty(value: unknown) {\n  return value !== null && value !== undefined;\n}\n\nexport function checkVirtualType(type?: string | null) {\n  return type && ['f', 'l'].includes(type);\n}\n\nexport function checkStyleData(\n  dataKey: string,\n  dataValue: unknown\n): dataValue is Record<string, string> {\n  return dataKey === 'style' && typeof dataValue === 'object';\n}\n\nexport function checkRefData(\n  dataKey: string,\n  dataValue: unknown\n): dataValue is {\n  value: HTMLElement | Element | DocumentFragment | Text | undefined;\n} {\n  return dataKey === 'ref' && typeof dataValue === 'object';\n}\n\nexport function styleObjectToString(styleObj: Record<string, string>) {\n  return Object.entries(styleObj)\n    .map(([key, value]) => {\n      // camelCase를 kebab-case로 변환 (예: borderTop -> border-top)\n      const kebabKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n      return `${kebabKey}: ${value};`;\n    })\n    .join(' ');\n}\n","import type { WDom, Props } from 'lithent';\nimport {\n  isAllowSelfClose,\n  checkExisty,\n  checkVirtualType,\n  checkStyleData,\n  checkRefData,\n  styleObjectToString,\n} from '@/helper';\n\n/**\n * Main function of renderToString\"\n */\nexport function renderToString(wDom: WDom) {\n  return wDomToString(wDom);\n}\n\n/**\n * Converts a chunk of virtual DOM objects into string tags.\n */\nfunction wDomToString(wDom: WDom) {\n  let element = '';\n  const { type, tag, text, props, children = [] } = wDom;\n  const isVirtualType = checkVirtualType(type);\n\n  if (isVirtualType) {\n    element = wDomChildrenToDom(children, element);\n  } else if (type === 'e' && tag) {\n    const innerHTML = props?.innerHTML;\n\n    if (innerHTML) {\n      element = `<${tag}${makeProp(props)}>${innerHTML}</${tag}>`;\n    } else if (isAllowSelfClose(tag) && !children.length) {\n      element = `<${tag}${makeProp(props)} />`;\n    } else {\n      element = `<${tag}${makeProp(props)}>`;\n      element = wDomChildrenToDom(children, element);\n      element = `${element}</${tag}>`;\n    }\n  } else if (type === 't' && checkExisty(text)) {\n    element = String(text);\n    element = wDomChildrenToDom(children, element);\n  } else {\n    throw new Error(\n      'An attempt was made to render an abnormal virtual DOM object.'\n    );\n  }\n\n  return element;\n}\n\n/**\n * Converts all child nodes of a virtual DOM object into string tags.\n */\nfunction wDomChildrenToDom(children: WDom[], parentElement?: string) {\n  const newString = children.reduce((acc: string, childItem: WDom) => {\n    if (childItem.type) {\n      const childElement = wDomToString(childItem);\n\n      acc += childElement;\n    }\n\n    return acc;\n  }, parentElement || '');\n\n  return newString;\n}\n\n/**\n * Creates and attaches a prop string to the tag.\n */\nfunction makeProp(props?: Props) {\n  let attrGroup: string[] = [];\n\n  Object.entries(props || {}).forEach(\n    ([dataKey, dataValue]: [string, unknown]) => {\n      const isKey = dataKey === 'key';\n      const isPortal = dataKey === 'portal' && typeof dataValue === 'object';\n      const isHtml = dataKey === 'innerHTML' && typeof dataValue === 'string';\n      const isRef = checkRefData(dataKey, dataValue);\n      const isEvent = dataKey.match(/^on/);\n\n      if (!(isKey || isPortal || isHtml || isRef || isEvent)) {\n        if (checkStyleData(dataKey, dataValue)) {\n          const cssString = styleObjectToString(dataValue);\n          attrGroup.push(`style=\"${cssString}\"`);\n        } else if (dataKey && dataValue === true) {\n          attrGroup.push(`${dataKey}=\"${dataKey}\"`);\n        } else if (dataKey && typeof dataValue !== 'boolean') {\n          attrGroup.push(`${dataKey}=\"${String(dataValue)}\"`);\n        }\n      }\n    }\n  );\n\n  return attrGroup.length ? ' ' + attrGroup.join(' ') : '';\n}\n","import { render } from 'lithent';\nimport type { WDom } from 'lithent';\n\n/**\n * hydration\n */\nexport function hydration(wDom: WDom, wrapElement: HTMLElement) {\n  /**\n   * Attach the el property to wDom.\n   */\n  addElement(wDom, wrapElement);\n\n  /**\n   * Attach events to wDom.\n   */\n  return render(wDom, wrapElement, null, true);\n}\n\n/**\n * Attach the el property to wDom.\n */\nfunction addElement(wDomOrig: WDom, wrapElement: HTMLElement) {\n  const isVirtualType = wDomOrig.type && ['f', 'l'].includes(wDomOrig.type);\n\n  if (isVirtualType) {\n    wDomOrig.el = new DocumentFragment();\n  }\n  const wDomList = flatFlagmentFromList(\n    isVirtualType ? [...(wDomOrig.children || [])] : [wDomOrig]\n  );\n\n  const realDomList =\n    wrapElement.tagName === 'HTML'\n      ? [wrapElement]\n      : Array.from(wrapElement.childNodes);\n\n  if (wDomList) {\n    addElementProcessChildren(wDomList, realDomList);\n  }\n}\n\n/**\n * Attach the el property to wDom recursively.\n */\nfunction addElementProcessChildren(wDomList: WDom[], realDomList: ChildNode[]) {\n  let index = 0;\n  realDomList\n    .filter((item: any) => filteredEmptyTextNode(item))\n    .forEach(realDomItem => {\n      let wDomItem = wDomList[index];\n      const nodeType = realDomItem.nodeType;\n      let pass = false;\n\n      if (\n        wDomItem?.type === null ||\n        (wDomItem?.type === 't' && wDomItem?.text === '\\n') ||\n        (wDomItem?.type === 't' && nodeType === 1)\n      ) {\n        index += 1;\n        wDomItem = wDomList[index];\n      }\n\n      if (\n        realDomItem &&\n        wDomItem &&\n        wDomItem.type &&\n        ['t', 'e'].includes(wDomItem.type)\n      ) {\n        if (wDomItem.type === 't' && nodeType === 3) {\n          const { tFragment, nIndex } = processConsecutiveTextNodes(\n            wDomList,\n            index\n          );\n          index = nIndex;\n          realDomItem!.parentElement!.replaceChild(tFragment, realDomItem);\n        } else if (wDomItem.type === 'e' && nodeType === 1) {\n          if (\n            ((realDomItem as HTMLElement).tagName || '').toLowerCase() !==\n            wDomItem.tag\n          ) {\n            // throw new Error('Hydration Error - not matched tagname');\n            pass = true;\n          } else {\n            wDomItem.el = realDomItem as HTMLElement;\n          }\n        }\n\n        if (!pass) {\n          addElementProcessChildren(\n            flatFlagmentFromList(wDomItem.children || []),\n            Array.from(realDomItem.childNodes)\n          );\n        }\n      }\n\n      if (!pass) {\n        index += 1;\n      }\n    });\n}\n\n/**\n * Whitespace or text nodes are ignored.\n */\nfunction filteredEmptyTextNode(item: HTMLElement | Text) {\n  if (item.nodeType === 3 && !(item as Text).data.replace(/\\s*/g, '')) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Flattens nested fragment types.\n */\nfunction flatFlagmentFromList(wDomlist: WDom[]) {\n  return wDomlist.reduce((acc: WDom[], item: WDom) => {\n    if (item.type && ['f', 'l'].includes(item.type)) {\n      item.el = new DocumentFragment();\n      acc.push(...flatFlagmentFromList(item?.children || []));\n    } else {\n      acc.push(item);\n    }\n    return acc;\n  }, []);\n}\n\n/**\n * Hydration is applied to consecutively rendered text node objects.\n */\nfunction processConsecutiveTextNodes(wDomList: WDom[], cIndex: number) {\n  const textWDomList: WDom[] = collectAdjacentTextNode(wDomList, cIndex, []);\n  const tFragment = new DocumentFragment();\n  textWDomList.forEach(item => {\n    const textNode = document.createTextNode(String(item.text));\n    item.el = textNode;\n    tFragment.appendChild(textNode);\n  });\n\n  return {\n    tFragment,\n    nIndex: cIndex + (textWDomList.length - 1),\n  };\n}\n\n/**\n * Collect consecutive text nodes.\n */\nfunction collectAdjacentTextNode(\n  wDomList: WDom[],\n  cIndex: number,\n  acc: WDom[]\n): WDom[] {\n  if (wDomList[cIndex] && wDomList[cIndex].type === 't') {\n    acc.push(wDomList[cIndex]);\n\n    return collectAdjacentTextNode(wDomList, cIndex + 1, [...acc]);\n  }\n  return acc;\n}\n","import { h } from 'lithent';\nimport type { TagFunction } from 'lithent';\nimport Test from '@/tests/tostring';\nimport { renderToString as _renderToString } from '@/renderToString';\nimport { hydration as _hydration } from '@/hydration';\n\nexport const renderToString = _renderToString;\nexport const hydration = _hydration;\n\nexport function renderWithHydration(tagFunction: TagFunction) {\n  if (typeof window !== 'undefined') {\n    return hydration(h(tagFunction, {}), document.documentElement);\n  }\n\n  return _renderToString(h(tagFunction, {}));\n}\n\nlet _run: ((wrap: HTMLElement) => void) | undefined;\n\nif (import.meta.env.MODE === 'development') {\n  _run = (wrap: HTMLElement) => {\n    hydration(h(Test as TagFunction, {}), wrap);\n  };\n}\n\nexport const run = _run;\n"],"names":["f","s","t","e","a","c","l","r","n","i","o","Meta","mount","_r","Fragment","jsx","Children","v","k","increase","jsxs","SELF_CLOSE_ALLLOW","isAllowSelfClose","tagname","checkExisty","value","checkVirtualType","type","checkStyleData","dataKey","dataValue","checkRefData","styleObjectToString","styleObj","key","renderToString","wDom","wDomToString","element","tag","text","props","children","wDomChildrenToDom","innerHTML","makeProp","parentElement","acc","childItem","childElement","attrGroup","isKey","isPortal","isHtml","isRef","isEvent","cssString","hydration","wrapElement","addElement","render","wDomOrig","isVirtualType","wDomList","flatFlagmentFromList","realDomList","addElementProcessChildren","index","item","filteredEmptyTextNode","realDomItem","wDomItem","nodeType","pass","tFragment","nIndex","processConsecutiveTextNodes","wDomlist","cIndex","textWDomList","collectAdjacentTextNode","textNode","_renderToString","_hydration","renderWithHydration","tagFunction","h","_run","run"],"mappings":"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"}
+{"version":3,"file":"lithentSsr.mjs","sources":["../../jsx-runtime/dist/jsxRuntime.mjs","../src/tests/tostring.tsx","../src/helper/index.ts","../src/renderToString.ts","../src/hydration.ts","../src/index.ts"],"sourcesContent":["import { h as o } from \"lithent\";\nimport { Fragment as h } from \"lithent\";\nfunction f(s, t, e, a, c, l) {\n  const { children: r, ...n } = t;\n  if (r != null) {\n    const i = Array.isArray(r) ? r : [r];\n    return o(s, { ...n, key: e }, ...i);\n  }\n  return o(s, { ...n, key: e });\n}\nexport {\n  h as Fragment,\n  f as jsx,\n  f as jsxDEV,\n  f as jsxs\n};\n//# sourceMappingURL=jsxRuntime.mjs.map\n","import { mount, Fragment } from 'lithent';\n\nconst Meta = mount(_r => {\n  return () => (\n    <Fragment>\n      <meta name=\"twitter:card1\" content=\"summary_large_image\" />{' '}\n      <meta name=\"twitter:site2\" content=\"@superlucky84\" />\n    </Fragment>\n  );\n});\n\nconst Children = mount(r => {\n  let v = 1;\n  let k = 's';\n\n  const increase = () => {\n    v += 1;\n    k += 's';\n    r();\n  };\n\n  return () => (\n    <div style={{ border: `${v}px solid red` }}>\n      asve\n      <br />\n      <section innerHTML=\"<article>ss</article>\" />\n      <button disabled={false} onClick={increase}>\n        {v} -== a1 - {v}\n        {k}\n      </button>\n      {v}\n      <span id=\"aa11\" data-max-string=\"va\">\n        {'  '}123124\n      </span>\n    </div>\n  );\n});\n\nconst Root = mount(_r => {\n  return () => (\n    <html lang=\"en\">\n      <head>\n        <title>Express with Vite and JSX</title>\n        <Meta />\n        <script src=\"/dist/lithentSsr.umd.js\"></script>\n      </head>\n      <body>\n        <div id=\"app\">\n          <Children />\n        </div>\n      </body>\n    </html>\n  );\n});\n\nexport default Root;\n","const SELF_CLOSE_ALLLOW = [\n  'area',\n  'base',\n  'br',\n  'col',\n  'embed',\n  'hr',\n  'img',\n  'input',\n  'keygen',\n  'link',\n  'meta',\n  'param',\n  'source',\n  'track',\n  'wbr',\n];\n\nexport function isAllowSelfClose(tagname: string) {\n  return SELF_CLOSE_ALLLOW.includes(tagname);\n}\n\nexport function checkExisty(value: unknown) {\n  return value !== null && value !== undefined;\n}\n\nexport function checkVirtualType(type?: string | null) {\n  return type && ['f', 'l'].includes(type);\n}\n\nexport function checkStyleData(\n  dataKey: string,\n  dataValue: unknown\n): dataValue is Record<string, string> {\n  return dataKey === 'style' && typeof dataValue === 'object';\n}\n\nexport function checkRefData(\n  dataKey: string,\n  dataValue: unknown\n): dataValue is {\n  value: HTMLElement | Element | DocumentFragment | Text | undefined;\n} {\n  return dataKey === 'ref' && typeof dataValue === 'object';\n}\n\nexport function styleObjectToString(styleObj: Record<string, string>) {\n  return Object.entries(styleObj)\n    .map(([key, value]) => {\n      // camelCase를 kebab-case로 변환 (예: borderTop -> border-top)\n      const kebabKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n      return `${kebabKey}: ${value};`;\n    })\n    .join(' ');\n}\n","import type { WDom, Props } from 'lithent';\nimport {\n  isAllowSelfClose,\n  checkExisty,\n  checkVirtualType,\n  checkStyleData,\n  checkRefData,\n  styleObjectToString,\n} from './helper';\n\n/**\n * Escape special HTML characters in text node content.\n * Prevents text like `<h-state>` from being parsed as HTML elements by the browser.\n */\nfunction escapeHtml(str: string): string {\n  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\n\n/**\n * Main function of renderToString\"\n */\nexport function renderToString(wDom: WDom) {\n  return wDomToString(wDom);\n}\n\n/**\n * Converts a chunk of virtual DOM objects into string tags.\n */\nfunction wDomToString(wDom: WDom) {\n  let element = '';\n  const { type, tag, text, props, children = [] } = wDom;\n  const isVirtualType = checkVirtualType(type);\n\n  if (isVirtualType) {\n    element = wDomChildrenToDom(children, element);\n  } else if (type === 'e' && tag) {\n    const innerHTML = props?.innerHTML;\n\n    if (innerHTML) {\n      element = `<${tag}${makeProp(props)}>${innerHTML}</${tag}>`;\n    } else if (isAllowSelfClose(tag) && !children.length) {\n      element = `<${tag}${makeProp(props)} />`;\n    } else {\n      element = `<${tag}${makeProp(props)}>`;\n      element = wDomChildrenToDom(children, element);\n      element = `${element}</${tag}>`;\n    }\n  } else if (type === 't' && checkExisty(text)) {\n    element = escapeHtml(String(text));\n    element = wDomChildrenToDom(children, element);\n  } else {\n    throw new Error(\n      'An attempt was made to render an abnormal virtual DOM object.'\n    );\n  }\n\n  return element;\n}\n\n/**\n * Converts all child nodes of a virtual DOM object into string tags.\n */\nfunction wDomChildrenToDom(children: WDom[], parentElement?: string) {\n  const newString = children.reduce((acc: string, childItem: WDom) => {\n    if (childItem.type) {\n      const childElement = wDomToString(childItem);\n\n      acc += childElement;\n    }\n\n    return acc;\n  }, parentElement || '');\n\n  return newString;\n}\n\n/**\n * Creates and attaches a prop string to the tag.\n */\nfunction makeProp(props?: Props) {\n  let attrGroup: string[] = [];\n\n  Object.entries(props || {}).forEach(\n    ([dataKey, dataValue]: [string, unknown]) => {\n      const isKey = dataKey === 'key';\n      const isPortal = dataKey === 'portal' && typeof dataValue === 'object';\n      const isHtml = dataKey === 'innerHTML' && typeof dataValue === 'string';\n      const isRef = checkRefData(dataKey, dataValue);\n      const isEvent = dataKey.match(/^on/);\n\n      if (!(isKey || isPortal || isHtml || isRef || isEvent)) {\n        if (checkStyleData(dataKey, dataValue)) {\n          const cssString = styleObjectToString(dataValue);\n          attrGroup.push(`style=\"${cssString}\"`);\n        } else if (dataKey && dataValue === true) {\n          attrGroup.push(`${dataKey}=\"${dataKey}\"`);\n        } else if (dataKey && typeof dataValue !== 'boolean') {\n          attrGroup.push(`${dataKey}=\"${String(dataValue)}\"`);\n        }\n      }\n    }\n  );\n\n  return attrGroup.length ? ' ' + attrGroup.join(' ') : '';\n}\n","import { render } from 'lithent';\nimport type { WDom } from 'lithent';\n\n/**\n * hydration\n */\nexport function hydration(wDom: WDom, wrapElement: HTMLElement) {\n  /**\n   * Attach the el property to wDom.\n   */\n  addElement(wDom, wrapElement);\n\n  /**\n   * Attach events to wDom.\n   */\n  return render(wDom, wrapElement, null, true);\n}\n\n/**\n * Attach the el property to wDom.\n */\nfunction addElement(wDomOrig: WDom, wrapElement: HTMLElement) {\n  const isVirtualType = wDomOrig.type && ['f', 'l'].includes(wDomOrig.type);\n\n  if (isVirtualType) {\n    wDomOrig.el = new DocumentFragment();\n  }\n  const wDomList = flatFlagmentFromList(\n    isVirtualType ? [...(wDomOrig.children || [])] : [wDomOrig]\n  );\n\n  const realDomList =\n    wrapElement.tagName === 'HTML'\n      ? [wrapElement]\n      : Array.from(wrapElement.childNodes);\n\n  if (wDomList) {\n    addElementProcessChildren(wDomList, realDomList);\n  }\n}\n\n/**\n * Attach the el property to wDom recursively.\n */\nfunction addElementProcessChildren(wDomList: WDom[], realDomList: ChildNode[]) {\n  let index = 0;\n  realDomList\n    .filter((item: any) => filteredEmptyTextNode(item))\n    .forEach(realDomItem => {\n      let wDomItem = wDomList[index];\n      const nodeType = realDomItem.nodeType;\n      let pass = false;\n\n      if (\n        wDomItem?.type === null ||\n        (wDomItem?.type === 't' && wDomItem?.text === '\\n') ||\n        (wDomItem?.type === 't' && nodeType === 1)\n      ) {\n        index += 1;\n        wDomItem = wDomList[index];\n      }\n\n      if (\n        realDomItem &&\n        wDomItem &&\n        wDomItem.type &&\n        ['t', 'e'].includes(wDomItem.type)\n      ) {\n        if (wDomItem.type === 't' && nodeType === 3) {\n          const { tFragment, nIndex } = processConsecutiveTextNodes(\n            wDomList,\n            index\n          );\n          index = nIndex;\n          realDomItem!.parentElement!.replaceChild(tFragment, realDomItem);\n        } else if (wDomItem.type === 'e' && nodeType === 1) {\n          if (\n            ((realDomItem as HTMLElement).tagName || '').toLowerCase() !==\n            wDomItem.tag\n          ) {\n            // throw new Error('Hydration Error - not matched tagname');\n            pass = true;\n          } else {\n            wDomItem.el = realDomItem as HTMLElement;\n          }\n        }\n\n        if (!pass) {\n          addElementProcessChildren(\n            flatFlagmentFromList(wDomItem.children || []),\n            Array.from(realDomItem.childNodes)\n          );\n        }\n      }\n\n      if (!pass) {\n        index += 1;\n      }\n    });\n}\n\n/**\n * Whitespace or text nodes are ignored.\n */\nfunction filteredEmptyTextNode(item: HTMLElement | Text) {\n  if (item.nodeType === 3 && !(item as Text).data.replace(/\\s*/g, '')) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Flattens nested fragment types.\n */\nfunction flatFlagmentFromList(wDomlist: WDom[]) {\n  return wDomlist.reduce((acc: WDom[], item: WDom) => {\n    if (item.type && ['f', 'l'].includes(item.type)) {\n      item.el = new DocumentFragment();\n      acc.push(...flatFlagmentFromList(item?.children || []));\n    } else {\n      acc.push(item);\n    }\n    return acc;\n  }, []);\n}\n\n/**\n * Hydration is applied to consecutively rendered text node objects.\n */\nfunction processConsecutiveTextNodes(wDomList: WDom[], cIndex: number) {\n  const textWDomList: WDom[] = collectAdjacentTextNode(wDomList, cIndex, []);\n  const tFragment = new DocumentFragment();\n  textWDomList.forEach(item => {\n    const textNode = document.createTextNode(String(item.text));\n    item.el = textNode;\n    tFragment.appendChild(textNode);\n  });\n\n  return {\n    tFragment,\n    nIndex: cIndex + (textWDomList.length - 1),\n  };\n}\n\n/**\n * Collect consecutive text nodes.\n */\nfunction collectAdjacentTextNode(\n  wDomList: WDom[],\n  cIndex: number,\n  acc: WDom[]\n): WDom[] {\n  if (wDomList[cIndex] && wDomList[cIndex].type === 't') {\n    acc.push(wDomList[cIndex]);\n\n    return collectAdjacentTextNode(wDomList, cIndex + 1, [...acc]);\n  }\n  return acc;\n}\n","import { h } from 'lithent';\nimport type { TagFunction } from 'lithent';\nimport Test from './tests/tostring';\nimport { renderToString as _renderToString } from './renderToString';\nimport { hydration as _hydration } from './hydration';\n\nexport const renderToString = _renderToString;\nexport const hydration = _hydration;\n\nexport function renderWithHydration(tagFunction: TagFunction) {\n  if (typeof window !== 'undefined') {\n    return hydration(h(tagFunction, {}), document.documentElement);\n  }\n\n  return _renderToString(h(tagFunction, {}));\n}\n\nlet _run: ((wrap: HTMLElement) => void) | undefined;\n\nif (import.meta.env.MODE === 'development') {\n  _run = (wrap: HTMLElement) => {\n    hydration(h(Test as TagFunction, {}), wrap);\n  };\n}\n\nexport const run = _run;\n"],"names":["f","s","t","e","a","c","l","r","n","i","o","Meta","mount","_r","Fragment","jsx","Children","v","k","increase","jsxs","SELF_CLOSE_ALLLOW","isAllowSelfClose","tagname","checkExisty","value","checkVirtualType","type","checkStyleData","dataKey","dataValue","checkRefData","styleObjectToString","styleObj","key","escapeHtml","str","renderToString","wDom","wDomToString","element","tag","text","props","children","wDomChildrenToDom","innerHTML","makeProp","parentElement","acc","childItem","childElement","attrGroup","isKey","isPortal","isHtml","isRef","isEvent","cssString","hydration","wrapElement","addElement","render","wDomOrig","isVirtualType","wDomList","flatFlagmentFromList","realDomList","addElementProcessChildren","index","item","filteredEmptyTextNode","realDomItem","wDomItem","nodeType","pass","tFragment","nIndex","processConsecutiveTextNodes","wDomlist","cIndex","textWDomList","collectAdjacentTextNode","textNode","_renderToString","_hydration","renderWithHydration","tagFunction","h","_run","run"],"mappings":";AAEA,SAASA,EAAEC,GAAGC,GAAGC,GAAGC,GAAGC,GAAGC,GAAG;AAC3B,QAAM,EAAE,UAAUC,GAAG,GAAGC,EAAC,IAAKN;AAC9B,MAAIK,KAAK,MAAM;AACb,UAAME,IAAI,MAAM,QAAQF,CAAC,IAAIA,IAAI,CAACA,CAAC;AACnC,WAAOG,EAAET,GAAG,EAAE,GAAGO,GAAG,KAAKL,EAAC,GAAI,GAAGM,CAAC;AAAA,EACnC;AACD,SAAOC,EAAET,GAAG,EAAE,GAAGO,GAAG,KAAKL,EAAC,CAAE;AAC9B;ACPA,MAAMQ,IAAOC,EAAM,CAAMC,MAChB,wBACJC,GACC,EAAA,UAAA;AAAA,EAAAC,gBAAAA,EAAC,QAAK,EAAA,MAAK,iBAAgB,SAAQ,uBAAsB;AAAA,EAAG;AAAA,EAC3DA,gBAAAA,EAAA,QAAA,EAAK,MAAK,iBAAgB,SAAQ,iBAAgB;AACrD,EAAA,CAAA,CAEH,GAEKC,IAAWJ,EAAM,CAAKL,MAAA;AAC1B,MAAIU,IAAI,GACJC,IAAI;AAER,QAAMC,IAAW,MAAM;AAChB,IAAAF,KAAA,GACAC,KAAA,KACHX;EAAA;AAGG,SAAA,wBACJ,OAAI,EAAA,OAAO,EAAE,QAAQ,GAAGU,CAAC,eAAA,GAAkB,UAAA;AAAA,IAAA;AAAA,sBAEzC,MAAG,EAAA;AAAA,IACJF,gBAAAA,EAAC,WAAQ,EAAA,WAAU,wBAAwB,CAAA;AAAA,IAC1CK,gBAAAA,EAAA,UAAA,EAAO,UAAU,IAAO,SAASD,GAC/B,UAAA;AAAA,MAAAF;AAAA,MAAE;AAAA,MAAWA;AAAA,MACbC;AAAA,IAAA,GACH;AAAA,IACCD;AAAA,IACAG,gBAAAA,EAAA,QAAA,EAAK,IAAG,QAAO,mBAAgB,MAC7B,UAAA;AAAA,MAAA;AAAA,MAAK;AAAA,IAAA,GACR;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;AAEYR,EAAM,CAAMC,MAChB,MACLO,gBAAAA,EAAC,QAAK,EAAA,MAAK,MACT,UAAA;AAAA,EAAAA,gBAAAA,EAAC,QACC,EAAA,UAAA;AAAA,IAAAL,gBAAAA,EAAC,WAAM,UAAyB,4BAAA,CAAA;AAAA,sBAC/BJ,GAAK,EAAA;AAAA,IACNI,gBAAAA,EAAC,UAAO,EAAA,KAAI,0BAA0B,CAAA;AAAA,EAAA,GACxC;AAAA,EACAA,gBAAAA,EAAC,UACC,UAACA,gBAAAA,EAAA,OAAA,EAAI,IAAG,OACN,UAAAA,gBAAAA,EAACC,GAAS,CAAA,CAAA,EAAA,CACZ,EACF,CAAA;AACF,EAAA,CAAA,CAEH;ACrDD,MAAMK,IAAoB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAASC,EAAiBC,GAAiB;AACzC,SAAAF,EAAkB,SAASE,CAAO;AAC3C;AAEO,SAASC,EAAYC,GAAgB;AACnC,SAAAA,KAAU;AACnB;AAEO,SAASC,EAAiBC,GAAsB;AACrD,SAAOA,KAAQ,CAAC,KAAK,GAAG,EAAE,SAASA,CAAI;AACzC;AAEgB,SAAAC,EACdC,GACAC,GACqC;AAC9B,SAAAD,MAAY,WAAW,OAAOC,KAAc;AACrD;AAEgB,SAAAC,EACdF,GACAC,GAGA;AACO,SAAAD,MAAY,SAAS,OAAOC,KAAc;AACnD;AAEO,SAASE,EAAoBC,GAAkC;AAC7D,SAAA,OAAO,QAAQA,CAAQ,EAC3B,IAAI,CAAC,CAACC,GAAKT,CAAK,MAGR,GADUS,EAAI,QAAQ,YAAY,KAAK,EAAE,aAC9B,KAAKT,CAAK,GAC7B,EACA,KAAK,GAAG;AACb;ACxCA,SAASU,EAAWC,GAAqB;AAChC,SAAAA,EAAI,QAAQ,MAAM,OAAO,EAAE,QAAQ,MAAM,MAAM,EAAE,QAAQ,MAAM,MAAM;AAC9E;AAKO,SAASC,EAAeC,GAAY;AACzC,SAAOC,EAAaD,CAAI;AAC1B;AAKA,SAASC,EAAaD,GAAY;AAChC,MAAIE,IAAU;AACR,QAAA,EAAE,MAAAb,GAAM,KAAAc,GAAK,MAAAC,GAAM,OAAAC,GAAO,UAAAC,IAAW,CAAA,EAAO,IAAAN;AAGlD,MAFsBZ,EAAiBC,CAAI;AAG/B,IAAAa,IAAAK,EAAkBD,GAAUJ,CAAO;AAAA,WACpCb,MAAS,OAAOc,GAAK;AAC9B,UAAMK,IAAYH,KAAA,gBAAAA,EAAO;AAEzB,IAAIG,IACQN,IAAA,IAAIC,CAAG,GAAGM,EAASJ,CAAK,CAAC,IAAIG,CAAS,KAAKL,CAAG,MAC/CnB,EAAiBmB,CAAG,KAAK,CAACG,EAAS,SAC5CJ,IAAU,IAAIC,CAAG,GAAGM,EAASJ,CAAK,CAAC,SAEnCH,IAAU,IAAIC,CAAG,GAAGM,EAASJ,CAAK,CAAC,KACzBH,IAAAK,EAAkBD,GAAUJ,CAAO,GACnCA,IAAA,GAAGA,CAAO,KAAKC,CAAG;AAAA,EAErB,WAAAd,MAAS,OAAOH,EAAYkB,CAAI;AAC/B,IAAAF,IAAAL,EAAW,OAAOO,CAAI,CAAC,GACvBF,IAAAK,EAAkBD,GAAUJ,CAAO;AAAA;AAE7C,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAIG,SAAAA;AACT;AAKA,SAASK,EAAkBD,GAAkBI,GAAwB;AAW5D,SAVWJ,EAAS,OAAO,CAACK,GAAaC,MAAoB;AAClE,QAAIA,EAAU,MAAM;AACZ,YAAAC,IAAeZ,EAAaW,CAAS;AAEpC,MAAAD,KAAAE;AAAA,IACT;AAEO,WAAAF;AAAA,EAAA,GACND,KAAiB,EAAE;AAGxB;AAKA,SAASD,EAASJ,GAAe;AAC/B,MAAIS,IAAsB,CAAA;AAE1B,gBAAO,QAAQT,KAAS,CAAA,CAAE,EAAE;AAAA,IAC1B,CAAC,CAACd,GAASC,CAAS,MAAyB;AAC3C,YAAMuB,IAAQxB,MAAY,OACpByB,IAAWzB,MAAY,YAAY,OAAOC,KAAc,UACxDyB,IAAS1B,MAAY,eAAe,OAAOC,KAAc,UACzD0B,IAAQzB,EAAaF,GAASC,CAAS,GACvC2B,IAAU5B,EAAQ,MAAM,KAAK;AAEnC,UAAI,EAAEwB,KAASC,KAAYC,KAAUC,KAASC;AACxC,YAAA7B,EAAeC,GAASC,CAAS,GAAG;AAChC,gBAAA4B,IAAY1B,EAAoBF,CAAS;AACrC,UAAAsB,EAAA,KAAK,UAAUM,CAAS,GAAG;AAAA,QAAA,MACvC,CAAW7B,KAAWC,MAAc,KAClCsB,EAAU,KAAK,GAAGvB,CAAO,KAAKA,CAAO,GAAG,IAC/BA,KAAW,OAAOC,KAAc,aACzCsB,EAAU,KAAK,GAAGvB,CAAO,KAAK,OAAOC,CAAS,CAAC,GAAG;AAAA,IAGxD;AAAA,EAAA,GAGKsB,EAAU,SAAS,MAAMA,EAAU,KAAK,GAAG,IAAI;AACxD;AClGgB,SAAAO,EAAUrB,GAAYsB,GAA0B;AAI9D,SAAAC,EAAWvB,GAAMsB,CAAW,GAKrBE,EAAOxB,GAAMsB,GAAa,MAAM,EAAI;AAC7C;AAKA,SAASC,EAAWE,GAAgBH,GAA0B;AACtD,QAAAI,IAAgBD,EAAS,QAAQ,CAAC,KAAK,GAAG,EAAE,SAASA,EAAS,IAAI;AAExE,EAAIC,MACOD,EAAA,KAAK,IAAI;AAEpB,QAAME,IAAWC;AAAA,IACfF,IAAgB,CAAC,GAAID,EAAS,YAAY,CAAG,CAAA,IAAI,CAACA,CAAQ;AAAA,EAAA,GAGtDI,IACJP,EAAY,YAAY,SACpB,CAACA,CAAW,IACZ,MAAM,KAAKA,EAAY,UAAU;AAEvC,EAAIK,KACFG,EAA0BH,GAAUE,CAAW;AAEnD;AAKA,SAASC,EAA0BH,GAAkBE,GAA0B;AAC7E,MAAIE,IAAQ;AAET,EAAAF,EAAA,OAAO,CAACG,MAAcC,EAAsBD,CAAI,CAAC,EACjD,QAAQ,CAAeE,MAAA;AAClB,QAAAC,IAAWR,EAASI,CAAK;AAC7B,UAAMK,IAAWF,EAAY;AAC7B,QAAIG,IAAO;AAYT,UATAF,KAAA,gBAAAA,EAAU,UAAS,SAClBA,KAAA,gBAAAA,EAAU,UAAS,QAAOA,KAAA,gBAAAA,EAAU,UAAS;AAAA,MAC7CA,KAAA,gBAAAA,EAAU,UAAS,OAAOC,MAAa,OAE/BL,KAAA,GACTI,IAAWR,EAASI,CAAK,IAIzBG,KACAC,KACAA,EAAS,QACT,CAAC,KAAK,GAAG,EAAE,SAASA,EAAS,IAAI,GACjC;AACA,UAAIA,EAAS,SAAS,OAAOC,MAAa,GAAG;AACrC,cAAA,EAAE,WAAAE,GAAW,QAAAC,EAAA,IAAWC;AAAA,UAC5Bb;AAAA,UACAI;AAAA,QAAA;AAEM,QAAAA,IAAAQ,GACKL,EAAA,cAAe,aAAaI,GAAWJ,CAAW;AAAA,MACtD,MAAA,CAAAC,EAAS,SAAS,OAAOC,MAAa,OAE3CF,EAA4B,WAAW,IAAI,YAAY,MACzDC,EAAS,MAGFE,IAAA,KAEPF,EAAS,KAAKD;AAIlB,MAAKG,KACHP;AAAA,QACEF,EAAqBO,EAAS,YAAY,EAAE;AAAA,QAC5C,MAAM,KAAKD,EAAY,UAAU;AAAA,MAAA;AAAA,IAGvC;AAEA,IAAKG,MACMN,KAAA;AAAA,EACX,CACD;AACL;AAKA,SAASE,EAAsBD,GAA0B;AACnD,SAAA,EAAAA,EAAK,aAAa,KAAK,CAAEA,EAAc,KAAK,QAAQ,QAAQ,EAAE;AAKpE;AAKA,SAASJ,EAAqBa,GAAkB;AAC9C,SAAOA,EAAS,OAAO,CAAC9B,GAAaqB,OAC/BA,EAAK,QAAQ,CAAC,KAAK,GAAG,EAAE,SAASA,EAAK,IAAI,KACvCA,EAAA,KAAK,IAAI,oBACdrB,EAAI,KAAK,GAAGiB,GAAqBI,KAAA,gBAAAA,EAAM,aAAY,CAAE,CAAA,CAAC,KAEtDrB,EAAI,KAAKqB,CAAI,GAERrB,IACN,CAAE,CAAA;AACP;AAKA,SAAS6B,EAA4Bb,GAAkBe,GAAgB;AACrE,QAAMC,IAAuBC,EAAwBjB,GAAUe,GAAQ,CAAE,CAAA,GACnEJ,IAAY,IAAI;AACtB,SAAAK,EAAa,QAAQ,CAAQX,MAAA;AAC3B,UAAMa,IAAW,SAAS,eAAe,OAAOb,EAAK,IAAI,CAAC;AAC1D,IAAAA,EAAK,KAAKa,GACVP,EAAU,YAAYO,CAAQ;AAAA,EAAA,CAC/B,GAEM;AAAA,IACL,WAAAP;AAAA,IACA,QAAQI,KAAUC,EAAa,SAAS;AAAA,EAAA;AAE5C;AAKA,SAASC,EACPjB,GACAe,GACA/B,GACQ;AACR,SAAIgB,EAASe,CAAM,KAAKf,EAASe,CAAM,EAAE,SAAS,OAC5C/B,EAAA,KAAKgB,EAASe,CAAM,CAAC,GAElBE,EAAwBjB,GAAUe,IAAS,GAAG,CAAC,GAAG/B,CAAG,CAAC,KAExDA;AACT;ACzJO,MAAMZ,IAAiB+C,GACjBzB,IAAY0B;AAElB,SAASC,EAAoBC,GAA0B;AACxD,SAAA,OAAO,SAAW,MACb5B,EAAU6B,EAAED,GAAa,CAAE,CAAA,GAAG,SAAS,eAAe,IAGxDH,EAAgBI,EAAED,GAAa,CAAA,CAAE,CAAC;AAC3C;AAEA,IAAIE;AAQG,MAAMC,IAAMD;"}

package/ssr/dist/lithentSsr.umd.js

@@ -1,3 +1,3 @@
-(function(u,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("lithent")):typeof define=="function"&&define.amd?define(["exports","lithent"],l):(u=typeof globalThis<"u"?globalThis:u||self,l(u.lithentSsr={},u.lithent))})(this,function(u,l){"use strict";function s(e,n,t,r,i,o){const{children:c,...d}=n;if(c!=null){const f=Array.isArray(c)?c:[c];return l.h(e,{...d,key:t},...f)}return l.h(e,{...d,key:t})}const S=l.mount(e=>()=>s(l.Fragment,{children:[s("meta",{name:"twitter:card1",content:"summary_large_image"})," ",s("meta",{name:"twitter:site2",content:"@superlucky84"})]})),k=l.mount(e=>{let n=1,t="s";const r=()=>{n+=1,t+="s",e()};return()=>s("div",{style:{border:`${n}px solid red`},children:["asve",s("br",{}),s("section",{innerHTML:"<article>ss</article>"}),s("button",{disabled:!1,onClick:r,children:[n," -== a1 - ",n,t]}),n,s("span",{id:"aa11","data-max-string":"va",children:["  ","123124"]})]})});l.mount(e=>()=>s("html",{lang:"en",children:[s("head",{children:[s("title",{children:"Express with Vite and JSX"}),s(S,{}),s("script",{src:"/dist/lithentSsr.umd.js"})]}),s("body",{children:s("div",{id:"app",children:s(k,{})})})]}));const j=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"];function E(e){return j.includes(e)}function x(e){return e!=null}function C(e){return e&&["f","l"].includes(e)}function L(e,n){return e==="style"&&typeof n=="object"}function v(e,n){return e==="ref"&&typeof n=="object"}function A(e){return Object.entries(e).map(([n,t])=>`${n.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${t};`).join(" ")}function a(e){return g(e)}function g(e){let n="";const{type:t,tag:r,text:i,props:o,children:c=[]}=e;if(C(t))n=p(c,n);else if(t==="e"&&r){const f=o==null?void 0:o.innerHTML;f?n=`<${r}${h(o)}>${f}</${r}>`:E(r)&&!c.length?n=`<${r}${h(o)} />`:(n=`<${r}${h(o)}>`,n=p(c,n),n=`${n}</${r}>`)}else if(t==="t"&&x(i))n=String(i),n=p(c,n);else throw new Error("An attempt was made to render an abnormal virtual DOM object.");return n}function p(e,n){return e.reduce((r,i)=>{if(i.type){const o=g(i);r+=o}return r},n||"")}function h(e){let n=[];return Object.entries(e||{}).forEach(([t,r])=>{const i=t==="key",o=t==="portal"&&typeof r=="object",c=t==="innerHTML"&&typeof r=="string",d=v(t,r),f=t.match(/^on/);if(!(i||o||c||d||f))if(L(t,r)){const W=A(r);n.push(`style="${W}"`)}else t&&r===!0?n.push(`${t}="${t}"`):t&&typeof r!="boolean"&&n.push(`${t}="${String(r)}"`)}),n.length?" "+n.join(" "):""}function N(e,n){return m(e,n),l.render(e,n,null,!0)}function m(e,n){const t=e.type&&["f","l"].includes(e.type);t&&(e.el=new DocumentFragment);const r=y(t?[...e.children||[]]:[e]),i=n.tagName==="HTML"?[n]:Array.from(n.childNodes);r&&T(r,i)}function T(e,n){let t=0;n.filter(r=>F(r)).forEach(r=>{let i=e[t];const o=r.nodeType;let c=!1;if(((i==null?void 0:i.type)===null||(i==null?void 0:i.type)==="t"&&(i==null?void 0:i.text)===`
-`||(i==null?void 0:i.type)==="t"&&o===1)&&(t+=1,i=e[t]),r&&i&&i.type&&["t","e"].includes(i.type)){if(i.type==="t"&&o===3){const{tFragment:d,nIndex:f}=H(e,t);t=f,r.parentElement.replaceChild(d,r)}else i.type==="e"&&o===1&&((r.tagName||"").toLowerCase()!==i.tag?c=!0:i.el=r);c||T(y(i.children||[]),Array.from(r.childNodes))}c||(t+=1)})}function F(e){return!(e.nodeType===3&&!e.data.replace(/\s*/g,""))}function y(e){return e.reduce((n,t)=>(t.type&&["f","l"].includes(t.type)?(t.el=new DocumentFragment,n.push(...y((t==null?void 0:t.children)||[]))):n.push(t),n),[])}function H(e,n){const t=b(e,n,[]),r=new DocumentFragment;return t.forEach(i=>{const o=document.createTextNode(String(i.text));i.el=o,r.appendChild(o)}),{tFragment:r,nIndex:n+(t.length-1)}}function b(e,n,t){return e[n]&&e[n].type==="t"?(t.push(e[n]),b(e,n+1,[...t])):t}const M=a,$=N;function _(e){return typeof window<"u"?$(l.h(e,{}),document.documentElement):a(l.h(e,{}))}const P=void 0;u.hydration=$,u.renderToString=M,u.renderWithHydration=_,u.run=P,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
+(function(u,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("lithent")):typeof define=="function"&&define.amd?define(["exports","lithent"],l):(u=typeof globalThis<"u"?globalThis:u||self,l(u.lithentSsr={},u.lithent))})(this,function(u,l){"use strict";function c(e,n,t,r,i,o){const{children:s,...d}=n;if(s!=null){const f=Array.isArray(s)?s:[s];return l.h(e,{...d,key:t},...f)}return l.h(e,{...d,key:t})}const S=l.mount(e=>()=>c(l.Fragment,{children:[c("meta",{name:"twitter:card1",content:"summary_large_image"})," ",c("meta",{name:"twitter:site2",content:"@superlucky84"})]})),k=l.mount(e=>{let n=1,t="s";const r=()=>{n+=1,t+="s",e()};return()=>c("div",{style:{border:`${n}px solid red`},children:["asve",c("br",{}),c("section",{innerHTML:"<article>ss</article>"}),c("button",{disabled:!1,onClick:r,children:[n," -== a1 - ",n,t]}),n,c("span",{id:"aa11","data-max-string":"va",children:["  ","123124"]})]})});l.mount(e=>()=>c("html",{lang:"en",children:[c("head",{children:[c("title",{children:"Express with Vite and JSX"}),c(S,{}),c("script",{src:"/dist/lithentSsr.umd.js"})]}),c("body",{children:c("div",{id:"app",children:c(k,{})})})]}));const j=["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"];function E(e){return j.includes(e)}function x(e){return e!=null}function C(e){return e&&["f","l"].includes(e)}function L(e,n){return e==="style"&&typeof n=="object"}function m(e,n){return e==="ref"&&typeof n=="object"}function v(e){return Object.entries(e).map(([n,t])=>`${n.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${t};`).join(" ")}function A(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function y(e){return g(e)}function g(e){let n="";const{type:t,tag:r,text:i,props:o,children:s=[]}=e;if(C(t))n=p(s,n);else if(t==="e"&&r){const f=o==null?void 0:o.innerHTML;f?n=`<${r}${h(o)}>${f}</${r}>`:E(r)&&!s.length?n=`<${r}${h(o)} />`:(n=`<${r}${h(o)}>`,n=p(s,n),n=`${n}</${r}>`)}else if(t==="t"&&x(i))n=A(String(i)),n=p(s,n);else throw new Error("An attempt was made to render an abnormal virtual DOM object.");return n}function p(e,n){return e.reduce((r,i)=>{if(i.type){const o=g(i);r+=o}return r},n||"")}function h(e){let n=[];return Object.entries(e||{}).forEach(([t,r])=>{const i=t==="key",o=t==="portal"&&typeof r=="object",s=t==="innerHTML"&&typeof r=="string",d=m(t,r),f=t.match(/^on/);if(!(i||o||s||d||f))if(L(t,r)){const O=v(r);n.push(`style="${O}"`)}else t&&r===!0?n.push(`${t}="${t}"`):t&&typeof r!="boolean"&&n.push(`${t}="${String(r)}"`)}),n.length?" "+n.join(" "):""}function H(e,n){return N(e,n),l.render(e,n,null,!0)}function N(e,n){const t=e.type&&["f","l"].includes(e.type);t&&(e.el=new DocumentFragment);const r=a(t?[...e.children||[]]:[e]),i=n.tagName==="HTML"?[n]:Array.from(n.childNodes);r&&T(r,i)}function T(e,n){let t=0;n.filter(r=>F(r)).forEach(r=>{let i=e[t];const o=r.nodeType;let s=!1;if(((i==null?void 0:i.type)===null||(i==null?void 0:i.type)==="t"&&(i==null?void 0:i.text)===`
+`||(i==null?void 0:i.type)==="t"&&o===1)&&(t+=1,i=e[t]),r&&i&&i.type&&["t","e"].includes(i.type)){if(i.type==="t"&&o===3){const{tFragment:d,nIndex:f}=M(e,t);t=f,r.parentElement.replaceChild(d,r)}else i.type==="e"&&o===1&&((r.tagName||"").toLowerCase()!==i.tag?s=!0:i.el=r);s||T(a(i.children||[]),Array.from(r.childNodes))}s||(t+=1)})}function F(e){return!(e.nodeType===3&&!e.data.replace(/\s*/g,""))}function a(e){return e.reduce((n,t)=>(t.type&&["f","l"].includes(t.type)?(t.el=new DocumentFragment,n.push(...a((t==null?void 0:t.children)||[]))):n.push(t),n),[])}function M(e,n){const t=b(e,n,[]),r=new DocumentFragment;return t.forEach(i=>{const o=document.createTextNode(String(i.text));i.el=o,r.appendChild(o)}),{tFragment:r,nIndex:n+(t.length-1)}}function b(e,n,t){return e[n]&&e[n].type==="t"?(t.push(e[n]),b(e,n+1,[...t])):t}const _=y,$=H;function P(e){return typeof window<"u"?$(l.h(e,{}),document.documentElement):y(l.h(e,{}))}const W=void 0;u.hydration=$,u.renderToString=_,u.renderWithHydration=P,u.run=W,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=lithentSsr.umd.js.map

package/ssr/dist/lithentSsr.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"lithentSsr.umd.js","sources":["../../jsx-runtime/dist/jsxRuntime.mjs","../src/tests/tostring.tsx","../src/helper/index.ts","../src/renderToString.ts","../src/hydration.ts","../src/index.ts"],"sourcesContent":["import { h as o } from \"lithent\";\nimport { Fragment as h } from \"lithent\";\nfunction f(s, t, e, a, c, l) {\n  const { children: r, ...n } = t;\n  if (r != null) {\n    const i = Array.isArray(r) ? r : [r];\n    return o(s, { ...n, key: e }, ...i);\n  }\n  return o(s, { ...n, key: e });\n}\nexport {\n  h as Fragment,\n  f as jsx,\n  f as jsxDEV,\n  f as jsxs\n};\n//# sourceMappingURL=jsxRuntime.mjs.map\n","import { mount, Fragment } from 'lithent';\n\nconst Meta = mount(_r => {\n  return () => (\n    <Fragment>\n      <meta name=\"twitter:card1\" content=\"summary_large_image\" />{' '}\n      <meta name=\"twitter:site2\" content=\"@superlucky84\" />\n    </Fragment>\n  );\n});\n\nconst Children = mount(r => {\n  let v = 1;\n  let k = 's';\n\n  const increase = () => {\n    v += 1;\n    k += 's';\n    r();\n  };\n\n  return () => (\n    <div style={{ border: `${v}px solid red` }}>\n      asve\n      <br />\n      <section innerHTML=\"<article>ss</article>\" />\n      <button disabled={false} onClick={increase}>\n        {v} -== a1 - {v}\n        {k}\n      </button>\n      {v}\n      <span id=\"aa11\" data-max-string=\"va\">\n        {'  '}123124\n      </span>\n    </div>\n  );\n});\n\nconst Root = mount(_r => {\n  return () => (\n    <html lang=\"en\">\n      <head>\n        <title>Express with Vite and JSX</title>\n        <Meta />\n        <script src=\"/dist/lithentSsr.umd.js\"></script>\n      </head>\n      <body>\n        <div id=\"app\">\n          <Children />\n        </div>\n      </body>\n    </html>\n  );\n});\n\nexport default Root;\n","const SELF_CLOSE_ALLLOW = [\n  'area',\n  'base',\n  'br',\n  'col',\n  'embed',\n  'hr',\n  'img',\n  'input',\n  'keygen',\n  'link',\n  'meta',\n  'param',\n  'source',\n  'track',\n  'wbr',\n];\n\nexport function isAllowSelfClose(tagname: string) {\n  return SELF_CLOSE_ALLLOW.includes(tagname);\n}\n\nexport function checkExisty(value: unknown) {\n  return value !== null && value !== undefined;\n}\n\nexport function checkVirtualType(type?: string | null) {\n  return type && ['f', 'l'].includes(type);\n}\n\nexport function checkStyleData(\n  dataKey: string,\n  dataValue: unknown\n): dataValue is Record<string, string> {\n  return dataKey === 'style' && typeof dataValue === 'object';\n}\n\nexport function checkRefData(\n  dataKey: string,\n  dataValue: unknown\n): dataValue is {\n  value: HTMLElement | Element | DocumentFragment | Text | undefined;\n} {\n  return dataKey === 'ref' && typeof dataValue === 'object';\n}\n\nexport function styleObjectToString(styleObj: Record<string, string>) {\n  return Object.entries(styleObj)\n    .map(([key, value]) => {\n      // camelCase를 kebab-case로 변환 (예: borderTop -> border-top)\n      const kebabKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n      return `${kebabKey}: ${value};`;\n    })\n    .join(' ');\n}\n","import type { WDom, Props } from 'lithent';\nimport {\n  isAllowSelfClose,\n  checkExisty,\n  checkVirtualType,\n  checkStyleData,\n  checkRefData,\n  styleObjectToString,\n} from '@/helper';\n\n/**\n * Main function of renderToString\"\n */\nexport function renderToString(wDom: WDom) {\n  return wDomToString(wDom);\n}\n\n/**\n * Converts a chunk of virtual DOM objects into string tags.\n */\nfunction wDomToString(wDom: WDom) {\n  let element = '';\n  const { type, tag, text, props, children = [] } = wDom;\n  const isVirtualType = checkVirtualType(type);\n\n  if (isVirtualType) {\n    element = wDomChildrenToDom(children, element);\n  } else if (type === 'e' && tag) {\n    const innerHTML = props?.innerHTML;\n\n    if (innerHTML) {\n      element = `<${tag}${makeProp(props)}>${innerHTML}</${tag}>`;\n    } else if (isAllowSelfClose(tag) && !children.length) {\n      element = `<${tag}${makeProp(props)} />`;\n    } else {\n      element = `<${tag}${makeProp(props)}>`;\n      element = wDomChildrenToDom(children, element);\n      element = `${element}</${tag}>`;\n    }\n  } else if (type === 't' && checkExisty(text)) {\n    element = String(text);\n    element = wDomChildrenToDom(children, element);\n  } else {\n    throw new Error(\n      'An attempt was made to render an abnormal virtual DOM object.'\n    );\n  }\n\n  return element;\n}\n\n/**\n * Converts all child nodes of a virtual DOM object into string tags.\n */\nfunction wDomChildrenToDom(children: WDom[], parentElement?: string) {\n  const newString = children.reduce((acc: string, childItem: WDom) => {\n    if (childItem.type) {\n      const childElement = wDomToString(childItem);\n\n      acc += childElement;\n    }\n\n    return acc;\n  }, parentElement || '');\n\n  return newString;\n}\n\n/**\n * Creates and attaches a prop string to the tag.\n */\nfunction makeProp(props?: Props) {\n  let attrGroup: string[] = [];\n\n  Object.entries(props || {}).forEach(\n    ([dataKey, dataValue]: [string, unknown]) => {\n      const isKey = dataKey === 'key';\n      const isPortal = dataKey === 'portal' && typeof dataValue === 'object';\n      const isHtml = dataKey === 'innerHTML' && typeof dataValue === 'string';\n      const isRef = checkRefData(dataKey, dataValue);\n      const isEvent = dataKey.match(/^on/);\n\n      if (!(isKey || isPortal || isHtml || isRef || isEvent)) {\n        if (checkStyleData(dataKey, dataValue)) {\n          const cssString = styleObjectToString(dataValue);\n          attrGroup.push(`style=\"${cssString}\"`);\n        } else if (dataKey && dataValue === true) {\n          attrGroup.push(`${dataKey}=\"${dataKey}\"`);\n        } else if (dataKey && typeof dataValue !== 'boolean') {\n          attrGroup.push(`${dataKey}=\"${String(dataValue)}\"`);\n        }\n      }\n    }\n  );\n\n  return attrGroup.length ? ' ' + attrGroup.join(' ') : '';\n}\n","import { render } from 'lithent';\nimport type { WDom } from 'lithent';\n\n/**\n * hydration\n */\nexport function hydration(wDom: WDom, wrapElement: HTMLElement) {\n  /**\n   * Attach the el property to wDom.\n   */\n  addElement(wDom, wrapElement);\n\n  /**\n   * Attach events to wDom.\n   */\n  return render(wDom, wrapElement, null, true);\n}\n\n/**\n * Attach the el property to wDom.\n */\nfunction addElement(wDomOrig: WDom, wrapElement: HTMLElement) {\n  const isVirtualType = wDomOrig.type && ['f', 'l'].includes(wDomOrig.type);\n\n  if (isVirtualType) {\n    wDomOrig.el = new DocumentFragment();\n  }\n  const wDomList = flatFlagmentFromList(\n    isVirtualType ? [...(wDomOrig.children || [])] : [wDomOrig]\n  );\n\n  const realDomList =\n    wrapElement.tagName === 'HTML'\n      ? [wrapElement]\n      : Array.from(wrapElement.childNodes);\n\n  if (wDomList) {\n    addElementProcessChildren(wDomList, realDomList);\n  }\n}\n\n/**\n * Attach the el property to wDom recursively.\n */\nfunction addElementProcessChildren(wDomList: WDom[], realDomList: ChildNode[]) {\n  let index = 0;\n  realDomList\n    .filter((item: any) => filteredEmptyTextNode(item))\n    .forEach(realDomItem => {\n      let wDomItem = wDomList[index];\n      const nodeType = realDomItem.nodeType;\n      let pass = false;\n\n      if (\n        wDomItem?.type === null ||\n        (wDomItem?.type === 't' && wDomItem?.text === '\\n') ||\n        (wDomItem?.type === 't' && nodeType === 1)\n      ) {\n        index += 1;\n        wDomItem = wDomList[index];\n      }\n\n      if (\n        realDomItem &&\n        wDomItem &&\n        wDomItem.type &&\n        ['t', 'e'].includes(wDomItem.type)\n      ) {\n        if (wDomItem.type === 't' && nodeType === 3) {\n          const { tFragment, nIndex } = processConsecutiveTextNodes(\n            wDomList,\n            index\n          );\n          index = nIndex;\n          realDomItem!.parentElement!.replaceChild(tFragment, realDomItem);\n        } else if (wDomItem.type === 'e' && nodeType === 1) {\n          if (\n            ((realDomItem as HTMLElement).tagName || '').toLowerCase() !==\n            wDomItem.tag\n          ) {\n            // throw new Error('Hydration Error - not matched tagname');\n            pass = true;\n          } else {\n            wDomItem.el = realDomItem as HTMLElement;\n          }\n        }\n\n        if (!pass) {\n          addElementProcessChildren(\n            flatFlagmentFromList(wDomItem.children || []),\n            Array.from(realDomItem.childNodes)\n          );\n        }\n      }\n\n      if (!pass) {\n        index += 1;\n      }\n    });\n}\n\n/**\n * Whitespace or text nodes are ignored.\n */\nfunction filteredEmptyTextNode(item: HTMLElement | Text) {\n  if (item.nodeType === 3 && !(item as Text).data.replace(/\\s*/g, '')) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Flattens nested fragment types.\n */\nfunction flatFlagmentFromList(wDomlist: WDom[]) {\n  return wDomlist.reduce((acc: WDom[], item: WDom) => {\n    if (item.type && ['f', 'l'].includes(item.type)) {\n      item.el = new DocumentFragment();\n      acc.push(...flatFlagmentFromList(item?.children || []));\n    } else {\n      acc.push(item);\n    }\n    return acc;\n  }, []);\n}\n\n/**\n * Hydration is applied to consecutively rendered text node objects.\n */\nfunction processConsecutiveTextNodes(wDomList: WDom[], cIndex: number) {\n  const textWDomList: WDom[] = collectAdjacentTextNode(wDomList, cIndex, []);\n  const tFragment = new DocumentFragment();\n  textWDomList.forEach(item => {\n    const textNode = document.createTextNode(String(item.text));\n    item.el = textNode;\n    tFragment.appendChild(textNode);\n  });\n\n  return {\n    tFragment,\n    nIndex: cIndex + (textWDomList.length - 1),\n  };\n}\n\n/**\n * Collect consecutive text nodes.\n */\nfunction collectAdjacentTextNode(\n  wDomList: WDom[],\n  cIndex: number,\n  acc: WDom[]\n): WDom[] {\n  if (wDomList[cIndex] && wDomList[cIndex].type === 't') {\n    acc.push(wDomList[cIndex]);\n\n    return collectAdjacentTextNode(wDomList, cIndex + 1, [...acc]);\n  }\n  return acc;\n}\n","import { h } from 'lithent';\nimport type { TagFunction } from 'lithent';\nimport Test from '@/tests/tostring';\nimport { renderToString as _renderToString } from '@/renderToString';\nimport { hydration as _hydration } from '@/hydration';\n\nexport const renderToString = _renderToString;\nexport const hydration = _hydration;\n\nexport function renderWithHydration(tagFunction: TagFunction) {\n  if (typeof window !== 'undefined') {\n    return hydration(h(tagFunction, {}), document.documentElement);\n  }\n\n  return _renderToString(h(tagFunction, {}));\n}\n\nlet _run: ((wrap: HTMLElement) => void) | undefined;\n\nif (import.meta.env.MODE === 'development') {\n  _run = (wrap: HTMLElement) => {\n    hydration(h(Test as TagFunction, {}), wrap);\n  };\n}\n\nexport const run = _run;\n"],"names":["f","s","t","e","a","c","l","r","n","i","o","Meta","mount","_r","Fragment","jsx","Children","v","k","increase","jsxs","SELF_CLOSE_ALLLOW","isAllowSelfClose","tagname","checkExisty","value","checkVirtualType","type","checkStyleData","dataKey","dataValue","checkRefData","styleObjectToString","styleObj","key","renderToString","wDom","wDomToString","element","tag","text","props","children","wDomChildrenToDom","innerHTML","makeProp","parentElement","acc","childItem","childElement","attrGroup","isKey","isPortal","isHtml","isRef","isEvent","cssString","hydration","wrapElement","addElement","render","wDomOrig","isVirtualType","wDomList","flatFlagmentFromList","realDomList","addElementProcessChildren","index","item","filteredEmptyTextNode","realDomItem","wDomItem","nodeType","pass","tFragment","nIndex","processConsecutiveTextNodes","wDomlist","cIndex","textWDomList","collectAdjacentTextNode","textNode","_renderToString","_hydration","renderWithHydration","tagFunction","h","run"],"mappings":"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"}
+{"version":3,"file":"lithentSsr.umd.js","sources":["../../jsx-runtime/dist/jsxRuntime.mjs","../src/tests/tostring.tsx","../src/helper/index.ts","../src/renderToString.ts","../src/hydration.ts","../src/index.ts"],"sourcesContent":["import { h as o } from \"lithent\";\nimport { Fragment as h } from \"lithent\";\nfunction f(s, t, e, a, c, l) {\n  const { children: r, ...n } = t;\n  if (r != null) {\n    const i = Array.isArray(r) ? r : [r];\n    return o(s, { ...n, key: e }, ...i);\n  }\n  return o(s, { ...n, key: e });\n}\nexport {\n  h as Fragment,\n  f as jsx,\n  f as jsxDEV,\n  f as jsxs\n};\n//# sourceMappingURL=jsxRuntime.mjs.map\n","import { mount, Fragment } from 'lithent';\n\nconst Meta = mount(_r => {\n  return () => (\n    <Fragment>\n      <meta name=\"twitter:card1\" content=\"summary_large_image\" />{' '}\n      <meta name=\"twitter:site2\" content=\"@superlucky84\" />\n    </Fragment>\n  );\n});\n\nconst Children = mount(r => {\n  let v = 1;\n  let k = 's';\n\n  const increase = () => {\n    v += 1;\n    k += 's';\n    r();\n  };\n\n  return () => (\n    <div style={{ border: `${v}px solid red` }}>\n      asve\n      <br />\n      <section innerHTML=\"<article>ss</article>\" />\n      <button disabled={false} onClick={increase}>\n        {v} -== a1 - {v}\n        {k}\n      </button>\n      {v}\n      <span id=\"aa11\" data-max-string=\"va\">\n        {'  '}123124\n      </span>\n    </div>\n  );\n});\n\nconst Root = mount(_r => {\n  return () => (\n    <html lang=\"en\">\n      <head>\n        <title>Express with Vite and JSX</title>\n        <Meta />\n        <script src=\"/dist/lithentSsr.umd.js\"></script>\n      </head>\n      <body>\n        <div id=\"app\">\n          <Children />\n        </div>\n      </body>\n    </html>\n  );\n});\n\nexport default Root;\n","const SELF_CLOSE_ALLLOW = [\n  'area',\n  'base',\n  'br',\n  'col',\n  'embed',\n  'hr',\n  'img',\n  'input',\n  'keygen',\n  'link',\n  'meta',\n  'param',\n  'source',\n  'track',\n  'wbr',\n];\n\nexport function isAllowSelfClose(tagname: string) {\n  return SELF_CLOSE_ALLLOW.includes(tagname);\n}\n\nexport function checkExisty(value: unknown) {\n  return value !== null && value !== undefined;\n}\n\nexport function checkVirtualType(type?: string | null) {\n  return type && ['f', 'l'].includes(type);\n}\n\nexport function checkStyleData(\n  dataKey: string,\n  dataValue: unknown\n): dataValue is Record<string, string> {\n  return dataKey === 'style' && typeof dataValue === 'object';\n}\n\nexport function checkRefData(\n  dataKey: string,\n  dataValue: unknown\n): dataValue is {\n  value: HTMLElement | Element | DocumentFragment | Text | undefined;\n} {\n  return dataKey === 'ref' && typeof dataValue === 'object';\n}\n\nexport function styleObjectToString(styleObj: Record<string, string>) {\n  return Object.entries(styleObj)\n    .map(([key, value]) => {\n      // camelCase를 kebab-case로 변환 (예: borderTop -> border-top)\n      const kebabKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n      return `${kebabKey}: ${value};`;\n    })\n    .join(' ');\n}\n","import type { WDom, Props } from 'lithent';\nimport {\n  isAllowSelfClose,\n  checkExisty,\n  checkVirtualType,\n  checkStyleData,\n  checkRefData,\n  styleObjectToString,\n} from './helper';\n\n/**\n * Escape special HTML characters in text node content.\n * Prevents text like `<h-state>` from being parsed as HTML elements by the browser.\n */\nfunction escapeHtml(str: string): string {\n  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\n\n/**\n * Main function of renderToString\"\n */\nexport function renderToString(wDom: WDom) {\n  return wDomToString(wDom);\n}\n\n/**\n * Converts a chunk of virtual DOM objects into string tags.\n */\nfunction wDomToString(wDom: WDom) {\n  let element = '';\n  const { type, tag, text, props, children = [] } = wDom;\n  const isVirtualType = checkVirtualType(type);\n\n  if (isVirtualType) {\n    element = wDomChildrenToDom(children, element);\n  } else if (type === 'e' && tag) {\n    const innerHTML = props?.innerHTML;\n\n    if (innerHTML) {\n      element = `<${tag}${makeProp(props)}>${innerHTML}</${tag}>`;\n    } else if (isAllowSelfClose(tag) && !children.length) {\n      element = `<${tag}${makeProp(props)} />`;\n    } else {\n      element = `<${tag}${makeProp(props)}>`;\n      element = wDomChildrenToDom(children, element);\n      element = `${element}</${tag}>`;\n    }\n  } else if (type === 't' && checkExisty(text)) {\n    element = escapeHtml(String(text));\n    element = wDomChildrenToDom(children, element);\n  } else {\n    throw new Error(\n      'An attempt was made to render an abnormal virtual DOM object.'\n    );\n  }\n\n  return element;\n}\n\n/**\n * Converts all child nodes of a virtual DOM object into string tags.\n */\nfunction wDomChildrenToDom(children: WDom[], parentElement?: string) {\n  const newString = children.reduce((acc: string, childItem: WDom) => {\n    if (childItem.type) {\n      const childElement = wDomToString(childItem);\n\n      acc += childElement;\n    }\n\n    return acc;\n  }, parentElement || '');\n\n  return newString;\n}\n\n/**\n * Creates and attaches a prop string to the tag.\n */\nfunction makeProp(props?: Props) {\n  let attrGroup: string[] = [];\n\n  Object.entries(props || {}).forEach(\n    ([dataKey, dataValue]: [string, unknown]) => {\n      const isKey = dataKey === 'key';\n      const isPortal = dataKey === 'portal' && typeof dataValue === 'object';\n      const isHtml = dataKey === 'innerHTML' && typeof dataValue === 'string';\n      const isRef = checkRefData(dataKey, dataValue);\n      const isEvent = dataKey.match(/^on/);\n\n      if (!(isKey || isPortal || isHtml || isRef || isEvent)) {\n        if (checkStyleData(dataKey, dataValue)) {\n          const cssString = styleObjectToString(dataValue);\n          attrGroup.push(`style=\"${cssString}\"`);\n        } else if (dataKey && dataValue === true) {\n          attrGroup.push(`${dataKey}=\"${dataKey}\"`);\n        } else if (dataKey && typeof dataValue !== 'boolean') {\n          attrGroup.push(`${dataKey}=\"${String(dataValue)}\"`);\n        }\n      }\n    }\n  );\n\n  return attrGroup.length ? ' ' + attrGroup.join(' ') : '';\n}\n","import { render } from 'lithent';\nimport type { WDom } from 'lithent';\n\n/**\n * hydration\n */\nexport function hydration(wDom: WDom, wrapElement: HTMLElement) {\n  /**\n   * Attach the el property to wDom.\n   */\n  addElement(wDom, wrapElement);\n\n  /**\n   * Attach events to wDom.\n   */\n  return render(wDom, wrapElement, null, true);\n}\n\n/**\n * Attach the el property to wDom.\n */\nfunction addElement(wDomOrig: WDom, wrapElement: HTMLElement) {\n  const isVirtualType = wDomOrig.type && ['f', 'l'].includes(wDomOrig.type);\n\n  if (isVirtualType) {\n    wDomOrig.el = new DocumentFragment();\n  }\n  const wDomList = flatFlagmentFromList(\n    isVirtualType ? [...(wDomOrig.children || [])] : [wDomOrig]\n  );\n\n  const realDomList =\n    wrapElement.tagName === 'HTML'\n      ? [wrapElement]\n      : Array.from(wrapElement.childNodes);\n\n  if (wDomList) {\n    addElementProcessChildren(wDomList, realDomList);\n  }\n}\n\n/**\n * Attach the el property to wDom recursively.\n */\nfunction addElementProcessChildren(wDomList: WDom[], realDomList: ChildNode[]) {\n  let index = 0;\n  realDomList\n    .filter((item: any) => filteredEmptyTextNode(item))\n    .forEach(realDomItem => {\n      let wDomItem = wDomList[index];\n      const nodeType = realDomItem.nodeType;\n      let pass = false;\n\n      if (\n        wDomItem?.type === null ||\n        (wDomItem?.type === 't' && wDomItem?.text === '\\n') ||\n        (wDomItem?.type === 't' && nodeType === 1)\n      ) {\n        index += 1;\n        wDomItem = wDomList[index];\n      }\n\n      if (\n        realDomItem &&\n        wDomItem &&\n        wDomItem.type &&\n        ['t', 'e'].includes(wDomItem.type)\n      ) {\n        if (wDomItem.type === 't' && nodeType === 3) {\n          const { tFragment, nIndex } = processConsecutiveTextNodes(\n            wDomList,\n            index\n          );\n          index = nIndex;\n          realDomItem!.parentElement!.replaceChild(tFragment, realDomItem);\n        } else if (wDomItem.type === 'e' && nodeType === 1) {\n          if (\n            ((realDomItem as HTMLElement).tagName || '').toLowerCase() !==\n            wDomItem.tag\n          ) {\n            // throw new Error('Hydration Error - not matched tagname');\n            pass = true;\n          } else {\n            wDomItem.el = realDomItem as HTMLElement;\n          }\n        }\n\n        if (!pass) {\n          addElementProcessChildren(\n            flatFlagmentFromList(wDomItem.children || []),\n            Array.from(realDomItem.childNodes)\n          );\n        }\n      }\n\n      if (!pass) {\n        index += 1;\n      }\n    });\n}\n\n/**\n * Whitespace or text nodes are ignored.\n */\nfunction filteredEmptyTextNode(item: HTMLElement | Text) {\n  if (item.nodeType === 3 && !(item as Text).data.replace(/\\s*/g, '')) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Flattens nested fragment types.\n */\nfunction flatFlagmentFromList(wDomlist: WDom[]) {\n  return wDomlist.reduce((acc: WDom[], item: WDom) => {\n    if (item.type && ['f', 'l'].includes(item.type)) {\n      item.el = new DocumentFragment();\n      acc.push(...flatFlagmentFromList(item?.children || []));\n    } else {\n      acc.push(item);\n    }\n    return acc;\n  }, []);\n}\n\n/**\n * Hydration is applied to consecutively rendered text node objects.\n */\nfunction processConsecutiveTextNodes(wDomList: WDom[], cIndex: number) {\n  const textWDomList: WDom[] = collectAdjacentTextNode(wDomList, cIndex, []);\n  const tFragment = new DocumentFragment();\n  textWDomList.forEach(item => {\n    const textNode = document.createTextNode(String(item.text));\n    item.el = textNode;\n    tFragment.appendChild(textNode);\n  });\n\n  return {\n    tFragment,\n    nIndex: cIndex + (textWDomList.length - 1),\n  };\n}\n\n/**\n * Collect consecutive text nodes.\n */\nfunction collectAdjacentTextNode(\n  wDomList: WDom[],\n  cIndex: number,\n  acc: WDom[]\n): WDom[] {\n  if (wDomList[cIndex] && wDomList[cIndex].type === 't') {\n    acc.push(wDomList[cIndex]);\n\n    return collectAdjacentTextNode(wDomList, cIndex + 1, [...acc]);\n  }\n  return acc;\n}\n","import { h } from 'lithent';\nimport type { TagFunction } from 'lithent';\nimport Test from './tests/tostring';\nimport { renderToString as _renderToString } from './renderToString';\nimport { hydration as _hydration } from './hydration';\n\nexport const renderToString = _renderToString;\nexport const hydration = _hydration;\n\nexport function renderWithHydration(tagFunction: TagFunction) {\n  if (typeof window !== 'undefined') {\n    return hydration(h(tagFunction, {}), document.documentElement);\n  }\n\n  return _renderToString(h(tagFunction, {}));\n}\n\nlet _run: ((wrap: HTMLElement) => void) | undefined;\n\nif (import.meta.env.MODE === 'development') {\n  _run = (wrap: HTMLElement) => {\n    hydration(h(Test as TagFunction, {}), wrap);\n  };\n}\n\nexport const run = _run;\n"],"names":["f","s","t","e","a","c","l","r","n","i","o","Meta","mount","_r","Fragment","jsx","Children","v","k","increase","jsxs","SELF_CLOSE_ALLLOW","isAllowSelfClose","tagname","checkExisty","value","checkVirtualType","type","checkStyleData","dataKey","dataValue","checkRefData","styleObjectToString","styleObj","key","escapeHtml","str","renderToString","wDom","wDomToString","element","tag","text","props","children","wDomChildrenToDom","innerHTML","makeProp","parentElement","acc","childItem","childElement","attrGroup","isKey","isPortal","isHtml","isRef","isEvent","cssString","hydration","wrapElement","addElement","render","wDomOrig","isVirtualType","wDomList","flatFlagmentFromList","realDomList","addElementProcessChildren","index","item","filteredEmptyTextNode","realDomItem","wDomItem","nodeType","pass","tFragment","nIndex","processConsecutiveTextNodes","wDomlist","cIndex","textWDomList","collectAdjacentTextNode","textNode","_renderToString","_hydration","renderWithHydration","tagFunction","h","run"],"mappings":"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"}

package/ssr/src/index.ts

@@ -1,8 +1,8 @@
 import { h } from 'lithent';
 import type { TagFunction } from 'lithent';
-import Test from '@/tests/tostring';
-import { renderToString as _renderToString } from '@/renderToString';
-import { hydration as _hydration } from '@/hydration';
+import Test from './tests/tostring';
+import { renderToString as _renderToString } from './renderToString';
+import { hydration as _hydration } from './hydration';
 
 export const renderToString = _renderToString;
 export const hydration = _hydration;

package/ssr/src/renderToString.ts

@@ -6,7 +6,15 @@ import {
   checkStyleData,
   checkRefData,
   styleObjectToString,
-} from '@/helper';
+} from './helper';
+
+/**
+ * Escape special HTML characters in text node content.
+ * Prevents text like `<h-state>` from being parsed as HTML elements by the browser.
+ */
+function escapeHtml(str: string): string {
+  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
 
 /**
  * Main function of renderToString"
@@ -38,7 +46,7 @@ function wDomToString(wDom: WDom) {
       element = `${element}</${tag}>`;
     }
   } else if (type === 't' && checkExisty(text)) {
-    element = String(text);
+    element = escapeHtml(String(text));
     element = wDomChildrenToDom(children, element);
   } else {
     throw new Error(

package/ssr/src/tests/renderToString.test.tsx

@@ -0,0 +1,81 @@
+import { describe, it, expect } from 'vitest';
+import { h, mount, Fragment } from 'lithent';
+import { renderToString } from '../renderToString';
+
+// ── helpers ──
+
+/** Render a no-arg component to string */
+function render(Comp: ReturnType<typeof mount>): string {
+  return renderToString(h(Comp, {}));
+}
+
+// ── Text node HTML escaping ──
+
+describe('renderToString — text node HTML escaping', () => {
+  it('escapes < and > in text node content', () => {
+    const Comp = mount(_r => () => (
+      <p>{'Page shell with <h-state> anchors'}</p>
+    ));
+    expect(render(Comp)).toBe('<p>Page shell with &lt;h-state&gt; anchors</p>');
+  });
+
+  it('escapes & in text node content', () => {
+    const Comp = mount(_r => () => <p>{'foo & bar'}</p>);
+    expect(render(Comp)).toBe('<p>foo &amp; bar</p>');
+  });
+
+  it('escapes multiple occurrences', () => {
+    const Comp = mount(_r => () => <p>{'<b>bold</b> & <i>italic</i>'}</p>);
+    expect(render(Comp)).toBe(
+      '<p>&lt;b&gt;bold&lt;/b&gt; &amp; &lt;i&gt;italic&lt;/i&gt;</p>'
+    );
+  });
+
+  it('does not escape plain text', () => {
+    const Comp = mount(_r => () => <p>{'hello world'}</p>);
+    expect(render(Comp)).toBe('<p>hello world</p>');
+  });
+
+  it('does not escape innerHTML prop (raw HTML passthrough)', () => {
+    const Comp = mount(_r => () => (
+      <section innerHTML="<article>raw content</article>" />
+    ));
+    expect(render(Comp)).toBe(
+      '<section><article>raw content</article></section>'
+    );
+  });
+
+  it('escapes text nodes inside nested elements', () => {
+    const Comp = mount(_r => () => (
+      <div>
+        <span>{'<script>alert(1)</script>'}</span>
+      </div>
+    ));
+    expect(render(Comp)).toBe(
+      '<div><span>&lt;script&gt;alert(1)&lt;/script&gt;</span></div>'
+    );
+  });
+
+  it('escapes text nodes mixed with other children', () => {
+    const Comp = mount(_r => () => (
+      <p>
+        {'prefix <tag> '}
+        <strong>bold</strong>
+        {' suffix'}
+      </p>
+    ));
+    expect(render(Comp)).toBe(
+      '<p>prefix &lt;tag&gt; <strong>bold</strong> suffix</p>'
+    );
+  });
+
+  it('escapes text nodes inside Fragment', () => {
+    const Comp = mount(_r => () => (
+      <Fragment>
+        <p>{'<h-state> anchor'}</p>
+        <p>{'A & B'}</p>
+      </Fragment>
+    ));
+    expect(render(Comp)).toBe('<p>&lt;h-state&gt; anchor</p><p>A &amp; B</p>');
+  });
+});