fibrae 0.2.3 → 0.3.1

package/dist/fiber-boundary.js

@@ -0,0 +1,151 @@
+/**
+ * Error boundary and suspense boundary handlers.
+ *
+ * Functions for converting errors, parking fibers, and signaling recovery
+ * in ErrorBoundary and Suspense components.
+ */
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+import * as Deferred from "effect/Deferred";
+import * as Cause from "effect/Cause";
+import { RenderError, StreamError, EventHandlerError, } from "./shared.js";
+import { FibraeRuntime } from "./runtime.js";
+import { findNearestBoundary, findNearestSuspenseBoundary, queueFiberForRerender, } from "./fiber-tree.js";
+/**
+ * Convert a raw cause/error to a ComponentError.
+ * If it's already a ComponentError, return as-is.
+ * Otherwise, wrap in RenderError as a fallback.
+ */
+export const toComponentError = (cause) => {
+    // Check if it's already a ComponentError
+    if (cause instanceof RenderError ||
+        cause instanceof StreamError ||
+        cause instanceof EventHandlerError) {
+        return cause;
+    }
+    // Extract the actual error from Cause if needed
+    const actualError = Cause.isCause(cause) ? Cause.squash(cause) : cause;
+    if (actualError instanceof RenderError ||
+        actualError instanceof StreamError ||
+        actualError instanceof EventHandlerError) {
+        return actualError;
+    }
+    // Wrap unknown errors as RenderError
+    return new RenderError({ cause: actualError });
+};
+/**
+ * Handle an error by finding the nearest error boundary and rendering its fallback.
+ *
+ * Parks the boundary's children (keeps subscriptions alive for recovery)
+ * and queues the boundary for re-render with the fallback element.
+ * When parked children emit new values (e.g. route change), the boundary resets.
+ */
+export const handleFiberError = (fiber, cause) => Effect.gen(function* () {
+    const componentError = toComponentError(cause);
+    // Find nearest boundary
+    const boundaryOpt = findNearestBoundary(fiber);
+    return yield* Option.match(boundaryOpt, {
+        onNone: () => Effect.gen(function* () {
+            yield* Effect.logError("Unhandled error without any error boundary", componentError);
+            return Option.none();
+        }),
+        onSome: (boundary) => Effect.gen(function* () {
+            const cfg = Option.getOrThrow(boundary.boundary);
+            cfg.hasError = true;
+            cfg.error = Option.some(componentError);
+            // Park the boundary's child fiber tree — keep subscriptions alive for recovery.
+            // Walk all children and mark them as parked so their scopes aren't closed.
+            const parkFiberTree = (f) => {
+                f.isParked = true;
+                if (Option.isSome(f.child))
+                    parkFiberTree(f.child.value);
+                if (Option.isSome(f.sibling))
+                    parkFiberTree(f.sibling.value);
+            };
+            if (Option.isSome(boundary.child)) {
+                cfg.parkedFiber = boundary.child;
+                parkFiberTree(boundary.child.value);
+            }
+            // Queue the boundary for re-render — it will show the fallback
+            yield* queueFiberForRerender(boundary);
+            return Option.none();
+        }),
+    });
+});
+/**
+ * Called when a stream component's threshold expires before first emission.
+ * Parks the fiber and switches the boundary to show fallback.
+ */
+export const handleFiberSuspension = (fiber) => Effect.gen(function* () {
+    const boundaryOpt = findNearestSuspenseBoundary(fiber);
+    if (Option.isNone(boundaryOpt)) {
+        // No Suspense boundary - just continue waiting
+        return;
+    }
+    const boundary = boundaryOpt.value;
+    const config = Option.getOrThrow(boundary.suspense);
+    if (config.showingFallback) {
+        // Already suspended - first suspension wins
+        return;
+    }
+    // Create deferred for parked fiber completion
+    const parkedComplete = yield* Deferred.make();
+    // Mark fiber as parked - its scope should not be closed on deletion
+    fiber.isParked = true;
+    // Park the fiber and switch to fallback
+    config.showingFallback = true;
+    config.parkedFiber = Option.some(fiber);
+    config.parkedComplete = Option.some(parkedComplete);
+    // Trigger re-render of boundary with fallback
+    yield* queueFiberForRerender(boundary);
+});
+/**
+ * Called when a parked fiber finally gets its first emission.
+ * Signals the boundary to swap back to showing children.
+ */
+export const signalFiberReady = (fiber) => Effect.gen(function* () {
+    const boundaryOpt = findNearestSuspenseBoundary(fiber);
+    if (Option.isNone(boundaryOpt))
+        return;
+    const boundary = boundaryOpt.value;
+    const config = Option.getOrThrow(boundary.suspense);
+    // Unpark the fiber - it's ready now, scope can be closed normally on next deletion
+    fiber.isParked = false;
+    // Signal that parked fiber is ready
+    yield* config.parkedComplete.pipe(Option.map((deferred) => Deferred.succeed(deferred, undefined)), Option.getOrElse(() => Effect.void));
+    // Trigger re-render to swap fallback → children
+    yield* queueFiberForRerender(boundary);
+});
+/**
+ * Called when a parked-under-boundary fiber emits a new value (e.g. route change).
+ * Signals the error boundary to reset — unpark children and show new content.
+ */
+export const signalBoundaryRecovery = (fiber) => Effect.gen(function* () {
+    // Walk up to find the boundary config (may be on an old/alternate fiber)
+    const boundaryOpt = findNearestBoundary(fiber);
+    if (Option.isNone(boundaryOpt))
+        return;
+    const cfg = Option.getOrThrow(boundaryOpt.value.boundary);
+    if (!cfg.hasError)
+        return;
+    // Reset error state
+    cfg.hasError = false;
+    cfg.error = Option.none();
+    // Unpark the entire parked fiber tree
+    const unparkFiberTree = (f) => {
+        f.isParked = false;
+        if (Option.isSome(f.child))
+            unparkFiberTree(f.child.value);
+        if (Option.isSome(f.sibling))
+            unparkFiberTree(f.sibling.value);
+    };
+    if (Option.isSome(cfg.parkedFiber)) {
+        unparkFiberTree(cfg.parkedFiber.value);
+    }
+    // Use currentFiber ref to queue the ACTIVE boundary fiber (not the stale alternate)
+    const currentBoundary = Option.isSome(cfg.currentFiber)
+        ? cfg.currentFiber.value
+        : boundaryOpt.value;
+    yield* queueFiberForRerender(currentBoundary);
+});
+//# sourceMappingURL=fiber-boundary.js.map

