fibrae 0.1.0

package/dist/components.d.ts

@@ -0,0 +1,40 @@
+import * as Effect from "effect/Effect";
+import * as Context from "effect/Context";
+import { type VElement } from "./shared.js";
+declare const ErrorBoundaryChannel_base: Context.TagClass<ErrorBoundaryChannel, "ErrorBoundaryChannel", {
+    readonly reportError: (error: unknown) => Effect.Effect<void, never, never>;
+}>;
+/**
+ * Error boundary channel - a Deferred that async errors can fail to trigger fallback.
+ * Created by ErrorBoundary and provided via context to children.
+ * Children (event handlers, stream subscriptions) can fail this to report errors.
+ */
+export declare class ErrorBoundaryChannel extends ErrorBoundaryChannel_base {
+}
+/**
+ * Suspense component - shows fallback while waiting for children to emit.
+ * Returns a special VElement that renderVElementToDOM handles specially.
+ *
+ * Uses a threshold-based strategy:
+ * - If children complete rendering within `threshold` ms, skip fallback entirely
+ * - If children take longer, show fallback immediately, then swap to children when ready
+ *
+ * @param fallback - VElement to show while waiting (only if children are slow)
+ * @param threshold - Milliseconds to wait before showing fallback (default: 100ms)
+ * @param children - Child components (may be async Effects or Streams)
+ */
+export declare const Suspense: (props: {
+    fallback: VElement;
+    threshold?: number;
+    children?: VElement | VElement[];
+}) => VElement;
+/**
+ * ErrorBoundary - catches errors from children and renders fallback.
+ * Returns a special VElement that renderVElementToDOM handles specially.
+ */
+export declare const ErrorBoundary: (props: {
+    fallback: VElement;
+    onError?: (cause: unknown) => void;
+    children?: VElement | VElement[];
+}) => VElement;
+export {};

package/dist/components.js

@@ -0,0 +1,63 @@
+import * as Effect from "effect/Effect";
+import * as Context from "effect/Context";
+import {} from "./shared.js";
+// =============================================================================
+// Error Boundary Channel
+// =============================================================================
+/**
+ * Error boundary channel - a Deferred that async errors can fail to trigger fallback.
+ * Created by ErrorBoundary and provided via context to children.
+ * Children (event handlers, stream subscriptions) can fail this to report errors.
+ */
+export class ErrorBoundaryChannel extends Context.Tag("ErrorBoundaryChannel")() {
+}
+// =============================================================================
+// Built-in Components
+// =============================================================================
+/**
+ * Suspense component - shows fallback while waiting for children to emit.
+ * Returns a special VElement that renderVElementToDOM handles specially.
+ *
+ * Uses a threshold-based strategy:
+ * - If children complete rendering within `threshold` ms, skip fallback entirely
+ * - If children take longer, show fallback immediately, then swap to children when ready
+ *
+ * @param fallback - VElement to show while waiting (only if children are slow)
+ * @param threshold - Milliseconds to wait before showing fallback (default: 100ms)
+ * @param children - Child components (may be async Effects or Streams)
+ */
+export const Suspense = (props) => {
+    const childrenArray = Array.isArray(props.children) ? props.children : props.children ? [props.children] : [];
+    if (childrenArray.length === 0) {
+        throw new Error("Suspense requires at least one child");
+    }
+    // Return a special marker element that renderVElementToDOM will handle
+    return {
+        type: "SUSPENSE",
+        props: {
+            fallback: props.fallback,
+            threshold: props.threshold ?? 100,
+            children: childrenArray,
+        },
+    };
+};
+/**
+ * ErrorBoundary - catches errors from children and renders fallback.
+ * Returns a special VElement that renderVElementToDOM handles specially.
+ */
+export const ErrorBoundary = (props) => {
+    const childrenArray = Array.isArray(props.children) ? props.children : props.children ? [props.children] : [];
+    if (childrenArray.length === 0) {
+        throw new Error("ErrorBoundary requires at least one child");
+    }
+    // Return a special marker element that renderVElementToDOM will handle
+    return {
+        type: "ERROR_BOUNDARY",
+        props: {
+            fallback: props.fallback,
+            onError: props.onError,
+            children: childrenArray,
+        },
+    };
+};
+//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAiB,MAAM,aAAa,CAAC;AAE5C,gFAAgF;AAChF,yBAAyB;AACzB,gFAAgF;AAEhF;;;;GAIG;AACH,MAAM,OAAO,oBAAqB,SAAQ,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC,EAK1E;CAAI;AAEP,gFAAgF;AAChF,sBAAsB;AACtB,gFAAgF;AAEhF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAIxB,EAAY,EAAE;IACb,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9G,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;IAC1D,CAAC;IAED,uEAAuE;IACvE,OAAO;QACL,IAAI,EAAE,UAAmB;QACzB,KAAK,EAAE;YACL,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,GAAG;YACjC,QAAQ,EAAE,aAAa;SACxB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAI7B,EAAY,EAAE;IACb,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9G,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC/D,CAAC;IAED,uEAAuE;IACvE,OAAO;QACL,IAAI,EAAE,gBAAyB;QAC/B,KAAK,EAAE;YACL,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,QAAQ,EAAE,aAAa;SACxB;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/core.d.ts

