@fluixi/core 1.0.0-alpha.53

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

@@ -0,0 +1,201 @@
+/**
+ * @fileoverview Client-Side Rendering for Fluixi
+ * @module @fluixi/core/render
+ *
+ * Client-side rendering:
+ * - Real DOM
+ * - Fine-grained mutation
+ *
+ * Following SolidJS structure: render logic separated from component creation
+ */
+import { createRoot } from '@fluixi/reactive/signal';
+import { isDOMNode, delegateEvents, registerLitRender, insert, } from '@fluixi/dom';
+import { ensureIntegration, } from './component.js';
+// Register Lit's render function with the DOM runtime so reactive updates can render
+// Lit templates. CLIENT-ONLY and lazily imported: lit extends HTMLElement at module
+// init, so a static import would crash SSR — this keeps lit out of server bundles.
+if (typeof window !== 'undefined') {
+    import('lit').then((lit) => registerLitRender(lit.render));
+}
+const isServer = typeof window === 'undefined';
+// ============================================================================
+// SECTION 7 — RENDERING (CLIENT)
+// ============================================================================
+/**
+ * Render a component into a DOM element
+ *
+ * Section 7 — 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
+ *
+ * @example
+ * ```typescript
+ * import { render } from '@fluixi/core';
+ * import { createSignal } from '@fluixi/reactive';
+ * import { html } from 'lit';
+ *
+ * const App = () => {
+ *   const [count, setCount] = createSignal(0);
+ *   return html`
+ *     <button @click=${() => setCount(count() + 1)}>
+ *       Count: ${count()}
+ *     </button>
+ *   `;
+ * };
+ *
+ * const dispose = render(App, document.getElementById('app'));
+ * ```
+ */
+export function render(code, container, options = {}) {
+    ensureIntegration('render');
+    delegateEvents(['click', 'input', 'change', 'submit']);
+    if (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;
+    // domRender(code, container)
+    createRoot((dispose) => {
+        disposer = dispose;
+        // Section 1: Execute code function once — Providers run here with Owner = root
+        // so "also stamp" in createProvider sets context on root.contexts, making
+        // it reachable from every render effect created by insert() below.
+        const result = typeof code === 'function' ? code() : code;
+        // Section 7: Insert into real DOM using the SAME root as code() so that
+        // render effects share the Owner chain with Provider context nodes.
+        // Using domRender() would create a second createRoot, severing the chain.
+        container.textContent = '';
+        container.setAttribute('fluixi-js', 'v1');
+        // Wrap the (already-computed) result in a STABLE thunk so insert() creates a
+        // top-level render effect. Without this, a static array result — e.g. the
+        // imperative backend's `[createMemo(() => createComponent(App)), " "]` — is
+        // flattened ONCE with no enclosing effect, so the nested memos are read
+        // untracked and reactive boundaries deep in the tree (Suspense fallback ->
+        // content, Outlet, Show/For) never update. The thunk returns the same result
+        // each run, so code()/Providers are not re-executed (context stays on root).
+        insert(container, () => result);
+    });
+    return () => {
+        if (disposer) {
+            disposer();
+            disposer = undefined;
+        }
+    };
+}
+/**
+ * Type guard for Lit template results
+ * @internal
+ */
+function isLitTemplateResult(value) {
+    return (value &&
+        typeof value === 'object' &&
+        (value['_$litType$'] !== undefined ||
+            value['_$litDirective$'] !== undefined));
+}
+// ============================================================================
+// PORTAL RENDERING
+// ============================================================================
+/**
+ * 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';
+ *
+ * const Modal = () => {
+ *   return portal(
+ *     () => html`<div class="modal">Content</div>`,
+ *     document.body
+ *   );
+ * };
+ * ```
+ */
+export 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);
+        }
+    };
+}
+// ============================================================================
+// UTILITIES
+// ============================================================================
+/**
+ * Check if a value can be rendered
+ *
+ * @param {any} value - Value to check
+ * @returns {boolean} True if renderable
+ */
+export function isRenderable(value) {
+    if (value == null)
+        return true;
+    if (typeof value === 'function')
+        return true;
+    if (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;
+}
+/**
+ * Initialize event delegation
+ * Should be called once when app starts
+ *
+ * @example
+ * ```typescript
+ * import { initDelegation } from '@fluixi/core';
+ *
+ * initDelegation();
+ * render(App, document.getElementById('app'));
+ * ```
+ */
+export function initDelegation() {
+    if (isServer)
+        return;
+    delegateEvents(['click', 'input', 'change', 'submit']);
+}
+/**
+ * Cleanup event delegation
+ * Should be called when app unmounts
+ */
+export function cleanupDelegation() {
+    if (isServer)
+        return;
+    // Clear delegated events manually if needed
+}
+// ============================================================================
+// EXPORTS
+// ============================================================================
+// Re-export component creation
+export { createComponent, onMount, onUnmount, useEffect, useRef, useReducer, useMemo, useEventListener, useCallback, onCleanup, batch, createMemo, createEffect, getOwner, runWithOwner, isDev, devOnly, DEV, getSharedConfig, $component, } from './component.js';
+export { Suspense, SuspenseList, 
+// type ShowProps,
+isNode, isLitResult, isPromise, isJSXElement, } from './suspense.js';
+export { lazy } from "./lazy.js";

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

@@ -0,0 +1 @@
+import{createRoot as be}from"@fluixi/reactive/signal";import{isDOMNode as he,delegateEvents as D,registerLitRender as xe,insert as Ce}from"@fluixi/dom";import{registerCreateComponent as $,asComponent as _}from"@fluixi/dom";import{untrack as w,onCleanup as f,getOwner as m,createEffect as l,createMemo as v,createSignal as z,isSignal as U,batch as N,runWithOwner as L}from"@fluixi/reactive/signal";var W={context:null,owner:null};function I(){return W}var b=typeof process<"u"&&!1,y=Symbol.for("fluixi-lifecycle");function g(){let e=m();if(!e)return null;if(!e[y]){let n={mounts:[],effects:[],scheduled:!1};e[y]=n}return e[y]}function E(e){if(e.scheduled)return;e.scheduled=!0;let n=m();queueMicrotask(()=>{L(n,()=>{for(let o of e.mounts)try{let t=o();typeof t=="function"&&f(t)}catch(t){console.error("Error in onMount callback:",t)}for(let o of e.effects){let t;l(()=>{t&&t(),t=o()}),f(()=>{t&&t()})}e.mounts=[],e.effects=[]})})}function T(e){$(O)}function O(e,n){return k(e,n)}function k(e,n){let o=typeof e=="function"?w(()=>e(n)):e;if(o!=null&&(typeof o=="function"||typeof o=="object")&&!U(o)){try{o.$name=e.name}catch{}return _(o)}return o}function V(e,n=!0){let o=g();if(o){if(!n){o.scheduled||e();return}o.mounts.push(e),E(o)}else{if(!n){e();return}l(()=>{let t=w(e);typeof t=="function"&&f(t)})}}function B(e){f(e)}function R(e){let n=g();if(n)n.effects.push(e),E(n);else{let o;l(()=>{o&&o(),o=e()}),f(()=>{o&&o()})}}function H(e){return v(e)}function K(e){let n={current:e};return f(()=>{n.current=null}),n}function q(e,n){let[o,t]=z(n);return[o,u=>{t(e(o(),u))}]}function J(e,n,o,t){R(()=>{let c=e&&"current"in e?e.current:e;if(c)return c.addEventListener(n,o,t),()=>{c.removeEventListener(n,o,t)}})}function X(e){return e}function Y(){return b}function G(e){b&&e()}import{createSignal as x,createMemo as Q,createEffect as Z,createRenderEffect as ee,isSignal as h,useContext as ne,createContext as te,createSuspenseBoundary as oe,provideSuspense as P}from"@fluixi/reactive/signal";import{asSuspense as re,isComponent as ie,createComponent as A,runWithoutHydration as se}from"@fluixi/dom";function ce(e){return typeof window>"u"?!1:typeof Node=="function"&&e instanceof Node?!0:!!(e&&typeof e=="object"&&typeof e.nodeType=="number")}function ae(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function j(e){return!!(e&&typeof e=="object"&&typeof e.then=="function"||e instanceof Promise)}function ue(e){return!!(e&&typeof e=="object"&&"type"in e&&"props"in e)}var F=te();function C(e){return A(fe,e)}function fe(e){let n=oe(),o=ne(F),t=o?o.register(n.inFallback):void 0;function c(i){return i==null||typeof i=="boolean"?null:typeof i=="function"&&ie(i)&&!h(i)?i():i}let u=se(()=>c(e.fallback??null)),s=P(n,()=>e.children);P(n,()=>{ee(()=>{let i=s;if(Array.isArray(i))for(let d of i)typeof d=="function"&&h(d)&&d();else typeof i=="function"&&h(i)&&i()})});let[a,r]=x(void 0),p=j(s);return p&&(n.increment(),s.then(i=>{r(()=>i),n.decrement()},()=>n.decrement())),Q(()=>(t?t.showFallback():n.inFallback())?u:p?a():s)}function pe(e){return A(le,e)}function le(e){let{revealOrder:n="together",tail:o}=e,t=[];function c(){if(n==="together"){let s=t.every(a=>!a.inFallback());t.forEach(a=>{a.setShowContent(s),a.setShowFallback(!s)})}else{let s=n==="backwards"?[...t].reverse():t,a=!1;for(let r of s)a||r.inFallback()?(a=!0,r.setShowContent(!1),r.setShowFallback(o!=="hidden")):(r.setShowContent(!0),r.setShowFallback(!1))}}let u={register:s=>{let[a,r]=x(!0),[p,i]=x(!1);return t.push({inFallback:s,setShowContent:r,setShowFallback:i}),Z(()=>{s(),c()}),{showContent:a,showFallback:p}}};return F.Provider({value:u,children:e.children})}re(C);Object.defineProperty(C,"__suspense",{value:!0,enumerable:!0});import{untrack as M,createMemo as de,createResource as ye}from"@fluixi/reactive/signal";function me(e,n){let o,t,c;function u(){return t||(t=e().then(a=>o=a.default)),t}n?.preload&&u();let s=(a=>{if(o){let r=o;return M(()=>r(a))}if(!c){let[r]=ye(()=>u());if(c=r,r.error)throw r.error}return de(()=>{let r=c();return r?M(()=>r(a)):void 0},void 0,{name:"lazy"})});return s.preload=()=>u().then(()=>{}),s.$lazy=!0,s.loader=e,s}typeof window<"u"&&import("lit").then(e=>xe(e.render));var S=typeof window>"u";function Se(e,n,o={}){if(T("render"),D(["click","input","change","submit"]),S)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 be(c=>{t=c;let u=typeof e=="function"?e():e;n.textContent="",n.setAttribute("fluixi-js","v1"),Ce(n,()=>u)}),()=>{t&&(t(),t=void 0)}}function we(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 c=Se(e,t,o);return()=>{c(),n.contains(t)&&n.removeChild(t)}}function Be(e){return!!(e==null||typeof e=="function"||he(e)||we(e)||Array.isArray(e)||typeof e=="string"||typeof e=="number"||typeof e=="boolean")}function He(){S||D(["click","input","change","submit"])}function Ke(){}export{k as $component,b as DEV,C as Suspense,pe as SuspenseList,N as batch,Ke as cleanupDelegation,O as createComponent,l as createEffect,v as createMemo,G as devOnly,m as getOwner,I as getSharedConfig,He as initDelegation,Y as isDev,ue as isJSXElement,ae as isLitResult,ce as isNode,j as isPromise,Be as isRenderable,me as lazy,f as onCleanup,V as onMount,B as onUnmount,Ve as portal,Se as render,L as runWithOwner,X as useCallback,R as useEffect,J as useEventListener,H as useMemo,q as useReducer,K as useRef};

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

@@ -0,0 +1 @@
+"use strict";var m=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var c=(n,e)=>{for(var r in e)m(n,r,{get:e[r],enumerable:!0})},y=(n,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of f(e))!l.call(n,o)&&o!==r&&m(n,o,{get:()=>e[o],enumerable:!(i=u(e,o))||i.enumerable});return n};var C=n=>y(m({},"__esModule",{value:!0}),n);var z={};c(z,{lazy:()=>P});module.exports=C(z);var a=require("@fluixi/reactive/signal");function P(n,e){let r,i,o;function p(){return i||(i=n().then(s=>r=s.default)),i}e?.preload&&p();let d=(s=>{if(r){let t=r;return(0,a.untrack)(()=>t(s))}if(!o){let[t]=(0,a.createResource)(()=>p());if(o=t,t.error)throw t.error}return(0,a.createMemo)(()=>{let t=o();return t?(0,a.untrack)(()=>t(s)):void 0},void 0,{name:"lazy"})});return d.preload=()=>p().then(()=>{}),d.$lazy=!0,d.loader=n,d}

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

@@ -0,0 +1,28 @@
+/**
+ * Lazy-load a component module.
+ *
+ * SolidJS-aligned pattern:
+ *  1. `comp` signal is shared across all instances of this lazy component (module-level).
+ *  2. `createResource` at the component level registers the load promise with the
+ *     nearest Suspense boundary (trackPromise / resource.loading).
+ *  3. A pure `createMemo` reads `comp()` — undefined while loading (Suspense shows
+ *     fallback), the rendered component once loaded.
+ *  4. `preload()` is exposed so routes / link hover handlers can start the download
+ *     before the component is rendered.
+ */
+import { Component, ComponentProps } from '@fluixi/dom';
+export type LazyComponent<P = ComponentProps> = () => Promise<{
+    default: Component<P>;
+}>;
+export interface LazyOptions {
+    /** Show this while the module is loading */
+    fallback?: any;
+    /** If true, start loading immediately when lazy() is called */
+    preload?: boolean;
+}
+export declare function lazy<T extends (...args: any[]) => any>(loader: () => Promise<{
+    default: T;
+}>, options?: LazyOptions): T & {
+    preload: () => Promise<void>;
+};
+//# sourceMappingURL=lazy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../../../src/lib/render/lazy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAUxD,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,cAAc,IAAI,MAAM,OAAO,CAAC;IAC5D,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,wBAAgB,IAAI,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACpD,MAAM,EAAE,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAAC,EACrC,OAAO,CAAC,EAAE,WAAW,GACpB,CAAC,GAAG;IAAE,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE,CAqDtC"}

package/dist/src/lib/render/lazy.js

@@ -0,0 +1,62 @@
+/**
+ * Lazy-load a component module.
+ *
+ * SolidJS-aligned pattern:
+ *  1. `comp` signal is shared across all instances of this lazy component (module-level).
+ *  2. `createResource` at the component level registers the load promise with the
+ *     nearest Suspense boundary (trackPromise / resource.loading).
+ *  3. A pure `createMemo` reads `comp()` — undefined while loading (Suspense shows
+ *     fallback), the rendered component once loaded.
+ *  4. `preload()` is exposed so routes / link hover handlers can start the download
+ *     before the component is rendered.
+ */
+import { untrack, createMemo, createResource, } from '@fluixi/reactive/signal';
+// ─── Implementation ──────────────────────────────────────────────────────────
+export function lazy(loader, options) {
+    // The resolved component, set once the module loads. The whole hydration story turns on
+    // this: when it's already set when LazyWrapper renders — because the route was preloaded
+    // before hydration (see startClient → preloadRoutes) — we render it SYNCHRONOUSLY on the
+    // first pass. No resource, no Suspense fallback, no late re-render. So the lazy file-route
+    // adopts the server DOM in place instead of resolving a tick later and building a duplicate
+    // next to it. The async path below is only for a cold client navigation.
+    let resolved;
+    // Single in-flight / completed import. Idempotent: repeat calls reuse the same promise.
+    let promise;
+    // Suspense-tracked resource, created lazily on the cold (not-preloaded) path only.
+    let component;
+    function load() {
+        if (!promise) {
+            promise = loader().then((mod) => (resolved = mod.default));
+        }
+        return promise;
+    }
+    if (options?.preload)
+        load();
+    const LazyWrapper = ((props) => {
+        // Fast path: module already loaded (eager preload, or preloaded before hydration).
+        // Render straight through — under hydration this consumes the cursor in place.
+        if (resolved) {
+            const C = resolved;
+            return untrack(() => C(props));
+        }
+        // Cold path: not loaded yet (client-side navigation to a route whose chunk hasn't been
+        // fetched). Register the import with the nearest Suspense via createResource so the
+        // fallback shows while it downloads, then swap in the component once it resolves.
+        if (!component) {
+            const [resource] = createResource(() => load());
+            component = resource;
+            if (resource.error)
+                throw resource.error;
+        }
+        return createMemo(() => {
+            const C = component();
+            return C ? untrack(() => C(props)) : undefined;
+        }, undefined, { name: 'lazy' });
+    });
+    // Callers (link hover, router prefetch, the hydration preload pass) start the download
+    // before the component enters the view: <a onMouseEnter={() => LazyFoo.preload()}>.
+    LazyWrapper.preload = () => load().then(() => undefined);
+    LazyWrapper.$lazy = true;
+    LazyWrapper.loader = loader;
+    return LazyWrapper;
+}

package/dist/src/lib/render/lazy.mjs

@@ -0,0 +1 @@
+import{untrack as s,createMemo as m,createResource as u}from"@fluixi/reactive/signal";function c(d,p){let r,t,a;function i(){return t||(t=d().then(o=>r=o.default)),t}p?.preload&&i();let n=(o=>{if(r){let e=r;return s(()=>e(o))}if(!a){let[e]=u(()=>i());if(a=e,e.error)throw e.error}return m(()=>{let e=a();return e?s(()=>e(o)):void 0},void 0,{name:"lazy"})});return n.preload=()=>i().then(()=>{}),n.$lazy=!0,n.loader=d,n}export{c as lazy};

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

@@ -0,0 +1 @@
+"use strict";var y=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var a in t)y(e,a,{get:t[a],enumerable:!0})},F=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of w(t))!k.call(e,c)&&c!==a&&y(e,c,{get:()=>t[c],enumerable:!(r=m(t,c))||r.enumerable});return e};var P=e=>F(y({},"__esModule",{value:!0}),e);var N={};C(N,{$SUSPENSE:()=>g,Suspense:()=>b,SuspenseList:()=>E,isJSXElement:()=>x,isLitResult:()=>L,isNode:()=>A,isPromise:()=>S});module.exports=P(N);var n=require("@fluixi/reactive/signal"),f=require("@fluixi/dom"),g=Symbol.for("suspense");function A(e){return typeof window>"u"?!1:typeof Node=="function"&&e instanceof Node?!0:!!(e&&typeof e=="object"&&typeof e.nodeType=="number")}function L(e){return!e||typeof e!="object"?!1:!!(typeof e._$litType$<"u"||typeof e._$litDirective$<"u"||Array.isArray(e.strings)&&Array.isArray(e.values))}function S(e){return!!(e&&typeof e=="object"&&typeof e.then=="function"||e instanceof Promise)}function x(e){return!!(e&&typeof e=="object"&&"type"in e&&"props"in e)}var h=(0,n.createContext)();function b(e){return(0,f.createComponent)(R,e)}function R(e){let t=(0,n.createSuspenseBoundary)(),a=(0,n.useContext)(h),r=a?a.register(t.inFallback):void 0;function c(o){return o==null||typeof o=="boolean"?null:typeof o=="function"&&(0,f.isComponent)(o)&&!(0,n.isSignal)(o)?o():o}let p=(0,f.runWithoutHydration)(()=>c(e.fallback??null)),s=(0,n.provideSuspense)(t,()=>e.children);(0,n.provideSuspense)(t,()=>{(0,n.createRenderEffect)(()=>{let o=s;if(Array.isArray(o))for(let d of o)typeof d=="function"&&(0,n.isSignal)(d)&&d();else typeof o=="function"&&(0,n.isSignal)(o)&&o()})});let[i,l]=(0,n.createSignal)(void 0),u=S(s);return u&&(t.increment(),s.then(o=>{l(()=>o),t.decrement()},()=>t.decrement())),(0,n.createMemo)(()=>(r?r.showFallback():t.inFallback())?p:u?i():s)}function E(e){return(0,f.createComponent)(j,e)}function j(e){let{revealOrder:t="together",tail:a}=e,r=[];function c(){if(t==="together"){let s=r.every(i=>!i.inFallback());r.forEach(i=>{i.setShowContent(s),i.setShowFallback(!s)})}else{let s=t==="backwards"?[...r].reverse():r,i=!1;for(let l of s)i||l.inFallback()?(i=!0,l.setShowContent(!1),l.setShowFallback(a!=="hidden")):(l.setShowContent(!0),l.setShowFallback(!1))}}let p={register:s=>{let[i,l]=(0,n.createSignal)(!0),[u,o]=(0,n.createSignal)(!1);return r.push({inFallback:s,setShowContent:l,setShowFallback:o}),(0,n.createEffect)(()=>{s(),c()}),{showContent:i,showFallback:u}}};return h.Provider({value:p,children:e.children})}(0,f.asSuspense)(b);Object.defineProperty(b,"__suspense",{value:!0,enumerable:!0});

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

