@hedystia/view 2.1.0

package/dist/render/flow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow.cjs","names":["memo","sig","val"],"sources":["../../src/render/flow.ts"],"sourcesContent":["/**\n * Flow components for @hedystia/view\n *\n * Provides Show, For, Index, Switch, Match, Portal, Suspense, ErrorBoundary.\n */\n\nimport { tick } from \"../scheduler\";\nimport { createRoot, memo, sig, onCleanup as signalOnCleanup, val } from \"../signal\";\nimport type { Accessor } from \"../types\";\n\n/**\n * Conditionally render children based on a condition\n */\nexport function Show<T>(props: { when: T | Accessor<T>; fallback?: any; children: any }): any {\n  const container = document.createComment(\"show\");\n  let rendered: HTMLElement | null = null;\n  let fallbackNode: HTMLElement | null = null;\n  const _initialized = false;\n\n  const getCondition = (): any => {\n    return typeof props.when === \"function\" ? (props.when as Accessor<T>)() : props.when;\n  };\n\n  const runEffect = () => {\n    const cond = getCondition();\n    if (cond) {\n      if (fallbackNode) {\n        fallbackNode.parentNode?.removeChild(fallbackNode);\n        fallbackNode = null;\n      }\n      if (!rendered && props.children) {\n        rendered =\n          typeof props.children === \"function\"\n            ? (props.children() as HTMLElement)\n            : (props.children as HTMLElement);\n        if (rendered && !rendered.parentNode) {\n          // Defer insertion until container has a parent\n          if (container.parentNode) {\n            container.parentNode.insertBefore(rendered, container.nextSibling);\n          } else {\n            queueMicrotask(() => {\n              if (rendered && !rendered.parentNode && container.parentNode) {\n                container.parentNode.insertBefore(rendered, container.nextSibling);\n              }\n            });\n          }\n        }\n      }\n    } else {\n      if (rendered) {\n        rendered.parentNode?.removeChild(rendered);\n        rendered = null;\n      }\n      if (props.fallback && !fallbackNode) {\n        fallbackNode =\n          typeof props.fallback === \"function\"\n            ? (props.fallback() as HTMLElement)\n            : (props.fallback as HTMLElement);\n        if (fallbackNode && !fallbackNode.parentNode) {\n          if (container.parentNode) {\n            container.parentNode.insertBefore(fallbackNode, container.nextSibling);\n          } else {\n            queueMicrotask(() => {\n              if (fallbackNode && !fallbackNode.parentNode && container.parentNode) {\n                container.parentNode.insertBefore(fallbackNode, container.nextSibling);\n              }\n            });\n          }\n        }\n      }\n    }\n  };\n\n  const tracker = memo(() => {\n    runEffect();\n    return true;\n  });\n\n  // Run effect synchronously\n  val(tracker);\n\n  return container;\n}\n\n/**\n * Render a list with keyed items for efficient updates\n */\nexport function For<T>(props: {\n  each: T[] | Accessor<T[]>;\n  key?: (item: T) => string | number;\n  children: (item: Accessor<T>, index: Accessor<number>) => any;\n}): any {\n  const container = document.createComment(\"for\");\n  const nodes = new Map<string | number, HTMLElement>();\n  const order: Array<string | number> = [];\n\n  const getEach = (): T[] => {\n    return typeof props.each === \"function\" ? (props.each as Accessor<T[]>)() : props.each;\n  };\n\n  const runEffect = () => {\n    const items = getEach();\n    const newOrder: Array<string | number> = [];\n    const newNodes = new Map<string | number, HTMLElement>();\n\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]!;\n      const key = props.key ? props.key(item) : i;\n      newOrder.push(key);\n\n      if (nodes.has(key)) {\n        newNodes.set(key, nodes.get(key)!);\n      } else {\n        const itemSig = sig(item);\n        const indexSig = sig(i);\n        const child = props.children(\n          () => val(itemSig),\n          () => val(indexSig),\n        ) as HTMLElement;\n        newNodes.set(key, child);\n      }\n    }\n\n    for (const key of order) {\n      if (!newNodes.has(key)) {\n        const node = nodes.get(key);\n        if (node?.parentNode) {\n          node.parentNode.removeChild(node);\n        }\n      }\n    }\n\n    const insertNodes = () => {\n      if (container.parentNode) {\n        let prevSibling = container.nextSibling;\n        for (const key of newOrder) {\n          const node = newNodes.get(key)!;\n          if (!nodes.has(key) && !node.parentNode) {\n            container.parentNode!.insertBefore(node, prevSibling);\n          } else if (prevSibling !== node) {\n            container.parentNode!.insertBefore(node, prevSibling);\n          }\n          prevSibling = node.nextSibling;\n        }\n      }\n    };\n\n    if (container.parentNode) {\n      insertNodes();\n    } else {\n      queueMicrotask(insertNodes);\n    }\n\n    order.length = 0;\n    order.push(...newOrder);\n    nodes.clear();\n    for (const [k, v] of newNodes) {\n      nodes.set(k, v);\n    }\n  };\n\n  const tracker = memo(() => {\n    runEffect();\n    return true;\n  });\n\n  // Run effect synchronously\n  val(tracker);\n\n  return container;\n}\n\n/**\n * Render a list with index-based tracking\n */\nexport function Index<T>(props: {\n  each: T[] | Accessor<T[]>;\n  children: (item: Accessor<T>, index: number) => any;\n}): any {\n  const container = document.createComment(\"index\");\n  const nodes: Array<HTMLElement | null> = [];\n\n  const getEach = (): T[] => {\n    return typeof props.each === \"function\" ? (props.each as Accessor<T[]>)() : props.each;\n  };\n\n  const runEffect = () => {\n    const items = getEach();\n\n    while (nodes.length > items.length) {\n      const node = nodes.pop();\n      if (node?.parentNode) {\n        node.parentNode.removeChild(node);\n      }\n    }\n\n    const insertNodes = () => {\n      if (container.parentNode) {\n        for (let i = 0; i < items.length; i++) {\n          if (nodes[i] === undefined) {\n            const itemSig = sig(items[i]!);\n            const child = props.children(() => val(itemSig), i) as HTMLElement;\n            nodes[i] = child;\n            if (!child.parentNode) {\n              container.parentNode.insertBefore(child, container.nextSibling);\n            }\n          }\n        }\n      }\n    };\n\n    if (container.parentNode) {\n      insertNodes();\n    } else {\n      queueMicrotask(insertNodes);\n    }\n  };\n\n  const tracker = memo(() => {\n    runEffect();\n    return true;\n  });\n\n  // Run effect synchronously\n  val(tracker);\n\n  return container;\n}\n\n/**\n * Switch component for mutually exclusive conditions\n */\nexport function Switch(props: { fallback?: any; children: any }): any {\n  const container = document.createComment(\"switch\");\n  let rendered: HTMLElement | null = null;\n\n  const evaluate = (): any => {\n    const children = props.children;\n    if (Array.isArray(children)) {\n      for (const child of children) {\n        if (child && (child as any)._matchWhen) {\n          const when = (child as any)._matchWhen;\n          const condition = typeof when === \"function\" ? when() : when;\n          if (condition) {\n            return (child as any)._matchChildren;\n          }\n        }\n      }\n    }\n    return props.fallback;\n  };\n\n  const runEffect = () => {\n    const content = evaluate();\n    if (rendered) {\n      rendered.parentNode?.removeChild(rendered);\n      rendered = null;\n    }\n    if (content) {\n      rendered =\n        typeof content === \"function\" ? (content() as HTMLElement) : (content as HTMLElement);\n      if (rendered && !rendered.parentNode) {\n        const insertNode = () => {\n          if (rendered && container.parentNode && !rendered.parentNode) {\n            container.parentNode.insertBefore(rendered, container.nextSibling);\n          }\n        };\n        if (container.parentNode) {\n          insertNode();\n        } else {\n          queueMicrotask(insertNode);\n        }\n      }\n    }\n  };\n\n  const tracker = memo(() => {\n    runEffect();\n    return true;\n  });\n\n  // Run effect synchronously\n  val(tracker);\n\n  return container;\n}\n\n/**\n * Match component for use inside Switch\n */\nexport function Match<T>(props: { when: T | Accessor<T>; children: any }): any {\n  const marker = document.createComment(\"match\");\n  (marker as any)._matchWhen = typeof props.when === \"function\" ? props.when : () => props.when;\n  (marker as any)._matchChildren = props.children;\n  return marker;\n}\n\n/**\n * Portal component for rendering outside the current DOM hierarchy\n */\nexport function Portal(props: { mount?: HTMLElement; children: any }): any {\n  const container = document.createComment(\"portal\");\n  const mountPoint = props.mount || document.body;\n  let rendered: HTMLElement | null = null;\n\n  createRoot(() => {\n    rendered =\n      typeof props.children === \"function\"\n        ? (props.children() as HTMLElement)\n        : (props.children as HTMLElement);\n    if (rendered) {\n      mountPoint.appendChild(rendered);\n    }\n\n    signalOnCleanup(() => {\n      if (rendered && rendered.parentNode === mountPoint) {\n        mountPoint.removeChild(rendered);\n      }\n    });\n  });\n\n  return container;\n}\n\n/**\n * Suspense component for async loading states\n */\nexport function Suspense(props: { fallback?: any; children: any }): any {\n  const container = document.createComment(\"suspense\");\n  let rendered: HTMLElement | null = null;\n  let fallbackNode: HTMLElement | null = null;\n\n  tick(() => {\n    try {\n      if (fallbackNode) {\n        container.parentNode?.removeChild(fallbackNode);\n        fallbackNode = null;\n      }\n      if (!rendered && props.children) {\n        rendered =\n          typeof props.children === \"function\"\n            ? (props.children() as HTMLElement)\n            : (props.children as HTMLElement);\n        if (rendered) {\n          container.parentNode?.insertBefore(rendered, container.nextSibling);\n        }\n      }\n    } catch {\n      if (rendered) {\n        container.parentNode?.removeChild(rendered);\n        rendered = null;\n      }\n      if (props.fallback && !fallbackNode) {\n        fallbackNode =\n          typeof props.fallback === \"function\"\n            ? (props.fallback() as HTMLElement)\n            : (props.fallback as HTMLElement);\n        if (fallbackNode) {\n          container.parentNode?.insertBefore(fallbackNode, container.nextSibling);\n        }\n      }\n    }\n  });\n\n  return container;\n}\n\n/**\n * ErrorBoundary component for catching render errors\n */\nexport function ErrorBoundary(props: {\n  fallback: (err: Error, reset: () => void) => any;\n  children: any;\n}): any {\n  const container = document.createComment(\"error-boundary\");\n  let rendered: HTMLElement | null = null;\n  let error: Error | null = null;\n\n  const reset = () => {\n    error = null;\n    if (rendered) {\n      container.parentNode?.removeChild(rendered);\n      rendered = null;\n    }\n    tick(() => {\n      try {\n        rendered =\n          typeof props.children === \"function\"\n            ? (props.children() as HTMLElement)\n            : (props.children as HTMLElement);\n        if (rendered) {\n          container.parentNode?.insertBefore(rendered, container.nextSibling);\n        }\n      } catch (e) {\n        error = e instanceof Error ? e : new Error(String(e));\n        if (rendered) {\n          container.parentNode?.removeChild(rendered);\n          rendered = null;\n        }\n        const fallback = props.fallback(error, reset);\n        rendered =\n          typeof fallback === \"function\" ? (fallback() as HTMLElement) : (fallback as HTMLElement);\n        if (rendered) {\n          container.parentNode?.insertBefore(rendered, container.nextSibling);\n        }\n      }\n    });\n  };\n\n  tick(() => {\n    try {\n      rendered =\n        typeof props.children === \"function\"\n          ? (props.children() as HTMLElement)\n          : (props.children as HTMLElement);\n      if (rendered) {\n        container.parentNode?.insertBefore(rendered, container.nextSibling);\n      }\n    } catch (e) {\n      error = e instanceof Error ? e : new Error(String(e));\n      const fallback = props.fallback(error, reset);\n      rendered =\n        typeof fallback === \"function\" ? (fallback() as HTMLElement) : (fallback as HTMLElement);\n      if (rendered) {\n        container.parentNode?.insertBefore(rendered, container.nextSibling);\n      }\n    }\n  });\n\n  return container;\n}\n"],"mappings":"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"}