@@ -0,0 +1,25 @@
+import * as Effect from "effect/Effect";
+import * as Layer from "effect/Layer";
+import { Registry as AtomRegistry, Hydration } from "@effect-atom/atom";
+import { type VElement } from "./shared.js";
+/**
+ * Render a VElement tree to a container.
+ * Returns an Effect that runs forever (until interrupted).
+ *
+ * If the container already has children, hydration mode is used:
+ * - Existing DOM nodes are reused (not replaced)
+ * - Event handlers are attached to existing elements
+ * - Throws HydrationMismatch if structure doesn't match
+ *
+ * @param element - The VElement tree to render
+ * @param container - The DOM container to render into
+ * @param options - Optional configuration
+ * @param options.layer - Additional layer to provide (will have access to AtomRegistry)
+ * @param options.initialState - Dehydrated atom state from SSR (enables atom hydration)
+ */
+export declare function render(element: VElement, container: HTMLElement): Effect.Effect<never, never, never>;
+export declare function render(element: VElement, container: HTMLElement, options: {
+    layer?: Layer.Layer<unknown, unknown, AtomRegistry.AtomRegistry>;
+    initialState?: ReadonlyArray<Hydration.DehydratedAtom>;
+}): Effect.Effect<never, never, never>;
+export declare function render(element: VElement): (container: HTMLElement) => Effect.Effect<never, never, never>;

package/dist/core.js

@@ -0,0 +1,46 @@
+import * as Effect from "effect/Effect";
+import * as Layer from "effect/Layer";
+import * as Ref from "effect/Ref";
+import * as FiberRef from "effect/FiberRef";
+import * as Context from "effect/Context";
+import { Registry as AtomRegistry, Hydration } from "@effect-atom/atom";
+import {} from "./shared.js";
+import { FibraeRuntime } from "./runtime.js";
+import { renderFiber, hydrateFiber } from "./fiber-render.js";
+export function render(element, container, options) {
+    const program = (cont) => Effect.gen(function* () {
+        const runtime = yield* FibraeRuntime;
+        const registry = yield* AtomRegistry.AtomRegistry;
+        // Capture the full context NOW (after all layers are built) and store it in runtime
+        // This ensures user-provided services like Navigator are available for forked effects
+        const fullContext = (yield* FiberRef.get(FiberRef.currentContext));
+        yield* Ref.set(runtime.fullContextRef, fullContext);
+        // If initialState provided, hydrate atoms first
+        if (options?.initialState) {
+            Hydration.hydrate(registry, options.initialState);
+        }
+        // If container has element children, use hydration mode
+        // (skip whitespace-only text nodes that may exist in pre-rendered HTML)
+        const firstElementChild = cont.firstElementChild;
+        if (firstElementChild) {
+            yield* hydrateFiber(element, cont);
+        }
+        else {
+            // Fresh render - create new DOM using fiber-based reconciliation
+            yield* renderFiber(element, cont);
+        }
+        // Note: renderFiber/hydrateFiber already return Effect.never
+        // This line is unreachable but satisfies the type system
+        return yield* Effect.never;
+    }).pipe(
+    // Always use LiveWithRegistry so the program has access to both FibraeRuntime AND AtomRegistry
+    // If user provided a layer, merge it in as well
+    Effect.provide(options?.layer
+        ? Layer.provideMerge(options.layer, FibraeRuntime.LiveWithRegistry)
+        : FibraeRuntime.LiveWithRegistry));
+    if (container === undefined) {
+        return (cont) => program(cont);
+    }
+    return program(container);
+}
+//# sourceMappingURL=core.js.map

package/dist/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","sourceRoot":"","sources":["../src/core.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,GAAG,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAiB,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA2B9D,MAAM,UAAU,MAAM,CACpB,OAAiB,EACjB,SAAuB,EACvB,OAGC;IAED,MAAM,OAAO,GAAG,CAAC,IAAiB,EAAE,EAAE,CACpC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;QAClB,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,aAAa,CAAC;QACrC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,YAAY,CAAC,YAAY,CAAC;QAElD,oFAAoF;QACpF,sFAAsF;QACtF,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,cAAc,CAAC,CAA6B,CAAC;QAC/F,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;QAEpD,gDAAgD;QAChD,IAAI,OAAO,EAAE,YAAY,EAAE,CAAC;YAC1B,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;QACpD,CAAC;QAED,wDAAwD;QACxD,wEAAwE;QACxE,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC;QACjD,IAAI,iBAAiB,EAAE,CAAC;YACtB,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,iEAAiE;YACjE,KAAK,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACpC,CAAC;QAED,6DAA6D;QAC7D,yDAAyD;QACzD,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IAC7B,CAAC,CAAC,CAAC,IAAI;IACL,+FAA+F;IAC/F,gDAAgD;IAChD,MAAM,CAAC,OAAO,CACZ,OAAO,EAAE,KAAK;QACZ,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC;QACnE,CAAC,CAAC,aAAa,CAAC,gBAAgB,CACnC,CACF,CAAC;IAEJ,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,OAAO,CAAC,IAAiB,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,OAAO,CAAC,SAAS,CAAC,CAAC;AAC5B,CAAC"}