@@ -0,0 +1,25 @@
+/**
+ * Suspense on the TC39 boundary. A createResource read throws its promise while
+ * pending; the effect running it reports that to the nearest boundary (stamped as
+ * SuspenseContext on this component's owner), which flips inFallback. The output
+ * memo swaps between fallback and children on that signal.
+ */
+export interface SuspenseProps {
+    fallback?: any;
+    children?: any;
+    id?: string;
+}
+export interface SuspenseListProps {
+    children: any;
+    revealOrder?: 'forwards' | 'backwards' | 'together';
+    tail?: 'collapsed' | 'hidden';
+}
+export declare const $SUSPENSE: unique symbol;
+declare function isNode(value: any): value is Node;
+declare function isLitResult(value: any): boolean;
+declare function isPromise<T = any>(value: any): value is Promise<T>;
+declare function isJSXElement(value: any): boolean;
+export declare function Suspense(props: SuspenseProps): any;
+export declare function SuspenseList(props: SuspenseListProps): any;
+export { isNode, isLitResult, isPromise, isJSXElement };
+//# sourceMappingURL=suspense.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"suspense.d.ts","sourceRoot":"","sources":["../../../../src/lib/render/suspense.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAsBH,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;IACpD,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CAC/B;AAED,eAAO,MAAM,SAAS,eAAyB,CAAC;AAEhD,iBAAS,MAAM,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,IAAI,CAIzC;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAOxC;AAED,iBAAS,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAK3D;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAEzC;AAYD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAElD;AA6DD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAE1D;AAwDD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC"}