package/dist/render/flow.d.cts

@@ -0,0 +1,64 @@
+import { Accessor } from "../types.cjs";
+
+//#region src/render/flow.d.ts
+/**
+ * Conditionally render children based on a condition
+ */
+declare function Show<T>(props: {
+  when: T | Accessor<T>;
+  fallback?: any;
+  children: any;
+}): any;
+/**
+ * Render a list with keyed items for efficient updates
+ */
+declare function For<T>(props: {
+  each: T[] | Accessor<T[]>;
+  key?: (item: T) => string | number;
+  children: (item: Accessor<T>, index: Accessor<number>) => any;
+}): any;
+/**
+ * Render a list with index-based tracking
+ */
+declare function Index<T>(props: {
+  each: T[] | Accessor<T[]>;
+  children: (item: Accessor<T>, index: number) => any;
+}): any;
+/**
+ * Switch component for mutually exclusive conditions
+ */
+declare function Switch(props: {
+  fallback?: any;
+  children: any;
+}): any;
+/**
+ * Match component for use inside Switch
+ */
+declare function Match<T>(props: {
+  when: T | Accessor<T>;
+  children: any;
+}): any;
+/**
+ * Portal component for rendering outside the current DOM hierarchy
+ */
+declare function Portal(props: {
+  mount?: HTMLElement;
+  children: any;
+}): any;
+/**
+ * Suspense component for async loading states
+ */
+declare function Suspense(props: {
+  fallback?: any;
+  children: any;
+}): any;
+/**
+ * ErrorBoundary component for catching render errors
+ */
+declare function ErrorBoundary(props: {
+  fallback: (err: Error, reset: () => void) => any;
+  children: any;
+}): any;
+//#endregion
+export { ErrorBoundary, For, Index, Match, Portal, Show, Suspense, Switch };
+//# sourceMappingURL=flow.d.cts.map

package/dist/render/flow.d.mts

