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

package/dist/lib/dom/island.cjs

@@ -1 +1,790 @@
-"use strict";var O=Object.defineProperty;var ae=Object.getOwnPropertyDescriptor;var fe=Object.getOwnPropertyNames;var ue=Object.prototype.hasOwnProperty;var le=(t,e)=>{for(var n in e)O(t,n,{get:e[n],enumerable:!0})},ce=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let u of fe(e))!ue.call(t,u)&&u!==n&&O(t,u,{get:()=>e[u],enumerable:!(o=ae(e,u))||o.enumerable});return t};var de=t=>ce(O({},"__esModule",{value:!0}),t);var Me={};le(Me,{Island:()=>Re,hydrateIslands:()=>Pe});module.exports=de(Me);var x=require("@fluixi/reactive/signal");var V="http://www.w3.org/2000/svg";function v(t,e,n,o=!1){if(n==null||n===!1){t.removeAttribute(e);return}if(n===!0){t.setAttribute(e,"");return}if(typeof n=="object"){t.setAttribute(e,JSON.stringify(n));return}t.setAttribute(e,String(n))}var _e=typeof Symbol=="function"&&Symbol.for?Symbol.for("react.element"):60103;var W="1.0.0-alpha.83";var K=require("@fluixi/reactive/version"),m={dom:W,reactive:K.VERSION};function B(t){m.core&&t.setAttribute("fluixi",m.core),t.setAttribute("fx-dom",m.dom),t.setAttribute("fx-reactive",m.reactive),typeof globalThis<"u"&&(globalThis.Fluixi=m)}function G(){let t=[m.core,m.dom,m.reactive].filter(e=>e!==void 0);new Set(t).size<=1||console.warn(`[fluixi] package versions disagree — core ${m.core??"(absent)"}, dom ${m.dom}, reactive ${m.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 N(t){return typeof t=="function"&&t[Symbol.for("fluixi-component")]===!0}var y=require("@fluixi/reactive/signal");var J=Symbol.for("fluixi.server-node"),pe=Symbol.for("fluixi.dom.server-host"),ye=globalThis,$=ye[pe]??={server:typeof document>"u",nodes:null};function T(){return $.server}function D(){if(!$.nodes)throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");return $.nodes}function I(t){return t!=null&&t[J]===!0?!0:typeof Node<"u"&&t instanceof Node}function X(t){return t!=null&&t[J]===!0?t.nodeType===3:typeof Text<"u"&&t instanceof Text}var l={active:!1,cursor:null,parents:[]},z=null;function U(t){z=t}function H(){return z}function q(t,e){return l.active&&e.parentNode===t}function Y(t){let e=l.parents.lastIndexOf(t);e!==-1&&(l.parents.length=e),l.cursor=t.nextSibling}var ge="__fx_loc";function Z(t,e){return e&&(t[ge]=e),t}function E(t,e=!1){if(T())return D().createText(t);if(l.active&&!e){let n=H()?.hydrateText(t);if(n)return n}return document.createTextNode(t)}function Q(t,e=!1,n){if(T())return D().createElement(t,e);if(l.active){let o=H()?.hydrateElement(t);if(o)return n?Z(o,n):o}return Z(e?document.createElementNS(V,t):document.createElement(t),n)}var b=0,me=200;function xe(t,e,n,o,u){let a=o,s=new Map;return(0,y.createRenderEffect)(()=>{(0,y.reportReactiveBinding)(n??e,"content",void 0,t);let r;if(N(t)&&!(0,x.isSignal)(t)){if(!s.has(t)){b++;try{let i=t();s.set(t,i)}finally{b--}}for(r=s.get(t);typeof r=="function"&&(0,x.isSignal)(r);)r=r()}else for(r=t();typeof r=="function"&&(0,x.isSignal)(r);)r=r();{let i=0;for(;typeof r=="function"&&i++<50;)if(N(r)){if(!s.has(r)){let f=r;b++;try{let c=f();s.set(f,c)}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)&&!N(r))break}b++;try{a=C(e,r,n,a,s),u(a)}finally{b--}})}function S(t,e,n,o){if(b>me)return console.error("[insert] Exceeded max call depth — possible infinite loop."),()=>null;n!==void 0&&!n&&(n=E("",!0),t.appendChild(n));let u=o??null,a=i=>Array.isArray(i)&&i.some(f=>typeof f=="function"),s=i=>typeof i=="function"?i:()=>i;if(typeof e!="function"&&!a(e)){b++;try{u=C(t,e,n,u)}finally{b--}return()=>u}let r=xe(s(e),t,n,u,i=>{u=i});return()=>(r?.(),u)}function C(t,e,n,o,u){if(e==null||typeof e=="boolean")return w(t,o,n);if(typeof e=="function")for(;typeof e=="function";)e=e();if(e==null||typeof e=="boolean")return w(t,o,n);if(A(e)){let s=E("",!0);return Array.isArray(o)?o.length>0?(t.replaceChild(s,o[0]),w(t,o.slice(1),n)):g(t,s,n):o?t.replaceChild(s,o):g(t,s,n),e.then(r=>{s.parentNode===t&&C(t,r,s.nextSibling,s)}).catch(r=>{console.error("Error resolving promise in insertExpression:",r)}),s}let a=typeof e;if(a==="string"||a==="number"){if(a==="number"&&(e=String(e)),Array.isArray(o)){if(o.length===0){let r=E(e);return g(t,r,n),r}if(o.length===1&&o[0].nodeType===3)return o[0].data=e,o;o=w(t,o,n)}if(o&&X(o))return o.data=e,o;let s=E(e);return o&&o.parentNode===t?t.replaceChild(s,o):q(t,s)||g(t,s,n),s}if(I(e))return q(t,e)?(Y(e),e):Array.isArray(o)?(o.length===0?g(t,e,n):o[0].parentNode===t?(t.replaceChild(e,o[0]),w(t,o.slice(1),n)):g(t,e,n),e):(o?o!==e&&(o.parentNode===t?t.replaceChild(e,o):g(t,e,n)):g(t,e,n),e);if(Array.isArray(e)){let s=[],r=Array.isArray(o)?o:o?[o]:[],i=[];h(e,s,t,n,!0,u,i);let f=he(t,r,s,n);for(let c of i){let d=S(t,c.sig,c.marker);(0,y.onCleanup)(()=>{w(t,d()),c.marker.parentNode===t&&t.removeChild(c.marker)})}return f}if(a==="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 i=r.type(r.props||{});return C(t,i,n,o)}}}return w(t,o,n)}function h(t,e,n,o,u=!0,a,s){for(let r=0;r<t.length;r++){let i=t[r];if(!(i==null||typeof i=="boolean")){for(;typeof i=="function"&&!A(i)&&!(0,x.isSignal)(i)&&!N(i)&&(i=i(),!(i==null||typeof i=="boolean")););if(!(i==null||typeof i=="boolean")){if(typeof i=="function"){let f;for(N(i)&&!(0,x.isSignal)(i)?(a||(a=new Map),a.has(i)||a.set(i,i()),f=a.get(i)):f=i();typeof f=="function"&&!A(f)&&!(0,x.isSignal)(f)&&!N(f);)a||(a=new Map),a.has(f)||a.set(f,f()),f=a.get(f);if(f==null||typeof f=="boolean")continue;if(typeof f=="function"){if((0,x.isSignal)(f)){if(s){let d=E("",!0);e.push(d),s.push({marker:d,sig:f});continue}let c=f();for(;typeof c=="function"&&(0,x.isSignal)(c);)c=c();if(c==null||typeof c=="boolean")continue;Array.isArray(c)?h(c,e,n,o,u,a):h([c],e,n,o,u,a);continue}continue}Array.isArray(f)?h(f,e,n,o,u,a,s):h([f],e,n,o,u,a,s);continue}if(A(i)){let f=E("",!0);e.push(f),i.then(c=>{if(f.parentNode){let d=[];if(h([c],d,f.parentNode,void 0,!1,a),d.length>0){f.parentNode.replaceChild(d[0],f);for(let p=1;p<d.length;p++)f.parentNode?.insertBefore(d[p],d[p-1].nextSibling)}}}).catch(c=>console.error("Error resolving promise in array:",c));continue}if(Array.isArray(i)){h(i,e,n,o,u,a,s);continue}if(I(i)){e.push(i);continue}if(typeof i=="object"&&i!==null&&"type"in i&&"props"in i){let f=i;if(typeof f.type=="function"){let c=f.type(f.props||{});Array.isArray(c)?h(c,e,n,o,!1,a):h([c],e,n,o,!1,a);continue}}if(typeof i=="string"||typeof i=="number"){let f=String(i);if(f.trim()===""&&f!==" ")continue;e.push(E(f));continue}e.push(E(String(i)))}}}}function he(t,e,n,o){for(let d=0;d<n.length;d++){let p=n[d].parentNode;p!==null&&p!==t&&p.nodeType!==11&&(n=n.slice(),n[d]=n[d].cloneNode(!0))}let u=n.length,a=e.length,s=u,r=0,i=0,f=a>0?e[a-1].nextSibling??void 0:o,c=null;for(;r<a||i<s;){if(e[r]===n[i]){r++,i++;continue}for(;a>r&&s>i&&e[a-1]===n[s-1];)a--,s--;if(a===r){let d=s<u?i?n[i-1].nextSibling??void 0:n[s-i]:f;for(;i<s;)g(t,n[i++],d)}else if(s===i)for(;r<a;)(!c||!c.has(e[r]))&&e[r].parentNode===t&&t.removeChild(e[r]),r++;else if(e[r]===n[s-1]&&n[i]===e[a-1]){let d=e[--a].nextSibling;g(t,n[i++],e[r++].nextSibling),g(t,n[--s],d),e[a]=e[r-1]}else{if(!c){c=new Map;let p=i;for(;p<s;)c.set(n[p],p++)}let d=c.get(e[r]);if(d!=null)if(i<d&&d<s){let p=r,_=1;for(;++p<a&&p<s&&!(!c.has(e[p])||c.get(e[p])!==d+_);)_++;if(_>d-i){let se=e[r];for(;i<d;)g(t,n[i++],se)}else e[r].parentNode===t?t.replaceChild(n[i++],e[r++]):(g(t,n[i++],f),r++)}else r++;else e[r].parentNode===t&&t.removeChild(e[r]),r++}}return n}function w(t,e,n){if(e)if(Array.isArray(e))for(let o=0;o<e.length;o++)e[o].parentNode===t&&t.removeChild(e[o]);else e.parentNode===t&&t.removeChild(e);return null}function g(t,e,n){l.active&&e.parentNode===t||(n&&n.parentNode===t?t.insertBefore(e,n):t.appendChild(e))}function A(t){return t!=null&&(typeof t=="object"||typeof t=="function")&&typeof t.then=="function"||t instanceof Promise}function ee(t,e,n){if(!e)throw new Error("Container element is required");let o,u,a=[];return(0,y.createRoot)(s=>{(0,y.batch)(()=>{l.active||(e.textContent=""),B(e),G(),S(e,t)}),u=s}),()=>{u?.(),o?.(),a.forEach(s=>s()),e.textContent=""}}var R,be={getStore:()=>R,run(t,e){let n=R;R=t;try{return e()}finally{R=n}}},Ee=be;function te(){return Ee.getStore()}var L=require("@fluixi/reactive/signal");var Ne="__FX_DATA__";var j;function ne(){let t=globalThis.__FX_DATA__;if(t)return t;if(j!==void 0)return j;let e=null;if(typeof document<"u"){let n=document.getElementById(Ne)?.textContent;if(n)try{e=JSON.parse(n)}catch{e=null}}return j=e}function P(){for(;;){for(;l.cursor&&l.cursor.nodeType===3&&l.cursor.data==="";)l.cursor=l.cursor.nextSibling;if(l.cursor!=null||!l.parents.length)return;l.cursor=l.parents.pop().nextSibling}}var we=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),M=typeof process<"u"&&process.env&&!1;function k(t,e){let n=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 ${t} but the server DOM has ${n}. 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 Te(t){P();let e=l.cursor;return e&&e.nodeType===1&&e.tagName.toLowerCase()===t.toLowerCase()?(we.has(t.toLowerCase())?l.cursor=e.nextSibling:(l.parents.push(e),l.cursor=e.firstChild),e):(M&&e&&k(`<${t}>`,e),null)}function Se(t){P();let e=l.cursor;return e&&e.nodeType===1&&e.tagName.toLowerCase()===t.toLowerCase()?(l.cursor=e.nextSibling,e):(M&&e&&k(`<${t}> (static)`,e),null)}function ve(t){if(t===""){let n=l.cursor;return n&&n.nodeType===3&&n.data!==""?(l.cursor=n.nextSibling,n.data="",n):null}P();let e=l.cursor;return e&&e.nodeType===3?(l.cursor=e.nextSibling,e.nodeValue!==t&&(e.nodeValue=t),e):(M&&e&&k(`text ${JSON.stringify(t.slice(0,24))}`,e),null)}function Ae(t){P();let e=l.cursor;return e&&e.nodeType===8&&e.data===t?(l.cursor=e.nextSibling,e):(M&&e&&k(`marker <!--${t.slice(0,24)}-->`,e),null)}var oe=!1;function Ce(){oe||(oe=!0,U({hydrateElement:Te,hydrateText:ve,hydrateMarker:Ae,hydrateStatic:Se}))}function re(t,e,n){Ce(),l.active=!0,l.cursor=e.firstChild,l.parents=[];let o=ne(),u=n?.resourceNamespace,a=0;(0,L.setResourceIdSource)(()=>u?`${u}:r${a++}`:`r${a++}`),(0,L.setServerDataGetter)(o?s=>s in o?{value:o[s]}:void 0:null);try{return ee(t,e)}finally{l.active=!1,l.cursor=null,l.parents=[]}}var F="fluixi-island";function Re(t){let{component:e,props:n={},name:o}=t,u=Q(F),a=o??e.name??"Island";v(u,"name",a),v(u,"props",JSON.stringify(n??{}));let s=T()?te():void 0;if(s){let r=s.nextIslandNamespace(a);S(u,()=>s.withResourceScope(r,()=>e(n)))}else S(u,()=>e(n));return u}var ie=!1;function Le(){if(ie||typeof document>"u")return;ie=!0;let t=document.createElement("style");t.textContent=`${F}{display:contents}`,document.head.appendChild(t)}function Pe(t){if(typeof document>"u")return;Le();let e=document.querySelectorAll(F),n=new Map;e.forEach(o=>{let u=o.getAttribute("name")??"",a=n.get(u)??0;n.set(u,a+1);let s=t[u];if(!s){typeof process>"u"&&console.warn(`[fluixi] island "${u}" has no component in the registry — left static.`);return}let r={};try{r=JSON.parse(o.getAttribute("props")||"{}")}catch{}re(()=>s(r),o,{resourceNamespace:`${u}#${a}`})})}
+"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/island.ts
+var island_exports = {};
+__export(island_exports, {
+  Island: () => Island,
+  hydrateIslands: () => hydrateIslands
+});
+module.exports = __toCommonJS(island_exports);
+
+// src/lib/dom/runtime.ts
+var import_signal2 = require("@fluixi/reactive/signal");
+
+// src/lib/dom/utils.ts
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+function setAttribute(element, name, value, isSVG = false) {
+  if (value == null || value === false) {
+    element.removeAttribute(name);
+    return;
+  }
+  if (value === true) {
+    element.setAttribute(name, "");
+    return;
+  }
+  if (typeof value === "object") {
+    element.setAttribute(name, JSON.stringify(value));
+    return;
+  }
+  element.setAttribute(name, String(value));
+}
+var REACT_ELEMENT_TYPE = typeof Symbol === "function" && Symbol.for ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
+
+// 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
+var LOC_TAG = "__fx_loc";
+function located(element, at) {
+  if (at) element[LOC_TAG] = at;
+  return element;
+}
+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);
+}
+function createNativeElement(tag, isSVG = false, at) {
+  if (isServer()) return getServerNodes().createElement(tag, isSVG);
+  if (hydration.active) {
+    const node = getHydrationWalker()?.hydrateElement(tag);
+    if (node) return at ? located(node, at) : node;
+  }
+  return located(
+    isSVG ? document.createElementNS(SVG_NAMESPACE, tag) : document.createElement(tag),
+    at
+  );
+}
+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/server/request-context.ts
+var _current;
+var syncStore = {
+  getStore: () => _current,
+  run(ctx, fn) {
+    const prev = _current;
+    _current = ctx;
+    try {
+      return fn();
+    } finally {
+      _current = prev;
+    }
+  }
+};
+var _store = syncStore;
+function getRequestContext() {
+  return _store.getStore();
+}
+
+// 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 = [];
+  }
+}
+
+// src/lib/dom/island.ts
+var TAG = "fluixi-island";
+function Island(props) {
+  const { component, props: cprops = {}, name } = props;
+  const el = createNativeElement(TAG);
+  const islandName = name ?? component.name ?? "Island";
+  setAttribute(el, "name", islandName);
+  setAttribute(el, "props", JSON.stringify(cprops ?? {}));
+  const ctx = isServer() ? getRequestContext() : void 0;
+  if (ctx) {
+    const ns = ctx.nextIslandNamespace(islandName);
+    insert(el, () => ctx.withResourceScope(ns, () => component(cprops)));
+  } else {
+    insert(el, () => component(cprops));
+  }
+  return el;
+}
+var _styleInjected = false;
+function ensureDisplayContents() {
+  if (_styleInjected || typeof document === "undefined") return;
+  _styleInjected = true;
+  const style = document.createElement("style");
+  style.textContent = `${TAG}{display:contents}`;
+  document.head.appendChild(style);
+}
+function hydrateIslands(registry) {
+  if (typeof document === "undefined") return;
+  ensureDisplayContents();
+  const els = document.querySelectorAll(TAG);
+  const counts = /* @__PURE__ */ new Map();
+  els.forEach((el) => {
+    const name = el.getAttribute("name") ?? "";
+    const occ = counts.get(name) ?? 0;
+    counts.set(name, occ + 1);
+    const Comp = registry[name];
+    if (!Comp) {
+      if (typeof process === "undefined" || false) {
+        console.warn(`[fluixi] island "${name}" has no component in the registry, left static.`);
+      }
+      return;
+    }
+    let props = {};
+    try {
+      props = JSON.parse(el.getAttribute("props") || "{}");
+    } catch {
+    }
+    hydrate(() => Comp(props), el, { resourceNamespace: `${name}#${occ}` });
+  });
+}