package/dist/src/lib/render/suspense.js

@@ -0,0 +1,139 @@
+/**
+ * Suspense on the TC39 boundary. A createResource read throws its promise while
+ * pending; the effect running it reports that to the nearest boundary (stamped as
+ * SuspenseContext on this component's owner), which flips inFallback. The output
+ * memo swaps between fallback and children on that signal.
+ */
+import { createSignal, createMemo, createEffect, createRenderEffect, isSignal, useContext, createContext, createSuspenseBoundary, provideSuspense, } from '@fluixi/reactive/signal';
+import { asSuspense, isComponent, createComponent, runWithoutHydration, } from '@fluixi/dom';
+export const $SUSPENSE = Symbol.for('suspense');
+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);
+}
+const SuspenseListContext = createContext();
+export function Suspense(props) {
+    return createComponent(SuspenseImpl, props);
+}
+function SuspenseImpl(props) {
+    const boundary = createSuspenseBoundary();
+    // SuspenseList coordination, if any.
+    const listCtx = useContext(SuspenseListContext);
+    const listState = listCtx ? listCtx.register(boundary.inFallback) : undefined;
+    function instantiateOnce(val) {
+        if (val == null || typeof val === 'boolean')
+            return null;
+        if (typeof val === 'function' && isComponent(val) && !isSignal(val))
+            return val();
+        return val;
+    }
+    // Build the fallback off the hydration cursor — it isn't shown when the server
+    // already rendered content, so it must not adopt (and duplicate) server nodes.
+    const fallback = runWithoutHydration(() => instantiateOnce(props.fallback ?? null));
+    // Read the children under the boundary so the memos they create capture its owner;
+    // then a suspended resource read inside them throws to THIS boundary, not the parent.
+    const children = provideSuspense(boundary, () => props.children);
+    // Instantiate the children now, in their own effect under the boundary. A suspended
+    // resource read inside them throws here synchronously — a sibling of the output memo
+    // below — so the increment reschedules the output cleanly (matching the canary). If we
+    // only rendered children through the output's return, the resource read would be nested
+    // inside the output's own insert effect, which then never re-runs to show the fallback.
+    provideSuspense(boundary, () => {
+        createRenderEffect(() => {
+            const c = children;
+            if (Array.isArray(c)) {
+                for (const x of c)
+                    if (typeof x === 'function' && isSignal(x))
+                        x();
+            }
+            else if (typeof c === 'function' && isSignal(c)) {
+                c();
+            }
+        });
+    });
+    // A raw promise child: track it directly on the boundary.
+    const [resolved, setResolved] = createSignal(undefined);
+    const childIsPromise = isPromise(children);
+    if (childIsPromise) {
+        boundary.increment();
+        children.then((v) => {
+            setResolved(() => v);
+            boundary.decrement();
+        }, () => boundary.decrement());
+    }
+    return createMemo(() => {
+        const showFallback = listState ? listState.showFallback() : boundary.inFallback();
+        if (showFallback)
+            return fallback;
+        if (childIsPromise)
+            return resolved();
+        return children;
+    });
+}
+export function SuspenseList(props) {
+    return 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] = createSignal(true);
+            const [showFallback, setShowFallback] = createSignal(false);
+            registrations.push({ inFallback, setShowContent, setShowFallback });
+            createEffect(() => {
+                inFallback();
+                coordinateReveal();
+            });
+            return { showContent, showFallback };
+        },
+    };
+    return SuspenseListContext.Provider({
+        value: coordinator,
+        children: props.children,
+    });
+}
+asSuspense(Suspense);
+Object.defineProperty(Suspense, '__suspense', { value: true, enumerable: true });
+export { isNode, isLitResult, isPromise, isJSXElement };

