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

package/dist/lib/dom/hydration.cjs

@@ -1 +1,685 @@
-"use strict";var P=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var ee=Object.prototype.hasOwnProperty;var ne=(n,e)=>{for(var t in e)P(n,t,{get:e[t],enumerable:!0})},te=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of Z(e))!ee.call(n,c)&&c!==t&&P(n,c,{get:()=>e[c],enumerable:!(i=Q(e,c))||i.enumerable});return n};var oe=n=>te(P({},"__esModule",{value:!0}),n);var xe={};ne(xe,{hydrate:()=>he});module.exports=oe(xe);var x=require("@fluixi/reactive/signal");var $="1.0.0-alpha.83";var O=require("@fluixi/reactive/version"),h={dom:$,reactive:O.VERSION};function H(n){h.core&&n.setAttribute("fluixi",h.core),n.setAttribute("fx-dom",h.dom),n.setAttribute("fx-reactive",h.reactive),typeof globalThis<"u"&&(globalThis.Fluixi=h)}function F(){let n=[h.core,h.dom,h.reactive].filter(e=>e!==void 0);new Set(n).size<=1||console.warn(`[fluixi] package versions disagree — core ${h.core??"(absent)"}, dom ${h.dom}, reactive ${h.reactive}. These ship as one release, so a mismatch usually means a stale lockfile or two copies resolved side by side. Reinstall, or check for duplicates with \`pnpm why @fluixi/dom\`.`)}function E(n){return typeof n=="function"&&n[Symbol.for("fluixi-component")]===!0}var p=require("@fluixi/reactive/signal");var j=Symbol.for("fluixi.server-node"),re=Symbol.for("fluixi.dom.server-host"),ie=globalThis,R=ie[re]??={server:typeof document>"u",nodes:null};function V(){return R.server}function I(){if(!R.nodes)throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");return R.nodes}function L(n){return n!=null&&n[j]===!0?!0:typeof Node<"u"&&n instanceof Node}function W(n){return n!=null&&n[j]===!0?n.nodeType===3:typeof Text<"u"&&n instanceof Text}var u={active:!1,cursor:null,parents:[]},K=null;function B(n){K=n}function q(){return K}function M(n,e){return u.active&&e.parentNode===n}function X(n){let e=u.parents.lastIndexOf(n);e!==-1&&(u.parents.length=e),u.cursor=n.nextSibling}function N(n,e=!1){if(V())return I().createText(n);if(u.active&&!e){let t=q()?.hydrateText(n);if(t)return t}return document.createTextNode(n)}var b=0,se=200;function fe(n,e,t,i,c){let f=i,s=new Map;return(0,p.createRenderEffect)(()=>{(0,p.reportReactiveBinding)(t??e,"content",void 0,n);let r;if(E(n)&&!(0,x.isSignal)(n)){if(!s.has(n)){b++;try{let o=n();s.set(n,o)}finally{b--}}for(r=s.get(n);typeof r=="function"&&(0,x.isSignal)(r);)r=r()}else for(r=n();typeof r=="function"&&(0,x.isSignal)(r);)r=r();{let o=0;for(;typeof r=="function"&&o++<50;)if(E(r)){if(!s.has(r)){let a=r;b++;try{let l=a();s.set(a,l)}finally{b--}}r=s.get(r)}else if((0,x.isSignal)(r))r=r();else if(r=r(),typeof r!="function"||!(0,x.isSignal)(r)&&!E(r))break}b++;try{f=S(e,r,t,f,s),c(f)}finally{b--}})}function J(n,e,t,i){if(b>se)return console.error("[insert] Exceeded max call depth — possible infinite loop."),()=>null;t!==void 0&&!t&&(t=N("",!0),n.appendChild(t));let c=i??null,f=o=>Array.isArray(o)&&o.some(a=>typeof a=="function"),s=o=>typeof o=="function"?o:()=>o;if(typeof e!="function"&&!f(e)){b++;try{c=S(n,e,t,c)}finally{b--}return()=>c}let r=fe(s(e),n,t,c,o=>{c=o});return()=>(r?.(),c)}function S(n,e,t,i,c){if(e==null||typeof e=="boolean")return T(n,i,t);if(typeof e=="function")for(;typeof e=="function";)e=e();if(e==null||typeof e=="boolean")return T(n,i,t);if(w(e)){let s=N("",!0);return Array.isArray(i)?i.length>0?(n.replaceChild(s,i[0]),T(n,i.slice(1),t)):g(n,s,t):i?n.replaceChild(s,i):g(n,s,t),e.then(r=>{s.parentNode===n&&S(n,r,s.nextSibling,s)}).catch(r=>{console.error("Error resolving promise in insertExpression:",r)}),s}let f=typeof e;if(f==="string"||f==="number"){if(f==="number"&&(e=String(e)),Array.isArray(i)){if(i.length===0){let r=N(e);return g(n,r,t),r}if(i.length===1&&i[0].nodeType===3)return i[0].data=e,i;i=T(n,i,t)}if(i&&W(i))return i.data=e,i;let s=N(e);return i&&i.parentNode===n?n.replaceChild(s,i):M(n,s)||g(n,s,t),s}if(L(e))return M(n,e)?(X(e),e):Array.isArray(i)?(i.length===0?g(n,e,t):i[0].parentNode===n?(n.replaceChild(e,i[0]),T(n,i.slice(1),t)):g(n,e,t),e):(i?i!==e&&(i.parentNode===n?n.replaceChild(e,i):g(n,e,t)):g(n,e,t),e);if(Array.isArray(e)){let s=[],r=Array.isArray(i)?i:i?[i]:[],o=[];m(e,s,n,t,!0,c,o);let a=ae(n,r,s,t);for(let l of o){let d=J(n,l.sig,l.marker);(0,p.onCleanup)(()=>{T(n,d()),l.marker.parentNode===n&&n.removeChild(l.marker)})}return a}if(f==="object"&&e!==null&&typeof e=="object"){let s=e;if("type"in s&&"props"in s){let r=s;if(typeof r.type=="function"){let o=r.type(r.props||{});return S(n,o,t,i)}}}return T(n,i,t)}function m(n,e,t,i,c=!0,f,s){for(let r=0;r<n.length;r++){let o=n[r];if(!(o==null||typeof o=="boolean")){for(;typeof o=="function"&&!w(o)&&!(0,x.isSignal)(o)&&!E(o)&&(o=o(),!(o==null||typeof o=="boolean")););if(!(o==null||typeof o=="boolean")){if(typeof o=="function"){let a;for(E(o)&&!(0,x.isSignal)(o)?(f||(f=new Map),f.has(o)||f.set(o,o()),a=f.get(o)):a=o();typeof a=="function"&&!w(a)&&!(0,x.isSignal)(a)&&!E(a);)f||(f=new Map),f.has(a)||f.set(a,a()),a=f.get(a);if(a==null||typeof a=="boolean")continue;if(typeof a=="function"){if((0,x.isSignal)(a)){if(s){let d=N("",!0);e.push(d),s.push({marker:d,sig:a});continue}let l=a();for(;typeof l=="function"&&(0,x.isSignal)(l);)l=l();if(l==null||typeof l=="boolean")continue;Array.isArray(l)?m(l,e,t,i,c,f):m([l],e,t,i,c,f);continue}continue}Array.isArray(a)?m(a,e,t,i,c,f,s):m([a],e,t,i,c,f,s);continue}if(w(o)){let a=N("",!0);e.push(a),o.then(l=>{if(a.parentNode){let d=[];if(m([l],d,a.parentNode,void 0,!1,f),d.length>0){a.parentNode.replaceChild(d[0],a);for(let y=1;y<d.length;y++)a.parentNode?.insertBefore(d[y],d[y-1].nextSibling)}}}).catch(l=>console.error("Error resolving promise in array:",l));continue}if(Array.isArray(o)){m(o,e,t,i,c,f,s);continue}if(L(o)){e.push(o);continue}if(typeof o=="object"&&o!==null&&"type"in o&&"props"in o){let a=o;if(typeof a.type=="function"){let l=a.type(a.props||{});Array.isArray(l)?m(l,e,t,i,!1,f):m([l],e,t,i,!1,f);continue}}if(typeof o=="string"||typeof o=="number"){let a=String(o);if(a.trim()===""&&a!==" ")continue;e.push(N(a));continue}e.push(N(String(o)))}}}}function ae(n,e,t,i){for(let d=0;d<t.length;d++){let y=t[d].parentNode;y!==null&&y!==n&&y.nodeType!==11&&(t=t.slice(),t[d]=t[d].cloneNode(!0))}let c=t.length,f=e.length,s=c,r=0,o=0,a=f>0?e[f-1].nextSibling??void 0:i,l=null;for(;r<f||o<s;){if(e[r]===t[o]){r++,o++;continue}for(;f>r&&s>o&&e[f-1]===t[s-1];)f--,s--;if(f===r){let d=s<c?o?t[o-1].nextSibling??void 0:t[s-o]:a;for(;o<s;)g(n,t[o++],d)}else if(s===o)for(;r<f;)(!l||!l.has(e[r]))&&e[r].parentNode===n&&n.removeChild(e[r]),r++;else if(e[r]===t[s-1]&&t[o]===e[f-1]){let d=e[--f].nextSibling;g(n,t[o++],e[r++].nextSibling),g(n,t[--s],d),e[f]=e[r-1]}else{if(!l){l=new Map;let y=o;for(;y<s;)l.set(t[y],y++)}let d=l.get(e[r]);if(d!=null)if(o<d&&d<s){let y=r,_=1;for(;++y<f&&y<s&&!(!l.has(e[y])||l.get(e[y])!==d+_);)_++;if(_>d-o){let Y=e[r];for(;o<d;)g(n,t[o++],Y)}else e[r].parentNode===n?n.replaceChild(t[o++],e[r++]):(g(n,t[o++],a),r++)}else r++;else e[r].parentNode===n&&n.removeChild(e[r]),r++}}return t}function T(n,e,t){if(e)if(Array.isArray(e))for(let i=0;i<e.length;i++)e[i].parentNode===n&&n.removeChild(e[i]);else e.parentNode===n&&n.removeChild(e);return null}function g(n,e,t){u.active&&e.parentNode===n||(t&&t.parentNode===n?n.insertBefore(e,t):n.appendChild(e))}function w(n){return n!=null&&(typeof n=="object"||typeof n=="function")&&typeof n.then=="function"||n instanceof Promise}function G(n,e,t){if(!e)throw new Error("Container element is required");let i,c,f=[];return(0,p.createRoot)(s=>{(0,p.batch)(()=>{u.active||(e.textContent=""),H(e),F(),J(e,n)}),c=s}),()=>{c?.(),i?.(),f.forEach(s=>s()),e.textContent=""}}var v=require("@fluixi/reactive/signal");var ue="__FX_DATA__";var D;function U(){let n=globalThis.__FX_DATA__;if(n)return n;if(D!==void 0)return D;let e=null;if(typeof document<"u"){let t=document.getElementById(ue)?.textContent;if(t)try{e=JSON.parse(t)}catch{e=null}}return D=e}function A(){for(;;){for(;u.cursor&&u.cursor.nodeType===3&&u.cursor.data==="";)u.cursor=u.cursor.nextSibling;if(u.cursor!=null||!u.parents.length)return;u.cursor=u.parents.pop().nextSibling}}var le=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),k=typeof process<"u"&&process.env&&!1;function C(n,e){let t=e.nodeType===1?`<${e.tagName.toLowerCase()}>`:e.nodeType===3?`text ${JSON.stringify((e.nodeValue??"").slice(0,24))}`:e.nodeType===8?"comment":"node";console.warn(`[fluixi] hydration mismatch: expected ${n} but the server DOM has ${t}. Server and client rendered different markup; recreating this node on the client. Check for non-deterministic render (Date.now(), Math.random(), browser-only branches, untransported data).`)}function ce(n){A();let e=u.cursor;return e&&e.nodeType===1&&e.tagName.toLowerCase()===n.toLowerCase()?(le.has(n.toLowerCase())?u.cursor=e.nextSibling:(u.parents.push(e),u.cursor=e.firstChild),e):(k&&e&&C(`<${n}>`,e),null)}function de(n){A();let e=u.cursor;return e&&e.nodeType===1&&e.tagName.toLowerCase()===n.toLowerCase()?(u.cursor=e.nextSibling,e):(k&&e&&C(`<${n}> (static)`,e),null)}function ye(n){if(n===""){let t=u.cursor;return t&&t.nodeType===3&&t.data!==""?(u.cursor=t.nextSibling,t.data="",t):null}A();let e=u.cursor;return e&&e.nodeType===3?(u.cursor=e.nextSibling,e.nodeValue!==n&&(e.nodeValue=n),e):(k&&e&&C(`text ${JSON.stringify(n.slice(0,24))}`,e),null)}function pe(n){A();let e=u.cursor;return e&&e.nodeType===8&&e.data===n?(u.cursor=e.nextSibling,e):(k&&e&&C(`marker <!--${n.slice(0,24)}-->`,e),null)}var z=!1;function ge(){z||(z=!0,B({hydrateElement:ce,hydrateText:ye,hydrateMarker:pe,hydrateStatic:de}))}function he(n,e,t){ge(),u.active=!0,u.cursor=e.firstChild,u.parents=[];let i=U(),c=t?.resourceNamespace,f=0;(0,v.setResourceIdSource)(()=>c?`${c}:r${f++}`:`r${f++}`),(0,v.setServerDataGetter)(i?s=>s in i?{value:i[s]}:void 0:null);try{return G(n,e)}finally{u.active=!1,u.cursor=null,u.parents=[]}}
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/dom/hydration.ts
+var hydration_exports = {};
+__export(hydration_exports, {
+  hydrate: () => hydrate
+});
+module.exports = __toCommonJS(hydration_exports);
+
+// src/lib/dom/runtime.ts
+var import_signal2 = require("@fluixi/reactive/signal");
+
+// src/version.generated.ts
+var VERSION = "1.0.0-alpha.85";
+
+// src/lib/dom/versions.ts
+var import_version = require("@fluixi/reactive/version");
+var import_signal = require("@fluixi/reactive/signal");
+var versions = { dom: VERSION, reactive: import_version.VERSION };
+function stampVersions(container) {
+  if (versions.core) container.setAttribute("fluixi", versions.core);
+  container.setAttribute("fx-dom", versions.dom);
+  container.setAttribute("fx-reactive", versions.reactive);
+  if (typeof globalThis !== "undefined") globalThis.Fluixi = versions;
+}
+function warnOnVersionSkew() {
+  const builds = (0, import_signal.joinedVersions)();
+  if (builds.length > 1) {
+    console.warn(
+      `[fluixi] ${builds.length} builds of @fluixi/reactive are driving one reactive graph: ${builds.join(", ")}. They share it on purpose, so signals still cross between them, but the oldest one decided what the graph looks like. Build the components on one release, or load them as shared-runtime bundles.`
+    );
+  }
+  const present = [versions.core, versions.dom, versions.reactive].filter(
+    (v) => v !== void 0
+  );
+  if (new Set(present).size <= 1) return;
+  console.warn(
+    `[fluixi] package versions disagree: core ${versions.core ?? "(absent)"}, dom ${versions.dom}, reactive ${versions.reactive}. These ship as one release, so a mismatch usually means a stale lockfile or two copies resolved side by side. Reinstall, or check for duplicates with \`pnpm why @fluixi/dom\`.`
+  );
+}
+
+// src/lib/component/modifiers.ts
+function isComponent(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-component")] === true;
+}
+
+// src/lib/dom/runtime.ts
+var import_signal3 = require("@fluixi/reactive/signal");
+
+// 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
+};
+function isServer() {
+  return state.server;
+}
+function getServerNodes() {
+  if (!state.nodes) {
+    throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");
+  }
+  return state.nodes;
+}
+function isDomNode(x) {
+  if (x != null && x[SERVER_NODE] === true) return true;
+  return typeof Node !== "undefined" && x instanceof Node;
+}
+function isDomText(x) {
+  if (x != null && x[SERVER_NODE] === true) return x.nodeType === 3;
+  return typeof Text !== "undefined" && x instanceof Text;
+}
+
+// src/lib/dom/hydration-state.ts
+var hydration = {
+  active: false,
+  cursor: null,
+  parents: []
+};
+var _walker = null;
+function registerHydrationWalker(walker) {
+  _walker = walker;
+}
+function getHydrationWalker() {
+  return _walker;
+}
+function isAdopted(parent, node) {
+  return hydration.active && node.parentNode === parent;
+}
+function ascendPast(node) {
+  const idx = hydration.parents.lastIndexOf(node);
+  if (idx !== -1) hydration.parents.length = idx;
+  hydration.cursor = node.nextSibling;
+}
+
+// src/lib/dom/runtime.ts
+function createTextNode(value, anchor = false) {
+  if (isServer()) return getServerNodes().createText(value);
+  if (hydration.active && !anchor) {
+    const node = getHydrationWalker()?.hydrateText(value);
+    if (node) return node;
+  }
+  return document.createTextNode(value);
+}
+var _insertDepth = 0;
+var MAX_INSERT_DEPTH = 200;
+function _createInsertEffect(getAccessor, parent, marker, initialCurrent, setCurrent) {
+  let current = initialCurrent;
+  const componentCache = /* @__PURE__ */ new Map();
+  return (0, import_signal3.createRenderEffect)(() => {
+    (0, import_signal3.reportReactiveBinding)(marker ?? parent, "content", void 0, getAccessor);
+    let value;
+    if (isComponent(getAccessor) && !(0, import_signal2.isSignal)(getAccessor)) {
+      if (!componentCache.has(getAccessor)) {
+        _insertDepth++;
+        try {
+          const inst = getAccessor();
+          componentCache.set(getAccessor, inst);
+        } finally {
+          _insertDepth--;
+        }
+      }
+      value = componentCache.get(getAccessor);
+      while (typeof value === "function" && (0, import_signal2.isSignal)(value)) value = value();
+    } else {
+      value = getAccessor();
+      while (typeof value === "function" && (0, import_signal2.isSignal)(value)) {
+        value = value();
+      }
+    }
+    {
+      let chainDepth = 0;
+      while (typeof value === "function" && chainDepth++ < 50) {
+        if (isComponent(value)) {
+          if (!componentCache.has(value)) {
+            const thunk = value;
+            _insertDepth++;
+            try {
+              const inst = thunk();
+              componentCache.set(thunk, inst);
+            } finally {
+              _insertDepth--;
+            }
+          }
+          value = componentCache.get(value);
+        } else if ((0, import_signal2.isSignal)(value)) {
+          value = value();
+        } else {
+          value = value();
+          if (typeof value !== "function" || !(0, import_signal2.isSignal)(value) && !isComponent(value)) break;
+        }
+      }
+    }
+    _insertDepth++;
+    try {
+      current = insertExpression(parent, value, marker, current, componentCache);
+      setCurrent(current);
+    } finally {
+      _insertDepth--;
+    }
+  });
+}
+function insert(parent, accessor, marker, init) {
+  if (_insertDepth > MAX_INSERT_DEPTH) {
+    console.error("[insert] Exceeded max call depth, possible infinite loop.");
+    return () => null;
+  }
+  if (marker !== void 0 && !marker) {
+    marker = createTextNode("", true);
+    parent.appendChild(marker);
+  }
+  let current = init ?? null;
+  const isReactiveArray = (element) => {
+    return Array.isArray(element) && element.some((v) => typeof v === "function");
+  };
+  const normalizeAccessor = (accessor2) => {
+    if (typeof accessor2 === "function") return accessor2;
+    return () => accessor2;
+  };
+  if (typeof accessor !== "function" && !isReactiveArray(accessor)) {
+    _insertDepth++;
+    try {
+      current = insertExpression(parent, accessor, marker, current);
+    } finally {
+      _insertDepth--;
+    }
+    return () => current;
+  }
+  const dispose = _createInsertEffect(
+    normalizeAccessor(accessor),
+    parent,
+    marker,
+    current,
+    (v) => {
+      current = v;
+    }
+  );
+  return () => {
+    dispose?.();
+    return current;
+  };
+}
+function insertExpression(parent, value, marker, current, componentCache) {
+  if (value == null || typeof value === "boolean") {
+    return cleanChildren(parent, current, marker);
+  }
+  if (typeof value === "function") {
+    while (typeof value === "function") {
+      value = value();
+    }
+  }
+  if (value == null || typeof value === "boolean") {
+    return cleanChildren(parent, current, marker);
+  }
+  if (isPromise(value)) {
+    const placeholder = createTextNode("", true);
+    if (Array.isArray(current)) {
+      if (current.length > 0) {
+        parent.replaceChild(placeholder, current[0]);
+        cleanChildren(parent, current.slice(1), marker);
+      } else {
+        insertBefore(parent, placeholder, marker);
+      }
+    } else if (current) {
+      parent.replaceChild(placeholder, current);
+    } else {
+      insertBefore(parent, placeholder, marker);
+    }
+    value.then((resolved) => {
+      if (placeholder.parentNode === parent) {
+        insertExpression(parent, resolved, placeholder.nextSibling, placeholder);
+      }
+    }).catch((err) => {
+      console.error("Error resolving promise in insertExpression:", err);
+    });
+    return placeholder;
+  }
+  const t = typeof value;
+  if (t === "string" || t === "number") {
+    if (t === "number") value = String(value);
+    if (Array.isArray(current)) {
+      if (current.length === 0) {
+        const node2 = createTextNode(value);
+        insertBefore(parent, node2, marker);
+        return node2;
+      }
+      if (current.length === 1 && current[0].nodeType === 3) {
+        current[0].data = value;
+        return current;
+      }
+      current = cleanChildren(parent, current, marker);
+    }
+    if (current && isDomText(current)) {
+      current.data = value;
+      return current;
+    }
+    const node = createTextNode(value);
+    if (current && current.parentNode === parent) {
+      parent.replaceChild(node, current);
+    } else if (!isAdopted(parent, node)) {
+      insertBefore(parent, node, marker);
+    }
+    return node;
+  }
+  if (isDomNode(value)) {
+    if (isAdopted(parent, value)) {
+      ascendPast(value);
+      return value;
+    }
+    if (Array.isArray(current)) {
+      if (current.length === 0) {
+        insertBefore(parent, value, marker);
+      } else if (current[0].parentNode === parent) {
+        parent.replaceChild(value, current[0]);
+        cleanChildren(parent, current.slice(1), marker);
+      } else {
+        insertBefore(parent, value, marker);
+      }
+      return value;
+    }
+    if (!current) {
+      insertBefore(parent, value, marker);
+    } else if (current !== value) {
+      if (current.parentNode === parent) {
+        parent.replaceChild(value, current);
+      } else {
+        insertBefore(parent, value, marker);
+      }
+    }
+    return value;
+  }
+  if (Array.isArray(value)) {
+    const array = [];
+    const currentArray = Array.isArray(current) ? current : current ? [current] : [];
+    const reactiveSlots = [];
+    flattenArray(value, array, parent, marker, true, componentCache, reactiveSlots);
+    const reconciled = reconcileArrays(parent, currentArray, array, marker);
+    for (const slot of reactiveSlots) {
+      const disposeSlot = insert(parent, slot.sig, slot.marker);
+      (0, import_signal3.onCleanup)(() => {
+        cleanChildren(parent, disposeSlot());
+        if (slot.marker.parentNode === parent) parent.removeChild(slot.marker);
+      });
+    }
+    return reconciled;
+  }
+  if (t === "object" && value !== null && typeof value === "object") {
+    const objValue = value;
+    if ("type" in objValue && "props" in objValue) {
+      const jsxValue = objValue;
+      if (typeof jsxValue.type === "function") {
+        const result = jsxValue.type(jsxValue.props || {});
+        return insertExpression(parent, result, marker, current);
+      }
+    }
+  }
+  return cleanChildren(parent, current, marker);
+}
+function flattenArray(arr, result, parent, marker, track = true, componentCache, reactiveSlots) {
+  for (let i = 0; i < arr.length; i++) {
+    let item = arr[i];
+    if (item == null || typeof item === "boolean") continue;
+    while (typeof item === "function" && !isPromise(item) && !(0, import_signal2.isSignal)(item) && !isComponent(item)) {
+      item = item();
+      if (item == null || typeof item === "boolean") break;
+    }
+    if (item == null || typeof item === "boolean") continue;
+    if (typeof item === "function") {
+      let resolved;
+      if (isComponent(item) && !(0, import_signal2.isSignal)(item)) {
+        if (!componentCache) componentCache = /* @__PURE__ */ new Map();
+        if (!componentCache.has(item)) componentCache.set(item, item());
+        resolved = componentCache.get(item);
+      } else {
+        resolved = item();
+      }
+      while (typeof resolved === "function" && !isPromise(resolved) && !(0, import_signal2.isSignal)(resolved) && !isComponent(resolved)) {
+        if (!componentCache) componentCache = /* @__PURE__ */ new Map();
+        if (!componentCache.has(resolved)) componentCache.set(resolved, resolved());
+        resolved = componentCache.get(resolved);
+      }
+      if (resolved == null || typeof resolved === "boolean") continue;
+      if (typeof resolved === "function") {
+        if ((0, import_signal2.isSignal)(resolved)) {
+          if (reactiveSlots) {
+            const slot = createTextNode("", true);
+            result.push(slot);
+            reactiveSlots.push({ marker: slot, sig: resolved });
+            continue;
+          }
+          let val = resolved();
+          while (typeof val === "function" && (0, import_signal2.isSignal)(val)) val = val();
+          if (val == null || typeof val === "boolean") continue;
+          if (Array.isArray(val)) {
+            flattenArray(val, result, parent, marker, track, componentCache);
+          } else flattenArray([val], result, parent, marker, track, componentCache);
+          continue;
+        }
+        continue;
+      }
+      if (Array.isArray(resolved)) flattenArray(resolved, result, parent, marker, track, componentCache, reactiveSlots);
+      else flattenArray([resolved], result, parent, marker, track, componentCache, reactiveSlots);
+      continue;
+    }
+    if (isPromise(item)) {
+      const placeholder = createTextNode("", true);
+      result.push(placeholder);
+      item.then((resolved) => {
+        if (placeholder.parentNode) {
+          const tempNodes = [];
+          flattenArray([resolved], tempNodes, placeholder.parentNode, void 0, false, componentCache);
+          if (tempNodes.length > 0) {
+            placeholder.parentNode.replaceChild(tempNodes[0], placeholder);
+            for (let j = 1; j < tempNodes.length; j++) {
+              placeholder.parentNode?.insertBefore(tempNodes[j], tempNodes[j - 1].nextSibling);
+            }
+          }
+        }
+      }).catch((err) => console.error("Error resolving promise in array:", err));
+      continue;
+    }
+    if (Array.isArray(item)) {
+      flattenArray(item, result, parent, marker, track, componentCache, reactiveSlots);
+      continue;
+    }
+    if (isDomNode(item)) {
+      result.push(item);
+      continue;
+    }
+    if (typeof item === "object" && item !== null && "type" in item && "props" in item) {
+      const jsxItem = item;
+      if (typeof jsxItem.type === "function") {
+        const resolved = jsxItem.type(jsxItem.props || {});
+        if (Array.isArray(resolved)) flattenArray(resolved, result, parent, marker, false, componentCache);
+        else flattenArray([resolved], result, parent, marker, false, componentCache);
+        continue;
+      }
+    }
+    if (typeof item === "string" || typeof item === "number") {
+      const str = String(item);
+      if (str.trim() === "" && str !== " ") continue;
+      result.push(createTextNode(str));
+      continue;
+    }
+    result.push(createTextNode(String(item)));
+  }
+}
+function reconcileArrays(parent, a, b, marker) {
+  for (let i = 0; i < b.length; i++) {
+    const owner = b[i].parentNode;
+    if (owner !== null && owner !== parent && owner.nodeType !== 11) {
+      b = b.slice();
+      b[i] = b[i].cloneNode(true);
+    }
+  }
+  let bLength = b.length, aEnd = a.length, bEnd = bLength, aStart = 0, bStart = 0, after = aEnd > 0 ? a[aEnd - 1].nextSibling ?? void 0 : marker, map = null;
+  while (aStart < aEnd || bStart < bEnd) {
+    if (a[aStart] === b[bStart]) {
+      aStart++;
+      bStart++;
+      continue;
+    }
+    while (aEnd > aStart && bEnd > bStart && a[aEnd - 1] === b[bEnd - 1]) {
+      aEnd--;
+      bEnd--;
+    }
+    if (aEnd === aStart) {
+      const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling ?? void 0 : b[bEnd - bStart] : after;
+      while (bStart < bEnd) insertBefore(parent, b[bStart++], node);
+    } else if (bEnd === bStart) {
+      while (aStart < aEnd) {
+        if ((!map || !map.has(a[aStart])) && a[aStart].parentNode === parent)
+          parent.removeChild(a[aStart]);
+        aStart++;
+      }
+    } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
+      const node = a[--aEnd].nextSibling;
+      insertBefore(parent, b[bStart++], a[aStart++].nextSibling);
+      insertBefore(parent, b[--bEnd], node);
+      a[aEnd] = a[aStart - 1];
+    } else {
+      if (!map) {
+        map = /* @__PURE__ */ new Map();
+        let i = bStart;
+        while (i < bEnd) map.set(b[i], i++);
+      }
+      const index = map.get(a[aStart]);
+      if (index != null) {
+        if (bStart < index && index < bEnd) {
+          let i = aStart, sequence = 1;
+          while (++i < aEnd && i < bEnd) {
+            if (!map.has(a[i]) || map.get(a[i]) !== index + sequence) break;
+            sequence++;
+          }
+          if (sequence > index - bStart) {
+            const node = a[aStart];
+            while (bStart < index) insertBefore(parent, b[bStart++], node);
+          } else {
+            if (a[aStart].parentNode === parent) {
+              parent.replaceChild(b[bStart++], a[aStart++]);
+            } else {
+              insertBefore(parent, b[bStart++], after);
+              aStart++;
+            }
+          }
+        } else {
+          aStart++;
+        }
+      } else {
+        if (a[aStart].parentNode === parent) parent.removeChild(a[aStart]);
+        aStart++;
+      }
+    }
+  }
+  return b;
+}
+function cleanChildren(parent, current, marker) {
+  if (current) {
+    if (Array.isArray(current)) {
+      for (let i = 0; i < current.length; i++) {
+        if (current[i].parentNode === parent) parent.removeChild(current[i]);
+      }
+    } else if (current.parentNode === parent) {
+      parent.removeChild(current);
+    }
+  }
+  return null;
+}
+function insertBefore(parent, node, marker) {
+  if (hydration.active && node.parentNode === parent) return;
+  if (marker) {
+    if (marker.parentNode === parent) {
+      parent.insertBefore(node, marker);
+    } else {
+      parent.appendChild(node);
+    }
+  } else {
+    parent.appendChild(node);
+  }
+}
+function isPromise(v) {
+  return v != null && (typeof v === "object" || typeof v === "function") && typeof v.then === "function" || v instanceof Promise;
+}
+function render(element, container, context) {
+  if (!container) {
+    throw new Error("Container element is required");
+  }
+  let rendererDispose;
+  let disposeRoot;
+  const disposers = [];
+  (0, import_signal3.createRoot)((dispose) => {
+    (0, import_signal3.batch)(() => {
+      if (!hydration.active) {
+        container.textContent = "";
+      }
+      stampVersions(container);
+      warnOnVersionSkew();
+      insert(container, element);
+      return;
+    });
+    disposeRoot = dispose;
+  });
+  return () => {
+    disposeRoot?.();
+    rendererDispose?.();
+    disposers.forEach((d) => d());
+    container.textContent = "";
+  };
+}
+
+// src/lib/dom/hydration.ts
+var import_signal4 = require("@fluixi/reactive/signal");
+
+// src/lib/dom/server/fx-data.ts
+var FX_DATA_ID = "__FX_DATA__";
+var _scriptCache;
+function getServerData() {
+  const g = globalThis.__FX_DATA__;
+  if (g) return g;
+  if (_scriptCache !== void 0) return _scriptCache;
+  let parsed = null;
+  if (typeof document !== "undefined") {
+    const text = document.getElementById(FX_DATA_ID)?.textContent;
+    if (text) {
+      try {
+        parsed = JSON.parse(text);
+      } catch {
+        parsed = null;
+      }
+    }
+  }
+  return _scriptCache = parsed;
+}
+
+// src/lib/dom/hydration.ts
+function recoverCursor() {
+  for (; ; ) {
+    while (hydration.cursor && hydration.cursor.nodeType === 3 && hydration.cursor.data === "") {
+      hydration.cursor = hydration.cursor.nextSibling;
+    }
+    if (hydration.cursor != null || !hydration.parents.length) return;
+    hydration.cursor = hydration.parents.pop().nextSibling;
+  }
+}
+var VOID_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var DEV = typeof process !== "undefined" && process.env && false;
+function warnMismatch(expected, found) {
+  const f = found.nodeType === 1 ? `<${found.tagName.toLowerCase()}>` : found.nodeType === 3 ? `text ${JSON.stringify((found.nodeValue ?? "").slice(0, 24))}` : found.nodeType === 8 ? "comment" : "node";
+  console.warn(
+    `[fluixi] hydration mismatch: expected ${expected} but the server DOM has ${f}. Server and client rendered different markup; recreating this node on the client. Check for non-deterministic render (Date.now(), Math.random(), browser-only branches, untransported data).`
+  );
+}
+function hydrateElement(tag) {
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 1 && c.tagName.toLowerCase() === tag.toLowerCase()) {
+    if (VOID_ELEMENTS.has(tag.toLowerCase())) {
+      hydration.cursor = c.nextSibling;
+    } else {
+      hydration.parents.push(c);
+      hydration.cursor = c.firstChild;
+    }
+    return c;
+  }
+  if (DEV && c) warnMismatch(`<${tag}>`, c);
+  return null;
+}
+function hydrateStatic(tag) {
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 1 && c.tagName.toLowerCase() === tag.toLowerCase()) {
+    hydration.cursor = c.nextSibling;
+    return c;
+  }
+  if (DEV && c) warnMismatch(`<${tag}> (static)`, c);
+  return null;
+}
+function hydrateText(value) {
+  if (value === "") {
+    const c2 = hydration.cursor;
+    if (c2 && c2.nodeType === 3 && c2.data !== "") {
+      hydration.cursor = c2.nextSibling;
+      c2.data = "";
+      return c2;
+    }
+    return null;
+  }
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 3) {
+    hydration.cursor = c.nextSibling;
+    if (c.nodeValue !== value) c.nodeValue = value;
+    return c;
+  }
+  if (DEV && c) warnMismatch(`text ${JSON.stringify(value.slice(0, 24))}`, c);
+  return null;
+}
+function hydrateMarker(value) {
+  recoverCursor();
+  const c = hydration.cursor;
+  if (c && c.nodeType === 8 && c.data === value) {
+    hydration.cursor = c.nextSibling;
+    return c;
+  }
+  if (DEV && c) warnMismatch(`marker <!--${value.slice(0, 24)}-->`, c);
+  return null;
+}
+var _walkerRegistered = false;
+function ensureWalker() {
+  if (_walkerRegistered) return;
+  _walkerRegistered = true;
+  registerHydrationWalker({ hydrateElement, hydrateText, hydrateMarker, hydrateStatic });
+}
+function hydrate(element, container, options) {
+  ensureWalker();
+  hydration.active = true;
+  hydration.cursor = container.firstChild;
+  hydration.parents = [];
+  const data = getServerData();
+  const ns = options?.resourceNamespace;
+  let rid = 0;
+  (0, import_signal4.setResourceIdSource)(() => ns ? `${ns}:r${rid++}` : `r${rid++}`);
+  (0, import_signal4.setServerDataGetter)(data ? (id) => id in data ? { value: data[id] } : void 0 : null);
+  try {
+    return render(element, container);
+  } finally {
+    hydration.active = false;
+    hydration.cursor = null;
+    hydration.parents = [];
+  }
+}