pudui 0.0.0 → 0.0.2

package/dist/{component-D3kwgmef.mjs → component-2mAsZGIS.mjs}

@@ -20,6 +20,7 @@ function fail(message) {
 //#endregion
 //#region src/core/component.ts
 const componentInternals = /* @__PURE__ */ new WeakMap();
+const componentInternalsKey = Symbol();
 let updateFrameScheduled = false;
 let scheduledUpdates = /* @__PURE__ */ new Map();
 /**
@@ -52,9 +53,10 @@ var Component = class {
 	* @param options Render, error, and hydration options for this component.
 	*/
 	constructor(options) {
-		componentInternals.set(this, {
+		const internals = {
 			i: 0,
 			c: /* @__PURE__ */ new Map(),
+			d: false,
 			e: options.error,
 			h: options.hydrate,
 			f: /* @__PURE__ */ new Map(),
@@ -62,8 +64,10 @@ var Component = class {
 			o: [],
 			p: void 0,
 			r: options.render,
-			u: []
-		});
+			u: /* @__PURE__ */ new Set()
+		};
+		componentInternals.set(this, internals);
+		Object.defineProperty(this, componentInternalsKey, { value: internals });
 	}
 	/**
 	* Queues a callback to run after the component's first browser mount.
@@ -85,7 +89,9 @@ var Component = class {
 	* @param callback Function to run after the update commits.
 	*/
 	update(callback) {
-		for (const listener of getComponentInternals(this).f.keys()) scheduleUpdate(listener, callback);
+		const internals = getComponentInternals(this);
+		internals.d = true;
+		for (const listener of internals.f.keys()) scheduleUpdate(listener, callback);
 	}
 };
 /**
@@ -98,7 +104,7 @@ function isComponent(value) {
 	return value instanceof Component;
 }
 function getComponentInternals(component) {
-	const internals = componentInternals.get(component);
+	const internals = component[componentInternalsKey] ?? componentInternals.get(component);
 	invariant(internals, "component");
 	return internals;
 }
@@ -139,6 +145,14 @@ function renderComponentOutput(component) {
 	return getComponentInternals(component).r(readComponentProps(component));
 }
 /**
+* Marks the current props as rendered.
+*
+* @param component Component that completed a render pass.
+*/
+function markComponentRendered(component) {
+	getComponentInternals(component).d = false;
+}
+/**
 * Runs a component's error callback for a failed render.
 *
 * @param component Component whose render failed.
@@ -158,7 +172,7 @@ function renderComponentErrorOutput(component, reason) {
 function beginComponentRender(component) {
 	const internals = getComponentInternals(component);
 	internals.i = 0;
-	internals.u = [];
+	internals.u.clear();
 }
 /**
 * Marks the end of a component render pass and prunes unused child instances.
@@ -167,7 +181,7 @@ function beginComponentRender(component) {
 */
 function finishComponentRender(component) {
 	const internals = getComponentInternals(component);
-	for (const childSlot of internals.c.keys()) if (!internals.u.includes(childSlot)) internals.c.delete(childSlot);
+	for (const childSlot of internals.c.keys()) if (!internals.u.has(childSlot)) internals.c.delete(childSlot);
 }
 /**
 * Resolves a component virtual node to a component instance.
@@ -179,9 +193,9 @@ function finishComponentRender(component) {
 function resolveComponent(vnode, owner) {
 	if (!owner) return createComponent(vnode.type, vnode.props);
 	const internals = getComponentInternals(owner);
-	const slot = vnode.key === void 0 ? "." + internals.i++ : "#" + String(vnode.key);
+	const slot = componentSlot(vnode, internals);
 	const existing = internals.c.get(slot);
-	internals.u.push(slot);
+	internals.u.add(slot);
 	if (existing?.t === vnode.type) {
 		setComponentProps(existing.v, vnode.props);
 		return existing.v;
@@ -194,6 +208,20 @@ function resolveComponent(vnode, owner) {
 	return component;
 }
 /**
+* Marks a component virtual node slot as used without resolving the instance.
+*
+* @param vnode Component virtual node.
+* @param owner Parent component that owns child instance slots.
+*/
+function retainComponentSlot(vnode, owner) {
+	if (!owner) return;
+	const internals = getComponentInternals(owner);
+	internals.u.add(componentSlot(vnode, internals));
+}
+function componentSlot(vnode, internals) {
+	return vnode.key === void 0 ? "." + internals.i++ : typeof vnode.key === "number" ? vnode.key : "#" + vnode.key;
+}
+/**
 * Creates a component instance from a component factory.
 *
 * @param factory Component factory to invoke.
@@ -272,4 +300,4 @@ function isPromiseLike(value) {
 	return typeof value?.then === "function";
 }
 //#endregion
-export { isComponent as a, readComponentProps as c, resolveComponent as d, setComponentProps as f, invariant as h, finishComponentRender as i, renderComponentErrorOutput as l, fail as m, beginComponentRender as n, queueComponentMount as o, subscribeComponent as p, createComponent as r, readComponentHydrateMeta as s, Component as t, renderComponentOutput as u };
+export { invariant as _, isComponent as a, readComponentHydrateMeta as c, renderComponentOutput as d, resolveComponent as f, fail as g, subscribeComponent as h, finishComponentRender as i, readComponentProps as l, setComponentProps as m, beginComponentRender as n, markComponentRendered as o, retainComponentSlot as p, createComponent as r, queueComponentMount as s, Component as t, renderComponentErrorOutput as u };

package/dist/hmr-runtime.mjs

@@ -1,4 +1,4 @@
-import { t as Component } from "./component-D3kwgmef.mjs";
+import { t as Component } from "./component-2mAsZGIS.mjs";
 //#region src/hmr-runtime.ts
 const globalRegistryKey = "__puduiHmrRegistry";
 const moduleDataKey = "__puduiHmr";

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { c as jsxDEV, d as normalizeChildren, f as readRawChildHtml, l as isEmptyChild, n as Raw, o as isVNode, r as createElement, s as jsx, t as Fragment, u as isRawChild } from "./vnode-Lr-Tpypk.mjs";
+import { c as jsxDEV, d as normalizeChildren, f as readRawChildHtml, l as isEmptyChild, n as Raw, o as isVNode, r as createElement, s as jsx, t as Fragment, u as isRawChild } from "./vnode-B7qKjJZs.mjs";
 import { a as isRawStartCommentData, g as readDangerouslySetInnerHTML, h as isPrimitiveValue, i as isRawEndCommentData, m as isChildlessElement, n as isHydrateMetaCommentData, o as parseHydrateMetaCommentData, p as attributeName, r as isHydrateStartCommentData, s as parseHydrateStartCommentData, t as isHydrateEndCommentData, v as toKebabCase } from "./hydration-markers-DdjOvH6g.mjs";
-import { a as isComponent, d as resolveComponent, f as setComponentProps, h as invariant, i as finishComponentRender, l as renderComponentErrorOutput, m as fail, n as beginComponentRender, o as queueComponentMount, p as subscribeComponent, r as createComponent, s as readComponentHydrateMeta, t as Component, u as renderComponentOutput } from "./component-D3kwgmef.mjs";
+import { _ as invariant, a as isComponent, c as readComponentHydrateMeta, d as renderComponentOutput, f as resolveComponent, g as fail, h as subscribeComponent, i as finishComponentRender, m as setComponentProps, n as beginComponentRender, o as markComponentRendered, p as retainComponentSlot, r as createComponent, s as queueComponentMount, t as Component, u as renderComponentErrorOutput } from "./component-2mAsZGIS.mjs";
 //#region src/core/hydration.ts
 /**
 * Checks whether a value is a hydrated child boundary wrapper.
@@ -39,19 +39,24 @@ function updateHydratedChildrenBoundary(children, boundary) {
 * @param newProps Next intrinsic props.
 */
 function patchProps(element, oldProps, newProps) {
-	for (const [rawName, value] of Object.entries(newProps)) {
+	if (oldProps === newProps) return;
+	for (const rawName in newProps) {
 		if (shouldSkipProp(rawName)) continue;
-		const name = attributeName(rawName);
+		const value = newProps[rawName];
 		if (rawName === "style") {
 			patchStyle(element, oldProps.style, value);
 			continue;
 		}
+		if (rawName === "className" || rawName === "class") {
+			patchAttribute(element, "class", readPropValue(oldProps, rawName), value);
+			continue;
+		}
+		const name = attributeName(rawName);
 		const oldAttributeValue = attributeValue(readPropValue(oldProps, rawName));
 		const newAttributeValue = attributeValue(value);
-		if (oldAttributeValue !== newAttributeValue) if (newAttributeValue === void 0) element.removeAttribute(name);
-		else element.setAttribute(name, newAttributeValue);
+		if (oldAttributeValue !== newAttributeValue) setAttribute(element, name, newAttributeValue);
 	}
-	for (const rawName of Object.keys(oldProps)) {
+	for (const rawName in oldProps) {
 		if (shouldSkipProp(rawName) || readPropValue(newProps, rawName) !== void 0) continue;
 		if (rawName === "style") {
 			if (oldProps.style != null) element.removeAttribute("style");
@@ -61,8 +66,23 @@ function patchProps(element, oldProps, newProps) {
 		if ("checked" in newProps && (element.type === "checkbox" || element.type === "radio")) element.checked = newProps.checked === true;
 	}
 }
+function patchAttribute(element, name, oldValue, newValue) {
+	const oldAttributeValue = attributeValue(oldValue);
+	const newAttributeValue = attributeValue(newValue);
+	if (oldAttributeValue !== newAttributeValue) setAttribute(element, name, newAttributeValue);
+}
+function setAttribute(element, name, value) {
+	if (value === void 0) element.removeAttribute(name);
+	else element.setAttribute(name, value);
+}
 function shouldSkipProp(rawName) {
-	return " children dangerouslySetInnerHTML key ref ".includes(" " + rawName + " ") || rawName.startsWith("on");
+	switch (rawName) {
+		case "children":
+		case "dangerouslySetInnerHTML":
+		case "key":
+		case "ref": return true;
+		default: return rawName.charCodeAt(0) === 111 && rawName.charCodeAt(1) === 110;
+	}
 }
 function readPropValue(props, rawName) {
 	const value = props[rawName];
@@ -418,7 +438,7 @@ function hydrateBoundary(initialBoundary, factory, options) {
 			hydrateOptions: options,
 			owner: void 0,
 			scheduleUpdate: commit
-		}, boundary.s.nextSibling, component, parent, boundary.s, boundary.e).r;
+		}, boundary.s.nextSibling, component, parent, boundary.s, boundary.e, boundary.k).r;
 		runEffects(effects.r);
 		runEffects(effects.m);
 	};
@@ -499,12 +519,15 @@ function childToRenderNode(child, context) {
 	if (Array.isArray(child)) return arrayToRenderNode(child, context);
 	if (isComponent(child)) return componentToRenderNode(child, context);
 	if (isVNode(child)) {
-		if (typeof child.type === "function") return childToRenderNode(resolveComponent(child, context.owner), context);
+		if (typeof child.type === "function") {
+			const vnode = child;
+			return componentToRenderNode(resolveComponent(vnode, context.owner), context, vnode.key, vnode.type, vnode);
+		}
 		return elementToRenderNode(child, context);
 	}
 	return textToRenderNode(null, context.document);
 }
-function hydrateChildToDom(child, context, currentNode, rootComponent, parent) {
+function hydrateChildToDom(child, context, currentNode, rootComponent, parent, key) {
 	if (isHydratedChildren(child)) return hydrateHydratedChildren(child, currentNode, parent);
 	if (isEmptyChild(child) || isPrimitiveValue(child)) return hydrateTextToDom(child, currentNode, parent);
 	if (isRawChild(child)) return hydrateRawToDom(child, context, currentNode, parent);
@@ -530,10 +553,13 @@ function hydrateChildToDom(child, context, currentNode, rootComponent, parent) {
 	}
 	if (isComponent(child)) {
 		if (child !== rootComponent && readComponentHydrateMeta(child) !== void 0) return hydrateSkippedBoundary(currentNode, parent);
-		return hydrateComponentToDom(child, context, currentNode, rootComponent, parent);
+		return hydrateComponentToDom(child, context, currentNode, rootComponent, parent, void 0, void 0, key);
 	}
 	if (isVNode(child)) {
-		if (typeof child.type === "function") return hydrateChildToDom(resolveComponent(child, context.owner), context, currentNode, rootComponent, parent);
+		if (typeof child.type === "function") {
+			const vnode = child;
+			return hydrateChildToDom(resolveComponent(vnode, context.owner), context, currentNode, rootComponent, parent, vnode.key);
+		}
 		return hydrateElementToDom(child, context, currentNode, rootComponent, parent);
 	}
 	return hydrateTextToDom(null, currentNode, parent);
@@ -563,7 +589,7 @@ function hydrateElementToDom(vnode, context, currentNode, rootComponent, parent)
 		r: node
 	};
 }
-function hydrateComponentToDom(component, context, currentNode, rootComponent, parent, start, end) {
+function hydrateComponentToDom(component, context, currentNode, rootComponent, parent, start, end, key) {
 	const componentStart = start ?? insertMarker(parent, currentNode);
 	const unsubscribe = subscribeComponent(component, context.scheduleUpdate);
 	let result;
@@ -587,7 +613,10 @@ function hydrateComponentToDom(component, context, currentNode, rootComponent, p
 			c: result.r,
 			e: componentEnd,
 			k: componentRenderNodeKind,
+			o: void 0,
+			q: key,
 			s: componentStart,
+			t: void 0,
 			u: unsubscribe,
 			v: component
 		}
@@ -706,7 +735,16 @@ function patchRenderNode(node, nextChild, context) {
 		return replace();
 	}
 	if (isVNode(nextChild)) {
-		if (typeof nextChild.type === "function") return patchRenderNode(node, resolveComponent(nextChild, context.owner), context);
+		if (typeof nextChild.type === "function") {
+			const component = resolveComponent(nextChild, context.owner);
+			if (node.k === componentRenderNodeKind && node.v === component) {
+				node.q = nextChild.key;
+				node.t = nextChild.type;
+				node.o = nextChild;
+				return patchComponentRenderNode(node, component, context);
+			}
+			return replaceRenderNode(node, component, context, nextChild.key, nextChild.type);
+		}
 		const vnode = nextChild;
 		if (node.k === elementRenderNodeKind && node.v.type === vnode.type && node.v.key === vnode.key) return patchElementRenderNode(node, vnode, context);
 		return replace();
@@ -715,7 +753,7 @@ function patchRenderNode(node, nextChild, context) {
 }
 function patchArrayRenderNode(node, nextChildren, context) {
 	const normalizedChildren = normalizeChildren(nextChildren);
-	if (shouldPatchKeyedArray(node.c, normalizedChildren)) return patchKeyedArrayRenderNode(node, normalizedChildren, context);
+	if (shouldPatchKeyedArray(node.c, normalizedChildren)) return patchKeyedArrayRenderNode(node, reuseKeyedArrayChildren(node, normalizedChildren), context);
 	const sharedLength = Math.min(node.c.length, normalizedChildren.length);
 	for (let index = 0; index < sharedLength; index++) node.c[index] = patchRenderNode(node.c[index], normalizedChildren[index], context);
 	const parent = node.e.parentNode;
@@ -739,9 +777,45 @@ function patchArrayRenderNode(node, nextChildren, context) {
 	const firstRemovedChild = removedChildren[0];
 	const lastRemovedChild = removedChildren.at(-1);
 	if (firstRemovedChild && lastRemovedChild) removeNodeRange(renderNodeStart(firstRemovedChild), renderNodeEnd(lastRemovedChild));
+	node.h = void 0;
 	return node;
 }
+function reuseKeyedArrayChildren(node, nextChildren) {
+	const previousChildren = node.h;
+	const reusableChildren = previousChildren ? Array.from(nextChildren) : void 0;
+	const nextReusableChildren = /* @__PURE__ */ new Map();
+	for (let index = 0; index < nextChildren.length; index++) {
+		const child = nextChildren[index];
+		const key = readChildKey(child);
+		if (key === void 0) {
+			node.h = void 0;
+			return nextChildren;
+		}
+		const previousChild = previousChildren?.get(key);
+		const reusableChild = previousChild && canReuseKeyedChild(previousChild, child) ? previousChild : child;
+		if (reusableChildren) reusableChildren[index] = reusableChild;
+		nextReusableChildren.set(key, reusableChild);
+	}
+	node.h = nextReusableChildren;
+	return reusableChildren ?? nextChildren;
+}
+function canReuseKeyedChild(previousChild, nextChild) {
+	if (!isVNode(previousChild) || !isVNode(nextChild) || typeof previousChild.type !== "function" || previousChild.type !== nextChild.type || previousChild.key !== nextChild.key) return false;
+	return shallowEqualProps(previousChild.props, nextChild.props);
+}
+function shallowEqualProps(previousProps, nextProps) {
+	if (previousProps === nextProps) return true;
+	if (previousProps === void 0) return false;
+	const previousKeys = Object.keys(previousProps);
+	const nextKeys = Object.keys(nextProps);
+	if (previousKeys.length !== nextKeys.length) return false;
+	const previousRecord = previousProps;
+	const nextRecord = nextProps;
+	for (const key of previousKeys) if (previousRecord[key] !== nextRecord[key] || !Object.hasOwn(nextProps, key)) return false;
+	return true;
+}
 function patchKeyedArrayRenderNode(node, normalizedChildren, context) {
+	if (patchSameLengthKeyedArrayRenderNode(node, normalizedChildren, context)) return node;
 	const parent = node.e.parentNode;
 	const oldEntries = /* @__PURE__ */ new Map();
 	for (let index = 0; index < node.c.length; index++) oldEntries.set(readRenderNodeKey(node.c[index]), {
@@ -780,10 +854,62 @@ function patchKeyedArrayRenderNode(node, normalizedChildren, context) {
 	node.c = nextNodes;
 	return node;
 }
+function patchSameLengthKeyedArrayRenderNode(node, normalizedChildren, context) {
+	const length = node.c.length;
+	if (length !== normalizedChildren.length) return false;
+	const changedIndexes = [];
+	const changedOldNodes = /* @__PURE__ */ new Map();
+	const nextNodes = node.c.slice();
+	for (let index = 0; index < length; index++) {
+		const oldNode = node.c[index];
+		const nextChild = normalizedChildren[index];
+		const oldKey = readRenderNodeKey(oldNode);
+		const nextKey = readChildKey(nextChild);
+		if (oldKey === void 0 || nextKey === void 0) return false;
+		if (oldKey === nextKey) nextNodes[index] = patchStableKeyedRenderNode(oldNode, nextChild, context);
+		else {
+			changedIndexes.push(index);
+			changedOldNodes.set(oldKey, oldNode);
+		}
+	}
+	if (changedIndexes.length === 0) {
+		node.c = nextNodes;
+		return true;
+	}
+	for (const index of changedIndexes) {
+		const nextChild = normalizedChildren[index];
+		const oldNode = changedOldNodes.get(readChildKey(nextChild));
+		if (oldNode === void 0) return false;
+		nextNodes[index] = patchStableKeyedRenderNode(oldNode, nextChild, context);
+	}
+	const parent = node.e.parentNode;
+	if (parent) for (let cursor = changedIndexes.length - 1; cursor >= 0; cursor--) {
+		const index = changedIndexes[cursor];
+		const child = nextNodes[index];
+		const anchor = index + 1 < nextNodes.length ? renderNodeStart(nextNodes[index + 1]) : node.e;
+		if (renderNodeEnd(child).nextSibling !== anchor) insertRenderNode(parent, child, anchor);
+	}
+	node.c = nextNodes;
+	return true;
+}
+function patchStableKeyedRenderNode(node, nextChild, context) {
+	if (canSkipStableKeyedRenderNodePatch(node, nextChild, context)) return node;
+	return patchRenderNode(node, nextChild, context);
+}
+function canSkipStableKeyedRenderNodePatch(node, nextChild, context) {
+	if (node.k === componentRenderNodeKind && node.o === nextChild) {
+		retainComponentSlot(nextChild, context.owner);
+		return true;
+	}
+	if (node.k !== componentRenderNodeKind || !isVNode(nextChild) || typeof nextChild.type !== "function" || node.t !== nextChild.type || node.q !== nextChild.key || !shallowEqualProps(node.o?.props, nextChild.props)) return false;
+	retainComponentSlot(nextChild, context.owner);
+	node.o = nextChild;
+	return true;
+}
 function shouldPatchKeyedArray(oldNodes, nextChildren) {
 	const firstOld = oldNodes[0];
 	const firstNext = nextChildren[0];
-	if (firstOld?.k !== elementRenderNodeKind || firstOld.v.key === void 0 || !isVNode(firstNext) || firstNext.key === void 0) return false;
+	if (firstOld === void 0 || readRenderNodeKey(firstOld) === void 0 || !isVNode(firstNext) || firstNext.key === void 0) return false;
 	if (oldNodes.length <= nextChildren.length) {
 		for (let index = 0; index < oldNodes.length; index++) if (readRenderNodeKey(oldNodes[index]) !== readChildKey(nextChildren[index])) return true;
 		return false;
@@ -794,7 +920,8 @@ function readChildKey(child) {
 	return isVNode(child) ? child.key : void 0;
 }
 function readRenderNodeKey(node) {
-	return node.k === elementRenderNodeKind ? node.v.key : void 0;
+	if (node.k === elementRenderNodeKind) return node.v.key;
+	if (node.k === componentRenderNodeKind) return node.q;
 }
 function lis(values) {
 	const p = Array.from({ length: values.length });
@@ -871,10 +998,10 @@ function patchElementRenderNode(node, vnode, context) {
 	if (refChanged) collectRefEffects(node.n, vnode.props.ref, context.effects, node.r);
 	return node;
 }
-function replaceRenderNode(node, nextChild, context) {
+function replaceRenderNode(node, nextChild, context, key, type) {
 	const parent = renderNodeStart(node).parentNode;
 	const nextSibling = renderNodeEnd(node).nextSibling;
-	const replacement = childToRenderNode(nextChild, context);
+	const replacement = isComponent(nextChild) ? componentToRenderNode(nextChild, context, key, type) : childToRenderNode(nextChild, context);
 	cleanupRenderNode(node);
 	removeRenderNode(node);
 	if (parent) insertRenderNode(parent, replacement, nextSibling);
@@ -1175,14 +1302,22 @@ function textValue(value) {
 	return isPrimitiveValue(value) ? String(value) : "";
 }
 function arrayToRenderNode(children, context) {
-	return {
-		c: normalizeChildren(children).map((child) => childToRenderNode(child, context)),
+	const normalizedChildren = normalizeChildren(children);
+	const node = {
+		c: normalizedChildren.map((child) => childToRenderNode(child, context)),
 		e: createMarker(context.document),
 		k: arrayRenderNodeKind,
 		s: createMarker(context.document)
 	};
+	if (isKeyedArrayChildren(normalizedChildren)) node.h = new Map(normalizedChildren.map((child) => [readChildKey(child), child]));
+	return node;
 }
-function componentToRenderNode(component, context) {
+function isKeyedArrayChildren(children) {
+	if (children.length === 0) return false;
+	for (const child of children) if (!isVNode(child) || child.key === void 0) return false;
+	return true;
+}
+function componentToRenderNode(component, context, key, type, vnode) {
 	const unsubscribe = subscribeComponent(component, context.scheduleUpdate);
 	let child;
 	try {
@@ -1200,9 +1335,10 @@ function componentToRenderNode(component, context) {
 	}
 	return {
 		c: child,
-		e: createMarker(context.document),
 		k: componentRenderNodeKind,
-		s: createMarker(context.document),
+		o: vnode,
+		q: key,
+		t: type,
 		u: unsubscribe,
 		v: component
 	};
@@ -1306,9 +1442,9 @@ function appendRenderNode(parent, node) {
 			parent.appendChild(node.e);
 			return;
 		case componentRenderNodeKind:
-			parent.appendChild(node.s);
+			if (node.s !== void 0) parent.appendChild(node.s);
 			appendRenderNode(parent, node.c);
-			parent.appendChild(node.e);
+			if (node.e !== void 0) parent.appendChild(node.e);
 			return;
 		case elementRenderNodeKind:
 			parent.appendChild(node.n);
@@ -1393,10 +1529,14 @@ function cleanupRenderNode(node) {
 	}
 }
 function renderNodeStart(node) {
-	return node.k === elementRenderNodeKind || node.k === textRenderNodeKind ? node.n : node.s;
+	if (node.k === elementRenderNodeKind || node.k === textRenderNodeKind) return node.n;
+	if (node.k === componentRenderNodeKind) return node.s ?? renderNodeStart(node.c);
+	return node.s;
 }
 function renderNodeEnd(node) {
-	return node.k === elementRenderNodeKind || node.k === textRenderNodeKind ? node.n : node.e;
+	if (node.k === elementRenderNodeKind || node.k === textRenderNodeKind) return node.n;
+	if (node.k === componentRenderNodeKind) return node.e ?? renderNodeEnd(node.c);
+	return node.e;
 }
 function ownerDocumentFor(node) {
 	if (node instanceof Document) return node;
@@ -1411,6 +1551,7 @@ function renderComponentChild(component, effects, renderChild) {
 		try {
 			const result = renderChild(renderComponentOutput(component));
 			queueComponentMount(component, effects.m);
+			markComponentRendered(component);
 			return result;
 		} catch (reason) {
 			effects.r.splice(refEffectStart);
@@ -1418,6 +1559,7 @@ function renderComponentChild(component, effects, renderChild) {
 			beginComponentRender(component);
 			const result = renderChild(renderComponentErrorOutput(component, reason));
 			queueComponentMount(component, effects.m);
+			markComponentRendered(component);
 			return result;
 		}
 	} finally {

package/dist/jsx-dev-runtime.mjs

@@ -1,2 +1,2 @@
-import { c as jsxDEV, t as Fragment } from "./vnode-Lr-Tpypk.mjs";
+import { c as jsxDEV, t as Fragment } from "./vnode-B7qKjJZs.mjs";
 export { Fragment, jsxDEV };

package/dist/jsx-runtime.mjs

@@ -1,2 +1,2 @@
-import { s as jsx, t as Fragment } from "./vnode-Lr-Tpypk.mjs";
+import { s as jsx, t as Fragment } from "./vnode-B7qKjJZs.mjs";
 export { Fragment, jsx, jsx as jsxs };

package/dist/server.mjs

@@ -1,6 +1,6 @@
-import { a as isHostVNode, c as jsxDEV, d as normalizeChildren, f as readRawChildHtml, i as isComponentVNode, n as Raw, o as isVNode, r as createElement, s as jsx, t as Fragment, u as isRawChild } from "./vnode-Lr-Tpypk.mjs";
+import { a as isHostVNode, c as jsxDEV, d as normalizeChildren, f as readRawChildHtml, i as isComponentVNode, n as Raw, o as isVNode, r as createElement, s as jsx, t as Fragment, u as isRawChild } from "./vnode-B7qKjJZs.mjs";
 import { _ as serializeAttributeValue, b as validateStyleName, c as serializeHydrateEndComment, d as serializeRawEndComment, f as serializeRawStartComment, g as readDangerouslySetInnerHTML, l as serializeHydrateMetaComment, m as isChildlessElement, p as attributeName, u as serializeHydrateStartComment, v as toKebabCase, x as validateStyleValue, y as validateMarkupName } from "./hydration-markers-DdjOvH6g.mjs";
-import { a as isComponent, c as readComponentProps, d as resolveComponent, f as setComponentProps, i as finishComponentRender, l as renderComponentErrorOutput, n as beginComponentRender, s as readComponentHydrateMeta, t as Component, u as renderComponentOutput } from "./component-D3kwgmef.mjs";
+import { a as isComponent, c as readComponentHydrateMeta, d as renderComponentOutput, f as resolveComponent, i as finishComponentRender, l as readComponentProps, m as setComponentProps, n as beginComponentRender, t as Component, u as renderComponentErrorOutput } from "./component-2mAsZGIS.mjs";
 //#region src/server.ts
 /**
 * Renders a Pudui child tree to an HTML string.

package/dist/{vnode-Lr-Tpypk.mjs → vnode-B7qKjJZs.mjs}

@@ -36,6 +36,12 @@ function readRawChildHtml(raw) {
 * @returns `null`, a single child, or a normalized child array.
 */
 function packChildren(children) {
+	if (children.length === 0) return null;
+	if (children.length === 1) {
+		const child = children[0];
+		if (isEmptyChild(child)) return null;
+		return Array.isArray(child) ? packChildren(child) : child;
+	}
 	const normalized = normalizeChildren(children);
 	return normalized.length === 0 ? null : normalized.length === 1 ? normalized[0] : normalized;
 }
@@ -46,7 +52,12 @@ function packChildren(children) {
 * @returns Flat child array without booleans, `null`, or `undefined`.
 */
 function normalizeChildren(children) {
-	return children.flat(Infinity).filter((child) => !isEmptyChild(child));
+	for (const child of children) if (isEmptyChild(child) || Array.isArray(child)) {
+		const normalized = [];
+		appendNormalizedChildren(normalized, children);
+		return normalized;
+	}
+	return children;
 }
 /**
 * Checks whether a child renders no output.
@@ -57,6 +68,13 @@ function normalizeChildren(children) {
 function isEmptyChild(child) {
 	return child == null || typeof child === "boolean";
 }
+function appendNormalizedChildren(normalized, children) {
+	for (const child of children) {
+		if (isEmptyChild(child)) continue;
+		if (Array.isArray(child)) appendNormalizedChildren(normalized, child);
+		else normalized.push(child);
+	}
+}
 //#endregion
 //#region src/core/vnode.ts
 const vnodeType = Symbol();
@@ -164,11 +182,27 @@ function isHostVNode(vnode) {
 	return typeof vnode.type === "string";
 }
 function createVNode(type, rawProps, key, fallbackChildren) {
-	const props = { ...rawProps };
+	let props = rawProps ?? {};
+	let clonedProps = rawProps == null;
 	const vnodeKey = key ?? props.key;
-	delete props.key;
-	if (fallbackChildren?.length) props.children = packChildren(fallbackChildren);
-	else if ("children" in props) props.children = packChildren([props.children]);
+	if ("key" in props) {
+		props = { ...props };
+		clonedProps = true;
+		delete props.key;
+	}
+	if (fallbackChildren?.length) {
+		if (!clonedProps) {
+			props = { ...props };
+			clonedProps = true;
+		}
+		props.children = packChildren(fallbackChildren);
+	} else if ("children" in props) {
+		const packedChildren = packChildren([props.children]);
+		if (packedChildren !== props.children) {
+			if (!clonedProps) props = { ...props };
+			props.children = packedChildren;
+		}
+	}
 	if (type === Fragment) return props.children ?? null;
 	if (type === Raw) return Raw(props);
 	return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pudui",
-  "version": "0.0.0",
+  "version": "0.0.2",
   "description": "A tiny JSX UI runtime built from the ground up.",
   "license": "MIT",
   "files": [