package/dist/src/lib/render/suspense.mjs

@@ -0,0 +1 @@
+import{createSignal as d,createMemo as m,createEffect as w,createRenderEffect as k,isSignal as p,useContext as C,createContext as F,createSuspenseBoundary as P,provideSuspense as y}from"@fluixi/reactive/signal";import{asSuspense as g,isComponent as A,createComponent as b,runWithoutHydration as L}from"@fluixi/dom";var $=Symbol.for("suspense");function O(e){return typeof window>"u"?!1:typeof Node=="function"&&e instanceof Node?!0:!!(e&&typeof e=="object"&&typeof e.nodeType=="number")}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 x(e){return!!(e&&typeof e=="object"&&typeof e.then=="function"||e instanceof Promise)}function _(e){return!!(e&&typeof e=="object"&&"type"in e&&"props"in e)}var S=F();function h(e){return b(R,e)}function R(e){let s=P(),a=C(S),i=a?a.register(s.inFallback):void 0;function l(n){return n==null||typeof n=="boolean"?null:typeof n=="function"&&A(n)&&!p(n)?n():n}let f=L(()=>l(e.fallback??null)),t=y(s,()=>e.children);y(s,()=>{k(()=>{let n=t;if(Array.isArray(n))for(let u of n)typeof u=="function"&&p(u)&&u();else typeof n=="function"&&p(n)&&n()})});let[o,r]=d(void 0),c=x(t);return c&&(s.increment(),t.then(n=>{r(()=>n),s.decrement()},()=>s.decrement())),m(()=>(i?i.showFallback():s.inFallback())?f:c?o():t)}function B(e){return b(E,e)}function E(e){let{revealOrder:s="together",tail:a}=e,i=[];function l(){if(s==="together"){let t=i.every(o=>!o.inFallback());i.forEach(o=>{o.setShowContent(t),o.setShowFallback(!t)})}else{let t=s==="backwards"?[...i].reverse():i,o=!1;for(let r of t)o||r.inFallback()?(o=!0,r.setShowContent(!1),r.setShowFallback(a!=="hidden")):(r.setShowContent(!0),r.setShowFallback(!1))}}let f={register:t=>{let[o,r]=d(!0),[c,n]=d(!1);return i.push({inFallback:t,setShowContent:r,setShowFallback:n}),w(()=>{t(),l()}),{showContent:o,showFallback:c}}};return S.Provider({value:f,children:e.children})}g(h);Object.defineProperty(h,"__suspense",{value:!0,enumerable:!0});export{$ as $SUSPENSE,h as Suspense,B as SuspenseList,_ as isJSXElement,T as isLitResult,O as isNode,x as isPromise};