@@ -0,0 +1,64 @@
+import { Accessor } from "../types.mjs";
+
+//#region src/render/flow.d.ts
+/**
+ * Conditionally render children based on a condition
+ */
+declare function Show<T>(props: {
+  when: T | Accessor<T>;
+  fallback?: any;
+  children: any;
+}): any;
+/**
+ * Render a list with keyed items for efficient updates
+ */
+declare function For<T>(props: {
+  each: T[] | Accessor<T[]>;
+  key?: (item: T) => string | number;
+  children: (item: Accessor<T>, index: Accessor<number>) => any;
+}): any;
+/**
+ * Render a list with index-based tracking
+ */
+declare function Index<T>(props: {
+  each: T[] | Accessor<T[]>;
+  children: (item: Accessor<T>, index: number) => any;
+}): any;
+/**
+ * Switch component for mutually exclusive conditions
+ */
+declare function Switch(props: {
+  fallback?: any;
+  children: any;
+}): any;
+/**
+ * Match component for use inside Switch
+ */
+declare function Match<T>(props: {
+  when: T | Accessor<T>;
+  children: any;
+}): any;
+/**
+ * Portal component for rendering outside the current DOM hierarchy
+ */
+declare function Portal(props: {
+  mount?: HTMLElement;
+  children: any;
+}): any;
+/**
+ * Suspense component for async loading states
+ */
+declare function Suspense(props: {
+  fallback?: any;
+  children: any;
+}): any;
+/**
+ * ErrorBoundary component for catching render errors
+ */
+declare function ErrorBoundary(props: {
+  fallback: (err: Error, reset: () => void) => any;
+  children: any;
+}): any;
+//#endregion
+export { ErrorBoundary, For, Index, Match, Portal, Show, Suspense, Switch };
+//# sourceMappingURL=flow.d.mts.map

package/dist/render/flow.mjs

@@ -0,0 +1,279 @@
+import { createRoot, memo, onCleanup, sig, val } from "../signal/signal.mjs";
+import { tick } from "../scheduler/scheduler.mjs";
+//#region src/render/flow.ts
+/**
+* Flow components for @hedystia/view
+*
+* Provides Show, For, Index, Switch, Match, Portal, Suspense, ErrorBoundary.
+*/
+/**
+* Conditionally render children based on a condition
+*/
+function Show(props) {
+	const container = document.createComment("show");
+	let rendered = null;
+	let fallbackNode = null;
+	const getCondition = () => {
+		return typeof props.when === "function" ? props.when() : props.when;
+	};
+	const runEffect = () => {
+		if (getCondition()) {
+			if (fallbackNode) {
+				fallbackNode.parentNode?.removeChild(fallbackNode);
+				fallbackNode = null;
+			}
+			if (!rendered && props.children) {
+				rendered = typeof props.children === "function" ? props.children() : props.children;
+				if (rendered && !rendered.parentNode) if (container.parentNode) container.parentNode.insertBefore(rendered, container.nextSibling);
+				else queueMicrotask(() => {
+					if (rendered && !rendered.parentNode && container.parentNode) container.parentNode.insertBefore(rendered, container.nextSibling);
+				});
+			}
+		} else {
+			if (rendered) {
+				rendered.parentNode?.removeChild(rendered);
+				rendered = null;
+			}
+			if (props.fallback && !fallbackNode) {
+				fallbackNode = typeof props.fallback === "function" ? props.fallback() : props.fallback;
+				if (fallbackNode && !fallbackNode.parentNode) if (container.parentNode) container.parentNode.insertBefore(fallbackNode, container.nextSibling);
+				else queueMicrotask(() => {
+					if (fallbackNode && !fallbackNode.parentNode && container.parentNode) container.parentNode.insertBefore(fallbackNode, container.nextSibling);
+				});
+			}
+		}
+	};
+	val(memo(() => {
+		runEffect();
+		return true;
+	}));
+	return container;
+}
+/**
+* Render a list with keyed items for efficient updates
+*/
+function For(props) {
+	const container = document.createComment("for");
+	const nodes = /* @__PURE__ */ new Map();
+	const order = [];
+	const getEach = () => {
+		return typeof props.each === "function" ? props.each() : props.each;
+	};
+	const runEffect = () => {
+		const items = getEach();
+		const newOrder = [];
+		const newNodes = /* @__PURE__ */ new Map();
+		for (let i = 0; i < items.length; i++) {
+			const item = items[i];
+			const key = props.key ? props.key(item) : i;
+			newOrder.push(key);
+			if (nodes.has(key)) newNodes.set(key, nodes.get(key));
+			else {
+				const itemSig = sig(item);
+				const indexSig = sig(i);
+				const child = props.children(() => val(itemSig), () => val(indexSig));
+				newNodes.set(key, child);
+			}
+		}
+		for (const key of order) if (!newNodes.has(key)) {
+			const node = nodes.get(key);
+			if (node?.parentNode) node.parentNode.removeChild(node);
+		}
+		const insertNodes = () => {
+			if (container.parentNode) {
+				let prevSibling = container.nextSibling;
+				for (const key of newOrder) {
+					const node = newNodes.get(key);
+					if (!nodes.has(key) && !node.parentNode) container.parentNode.insertBefore(node, prevSibling);
+					else if (prevSibling !== node) container.parentNode.insertBefore(node, prevSibling);
+					prevSibling = node.nextSibling;
+				}
+			}
+		};
+		if (container.parentNode) insertNodes();
+		else queueMicrotask(insertNodes);
+		order.length = 0;
+		order.push(...newOrder);
+		nodes.clear();
+		for (const [k, v] of newNodes) nodes.set(k, v);
+	};
+	val(memo(() => {
+		runEffect();
+		return true;
+	}));
+	return container;
+}
+/**
+* Render a list with index-based tracking
+*/
+function Index(props) {
+	const container = document.createComment("index");
+	const nodes = [];
+	const getEach = () => {
+		return typeof props.each === "function" ? props.each() : props.each;
+	};
+	const runEffect = () => {
+		const items = getEach();
+		while (nodes.length > items.length) {
+			const node = nodes.pop();
+			if (node?.parentNode) node.parentNode.removeChild(node);
+		}
+		const insertNodes = () => {
+			if (container.parentNode) {
+				for (let i = 0; i < items.length; i++) if (nodes[i] === void 0) {
+					const itemSig = sig(items[i]);
+					const child = props.children(() => val(itemSig), i);
+					nodes[i] = child;
+					if (!child.parentNode) container.parentNode.insertBefore(child, container.nextSibling);
+				}
+			}
+		};
+		if (container.parentNode) insertNodes();
+		else queueMicrotask(insertNodes);
+	};
+	val(memo(() => {
+		runEffect();
+		return true;
+	}));
+	return container;
+}
+/**
+* Switch component for mutually exclusive conditions
+*/
+function Switch(props) {
+	const container = document.createComment("switch");
+	let rendered = null;
+	const evaluate = () => {
+		const children = props.children;
+		if (Array.isArray(children)) {
+			for (const child of children) if (child && child._matchWhen) {
+				const when = child._matchWhen;
+				if (typeof when === "function" ? when() : when) return child._matchChildren;
+			}
+		}
+		return props.fallback;
+	};
+	const runEffect = () => {
+		const content = evaluate();
+		if (rendered) {
+			rendered.parentNode?.removeChild(rendered);
+			rendered = null;
+		}
+		if (content) {
+			rendered = typeof content === "function" ? content() : content;
+			if (rendered && !rendered.parentNode) {
+				const insertNode = () => {
+					if (rendered && container.parentNode && !rendered.parentNode) container.parentNode.insertBefore(rendered, container.nextSibling);
+				};
+				if (container.parentNode) insertNode();
+				else queueMicrotask(insertNode);
+			}
+		}
+	};
+	val(memo(() => {
+		runEffect();
+		return true;
+	}));
+	return container;
+}
+/**
+* Match component for use inside Switch
+*/
+function Match(props) {
+	const marker = document.createComment("match");
+	marker._matchWhen = typeof props.when === "function" ? props.when : () => props.when;
+	marker._matchChildren = props.children;
+	return marker;
+}
+/**
+* Portal component for rendering outside the current DOM hierarchy
+*/
+function Portal(props) {
+	const container = document.createComment("portal");
+	const mountPoint = props.mount || document.body;
+	let rendered = null;
+	createRoot(() => {
+		rendered = typeof props.children === "function" ? props.children() : props.children;
+		if (rendered) mountPoint.appendChild(rendered);
+		onCleanup(() => {
+			if (rendered && rendered.parentNode === mountPoint) mountPoint.removeChild(rendered);
+		});
+	});
+	return container;
+}
+/**
+* Suspense component for async loading states
+*/
+function Suspense(props) {
+	const container = document.createComment("suspense");
+	let rendered = null;
+	let fallbackNode = null;
+	tick(() => {
+		try {
+			if (fallbackNode) {
+				container.parentNode?.removeChild(fallbackNode);
+				fallbackNode = null;
+			}
+			if (!rendered && props.children) {
+				rendered = typeof props.children === "function" ? props.children() : props.children;
+				if (rendered) container.parentNode?.insertBefore(rendered, container.nextSibling);
+			}
+		} catch {
+			if (rendered) {
+				container.parentNode?.removeChild(rendered);
+				rendered = null;
+			}
+			if (props.fallback && !fallbackNode) {
+				fallbackNode = typeof props.fallback === "function" ? props.fallback() : props.fallback;
+				if (fallbackNode) container.parentNode?.insertBefore(fallbackNode, container.nextSibling);
+			}
+		}
+	});
+	return container;
+}
+/**
+* ErrorBoundary component for catching render errors
+*/
+function ErrorBoundary(props) {
+	const container = document.createComment("error-boundary");
+	let rendered = null;
+	let error = null;
+	const reset = () => {
+		error = null;
+		if (rendered) {
+			container.parentNode?.removeChild(rendered);
+			rendered = null;
+		}
+		tick(() => {
+			try {
+				rendered = typeof props.children === "function" ? props.children() : props.children;
+				if (rendered) container.parentNode?.insertBefore(rendered, container.nextSibling);
+			} catch (e) {
+				error = e instanceof Error ? e : new Error(String(e));
+				if (rendered) {
+					container.parentNode?.removeChild(rendered);
+					rendered = null;
+				}
+				const fallback = props.fallback(error, reset);
+				rendered = typeof fallback === "function" ? fallback() : fallback;
+				if (rendered) container.parentNode?.insertBefore(rendered, container.nextSibling);
+			}
+		});
+	};
+	tick(() => {
+		try {
+			rendered = typeof props.children === "function" ? props.children() : props.children;
+			if (rendered) container.parentNode?.insertBefore(rendered, container.nextSibling);
+		} catch (e) {
+			error = e instanceof Error ? e : new Error(String(e));
+			const fallback = props.fallback(error, reset);
+			rendered = typeof fallback === "function" ? fallback() : fallback;
+			if (rendered) container.parentNode?.insertBefore(rendered, container.nextSibling);
+		}
+	});
+	return container;
+}
+//#endregion
+export { ErrorBoundary, For, Index, Match, Portal, Show, Suspense, Switch };
+
+//# sourceMappingURL=flow.mjs.map

