@fluixi/dom 1.0.0-alpha.83 → 1.0.0-alpha.85

package/dist/lib/dom/server/serialize.mjs

@@ -1 +1,164 @@
-var l=Symbol.for("fluixi.server-node"),m=Symbol.for("fluixi.dom.server-host"),v=globalThis,w=v[m]??={server:typeof document>"u",nodes:null};var d=1,c=3,h=8,u;u=l;var a=class{constructor(){this[u]=!0;this.parentNode=null;this.childNodes=[]}get firstChild(){return this.childNodes[0]??null}get lastChild(){return this.childNodes[this.childNodes.length-1]??null}get nextSibling(){let e=this.parentNode;if(!e)return null;let r=e.childNodes.indexOf(this);return r>=0?e.childNodes[r+1]??null:null}get previousSibling(){let e=this.parentNode;if(!e)return null;let r=e.childNodes.indexOf(this);return r>0?e.childNodes[r-1]??null:null}get parentElement(){return this.parentNode}appendChild(e){return e.parentNode&&e.parentNode.removeChild(e),e.parentNode=this,this.childNodes.push(e),e}insertBefore(e,r){if(r==null)return this.appendChild(e);e.parentNode&&e.parentNode.removeChild(e);let s=this.childNodes.indexOf(r);return e.parentNode=this,s<0?this.childNodes.push(e):this.childNodes.splice(s,0,e),e}removeChild(e){let r=this.childNodes.indexOf(e);return r>=0&&this.childNodes.splice(r,1),e.parentNode=null,e}replaceChild(e,r){let s=this.childNodes.indexOf(r);return s>=0&&(e.parentNode&&e.parentNode.removeChild(e),e.parentNode=this,this.childNodes[s]=e,r.parentNode=null),r}addEventListener(){}removeEventListener(){}};var T=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),g=/&/g,f=/</g,N=/>/g,b=/"/g;function o(t){return t.replace(g,"&amp;").replace(f,"&lt;").replace(N,"&gt;")}function p(t){return t.replace(g,"&amp;").replace(b,"&quot;").replace(f,"&lt;").replace(N,"&gt;")}function y(t){return t.startsWith("--")?t:t.replace(/[A-Z]/g,e=>"-"+e.toLowerCase())}function S(t){if(!t)return"";let e=[];t.cssText&&e.push(t.cssText.trim().replace(/;\s*$/,""));for(let r of Object.keys(t)){if(r==="cssText")continue;let s=t[r];s==null||s===""||e.push(`${y(r)}: ${s}`)}return e.join("; ")}function x(t){let e="",r=S(t.style);for(let[s,i]of t.attributes)s==="style"&&r||(e+=` ${s}="${p(i)}"`);if(r){let s=t.attributes.get("style"),i=s?`${s.replace(/;\s*$/,"")}; ${r}`:r;e+=` style="${p(i)}"`}return e}function n(t){if(t==null||t===!1||t===!0)return"";if(typeof t=="string")return o(t);if(typeof t=="number")return o(String(t));if(typeof t=="function")return n(t());if(Array.isArray(t))return t.map(n).join("");if(typeof t.rawOuterHTML=="string")return t.rawOuterHTML;switch(t.nodeType){case c:return o(t.data??"");case h:return`<!--${t.data??""}-->`;case d:{let e=t.localName,r=`<${e}${x(t)}>`;if(T.has(e))return r;let s=t.rawHTML!=null?t.rawHTML:(t.childNodes??[]).map(n).join("");return`${r}${s}</${e}>`}}return Array.isArray(t.childNodes)?t.childNodes.map(n).join(""):""}export{n as serializeNode};
+// src/lib/dom/server/host.ts
+var SERVER_NODE = /* @__PURE__ */ Symbol.for("fluixi.server-node");
+var STATE = /* @__PURE__ */ Symbol.for("fluixi.dom.server-host");
+var realm = globalThis;
+var state = realm[STATE] ??= {
+  server: typeof document === "undefined",
+  nodes: null
+};
+
+// src/lib/dom/server/nodes.ts
+var NODE_ELEMENT = 1;
+var NODE_TEXT = 3;
+var NODE_COMMENT = 8;
+var _a;
+_a = SERVER_NODE;
+var ServerNode = class {
+  constructor() {
+    // Brand the host.ts guards check for (lets them skip an instanceof on these classes).
+    this[_a] = true;
+    this.parentNode = null;
+    this.childNodes = [];
+  }
+  get firstChild() {
+    return this.childNodes[0] ?? null;
+  }
+  get lastChild() {
+    return this.childNodes[this.childNodes.length - 1] ?? null;
+  }
+  get nextSibling() {
+    const p = this.parentNode;
+    if (!p) return null;
+    const i = p.childNodes.indexOf(this);
+    return i >= 0 ? p.childNodes[i + 1] ?? null : null;
+  }
+  get previousSibling() {
+    const p = this.parentNode;
+    if (!p) return null;
+    const i = p.childNodes.indexOf(this);
+    return i > 0 ? p.childNodes[i - 1] ?? null : null;
+  }
+  get parentElement() {
+    return this.parentNode;
+  }
+  appendChild(child) {
+    if (child.parentNode) child.parentNode.removeChild(child);
+    child.parentNode = this;
+    this.childNodes.push(child);
+    return child;
+  }
+  insertBefore(child, ref) {
+    if (ref == null) return this.appendChild(child);
+    if (child.parentNode) child.parentNode.removeChild(child);
+    const i = this.childNodes.indexOf(ref);
+    child.parentNode = this;
+    if (i < 0) this.childNodes.push(child);
+    else this.childNodes.splice(i, 0, child);
+    return child;
+  }
+  removeChild(child) {
+    const i = this.childNodes.indexOf(child);
+    if (i >= 0) this.childNodes.splice(i, 1);
+    child.parentNode = null;
+    return child;
+  }
+  replaceChild(next, old) {
+    const i = this.childNodes.indexOf(old);
+    if (i >= 0) {
+      if (next.parentNode) next.parentNode.removeChild(next);
+      next.parentNode = this;
+      this.childNodes[i] = next;
+      old.parentNode = null;
+    }
+    return old;
+  }
+  // Event listeners are inert on the server.
+  addEventListener() {
+  }
+  removeEventListener() {
+  }
+};
+
+// src/lib/dom/server/serialize.ts
+var VOID_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var AMP = /&/g;
+var LT = /</g;
+var GT = />/g;
+var QUOT = /"/g;
+function escapeText(s) {
+  return s.replace(AMP, "&amp;").replace(LT, "&lt;").replace(GT, "&gt;");
+}
+function escapeAttr(s) {
+  return s.replace(AMP, "&amp;").replace(QUOT, "&quot;").replace(LT, "&lt;").replace(GT, "&gt;");
+}
+function camelToKebab(k) {
+  if (k.startsWith("--")) return k;
+  return k.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
+}
+function serializeStyle(style) {
+  if (!style) return "";
+  const parts = [];
+  if (style.cssText) parts.push(style.cssText.trim().replace(/;\s*$/, ""));
+  for (const key of Object.keys(style)) {
+    if (key === "cssText") continue;
+    const v = style[key];
+    if (v == null || v === "") continue;
+    parts.push(`${camelToKebab(key)}: ${v}`);
+  }
+  return parts.join("; ");
+}
+function serializeAttrs(el) {
+  let out = "";
+  const inlineStyle = serializeStyle(el.style);
+  for (const [name, value] of el.attributes) {
+    if (name === "style" && inlineStyle) continue;
+    out += ` ${name}="${escapeAttr(value)}"`;
+  }
+  if (inlineStyle) {
+    const attrStyle = el.attributes.get("style");
+    const merged = attrStyle ? `${attrStyle.replace(/;\s*$/, "")}; ${inlineStyle}` : inlineStyle;
+    out += ` style="${escapeAttr(merged)}"`;
+  }
+  return out;
+}
+function serializeNode(node) {
+  if (node == null || node === false || node === true) return "";
+  if (typeof node === "string") return escapeText(node);
+  if (typeof node === "number") return escapeText(String(node));
+  if (typeof node === "function") return serializeNode(node());
+  if (Array.isArray(node)) return node.map(serializeNode).join("");
+  if (typeof node.rawOuterHTML === "string") return node.rawOuterHTML;
+  switch (node.nodeType) {
+    case NODE_TEXT:
+      return escapeText(node.data ?? "");
+    case NODE_COMMENT:
+      return `<!--${node.data ?? ""}-->`;
+    case NODE_ELEMENT: {
+      const tag = node.localName;
+      const open = `<${tag}${serializeAttrs(node)}>`;
+      if (VOID_ELEMENTS.has(tag)) return open;
+      const inner = node.rawHTML != null ? node.rawHTML : (node.childNodes ?? []).map(serializeNode).join("");
+      return `${open}${inner}</${tag}>`;
+    }
+  }
+  if (Array.isArray(node.childNodes)) return node.childNodes.map(serializeNode).join("");
+  return "";
+}
+export {
+  serializeNode
+};