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

package/dist/lib/flow/portal.mjs

@@ -1 +1,519 @@
-import{createRoot as U,onCleanup as X}from"@fluixi/reactive/signal";import{isSignal as p}from"@fluixi/reactive/signal";function m(e){return typeof e=="function"&&e[Symbol.for("fluixi-component")]===!0}import{batch as oe,createEffect as ie,createRenderEffect as F,createRoot as re,onCleanup as W,readChildren as se,reportReactiveBinding as K,reportReactiveDirective as I,untrack as fe}from"@fluixi/reactive/signal";var C=Symbol.for("fluixi.server-node"),D=Symbol.for("fluixi.dom.server-host"),O=globalThis,A=O[D]??={server:typeof document>"u",nodes:null};function L(){return A.server}function k(){if(!A.nodes)throw new Error("[fluixi] server render ran before @fluixi/dom/server loaded");return A.nodes}function E(e){return e!=null&&e[C]===!0?!0:typeof Node<"u"&&e instanceof Node}function R(e){return e!=null&&e[C]===!0?e.nodeType===3:typeof Text<"u"&&e instanceof Text}var N={active:!1,cursor:null,parents:[]},$=null;function M(){return $}function v(e,n){return N.active&&n.parentNode===e}function _(e){let n=N.parents.lastIndexOf(e);n!==-1&&(N.parents.length=n),N.cursor=e.nextSibling}var B="__fx_at";function x(e,n=!1){if(L())return k().createText(e);if(N.active&&!n){let i=M()?.hydrateText(e);if(i)return i}return document.createTextNode(e)}var g=0,q=200;function V(e,n,i,o,c){let u=o,s=new Map;return F(()=>{K(i??n,"content",void 0,e);let r;if(m(e)&&!p(e)){if(!s.has(e)){g++;try{let t=e();s.set(e,t)}finally{g--}}for(r=s.get(e);typeof r=="function"&&p(r);)r=r()}else for(r=e();typeof r=="function"&&p(r);)r=r();{let t=0;for(;typeof r=="function"&&t++<50;)if(m(r)){if(!s.has(r)){let f=r;g++;try{let a=f();s.set(f,a)}finally{g--}}r=s.get(r)}else if(p(r))r=r();else if(r=r(),typeof r!="function"||!p(r)&&!m(r))break}g++;try{u=w(n,r,i,u,s),c(u)}finally{g--}})}function P(e,n,i,o){if(g>q)return console.error("[insert] Exceeded max call depth — possible infinite loop."),()=>null;i!==void 0&&!i&&(i=x("",!0),e.appendChild(i));let c=o??null,u=t=>Array.isArray(t)&&t.some(f=>typeof f=="function"),s=t=>typeof t=="function"?t:()=>t;if(typeof n!="function"&&!u(n)){g++;try{c=w(e,n,i,c)}finally{g--}return()=>c}let r=V(s(n),e,i,c,t=>{c=t});return()=>(r?.(),c)}function w(e,n,i,o,c){if(n==null||typeof n=="boolean")return b(e,o,i);if(typeof n=="function")for(;typeof n=="function";)n=n();if(n==null||typeof n=="boolean")return b(e,o,i);if(T(n)){let s=x("",!0);return Array.isArray(o)?o.length>0?(e.replaceChild(s,o[0]),b(e,o.slice(1),i)):y(e,s,i):o?e.replaceChild(s,o):y(e,s,i),n.then(r=>{s.parentNode===e&&w(e,r,s.nextSibling,s)}).catch(r=>{console.error("Error resolving promise in insertExpression:",r)}),s}let u=typeof n;if(u==="string"||u==="number"){if(u==="number"&&(n=String(n)),Array.isArray(o)){if(o.length===0){let r=x(n);return y(e,r,i),r}if(o.length===1&&o[0].nodeType===3)return o[0].data=n,o;o=b(e,o,i)}if(o&&R(o))return o.data=n,o;let s=x(n);return o&&o.parentNode===e?e.replaceChild(s,o):v(e,s)||y(e,s,i),s}if(E(n))return v(e,n)?(_(n),n):Array.isArray(o)?(o.length===0?y(e,n,i):o[0].parentNode===e?(e.replaceChild(n,o[0]),b(e,o.slice(1),i)):y(e,n,i),n):(o?o!==n&&(o.parentNode===e?e.replaceChild(n,o):y(e,n,i)):y(e,n,i),n);if(Array.isArray(n)){let s=[],r=Array.isArray(o)?o:o?[o]:[],t=[];h(n,s,e,i,!0,c,t);let f=G(e,r,s,i);for(let a of t){let l=P(e,a.sig,a.marker);W(()=>{b(e,l()),a.marker.parentNode===e&&e.removeChild(a.marker)})}return f}if(u==="object"&&n!==null&&typeof n=="object"){let s=n;if("type"in s&&"props"in s){let r=s;if(typeof r.type=="function"){let t=r.type(r.props||{});return w(e,t,i,o)}}}return b(e,o,i)}function h(e,n,i,o,c=!0,u,s){for(let r=0;r<e.length;r++){let t=e[r];if(!(t==null||typeof t=="boolean")){for(;typeof t=="function"&&!T(t)&&!p(t)&&!m(t)&&(t=t(),!(t==null||typeof t=="boolean")););if(!(t==null||typeof t=="boolean")){if(typeof t=="function"){let f;for(m(t)&&!p(t)?(u||(u=new Map),u.has(t)||u.set(t,t()),f=u.get(t)):f=t();typeof f=="function"&&!T(f)&&!p(f)&&!m(f);)u||(u=new Map),u.has(f)||u.set(f,f()),f=u.get(f);if(f==null||typeof f=="boolean")continue;if(typeof f=="function"){if(p(f)){if(s){let l=x("",!0);n.push(l),s.push({marker:l,sig:f});continue}let a=f();for(;typeof a=="function"&&p(a);)a=a();if(a==null||typeof a=="boolean")continue;Array.isArray(a)?h(a,n,i,o,c,u):h([a],n,i,o,c,u);continue}continue}Array.isArray(f)?h(f,n,i,o,c,u,s):h([f],n,i,o,c,u,s);continue}if(T(t)){let f=x("",!0);n.push(f),t.then(a=>{if(f.parentNode){let l=[];if(h([a],l,f.parentNode,void 0,!1,u),l.length>0){f.parentNode.replaceChild(l[0],f);for(let d=1;d<l.length;d++)f.parentNode?.insertBefore(l[d],l[d-1].nextSibling)}}}).catch(a=>console.error("Error resolving promise in array:",a));continue}if(Array.isArray(t)){h(t,n,i,o,c,u,s);continue}if(E(t)){n.push(t);continue}if(typeof t=="object"&&t!==null&&"type"in t&&"props"in t){let f=t;if(typeof f.type=="function"){let a=f.type(f.props||{});Array.isArray(a)?h(a,n,i,o,!1,u):h([a],n,i,o,!1,u);continue}}if(typeof t=="string"||typeof t=="number"){let f=String(t);if(f.trim()===""&&f!==" ")continue;n.push(x(f));continue}n.push(x(String(t)))}}}}function G(e,n,i,o){for(let l=0;l<i.length;l++){let d=i[l].parentNode;d!==null&&d!==e&&d.nodeType!==11&&(i=i.slice(),i[l]=i[l].cloneNode(!0))}let c=i.length,u=n.length,s=c,r=0,t=0,f=u>0?n[u-1].nextSibling??void 0:o,a=null;for(;r<u||t<s;){if(n[r]===i[t]){r++,t++;continue}for(;u>r&&s>t&&n[u-1]===i[s-1];)u--,s--;if(u===r){let l=s<c?t?i[t-1].nextSibling??void 0:i[s-t]:f;for(;t<s;)y(e,i[t++],l)}else if(s===t)for(;r<u;)(!a||!a.has(n[r]))&&n[r].parentNode===e&&e.removeChild(n[r]),r++;else if(n[r]===i[s-1]&&i[t]===n[u-1]){let l=n[--u].nextSibling;y(e,i[t++],n[r++].nextSibling),y(e,i[--s],l),n[u]=n[r-1]}else{if(!a){a=new Map;let d=t;for(;d<s;)a.set(i[d],d++)}let l=a.get(n[r]);if(l!=null)if(t<l&&l<s){let d=r,S=1;for(;++d<u&&d<s&&!(!a.has(n[d])||a.get(n[d])!==l+S);)S++;if(S>l-t){let j=n[r];for(;t<l;)y(e,i[t++],j)}else n[r].parentNode===e?e.replaceChild(i[t++],n[r++]):(y(e,i[t++],f),r++)}else r++;else n[r].parentNode===e&&e.removeChild(n[r]),r++}}return i}function b(e,n,i){if(n)if(Array.isArray(n))for(let o=0;o<n.length;o++)n[o].parentNode===e&&e.removeChild(n[o]);else n.parentNode===e&&e.removeChild(n);return null}function y(e,n,i){N.active&&n.parentNode===e||(i&&i.parentNode===e?e.insertBefore(n,i):e.appendChild(n))}function H(e,n){if(!e)return;let i=e[B]?.name;if(I(n,"ref",i||typeof e=="function"&&e.name||"ref",e),E(e)){let o=n,c=e;if(!o)return;typeof o=="function"?o(c):typeof o=="object"&&"current"in o&&(o.current=c);return}typeof e=="function"?e(n):typeof e=="object"&&"current"in e&&(e.current=n)}function T(e){return e!=null&&(typeof e=="object"||typeof e=="function")&&typeof e.then=="function"||e instanceof Promise}function ye(e){let n=()=>e.mount?typeof e.mount=="function"?e.mount():e.mount:document.body,i,o;return U(c=>{i=c,o=document.createElement("div"),o.style.display="contents",n().appendChild(o),P(o,e.children)&&H(e.ref,o)}),X(()=>{i(),o.remove()}),null}export{ye as Portal};
+// src/lib/flow/portal.ts
+import { createRoot as createRoot2, onCleanup as onCleanup2 } from "@fluixi/reactive/signal";
+
+// src/lib/dom/runtime.ts
+import {
+  isSignal
+} from "@fluixi/reactive/signal";
+
+// src/lib/component/modifiers.ts
+function isComponent(value) {
+  return typeof value === "function" && value[/* @__PURE__ */ Symbol.for("fluixi-component")] === true;
+}
+
+// src/lib/dom/runtime.ts
+import { batch, createEffect, createRenderEffect, createRoot, onCleanup, readChildren, reportReactiveBinding, reportReactiveDirective, untrack } from "@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 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 HOLE_TAG = "__fx_at";
+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 createRenderEffect(() => {
+    reportReactiveBinding(marker ?? parent, "content", void 0, getAccessor);
+    let value;
+    if (isComponent(getAccessor) && !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" && isSignal(value)) value = value();
+    } else {
+      value = getAccessor();
+      while (typeof value === "function" && 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 (isSignal(value)) {
+          value = value();
+        } else {
+          value = value();
+          if (typeof value !== "function" || !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);
+      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) && !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) && !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) && !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 (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" && 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 handleRef(ref, element) {
+  if (!ref) return;
+  const held = ref[HOLE_TAG]?.name;
+  reportReactiveDirective(
+    element,
+    "ref",
+    held || (typeof ref === "function" ? ref.name || "ref" : "ref"),
+    ref
+  );
+  if (isDomNode(ref)) {
+    const actualRef = element;
+    const actualElement = ref;
+    if (!actualRef) return;
+    if (typeof actualRef === "function") actualRef(actualElement);
+    else if (typeof actualRef === "object" && "current" in actualRef) actualRef.current = actualElement;
+    return;
+  }
+  if (typeof ref === "function") ref(element);
+  else if (typeof ref === "object" && "current" in ref) ref.current = element;
+}
+function isPromise(v) {
+  return v != null && (typeof v === "object" || typeof v === "function") && typeof v.then === "function" || v instanceof Promise;
+}
+
+// src/lib/flow/portal.ts
+function Portal(props) {
+  const getMount = () => {
+    if (!props.mount) return document.body;
+    return typeof props.mount === "function" ? props.mount() : props.mount;
+  };
+  let dispose;
+  let container;
+  createRoot2((d) => {
+    dispose = d;
+    container = document.createElement("div");
+    container.style.display = "contents";
+    const target = getMount();
+    target.appendChild(container);
+    const inserted = insert(container, props.children);
+    if (inserted) {
+      handleRef(props.ref, container);
+    }
+  });
+  onCleanup2(() => {
+    dispose();
+    container.remove();
+  });
+  return null;
+}
+export {
+  Portal
+};

package/dist/lib/flow/show.cjs

@@ -1 +1,81 @@
-"use strict";var l=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var w=(e,n)=>{for(var t in n)l(e,t,{get:n[t],enumerable:!0})},m=(e,n,t,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of h(n))!p.call(e,o)&&o!==t&&l(e,o,{get:()=>n[o],enumerable:!(c=y(n,o))||c.enumerable});return e};var A=e=>m(l({},"__esModule",{value:!0}),e);var S={};w(S,{Show:()=>b});module.exports=A(S);var r=require("@fluixi/reactive/signal");function u(e){return()=>{let n=e();return typeof n=="function"?n():n}}function T(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function b(e){let n=u(()=>e.when),t=(0,r.createMemo)(n,void 0,{name:"Show.when"}),c=(0,r.createMemo)(t,void 0,{name:"Show.cond"}),o=(0,r.getOwner)(),s=null,f=null,d=a=>{a!==f&&(s&&(0,r.disposeScope)(s),s=(0,r.createChildOwner)(o),f=a)};return(0,r.createMemo)(()=>{let a=c();return d(a?"when":"fallback"),(0,r.runWithOwner)(s,()=>{if(a){let i=e.children;return typeof i=="function"&&!T(i)?typeof t=="function"?(0,r.untrack)(()=>(0,r.untrack)(t)?i(t()):e.fallback):i(t):i}return e.fallback});return e.fallback??null},void 0,{name:"Show.result"})}
+"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/flow/show.ts
+var show_exports = {};
+__export(show_exports, {
+  Show: () => Show
+});
+module.exports = __toCommonJS(show_exports);
+var import_signal = require("@fluixi/reactive/signal");
+
+// src/lib/flow/utils.ts
+function resolveReactiveProp(read) {
+  return () => {
+    const value = read();
+    return typeof value === "function" ? value() : value;
+  };
+}
+function isLitResult(value) {
+  if (!value || typeof value !== "object") return false;
+  return !!(typeof value["_$litType$"] !== "undefined" || typeof value["_$litDirective$"] !== "undefined" || Array.isArray(value.strings) && Array.isArray(value.values));
+}
+
+// src/lib/flow/show.ts
+function Show(props) {
+  const when = resolveReactiveProp(() => props.when);
+  const value = (0, import_signal.createMemo)(when, void 0, { name: "Show.when" });
+  const cond = (0, import_signal.createMemo)(value, void 0, { name: "Show.cond" });
+  const parentOwner = (0, import_signal.getOwner)();
+  let branchScope = null;
+  let shown = null;
+  const enterBranch = (next) => {
+    if (next === shown) return;
+    if (branchScope) (0, import_signal.disposeScope)(branchScope);
+    branchScope = (0, import_signal.createChildOwner)(parentOwner);
+    shown = next;
+  };
+  return (0, import_signal.createMemo)(
+    () => {
+      const evaluate = cond();
+      enterBranch(evaluate ? "when" : "fallback");
+      return (0, import_signal.runWithOwner)(branchScope, () => {
+        if (evaluate) {
+          let children = props.children;
+          if (typeof children === "function" && !isLitResult(children)) {
+            if (typeof value === "function") {
+              return (0, import_signal.untrack)(() => {
+                if (!(0, import_signal.untrack)(value)) return props.fallback;
+                return children(value());
+              });
+            }
+            return children(value);
+          }
+          return children;
+        }
+        return props.fallback;
+      });
+      return props.fallback ?? null;
+    },
+    void 0,
+    // Not `Show`: the compiler already marks the memo it wraps the component in with that,
+    // and two cards of the same name in one graph is worse than a longer one.
+    { name: "Show.result" }
+  );
+}

package/dist/lib/flow/show.d.ts

@@ -21,7 +21,7 @@ export interface ShowProps<T, W = any> {
 /**
  * Conditionally renders content based on a reactive condition.
  *
- * Returns a memo — works in both JSX and `html` templates.
+ * Returns a memo: works in both JSX and `html` templates.
  *
  * @example JSX
  * <Show when={isLoggedIn()} fallback={<Login />}>

package/dist/lib/flow/show.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"show.d.ts","sourceRoot":"","sources":["../../../src/lib/flow/show.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,QAAQ,EAAc,MAAM,yBAAyB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,SAAS,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAGtG,MAAM,WAAW,SAAS,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG;IACnC,yDAAyD;IACzD,IAAI,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC;IACjD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED;;;;;;;;;;;;GAYG;AAcH,wBAAgB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAoGhD"}
+{"version":3,"file":"show.d.ts","sourceRoot":"","sources":["../../../src/lib/flow/show.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,QAAQ,EAAc,MAAM,yBAAyB,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,SAAS,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAGtG,MAAM,WAAW,SAAS,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG;IACnC,yDAAyD;IACzD,IAAI,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,CAAC;IACjD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED;;;;;;;;;;;;GAYG;AAEH,wBAAgB,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAgEhD"}