package/dist/fiber-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fiber-boundary.js","sourceRoot":"","sources":["../src/fiber-boundary.ts"],"names":[],"mappings":"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"}

package/dist/fiber-commit.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Fiber commit phase — DOM mutations.
+ *
+ * This module contains the commit phase of the fiber reconciler: creating and
+ * updating real DOM nodes, processing deletions, and walking the fiber tree
+ * to apply placement/update/deletion effect tags to the DOM.
+ *
+ * Extracted from fiber-render.ts.
+ */
+import * as Effect from "effect/Effect";
+import type { Fiber } from "./shared.js";
+import { FibraeRuntime } from "./runtime.js";
+export declare const createDom: (fiber: Fiber, runtime: FibraeRuntime) => Effect.Effect<Node, never, never>;
+export declare const isNew: (prev: {
+    [key: string]: unknown;
+}, next: {
+    [key: string]: unknown;
+}) => (key: string) => boolean;
+export declare const updateDom: (dom: Node, prevProps: {
+    [key: string]: unknown;
+}, nextProps: {
+    [key: string]: unknown;
+}, ownerFiber: Fiber, runtime: FibraeRuntime) => Effect.Effect<void, never, never>;
+export declare const deleteFiber: (fiber: Fiber) => Effect.Effect<void, never, never>;
+export declare const commitDeletion: (fiber: Fiber, domParent: Node) => Effect.Effect<void, never, never>;
+export declare const commitRoot: (runtime: FibraeRuntime) => Effect.Effect<void, never, FibraeRuntime>;
+export declare const commitWork: (fiber: Fiber, runtime: FibraeRuntime) => Effect.Effect<void, never, FibraeRuntime>;

package/dist/fiber-commit.js

