@hypen-space/web 0.5.2 → 0.5.3

package/src/dom/route-focus.ts

@@ -0,0 +1,98 @@
+/**
+ * Route-change focus management.
+ *
+ * When the Router swaps routes, keyboard and screen-reader focus is left on
+ * an element that just left the document — the user is stranded and AT
+ * announces nothing. This module defines the focus contract for navigation
+ * (design Open Question #4) and the DOM renderer applies it after each patch
+ * batch:
+ *
+ * 1. A batch is a **navigation** when it contains at least one `detach` (the
+ *    leaving route, unlinked but kept alive by the Router cache) and at least
+ *    one incoming subtree root (an `attach` of a cached route, or a fresh
+ *    `create`+`insert` route build).
+ * 2. On navigation, focus moves to — in order of preference:
+ *    a. the element that held focus when the incoming subtree was detached
+ *       (**focus restore** on cached re-entry), if it is still inside the
+ *       subtree;
+ *    b. the subtree's first heading (`h1`–`h6` / `role="heading"`) or `main`
+ *       landmark — the "start of the new page" for AT users;
+ *    c. the subtree root itself.
+ *    Non-natively-focusable targets get `tabindex="-1"` (programmatic focus
+ *    only — they do not join the Tab order).
+ * 3. Focus-restore memory is keyed by the detached subtree's root NodeId and
+ *    is dropped the moment a `remove` arrives for that id (Router LRU
+ *    eviction) — **focus restore never targets an evicted NodeId**, the
+ *    invariant this contract exists to guarantee.
+ *
+ * The contract is opt-out: `DOMRendererOptions.routeFocus: "off"` disables it
+ * for apps that own focus management themselves.
+ */
+
+/** Tags that are natively focusable without a tabindex. */
+const NATIVELY_FOCUSABLE = new Set(["A", "BUTTON", "INPUT", "TEXTAREA", "SELECT"]);
+
+/** Heading hosts (`<h1>`–`<h6>`). */
+const HEADING_TAGS = new Set(["H1", "H2", "H3", "H4", "H5", "H6"]);
+
+type ElementLike = {
+  tagName?: string;
+  children?: ArrayLike<unknown>;
+  getAttribute?(name: string): string | null;
+};
+
+const matches = (el: ElementLike, pred: (el: ElementLike) => boolean): boolean => {
+  try {
+    return pred(el);
+  } catch {
+    return false;
+  }
+};
+
+const isHeading = (el: ElementLike): boolean =>
+  HEADING_TAGS.has(el.tagName?.toUpperCase() ?? "") ||
+  el.getAttribute?.("role") === "heading";
+
+const isMain = (el: ElementLike): boolean =>
+  el.tagName?.toUpperCase() === "MAIN" || el.getAttribute?.("role") === "main";
+
+/**
+ * Depth-first search over `children` (works on both real DOM collections and
+ * test-double arrays) for the first element matching `pred`.
+ */
+function findFirst(root: ElementLike, pred: (el: ElementLike) => boolean): ElementLike | null {
+  const children = Array.from((root.children ?? []) as ArrayLike<ElementLike>);
+  for (const child of children) {
+    if (matches(child, pred)) return child;
+    const nested = findFirst(child, pred);
+    if (nested) return nested;
+  }
+  return null;
+}
+
+/**
+ * Pick the element that should receive focus inside a freshly-shown route
+ * subtree: first heading, else first `main` landmark, else the root itself.
+ */
+export function findRouteFocusTarget(root: HTMLElement): HTMLElement {
+  const heading = findFirst(root as ElementLike, isHeading);
+  if (heading) return heading as HTMLElement;
+  const main = findFirst(root as ElementLike, isMain);
+  if (main) return main as HTMLElement;
+  return root;
+}
+
+/**
+ * Move focus to `target`, granting it programmatic focusability
+ * (`tabindex="-1"`) when it is neither natively focusable nor already
+ * carrying a tabindex. `-1` keeps it out of the Tab order — this is a
+ * navigation landing point, not a new tab stop.
+ */
+export function focusRouteTarget(target: HTMLElement): void {
+  const tag = target.tagName?.toUpperCase() ?? "";
+  const hasTabindex = target.getAttribute?.("tabindex") != null;
+  if (!NATIVELY_FOCUSABLE.has(tag) && !hasTabindex) {
+    target.setAttribute?.("tabindex", "-1");
+  }
+  target.focus?.();
+}

package/src/dom/semantics.ts

