@fluixi/core 1.0.0-alpha.82 → 1.0.0-alpha.84

package/dist/src/lib/render/index.cjs

@@ -1 +1,573 @@
-"use strict";var k=Object.defineProperty;var ie=Object.getOwnPropertyDescriptor;var se=Object.getOwnPropertyNames;var ae=Object.prototype.hasOwnProperty;var ce=(e,n)=>{for(var o in n)k(e,o,{get:n[o],enumerable:!0})},fe=(e,n,o,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of se(n))!ae.call(e,i)&&i!==o&&k(e,i,{get:()=>n[i],enumerable:!(t=ie(n,i))||t.enumerable});return e};var ue=e=>fe(k({},"__esModule",{value:!0}),e);var Ce={};ce(Ce,{$component:()=>$,Await:()=>ne,DEV:()=>x,Suspense:()=>w,SuspenseList:()=>Q,batch:()=>r.batch,cleanupDelegation:()=>we,createComponent:()=>F,createEffect:()=>r.createEffect,createMemo:()=>r.createMemo,deferred:()=>Z,devOnly:()=>H,getOwner:()=>r.getOwner,getSharedConfig:()=>A,initDelegation:()=>xe,isDev:()=>q,isJSXElement:()=>J,isLitResult:()=>K,isNode:()=>B,isPromise:()=>E,isRenderable:()=>he,lazy:()=>C,onCleanup:()=>r.onCleanup,onMount:()=>z,onUnmount:()=>N,portal:()=>ve,render:()=>oe,runWithOwner:()=>r.runWithOwner,useCallback:()=>W,useEffect:()=>L,useEventListener:()=>V,useMemo:()=>_,useReducer:()=>U,useRef:()=>I});module.exports=ue(Ce);var te=require("@fluixi/reactive/signal");var P=require("@fluixi/dom");var R="1.0.0-alpha.82";var l=require("@fluixi/dom");(0,P.registerCoreVersion)(R);var y=require("@fluixi/dom");var h=require("@fluixi/dom"),r=require("@fluixi/reactive/signal"),de={context:null,owner:null};function A(){return de}var x=typeof process<"u"&&!1,T=Symbol.for("fluixi-lifecycle");function M(){let e=(0,r.getOwner)();if(!e)return null;if(!e[T]){let n={mounts:[],effects:[],scheduled:!1};e[T]=n}return e[T]}var D=typeof window>"u";function j(e){if(e.scheduled)return;if(D){e.mounts=[],e.effects=[];return}e.scheduled=!0;let n=(0,r.getOwner)();queueMicrotask(()=>{if((0,r.isOwnerDisposed)(n)){e.mounts=[],e.effects=[];return}(0,r.runWithOwner)(n,()=>{for(let o of e.mounts)try{let t=o();typeof t=="function"&&(0,r.onCleanup)(t)}catch(t){console.error("Error in onMount callback:",t)}for(let o of e.effects){let t;(0,r.createEffect)(()=>{t&&t(),t=o()}),(0,r.onCleanup)(()=>{t&&t()})}e.mounts=[],e.effects=[]})})}function F(e,n){return(0,h.createComponent)(e,n)}function $(e,n){let o=typeof e=="function"?(0,r.untrack)(()=>e(n)):e;if(o!=null&&(typeof o=="function"||typeof o=="object")&&!(0,r.isSignal)(o)){try{o.$name=e.name}catch{}return(0,h.asComponent)(o)}return o}function z(e,n=!0){if(D)return;let o=M();if(o){if(!n){o.scheduled||e();return}o.mounts.push(e),j(o)}else{if(!n){e();return}(0,r.createEffect)(()=>{let t=(0,r.untrack)(e);typeof t=="function"&&(0,r.onCleanup)(t)})}}function N(e){(0,r.onCleanup)(e)}function L(e){let n=M();if(n)n.effects.push(e),j(n);else{let o;(0,r.createEffect)(()=>{o&&o(),o=e()}),(0,r.onCleanup)(()=>{o&&o()})}}function _(e){return(0,r.createMemo)(e)}function I(e){let n={current:e};return(0,r.onCleanup)(()=>{n.current=null}),n}function U(e,n){let[o,t]=(0,r.createSignal)(n);return[o,a=>{t(e(o(),a))}]}function V(e,n,o,t){L(()=>{let i=e&&"current"in e?e.current:e;if(i)return i.addEventListener(n,o,t),()=>{i.removeEventListener(n,o,t)}})}function W(e){return e}function q(){return x}function H(e){x&&e()}var c=require("@fluixi/reactive/signal"),p=require("@fluixi/dom");function B(e){return typeof window>"u"?!1:typeof Node=="function"&&e instanceof Node?!0:!!(e&&typeof e=="object"&&typeof e.nodeType=="number")}function K(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function E(e){return!!(e&&typeof e=="object"&&typeof e.then=="function"||e instanceof Promise)}function J(e){return!!(e&&typeof e=="object"&&"type"in e&&"props"in e)}var X=(0,c.createContext)();function w(e){return(0,p.createComponent)(pe,e)}function pe(e){let n=(0,c.createSuspenseBoundary)(),o=(0,c.useContext)(X),t=o?o.register(n.inFallback):void 0;function i(d){return d==null||typeof d=="boolean"?null:typeof d=="function"&&(0,p.isComponent)(d)&&!(0,c.isSignal)(d)?d():d}let a=(0,p.runWithoutHydration)(()=>i(e.fallback??null)),s=(0,c.provideSuspense)(n,()=>(0,c.readChildren)(()=>e.children)),f=(d,g)=>{if(!(g>8))if(Array.isArray(d))for(let re of d)f(re,g+1);else typeof d=="function"&&(0,c.isSignal)(d)&&f(d(),g+1)};(0,c.provideSuspense)(n,()=>{(0,c.createRenderEffect)(()=>f(s,0))});let[u,b]=(0,c.createSignal)(void 0),v=E(s);return v&&(n.increment(),s.then(d=>{b(()=>d),n.decrement()},()=>n.decrement())),(0,c.createMemo)(()=>(t?t.showFallback():n.inFallback())?a:v?u():s)}function Q(e){return(0,p.createComponent)(le,e)}function le(e){let{revealOrder:n="together",tail:o}=e,t=[];function i(){if(n==="together"){let s=t.every(f=>!f.inFallback());t.forEach(f=>{f.setShowContent(s),f.setShowFallback(!s)})}else{let s=n==="backwards"?[...t].reverse():t,f=!1;for(let u of s)f||u.inFallback()?(f=!0,u.setShowContent(!1),u.setShowFallback(o!=="hidden")):(u.setShowContent(!0),u.setShowFallback(!1))}}let a={register:s=>{let[f,u]=(0,c.createSignal)(!0),[b,v]=(0,c.createSignal)(!1);return t.push({inFallback:s,setShowContent:u,setShowFallback:v}),(0,c.createEffect)(()=>{s(),i()}),{showContent:f,showFallback:b}}};return X.Provider({value:a,children:e.children})}(0,p.asSuspense)(w);Object.defineProperty(w,"__suspense",{value:!0,enumerable:!0});var m=require("@fluixi/reactive/signal");function C(e,n){let o,t,i;function a(){return t||(t=e().then(f=>o=f.default)),t}n?.preload&&a();let s=(f=>{if(o){let u=o;return(0,m.untrack)(()=>u(f))}if(!i){let[u]=(0,m.createResource)(()=>a(),{transport:!1});if(i=u,u.error)throw u.error}return(0,m.createMemo)(()=>{let u=i();return u?(0,m.untrack)(()=>u(f)):void 0},void 0,{name:"lazy"})});return s.preload=()=>a().then(()=>{}),s.$lazy=!0,s.loader=e,s}var S=require("@fluixi/reactive/signal"),G=require("@fluixi/dom/utils");var Y=typeof window>"u";function Z(e,n){let o=n.export??"default",t=C(()=>e().then(a=>{let s=a[o];if(typeof s!="function")throw new Error(`deferred(): module has no '${o}' export (got ${typeof s}).`);return{default:s}}),{fallback:n.fallback});function i(a){if(n.strategy.kind==="never")return Y?t(a):null;if(Y||n.strategy.kind==="eager")return t(a);let[s,f]=(0,S.createSignal)(!1),u=()=>{t.preload().then(()=>f(!0))},b=n.strategy.kind==="visible"?me():void 0;return ye(n.strategy,u,b),(0,S.createMemo)(()=>s()?t(a):b??n.fallback??null,void 0,{name:"deferred"})}return i.preload=t.preload,i}function me(){let e=document.createElement("span");return e.setAttribute("data-fx-load","visible"),e.style.display="block",e}function ye(e,n,o){let t=!1,i=()=>{t||(t=!0,n())};switch(e.kind){case"idle":{let a=globalThis.requestIdleCallback;a?a(i):setTimeout(i,1);return}case"visible":{if(!o||typeof IntersectionObserver>"u"){i();return}let a=(0,G.observeIntersection)(o,s=>{s&&(a(),i())},{rootMargin:e.rootMargin??"0px"});return}case"interaction":{let a=()=>{for(let s of e.events)document.removeEventListener(s,a,!0);i()};for(let s of e.events)document.addEventListener(s,a,{capture:!0,passive:!0});return}case"media":{if(typeof matchMedia>"u"){i();return}let a=matchMedia(e.query);if(a.matches){i();return}let s=f=>{f.matches&&(a.removeEventListener("change",s),i())};a.addEventListener("change",s);return}default:i()}}var ee=require("@fluixi/reactive/signal");function ne(e){let n=()=>{let t=e.value;return typeof t=="function"?t():t},[o]=(0,ee.createResource)(n);return()=>{if(o.loading)return e.fallback;let t=e.children;return typeof t=="function"?t(o()):t}}var O=typeof window>"u";function oe(e,n,o={}){if((0,y.delegateEvents)(["click","input","change","submit"]),O)throw new Error("render() is for client-side only. Use renderToString() on server.");if(!n)throw new Error("Container element is required");let t;return(0,te.createRoot)(i=>{t=i;let a=typeof e=="function"?e():e;n.textContent="",(0,l.stampVersions)(n),(0,l.warnOnVersionSkew)(),(0,y.insert)(n,()=>a)}),()=>{t&&(t(),t=void 0)}}function be(e){return e&&typeof e=="object"&&(e._$litType$!==void 0||e._$litDirective$!==void 0)}function ve(e,n,o={}){let t=document.createElement("div");t.setAttribute("data-portal","true"),n.appendChild(t);let i=oe(e,t,o);return()=>{i(),n.contains(t)&&n.removeChild(t)}}function he(e){return!!(e==null||typeof e=="function"||(0,y.isDOMNode)(e)||be(e)||Array.isArray(e)||typeof e=="string"||typeof e=="number"||typeof e=="boolean")}function xe(){O||(0,y.delegateEvents)(["click","input","change","submit"])}function we(){}
+"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/render/index.ts
+var index_exports = {};
+__export(index_exports, {
+  $component: () => $component,
+  Await: () => Await,
+  DEV: () => DEV,
+  Suspense: () => Suspense,
+  SuspenseList: () => SuspenseList,
+  batch: () => import_signal.batch,
+  cleanupDelegation: () => cleanupDelegation,
+  createComponent: () => createComponent,
+  createEffect: () => import_signal.createEffect,
+  createMemo: () => import_signal.createMemo,
+  deferred: () => deferred,
+  devOnly: () => devOnly,
+  getOwner: () => import_signal.getOwner,
+  getSharedConfig: () => getSharedConfig,
+  initDelegation: () => initDelegation,
+  isDev: () => isDev,
+  isJSXElement: () => isJSXElement,
+  isLitResult: () => isLitResult,
+  isNode: () => isNode,
+  isPromise: () => isPromise,
+  isRenderable: () => isRenderable,
+  lazy: () => lazy,
+  onCleanup: () => import_signal.onCleanup,
+  onMount: () => onMount,
+  onUnmount: () => onUnmount,
+  portal: () => portal,
+  render: () => render,
+  runWithOwner: () => import_signal.runWithOwner,
+  useCallback: () => useCallback,
+  useEffect: () => useEffect,
+  useEventListener: () => useEventListener,
+  useMemo: () => useMemo,
+  useReducer: () => useReducer,
+  useRef: () => useRef
+});
+module.exports = __toCommonJS(index_exports);
+var import_dom8 = require("@fluixi/dom");
+var import_signal6 = require("@fluixi/reactive/signal");
+
+// src/lib/render/versions.ts
+var import_dom = require("@fluixi/dom");
+
+// src/version.generated.ts
+var VERSION = "1.0.0-alpha.84";
+
+// src/lib/render/versions.ts
+var import_dom2 = require("@fluixi/dom");
+(0, import_dom.registerCoreVersion)(VERSION);
+
+// src/lib/render/index.ts
+var import_dom9 = require("@fluixi/dom");
+
+// src/lib/render/component.ts
+var import_dom3 = require("@fluixi/dom");
+var import_dom4 = require("@fluixi/dom");
+var import_signal = require("@fluixi/reactive/signal");
+var sharedConfig = {
+  context: null,
+  owner: null
+};
+function getSharedConfig() {
+  return sharedConfig;
+}
+var DEV = typeof process !== "undefined" && false;
+var _LIFECYCLE = /* @__PURE__ */ Symbol.for("fluixi-lifecycle");
+function getOwnerLifecycle() {
+  const owner = (0, import_signal.getOwner)();
+  if (!owner) return null;
+  if (!owner[_LIFECYCLE]) {
+    const lc = { mounts: [], effects: [], scheduled: false };
+    owner[_LIFECYCLE] = lc;
+  }
+  return owner[_LIFECYCLE];
+}
+function scheduleLifecycleFlush(lc) {
+  if (lc.scheduled) return;
+  if ((0, import_dom3.isServer)()) {
+    lc.mounts = [];
+    lc.effects = [];
+    return;
+  }
+  lc.scheduled = true;
+  const owner = (0, import_signal.getOwner)();
+  queueMicrotask(() => {
+    if ((0, import_signal.isOwnerDisposed)(owner)) {
+      lc.mounts = [];
+      lc.effects = [];
+      return;
+    }
+    (0, import_signal.runWithOwner)(owner, () => {
+      for (const cb of lc.mounts) {
+        try {
+          const cleanup = cb();
+          if (typeof cleanup === "function") {
+            (0, import_signal.onCleanup)(cleanup);
+          }
+        } catch (e) {
+          console.error("Error in onMount callback:", e);
+        }
+      }
+      for (const cb of lc.effects) {
+        let cleanup;
+        (0, import_signal.createEffect)(() => {
+          if (cleanup) cleanup();
+          cleanup = cb();
+        });
+        (0, import_signal.onCleanup)(() => {
+          if (cleanup) cleanup();
+        });
+      }
+      lc.mounts = [];
+      lc.effects = [];
+    });
+  });
+}
+function createComponent(Comp, props) {
+  return (0, import_dom4.createComponent)(Comp, props);
+}
+function $component(value, props) {
+  const component = typeof value === "function" ? (0, import_signal.untrack)(() => value(props)) : value;
+  const nameable = component != null && (typeof component === "function" || typeof component === "object");
+  if (nameable) {
+    try {
+      component["$name"] = value.name;
+    } catch {
+    }
+  }
+  if (nameable && !(0, import_signal.isSignal)(component)) {
+    return (0, import_dom4.asComponent)(component);
+  }
+  return component;
+}
+function onMount(fn, reactive = true) {
+  if ((0, import_dom3.isServer)()) return;
+  const lc = getOwnerLifecycle();
+  if (lc) {
+    if (!reactive) {
+      if (!lc.scheduled) {
+        fn();
+      }
+      return;
+    }
+    lc.mounts.push(fn);
+    scheduleLifecycleFlush(lc);
+  } else {
+    if (!reactive) {
+      fn();
+      return;
+    }
+    (0, import_signal.createEffect)(() => {
+      const cleanup = (0, import_signal.untrack)(fn);
+      if (typeof cleanup === "function") {
+        (0, import_signal.onCleanup)(cleanup);
+      }
+    });
+  }
+}
+function onUnmount(fn) {
+  (0, import_signal.onCleanup)(fn);
+}
+function useEffect(callback) {
+  const lc = getOwnerLifecycle();
+  if (lc) {
+    lc.effects.push(callback);
+    scheduleLifecycleFlush(lc);
+  } else {
+    let cleanup;
+    (0, import_signal.createEffect)(() => {
+      if (cleanup) cleanup();
+      cleanup = callback();
+    });
+    (0, import_signal.onCleanup)(() => {
+      if (cleanup) cleanup();
+    });
+  }
+}
+function useMemo(fn) {
+  return (0, import_signal.createMemo)(fn);
+}
+function useRef(initialValue) {
+  const ref = { current: initialValue };
+  (0, import_signal.onCleanup)(() => {
+    ref.current = null;
+  });
+  return ref;
+}
+function useReducer(reducer, initialState) {
+  const [state, setState] = (0, import_signal.createSignal)(initialState);
+  const dispatch = (action) => {
+    setState(reducer(state(), action));
+  };
+  return [state, dispatch];
+}
+function useEventListener(target, event, handler, options) {
+  useEffect(() => {
+    const element = target && "current" in target ? target.current : target;
+    if (!element) return;
+    element.addEventListener(event, handler, options);
+    return () => {
+      element.removeEventListener(event, handler, options);
+    };
+  });
+}
+function useCallback(callback) {
+  return callback;
+}
+function isDev() {
+  return DEV;
+}
+function devOnly(fn) {
+  if (DEV) {
+    fn();
+  }
+}
+
+// src/lib/render/suspense.ts
+var import_signal2 = require("@fluixi/reactive/signal");
+var import_dom5 = require("@fluixi/dom");
+function isNode(value) {
+  if (typeof window === "undefined") return false;
+  if (typeof Node === "function" && value instanceof Node) return true;
+  return !!(value && typeof value === "object" && typeof value.nodeType === "number");
+}
+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));
+}
+function isPromise(value) {
+  return !!(value && typeof value === "object" && typeof value.then === "function" || value instanceof Promise);
+}
+function isJSXElement(value) {
+  return !!(value && typeof value === "object" && "type" in value && "props" in value);
+}
+var SuspenseListContext = (0, import_signal2.createContext)(void 0, "suspense-list");
+function Suspense(props) {
+  return (0, import_dom5.createComponent)(SuspenseImpl, props);
+}
+function SuspenseImpl(props) {
+  const boundary = (0, import_signal2.createSuspenseBoundary)();
+  const listCtx = (0, import_signal2.useContext)(SuspenseListContext);
+  const listState = listCtx ? listCtx.register(boundary.inFallback) : void 0;
+  function instantiateOnce(val) {
+    if (val == null || typeof val === "boolean") return null;
+    if (typeof val === "function" && (0, import_dom5.isComponent)(val) && !(0, import_signal2.isSignal)(val)) return val();
+    return val;
+  }
+  const fallback = (0, import_dom5.runWithoutHydration)(() => instantiateOnce(props.fallback ?? null));
+  const children = (0, import_signal2.provideSuspense)(boundary, () => (0, import_signal2.readChildren)(() => props.children));
+  const track = (value, depth) => {
+    if (depth > 8) return;
+    if (Array.isArray(value)) {
+      for (const x of value) track(x, depth + 1);
+    } else if (typeof value === "function" && (0, import_signal2.isSignal)(value)) {
+      track(value(), depth + 1);
+    }
+  };
+  (0, import_signal2.provideSuspense)(boundary, () => {
+    (0, import_signal2.createRenderEffect)(() => track(children, 0));
+  });
+  const [resolved, setResolved] = (0, import_signal2.createSignal)(void 0);
+  const childIsPromise = isPromise(children);
+  if (childIsPromise) {
+    boundary.increment();
+    children.then(
+      (v) => {
+        setResolved(() => v);
+        boundary.decrement();
+      },
+      () => boundary.decrement()
+    );
+  }
+  return (0, import_signal2.createMemo)(() => {
+    const showFallback = listState ? listState.showFallback() : boundary.inFallback();
+    if (showFallback) return fallback;
+    if (childIsPromise) return resolved();
+    return children;
+  });
+}
+function SuspenseList(props) {
+  return (0, import_dom5.createComponent)(SuspenseListImpl, props);
+}
+function SuspenseListImpl(props) {
+  const { revealOrder = "together", tail } = props;
+  const registrations = [];
+  function coordinateReveal() {
+    if (revealOrder === "together") {
+      const allResolved = registrations.every((r) => !r.inFallback());
+      registrations.forEach((r) => {
+        r.setShowContent(allResolved);
+        r.setShowFallback(!allResolved);
+      });
+    } else {
+      const items = revealOrder === "backwards" ? [...registrations].reverse() : registrations;
+      let blocked = false;
+      for (const r of items) {
+        if (blocked || r.inFallback()) {
+          blocked = true;
+          r.setShowContent(false);
+          r.setShowFallback(tail !== "hidden");
+        } else {
+          r.setShowContent(true);
+          r.setShowFallback(false);
+        }
+      }
+    }
+  }
+  const coordinator = {
+    register: (inFallback) => {
+      const [showContent, setShowContent] = (0, import_signal2.createSignal)(true);
+      const [showFallback, setShowFallback] = (0, import_signal2.createSignal)(false);
+      registrations.push({ inFallback, setShowContent, setShowFallback });
+      (0, import_signal2.createEffect)(() => {
+        inFallback();
+        coordinateReveal();
+      });
+      return { showContent, showFallback };
+    }
+  };
+  return SuspenseListContext.Provider({
+    value: coordinator,
+    children: props.children
+  });
+}
+(0, import_dom5.asSuspense)(Suspense);
+Object.defineProperty(Suspense, "__suspense", { value: true, enumerable: true });
+
+// src/lib/render/lazy.ts
+var import_dom6 = require("@fluixi/dom");
+var import_signal3 = require("@fluixi/reactive/signal");
+function fromChunk(value) {
+  if (value != null && (typeof value === "object" || typeof value === "function")) {
+    try {
+      value["$lazy"] = true;
+    } catch {
+    }
+  }
+  return value;
+}
+function lazy(loader, options) {
+  let resolved;
+  let promise;
+  let component;
+  function load() {
+    if (!promise) {
+      promise = loader().then((mod) => resolved = mod.default);
+    }
+    return promise;
+  }
+  if (options?.preload) load();
+  const LazyWrapper = ((props) => {
+    if (resolved) {
+      const C = resolved;
+      return fromChunk((0, import_signal3.untrack)(() => C(props)));
+    }
+    if (!component) {
+      const [resource] = (0, import_signal3.createResource)(() => load(), { transport: false });
+      component = resource;
+      if (resource.error) throw resource.error;
+    }
+    return (0, import_signal3.createMemo)(() => {
+      const C = component();
+      return C ? fromChunk((0, import_dom6.createComponent)(C, props)) : void 0;
+    });
+  });
+  LazyWrapper.preload = () => load().then(() => void 0);
+  LazyWrapper.$lazy = true;
+  LazyWrapper.loader = loader;
+  return LazyWrapper;
+}
+
+// src/lib/render/deferred.ts
+var import_dom7 = require("@fluixi/dom");
+var import_signal4 = require("@fluixi/reactive/signal");
+var import_utils = require("@fluixi/dom/utils");
+function deferred(loader, options) {
+  const exportName = options.export ?? "default";
+  const Lazy = lazy(
+    () => loader().then((mod) => {
+      const component = mod[exportName];
+      if (typeof component !== "function") {
+        throw new Error(
+          `deferred(): module has no '${exportName}' export (got ${typeof component}).`
+        );
+      }
+      return { default: component };
+    }),
+    { fallback: options.fallback }
+  );
+  function Deferred(props) {
+    if (options.strategy.kind === "never") return (0, import_dom7.isServer)() ? Lazy(props) : null;
+    if ((0, import_dom7.isServer)() || options.strategy.kind === "eager") return Lazy(props);
+    const [ready, setReady] = (0, import_signal4.createSignal)(false);
+    const start = () => {
+      void Lazy.preload().then(() => setReady(true));
+    };
+    const anchor = options.strategy.kind === "visible" ? createAnchor() : void 0;
+    schedule(options.strategy, start, anchor);
+    return (0, import_signal4.createMemo)(() => ready() ? Lazy(props) : anchor ?? options.fallback ?? null, void 0, {
+      name: "deferred"
+    });
+  }
+  Deferred.preload = Lazy.preload;
+  return Deferred;
+}
+function createAnchor() {
+  const el = document.createElement("span");
+  el.setAttribute("data-fx-load", "visible");
+  el.style.display = "block";
+  return el;
+}
+function schedule(strategy, start, anchor) {
+  let fired = false;
+  const once = () => {
+    if (fired) return;
+    fired = true;
+    start();
+  };
+  switch (strategy.kind) {
+    case "idle": {
+      const ric = globalThis.requestIdleCallback;
+      if (ric) ric(once);
+      else setTimeout(once, 1);
+      return;
+    }
+    case "visible": {
+      if (!anchor || typeof IntersectionObserver === "undefined") {
+        once();
+        return;
+      }
+      const stop = (0, import_utils.observeIntersection)(
+        anchor,
+        (isIntersecting) => {
+          if (!isIntersecting) return;
+          stop();
+          once();
+        },
+        { rootMargin: strategy.rootMargin ?? "0px" }
+      );
+      return;
+    }
+    case "interaction": {
+      const handler = () => {
+        for (const event of strategy.events) {
+          document.removeEventListener(event, handler, true);
+        }
+        once();
+      };
+      for (const event of strategy.events) {
+        document.addEventListener(event, handler, { capture: true, passive: true });
+      }
+      return;
+    }
+    case "media": {
+      if (typeof matchMedia === "undefined") {
+        once();
+        return;
+      }
+      const query = matchMedia(strategy.query);
+      if (query.matches) {
+        once();
+        return;
+      }
+      const onChange = (e) => {
+        if (!e.matches) return;
+        query.removeEventListener("change", onChange);
+        once();
+      };
+      query.addEventListener("change", onChange);
+      return;
+    }
+    /* c8 ignore next 3 */
+    default:
+      once();
+  }
+}
+
+// src/lib/render/await.ts
+var import_signal5 = require("@fluixi/reactive/signal");
+function Await(props) {
+  const fetcher = () => {
+    const v = props.value;
+    return typeof v === "function" ? v() : v;
+  };
+  const [data] = (0, import_signal5.createResource)(fetcher);
+  return () => {
+    if (data.loading) return props.fallback;
+    const child = props.children;
+    return typeof child === "function" ? child(data()) : child;
+  };
+}
+
+// src/lib/render/index.ts
+function render(code, container, options = {}) {
+  (0, import_dom9.delegateEvents)(["click", "input", "change", "submit"]);
+  if ((0, import_dom8.isServer)()) {
+    throw new Error(
+      "render() is for client-side only. Use renderToString() on server."
+    );
+  }
+  if (!container) {
+    throw new Error("Container element is required");
+  }
+  let disposer;
+  (0, import_signal6.createRoot)((dispose) => {
+    disposer = dispose;
+    const result = typeof code === "function" ? code() : code;
+    container.textContent = "";
+    (0, import_dom2.stampVersions)(container);
+    (0, import_dom2.warnOnVersionSkew)();
+    (0, import_dom9.insert)(container, () => result);
+  });
+  return () => {
+    if (disposer) {
+      disposer();
+      disposer = void 0;
+    }
+  };
+}
+function isLitTemplateResult(value) {
+  return value && typeof value === "object" && (value["_$litType$"] !== void 0 || value["_$litDirective$"] !== void 0);
+}
+function portal(code, target, options = {}) {
+  const container = document.createElement("div");
+  container.setAttribute("data-portal", "true");
+  target.appendChild(container);
+  const dispose = render(code, container, options);
+  return () => {
+    dispose();
+    if (target.contains(container)) {
+      target.removeChild(container);
+    }
+  };
+}
+function isRenderable(value) {
+  if (value == null) return true;
+  if (typeof value === "function") return true;
+  if ((0, import_dom9.isDOMNode)(value)) return true;
+  if (isLitTemplateResult(value)) return true;
+  if (Array.isArray(value)) return true;
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
+    return true;
+  }
+  return false;
+}
+function initDelegation() {
+  if ((0, import_dom8.isServer)()) return;
+  (0, import_dom9.delegateEvents)(["click", "input", "change", "submit"]);
+}
+function cleanupDelegation() {
+  if ((0, import_dom8.isServer)()) return;
+}

