@echojs-ecosystem/hyperdom 0.1.0

package/README.md

@@ -0,0 +1,82 @@
+<div align="center">
+
+# @echojs-ecosystem/hyperdom
+
+**Direct DOM rendering — no virtual DOM, no JSX required.**
+
+[![npm](https://img.shields.io/npm/v/@echojs-ecosystem/hyperdom)](https://www.npmjs.com/package/@echojs-ecosystem/hyperdom)
+[![docs](https://img.shields.io/badge/docs-echojs.dev-blue)](https://echojs.dev/docs/packages/hyperdom)
+
+</div>
+
+---
+
+The view layer of EchoJS. Maps **views to real DOM nodes** with a hyperscript API (`h`), reactive children, and control helpers (`Show`, `List`). Designed as the foundation for a future JSX compiler.
+
+## Features
+
+- **`h()`** — create elements, components, and reactive regions
+- **`createView` / `createModel`** — structured UI with context checks
+- **`Show` / `List`** — conditional and list rendering
+- **Reactive props & children** — `() => value` registers effects; only what changed updates
+- **`render()` + `dispose()`** — mount with full cleanup (listeners, effects, DOM)
+
+## Install
+
+```bash
+npm install @echojs-ecosystem/hyperdom @echojs-ecosystem/reactivity
+```
+
+## Quick start
+
+```ts
+import { h, render, Show, button, div, span } from "@echojs-ecosystem/hyperdom";
+import { signal } from "@echojs-ecosystem/reactivity";
+
+const $count = signal(0);
+
+const view = div({ class: "app" }, [
+  button({ onClick: () => $count.update((n) => n + 1) }, "Increment"),
+  span(null, () => String($count.value())),
+  Show(
+    () => $count.value() > 0,
+    () => span(null, "Count is positive"),
+  ),
+]);
+
+const dispose = render(view, document.getElementById("app")!);
+// dispose() when unmounting
+```
+
+## API
+
+| Export | Description |
+|--------|-------------|
+| `h`, `div`, `button`, … | Hyperscript & HTML DSL |
+| `render(view, container)` | Mount view, return `dispose()` |
+| `createView` / `createModel` | View/model factories |
+| `createComponent` | Model + view composition |
+| `Show` / `List` | Control-flow helpers |
+| `mount` | Lifecycle mount helper |
+
+### Reactive patterns
+
+```ts
+// Reactive child
+h("span", null, () => $count.value());
+
+// Reactive prop
+h("input", { value: () => $text.value(), onInput: (e) => $text.set(e.currentTarget.value) });
+```
+
+## Related packages
+
+| Package | Role |
+|---------|------|
+| [`@echojs-ecosystem/reactivity`](https://www.npmjs.com/package/@echojs-ecosystem/reactivity) | Signals for dynamic regions |
+| [`@echojs-ecosystem/router`](https://www.npmjs.com/package/@echojs-ecosystem/router) | SPA routing bindings |
+| [`@echojs-ecosystem/ui`](https://www.npmjs.com/package/@echojs-ecosystem/ui) | Accessible UI components |
+
+## Documentation
+
+[echojs.dev/docs/packages/hyperdom](https://echojs.dev/docs/packages/hyperdom)

package/dist/index.d.ts

@@ -0,0 +1,286 @@
+import { P as Props, C as Child, a as Component, b as ClassValue } from './types-DqjK6Jv-.js';
+
+type HtmlTagName = keyof HTMLElementTagNameMap;
+type SvgTagName = keyof SVGElementTagNameMap;
+type IntrinsicTagName = HtmlTagName | SvgTagName;
+
+type ElementForIntrinsicTag$1<T extends IntrinsicTagName> = T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[T] : T extends keyof SVGElementTagNameMap ? SVGElementTagNameMap[T] : Element;
+/**
+ * Typed callable signature for `h()`.
+ *
+ * This is written as a type (not function overloads) so the runtime implementation can be an
+ * arrow function while still preserving overload-like call inference.
+ */
+type H = {
+    <T extends IntrinsicTagName>(tag: T, props?: Props<ElementForIntrinsicTag$1<T>> | null, children?: Child, ...rest: Child[]): Child;
+    <T extends IntrinsicTagName>(tag: T, children?: Child, ...rest: Child[]): Child;
+    <P = any>(tag: Component<P>, props?: (P & Props<Element>) | null, children?: Child, ...rest: Child[]): Child;
+    <P = any>(tag: Component<P>, children?: Child, ...rest: Child[]): Child;
+};
+/**
+ * Creates a DOM node (or calls a component function) with props and children.
+ *
+ * Supports a convenience call shape: `h("div", "text")` (treat second arg as children when it
+ * doesn't look like a props object).
+ */
+declare const h: H;
+
+/**
+ * Renders a `Child` view into a container element.
+ *
+ * Establishes a cleanup scope, mounts the initial tree, then activates deferred bindings.
+ * Returns a `dispose()` function that tears down reactive resources and clears the container.
+ */
+declare const render: (view: Child, container: Element) => (() => void);
+
+interface MountResult {
+    node: HTMLElement;
+    dispose: () => void;
+}
+/**
+ * Mounts a view into a container element.
+ *
+ * Creates a container `<div>` by default and returns `{ node, dispose }`.
+ */
+declare const mount: (view: Child, options?: {
+    container?: HTMLElement;
+    className?: string;
+}) => MountResult;
+
+/** Returns true while a `createModel(...)` factory is executing. */
+declare const isInModelContext: () => boolean;
+/**
+ * Wraps a model factory to mark "model construction context".
+ *
+ * Useful for strict-mode checks and for debugging lifecycle boundaries.
+ */
+declare const createModel: <VM>(factory: () => VM, name: string) => (() => VM);
+
+declare const createView: <VM = void>(viewFn: (vm: VM) => Child, name: string) => ((vm: VM) => Child);
+
+declare const isInViewContext: () => boolean;
+
+type ModelFactory<VM> = () => VM;
+type ViewFn<VM> = (vm: VM) => Child;
+type CreateComponentOptions = {
+    /** Debug label (e.g. "Counter" → Counter.displayName). */
+    name?: string;
+};
+/**
+ * Binds a model factory and view into a callable component.
+ *
+ * @example No props
+ * ```ts
+ * export const Counter = createComponent(createCounterModel, CounterView);
+ * // route: view: () => Counter()
+ * ```
+ *
+ * @example With props — pass the bound model factory
+ * ```ts
+ * export const CodeBlock = (props: Props) =>
+ *   createComponent(createCodeBlockModel(props), CodeBlockView)();
+ * ```
+ */
+declare const createComponent: <VM>(model: ModelFactory<VM>, view: ViewFn<VM>, options?: CreateComponentOptions) => (() => Child);
+
+/** Enables/disables strict context checks for UI construction. */
+declare const setStrictContextChecks: (enabled: boolean) => void;
+/** Returns current value of strict context checks. */
+declare const getStrictContextChecks: () => boolean;
+
+/**
+ * Conditional region helper.
+ *
+ * Returns a dynamic child that re-evaluates `condition()` and renders either `then()` or
+ * `fallback()` on each update.
+ */
+declare const Show: (condition: () => boolean, then: () => Child, fallback?: () => Child) => (() => Child);
+
+type SignalLike<T> = {
+    value(): T;
+};
+/**
+ * List rendering helper.
+ *
+ * Returns a function so the list can be used as a dynamic child and re-evaluated when reactive
+ * dependencies change.
+ */
+declare const List: <T>(source: SignalLike<readonly T[]> | (() => readonly T[]), renderItem: (item: T, index: () => number) => Child) => (() => Child);
+
+type IntrinsicTag = keyof HTMLElementTagNameMap | keyof SVGElementTagNameMap;
+type ElementForIntrinsicTag<T extends IntrinsicTag> = T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[T] : T extends keyof SVGElementTagNameMap ? SVGElementTagNameMap[T] : Element;
+type PropsFor<T extends IntrinsicTag> = Props<ElementForIntrinsicTag<T>> | null | undefined;
+type TagFn<T extends IntrinsicTag> = {
+    (): Child;
+    (props?: PropsFor<T>): Child;
+    (props: PropsFor<T>, children?: Child, ...rest: Child[]): Child;
+    (children?: Child, ...rest: Child[]): Child;
+};
+/** Small `class` builder for conditional class names. */
+declare const cx: (...values: ClassValue[]) => string;
+/**
+ * Tiny helpers for common DOM event props using `onXxx` form.
+ *
+ * If you want per-element `currentTarget` typing, prefer using `onClick` / `onInput` on the
+ * element props so it can be inferred from the tag.
+ */
+declare const on: {
+    readonly click: (fn: (e: MouseEvent & {
+        currentTarget: Element;
+    }) => void) => {
+        onClick: (e: MouseEvent & {
+            currentTarget: Element;
+        }) => void;
+    };
+    readonly input: (fn: (e: Event & {
+        currentTarget: Element;
+    }) => void) => {
+        onInput: (e: Event & {
+            currentTarget: Element;
+        }) => void;
+    };
+    readonly change: (fn: (e: Event & {
+        currentTarget: Element;
+    }) => void) => {
+        onChange: (e: Event & {
+            currentTarget: Element;
+        }) => void;
+    };
+    readonly submit: (fn: (e: SubmitEvent & {
+        currentTarget: Element;
+    }) => void) => {
+        onSubmit: (e: SubmitEvent & {
+            currentTarget: Element;
+        }) => void;
+    };
+};
+/** Common `aria-*` attribute helpers. */
+declare const aria: {
+    readonly label: (value: string) => {
+        "aria-label": string;
+    };
+    readonly expanded: (value: boolean) => {
+        "aria-expanded": boolean;
+    };
+    readonly pressed: (value: boolean) => {
+        "aria-pressed": boolean;
+    };
+    readonly hidden: (value: boolean) => {
+        "aria-hidden": boolean;
+    };
+};
+/** Common `data-*` attribute helpers. */
+declare const data: {
+    readonly testid: (value: string) => {
+        "data-testid": string;
+    };
+    readonly test: (value: string) => {
+        "data-test": string;
+    };
+};
+/** `<h1>` element factory. */
+declare const h1: TagFn<"h1">;
+/** `<h2>` element factory. */
+declare const h2: TagFn<"h2">;
+/** `<h3>` element factory. */
+declare const h3: TagFn<"h3">;
+/** `<h4>` element factory. */
+declare const h4: TagFn<"h4">;
+/** `<h5>` element factory. */
+declare const h5: TagFn<"h5">;
+/** `<h6>` element factory. */
+declare const h6: TagFn<"h6">;
+/** `<p>` element factory. */
+declare const p: TagFn<"p">;
+/** `<pre>` element factory. */
+declare const pre: TagFn<"pre">;
+/** `<blockquote>` element factory. */
+declare const blockquote: TagFn<"blockquote">;
+/** `<span>` element factory. */
+declare const span: TagFn<"span">;
+/** `<strong>` element factory. */
+declare const strong: TagFn<"strong">;
+/** `<em>` element factory. */
+declare const em: TagFn<"em">;
+/** `<small>` element factory. */
+declare const small: TagFn<"small">;
+/** `<code>` element factory. */
+declare const code: TagFn<"code">;
+/** `<kbd>` element factory. */
+declare const kbd: TagFn<"kbd">;
+/** `<div>` element factory. */
+declare const div: TagFn<"div">;
+/** `<hr>` element factory. */
+declare const hr: TagFn<"hr">;
+/** `<br>` element factory. */
+declare const br: TagFn<"br">;
+/** `<header>` element factory. */
+declare const header: TagFn<"header">;
+/** `<main>` element factory. */
+declare const main: TagFn<"main">;
+/** `<footer>` element factory. */
+declare const footer: TagFn<"footer">;
+/** `<nav>` element factory. */
+declare const nav: TagFn<"nav">;
+/** `<section>` element factory. */
+declare const section: TagFn<"section">;
+/** `<article>` element factory. */
+declare const article: TagFn<"article">;
+/** `<aside>` element factory. */
+declare const aside: TagFn<"aside">;
+/** `<ul>` element factory. */
+declare const ul: TagFn<"ul">;
+/** `<ol>` element factory. */
+declare const ol: TagFn<"ol">;
+/** `<li>` element factory. */
+declare const li: TagFn<"li">;
+/** `<dl>` element factory. */
+declare const dl: TagFn<"dl">;
+/** `<dt>` element factory. */
+declare const dt: TagFn<"dt">;
+/** `<dd>` element factory. */
+declare const dd: TagFn<"dd">;
+/** `<form>` element factory. */
+declare const form: TagFn<"form">;
+/** `<label>` element factory. */
+declare const label: TagFn<"label">;
+/** `<input>` element factory. */
+declare const input: TagFn<"input">;
+/** `<textarea>` element factory. */
+declare const textarea: TagFn<"textarea">;
+/** `<select>` element factory. */
+declare const select: TagFn<"select">;
+/** `<option>` element factory. */
+declare const option: TagFn<"option">;
+/** `<button>` element factory. */
+declare const button: TagFn<"button">;
+/** `<img>` element factory. */
+declare const img: TagFn<"img">;
+/** `<picture>` element factory. */
+declare const picture: TagFn<"picture">;
+/** `<source>` element factory. */
+declare const source: TagFn<"source">;
+/** `<video>` element factory. */
+declare const video: TagFn<"video">;
+/** `<audio>` element factory. */
+declare const audio: TagFn<"audio">;
+/** `<svg>` element factory. */
+declare const svg: TagFn<"svg">;
+/** `<table>` element factory. */
+declare const table: TagFn<"table">;
+/** `<thead>` element factory. */
+declare const thead: TagFn<"thead">;
+/** `<tbody>` element factory. */
+declare const tbody: TagFn<"tbody">;
+/** `<tfoot>` element factory. */
+declare const tfoot: TagFn<"tfoot">;
+/** `<tr>` element factory. */
+declare const tr: TagFn<"tr">;
+/** `<th>` element factory. */
+declare const th: TagFn<"th">;
+/** `<td>` element factory. */
+declare const td: TagFn<"td">;
+/** `<caption>` element factory. */
+declare const caption: TagFn<"caption">;
+
+export { Child, Component, type CreateComponentOptions, type IntrinsicTag, List, type ModelFactory, Props, Show, type ViewFn, aria, article, aside, audio, blockquote, br, button, caption, code, createComponent, createModel, createView, cx, data, dd, div, dl, dt, em, footer, form, getStrictContextChecks, h, h1, h2, h3, h4, h5, h6, header, hr, img, input, isInModelContext, isInViewContext, kbd, label, li, main, mount, nav, ol, on, option, p, picture, pre, render, section, select, setStrictContextChecks, small, source, span, strong, svg, table, tbody, td, textarea, tfoot, th, thead, tr, ul, video };

package/dist/index.js

@@ -0,0 +1,583 @@
+import { effect } from '@echojs-ecosystem/reactivity';
+
+// src/lifecycle/reactive.ts
+
+// src/lifecycle/cleanup.ts
+var currentScope = null;
+var createScope = () => ({ cleanups: [], disposed: false });
+var getCurrentScope = () => currentScope;
+var runWithScope = (scope, fn) => {
+  const prev = currentScope;
+  currentScope = scope;
+  try {
+    return fn();
+  } finally {
+    currentScope = prev;
+  }
+};
+var onCleanup = (fn) => {
+  const scope = currentScope;
+  if (!scope || scope.disposed) return;
+  scope.cleanups.push(fn);
+};
+var disposeScope = (scope) => {
+  if (scope.disposed) return;
+  scope.disposed = true;
+  for (let i = scope.cleanups.length - 1; i >= 0; i--) {
+    try {
+      scope.cleanups[i]?.();
+    } catch {
+    }
+  }
+  scope.cleanups.length = 0;
+};
+
+// src/lifecycle/reactive.ts
+var createReactiveEffect = (fn, onDispose) => {
+  const dispose = effect(fn);
+  const wrapped = () => {
+    try {
+      dispose();
+    } finally {
+      onDispose?.();
+    }
+  };
+  onCleanup(wrapped);
+  return wrapped;
+};
+
+// src/dom/add-binding.ts
+var bindings = /* @__PURE__ */ new WeakMap();
+var addBinding = (node, fn) => {
+  const list = bindings.get(node);
+  if (list) list.push(fn);
+  else bindings.set(node, [fn]);
+};
+var takeBindings = (node) => {
+  const list = bindings.get(node);
+  if (!list) return null;
+  bindings.delete(node);
+  return list;
+};
+
+// src/dom/parse-event-key.ts
+var parseEventKey = (key) => {
+  if (!/^on[A-Z]/.test(key)) return null;
+  const eventName = key.slice(2);
+  const event = eventName.charAt(0).toLowerCase() + eventName.slice(1);
+  return { event };
+};
+
+// src/dom/set-event.ts
+var setEvent = (element, key, handler) => {
+  const parsed = parseEventKey(key);
+  if (!parsed) return null;
+  if (typeof handler !== "function") return null;
+  const { event } = parsed;
+  const user = handler;
+  const listener = (event2) => user(event2);
+  element.addEventListener(event, listener);
+  return { event, listener };
+};
+
+// src/dom/props.ts
+var isPlainObject = (v) => typeof v === "object" && v !== null && v.constructor === Object;
+var normalizeClass = (value) => {
+  const out = [];
+  const push = (v) => {
+    if (!v || v === true) return;
+    if (typeof v === "string") {
+      const s = v.trim();
+      if (s) out.push(s);
+      return;
+    }
+    if (Array.isArray(v)) {
+      for (const x of v) push(x);
+      return;
+    }
+    if (isPlainObject(v)) {
+      for (const [k, ok] of Object.entries(v)) {
+        if (ok) out.push(k);
+      }
+    }
+  };
+  push(value);
+  return out.length ? out.join(" ") : null;
+};
+var setStyle = (el, value) => {
+  if (value == null || value === false) {
+    el.removeAttribute("style");
+    el.style.cssText = "";
+    return;
+  }
+  if (typeof value === "string") {
+    el.setAttribute("style", value);
+    return;
+  }
+  if (Array.isArray(value)) {
+    el.removeAttribute("style");
+    el.style.cssText = "";
+    for (const part of value) {
+      if (part == null || part === false) continue;
+      if (typeof part === "string") {
+        el.style.cssText += part.endsWith(";") ? part : part + ";";
+        continue;
+      }
+      if (isPlainObject(part)) {
+        const style = el.style;
+        for (const [k, v] of Object.entries(part)) {
+          if (v == null || v === false) style.removeProperty(k);
+          else style.setProperty(k, String(v));
+        }
+      }
+    }
+    return;
+  }
+  if (isPlainObject(value)) {
+    const style = el.style;
+    for (const [k, v] of Object.entries(value)) {
+      if (v == null || v === false) {
+        style.removeProperty(k);
+      } else {
+        style.setProperty(k, String(v));
+      }
+    }
+  }
+};
+var setRef = (el, value) => {
+  if (typeof value !== "function") return;
+  const ref = value;
+  ref(el);
+  onCleanup(() => ref(null));
+};
+var setAttr = (el, key, value) => {
+  if (value == null || value === false) {
+    el.removeAttribute(key);
+    return;
+  }
+  el.setAttribute(key, value === true ? "" : String(value));
+};
+var setDomProp = (el, key, value) => {
+  if (value == null || value === false) {
+    try {
+      el[key] = key === "value" ? "" : false;
+    } catch {
+    }
+    return;
+  }
+  try {
+    el[key] = value;
+  } catch {
+  }
+};
+var setProp = (el, key, value) => {
+  if (key === "children") return;
+  if (key.startsWith("on")) return;
+  if (key.startsWith(".")) {
+    setDomProp(el, key.slice(1), value);
+    return;
+  }
+  if (key.startsWith("^")) {
+    setAttr(el, key.slice(1), value);
+    return;
+  }
+  if (key === "ref") {
+    addBinding(el, () => setRef(el, value));
+    return;
+  }
+  if (key === "class" || key === "className") {
+    setAttr(el, "class", normalizeClass(value));
+    return;
+  }
+  if (key === "style") {
+    setStyle(el, value);
+    return;
+  }
+  if (key.startsWith("data-") || key.startsWith("aria-")) {
+    setAttr(el, key, value);
+    return;
+  }
+  if (key in el) {
+    setDomProp(el, key, value);
+    return;
+  }
+  setAttr(el, key, value);
+};
+var setProps = (el, props) => {
+  if (!props) return;
+  for (const [key, raw] of Object.entries(props)) {
+    if (key.startsWith("on")) {
+      addBinding(el, () => {
+        const bound = setEvent(el, key, raw);
+        if (!bound) return;
+        onCleanup(() => el.removeEventListener(bound.event, bound.listener));
+      });
+      continue;
+    }
+    if (typeof raw === "function" && key !== "ref") {
+      addBinding(el, () => createReactiveEffect(() => setProp(el, key, raw())));
+    } else {
+      setProp(el, key, raw);
+    }
+  }
+};
+
+// src/dom/remove-node.ts
+var removeNode = (node) => {
+  node.parentNode?.removeChild(node);
+};
+
+// src/dom/clear-between.ts
+var clearBetween = (start, end) => {
+  let cur = start.nextSibling;
+  while (cur && cur !== end) {
+    const next = cur.nextSibling;
+    removeNode(cur);
+    cur = next;
+  }
+};
+
+// src/dom/collect-between.ts
+var collectBetween = (start, end) => {
+  const out = [];
+  let cur = start.nextSibling;
+  while (cur && cur !== end) {
+    out.push(cur);
+    cur = cur.nextSibling;
+  }
+  return out;
+};
+
+// src/dom/activate-bindings.ts
+var activateBindings = (node) => {
+  const list = takeBindings(node);
+  if (!list) return;
+  for (const fn of list) fn();
+};
+
+// src/dom/activate-tree.ts
+var activateTree = (root) => {
+  activateBindings(root);
+  const walker = document.createTreeWalker(root, NodeFilter.SHOW_ALL);
+  let cur = walker.nextNode();
+  while (cur) {
+    activateBindings(cur);
+    cur = walker.nextNode();
+  }
+};
+
+// src/dom/children.ts
+var isNode = (v) => typeof v === "object" && v !== null && typeof v.nodeType === "number";
+var normalizeText = (v) => document.createTextNode(String(v));
+var mountChild = (parent, child, before) => {
+  if (child == null || child === false || child === true) return [];
+  if (typeof child === "string" || typeof child === "number") {
+    const node = normalizeText(child);
+    parent.insertBefore(node, before);
+    return [node];
+  }
+  if (typeof child === "function") {
+    return mountDynamic(parent, child, before);
+  }
+  if (Array.isArray(child)) {
+    return mountChildren(parent, child, before);
+  }
+  if (isNode(child)) {
+    parent.insertBefore(child, before);
+    return [child];
+  }
+  return [];
+};
+var mountChildren = (parent, children, before) => {
+  const out = [];
+  for (const child of children) {
+    if (Array.isArray(child)) out.push(...mountChildren(parent, child, before));
+    else out.push(...mountChild(parent, child, before));
+  }
+  return out;
+};
+var mountDynamic = (parent, compute, before) => {
+  const start = document.createComment("hyperdom:start");
+  const end = document.createComment("hyperdom:end");
+  parent.insertBefore(end, before);
+  parent.insertBefore(start, end);
+  let regionScope = null;
+  const update = () => {
+    if (regionScope) {
+      disposeScope(regionScope);
+      regionScope = null;
+    }
+    clearBetween(start, end);
+    const next = compute();
+    const nextScope = createScope();
+    regionScope = nextScope;
+    runWithScope(nextScope, () => {
+      mountChild(parent, next, end);
+      for (const node of collectBetween(start, end)) {
+        activateTree(node);
+      }
+    });
+  };
+  const activate = () => {
+    const ownerScope = getCurrentScope();
+    if (!ownerScope) {
+      update();
+      return;
+    }
+    const updateInOwnerScope = () => runWithScope(ownerScope, update);
+    createReactiveEffect(updateInOwnerScope, () => {
+      if (regionScope) disposeScope(regionScope);
+      clearBetween(start, end);
+      start.parentNode?.removeChild(start);
+      end.parentNode?.removeChild(end);
+    });
+  };
+  addBinding(end, activate);
+  addBinding(end, () => {
+    onCleanup(() => {
+      if (regionScope) disposeScope(regionScope);
+      clearBetween(start, end);
+      start.parentNode?.removeChild(start);
+      end.parentNode?.removeChild(end);
+    });
+  });
+  return [start, end];
+};
+
+// src/dom/create-node.ts
+var createNode = (tag, props, children) => {
+  if (typeof tag === "function") {
+    const nextProps = { ...props ?? {}, children };
+    return tag(nextProps);
+  }
+  const element = document.createElement(tag);
+  setProps(element, props ?? null);
+  if (children !== void 0) {
+    if (Array.isArray(children)) mountChildren(element, children, null);
+    else mountChild(element, children, null);
+  }
+  return element;
+};
+
+// src/config.ts
+var strictContextChecks = true;
+var setStrictContextChecks = (enabled) => {
+  strictContextChecks = enabled;
+};
+var getStrictContextChecks = () => strictContextChecks;
+
+// src/view-context.ts
+var viewDepth = 0;
+var isInViewContext = () => viewDepth > 0;
+var withViewContext = (fn) => {
+  viewDepth++;
+  try {
+    return fn();
+  } finally {
+    viewDepth--;
+  }
+};
+
+// src/h.ts
+var isProps = (value) => {
+  return value === null || typeof value === "object" && value !== null && !Array.isArray(value) && !value.nodeType;
+};
+var normalizeChildren = (list) => {
+  if (list.length === 0) return void 0;
+  if (list.length === 1) return list[0];
+  return list;
+};
+var h = ((tag, props, children, ...rest) => {
+  if (getStrictContextChecks() && !isInViewContext() && !getCurrentScope()) {
+    throw new Error(
+      "hyperdom: h() called outside of view/render context. Wrap UI creation in createView(...), or call it while rendering."
+    );
+  }
+  if (children === void 0 && rest.length === 0 && props !== void 0 && !isProps(props)) {
+    return createNode(tag, null, props);
+  }
+  const normalized = normalizeChildren(children === void 0 ? [] : [children, ...rest]);
+  return createNode(tag, props ?? null, normalized);
+});
+
+// src/render.ts
+var render = (view, container) => {
+  container.textContent = "";
+  const scope = createScope();
+  runWithScope(scope, () => {
+    if (Array.isArray(view)) mountChildren(container, view, null);
+    else mountChild(container, view, null);
+    activateTree(container);
+  });
+  return () => {
+    disposeScope(scope);
+    container.textContent = "";
+  };
+};
+
+// src/mount.ts
+var mount = (view, options) => {
+  const node = options?.container ?? document.createElement("div");
+  if (options?.className) node.className = options.className;
+  const dispose = render(view, node);
+  node.__echoDispose = dispose;
+  return { node, dispose };
+};
+
+// src/create-model.ts
+var modelDepth = 0;
+var isInModelContext = () => modelDepth > 0;
+var createModel = (factory, name) => {
+  const make = () => {
+    modelDepth++;
+    try {
+      return factory();
+    } finally {
+      modelDepth--;
+    }
+  };
+  return Object.assign(make, { displayName: name });
+};
+
+// src/create-view.ts
+var createView = (viewFn, name) => {
+  const view = (vm) => withViewContext(() => viewFn(vm));
+  return Object.assign(view, { displayName: name });
+};
+
+// src/component.ts
+var labelComponent = (fn, name) => {
+  if (!name) return fn;
+  return Object.assign(fn, { displayName: name });
+};
+var createComponent = (model, view, options) => labelComponent(() => {
+  const vm = model();
+  return view(vm);
+}, options?.name);
+
+// src/control/show.ts
+var Show = (condition, then, fallback) => {
+  return () => condition() ? then() : fallback ? fallback() : null;
+};
+
+// src/control/list.ts
+var readSource = (source2) => {
+  if (typeof source2 === "function") return source2();
+  return source2.value();
+};
+var List = (source2, renderItem) => {
+  return () => {
+    const arr = readSource(source2);
+    return arr.map((item, i) => renderItem(item, () => i));
+  };
+};
+
+// src/dsl.ts
+var isProps2 = (value) => {
+  return value === null || typeof value === "object" && value !== null && !Array.isArray(value) && !value.nodeType;
+};
+var normalizeChildren2 = (list) => {
+  if (list.length === 0) return void 0;
+  if (list.length === 1) return list[0];
+  return list;
+};
+var makeTag = (name) => {
+  return ((arg1, arg2, ...rest) => {
+    const props = isProps2(arg1) ? arg1 : null;
+    const childrenList = isProps2(arg1) ? [arg2, ...rest] : [arg1, arg2, ...rest];
+    const children = normalizeChildren2(childrenList.filter((x) => x !== void 0));
+    return h(name, props, children);
+  });
+};
+var cx = (...values) => {
+  const out = [];
+  const push = (value) => {
+    if (!value) return;
+    if (typeof value === "string") {
+      const s = value.trim();
+      if (s) out.push(s);
+      return;
+    }
+    if (Array.isArray(value)) {
+      for (const x of value) push(x);
+      return;
+    }
+    for (const [k, ok] of Object.entries(value)) {
+      if (ok) out.push(k);
+    }
+  };
+  for (const value of values) push(value);
+  return out.join(" ");
+};
+var on = {
+  click: (fn) => ({ onClick: fn }),
+  input: (fn) => ({ onInput: fn }),
+  change: (fn) => ({ onChange: fn }),
+  submit: (fn) => ({ onSubmit: fn })
+};
+var aria = {
+  label: (value) => ({ "aria-label": value }),
+  expanded: (value) => ({ "aria-expanded": value }),
+  pressed: (value) => ({ "aria-pressed": value }),
+  hidden: (value) => ({ "aria-hidden": value })
+};
+var data = {
+  testid: (value) => ({ "data-testid": value }),
+  test: (value) => ({ "data-test": value })
+};
+var h1 = makeTag("h1");
+var h2 = makeTag("h2");
+var h3 = makeTag("h3");
+var h4 = makeTag("h4");
+var h5 = makeTag("h5");
+var h6 = makeTag("h6");
+var p = makeTag("p");
+var pre = makeTag("pre");
+var blockquote = makeTag("blockquote");
+var span = makeTag("span");
+var strong = makeTag("strong");
+var em = makeTag("em");
+var small = makeTag("small");
+var code = makeTag("code");
+var kbd = makeTag("kbd");
+var div = makeTag("div");
+var hr = makeTag("hr");
+var br = makeTag("br");
+var header = makeTag("header");
+var main = makeTag("main");
+var footer = makeTag("footer");
+var nav = makeTag("nav");
+var section = makeTag("section");
+var article = makeTag("article");
+var aside = makeTag("aside");
+var ul = makeTag("ul");
+var ol = makeTag("ol");
+var li = makeTag("li");
+var dl = makeTag("dl");
+var dt = makeTag("dt");
+var dd = makeTag("dd");
+var form = makeTag("form");
+var label = makeTag("label");
+var input = makeTag("input");
+var textarea = makeTag("textarea");
+var select = makeTag("select");
+var option = makeTag("option");
+var button = makeTag("button");
+var img = makeTag("img");
+var picture = makeTag("picture");
+var source = makeTag("source");
+var video = makeTag("video");
+var audio = makeTag("audio");
+var svg = makeTag("svg");
+var table = makeTag("table");
+var thead = makeTag("thead");
+var tbody = makeTag("tbody");
+var tfoot = makeTag("tfoot");
+var tr = makeTag("tr");
+var th = makeTag("th");
+var td = makeTag("td");
+var caption = makeTag("caption");
+
+export { List, Show, aria, article, aside, audio, blockquote, br, button, caption, code, createComponent, createModel, createView, cx, data, dd, div, dl, dt, em, footer, form, getStrictContextChecks, h, h1, h2, h3, h4, h5, h6, header, hr, img, input, isInModelContext, isInViewContext, kbd, label, li, main, mount, nav, ol, on, option, p, picture, pre, render, section, select, setStrictContextChecks, small, source, span, strong, svg, table, tbody, td, textarea, tfoot, th, thead, tr, ul, video };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lifecycle/cleanup.ts","../src/lifecycle/reactive.ts","../src/dom/add-binding.ts","../src/dom/parse-event-key.ts","../src/dom/set-event.ts","../src/dom/props.ts","../src/dom/remove-node.ts","../src/dom/clear-between.ts","../src/dom/collect-between.ts","../src/dom/activate-bindings.ts","../src/dom/activate-tree.ts","../src/dom/children.ts","../src/dom/create-node.ts","../src/config.ts","../src/view-context.ts","../src/h.ts","../src/render.ts","../src/mount.ts","../src/create-model.ts","../src/create-view.ts","../src/component.ts","../src/control/show.ts","../src/control/list.ts","../src/dsl.ts"],"names":["event","source","isProps","normalizeChildren"],"mappings":"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","file":"index.js","sourcesContent":["export type CleanupFn = () => void;\n\nexport interface Scope {\n  readonly cleanups: CleanupFn[];\n  disposed: boolean;\n}\n\nlet currentScope: Scope | null = null;\n\n/** Creates a fresh cleanup scope (used by render and dynamic regions). */\nexport const createScope = (): Scope => ({ cleanups: [], disposed: false });\n\n/** Returns the scope currently active on this call stack (if any). */\nexport const getCurrentScope = (): Scope | null => currentScope;\n\n/**\n * Runs a function with `scope` set as current, restoring the previous scope afterwards.\n */\nexport const runWithScope = <T>(scope: Scope, fn: () => T): T => {\n  const prev = currentScope;\n  currentScope = scope;\n  try {\n    return fn();\n  } finally {\n    currentScope = prev;\n  }\n};\n\n/** Registers a cleanup callback on the current scope (no-op if no active scope). */\nexport const onCleanup = (fn: CleanupFn): void => {\n  const scope = currentScope;\n  if (!scope || scope.disposed) return;\n  scope.cleanups.push(fn);\n};\n\n/** Disposes a scope, running cleanups in reverse order (best-effort). */\nexport const disposeScope = (scope: Scope): void => {\n  if (scope.disposed) return;\n  scope.disposed = true;\n\n  for (let i = scope.cleanups.length - 1; i >= 0; i--) {\n    try {\n      scope.cleanups[i]?.();\n    } catch {\n      // best-effort cleanup\n    }\n  }\n  scope.cleanups.length = 0;\n};\n","import { effect } from \"@echojs-ecosystem/reactivity\";\nimport { onCleanup } from \"./cleanup\";\n\n/**\n * Registers a reactive effect in the current cleanup scope.\n *\n * Returns the disposer function (also registered with `onCleanup`).\n */\nexport const createReactiveEffect = (fn: () => void, onDispose?: () => void): (() => void) => {\n  const dispose = effect(fn);\n  const wrapped = () => {\n    try {\n      dispose();\n    } finally {\n      onDispose?.();\n    }\n  };\n  onCleanup(wrapped);\n  return wrapped;\n};\n","type Binding = () => void;\n\nconst bindings = new WeakMap<Node, Binding[]>();\n\nexport const addBinding = (node: Node, fn: Binding): void => {\n  const list = bindings.get(node);\n  if (list) list.push(fn);\n  else bindings.set(node, [fn]);\n};\n\nexport const takeBindings = (node: Node): Binding[] | null => {\n  const list = bindings.get(node);\n  if (!list) return null;\n  bindings.delete(node);\n  return list;\n};\n\n","/** Parses React-style event props (`onClick` → `click`). */\nexport const parseEventKey = (key: string): { event: string } | null => {\n  if (!/^on[A-Z]/.test(key)) return null;\n\n  const eventName = key.slice(2);\n  const event = eventName.charAt(0).toLowerCase() + eventName.slice(1);\n  return { event };\n};\n","import { parseEventKey } from \"./parse-event-key\";\n\nexport type EventHandler = (event: Event) => void;\n\nexport const setEvent = (\n  element: Element,\n  key: string,\n  handler: unknown,\n): { event: string; listener: EventListener } | null => {\n  const parsed = parseEventKey(key);\n  if (!parsed) return null;\n  if (typeof handler !== \"function\") return null;\n\n  const { event } = parsed;\n  const user = handler as (e: Event) => void;\n  const listener: EventListener = (event) => user(event);\n\n  element.addEventListener(event, listener);\n  return { event, listener };\n};\n","import { createReactiveEffect } from \"../lifecycle/reactive\";\nimport { onCleanup } from \"../lifecycle/cleanup\";\nimport { addBinding } from \"./add-binding\";\nimport { setEvent } from \"./set-event\";\n\ntype StyleObject = Record<string, string | number | null | undefined | false>;\n\nconst isPlainObject = (v: unknown): v is Record<string, unknown> =>\n  typeof v === \"object\" && v !== null && (v as any).constructor === Object;\n\ntype ClassObject = Record<string, boolean | null | undefined>;\ntype ClassValue =\n  | string\n  | null\n  | undefined\n  | false\n  | ClassObject\n  | readonly ClassValue[];\n\nconst normalizeClass = (value: unknown): string | null => {\n  const out: string[] = [];\n\n  const push = (v: unknown): void => {\n    if (!v || v === true) return;\n    if (typeof v === \"string\") {\n      const s = v.trim();\n      if (s) out.push(s);\n      return;\n    }\n    if (Array.isArray(v)) {\n      for (const x of v) push(x);\n      return;\n    }\n    if (isPlainObject(v)) {\n      for (const [k, ok] of Object.entries(v as ClassObject)) {\n        if (ok) out.push(k);\n      }\n    }\n  };\n\n  push(value as ClassValue);\n  return out.length ? out.join(\" \") : null;\n};\n\n/** Applies a `style` value (string or object) onto an element. */\nconst setStyle = (el: HTMLElement, value: unknown): void => {\n  if (value == null || value === false) {\n    el.removeAttribute(\"style\");\n    el.style.cssText = \"\";\n    return;\n  }\n  if (typeof value === \"string\") {\n    el.setAttribute(\"style\", value);\n    return;\n  }\n  if (Array.isArray(value)) {\n    // Vue-like: allow an array of style objects and/or strings.\n    // We reset first so reactive updates don't accumulate old styles.\n    el.removeAttribute(\"style\");\n    el.style.cssText = \"\";\n    for (const part of value) {\n      if (part == null || part === false) continue;\n      if (typeof part === \"string\") {\n        el.style.cssText += part.endsWith(\";\") ? part : part + \";\";\n        continue;\n      }\n      if (isPlainObject(part)) {\n        const style = el.style;\n        for (const [k, v] of Object.entries(part as StyleObject)) {\n          if (v == null || v === false) style.removeProperty(k);\n          else style.setProperty(k, String(v));\n        }\n      }\n    }\n    return;\n  }\n  if (isPlainObject(value)) {\n    const style = el.style;\n    for (const [k, v] of Object.entries(value as StyleObject)) {\n      if (v == null || v === false) {\n        style.removeProperty(k);\n      } else {\n        style.setProperty(k, String(v));\n      }\n    }\n  }\n};\n\n/** Applies a `ref` callback and registers cleanup to pass `null` on dispose. */\nconst setRef = (el: Element, value: unknown): void => {\n  if (typeof value !== \"function\") return;\n  const ref = value as (el: Element | null) => void;\n  ref(el);\n  onCleanup(() => ref(null));\n};\n\n/** Sets/removes a string attribute, handling boolean-ish values. */\nconst setAttr = (el: Element, key: string, value: unknown): void => {\n  if (value == null || value === false) {\n    el.removeAttribute(key);\n    return;\n  }\n  el.setAttribute(key, value === true ? \"\" : String(value));\n};\n\n/** Sets a DOM property when it exists on the element (best-effort). */\nconst setDomProp = (el: any, key: string, value: unknown): void => {\n  if (value == null || value === false) {\n    try {\n      el[key] = key === \"value\" ? \"\" : false;\n    } catch {\n      // ignore\n    }\n    return;\n  }\n  try {\n    el[key] = value;\n  } catch {\n    // ignore\n  }\n};\n\n/**\n * Applies a single prop to an element.\n *\n * Events are deferred and handled by `setProps()` so they can participate in scope cleanup.\n */\nexport const setProp = (el: Element, key: string, value: unknown): void => {\n  if (key === \"children\") return;\n\n  // Events (deferred, because cleanup depends on render scope)\n  if (key.startsWith(\"on\")) return;\n\n  // Vue-like modifiers:\n  // - `.prop` forces setting a DOM property\n  // - `^attr` forces setting an attribute\n  if (key.startsWith(\".\")) {\n    setDomProp(el as any, key.slice(1), value);\n    return;\n  }\n  if (key.startsWith(\"^\")) {\n    setAttr(el, key.slice(1), value);\n    return;\n  }\n\n  if (key === \"ref\") {\n    addBinding(el, () => setRef(el, value));\n    return;\n  }\n\n  if (key === \"class\" || key === \"className\") {\n    setAttr(el, \"class\", normalizeClass(value));\n    return;\n  }\n\n  if (key === \"style\") {\n    setStyle(el as HTMLElement, value);\n    return;\n  }\n\n  if (key.startsWith(\"data-\") || key.startsWith(\"aria-\")) {\n    setAttr(el, key, value);\n    return;\n  }\n\n  // Prefer DOM properties when they exist on the element\n  if (key in (el as any)) {\n    setDomProp(el as any, key, value);\n    return;\n  }\n\n  setAttr(el, key, value);\n};\n\n/**\n * Applies a props object to an element.\n *\n * - Event props (`onClick`, `onInput`, …) are deferred via bindings so they can be cleaned up.\n * - Function-valued props (except `ref`) are treated as reactive getters and re-evaluated.\n */\nexport const setProps = (el: Element, props: Record<string, unknown> | null | undefined): void => {\n  if (!props) return;\n\n  for (const [key, raw] of Object.entries(props)) {\n    if (key.startsWith(\"on\")) {\n      addBinding(el, () => {\n        const bound = setEvent(el, key, raw);\n        if (!bound) return;\n        onCleanup(() => el.removeEventListener(bound.event, bound.listener));\n      });\n      continue;\n    }\n\n    if (typeof raw === \"function\" && key !== \"ref\") {\n      addBinding(el, () => createReactiveEffect(() => setProp(el, key, (raw as any)())));\n    } else {\n      setProp(el, key, raw);\n    }\n  }\n};\n","export const removeNode = (node: Node): void => {\n  node.parentNode?.removeChild(node);\n};\n\n","import { removeNode } from \"./remove-node\";\n\nexport const clearBetween = (start: Comment, end: Comment): void => {\n  let cur = start.nextSibling;\n  while (cur && cur !== end) {\n    const next = cur.nextSibling;\n    removeNode(cur);\n    cur = next;\n  }\n};\n\n","export const collectBetween = (start: Comment, end: Comment): Node[] => {\n  const out: Node[] = [];\n  let cur = start.nextSibling;\n  while (cur && cur !== end) {\n    out.push(cur);\n    cur = cur.nextSibling;\n  }\n  return out;\n};\n\n","import { takeBindings } from \"./add-binding\";\n\nexport const activateBindings = (node: Node): void => {\n  const list = takeBindings(node);\n  if (!list) return;\n  for (const fn of list) fn();\n};\n\n","import { activateBindings } from \"./activate-bindings\";\n\nexport const activateTree = (root: Node): void => {\n  activateBindings(root);\n\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_ALL);\n  let cur: Node | null = walker.nextNode();\n  while (cur) {\n    activateBindings(cur);\n    cur = walker.nextNode();\n  }\n};\n\n","import type { Child } from \"../types\";\nimport {\n  createScope,\n  disposeScope,\n  runWithScope,\n  type Scope,\n  getCurrentScope,\n  onCleanup,\n} from \"../lifecycle/cleanup\";\nimport { createReactiveEffect } from \"../lifecycle/reactive\";\nimport { clearBetween } from \"./clear-between\";\nimport { collectBetween } from \"./collect-between\";\nimport { addBinding } from \"./add-binding\";\nimport { activateTree } from \"./activate-tree\";\n\nconst isNode = (v: unknown): v is Node =>\n  typeof v === \"object\" && v !== null && typeof (v as any).nodeType === \"number\";\n\n/** Creates a DOM Text node from a primitive child. */\nconst normalizeText = (v: string | number): Text => document.createTextNode(String(v));\n\n/**\n * Mounts a single `Child` value into the DOM.\n *\n * Returns the list of inserted nodes for bookkeeping by higher-level mounts.\n */\nexport const mountChild = (parent: Node, child: Child, before: Node | null): Node[] => {\n  if (child == null || child === false || child === true) return [];\n\n  if (typeof child === \"string\" || typeof child === \"number\") {\n    const node = normalizeText(child);\n    parent.insertBefore(node, before);\n    return [node];\n  }\n\n  if (typeof child === \"function\") {\n    return mountDynamic(parent, child as () => Child, before);\n  }\n\n  if (Array.isArray(child)) {\n    return mountChildren(parent, child, before);\n  }\n\n  if (isNode(child)) {\n    parent.insertBefore(child, before);\n    return [child];\n  }\n\n  // Unknown values: ignore\n  return [];\n};\n\n/** Mounts an array of children into the DOM. */\nexport const mountChildren = (parent: Node, children: Child[], before: Node | null): Node[] => {\n  const out: Node[] = [];\n  for (const child of children) {\n    if (Array.isArray(child)) out.push(...mountChildren(parent, child, before));\n    else out.push(...mountChild(parent, child, before));\n  }\n  return out;\n};\n\n/**\n * Mounts a dynamic region (`() => Child`) between two comment markers.\n *\n * The region is activated later (via bindings) when `render()` runs inside a scope, so reactive\n * dependencies can be tracked and cleaned up correctly.\n */\nconst mountDynamic = (parent: Node, compute: () => Child, before: Node | null): Node[] => {\n  const start = document.createComment(\"hyperdom:start\");\n  const end = document.createComment(\"hyperdom:end\");\n  parent.insertBefore(end, before);\n  parent.insertBefore(start, end);\n\n  let regionScope: Scope | null = null;\n\n  const update = () => {\n    if (regionScope) {\n      disposeScope(regionScope);\n      regionScope = null;\n    }\n    clearBetween(start, end);\n\n    const next = compute();\n    const nextScope = createScope();\n    regionScope = nextScope;\n\n    runWithScope(nextScope, () => {\n      mountChild(parent, next, end);\n      // Activate deferred bindings (props/events/dynamic regions) created inside this region scope.\n      // Without this, reactive props/events inside dynamic regions would never start updating.\n      for (const node of collectBetween(start, end)) {\n        activateTree(node);\n      }\n    });\n  };\n\n  const activate = () => {\n    const ownerScope = getCurrentScope();\n    if (!ownerScope) {\n      // If somehow activated outside of render scope, do a one-off render without reactivity.\n      update();\n      return;\n    }\n\n    const updateInOwnerScope = () => runWithScope(ownerScope, update);\n\n    createReactiveEffect(updateInOwnerScope, () => {\n      if (regionScope) disposeScope(regionScope);\n      clearBetween(start, end);\n      start.parentNode?.removeChild(start);\n      end.parentNode?.removeChild(end);\n    });\n  };\n\n  // Defer activation until render() runs inside a scope.\n  addBinding(end, activate);\n\n  // Also ensure markers are removed on scope dispose even if activation never happened.\n  addBinding(end, () => {\n    onCleanup(() => {\n      if (regionScope) disposeScope(regionScope);\n      clearBetween(start, end);\n      start.parentNode?.removeChild(start);\n      end.parentNode?.removeChild(end);\n    });\n  });\n\n  return [start, end];\n};\n","import type { Child, Component, Props } from \"../types\";\nimport { setProps } from \"./props\";\nimport { mountChild, mountChildren } from \"./children\";\n\nexport type HtmlTagName = keyof HTMLElementTagNameMap;\nexport type SvgTagName = keyof SVGElementTagNameMap;\nexport type IntrinsicTagName = HtmlTagName | SvgTagName;\n\nexport type Tag = IntrinsicTagName | Component<any>;\n\n/**\n * Creates an element for an intrinsic tag, or calls a component function.\n *\n * - Intrinsic tags are created via `document.createElement(...)`\n * - Props are applied via `setProps(...)`\n * - Children are mounted immediately\n */\nexport const createNode = (tag: Tag, props?: Props<any> | null, children?: Child): Child => {\n  if (typeof tag === \"function\") {\n    const nextProps = { ...(props ?? {}), children } as any;\n    return tag(nextProps);\n  }\n\n  // Note: createElement supports both HTML and SVG tag names.\n  const element = document.createElement(tag as string);\n  setProps(element, props ?? null);\n\n  if (children !== undefined) {\n    if (Array.isArray(children)) mountChildren(element , children, null);\n    else mountChild(element, children, null);\n  }\n\n  return element;\n};\n","let strictContextChecks = true;\n\n/** Enables/disables strict context checks for UI construction. */\nexport const setStrictContextChecks = (enabled: boolean): void => {\n  strictContextChecks = enabled;\n};\n\n/** Returns current value of strict context checks. */\nexport const getStrictContextChecks = (): boolean => strictContextChecks;\n","let viewDepth = 0;\n\nexport const isInViewContext = (): boolean => viewDepth > 0;\n\nexport const withViewContext = <T>(fn: () => T): T => {\n  viewDepth++;\n  try {\n    return fn();\n  } finally {\n    viewDepth--;\n  }\n};\n\n","import type { Child, Component, Props } from \"./types\";\nimport { createNode, type IntrinsicTagName, type Tag } from \"./dom/create-node\";\nimport { getStrictContextChecks } from \"./config\";\nimport { isInViewContext } from \"./view-context\";\nimport { getCurrentScope } from \"./lifecycle/cleanup\";\n\ntype ElementForIntrinsicTag<T extends IntrinsicTagName> = T extends keyof HTMLElementTagNameMap\n  ? HTMLElementTagNameMap[T]\n  : T extends keyof SVGElementTagNameMap\n    ? SVGElementTagNameMap[T]\n    : Element;\n\n/** True when a value looks like a props bag (not a child). */\nconst isProps = (value: unknown): value is Props<any> => {\n  return (\n    value === null ||\n    (typeof value === \"object\" &&\n      value !== null &&\n      !Array.isArray(value) &&\n      !(value as any).nodeType)\n  );\n};\n\n/** Normalizes `children` arguments into a single `Child` value. */\nconst normalizeChildren = (list: unknown[]): Child | undefined => {\n  if (list.length === 0) return undefined;\n  if (list.length === 1) return list[0] as Child;\n  return list as Child[];\n};\n\n/**\n * Typed callable signature for `h()`.\n *\n * This is written as a type (not function overloads) so the runtime implementation can be an\n * arrow function while still preserving overload-like call inference.\n */\nexport type H = {\n  <T extends IntrinsicTagName>(\n    tag: T,\n    props?: Props<ElementForIntrinsicTag<T>> | null,\n    children?: Child,\n    ...rest: Child[]\n  ): Child;\n  <T extends IntrinsicTagName>(tag: T, children?: Child, ...rest: Child[]): Child;\n  <P = any>(\n    tag: Component<P>,\n    props?: (P & Props<Element>) | null,\n    children?: Child,\n    ...rest: Child[]\n  ): Child;\n  <P = any>(tag: Component<P>, children?: Child, ...rest: Child[]): Child;\n};\n\n/**\n * Creates a DOM node (or calls a component function) with props and children.\n *\n * Supports a convenience call shape: `h(\"div\", \"text\")` (treat second arg as children when it\n * doesn't look like a props object).\n */\nexport const h: H = ((\n  tag: IntrinsicTagName | Component<any>,\n  props?: Props<any> | null,\n  children?: Child,\n  ...rest: Child[]\n): Child => {\n  // Strict mode: prevent accidental UI construction at module scope.\n  // But allow calls inside:\n  // - createView() (initial view creation)\n  // - render()/dynamic regions/effects (they run under a lifecycle scope)\n  if (getStrictContextChecks() && !isInViewContext() && !getCurrentScope()) {\n    throw new Error(\n      \"hyperdom: h() called outside of view/render context. Wrap UI creation in createView(...), or call it while rendering.\",\n    );\n  }\n\n  // Support h('div', 'text') and h('div', [..]) as a convenience\n  if (children === undefined && rest.length === 0 && props !== undefined && !isProps(props)) {\n    return createNode(tag as Tag, null, props as any as Child);\n  }\n\n  const normalized = normalizeChildren(children === undefined ? [] : [children, ...rest]);\n  return createNode(tag as Tag, props ?? null, normalized);\n}) as unknown as H;\n","import type { Child } from \"./types\";\nimport { createScope, disposeScope, runWithScope } from \"./lifecycle/cleanup\";\nimport { mountChild, mountChildren } from \"./dom/children\";\nimport { activateTree } from \"./dom/activate-tree\";\n\n/**\n * Renders a `Child` view into a container element.\n *\n * Establishes a cleanup scope, mounts the initial tree, then activates deferred bindings.\n * Returns a `dispose()` function that tears down reactive resources and clears the container.\n */\nexport const render = (view: Child, container: Element): (() => void) => {\n  container.textContent = \"\";\n\n  const scope = createScope();\n\n  runWithScope(scope, () => {\n    if (Array.isArray(view)) mountChildren(container, view, null);\n    else mountChild(container, view, null);\n\n    // Activate deferred reactive props/events/regions inside the current scope.\n    activateTree(container);\n  });\n\n  return () => {\n    disposeScope(scope);\n    container.textContent = \"\";\n  };\n};\n","import type { Child } from \"./types\";\nimport { render } from \"./render\";\n\nexport interface MountResult {\n  node: HTMLElement;\n  dispose: () => void;\n}\n\n/**\n * Mounts a view into a container element.\n *\n * Creates a container `<div>` by default and returns `{ node, dispose }`.\n */\nexport const mount = (\n  view: Child,\n  options?: { container?: HTMLElement; className?: string },\n): MountResult => {\n  const node = options?.container ?? document.createElement(\"div\");\n  if (options?.className) node.className = options.className;\n\n  const dispose = render(view, node);\n\n  // Optional interop with @echojs-ecosystem/core unmount() mechanism.\n  (node as any).__echoDispose = dispose;\n\n  return { node, dispose };\n};\n","let modelDepth = 0;\n\n/** Returns true while a `createModel(...)` factory is executing. */\nexport const isInModelContext = (): boolean => modelDepth > 0;\n\n/**\n * Wraps a model factory to mark \"model construction context\".\n *\n * Useful for strict-mode checks and for debugging lifecycle boundaries.\n */\nexport const createModel = <VM>(factory: () => VM, name: string): (() => VM) => {\n  const make = (): VM => {\n    modelDepth++;\n    try {\n      return factory();\n    } finally {\n      modelDepth--;\n    }\n  };\n  return Object.assign(make, { displayName: name });\n};\n","import type { Child } from \"./types\";\nimport { withViewContext } from \"./view-context\";\n\nexport const createView = <VM = void>(\n  viewFn: (vm: VM) => Child,\n  name: string,\n): ((vm: VM) => Child) => {\n  const view = (vm: VM): Child => withViewContext(() => viewFn(vm));\n  return Object.assign(view, { displayName: name });\n};\n","import type { Child } from \"./types\";\n\nexport type ModelFactory<VM> = () => VM;\nexport type ViewFn<VM> = (vm: VM) => Child;\n\nexport type CreateComponentOptions = {\n  /** Debug label (e.g. \"Counter\" → Counter.displayName). */\n  name?: string;\n};\n\nconst labelComponent = (fn: () => Child, name?: string): (() => Child) => {\n  if (!name) return fn;\n  return Object.assign(fn, { displayName: name });\n};\n\n/**\n * Binds a model factory and view into a callable component.\n *\n * @example No props\n * ```ts\n * export const Counter = createComponent(createCounterModel, CounterView);\n * // route: view: () => Counter()\n * ```\n *\n * @example With props — pass the bound model factory\n * ```ts\n * export const CodeBlock = (props: Props) =>\n *   createComponent(createCodeBlockModel(props), CodeBlockView)();\n * ```\n */\nexport const createComponent = <VM>(\n  model: ModelFactory<VM>,\n  view: ViewFn<VM>,\n  options?: CreateComponentOptions,\n): (() => Child) =>\n  labelComponent((): Child => {\n    const vm = model();\n    return view(vm);\n  }, options?.name);\n","import type { Child } from \"../types\";\n\n/**\n * Conditional region helper.\n *\n * Returns a dynamic child that re-evaluates `condition()` and renders either `then()` or\n * `fallback()` on each update.\n */\nexport const Show = (\n  condition: () => boolean,\n  then: () => Child,\n  fallback?: () => Child,\n): (() => Child) => {\n  return () => (condition() ? then() : fallback ? fallback() : null);\n};\n","import type { Child } from \"../types\";\n\ntype SignalLike<T> = { value(): T };\n\n/** Reads an array from either a signal-like source or a getter function. */\nconst readSource = <T>(source: SignalLike<readonly T[]> | (() => readonly T[])): readonly T[] => {\n  if (typeof source === \"function\") return source();\n  return source.value();\n};\n\n/**\n * List rendering helper.\n *\n * Returns a function so the list can be used as a dynamic child and re-evaluated when reactive\n * dependencies change.\n */\nexport const List = <T>(\n  source: SignalLike<readonly T[]> | (() => readonly T[]),\n  renderItem: (item: T, index: () => number) => Child,\n): (() => Child) => {\n  return () => {\n    const arr = readSource(source);\n    return arr.map((item, i) => renderItem(item, () => i));\n  };\n};\n","import type { Child, ClassValue, Props } from \"./types\";\nimport { h } from \"./h\";\n\nexport type IntrinsicTag = keyof HTMLElementTagNameMap | keyof SVGElementTagNameMap;\n\ntype ElementForIntrinsicTag<T extends IntrinsicTag> = T extends keyof HTMLElementTagNameMap\n  ? HTMLElementTagNameMap[T]\n  : T extends keyof SVGElementTagNameMap\n    ? SVGElementTagNameMap[T]\n    : Element;\n\ntype PropsFor<T extends IntrinsicTag> = Props<ElementForIntrinsicTag<T>> | null | undefined;\n\ntype TagFn<T extends IntrinsicTag> = {\n  (): Child;\n  (props?: PropsFor<T>): Child;\n  (props: PropsFor<T>, children?: Child, ...rest: Child[]): Child;\n  (children?: Child, ...rest: Child[]): Child;\n};\n\n/** True when a value looks like a props bag (not a child). */\nconst isProps = (value: unknown): value is Record<string, unknown> | null | undefined => {\n  return (\n    value === null ||\n    (typeof value === \"object\" &&\n      value !== null &&\n      !Array.isArray(value) &&\n      !(value as any).nodeType)\n  );\n};\n\n/** Normalizes `children` arguments into a single `Child` value. */\nconst normalizeChildren = (list: unknown[]): Child | undefined => {\n  if (list.length === 0) return undefined;\n  if (list.length === 1) return list[0] as Child;\n  return list as Child[];\n};\n\nconst makeTag = <T extends IntrinsicTag>(name: T) => {\n  return ((arg1?: unknown, arg2?: unknown, ...rest: unknown[]): Child => {\n    // Vue-like call shapes:\n    // - div()\n    // - div(props)\n    // - div('text') / div([..]) / div(() => ...)\n    // - div(props, children, ...rest)\n    const props = isProps(arg1) ? (arg1 as PropsFor<T>) : null;\n    const childrenList = isProps(arg1) ? [arg2, ...rest] : [arg1, arg2, ...rest];\n    const children = normalizeChildren(childrenList.filter((x) => x !== undefined));\n    return h(name as any, props, children as any);\n  }) as unknown as TagFn<T>;\n};\n\n/** Small `class` builder for conditional class names. */\nexport const cx = (...values: ClassValue[]): string => {\n  const out: string[] = [];\n  const push = (value: ClassValue): void => {\n    if (!value) return;\n    if (typeof value === \"string\") {\n      const s = value.trim();\n      if (s) out.push(s);\n      return;\n    }\n    if (Array.isArray(value)) {\n      for (const x of value) push(x);\n      return;\n    }\n    for (const [k, ok] of Object.entries(value)) {\n      if (ok) out.push(k);\n    }\n  };\n  for (const value of values) push(value);\n  return out.join(\" \");\n};\n\n/**\n * Tiny helpers for common DOM event props using `onXxx` form.\n *\n * If you want per-element `currentTarget` typing, prefer using `onClick` / `onInput` on the\n * element props so it can be inferred from the tag.\n */\nexport const on = {\n  click: (fn: (e: MouseEvent & { currentTarget: Element }) => void) => ({ onClick: fn }),\n  input: (fn: (e: Event & { currentTarget: Element }) => void) => ({ onInput: fn }),\n  change: (fn: (e: Event & { currentTarget: Element }) => void) => ({ onChange: fn }),\n  submit: (fn: (e: SubmitEvent & { currentTarget: Element }) => void) => ({ onSubmit: fn }),\n} as const;\n\n/** Common `aria-*` attribute helpers. */\nexport const aria = {\n  label: (value: string) => ({ \"aria-label\": value }),\n  expanded: (value: boolean) => ({ \"aria-expanded\": value }),\n  pressed: (value: boolean) => ({ \"aria-pressed\": value }),\n  hidden: (value: boolean) => ({ \"aria-hidden\": value }),\n} as const;\n\n/** Common `data-*` attribute helpers. */\nexport const data = {\n  testid: (value: string) => ({ \"data-testid\": value }),\n  test: (value: string) => ({ \"data-test\": value }),\n} as const;\n\n// Convenience exports (flat) — чтобы писать `button(...)`, `section(...)` и т.д.\n/** `<h1>` element factory. */\nexport const h1 = makeTag(\"h1\");\n/** `<h2>` element factory. */\nexport const h2 = makeTag(\"h2\");\n/** `<h3>` element factory. */\nexport const h3 = makeTag(\"h3\");\n/** `<h4>` element factory. */\nexport const h4 = makeTag(\"h4\");\n/** `<h5>` element factory. */\nexport const h5 = makeTag(\"h5\");\n/** `<h6>` element factory. */\nexport const h6 = makeTag(\"h6\");\n\n/** `<p>` element factory. */\nexport const p = makeTag(\"p\");\n/** `<pre>` element factory. */\nexport const pre = makeTag(\"pre\");\n/** `<blockquote>` element factory. */\nexport const blockquote = makeTag(\"blockquote\");\n\n/** `<span>` element factory. */\nexport const span = makeTag(\"span\");\n/** `<strong>` element factory. */\nexport const strong = makeTag(\"strong\");\n/** `<em>` element factory. */\nexport const em = makeTag(\"em\");\n/** `<small>` element factory. */\nexport const small = makeTag(\"small\");\n/** `<code>` element factory. */\nexport const code = makeTag(\"code\");\n/** `<kbd>` element factory. */\nexport const kbd = makeTag(\"kbd\");\n\n/** `<div>` element factory. */\nexport const div = makeTag(\"div\");\n/** `<hr>` element factory. */\nexport const hr = makeTag(\"hr\");\n/** `<br>` element factory. */\nexport const br = makeTag(\"br\");\n\n/** `<header>` element factory. */\nexport const header = makeTag(\"header\");\n/** `<main>` element factory. */\nexport const main = makeTag(\"main\");\n/** `<footer>` element factory. */\nexport const footer = makeTag(\"footer\");\n/** `<nav>` element factory. */\nexport const nav = makeTag(\"nav\");\n/** `<section>` element factory. */\nexport const section = makeTag(\"section\");\n/** `<article>` element factory. */\nexport const article = makeTag(\"article\");\n/** `<aside>` element factory. */\nexport const aside = makeTag(\"aside\");\n\n/** `<ul>` element factory. */\nexport const ul = makeTag(\"ul\");\n/** `<ol>` element factory. */\nexport const ol = makeTag(\"ol\");\n/** `<li>` element factory. */\nexport const li = makeTag(\"li\");\n/** `<dl>` element factory. */\nexport const dl = makeTag(\"dl\");\n/** `<dt>` element factory. */\nexport const dt = makeTag(\"dt\");\n/** `<dd>` element factory. */\nexport const dd = makeTag(\"dd\");\n\n/** `<form>` element factory. */\nexport const form = makeTag(\"form\");\n/** `<label>` element factory. */\nexport const label = makeTag(\"label\");\n/** `<input>` element factory. */\nexport const input = makeTag(\"input\");\n/** `<textarea>` element factory. */\nexport const textarea = makeTag(\"textarea\");\n/** `<select>` element factory. */\nexport const select = makeTag(\"select\");\n/** `<option>` element factory. */\nexport const option = makeTag(\"option\");\n/** `<button>` element factory. */\nexport const button = makeTag(\"button\");\n\n/** `<img>` element factory. */\nexport const img = makeTag(\"img\");\n/** `<picture>` element factory. */\nexport const picture = makeTag(\"picture\");\n/** `<source>` element factory. */\nexport const source = makeTag(\"source\");\n/** `<video>` element factory. */\nexport const video = makeTag(\"video\");\n/** `<audio>` element factory. */\nexport const audio = makeTag(\"audio\");\n/** `<svg>` element factory. */\nexport const svg = makeTag(\"svg\");\n\n/** `<table>` element factory. */\nexport const table = makeTag(\"table\");\n/** `<thead>` element factory. */\nexport const thead = makeTag(\"thead\");\n/** `<tbody>` element factory. */\nexport const tbody = makeTag(\"tbody\");\n/** `<tfoot>` element factory. */\nexport const tfoot = makeTag(\"tfoot\");\n/** `<tr>` element factory. */\nexport const tr = makeTag(\"tr\");\n/** `<th>` element factory. */\nexport const th = makeTag(\"th\");\n/** `<td>` element factory. */\nexport const td = makeTag(\"td\");\n/** `<caption>` element factory. */\nexport const caption = makeTag(\"caption\");\n"]}

package/dist/lifecycle/mount.d.ts

@@ -0,0 +1,17 @@
+import { C as Child } from '../types-DqjK6Jv-.js';
+
+type MountCleanup = void | (() => void);
+/**
+ * "onMount" hook implemented as a `Child`.
+ *
+ * Usage:
+ *
+ * - `div(null, mount(() => { ...; return () => ... }))`
+ *
+ * The callback runs after the node is inserted into the DOM and bindings are being activated
+ * inside an active cleanup scope. If the callback returns a function, it will be registered as
+ * cleanup (unmount) handler.
+ */
+declare const mountLifecycleHook: (fn: () => MountCleanup) => Child;
+
+export { type MountCleanup, mountLifecycleHook as mount };

package/dist/lifecycle/mount.js

@@ -0,0 +1,14 @@
+// src/dom/add-binding.ts
+
+// src/lifecycle/on-mount.ts
+var mountLifecycleHook = (fn) => {
+  {
+    throw new Error(
+      "hyperdom: mount() called outside of view/render context. Call it while rendering (as a child), or inside createView(...)."
+    );
+  }
+};
+
+export { mountLifecycleHook as mount };
+//# sourceMappingURL=mount.js.map
+//# sourceMappingURL=mount.js.map

package/dist/lifecycle/mount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lifecycle/on-mount.ts"],"names":[],"mappings":";;;AAmBO,IAAM,kBAAA,GAAqB,CAAC,EAAA,KAAkC;AACnE,EAA0E;AACxE,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AAaF","file":"mount.js","sourcesContent":["import type { Child } from \"../types\";\nimport { addBinding } from \"../dom/add-binding\";\nimport { onCleanup, getCurrentScope } from \"./cleanup\";\nimport { getStrictContextChecks } from \"../config\";\nimport { isInViewContext } from \"../view-context\";\n\nexport type MountCleanup = void | (() => void);\n\n/**\n * \"onMount\" hook implemented as a `Child`.\n *\n * Usage:\n *\n * - `div(null, mount(() => { ...; return () => ... }))`\n *\n * The callback runs after the node is inserted into the DOM and bindings are being activated\n * inside an active cleanup scope. If the callback returns a function, it will be registered as\n * cleanup (unmount) handler.\n */\nexport const mountLifecycleHook = (fn: () => MountCleanup): Child => {\n  if (getStrictContextChecks() && !isInViewContext() && !getCurrentScope()) {\n    throw new Error(\n      \"hyperdom: mount() called outside of view/render context. Call it while rendering (as a child), or inside createView(...).\",\n    );\n  }\n\n  const marker = document.createComment(\"hyperdom:mount\");\n\n  addBinding(marker, () => {\n    const cleanup = fn();\n    if (typeof cleanup === \"function\") onCleanup(cleanup);\n\n    // Remove marker on scope dispose so it doesn't leak into output DOM.\n    onCleanup(() => marker.parentNode?.removeChild(marker));\n  });\n\n  return marker;\n};\n\n/** Public name for the mount lifecycle hook. */\nexport { mountLifecycleHook as mount };\n"]}

package/dist/types-DqjK6Jv-.d.ts

@@ -0,0 +1,47 @@
+type Child = string | number | boolean | null | undefined | Node | Child[] | (() => Child);
+type Primitive = string | number | boolean | null | undefined;
+type MaybeReactive<T> = T | (() => T);
+type StyleObject = Record<string, string | number | null | undefined | false>;
+type ClassObject = Record<string, boolean | null | undefined>;
+type ClassValue = string | null | undefined | false | ClassObject | readonly ClassValue[];
+type StyleValue = string | StyleObject | null | undefined | false | readonly (string | StyleObject | null | undefined | false)[];
+type NonFunctionKeys<T> = {
+    [K in keyof T]-?: T[K] extends (...args: any[]) => any ? never : K;
+}[keyof T];
+type ElementLikeProps<E extends Element> = Omit<{
+    [K in NonFunctionKeys<E>]?: MaybeReactive<E[K] | null | undefined>;
+}, "style" | "className">;
+type EventName = keyof GlobalEventHandlersEventMap;
+type DomEventHandler<E extends Element, K extends EventName> = (event: GlobalEventHandlersEventMap[K] & {
+    currentTarget: E;
+}) => void;
+type OnProps<E extends Element> = {
+    [K in EventName as `on${Capitalize<K>}`]?: DomEventHandler<E, K>;
+};
+type DataAriaProps = {
+    [K in `data-${string}`]?: MaybeReactive<Primitive>;
+} & {
+    [K in `aria-${string}`]?: MaybeReactive<Primitive>;
+};
+/**
+ * Vue-like prop modifiers:
+ * - `.propName` sets an element property directly
+ * - `^attrName` forces an attribute (even when a same-named property exists)
+ */
+type ModifierProps = {
+    [K in `.${string}`]?: unknown;
+} & {
+    [K in `^${string}`]?: Primitive;
+};
+type Props<E extends Element = Element> = ElementLikeProps<E> & OnProps<E> & DataAriaProps & ModifierProps & {
+    ref?: (el: E | null) => void;
+    class?: MaybeReactive<ClassValue>;
+    className?: MaybeReactive<ClassValue>;
+    style?: MaybeReactive<StyleValue>;
+    children?: Child;
+};
+type Component<P = any> = (props: P & {
+    children?: Child;
+}) => Child;
+
+export type { Child as C, Props as P, Component as a, ClassValue as b };

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@echojs-ecosystem/hyperdom",
+  "version": "0.1.0",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./lifecycle/mount": {
+      "types": "./dist/lifecycle/mount.d.ts",
+      "default": "./dist/lifecycle/mount.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsup",
+    "check-types": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.typing.json --noEmit",
+    "typecheck": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.typing.json --noEmit",
+    "test:types": "tsc -p tsconfig.typing.json --noEmit",
+    "lint": "oxlint .",
+    "lint:fix": "oxlint . --fix",
+    "format": "oxfmt --check .",
+    "format:fix": "oxfmt .",
+    "test": "vitest run",
+    "test:vitest": "vitest",
+    "test:vitest:run": "vitest run",
+    "test:coverage": "vitest run --coverage"
+  },
+  "dependencies": {
+    "@echojs-ecosystem/reactivity": "workspace:*"
+  },
+  "devDependencies": {
+    "@echojs-ecosystem/oxc-config": "workspace:*",
+    "jsdom": "^26.1.0",
+    "typescript": "5.9.2",
+    "vitest": "^4.1.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/echojs-ecosystem/echojs-core.git",
+    "directory": "packages/hyperdom"
+  }
+}