@@ -0,0 +1,199 @@
+/**
+ * Accessibility semantics → DOM.
+ *
+ * The engine derives a platform-neutral {@link Semantics} block (role, heading
+ * level, busy, and in later phases name/state/hidden/…) and ships it on
+ * `create` patches. This module is the DOM translation: it maps that block
+ * onto ARIA / native HTML.
+ *
+ * Guiding rule: **let native HTML do the work; never emit a redundant or
+ * misplaced role.** Most Hypen components render a semantic native element
+ * whose tag already conveys the correct role (`<button>`, `<a>`, `<p>`,
+ * `<img>`, `<input>`, `<select>`, `<textarea>`, `<h1>`–`<h6>`). Some render a
+ * wrapper around the real control (`Checkbox`/`Switch` are a `<label>` around a
+ * nested `<input>`), where putting the role on the wrapper would be flat wrong.
+ *
+ * So we only apply an explicit `role` when the host is a *generic* container
+ * (`<div>`/`<span>`) that conveys nothing on its own — which is exactly the
+ * handful of cases that need it (`Spinner`, `ProgressBar`). Everywhere else the
+ * native element is already correct, and the {@link Semantics} block still
+ * travels to the non-DOM renderers (Canvas shadow, iOS, Android) that lack
+ * native semantics.
+ */
+
+import type { Semantics } from "@hypen-space/core/types";
+
+/**
+ * The implicit ARIA role each native host tag already conveys. An engine
+ * role equal to the implicit one is never applied (redundant-role smell:
+ * `role="button"` on `<button>`), but a *different* engine role is an
+ * intentional override and IS applied — `role="tab"` on a `<button>` host,
+ * `role="combobox"` on an `<input>` (the ARIA 1.2 combobox pattern).
+ *
+ * `LABEL` is special-cased below: it never takes a role at all, because
+ * Checkbox/Switch render a `<label>` *wrapper* whose role belongs to the
+ * nested `<input>` — putting it on the wrapper would be flat wrong.
+ */
+const IMPLICIT_ROLE: Record<string, string> = {
+  A: "link",
+  P: "paragraph",
+  IMG: "img",
+  INPUT: "textbox",
+  TEXTAREA: "textbox",
+  SELECT: "listbox",
+  BUTTON: "button",
+  H1: "heading",
+  H2: "heading",
+  H3: "heading",
+  H4: "heading",
+  H5: "heading",
+  H6: "heading",
+};
+
+/**
+ * Attributes this module set on an element on its previous pass, so a
+ * re-apply (a reactive `setSemantics` patch) can clear exactly what it — and
+ * only it — owns. Tracking per element instead of blanket-removing every
+ * possible ARIA attribute keeps the `.aria()` escape hatch's attributes (and
+ * anything else outside this module) untouched.
+ */
+const appliedAttrs = new WeakMap<HTMLElement, string[]>();
+
+/**
+ * Apply derived accessibility semantics to a DOM element.
+ *
+ * Called at create (first paint) and again on every `setSemantics` patch
+ * with the node's complete re-resolved block. Idempotent, and **clearing**:
+ * an attribute this module set on a previous pass that the new block no
+ * longer produces is removed (a name reverting from explicit to derived
+ * must drop its stale `aria-label`, a cleared `.expanded` its
+ * `aria-expanded`). No-op when `semantics` was never present, so
+ * non-semantic nodes pay nothing.
+ */
+export function applySemantics(element: HTMLElement, semantics?: Semantics): void {
+  if (!semantics && !appliedAttrs.has(element)) return;
+
+  // Everything this pass wants set, collected first so the diff against the
+  // previous pass is a plain list comparison.
+  const next: Array<[string, string]> = [];
+
+  if (semantics) {
+    if (semantics.hidden) {
+      // Decorative: remove from the accessibility tree entirely. Nothing
+      // else applies once hidden.
+      next.push(["aria-hidden", "true"]);
+    } else {
+      // tagName is uppercase in real DOM; normalize so the lookup is robust
+      // against test doubles that preserve the as-created case.
+      const tag = element.tagName?.toUpperCase();
+
+      if (
+        semantics.role &&
+        tag !== "LABEL" &&
+        IMPLICIT_ROLE[tag] !== semantics.role
+      ) {
+        // Applied when the host conveys nothing (div/span) or when the
+        // engine role intentionally overrides the tag's implicit role
+        // (`role="tab"` on a <button>). Skipped when redundant, and always
+        // skipped on <label> wrappers (the role belongs to the nested input).
+        next.push(["role", semantics.role]);
+      }
+
+      // An explicit author label overrides visible content, so it is applied
+      // as aria-label even on native elements. A *derived* name is
+      // deliberately not applied — the browser already exposes it from the
+      // visible content.
+      if (semantics.nameExplicit && semantics.name) {
+        next.push(["aria-label", semantics.name]);
+      }
+
+      if (semantics.description) {
+        next.push(["aria-description", semantics.description]);
+      }
+
+      // Self-state relationship attributes.
+      if (semantics.expanded !== undefined) {
+        next.push(["aria-expanded", String(semantics.expanded)]);
+      }
+      if (semantics.pressed !== undefined) {
+        next.push(["aria-pressed", String(semantics.pressed)]);
+      }
+      if (semantics.selected !== undefined) {
+        next.push(["aria-selected", String(semantics.selected)]);
+      }
+      if (semantics.current) {
+        next.push(["aria-current", semantics.current]);
+      }
+      if (semantics.checked !== undefined) {
+        next.push(["aria-checked", String(semantics.checked)]);
+      }
+      if (semantics.invalid !== undefined) {
+        // Reactive form validity — kept live via `setSemantics` re-emits;
+        // clearing (block drops the field) removes the attribute below.
+        next.push(["aria-invalid", String(semantics.invalid)]);
+      }
+
+      // Cross-node relationships by author-supplied id. DOM-only /
+      // web-leaning: these id-reference relationships have no equivalent in
+      // the string-hint native accessibility APIs, so they do not travel to
+      // Canvas / iOS / Android. See the guide's "Platform support" section
+      // (hypen-docs/content/docs/guide/accessibility.mdx).
+      if (semantics.id) {
+        // The anchor the references below resolve against — a real DOM id.
+        next.push(["id", semantics.id]);
+      }
+      if (semantics.dir) {
+        // Base text direction → the native HTML dir attribute (not ARIA).
+        // Managed like `id`: cleared when a later block drops it.
+        next.push(["dir", semantics.dir]);
+      }
+      if (semantics.controls) {
+        next.push(["aria-controls", semantics.controls]);
+      }
+      if (semantics.describedby) {
+        next.push(["aria-describedby", semantics.describedby]);
+      }
+      if (semantics.labelledby) {
+        next.push(["aria-labelledby", semantics.labelledby]);
+      }
+      if (semantics.activeDescendant) {
+        // Reactive roving-focus pointer — arrives initially on `create` and
+        // stays live via `setSemantics` re-emits as the bound state changes.
+        next.push(["aria-activedescendant", semantics.activeDescendant]);
+      }
+      if (semantics.owns) {
+        next.push(["aria-owns", semantics.owns]);
+      }
+
+      if (semantics.busy) {
+        next.push(["aria-busy", "true"]);
+      }
+
+      if (semantics.live) {
+        // Live-region politeness — engine-validated ("polite" | "assertive").
+        next.push(["aria-live", semantics.live]);
+      }
+    }
+  }
+
+  // Clear what the previous pass set but this one doesn't.
+  const previous = appliedAttrs.get(element);
+  if (previous) {
+    const keep = new Set(next.map(([name]) => name));
+    for (const name of previous) {
+      if (!keep.has(name)) {
+        element.removeAttribute(name);
+      }
+    }
+  }
+
+  for (const [name, value] of next) {
+    element.setAttribute(name, value);
+  }
+
+  if (next.length > 0) {
+    appliedAttrs.set(element, next.map(([name]) => name));
+  } else {
+    appliedAttrs.delete(element);
+  }
+}