@@ -0,0 +1,247 @@
+/**
+ * Fiber commit phase — DOM mutations.
+ *
+ * This module contains the commit phase of the fiber reconciler: creating and
+ * updating real DOM nodes, processing deletions, and walking the fiber tree
+ * to apply placement/update/deletion effect tags to the DOM.
+ *
+ * Extracted from fiber-render.ts.
+ */
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+import * as Scope from "effect/Scope";
+import * as Ref from "effect/Ref";
+import * as Exit from "effect/Exit";
+import * as Deferred from "effect/Deferred";
+import { isEvent, isProperty } from "./shared.js";
+import { FibraeRuntime } from "./runtime.js";
+import { setDomProperty, createEventWrapper, SVG_NAMESPACE, SVG_TAGS } from "./dom.js";
+import { findDomParent } from "./fiber-tree.js";
+import { handleFiberError } from "./fiber-boundary.js";
+// =============================================================================
+// Create DOM
+// =============================================================================
+export const createDom = (fiber, runtime) => Effect.gen(function* () {
+    const dom = yield* Option.match(fiber.type, {
+        onNone: () => Effect.die("createDom called with no type"),
+        onSome: (type) => {
+            if (typeof type !== "string") {
+                return Effect.die("createDom called on function component");
+            }
+            const node = type === "TEXT_ELEMENT"
+                ? document.createTextNode("")
+                : SVG_TAGS.has(type)
+                    ? document.createElementNS(SVG_NAMESPACE, type)
+                    : document.createElement(type);
+            return Effect.succeed(node);
+        },
+    });
+    yield* updateDom(dom, {}, fiber.props, fiber, runtime);
+    // Handle ref
+    const ref = fiber.props.ref;
+    if (ref && typeof ref === "object" && "current" in ref) {
+        ref.current = dom;
+    }
+    return dom;
+});
+// =============================================================================
+// Update DOM
+// =============================================================================
+export const isNew = (prev, next) => (key) => prev[key] !== next[key];
+export const updateDom = (dom, prevProps, nextProps, ownerFiber, runtime) => Effect.gen(function* () {
+    const stateRef = runtime.fiberState;
+    const element = dom;
+    if (element instanceof Text) {
+        if (nextProps.nodeValue !== prevProps.nodeValue) {
+            const value = nextProps.nodeValue;
+            element.nodeValue =
+                typeof value === "string" || typeof value === "number" ? String(value) : "";
+        }
+        return;
+    }
+    const stateSnapshot = yield* Ref.get(stateRef);
+    const el = element;
+    const stored = stateSnapshot.listenerStore.get(el) ?? {};
+    // Remove old event listeners
+    const eventsToRemove = Object.keys(prevProps)
+        .filter(isEvent)
+        .filter((key) => !(key in nextProps) || isNew(prevProps, nextProps)(key));
+    eventsToRemove.forEach((name) => {
+        const eventType = name.toLowerCase().substring(2);
+        const wrapper = stored[eventType];
+        if (wrapper) {
+            el.removeEventListener(eventType, wrapper);
+            delete stored[eventType];
+        }
+    });
+    // Remove properties that were in prevProps but not in nextProps
+    Object.keys(prevProps)
+        .filter(isProperty)
+        .filter((key) => !(key in nextProps))
+        .forEach((name) => {
+        if (el instanceof HTMLElement || el instanceof SVGElement) {
+            setDomProperty(el, name, null);
+        }
+    });
+    // Handle dangerouslySetInnerHTML
+    if (nextProps.dangerouslySetInnerHTML != null) {
+        if ((el instanceof HTMLElement || el instanceof SVGElement) &&
+            nextProps.dangerouslySetInnerHTML !== prevProps.dangerouslySetInnerHTML) {
+            el.innerHTML = String(nextProps.dangerouslySetInnerHTML);
+        }
+    }
+    // Update changed properties
+    Object.keys(nextProps)
+        .filter(isProperty)
+        .filter(isNew(prevProps, nextProps))
+        .forEach((name) => {
+        if (el instanceof HTMLElement || el instanceof SVGElement) {
+            setDomProperty(el, name, nextProps[name]);
+        }
+    });
+    // Add new event listeners
+    Object.keys(nextProps)
+        .filter(isEvent)
+        .filter(isNew(prevProps, nextProps))
+        .forEach((name) => {
+        const eventType = name.toLowerCase().substring(2);
+        const handler = nextProps[name];
+        const wrapper = createEventWrapper(handler, eventType, runtime, ownerFiber ? (error) => handleFiberError(ownerFiber, error) : undefined);
+        const existing = stored[eventType];
+        if (existing) {
+            el.removeEventListener(eventType, existing);
+        }
+        el.addEventListener(eventType, wrapper);
+        stored[eventType] = wrapper;
+    });
+    stateSnapshot.listenerStore.set(el, stored);
+});
+// =============================================================================
+// Commit Phase
+// =============================================================================
+export const deleteFiber = (fiber) => Effect.gen(function* () {
+    // Close component scope (unless fiber is parked - its scope must stay alive)
+    if (!fiber.isParked && Option.isSome(fiber.componentScope)) {
+        yield* Scope.close(fiber.componentScope.value, Exit.void);
+    }
+    // Recursively delete children
+    if (Option.isSome(fiber.child)) {
+        yield* deleteFiber(fiber.child.value);
+    }
+});
+export const commitDeletion = (fiber, domParent) => Option.match(fiber.dom, {
+    onSome: (dom) => Effect.sync(() => {
+        domParent.removeChild(dom);
+    }),
+    onNone: () => 
+    // Function component - find DOM children
+    Effect.iterate(fiber.child, {
+        while: (opt) => Option.isSome(opt),
+        body: (childOpt) => Effect.gen(function* () {
+            const child = childOpt.value;
+            yield* commitDeletion(child, domParent);
+            return child.sibling;
+        }),
+    }),
+});
+export const commitRoot = (runtime) => Effect.gen(function* () {
+    const stateRef = runtime.fiberState;
+    const currentState = yield* Ref.get(stateRef);
+    // Process deletions first
+    yield* Effect.forEach(currentState.deletions, (fiber) => Effect.gen(function* () {
+        const domParent = findDomParent(fiber);
+        if (Option.isSome(domParent)) {
+            yield* commitDeletion(fiber, domParent.value);
+        }
+        yield* deleteFiber(fiber);
+    }), { discard: true });
+    // Commit work starting from wipRoot.child
+    const firstChild = currentState.wipRoot.pipe(Option.flatMap((root) => root.child), Option.getOrUndefined);
+    if (firstChild) {
+        yield* commitWork(firstChild, runtime);
+    }
+    // Swap wipRoot to currentRoot
+    yield* Ref.update(stateRef, (s) => ({
+        ...s,
+        currentRoot: currentState.wipRoot,
+        wipRoot: Option.none(),
+        deletions: [],
+    }));
+});
+export const commitWork = (fiber, runtime) => Effect.gen(function* () {
+    // KEY INSIGHT: If fiber has no DOM (function component), just process children
+    if (Option.isNone(fiber.dom)) {
+        if (Option.isSome(fiber.child)) {
+            yield* commitWork(fiber.child.value, runtime);
+        }
+        // Signal mounted after subtree commits (for function components)
+        yield* Option.match(fiber.mountedDeferred, {
+            onNone: () => Effect.void,
+            onSome: (deferred) => Effect.gen(function* () {
+                const done = yield* Deferred.isDone(deferred);
+                if (!done) {
+                    yield* Deferred.succeed(deferred, undefined);
+                }
+            }),
+        });
+        if (Option.isSome(fiber.sibling)) {
+            yield* commitWork(fiber.sibling.value, runtime);
+        }
+        return;
+    }
+    // Find DOM parent by walking up to nearest fiber with dom
+    const domParentOpt = findDomParent(fiber);
+    if (Option.isNone(domParentOpt)) {
+        // No DOM parent found - continue with children/siblings
+        if (Option.isSome(fiber.child)) {
+            yield* commitWork(fiber.child.value, runtime);
+        }
+        if (Option.isSome(fiber.sibling)) {
+            yield* commitWork(fiber.sibling.value, runtime);
+        }
+        return;
+    }
+    const domParent = domParentOpt.value;
+    // Process effect tag
+    const tag = fiber.effectTag.pipe(Option.getOrUndefined);
+    if (tag === "PLACEMENT") {
+        // Append DOM node
+        if (Option.isSome(fiber.dom)) {
+            domParent.appendChild(fiber.dom.value);
+        }
+        // Signal first child committed (for Suspense)
+        const deferred = fiber.parent.pipe(Option.flatMap((p) => p.childFirstCommitDeferred), Option.getOrUndefined);
+        if (deferred) {
+            const done = yield* Deferred.isDone(deferred);
+            if (!done) {
+                yield* Deferred.succeed(deferred, undefined);
+            }
+        }
+    }
+    else if (tag === "UPDATE") {
+        const prevProps = fiber.alternate.pipe(Option.map((alt) => alt.props), Option.getOrElse(() => ({})));
+        if (Option.isSome(fiber.dom)) {
+            yield* updateDom(fiber.dom.value, prevProps, fiber.props, fiber, runtime);
+        }
+    }
+    else if (tag === "DELETION") {
+        yield* commitDeletion(fiber, domParent);
+        return;
+    }
+    // Continue with children and siblings
+    if (Option.isSome(fiber.child)) {
+        yield* commitWork(fiber.child.value, runtime);
+    }
+    // After children are committed, apply deferred properties.
+    // <select> value must be set after <option> children exist in the DOM.
+    if (Option.isSome(fiber.dom)) {
+        const node = fiber.dom.value;
+        if (node instanceof HTMLSelectElement && "value" in fiber.props) {
+            node.value = String(fiber.props.value);
+        }
+    }
+    if (Option.isSome(fiber.sibling)) {
+        yield* commitWork(fiber.sibling.value, runtime);
+    }
+});
+//# sourceMappingURL=fiber-commit.js.map