package/dist/dom.d.ts

@@ -0,0 +1,16 @@
+import { FibraeRuntime } from "./runtime.js";
+/**
+ * Property update strategies for different DOM properties
+ */
+export declare const propertyUpdateMap: Record<string, "attribute" | "property" | "classList" | "booleanAttribute">;
+export declare const isEvent: (key: string) => boolean;
+export declare const isProperty: (key: string) => boolean;
+/**
+ * Set a DOM property using the appropriate method
+ */
+export declare const setDomProperty: (el: HTMLElement, name: string, value: unknown) => void;
+/**
+ * Attach event listeners to a DOM element.
+ * Uses runForkWithRuntime to get the full application context.
+ */
+export declare const attachEventListeners: (el: HTMLElement, props: Record<string, unknown>, runtime: FibraeRuntime) => void;

package/dist/dom.js

@@ -0,0 +1,67 @@
+import * as Effect from "effect/Effect";
+import { FibraeRuntime, runForkWithRuntime } from "./runtime.js";
+// =============================================================================
+// DOM Property Handling
+// =============================================================================
+/**
+ * Property update strategies for different DOM properties
+ */
+export const propertyUpdateMap = {
+    class: "classList",
+    className: "classList",
+    value: "property",
+    checked: "property",
+};
+export const isEvent = (key) => key.startsWith("on");
+export const isProperty = (key) => key !== "children" && key !== "ref" && key !== "key" && !isEvent(key);
+/**
+ * Set a DOM property using the appropriate method
+ */
+export const setDomProperty = (el, name, value) => {
+    const method = propertyUpdateMap[name] ||
+        (name.startsWith("data-") || name.startsWith("aria-") ? "attribute" : "attribute");
+    switch (method) {
+        case "attribute":
+            el.setAttribute(name, String(value ?? ""));
+            break;
+        case "property":
+            Reflect.set(el, name, value);
+            break;
+        case "classList":
+            if (Array.isArray(value)) {
+                value.forEach((v) => el.classList.add(v));
+            }
+            else {
+                el.setAttribute("class", String(value ?? ""));
+            }
+            break;
+        case "booleanAttribute":
+            if (value) {
+                el.setAttribute(name, "");
+            }
+            else {
+                el.removeAttribute(name);
+            }
+            break;
+    }
+};
+/**
+ * Attach event listeners to a DOM element.
+ * Uses runForkWithRuntime to get the full application context.
+ */
+export const attachEventListeners = (el, props, runtime) => {
+    for (const [key, handler] of Object.entries(props)) {
+        if (isEvent(key) && typeof handler === "function") {
+            const eventType = key.toLowerCase().substring(2);
+            el.addEventListener(eventType, (event) => {
+                const result = handler(event);
+                if (Effect.isEffect(result)) {
+                    // Use runForkWithRuntime to get the full application context
+                    const effectWithErrorHandling = result.pipe(Effect.catchAllCause((cause) => Effect.logError("Event handler error", cause)));
+                    runForkWithRuntime(runtime)(effectWithErrorHandling);
+                }
+            });
+        }
+    }
+};
+//# sourceMappingURL=dom.js.map

package/dist/dom.js.map

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

package/dist/fiber-render.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Fiber-based rendering implementation.
+ *
+ * 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 fixes SSR hydration by producing identical DOM structure on server and client.
+ */
+import * as Effect from "effect/Effect";
+import { type VElement } from "./shared.js";
+import { FibraeRuntime } from "./runtime.js";
+/**
+ * Render a VElement tree to a DOM container using fiber-based reconciliation.
+ *
+ * This implementation:
+ * - Uses a fiber tree for efficient updates
+ * - Supports key-based diffing
+ * - Function components have no DOM wrapper - fixing SSR hydration
+ *
+ * @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>;
+/**
+ * Hydrate an existing DOM tree with a VElement tree.
+ *
+ * This walks the existing DOM and builds a fiber tree that matches it,
+ * enabling reactive updates without re-creating the DOM.
+ */
+export declare const hydrateFiber: (element: VElement, container: HTMLElement) => Effect.Effect<never, unknown, FibraeRuntime>;