package/dist/render/flow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow.mjs","names":[],"sources":["../../src/render/flow.ts"],"sourcesContent":["/**\n * Flow components for @hedystia/view\n *\n * Provides Show, For, Index, Switch, Match, Portal, Suspense, ErrorBoundary.\n */\n\nimport { tick } from \"../scheduler\";\nimport { createRoot, memo, sig, onCleanup as signalOnCleanup, val } from \"../signal\";\nimport type { Accessor } from \"../types\";\n\n/**\n * Conditionally render children based on a condition\n */\nexport function Show<T>(props: { when: T | Accessor<T>; fallback?: any; children: any }): any {\n  const container = document.createComment(\"show\");\n  let rendered: HTMLElement | null = null;\n  let fallbackNode: HTMLElement | null = null;\n  const _initialized = false;\n\n  const getCondition = (): any => {\n    return typeof props.when === \"function\" ? (props.when as Accessor<T>)() : props.when;\n  };\n\n  const runEffect = () => {\n    const cond = getCondition();\n    if (cond) {\n      if (fallbackNode) {\n        fallbackNode.parentNode?.removeChild(fallbackNode);\n        fallbackNode = null;\n      }\n      if (!rendered && props.children) {\n        rendered =\n          typeof props.children === \"function\"\n            ? (props.children() as HTMLElement)\n            : (props.children as HTMLElement);\n        if (rendered && !rendered.parentNode) {\n          // Defer insertion until container has a parent\n          if (container.parentNode) {\n            container.parentNode.insertBefore(rendered, container.nextSibling);\n          } else {\n            queueMicrotask(() => {\n              if (rendered && !rendered.parentNode && container.parentNode) {\n                container.parentNode.insertBefore(rendered, container.nextSibling);\n              }\n            });\n          }\n        }\n      }\n    } else {\n      if (rendered) {\n        rendered.parentNode?.removeChild(rendered);\n        rendered = null;\n      }\n      if (props.fallback && !fallbackNode) {\n        fallbackNode =\n          typeof props.fallback === \"function\"\n            ? (props.fallback() as HTMLElement)\n            : (props.fallback as HTMLElement);\n        if (fallbackNode && !fallbackNode.parentNode) {\n          if (container.parentNode) {\n            container.parentNode.insertBefore(fallbackNode, container.nextSibling);\n          } else {\n            queueMicrotask(() => {\n              if (fallbackNode && !fallbackNode.parentNode && container.parentNode) {\n                container.parentNode.insertBefore(fallbackNode, container.nextSibling);\n              }\n            });\n          }\n        }\n      }\n    }\n  };\n\n  const tracker = memo(() => {\n    runEffect();\n    return true;\n  });\n\n  // Run effect synchronously\n  val(tracker);\n\n  return container;\n}\n\n/**\n * Render a list with keyed items for efficient updates\n */\nexport function For<T>(props: {\n  each: T[] | Accessor<T[]>;\n  key?: (item: T) => string | number;\n  children: (item: Accessor<T>, index: Accessor<number>) => any;\n}): any {\n  const container = document.createComment(\"for\");\n  const nodes = new Map<string | number, HTMLElement>();\n  const order: Array<string | number> = [];\n\n  const getEach = (): T[] => {\n    return typeof props.each === \"function\" ? (props.each as Accessor<T[]>)() : props.each;\n  };\n\n  const runEffect = () => {\n    const items = getEach();\n    const newOrder: Array<string | number> = [];\n    const newNodes = new Map<string | number, HTMLElement>();\n\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]!;\n      const key = props.key ? props.key(item) : i;\n      newOrder.push(key);\n\n      if (nodes.has(key)) {\n        newNodes.set(key, nodes.get(key)!);\n      } else {\n        const itemSig = sig(item);\n        const indexSig = sig(i);\n        const child = props.children(\n          () => val(itemSig),\n          () => val(indexSig),\n        ) as HTMLElement;\n        newNodes.set(key, child);\n      }\n    }\n\n    for (const key of order) {\n      if (!newNodes.has(key)) {\n        const node = nodes.get(key);\n        if (node?.parentNode) {\n          node.parentNode.removeChild(node);\n        }\n      }\n    }\n\n    const insertNodes = () => {\n      if (container.parentNode) {\n        let prevSibling = container.nextSibling;\n        for (const key of newOrder) {\n          const node = newNodes.get(key)!;\n          if (!nodes.has(key) && !node.parentNode) {\n            container.parentNode!.insertBefore(node, prevSibling);\n          } else if (prevSibling !== node) {\n            container.parentNode!.insertBefore(node, prevSibling);\n          }\n          prevSibling = node.nextSibling;\n        }\n      }\n    };\n\n    if (container.parentNode) {\n      insertNodes();\n    } else {\n      queueMicrotask(insertNodes);\n    }\n\n    order.length = 0;\n    order.push(...newOrder);\n    nodes.clear();\n    for (const [k, v] of newNodes) {\n      nodes.set(k, v);\n    }\n  };\n\n  const tracker = memo(() => {\n    runEffect();\n    return true;\n  });\n\n  // Run effect synchronously\n  val(tracker);\n\n  return container;\n}\n\n/**\n * Render a list with index-based tracking\n */\nexport function Index<T>(props: {\n  each: T[] | Accessor<T[]>;\n  children: (item: Accessor<T>, index: number) => any;\n}): any {\n  const container = document.createComment(\"index\");\n  const nodes: Array<HTMLElement | null> = [];\n\n  const getEach = (): T[] => {\n    return typeof props.each === \"function\" ? (props.each as Accessor<T[]>)() : props.each;\n  };\n\n  const runEffect = () => {\n    const items = getEach();\n\n    while (nodes.length > items.length) {\n      const node = nodes.pop();\n      if (node?.parentNode) {\n        node.parentNode.removeChild(node);\n      }\n    }\n\n    const insertNodes = () => {\n      if (container.parentNode) {\n        for (let i = 0; i < items.length; i++) {\n          if (nodes[i] === undefined) {\n            const itemSig = sig(items[i]!);\n            const child = props.children(() => val(itemSig), i) as HTMLElement;\n            nodes[i] = child;\n            if (!child.parentNode) {\n              container.parentNode.insertBefore(child, container.nextSibling);\n            }\n          }\n        }\n      }\n    };\n\n    if (container.parentNode) {\n      insertNodes();\n    } else {\n      queueMicrotask(insertNodes);\n    }\n  };\n\n  const tracker = memo(() => {\n    runEffect();\n    return true;\n  });\n\n  // Run effect synchronously\n  val(tracker);\n\n  return container;\n}\n\n/**\n * Switch component for mutually exclusive conditions\n */\nexport function Switch(props: { fallback?: any; children: any }): any {\n  const container = document.createComment(\"switch\");\n  let rendered: HTMLElement | null = null;\n\n  const evaluate = (): any => {\n    const children = props.children;\n    if (Array.isArray(children)) {\n      for (const child of children) {\n        if (child && (child as any)._matchWhen) {\n          const when = (child as any)._matchWhen;\n          const condition = typeof when === \"function\" ? when() : when;\n          if (condition) {\n            return (child as any)._matchChildren;\n          }\n        }\n      }\n    }\n    return props.fallback;\n  };\n\n  const runEffect = () => {\n    const content = evaluate();\n    if (rendered) {\n      rendered.parentNode?.removeChild(rendered);\n      rendered = null;\n    }\n    if (content) {\n      rendered =\n        typeof content === \"function\" ? (content() as HTMLElement) : (content as HTMLElement);\n      if (rendered && !rendered.parentNode) {\n        const insertNode = () => {\n          if (rendered && container.parentNode && !rendered.parentNode) {\n            container.parentNode.insertBefore(rendered, container.nextSibling);\n          }\n        };\n        if (container.parentNode) {\n          insertNode();\n        } else {\n          queueMicrotask(insertNode);\n        }\n      }\n    }\n  };\n\n  const tracker = memo(() => {\n    runEffect();\n    return true;\n  });\n\n  // Run effect synchronously\n  val(tracker);\n\n  return container;\n}\n\n/**\n * Match component for use inside Switch\n */\nexport function Match<T>(props: { when: T | Accessor<T>; children: any }): any {\n  const marker = document.createComment(\"match\");\n  (marker as any)._matchWhen = typeof props.when === \"function\" ? props.when : () => props.when;\n  (marker as any)._matchChildren = props.children;\n  return marker;\n}\n\n/**\n * Portal component for rendering outside the current DOM hierarchy\n */\nexport function Portal(props: { mount?: HTMLElement; children: any }): any {\n  const container = document.createComment(\"portal\");\n  const mountPoint = props.mount || document.body;\n  let rendered: HTMLElement | null = null;\n\n  createRoot(() => {\n    rendered =\n      typeof props.children === \"function\"\n        ? (props.children() as HTMLElement)\n        : (props.children as HTMLElement);\n    if (rendered) {\n      mountPoint.appendChild(rendered);\n    }\n\n    signalOnCleanup(() => {\n      if (rendered && rendered.parentNode === mountPoint) {\n        mountPoint.removeChild(rendered);\n      }\n    });\n  });\n\n  return container;\n}\n\n/**\n * Suspense component for async loading states\n */\nexport function Suspense(props: { fallback?: any; children: any }): any {\n  const container = document.createComment(\"suspense\");\n  let rendered: HTMLElement | null = null;\n  let fallbackNode: HTMLElement | null = null;\n\n  tick(() => {\n    try {\n      if (fallbackNode) {\n        container.parentNode?.removeChild(fallbackNode);\n        fallbackNode = null;\n      }\n      if (!rendered && props.children) {\n        rendered =\n          typeof props.children === \"function\"\n            ? (props.children() as HTMLElement)\n            : (props.children as HTMLElement);\n        if (rendered) {\n          container.parentNode?.insertBefore(rendered, container.nextSibling);\n        }\n      }\n    } catch {\n      if (rendered) {\n        container.parentNode?.removeChild(rendered);\n        rendered = null;\n      }\n      if (props.fallback && !fallbackNode) {\n        fallbackNode =\n          typeof props.fallback === \"function\"\n            ? (props.fallback() as HTMLElement)\n            : (props.fallback as HTMLElement);\n        if (fallbackNode) {\n          container.parentNode?.insertBefore(fallbackNode, container.nextSibling);\n        }\n      }\n    }\n  });\n\n  return container;\n}\n\n/**\n * ErrorBoundary component for catching render errors\n */\nexport function ErrorBoundary(props: {\n  fallback: (err: Error, reset: () => void) => any;\n  children: any;\n}): any {\n  const container = document.createComment(\"error-boundary\");\n  let rendered: HTMLElement | null = null;\n  let error: Error | null = null;\n\n  const reset = () => {\n    error = null;\n    if (rendered) {\n      container.parentNode?.removeChild(rendered);\n      rendered = null;\n    }\n    tick(() => {\n      try {\n        rendered =\n          typeof props.children === \"function\"\n            ? (props.children() as HTMLElement)\n            : (props.children as HTMLElement);\n        if (rendered) {\n          container.parentNode?.insertBefore(rendered, container.nextSibling);\n        }\n      } catch (e) {\n        error = e instanceof Error ? e : new Error(String(e));\n        if (rendered) {\n          container.parentNode?.removeChild(rendered);\n          rendered = null;\n        }\n        const fallback = props.fallback(error, reset);\n        rendered =\n          typeof fallback === \"function\" ? (fallback() as HTMLElement) : (fallback as HTMLElement);\n        if (rendered) {\n          container.parentNode?.insertBefore(rendered, container.nextSibling);\n        }\n      }\n    });\n  };\n\n  tick(() => {\n    try {\n      rendered =\n        typeof props.children === \"function\"\n          ? (props.children() as HTMLElement)\n          : (props.children as HTMLElement);\n      if (rendered) {\n        container.parentNode?.insertBefore(rendered, container.nextSibling);\n      }\n    } catch (e) {\n      error = e instanceof Error ? e : new Error(String(e));\n      const fallback = props.fallback(error, reset);\n      rendered =\n        typeof fallback === \"function\" ? (fallback() as HTMLElement) : (fallback as HTMLElement);\n      if (rendered) {\n        container.parentNode?.insertBefore(rendered, container.nextSibling);\n      }\n    }\n  });\n\n  return container;\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,KAAQ,OAAsE;CAC5F,MAAM,YAAY,SAAS,cAAc,OAAO;CAChD,IAAI,WAA+B;CACnC,IAAI,eAAmC;CAGvC,MAAM,qBAA0B;AAC9B,SAAO,OAAO,MAAM,SAAS,aAAc,MAAM,MAAsB,GAAG,MAAM;;CAGlF,MAAM,kBAAkB;AAEtB,MADa,cAAc,EACjB;AACR,OAAI,cAAc;AAChB,iBAAa,YAAY,YAAY,aAAa;AAClD,mBAAe;;AAEjB,OAAI,CAAC,YAAY,MAAM,UAAU;AAC/B,eACE,OAAO,MAAM,aAAa,aACrB,MAAM,UAAU,GAChB,MAAM;AACb,QAAI,YAAY,CAAC,SAAS,WAExB,KAAI,UAAU,WACZ,WAAU,WAAW,aAAa,UAAU,UAAU,YAAY;QAElE,sBAAqB;AACnB,SAAI,YAAY,CAAC,SAAS,cAAc,UAAU,WAChD,WAAU,WAAW,aAAa,UAAU,UAAU,YAAY;MAEpE;;SAIH;AACL,OAAI,UAAU;AACZ,aAAS,YAAY,YAAY,SAAS;AAC1C,eAAW;;AAEb,OAAI,MAAM,YAAY,CAAC,cAAc;AACnC,mBACE,OAAO,MAAM,aAAa,aACrB,MAAM,UAAU,GAChB,MAAM;AACb,QAAI,gBAAgB,CAAC,aAAa,WAChC,KAAI,UAAU,WACZ,WAAU,WAAW,aAAa,cAAc,UAAU,YAAY;QAEtE,sBAAqB;AACnB,SAAI,gBAAgB,CAAC,aAAa,cAAc,UAAU,WACxD,WAAU,WAAW,aAAa,cAAc,UAAU,YAAY;MAExE;;;;AAaZ,KANgB,WAAW;AACzB,aAAW;AACX,SAAO;GACP,CAGU;AAEZ,QAAO;;;;;AAMT,SAAgB,IAAO,OAIf;CACN,MAAM,YAAY,SAAS,cAAc,MAAM;CAC/C,MAAM,wBAAQ,IAAI,KAAmC;CACrD,MAAM,QAAgC,EAAE;CAExC,MAAM,gBAAqB;AACzB,SAAO,OAAO,MAAM,SAAS,aAAc,MAAM,MAAwB,GAAG,MAAM;;CAGpF,MAAM,kBAAkB;EACtB,MAAM,QAAQ,SAAS;EACvB,MAAM,WAAmC,EAAE;EAC3C,MAAM,2BAAW,IAAI,KAAmC;AAExD,OAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;GACrC,MAAM,OAAO,MAAM;GACnB,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,KAAK,GAAG;AAC1C,YAAS,KAAK,IAAI;AAElB,OAAI,MAAM,IAAI,IAAI,CAChB,UAAS,IAAI,KAAK,MAAM,IAAI,IAAI,CAAE;QAC7B;IACL,MAAM,UAAU,IAAI,KAAK;IACzB,MAAM,WAAW,IAAI,EAAE;IACvB,MAAM,QAAQ,MAAM,eACZ,IAAI,QAAQ,QACZ,IAAI,SAAS,CACpB;AACD,aAAS,IAAI,KAAK,MAAM;;;AAI5B,OAAK,MAAM,OAAO,MAChB,KAAI,CAAC,SAAS,IAAI,IAAI,EAAE;GACtB,MAAM,OAAO,MAAM,IAAI,IAAI;AAC3B,OAAI,MAAM,WACR,MAAK,WAAW,YAAY,KAAK;;EAKvC,MAAM,oBAAoB;AACxB,OAAI,UAAU,YAAY;IACxB,IAAI,cAAc,UAAU;AAC5B,SAAK,MAAM,OAAO,UAAU;KAC1B,MAAM,OAAO,SAAS,IAAI,IAAI;AAC9B,SAAI,CAAC,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,WAC3B,WAAU,WAAY,aAAa,MAAM,YAAY;cAC5C,gBAAgB,KACzB,WAAU,WAAY,aAAa,MAAM,YAAY;AAEvD,mBAAc,KAAK;;;;AAKzB,MAAI,UAAU,WACZ,cAAa;MAEb,gBAAe,YAAY;AAG7B,QAAM,SAAS;AACf,QAAM,KAAK,GAAG,SAAS;AACvB,QAAM,OAAO;AACb,OAAK,MAAM,CAAC,GAAG,MAAM,SACnB,OAAM,IAAI,GAAG,EAAE;;AAUnB,KANgB,WAAW;AACzB,aAAW;AACX,SAAO;GACP,CAGU;AAEZ,QAAO;;;;;AAMT,SAAgB,MAAS,OAGjB;CACN,MAAM,YAAY,SAAS,cAAc,QAAQ;CACjD,MAAM,QAAmC,EAAE;CAE3C,MAAM,gBAAqB;AACzB,SAAO,OAAO,MAAM,SAAS,aAAc,MAAM,MAAwB,GAAG,MAAM;;CAGpF,MAAM,kBAAkB;EACtB,MAAM,QAAQ,SAAS;AAEvB,SAAO,MAAM,SAAS,MAAM,QAAQ;GAClC,MAAM,OAAO,MAAM,KAAK;AACxB,OAAI,MAAM,WACR,MAAK,WAAW,YAAY,KAAK;;EAIrC,MAAM,oBAAoB;AACxB,OAAI,UAAU;SACP,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,IAChC,KAAI,MAAM,OAAO,KAAA,GAAW;KAC1B,MAAM,UAAU,IAAI,MAAM,GAAI;KAC9B,MAAM,QAAQ,MAAM,eAAe,IAAI,QAAQ,EAAE,EAAE;AACnD,WAAM,KAAK;AACX,SAAI,CAAC,MAAM,WACT,WAAU,WAAW,aAAa,OAAO,UAAU,YAAY;;;;AAOzE,MAAI,UAAU,WACZ,cAAa;MAEb,gBAAe,YAAY;;AAU/B,KANgB,WAAW;AACzB,aAAW;AACX,SAAO;GACP,CAGU;AAEZ,QAAO;;;;;AAMT,SAAgB,OAAO,OAA+C;CACpE,MAAM,YAAY,SAAS,cAAc,SAAS;CAClD,IAAI,WAA+B;CAEnC,MAAM,iBAAsB;EAC1B,MAAM,WAAW,MAAM;AACvB,MAAI,MAAM,QAAQ,SAAS;QACpB,MAAM,SAAS,SAClB,KAAI,SAAU,MAAc,YAAY;IACtC,MAAM,OAAQ,MAAc;AAE5B,QADkB,OAAO,SAAS,aAAa,MAAM,GAAG,KAEtD,QAAQ,MAAc;;;AAK9B,SAAO,MAAM;;CAGf,MAAM,kBAAkB;EACtB,MAAM,UAAU,UAAU;AAC1B,MAAI,UAAU;AACZ,YAAS,YAAY,YAAY,SAAS;AAC1C,cAAW;;AAEb,MAAI,SAAS;AACX,cACE,OAAO,YAAY,aAAc,SAAS,GAAoB;AAChE,OAAI,YAAY,CAAC,SAAS,YAAY;IACpC,MAAM,mBAAmB;AACvB,SAAI,YAAY,UAAU,cAAc,CAAC,SAAS,WAChD,WAAU,WAAW,aAAa,UAAU,UAAU,YAAY;;AAGtE,QAAI,UAAU,WACZ,aAAY;QAEZ,gBAAe,WAAW;;;;AAYlC,KANgB,WAAW;AACzB,aAAW;AACX,SAAO;GACP,CAGU;AAEZ,QAAO;;;;;AAMT,SAAgB,MAAS,OAAsD;CAC7E,MAAM,SAAS,SAAS,cAAc,QAAQ;AAC7C,QAAe,aAAa,OAAO,MAAM,SAAS,aAAa,MAAM,aAAa,MAAM;AACxF,QAAe,iBAAiB,MAAM;AACvC,QAAO;;;;;AAMT,SAAgB,OAAO,OAAoD;CACzE,MAAM,YAAY,SAAS,cAAc,SAAS;CAClD,MAAM,aAAa,MAAM,SAAS,SAAS;CAC3C,IAAI,WAA+B;AAEnC,kBAAiB;AACf,aACE,OAAO,MAAM,aAAa,aACrB,MAAM,UAAU,GAChB,MAAM;AACb,MAAI,SACF,YAAW,YAAY,SAAS;AAGlC,kBAAsB;AACpB,OAAI,YAAY,SAAS,eAAe,WACtC,YAAW,YAAY,SAAS;IAElC;GACF;AAEF,QAAO;;;;;AAMT,SAAgB,SAAS,OAA+C;CACtE,MAAM,YAAY,SAAS,cAAc,WAAW;CACpD,IAAI,WAA+B;CACnC,IAAI,eAAmC;AAEvC,YAAW;AACT,MAAI;AACF,OAAI,cAAc;AAChB,cAAU,YAAY,YAAY,aAAa;AAC/C,mBAAe;;AAEjB,OAAI,CAAC,YAAY,MAAM,UAAU;AAC/B,eACE,OAAO,MAAM,aAAa,aACrB,MAAM,UAAU,GAChB,MAAM;AACb,QAAI,SACF,WAAU,YAAY,aAAa,UAAU,UAAU,YAAY;;UAGjE;AACN,OAAI,UAAU;AACZ,cAAU,YAAY,YAAY,SAAS;AAC3C,eAAW;;AAEb,OAAI,MAAM,YAAY,CAAC,cAAc;AACnC,mBACE,OAAO,MAAM,aAAa,aACrB,MAAM,UAAU,GAChB,MAAM;AACb,QAAI,aACF,WAAU,YAAY,aAAa,cAAc,UAAU,YAAY;;;GAI7E;AAEF,QAAO;;;;;AAMT,SAAgB,cAAc,OAGtB;CACN,MAAM,YAAY,SAAS,cAAc,iBAAiB;CAC1D,IAAI,WAA+B;CACnC,IAAI,QAAsB;CAE1B,MAAM,cAAc;AAClB,UAAQ;AACR,MAAI,UAAU;AACZ,aAAU,YAAY,YAAY,SAAS;AAC3C,cAAW;;AAEb,aAAW;AACT,OAAI;AACF,eACE,OAAO,MAAM,aAAa,aACrB,MAAM,UAAU,GAChB,MAAM;AACb,QAAI,SACF,WAAU,YAAY,aAAa,UAAU,UAAU,YAAY;YAE9D,GAAG;AACV,YAAQ,aAAa,QAAQ,IAAI,IAAI,MAAM,OAAO,EAAE,CAAC;AACrD,QAAI,UAAU;AACZ,eAAU,YAAY,YAAY,SAAS;AAC3C,gBAAW;;IAEb,MAAM,WAAW,MAAM,SAAS,OAAO,MAAM;AAC7C,eACE,OAAO,aAAa,aAAc,UAAU,GAAoB;AAClE,QAAI,SACF,WAAU,YAAY,aAAa,UAAU,UAAU,YAAY;;IAGvE;;AAGJ,YAAW;AACT,MAAI;AACF,cACE,OAAO,MAAM,aAAa,aACrB,MAAM,UAAU,GAChB,MAAM;AACb,OAAI,SACF,WAAU,YAAY,aAAa,UAAU,UAAU,YAAY;WAE9D,GAAG;AACV,WAAQ,aAAa,QAAQ,IAAI,IAAI,MAAM,OAAO,EAAE,CAAC;GACrD,MAAM,WAAW,MAAM,SAAS,OAAO,MAAM;AAC7C,cACE,OAAO,aAAa,aAAc,UAAU,GAAoB;AAClE,OAAI,SACF,WAAU,YAAY,aAAa,UAAU,UAAU,YAAY;;GAGvE;AAEF,QAAO"}