package/dist/fiber-commit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fiber-commit.js","sourceRoot":"","sources":["../src/fiber-commit.ts"],"names":[],"mappings":"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"}

package/dist/fiber-render.d.ts

@@ -1,13 +1,13 @@
 /**
- * Fiber-based rendering implementation.
+ * Fiber-based rendering — public API and orchestration.
  *
- * This module implements a proper fiber reconciliation system that:
- * - Uses a fiber tree for incremental rendering
- * - Supports key-based diffing for efficient list updates
- * - Two-phase rendering: render phase builds fiber tree, commit phase touches DOM
- * - Function components have `dom: Option.none()` - no wrapper spans!
+ * This module provides:
+ * - `renderFiber` — mount a VElement tree to the DOM
+ * - `hydrateFiber` — hydrate an existing SSR DOM tree
+ * - `renderMailboxConsumer` — batched re-render work loop
  *
- * This fixes SSR hydration by producing identical DOM structure on server and client.
+ * The actual reconciliation, commit, boundary, and tree logic
+ * are split across fiber-tree, fiber-update, fiber-commit, and fiber-boundary.
  */
 import * as Effect from "effect/Effect";
 import { type VElement } from "./shared.js";
@@ -23,7 +23,7 @@ import { FibraeRuntime } from "./runtime.js";
  * @param element - VElement to render
  * @param container - DOM container to render into
  */
-export declare const renderFiber: (element: VElement, container: HTMLElement) => Effect.Effect<never, never, FibraeRuntime>;
+export declare const renderFiber: (element: VElement, container: HTMLElement) => Effect.Effect<void, never, FibraeRuntime>;
 /**
  * Hydrate an existing DOM tree by building a fiber tree that references
  * the existing DOM nodes. This enables event handlers and reactivity
@@ -32,4 +32,4 @@ export declare const renderFiber: (element: VElement, container: HTMLElement) =>
  * Uses cursor-based DOM walking (like React) to match VElement tree
  * against existing DOM, skipping whitespace-only text nodes and comments.
  */
-export declare const hydrateFiber: (element: VElement, container: HTMLElement) => Effect.Effect<never, unknown, FibraeRuntime>;
+export declare const hydrateFiber: (element: VElement, container: HTMLElement) => Effect.Effect<void, never, FibraeRuntime>;