package/dist/src/lib/router-next/data.cjs

@@ -0,0 +1 @@
+"use strict";var x=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var _=(e,t)=>{for(var n in t)x(e,n,{get:t[n],enumerable:!0})},k=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of D(t))!L.call(e,o)&&o!==n&&x(e,o,{get:()=>t[o],enumerable:!(r=O(t,o))||r.enumerable});return e};var H=e=>k(x({},"__esModule",{value:!0}),e);var q={};_(q,{RouteDataContext:()=>m,RouteDataProvider:()=>Y,action:()=>R,cache:()=>F,createAsync:()=>K,revalidate:()=>z,useAction:()=>X,useRouteData:()=>B,useSubmission:()=>J});module.exports=H(q);var u=require("@fluixi/reactive/signal");var M=!1,T=new Map;function v(){return M}function h(e,t){T.set(e,t)}function C(e){return T.get(e)}function U(){T.clear()}function j(){if(typeof window>"u")return;let e=document.getElementById("__FLUIXI_HYDRATION__");e&&e.remove();let t=document.createTreeWalker(document.body,NodeFilter.SHOW_COMMENT,null),n=[],r;for(;r=t.nextNode();){let o=r,i=o.nodeValue||"";(i.startsWith("#")||i.startsWith("/"))&&n.push(o)}n.forEach(o=>o.remove()),U()}typeof window<"u"&&window.addEventListener("load",()=>{setTimeout(j,100)});function b(){return typeof window>"u"}var S=require("@fluixi/dom"),l=require("@fluixi/reactive/signal"),V=require("@fluixi/reactive/signal");var f=require("@fluixi/dom"),s=require("@fluixi/reactive/signal");function A(e){(0,f.registerCreateComponent)(I)}function I(e,t){return N(e,t)}function N(e,t){let n=typeof e=="function"?(0,s.untrack)(()=>e(t)):e;if(n!=null&&(typeof n=="function"||typeof n=="object")&&!(0,s.isSignal)(n)){try{n.$name=e.name}catch{}return(0,f.asComponent)(n)}return n}A("index");function w(e){let t=(0,l.createContext)(e),n=r=>(r.debug,t.Provider({value:r.value,get children(){return r.children},debug:r.debug}));return typeof Symbol<"u"&&Symbol.for&&(n.$$typeof=Symbol.for("react.provider")),n.$$typeof=Symbol.for("react.provider"),{id:t.id,Provider:(0,S.asProvider)(n),defaultValue:e}}function P(e){let t=(0,l.useContext)(e);return t!==void 0?t:e.defaultValue}var d=new Map,c=new Map;function F(e,t){return async(...n)=>{let r=t+":"+JSON.stringify(n);if(v()||typeof window<"u"){let i=C(r);if(i!==void 0)return i}if(d.has(r))return d.get(r);if(c.has(r))return c.get(r);let o=Promise.resolve(e(...n)).then(i=>(d.set(r,i),c.delete(r),b()&&h(r,i),i),i=>{throw c.delete(r),i});return c.set(r,o),o}}var[Te,W]=(0,u.createSignal)(0),$=new Set;function z(e){let t=typeof e=="string"?n=>n.startsWith(e):e;for(let n of d.keys())t(n)&&(d.delete(n),$.add(n));W(n=>n+1)}function K(e,t){let[n]=(0,u.createResource)(t||(()=>!0),e);return n}var g=new Map;function E(e){return g.has(e)||g.set(e,(0,u.createSignal)(void 0)),g.get(e)}function R(e,t){let n=t||e.name||"action",r=async o=>{let[,i]=E(n),p=()=>i(void 0),y=()=>r(o);i({input:o,pending:!0,clear:p,retry:y});try{let a=await e(o);return i({input:o,result:a,pending:!1,clear:p,retry:y}),a}catch(a){throw i({input:o,error:a,pending:!1,clear:p,retry:y}),a}};return r.url=n,r.with=o=>R((...i)=>e(o,...i),t),r}function J(e){let[t]=E(e.url);return t}function X(e){return e}var m=w(),Y=m.Provider;function B(){let e=P(m);return typeof e=="function"?e:()=>e}