package/dist/canvas/input.d.ts

@@ -1,76 +0,0 @@
-/**
- * Input Overlay System
- *
- * Handle text input using DOM overlay elements
- */
-import type { VirtualNode } from "./types.js";
-/** Minimal engine interface for dispatching bind actions */
-interface BindEngine {
-    dispatchAction(name: string, payload?: unknown): void;
-}
-/**
- * Input Overlay Manager
- */
-export declare class InputOverlay {
-    private container;
-    private overlay;
-    private focusedNode;
-    private onChangeCallback;
-    private bindPath;
-    private engine;
-    constructor(container: HTMLElement | null);
-    /**
-     * Show input overlay for a node.
-     *
-     * Type comparison is case-insensitive — the engine emits `"Input"` /
-     * `"Textarea"`, but the overlay branch was looking for lowercase
-     * `"textarea"` and always created an `<input>` (so multi-line typing
-     * couldn't enter newlines and the visible caret was the wrong height).
-     */
-    showInput(node: VirtualNode, canvasBounds: DOMRect, onChange: (value: string) => void, engine?: BindEngine | null): void;
-    /**
-     * Hide input overlay
-     */
-    hideInput(): void;
-    /**
-     * Update overlay position
-     */
-    updatePosition(node: VirtualNode, canvasBounds: DOMRect): void;
-    /**
-     * Style overlay to match canvas node
-     */
-    private styleOverlay;
-    /**
-     * Position overlay over canvas node.
-     *
-     * `bounds` is in canvas-local CSS pixels (the layout coordinate space
-     * the renderer paints into after `ctx.scale(dpr, dpr)`). The overlay is
-     * mounted on `document.body`, so we add `canvasBounds.left/top`
-     * (page coords from `getBoundingClientRect`) to land at the right
-     * absolute position regardless of where the canvas sits on the page.
-     * Adding `window.scrollX/Y` keeps the overlay pinned to the canvas
-     * even when the page scrolls between focus and reposition.
-     */
-    private positionOverlay;
-    /**
-     * Handle input event
-     */
-    private onInput;
-    /**
-     * Handle blur event
-     */
-    private onBlur;
-    /**
-     * Handle keyboard events
-     */
-    private onKeyDown;
-    /**
-     * Check if input is currently shown
-     */
-    isShown(): boolean;
-    /**
-     * Get current focused node
-     */
-    getFocusedNode(): VirtualNode | null;
-}
-export {};

