@rasenjs/html 0.1.1-alpha

package/README.md

@@ -0,0 +1,82 @@
+# @rasenjs/html
+
+Rasen HTML 渲染器，用于服务端渲染 (SSR) 和静态站点生成 (SSG)。
+
+## 安装
+
+```bash
+npm install @rasenjs/html
+# 或
+yarn add @rasenjs/html
+# 或
+pnpm add @rasenjs/html
+```
+
+## 使用
+
+```typescript
+import { renderToString, div, span, p } from '@rasenjs/html'
+
+// 创建组件
+const component = div(
+  { class: 'container' },
+  p({ class: 'title' }, 'Hello, World!'),
+  span('This is SSR content')
+)
+
+// 渲染为 HTML 字符串
+const html = renderToString(component)
+console.log(html)
+// 输出: <div class="container"><p class="title">Hello, World!</p><span>This is SSR content</span></div>
+```
+
+## API
+
+### renderToString(component)
+
+将组件渲染为 HTML 字符串。
+
+```typescript
+import { renderToString, div } from '@rasenjs/html'
+
+const html = renderToString(div({ class: 'app' }, 'Content'))
+```
+
+### 元素组件
+
+所有标准 HTML 元素都可用：
+
+- `div`, `span`, `p`
+- `h1`, `h2`, `h3`, `h4`, `h5`, `h6`
+- `a`, `img`, `button`, `input`
+- `ul`, `ol`, `li`
+- `form`, `label`, `textarea`, `select`, `option`
+- `table`, `thead`, `tbody`, `tr`, `th`, `td`
+- `section`, `article`, `header`, `footer`, `nav`, `main`, `aside`
+- 以及更多...
+
+### element(props)
+
+创建自定义元素：
+
+```typescript
+import { element } from '@rasenjs/html'
+
+const customElement = element({
+  tag: 'custom-element',
+  attrs: { 'data-id': '123' },
+  children: [...]
+})
+```
+
+## 特性
+
+- 🚀 轻量级，无运行时依赖
+- 🔧 与 Rasen DOM 包 API 兼容
+- 📦 支持 ESM 和 CommonJS
+- 🎯 TypeScript 支持
+- 🔒 自动 HTML 转义，防止 XSS
+
+## 许可证
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,454 @@
+'use strict';
+
+var core = require('@rasenjs/core');
+
+// src/types.ts
+function createStringHost() {
+  const fragments = [];
+  return {
+    fragments,
+    append(html2) {
+      fragments.push(html2);
+    },
+    toString() {
+      return fragments.join("");
+    }
+  };
+}
+
+// src/components/string-context.ts
+function stringContext(props) {
+  return (host) => {
+    const { children } = props;
+    for (const child of children) {
+      child(host);
+    }
+    return void 0;
+  };
+}
+function renderToString(component) {
+  const host = createStringHost();
+  component(host);
+  return host.toString();
+}
+function renderToStringMultiple(components) {
+  const host = createStringHost();
+  for (const component of components) {
+    component(host);
+  }
+  return host.toString();
+}
+
+// src/utils.ts
+var HTML_ESCAPE_MAP = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+};
+function escapeHtml(text) {
+  return text.replace(/[&<>"']/g, (char) => HTML_ESCAPE_MAP[char] || char);
+}
+function escapeAttr(value) {
+  return value.replace(/[&<>"]/g, (char) => HTML_ESCAPE_MAP[char] || char);
+}
+function stringifyAttr(name, value) {
+  if (value === null || value === void 0 || value === false) {
+    return "";
+  }
+  if (value === true) {
+    return ` ${name}`;
+  }
+  return ` ${name}="${escapeAttr(String(value))}"`;
+}
+function stringifyStyle(styles) {
+  const parts = [];
+  for (const [key, value] of Object.entries(styles)) {
+    if (value !== null && value !== void 0) {
+      const kebabKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+      parts.push(`${kebabKey}: ${value}`);
+    }
+  }
+  return parts.join("; ");
+}
+function stringifyClass(className) {
+  if (!className) {
+    return "";
+  }
+  if (typeof className === "string") {
+    return className;
+  }
+  if (Array.isArray(className)) {
+    return className.filter(Boolean).join(" ");
+  }
+  return Object.entries(className).filter(([, value]) => value).map(([key]) => key).join(" ");
+}
+var VOID_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+function isVoidElement(tag) {
+  return VOID_ELEMENTS.has(tag.toLowerCase());
+}
+
+// src/components/element.ts
+var element = (props) => {
+  return (host) => {
+    const tag = props.tag;
+    const isVoid = isVoidElement(tag);
+    let html2 = `<${tag}`;
+    const id = core.unrefValue(props.id);
+    if (id) {
+      html2 += stringifyAttr("id", id);
+    }
+    const className = core.unrefValue(props.className);
+    if (className) {
+      html2 += stringifyAttr("class", className);
+    }
+    const style = core.unrefValue(props.style);
+    if (style && Object.keys(style).length > 0) {
+      html2 += stringifyAttr("style", stringifyStyle(style));
+    }
+    const value = core.unrefValue(props.value);
+    if (value !== void 0) {
+      html2 += stringifyAttr("value", String(value));
+    }
+    const attrs = core.unrefValue(props.attrs);
+    if (attrs) {
+      for (const [key, val] of Object.entries(attrs)) {
+        if (/^\d/.test(key)) continue;
+        html2 += stringifyAttr(key, val);
+      }
+    }
+    const specialProps = /* @__PURE__ */ new Set(["tag", "id", "className", "style", "value", "attrs", "children", "on"]);
+    for (const [key, val] of Object.entries(props)) {
+      if (specialProps.has(key)) continue;
+      if (key.startsWith("on")) continue;
+      if (val === void 0 || val === null) continue;
+      const attrValue = core.unrefValue(val);
+      if (attrValue !== void 0 && attrValue !== null) {
+        if (typeof attrValue === "string" || typeof attrValue === "number" || typeof attrValue === "boolean") {
+          html2 += stringifyAttr(key, attrValue);
+        }
+      }
+    }
+    html2 += ">";
+    if (isVoid) {
+      host.append(html2);
+      return void 0;
+    }
+    const children = props.children;
+    if (children !== void 0) {
+      if (typeof children === "string" || typeof children === "object" && "value" in children) {
+        html2 += escapeHtml(String(core.unrefValue(children)));
+      } else if (Array.isArray(children) && children.length > 0) {
+        const childHost = {
+          fragments: [],
+          append(s) {
+            this.fragments.push(s);
+          },
+          toString() {
+            return this.fragments.join("");
+          }
+        };
+        for (const child of children) {
+          if (child === null || child === void 0) continue;
+          if (typeof child === "string") {
+            childHost.append(escapeHtml(child));
+          } else if (typeof child === "function") {
+            const result = child(childHost);
+            if (typeof result === "string" || typeof result === "number") {
+              childHost.append(escapeHtml(String(result)));
+            }
+          }
+        }
+        html2 += childHost.toString();
+      }
+    }
+    html2 += `</${tag}>`;
+    host.append(html2);
+    return void 0;
+  };
+};
+var html = (props) => {
+  return (host) => {
+    const content = core.unrefValue(props.content) || "";
+    host.append(content);
+    return void 0;
+  };
+};
+
+// src/components/elements.ts
+function createElement(tag) {
+  return (propsOrChild, ...restChildren) => {
+    if (propsOrChild === void 0) {
+      return element({ tag });
+    }
+    if (typeof propsOrChild === "string" || typeof propsOrChild === "function") {
+      const children = [propsOrChild, ...restChildren];
+      return element({ tag, children });
+    }
+    const props = propsOrChild;
+    const { class: cls, className, ...restProps } = props;
+    const normalizedProps = {
+      ...restProps,
+      className: className || cls
+    };
+    if (restChildren.length > 0) {
+      const existingChildren = props.children;
+      const children = Array.isArray(existingChildren) ? [...existingChildren, ...restChildren] : existingChildren !== void 0 ? [existingChildren, ...restChildren] : restChildren;
+      return element({ tag, ...normalizedProps, children });
+    }
+    return element({ tag, ...normalizedProps });
+  };
+}
+var div = createElement("div");
+var span = createElement("span");
+var button = createElement("button");
+var a = createElement("a");
+var p = createElement("p");
+var h1 = createElement("h1");
+var h2 = createElement("h2");
+var h3 = createElement("h3");
+var h4 = createElement("h4");
+var h5 = createElement("h5");
+var h6 = createElement("h6");
+var ul = createElement("ul");
+var ol = createElement("ol");
+var li = createElement("li");
+var form = createElement("form");
+var label = createElement("label");
+var select = createElement("select");
+var table = createElement("table");
+var thead = createElement("thead");
+var tbody = createElement("tbody");
+var tfoot = createElement("tfoot");
+var tr = createElement("tr");
+var th = createElement("th");
+var td = createElement("td");
+var section = createElement("section");
+var article = createElement("article");
+var header = createElement("header");
+var footer = createElement("footer");
+var nav = createElement("nav");
+var main = createElement("main");
+var aside = createElement("aside");
+var pre = createElement("pre");
+var code = createElement("code");
+var blockquote = createElement("blockquote");
+var strong = createElement("strong");
+var em = createElement("em");
+var small = createElement("small");
+var mark = createElement("mark");
+var del = createElement("del");
+var ins = createElement("ins");
+var sub = createElement("sub");
+var sup = createElement("sup");
+var svg = createElement("svg");
+var br = () => element({ tag: "br" });
+var hr = () => element({ tag: "hr" });
+var input = (props) => {
+  const { type, value, placeholder, disabled, attrs, ...restProps } = props;
+  const newAttrs = {
+    ...attrs || {},
+    ...type !== void 0 ? { type } : {},
+    ...placeholder !== void 0 ? { placeholder } : {},
+    ...disabled !== void 0 ? { disabled } : {}
+  };
+  return element({
+    tag: "input",
+    ...restProps,
+    attrs: newAttrs,
+    ...value !== void 0 ? { value } : {}
+  });
+};
+var img = (props) => {
+  return element({ tag: "img", ...props });
+};
+var textarea = (props) => {
+  const { value, placeholder, disabled, rows, cols, attrs, ...restProps } = props;
+  const newAttrs = {
+    ...attrs || {},
+    ...placeholder !== void 0 ? { placeholder } : {},
+    ...disabled !== void 0 ? { disabled } : {},
+    ...rows !== void 0 ? { rows } : {},
+    ...cols !== void 0 ? { cols } : {}
+  };
+  return element({
+    tag: "textarea",
+    ...restProps,
+    attrs: newAttrs,
+    ...value !== void 0 ? { children: String(value) } : {}
+  });
+};
+var option = (props) => {
+  const { value, selected, attrs, ...restProps } = props;
+  const newAttrs = {
+    ...attrs || {},
+    ...value !== void 0 ? { value } : {},
+    ...selected ? { selected: true } : {}
+  };
+  return element({
+    tag: "option",
+    ...restProps,
+    attrs: newAttrs
+  });
+};
+var video = (props) => {
+  const { src, poster, controls, autoplay, loop, muted, attrs, ...restProps } = props;
+  const newAttrs = {
+    ...attrs || {},
+    ...src !== void 0 ? { src } : {},
+    ...poster !== void 0 ? { poster } : {},
+    ...controls ? { controls: true } : {},
+    ...autoplay ? { autoplay: true } : {},
+    ...loop ? { loop: true } : {},
+    ...muted ? { muted: true } : {}
+  };
+  return element({
+    tag: "video",
+    ...restProps,
+    attrs: newAttrs
+  });
+};
+var audio = (props) => {
+  const { src, controls, autoplay, loop, muted, attrs, ...restProps } = props;
+  const newAttrs = {
+    ...attrs || {},
+    ...src !== void 0 ? { src } : {},
+    ...controls ? { controls: true } : {},
+    ...autoplay ? { autoplay: true } : {},
+    ...loop ? { loop: true } : {},
+    ...muted ? { muted: true } : {}
+  };
+  return element({
+    tag: "audio",
+    ...restProps,
+    attrs: newAttrs
+  });
+};
+var source = (props) => {
+  const { src, type, attrs, ...restProps } = props;
+  const newAttrs = {
+    ...attrs || {},
+    ...src !== void 0 ? { src } : {},
+    ...type !== void 0 ? { type } : {}
+  };
+  return element({
+    tag: "source",
+    ...restProps,
+    attrs: newAttrs
+  });
+};
+var iframe = (props) => {
+  const { src, width, height, frameborder, allowfullscreen, attrs, ...restProps } = props;
+  const newAttrs = {
+    ...attrs || {},
+    ...src !== void 0 ? { src } : {},
+    ...width !== void 0 ? { width } : {},
+    ...height !== void 0 ? { height } : {},
+    ...frameborder !== void 0 ? { frameborder } : {},
+    ...allowfullscreen ? { allowfullscreen: true } : {}
+  };
+  return element({
+    tag: "iframe",
+    ...restProps,
+    attrs: newAttrs
+  });
+};
+var canvas = (props) => {
+  const { width, height, attrs, ...restProps } = props;
+  const newAttrs = {
+    ...attrs || {},
+    ...width !== void 0 ? { width } : {},
+    ...height !== void 0 ? { height } : {}
+  };
+  return element({
+    tag: "canvas",
+    ...restProps,
+    attrs: newAttrs
+  });
+};
+
+exports.VOID_ELEMENTS = VOID_ELEMENTS;
+exports.a = a;
+exports.article = article;
+exports.aside = aside;
+exports.audio = audio;
+exports.blockquote = blockquote;
+exports.br = br;
+exports.button = button;
+exports.canvas = canvas;
+exports.code = code;
+exports.createStringHost = createStringHost;
+exports.del = del;
+exports.div = div;
+exports.element = element;
+exports.em = em;
+exports.escapeAttr = escapeAttr;
+exports.escapeHtml = escapeHtml;
+exports.footer = footer;
+exports.form = form;
+exports.h1 = h1;
+exports.h2 = h2;
+exports.h3 = h3;
+exports.h4 = h4;
+exports.h5 = h5;
+exports.h6 = h6;
+exports.header = header;
+exports.hr = hr;
+exports.html = html;
+exports.iframe = iframe;
+exports.img = img;
+exports.input = input;
+exports.ins = ins;
+exports.isVoidElement = isVoidElement;
+exports.label = label;
+exports.li = li;
+exports.main = main;
+exports.mark = mark;
+exports.nav = nav;
+exports.ol = ol;
+exports.option = option;
+exports.p = p;
+exports.pre = pre;
+exports.renderToString = renderToString;
+exports.renderToStringMultiple = renderToStringMultiple;
+exports.section = section;
+exports.select = select;
+exports.small = small;
+exports.source = source;
+exports.span = span;
+exports.stringContext = stringContext;
+exports.stringifyAttr = stringifyAttr;
+exports.stringifyClass = stringifyClass;
+exports.stringifyStyle = stringifyStyle;
+exports.strong = strong;
+exports.sub = sub;
+exports.sup = sup;
+exports.svg = svg;
+exports.table = table;
+exports.tbody = tbody;
+exports.td = td;
+exports.textarea = textarea;
+exports.tfoot = tfoot;
+exports.th = th;
+exports.thead = thead;
+exports.tr = tr;
+exports.ul = ul;
+exports.video = video;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts","../src/components/string-context.ts","../src/utils.ts","../src/components/element.ts","../src/components/html.ts","../src/components/elements.ts"],"names":["html","unrefValue"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * 字符串渲染器类型定义\n */\n\nimport type { Mountable } from '@rasenjs/core'\n\n/**\n * 字符串渲染宿主\n * 用于收集渲染结果\n */\nexport interface StringHost {\n  /**\n   * 收集的 HTML 片段\n   */\n  fragments: string[]\n\n  /**\n   * 添加 HTML 片段\n   */\n  append(html: string): void\n\n  /**\n   * 获取完整的 HTML 字符串\n   */\n  toString(): string\n}\n\n/**\n * 创建字符串宿主\n */\nexport function createStringHost(): StringHost {\n  const fragments: string[] = []\n  return {\n    fragments,\n    append(html: string) {\n      fragments.push(html)\n    },\n    toString() {\n      return fragments.join('')\n    }\n  }\n}\n\n/**\n * 字符串渲染的 Mountable 类型\n * @deprecated 使用 Mountable<StringHost> 替代\n */\nexport type StringMountFunction = Mountable<StringHost>\n","/**\n * htmlContext 组件 - 提供 HTML 渲染上下文\n */\nimport type { Mountable } from '@rasenjs/core'\nimport type { StringHost } from '../types'\nimport { createStringHost } from '../types'\n\n/**\n * 创建字符串渲染上下文\n */\nexport function stringContext(props: {\n  children: Array<Mountable<StringHost>>\n}): Mountable<StringHost> {\n  return (host: StringHost) => {\n    const { children } = props\n\n    // 挂载所有子组件\n    for (const child of children) {\n      child(host)\n    }\n\n    // SSR 不需要 unmount\n    return undefined\n  }\n}\n\n/**\n * 将组件渲染为 HTML 字符串\n *\n * 这是 SSR 的主要入口\n */\nexport function renderToString(component: Mountable<StringHost>): string {\n  const host = createStringHost()\n  component(host)\n  return host.toString()\n}\n\n/**\n * 将多个组件渲染为 HTML 字符串\n */\nexport function renderToStringMultiple(components: Mountable<StringHost>[]): string {\n  const host = createStringHost()\n  for (const component of components) {\n    component(host)\n  }\n  return host.toString()\n}\n","/**\n * HTML 转义字符映射\n */\nconst HTML_ESCAPE_MAP: Record<string, string> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;'\n}\n\n/**\n * 转义 HTML 特殊字符，防止 XSS\n */\nexport function escapeHtml(text: string): string {\n  return text.replace(/[&<>\"']/g, (char) => HTML_ESCAPE_MAP[char] || char)\n}\n\n/**\n * 转义属性值\n */\nexport function escapeAttr(value: string): string {\n  return value.replace(/[&<>\"]/g, (char) => HTML_ESCAPE_MAP[char] || char)\n}\n\n/**\n * 将属性值转换为字符串\n */\nexport function stringifyAttr(\n  name: string,\n  value: string | number | boolean | null | undefined\n): string {\n  if (value === null || value === undefined || value === false) {\n    return ''\n  }\n  if (value === true) {\n    return ` ${name}`\n  }\n  return ` ${name}=\"${escapeAttr(String(value))}\"`\n}\n\n/**\n * 将样式对象转换为 style 属性字符串\n */\nexport function stringifyStyle(\n  styles: Record<string, string | number | null | undefined>\n): string {\n  const parts: string[] = []\n  for (const [key, value] of Object.entries(styles)) {\n    if (value !== null && value !== undefined) {\n      // 将 camelCase 转换为 kebab-case\n      const kebabKey = key.replace(/([A-Z])/g, '-$1').toLowerCase()\n      parts.push(`${kebabKey}: ${value}`)\n    }\n  }\n  return parts.join('; ')\n}\n\n/**\n * 将类名数组或对象转换为 class 属性字符串\n */\nexport function stringifyClass(\n  className: string | string[] | Record<string, boolean> | undefined\n): string {\n  if (!className) {\n    return ''\n  }\n  if (typeof className === 'string') {\n    return className\n  }\n  if (Array.isArray(className)) {\n    return className.filter(Boolean).join(' ')\n  }\n  // 对象形式 { 'class-name': true/false }\n  return Object.entries(className)\n    .filter(([, value]) => value)\n    .map(([key]) => key)\n    .join(' ')\n}\n\n/**\n * 自闭合标签列表\n */\nexport const VOID_ELEMENTS = new Set([\n  'area',\n  'base',\n  'br',\n  'col',\n  'embed',\n  'hr',\n  'img',\n  'input',\n  'link',\n  'meta',\n  'param',\n  'source',\n  'track',\n  'wbr'\n])\n\n/**\n * 判断是否为自闭合标签\n */\nexport function isVoidElement(tag: string): boolean {\n  return VOID_ELEMENTS.has(tag.toLowerCase())\n}\n","import type { PropValue, Mountable } from '@rasenjs/core'\nimport { unrefValue } from '@rasenjs/core'\nimport type { StringHost } from '../types'\nimport {\n  stringifyAttr,\n  stringifyStyle,\n  escapeHtml,\n  isVoidElement\n} from '../utils'\n\n/**\n * element 组件 - 通用 HTML 元素组件（字符串版本）\n *\n * SSR 场景下不需要响应式更新，直接取值渲染\n */\nexport const element = (props: {\n  tag: string\n  id?: PropValue<string>\n  className?: PropValue<string>\n  style?: PropValue<Record<string, string | number>>\n  attrs?: PropValue<Record<string, string | number | boolean>>\n  /** Text content or child mount functions (including reactive text functions) */\n  children?: PropValue<string> | Array<string | (() => string | number) | Mountable<StringHost>>\n  value?: PropValue<string | number>\n  // SSR does not need events - removed for consistency\n}): Mountable<StringHost> => {\n  return (host: StringHost) => {\n    const tag = props.tag\n    const isVoid = isVoidElement(tag)\n\n    // 构建开始标签\n    let html = `<${tag}`\n\n    // id\n    const id = unrefValue(props.id)\n    if (id) {\n      html += stringifyAttr('id', id)\n    }\n\n    // className\n    const className = unrefValue(props.className)\n    if (className) {\n      html += stringifyAttr('class', className)\n    }\n\n    // style\n    const style = unrefValue(props.style)\n    if (style && Object.keys(style).length > 0) {\n      html += stringifyAttr('style', stringifyStyle(style))\n    }\n\n    // value (for input, textarea, select)\n    const value = unrefValue(props.value)\n    if (value !== undefined) {\n      html += stringifyAttr('value', String(value))\n    }\n\n    // attrs (other attributes)\n    const attrs = unrefValue(props.attrs)\n    if (attrs) {\n      for (const [key, val] of Object.entries(attrs)) {\n        // 跳过无效的属性名（数字开头或纯数字）\n        if (/^\\d/.test(key)) continue\n        html += stringifyAttr(key, val)\n      }\n    }\n    \n    // 处理其他props（除了特殊props和已处理的）\n    const specialProps = new Set(['tag', 'id', 'className', 'style', 'value', 'attrs', 'children', 'on'])\n    for (const [key, val] of Object.entries(props)) {\n      if (specialProps.has(key)) continue\n      if (key.startsWith('on')) continue // 跳过事件处理器（SSR不需要）\n      if (val === undefined || val === null) continue\n      \n      const attrValue = unrefValue(val as PropValue<unknown>)\n      if (attrValue !== undefined && attrValue !== null) {\n        // 只处理基本类型（string, number, boolean）\n        if (typeof attrValue === 'string' || typeof attrValue === 'number' || typeof attrValue === 'boolean') {\n          html += stringifyAttr(key, attrValue)\n        }\n      }\n    }\n\n    html += '>'\n\n    // 自闭合标签不需要内容和结束标签\n    if (isVoid) {\n      host.append(html)\n      return undefined\n    }\n\n    // children (text content or mount functions)\n    const children = props.children\n    if (children !== undefined) {\n      if (typeof children === 'string' || (typeof children === 'object' && 'value' in (children as any))) {\n        // String content (or ref to string)\n        html += escapeHtml(String(unrefValue(children as PropValue<string>)))\n      } else if (Array.isArray(children) && children.length > 0) {\n        // Array of children - 创建子宿主收集子元素内容\n        const childHost: StringHost = {\n          fragments: [],\n          append(s: string) {\n            this.fragments.push(s)\n          },\n          toString() {\n            return this.fragments.join('')\n          }\n        }\n\n        for (const child of children) {\n          if (child === null || child === undefined) continue\n          \n          if (typeof child === 'string') {\n            // String child\n            childHost.append(escapeHtml(child))\n          } else if (typeof child === 'function') {\n            // Function - could be Mountable or reactive text function\n            // Call it with childHost and check the return value type\n            const result = (child as any)(childHost)\n            \n            // If it returns string/number, it's a reactive text function that ignored our parameter\n            if (typeof result === 'string' || typeof result === 'number') {\n              childHost.append(escapeHtml(String(result)))\n            }\n            // Otherwise it's a Mountable, already executed correctly\n          }\n        }\n\n        html += childHost.toString()\n      }\n    }\n\n    // 结束标签\n    html += `</${tag}>`\n\n    host.append(html)\n\n    // SSR 不需要 unmount\n    return undefined\n  }\n}\n","import type { PropValue, Mountable } from '@rasenjs/core'\nimport { unrefValue } from '@rasenjs/core'\nimport type { StringHost } from '../types'\n\n/**\n * html 组件 - 用于插入原始 HTML 内容（字符串版本）\n *\n * SSR 场景下不需要响应式更新，直接取值渲染。\n * 直接将 HTML 字符串输出，不创建额外的包裹元素。\n *\n * 安全提示：请确保传入的 HTML 内容是可信的，因为它会直接插入到输出中\n *\n * @example\n * ```ts\n * // 静态 HTML - 直接插入\n * div({}, html({ content: '<p>paragraph</p><span>text</span>' }))\n * // 结果: <div><p>paragraph</p><span>text</span></div>\n * ```\n */\nexport const html = (props: {\n  /** 原始 HTML 内容 */\n  content: PropValue<string>\n}): Mountable<StringHost> => {\n  return (host: StringHost) => {\n    const content = unrefValue(props.content) || ''\n    // 直接输出 HTML 内容，不添加包裹元素\n    host.append(content)\n\n    // SSR 不需要 unmount\n    return undefined\n  }\n}\n","import type { PropValue, Mountable } from '@rasenjs/core'\nimport type { StringHost } from '../types'\nimport { element } from './element'\n\n// ============================================================================\n// Type definitions\n// ============================================================================\n\ninterface BaseProps {\n  id?: PropValue<string>\n  class?: PropValue<string>\n  className?: PropValue<string>\n  style?: PropValue<Record<string, string | number>>\n  attrs?: PropValue<Record<string, string | number | boolean>>\n  /** Text content or child mount functions */\n  children?: PropValue<string> | Array<string | (() => string | number) | Mountable<StringHost>>\n  // SSR does not support events - removed on, onClick, onInput, etc.\n}\n\n/** Child type - 响应式文本函数优先匹配 */\ntype Child = string | (() => string | number) | Mountable<StringHost>\n\n/**\n * Factory function to create HTML element components\n * Supports: el(), el('text'), el(child), el(props), el(props, ...children)\n */\nfunction createElement(tag: string) {\n  return (\n    propsOrChild?: BaseProps | Child,\n    ...restChildren: Child[]\n  ): Mountable<StringHost> => {\n    // No arguments\n    if (propsOrChild === undefined) {\n      return element({ tag })\n    }\n\n    // First argument is string or function (Mountable or reactive text), treat as child\n    if (\n      typeof propsOrChild === 'string' ||\n      typeof propsOrChild === 'function'\n    ) {\n      const children = [propsOrChild, ...restChildren]\n      return element({ tag, children })\n    }\n    \n    // First argument is props object\n    const props = propsOrChild as BaseProps\n    \n    // Normalize props: convert `class` to `className` for element()\n    const { class: cls, className, ...restProps } = props as any\n    const normalizedProps = {\n      ...restProps,\n      className: className || cls\n    }\n    \n    if (restChildren.length > 0) {\n      // Merge children\n      const existingChildren = props.children\n      const children = Array.isArray(existingChildren)\n        ? [...existingChildren, ...restChildren]\n        : existingChildren !== undefined\n          ? [existingChildren, ...restChildren]\n          : restChildren\n      \n      return element({ tag, ...normalizedProps, children })\n    }\n\n    return element({ tag, ...normalizedProps })\n  }\n}\n\n// ============================================================================\n// Common elements\n// ============================================================================\n\nexport const div = createElement('div')\nexport const span = createElement('span')\nexport const button = createElement('button')\nexport const a = createElement('a')\nexport const p = createElement('p')\n\n// Headings\nexport const h1 = createElement('h1')\nexport const h2 = createElement('h2')\nexport const h3 = createElement('h3')\nexport const h4 = createElement('h4')\nexport const h5 = createElement('h5')\nexport const h6 = createElement('h6')\n\n// Lists\nexport const ul = createElement('ul')\nexport const ol = createElement('ol')\nexport const li = createElement('li')\n\n// Forms\nexport const form = createElement('form')\nexport const label = createElement('label')\nexport const select = createElement('select')\n\n// Tables\nexport const table = createElement('table')\nexport const thead = createElement('thead')\nexport const tbody = createElement('tbody')\nexport const tfoot = createElement('tfoot')\nexport const tr = createElement('tr')\nexport const th = createElement('th')\nexport const td = createElement('td')\n\n// Semantic layout\nexport const section = createElement('section')\nexport const article = createElement('article')\nexport const header = createElement('header')\nexport const footer = createElement('footer')\nexport const nav = createElement('nav')\nexport const main = createElement('main')\nexport const aside = createElement('aside')\n\n// Other common elements\nexport const pre = createElement('pre')\nexport const code = createElement('code')\nexport const blockquote = createElement('blockquote')\nexport const strong = createElement('strong')\nexport const em = createElement('em')\nexport const small = createElement('small')\nexport const mark = createElement('mark')\nexport const del = createElement('del')\nexport const ins = createElement('ins')\nexport const sub = createElement('sub')\nexport const sup = createElement('sup')\nexport const svg = createElement('svg')\n\n// Self-closing elements\nexport const br = () => element({ tag: 'br' })\nexport const hr = () => element({ tag: 'hr' })\n\n// ============================================================================\n// Special elements with extended props\n// ============================================================================\n\n/**\n * input component\n */\nexport const input = (\n  props: BaseProps & {\n    type?: PropValue<string>\n    value?: PropValue<string | any>\n    placeholder?: PropValue<string>\n    disabled?: PropValue<boolean>\n  }\n): Mountable<StringHost> => {\n  const { type, value, placeholder, disabled, attrs, ...restProps } = props as any\n\n  const newAttrs = {\n    ...(attrs || {}),\n    ...(type !== undefined ? { type } : {}),\n    ...(placeholder !== undefined ? { placeholder } : {}),\n    ...(disabled !== undefined ? { disabled } : {})\n  }\n\n  return element({\n    tag: 'input',\n    ...restProps,\n    attrs: newAttrs as any,\n    ...(value !== undefined ? { value } : {})\n  })\n}\n\n/**\n * img component\n */\nexport const img = (props: BaseProps & {\n  src?: PropValue<string>\n  alt?: PropValue<string>\n  width?: PropValue<string | number>\n  height?: PropValue<string | number>\n}): Mountable<StringHost> => {\n  return element({ tag: 'img', ...props })\n}\n\n/**\n * textarea component\n */\nexport const textarea = (\n  props: BaseProps & {\n    value?: PropValue<string>\n    placeholder?: PropValue<string>\n    disabled?: PropValue<boolean>\n    rows?: PropValue<number>\n    cols?: PropValue<number>\n  }\n): Mountable<StringHost> => {\n  const { value, placeholder, disabled, rows, cols, attrs, ...restProps } = props as any\n\n  const newAttrs = {\n    ...(attrs || {}),\n    ...(placeholder !== undefined ? { placeholder } : {}),\n    ...(disabled !== undefined ? { disabled } : {}),\n    ...(rows !== undefined ? { rows } : {}),\n    ...(cols !== undefined ? { cols } : {})\n  }\n\n  // textarea value should be children (text content)\n  return element({\n    tag: 'textarea',\n    ...restProps,\n    attrs: newAttrs as any,\n    ...(value !== undefined ? { children: String(value) } : {})\n  })\n}\n\n/**\n * option component\n */\nexport const option = (\n  props: BaseProps & {\n    value?: PropValue<string | number>\n    selected?: PropValue<boolean>\n  }\n): Mountable<StringHost> => {\n  const { value, selected, attrs, ...restProps } = props as any\n\n  const newAttrs = {\n    ...(attrs || {}),\n    ...(value !== undefined ? { value } : {}),\n    ...(selected ? { selected: true } : {})\n  }\n\n  return element({\n    tag: 'option',\n    ...restProps,\n    attrs: newAttrs as any\n  })\n}\n\n/**\n * video component\n */\nexport const video = (\n  props: BaseProps & {\n    src?: PropValue<string>\n    poster?: PropValue<string>\n    controls?: PropValue<boolean>\n    autoplay?: PropValue<boolean>\n    loop?: PropValue<boolean>\n    muted?: PropValue<boolean>\n  }\n): Mountable<StringHost> => {\n  const { src, poster, controls, autoplay, loop, muted, attrs, ...restProps } = props as any\n\n  const newAttrs = {\n    ...(attrs || {}),\n    ...(src !== undefined ? { src } : {}),\n    ...(poster !== undefined ? { poster } : {}),\n    ...(controls ? { controls: true } : {}),\n    ...(autoplay ? { autoplay: true } : {}),\n    ...(loop ? { loop: true } : {}),\n    ...(muted ? { muted: true } : {})\n  }\n\n  return element({\n    tag: 'video',\n    ...restProps,\n    attrs: newAttrs as any\n  })\n}\n\n/**\n * audio component\n */\nexport const audio = (\n  props: BaseProps & {\n    src?: PropValue<string>\n    controls?: PropValue<boolean>\n    autoplay?: PropValue<boolean>\n    loop?: PropValue<boolean>\n    muted?: PropValue<boolean>\n  }\n): Mountable<StringHost> => {\n  const { src, controls, autoplay, loop, muted, attrs, ...restProps } = props as any\n\n  const newAttrs = {\n    ...(attrs || {}),\n    ...(src !== undefined ? { src } : {}),\n    ...(controls ? { controls: true } : {}),\n    ...(autoplay ? { autoplay: true } : {}),\n    ...(loop ? { loop: true } : {}),\n    ...(muted ? { muted: true } : {})\n  }\n\n  return element({\n    tag: 'audio',\n    ...restProps,\n    attrs: newAttrs as any\n  })\n}\n\n/**\n * source component\n */\nexport const source = (\n  props: BaseProps & {\n    src?: PropValue<string>\n    type?: PropValue<string>\n  }\n): Mountable<StringHost> => {\n  const { src, type, attrs, ...restProps } = props as any\n\n  const newAttrs = {\n    ...(attrs || {}),\n    ...(src !== undefined ? { src } : {}),\n    ...(type !== undefined ? { type } : {})\n  }\n\n  return element({\n    tag: 'source',\n    ...restProps,\n    attrs: newAttrs as any\n  })\n}\n\n/**\n * iframe component\n */\nexport const iframe = (\n  props: BaseProps & {\n    src?: PropValue<string>\n    width?: PropValue<string | number>\n    height?: PropValue<string | number>\n    frameborder?: PropValue<string | number>\n    allowfullscreen?: PropValue<boolean>\n  }\n): Mountable<StringHost> => {\n  const { src, width, height, frameborder, allowfullscreen, attrs, ...restProps } = props as any\n\n  const newAttrs = {\n    ...(attrs || {}),\n    ...(src !== undefined ? { src } : {}),\n    ...(width !== undefined ? { width } : {}),\n    ...(height !== undefined ? { height } : {}),\n    ...(frameborder !== undefined ? { frameborder } : {}),\n    ...(allowfullscreen ? { allowfullscreen: true } : {})\n  }\n\n  return element({\n    tag: 'iframe',\n    ...restProps,\n    attrs: newAttrs as any\n  })\n}\n\n/**\n * canvas component (SSR only renders empty canvas tag)\n */\nexport const canvas = (\n  props: BaseProps & {\n    width?: PropValue<string | number>\n    height?: PropValue<string | number>\n  }\n): Mountable<StringHost> => {\n  const { width, height, attrs, ...restProps } = props as any\n\n  const newAttrs = {\n    ...(attrs || {}),\n    ...(width !== undefined ? { width } : {}),\n    ...(height !== undefined ? { height } : {})\n  }\n\n  return element({\n    tag: 'canvas',\n    ...restProps,\n    attrs: newAttrs as any\n  })\n}\n"]}