package/dist/src/lib/render/index.d.ts

@@ -1,5 +1,4 @@
 /**
- * @fileoverview Client-Side Rendering for Fluixi
  * @module @fluixi/core/render
  *
  * Client-side rendering:
@@ -28,17 +27,12 @@ export interface RenderOptions {
 /**
  * Render a component into a DOM element
  *
- * Section 7 — CLIENT:
+ * On the client:
  * - Real DOM (no Virtual DOM)
  * - Fine-grained mutation (no reconciliation)
  *
- * Section 1: Component executes once during render
- * Section 5: Creates reactive owner (root)
- *
- * @param {() => any} code - Component or function to render
- * @param {HTMLElement} container - Target DOM element
- * @param {RenderOptions} options - Render options
- * @returns {() => void} Dispose function
+ * Component executes once during render
+ * Creates reactive owner (root)
  *
  * @example
  * ```typescript
@@ -57,11 +51,6 @@ export declare function render(code: () => any, container: HTMLElement, options?
 /**
  * Render into a different part of the DOM tree
  *
- * @param {() => any} code - Component to render
- * @param {HTMLElement} target - Target element (outside current tree)
- * @param {RenderOptions} options - Render options
- * @returns {() => void} Dispose function
- *
  * @example
  * ```typescript
  * import { portal } from '@fluixi/core';
@@ -77,9 +66,6 @@ export declare function render(code: () => any, container: HTMLElement, options?
 export declare function portal(code: () => any, target: HTMLElement, options?: RenderOptions): () => void;
 /**
  * Check if a value can be rendered
- *
- * @param {any} value - Value to check
- * @returns {boolean} True if renderable
  */
 export declare function isRenderable(value: any): boolean;
 /**

package/dist/src/lib/render/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/render/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAmBH;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,MAAM,CACpB,IAAI,EAAE,MAAM,GAAG,EACf,SAAS,EAAE,WAAW,EACtB,OAAO,GAAE,aAAkB,GAC1B,MAAM,IAAI,CA8CZ;AAmBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,MAAM,CACpB,IAAI,EAAE,MAAM,GAAG,EACf,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,aAAkB,GAC1B,MAAM,IAAI,CAaZ;AAMD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAchD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAGrC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAGxC;AAOD,OAAO,EACL,eAAe,EACf,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,OAAO,EACP,GAAG,EACH,eAAe,EACf,UAAU,GACX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,QAAQ,EACR,YAAY,EAEZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAEtB,MAAM,EACN,WAAW,EACX,SAAS,EACT,YAAY,GACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,YAAY,EAAC,WAAW,EAAE,aAAa,EAAC,MAAM,WAAW,CAAA;AACzD,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,YAAY,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,eAAe,CAAA;AAEhE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,YAAY,EACV,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,SAAS,GACV,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/render/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAoBH;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,MAAM,CACpB,IAAI,EAAE,MAAM,GAAG,EACf,SAAS,EAAE,WAAW,EACtB,OAAO,GAAE,aAAkB,GAC1B,MAAM,IAAI,CA8CZ;AAmBD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CACpB,IAAI,EAAE,MAAM,GAAG,EACf,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,aAAkB,GAC1B,MAAM,IAAI,CAaZ;AAMD;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAchD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAGrC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAGxC;AAOD,OAAO,EACL,eAAe,EACf,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,OAAO,EACP,GAAG,EACH,eAAe,EACf,UAAU,GACX,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,QAAQ,EACR,YAAY,EAEZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAEtB,MAAM,EACN,WAAW,EACX,SAAS,EACT,YAAY,GACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,YAAY,EAAC,WAAW,EAAE,aAAa,EAAC,MAAM,WAAW,CAAA;AACzD,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,YAAY,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,eAAe,CAAA;AAEhE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,YAAY,EACV,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,SAAS,GACV,MAAM,gBAAgB,CAAC"}