package/dist/scheduler/scheduler.cjs

@@ -0,0 +1,61 @@
+//#region src/scheduler/scheduler.ts
+/**
+* Frame scheduler for @hedystia/view
+*
+* Provides requestAnimationFrame-based batching for visual updates.
+*/
+let scheduledRaf = null;
+let rafCallbacks = [];
+/**
+* Schedule a callback for the next animation frame
+* @param {() => void} fn - The callback to run on next frame
+* @example
+* tick(() => {
+*   // DOM updates here
+* });
+*/
+function tick(fn) {
+	rafCallbacks.push(fn);
+	if (scheduledRaf === null) scheduledRaf = requestAnimationFrame(flushRaf);
+}
+/**
+* Wait for the next animation frame
+* @returns {Promise<void>} A promise that resolves on next frame
+* @example
+* await nextFrame();
+*/
+function nextFrame() {
+	return new Promise((resolve) => {
+		tick(resolve);
+	});
+}
+/** @internal */
+function flushRaf() {
+	scheduledRaf = null;
+	const callbacks = rafCallbacks;
+	rafCallbacks = [];
+	for (let i = 0; i < callbacks.length; i++) callbacks[i]();
+}
+/**
+* Force flush all pending RAF callbacks synchronously (for testing)
+* @example
+* await tick(); // forces flush
+*/
+function forceFlush() {
+	return new Promise((resolve) => {
+		if (scheduledRaf !== null) {
+			cancelAnimationFrame(scheduledRaf);
+			scheduledRaf = null;
+		}
+		const callbacks = rafCallbacks;
+		rafCallbacks = [];
+		for (let i = 0; i < callbacks.length; i++) callbacks[i]();
+		resolve();
+	});
+}
+//#endregion
+exports.forceFlush = forceFlush;
+exports.nextFrame = nextFrame;
+exports.tick = tick;
+
+//# sourceMappingURL=scheduler.cjs.map