package/dist/canvas/input.js

@@ -1,207 +0,0 @@
-/**
- * Input Overlay System
- *
- * Handle text input using DOM overlay elements
- */
-import { getAbsoluteBounds, cssLengthToPx } from "./utils.js";
-/**
- * Input Overlay Manager
- */
-export class InputOverlay {
-    container;
-    overlay = null;
-    focusedNode = null;
-    onChangeCallback = null;
-    bindPath = null;
-    engine = null;
-    constructor(container) {
-        this.container = container || {};
-    }
-    /**
-     * Show input overlay for a node.
-     *
-     * Type comparison is case-insensitive — the engine emits `"Input"` /
-     * `"Textarea"`, but the overlay branch was looking for lowercase
-     * `"textarea"` and always created an `<input>` (so multi-line typing
-     * couldn't enter newlines and the visible caret was the wrong height).
-     */
-    showInput(node, canvasBounds, onChange, engine) {
-        // Skip if document is not available (non-browser environment)
-        if (typeof document === "undefined")
-            return;
-        this.hideInput();
-        // Store bind path and engine for two-way binding
-        this.bindPath = node.props.bind || null;
-        this.engine = engine || null;
-        const bounds = getAbsoluteBounds(node);
-        if (!bounds)
-            return;
-        const isMultiline = node.type.toLowerCase() === "textarea";
-        this.overlay = isMultiline
-            ? document.createElement("textarea")
-            : document.createElement("input");
-        // Style overlay
-        this.styleOverlay(node, bounds, canvasBounds);
-        // Set initial value
-        const value = node.props.value || "";
-        this.overlay.value = value;
-        // Setup event handlers
-        this.onChangeCallback = onChange;
-        this.overlay.addEventListener("input", this.onInput.bind(this));
-        this.overlay.addEventListener("blur", this.onBlur.bind(this));
-        this.overlay.addEventListener("keydown", this.onKeyDown.bind(this));
-        // Mount on document.body so absolute positioning is relative to the
-        // viewport (`canvasBounds.left/top` are page coords too) — no
-        // dependency on the canvas's wrapper having `position: relative`.
-        document.body.appendChild(this.overlay);
-        this.overlay.focus();
-        this.focusedNode = node;
-    }
-    /**
-     * Hide input overlay
-     */
-    hideInput() {
-        if (this.overlay) {
-            this.overlay.remove();
-            this.overlay = null;
-        }
-        this.focusedNode = null;
-        this.onChangeCallback = null;
-        this.bindPath = null;
-        this.engine = null;
-    }
-    /**
-     * Update overlay position
-     */
-    updatePosition(node, canvasBounds) {
-        if (!this.overlay || node !== this.focusedNode)
-            return;
-        const bounds = getAbsoluteBounds(node);
-        if (!bounds)
-            return;
-        this.positionOverlay(bounds, canvasBounds);
-    }
-    /**
-     * Style overlay to match canvas node
-     */
-    styleOverlay(node, bounds, canvasBounds) {
-        if (!this.overlay)
-            return;
-        const props = node.props;
-        // Position
-        this.positionOverlay(bounds, canvasBounds);
-        // Font and text styling — go through `cssLengthToPx` so values that
-        // arrive in `rem` ("0.875rem" for `text-sm`) round to real pixels
-        // instead of `parseFloat`'s bare 0.875 (which made the caret disappear).
-        const fontSize = cssLengthToPx(props.fontSize) ?? 16;
-        const fontWeight = props.fontWeight || "normal";
-        const fontFamily = props.fontFamily || "system-ui, sans-serif";
-        const color = props.color || "#000000";
-        const padTop = cssLengthToPx(props.paddingTop ?? props.padding) ?? 0;
-        const padRight = cssLengthToPx(props.paddingRight ?? props.padding) ?? 0;
-        const padBottom = cssLengthToPx(props.paddingBottom ?? props.padding) ?? 0;
-        const padLeft = cssLengthToPx(props.paddingLeft ?? props.padding) ?? 0;
-        const borderRadius = cssLengthToPx(props.borderRadius) ?? 4;
-        Object.assign(this.overlay.style, {
-            fontSize: `${fontSize}px`,
-            fontWeight: String(fontWeight),
-            fontFamily: fontFamily,
-            color: color,
-            border: "none",
-            outline: "none",
-            backgroundColor: props.backgroundColor || "#ffffff",
-            padding: `${padTop}px ${padRight}px ${padBottom}px ${padLeft}px`,
-            borderRadius: `${borderRadius}px`,
-            boxSizing: "border-box",
-            resize: "none",
-            // Keep the overlay above the canvas; the Bun-served stage has no
-            // stacking context of its own so a plain z-index works.
-            zIndex: "1000",
-        });
-        // Placeholder
-        if (props.placeholder) {
-            this.overlay.placeholder = props.placeholder;
-        }
-        // Input type
-        if (this.overlay instanceof HTMLInputElement && props.type) {
-            this.overlay.type = props.type;
-        }
-    }
-    /**
-     * Position overlay over canvas node.
-     *
-     * `bounds` is in canvas-local CSS pixels (the layout coordinate space
-     * the renderer paints into after `ctx.scale(dpr, dpr)`). The overlay is
-     * mounted on `document.body`, so we add `canvasBounds.left/top`
-     * (page coords from `getBoundingClientRect`) to land at the right
-     * absolute position regardless of where the canvas sits on the page.
-     * Adding `window.scrollX/Y` keeps the overlay pinned to the canvas
-     * even when the page scrolls between focus and reposition.
-     */
-    positionOverlay(bounds, canvasBounds) {
-        if (!this.overlay)
-            return;
-        const sx = typeof window !== "undefined" ? window.scrollX : 0;
-        const sy = typeof window !== "undefined" ? window.scrollY : 0;
-        Object.assign(this.overlay.style, {
-            position: "absolute",
-            left: `${canvasBounds.left + sx + bounds.x}px`,
-            top: `${canvasBounds.top + sy + bounds.y}px`,
-            width: `${bounds.width}px`,
-            height: `${bounds.height}px`,
-        });
-    }
-    /**
-     * Handle input event
-     */
-    onInput(e) {
-        if (!this.overlay || !this.onChangeCallback)
-            return;
-        const value = this.overlay.value;
-        this.onChangeCallback(value);
-        // Dispatch __hypen_bind for two-way binding
-        if (this.bindPath && this.engine) {
-            this.engine.dispatchAction("__hypen_bind", {
-                path: this.bindPath,
-                value,
-            });
-        }
-    }
-    /**
-     * Handle blur event
-     */
-    onBlur() {
-        // Hide overlay when focus is lost
-        this.hideInput();
-    }
-    /**
-     * Handle keyboard events
-     */
-    onKeyDown(e) {
-        if (!this.overlay)
-            return;
-        // Enter key submits (unless multiline)
-        if (e.key === "Enter" && this.overlay instanceof HTMLInputElement) {
-            e.preventDefault();
-            this.overlay.blur();
-        }
-        // Escape cancels
-        if (e.key === "Escape") {
-            e.preventDefault();
-            this.overlay.blur();
-        }
-    }
-    /**
-     * Check if input is currently shown
-     */
-    isShown() {
-        return this.overlay !== null;
-    }
-    /**
-     * Get current focused node
-     */
-    getFocusedNode() {
-        return this.focusedNode;
-    }
-}
-//# sourceMappingURL=input.js.map

package/dist/canvas/input.js.map

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