package/dist/src/lib/router-next/data.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @fileoverview Data fetching and caching primitives for Fluixi Router
+ * @module @fluixi/core/router/data
+ */
+import { type Accessor, Resource } from '@fluixi/reactive/signal';
+export type CacheFn<T, Args extends any[]> = (...args: Args) => Promise<T> | T | undefined;
+export interface Action<T, Args extends any[]> {
+    (...args: Args): Promise<T>;
+    url?: string;
+    with?: (args: any) => Action<T, Args>;
+}
+export interface Submission<T, Args extends any[]> {
+    input: Args;
+    result?: T;
+    error?: any;
+    pending: boolean;
+    clear: () => void;
+    retry: () => void;
+}
+/**
+ * Cache an async function for data fetching
+ *
+ * Supports:
+ * - Deduplication
+ * - Hydration (Server -> Client)
+ * - Revalidation
+ *
+ * @param fn Async function to cache
+ * @param name Unique name for the cache key
+ */
+export declare function cache<T, Args extends any[]>(fn: (...args: Args) => Promise<T> | T, name: string): (...args: Args) => Promise<T>;
+/**
+ * Revalidate a cache key. Clears the memory cache and triggers
+ * reactive invalidation so resources using createAsync re-fetch.
+ *
+ * @param key Key prefix string or predicate function to match cache keys
+ */
+export declare function revalidate(key: string | ((key: string) => boolean)): void;
+/**
+ * Create an async resource from a promise or cache function
+ *
+ * @param fetcher Function that returns a promise
+ * @param source Dependency signal (optional)
+ */
+export declare function createAsync<T, S extends any = true>(fetcher: (source: S) => Promise<T> | T, source?: () => S): Resource<S>;
+/**
+ * Create a server action
+ *
+ * @param fn Function to execute (server-side)
+ * @param name Action name
+ */
+export declare function action<T, Args extends any[]>(fn: (...args: Args) => Promise<T> | T, name?: string): Action<T, Args>;
+/**
+ * Hook to track action submission state
+ */
+export declare function useSubmission<T, Args extends any[]>(actionFn: Action<T, Args>): Accessor<Submission<T, Args> | undefined>;
+/**
+ * Hook to get action executor
+ */
+export declare function useAction<T, Args extends any[]>(actionFn: Action<T, Args>): (...args: Args) => Promise<T>;
+export interface RouteDataArgs {
+    /**
+     * Route params — either a reactive signal accessor (when called from the
+     * router's createRoot during layout creation) or a plain snapshot object
+     * (legacy / manual usage). Always normalise with:
+     *   `const getParams = typeof args.params === 'function' ? args.params : () => args.params;`
+     */
+    params: Record<string, string> | (() => Record<string, string>);
+    location: {
+        pathname: string;
+        search: string;
+    } | (() => {
+        pathname: string;
+        search: string;
+    });
+}
+export type RouteLoadFunc = (args: RouteDataArgs, owner?: any, isCancelled?: () => boolean) => any;
+export declare const RouteDataContext: {
+    id: symbol;
+    Provider: (props: {
+        value: any;
+        children?: any;
+        debug?: boolean;
+    }) => any;
+    defaultValue: any;
+};
+export declare const RouteDataProvider: (props: {
+    value: any;
+    children?: any;
+    debug?: boolean;
+}) => any;
+/**
+ * Access the data returned by the nearest ancestor route's `routeData` export.
+ *
+ * Returns a stable accessor function. Call it to get the current route data:
+ *
+ *   const data = useRouteData<WorkspaceRouteData>();
+ *   createEffect(() => console.log(data()?.workspace()));
+ */
+export declare function useRouteData<T>(): () => T | undefined;
+//# sourceMappingURL=data.d.ts.map

package/dist/src/lib/router-next/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/lib/router-next/data.ts"],"names":[],"mappings":"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"}