package/dist/scheduler/scheduler.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler.cjs","names":[],"sources":["../../src/scheduler/scheduler.ts"],"sourcesContent":["/**\n * Frame scheduler for @hedystia/view\n *\n * Provides requestAnimationFrame-based batching for visual updates.\n */\n\nlet scheduledRaf: number | null = null;\nlet rafCallbacks: Array<() => void> = [];\n\n/**\n * Schedule a callback for the next animation frame\n * @param {() => void} fn - The callback to run on next frame\n * @example\n * tick(() => {\n *   // DOM updates here\n * });\n */\nexport function tick(fn: () => void): void {\n  rafCallbacks.push(fn);\n  if (scheduledRaf === null) {\n    scheduledRaf = requestAnimationFrame(flushRaf);\n  }\n}\n\n/**\n * Wait for the next animation frame\n * @returns {Promise<void>} A promise that resolves on next frame\n * @example\n * await nextFrame();\n */\nexport function nextFrame(): Promise<void> {\n  return new Promise((resolve) => {\n    tick(resolve);\n  });\n}\n\n/** @internal */\nfunction flushRaf(): void {\n  scheduledRaf = null;\n  const callbacks = rafCallbacks;\n  rafCallbacks = [];\n  for (let i = 0; i < callbacks.length; i++) {\n    callbacks[i]!();\n  }\n}\n\n/**\n * Force flush all pending RAF callbacks synchronously (for testing)\n * @example\n * await tick(); // forces flush\n */\nexport function forceFlush(): Promise<void> {\n  return new Promise((resolve) => {\n    if (scheduledRaf !== null) {\n      cancelAnimationFrame(scheduledRaf);\n      scheduledRaf = null;\n    }\n    const callbacks = rafCallbacks;\n    rafCallbacks = [];\n    for (let i = 0; i < callbacks.length; i++) {\n      callbacks[i]!();\n    }\n    resolve();\n  });\n}\n"],"mappings":";;;;;;AAMA,IAAI,eAA8B;AAClC,IAAI,eAAkC,EAAE;;;;;;;;;AAUxC,SAAgB,KAAK,IAAsB;AACzC,cAAa,KAAK,GAAG;AACrB,KAAI,iBAAiB,KACnB,gBAAe,sBAAsB,SAAS;;;;;;;;AAUlD,SAAgB,YAA2B;AACzC,QAAO,IAAI,SAAS,YAAY;AAC9B,OAAK,QAAQ;GACb;;;AAIJ,SAAS,WAAiB;AACxB,gBAAe;CACf,MAAM,YAAY;AAClB,gBAAe,EAAE;AACjB,MAAK,IAAI,IAAI,GAAG,IAAI,UAAU,QAAQ,IACpC,WAAU,IAAK;;;;;;;AASnB,SAAgB,aAA4B;AAC1C,QAAO,IAAI,SAAS,YAAY;AAC9B,MAAI,iBAAiB,MAAM;AACzB,wBAAqB,aAAa;AAClC,kBAAe;;EAEjB,MAAM,YAAY;AAClB,iBAAe,EAAE;AACjB,OAAK,IAAI,IAAI,GAAG,IAAI,UAAU,QAAQ,IACpC,WAAU,IAAK;AAEjB,WAAS;GACT"}

package/dist/scheduler/scheduler.d.cts

@@ -0,0 +1,31 @@
+//#region src/scheduler/scheduler.d.ts
+/**
+ * Frame scheduler for @hedystia/view
+ *
+ * Provides requestAnimationFrame-based batching for visual updates.
+ */
+/**
+ * Schedule a callback for the next animation frame
+ * @param {() => void} fn - The callback to run on next frame
+ * @example
+ * tick(() => {
+ *   // DOM updates here
+ * });
+ */
+declare function tick(fn: () => void): void;
+/**
+ * Wait for the next animation frame
+ * @returns {Promise<void>} A promise that resolves on next frame
+ * @example
+ * await nextFrame();
+ */
+declare function nextFrame(): Promise<void>;
+/**
+ * Force flush all pending RAF callbacks synchronously (for testing)
+ * @example
+ * await tick(); // forces flush
+ */
+declare function forceFlush(): Promise<void>;
+//#endregion
+export { forceFlush, nextFrame, tick };
+//# sourceMappingURL=scheduler.d.cts.map

package/dist/scheduler/scheduler.d.mts

@@ -0,0 +1,31 @@
+//#region src/scheduler/scheduler.d.ts
+/**
+ * Frame scheduler for @hedystia/view
+ *
+ * Provides requestAnimationFrame-based batching for visual updates.
+ */
+/**
+ * Schedule a callback for the next animation frame
+ * @param {() => void} fn - The callback to run on next frame
+ * @example
+ * tick(() => {
+ *   // DOM updates here
+ * });
+ */
+declare function tick(fn: () => void): void;
+/**
+ * Wait for the next animation frame
+ * @returns {Promise<void>} A promise that resolves on next frame
+ * @example
+ * await nextFrame();
+ */
+declare function nextFrame(): Promise<void>;
+/**
+ * Force flush all pending RAF callbacks synchronously (for testing)
+ * @example
+ * await tick(); // forces flush
+ */
+declare function forceFlush(): Promise<void>;
+//#endregion
+export { forceFlush, nextFrame, tick };
+//# sourceMappingURL=scheduler.d.mts.map