pudui 0.0.0 → 0.0.1

package/dist/{component-D3kwgmef.mjs → component-CHY49Hb1.mjs}

@@ -55,14 +55,17 @@ var Component = class {
 		componentInternals.set(this, {
 			i: 0,
 			c: /* @__PURE__ */ new Map(),
+			d: false,
 			e: options.error,
+			a: options.memo,
 			h: options.hydrate,
 			f: /* @__PURE__ */ new Map(),
+			l: void 0,
 			m: false,
 			o: [],
 			p: void 0,
 			r: options.render,
-			u: []
+			u: /* @__PURE__ */ new Set()
 		});
 	}
 	/**
@@ -85,7 +88,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);
 	}
 };
 /**
@@ -139,6 +144,27 @@ function renderComponentOutput(component) {
 	return getComponentInternals(component).r(readComponentProps(component));
 }
 /**
+* Checks whether a component should render for the current props.
+*
+* @param component Component to inspect.
+* @returns `true` when rendering should continue.
+*/
+function shouldRenderComponent(component) {
+	const internals = getComponentInternals(component);
+	if (internals.d || internals.l === void 0 || internals.a === void 0) return true;
+	return !internals.a(internals.l, readComponentProps(component));
+}
+/**
+* Marks the current props as rendered.
+*
+* @param component Component that completed a render pass.
+*/
+function markComponentRendered(component) {
+	const internals = getComponentInternals(component);
+	internals.d = false;
+	internals.l = readComponentProps(component);
+}
+/**
 * Runs a component's error callback for a failed render.
 *
 * @param component Component whose render failed.
@@ -158,7 +184,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 +193,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 +205,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 = vnode.key === void 0 ? "." + internals.i++ : typeof vnode.key === "number" ? vnode.key : "#" + vnode.key;
 	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;
@@ -207,6 +233,28 @@ function createComponent(factory, props) {
 	return component;
 }
 /**
+* Creates a component factory that skips parent-driven rerenders when props are equal.
+*
+* @param factory Component factory to memoize.
+* @param compare Optional prop equality check. Defaults to shallow equality.
+* @returns Memoized component factory.
+*/
+function memo(factory, compare = shallowEqualProps) {
+	return (props) => {
+		const component = createComponent(factory, props);
+		getComponentInternals(component).a = compare;
+		return component;
+	};
+}
+function shallowEqualProps(previousProps, nextProps) {
+	if (previousProps === nextProps) return true;
+	const previousKeys = Object.keys(previousProps);
+	const nextKeys = Object.keys(nextProps);
+	if (previousKeys.length !== nextKeys.length) return false;
+	for (const key of previousKeys) if (previousProps[key] !== nextProps[key] || !Object.hasOwn(nextProps, key)) return false;
+	return true;
+}
+/**
 * Subscribes a renderer to component updates.
 *
 * @param component Component to observe.
@@ -272,4 +320,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 { fail as _, isComponent as a, queueComponentMount as c, renderComponentErrorOutput as d, renderComponentOutput as f, subscribeComponent as g, shouldRenderComponent as h, finishComponentRender as i, readComponentHydrateMeta as l, setComponentProps as m, beginComponentRender as n, markComponentRendered as o, resolveComponent as p, createComponent as r, memo as s, Component as t, readComponentProps as u, invariant as v };

package/dist/{core-Cypb6mR9.d.mts → core-C_ayj9MV.d.mts}

@@ -130,6 +130,14 @@ declare class Component<Props extends AnyProps = AnyProps> {
  * @returns `true` when the value is a {@link Component}.
  */
 declare function isComponent(value: unknown): value is Component;
+/**
+ * Creates a component factory that skips parent-driven rerenders when props are equal.
+ *
+ * @param factory Component factory to memoize.
+ * @param compare Optional prop equality check. Defaults to shallow equality.
+ * @returns Memoized component factory.
+ */
+declare function memo<Props extends AnyProps>(factory: ComponentFactory<Props>, compare?: ComponentMemoCompare<Props>): ComponentFactoryWithProps<Props>;
 //#endregion
 //#region src/core.d.ts
 /**
@@ -235,6 +243,10 @@ type ComponentFactoryWithoutProps<Props extends AnyProps = AnyProps> = () => Com
  * A function component constructor used as a JSX tag.
  */
 type ComponentFactory<Props extends AnyProps = AnyProps> = ComponentFactoryWithProps<Props> | ComponentFactoryWithoutProps<Props>;
+/**
+ * Returns `true` when two prop objects are equivalent for a memoized component.
+ */
+type ComponentMemoCompare<Props extends AnyProps = AnyProps> = (previousProps: Readonly<Props>, nextProps: Readonly<Props>) => boolean;
 /**
  * A JSX tag target: either an intrinsic element name or a component factory.
  */
@@ -387,6 +399,12 @@ type ComponentOptions<Props extends AnyProps> = {
    * Metadata consumed by the hydration macros and Vite runtime.
    */
   hydrate?: unknown;
+  /**
+   * Skips parent-driven rerenders while previous and next props are equivalent.
+   *
+   * Internal component updates still render even when props are unchanged.
+   */
+  memo?: ComponentMemoCompare<Props>;
   /**
    * Renders the component's current child tree.
    *
@@ -431,4 +449,4 @@ declare global {
  * Internal marker range and props for a server-rendered hydration boundary.
  */
 //#endregion
-export { Fragment as A, RefValue as C, VNode as D, UpdateCallback as E, jsxDEV as F, createElement as M, isVNode as N, Component as O, jsx as P, RefCleanup as S, StyleValue as T, PreloadResolver as _, ComponentFactoryWithoutProps as a, RawProps as b, ComponentPropsFor as c, EmptyChild as d, IntrinsicElementProps as f, PreloadMetadata as g, MountCallback as h, ComponentFactoryWithProps as i, Raw as j, isComponent as k, DangerouslySetInnerHTML as l, Key as m, Child as n, ComponentInstance as o, IntrinsicElementsByTagName as p, ComponentFactory as r, ComponentOptions as s, AnyProps as t, ElementType as u, PrimitiveChild as v, RenderableType as w, RefCallback as x, RawChild as y };
+export { isComponent as A, RefCleanup as C, UpdateCallback as D, StyleValue as E, isVNode as F, jsx as I, jsxDEV as L, Fragment as M, Raw as N, VNode as O, createElement as P, RefCallback as S, RenderableType as T, PreloadMetadata as _, ComponentFactoryWithoutProps as a, RawChild as b, ComponentOptions as c, ElementType as d, EmptyChild as f, MountCallback as g, Key as h, ComponentFactoryWithProps as i, memo as j, Component as k, ComponentPropsFor as l, IntrinsicElementsByTagName as m, Child as n, ComponentInstance as o, IntrinsicElementProps as p, ComponentFactory as r, ComponentMemoCompare as s, AnyProps as t, DangerouslySetInnerHTML as u, PreloadResolver as v, RefValue as w, RawProps as x, PrimitiveChild as y };

package/dist/hmr-runtime.d.mts

@@ -1,4 +1,4 @@
-import { O as Component, i as ComponentFactoryWithProps, s as ComponentOptions, t as AnyProps } from "./core-Cypb6mR9.mjs";
+import { c as ComponentOptions, i as ComponentFactoryWithProps, k as Component, t as AnyProps } from "./core-C_ayj9MV.mjs";
 
 //#region src/hmr-runtime.d.ts
 /**

package/dist/hmr-runtime.mjs

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

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { A as Fragment, C as RefValue, D as VNode, E as UpdateCallback, F as jsxDEV, M as createElement, N as isVNode, O as Component, P as jsx, S as RefCleanup, T as StyleValue, _ as PreloadResolver, a as ComponentFactoryWithoutProps, b as RawProps, c as ComponentPropsFor, d as EmptyChild, f as IntrinsicElementProps, g as PreloadMetadata, h as MountCallback, i as ComponentFactoryWithProps, j as Raw, k as isComponent, l as DangerouslySetInnerHTML, m as Key, n as Child, o as ComponentInstance, p as IntrinsicElementsByTagName, r as ComponentFactory, s as ComponentOptions, t as AnyProps, u as ElementType, v as PrimitiveChild, w as RenderableType, x as RefCallback, y as RawChild } from "./core-Cypb6mR9.mjs";
+import { A as isComponent, C as RefCleanup, D as UpdateCallback, E as StyleValue, F as isVNode, I as jsx, L as jsxDEV, M as Fragment, N as Raw, O as VNode, P as createElement, S as RefCallback, T as RenderableType, _ as PreloadMetadata, a as ComponentFactoryWithoutProps, b as RawChild, c as ComponentOptions, d as ElementType, f as EmptyChild, g as MountCallback, h as Key, i as ComponentFactoryWithProps, j as memo, k as Component, l as ComponentPropsFor, m as IntrinsicElementsByTagName, n as Child, o as ComponentInstance, p as IntrinsicElementProps, r as ComponentFactory, s as ComponentMemoCompare, t as AnyProps, u as DangerouslySetInnerHTML, v as PreloadResolver, w as RefValue, x as RawProps, y as PrimitiveChild } from "./core-C_ayj9MV.mjs";
 
 //#region src/client.d.ts
 /**
@@ -106,4 +106,4 @@ declare function render(child: Child, container: Element | DocumentFragment): Hy
  */
 declare function hydrate(root: Document | DocumentFragment | Element, options: HydrateOptions): HydrationRoot;
 //#endregion
-export { type AnyProps, type Child, Component, type ComponentFactory, type ComponentFactoryWithProps, type ComponentFactoryWithoutProps, type ComponentInstance, type ComponentOptions, type ComponentPropsFor, type DangerouslySetInnerHTML, type ElementType, type EmptyChild, type EventForName, type EventHandler, Fragment, type HydrateLoad, type HydrateOptions, type HydrationRoot, type IntrinsicElementProps, type IntrinsicElementsByTagName, type Key, type MountCallback, type PreloadMetadata, type PreloadResolver, type PrimitiveChild, Raw, type RawChild, type RawProps, type RefCallback, type RefCleanup, type RefValue, type RenderableType, type StyleValue, type UpdateCallback, type VNode, createElement, event, hydrate, isComponent, isVNode, jsx, jsx as jsxs, jsxDEV, render };
+export { type AnyProps, type Child, Component, type ComponentFactory, type ComponentFactoryWithProps, type ComponentFactoryWithoutProps, type ComponentInstance, type ComponentMemoCompare, type ComponentOptions, type ComponentPropsFor, type DangerouslySetInnerHTML, type ElementType, type EmptyChild, type EventForName, type EventHandler, Fragment, type HydrateLoad, type HydrateOptions, type HydrationRoot, type IntrinsicElementProps, type IntrinsicElementsByTagName, type Key, type MountCallback, type PreloadMetadata, type PreloadResolver, type PrimitiveChild, Raw, type RawChild, type RawProps, type RefCallback, type RefCleanup, type RefValue, type RenderableType, type StyleValue, type UpdateCallback, type VNode, createElement, event, hydrate, isComponent, isVNode, jsx, jsx as jsxs, jsxDEV, memo, render };

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 fail, a as isComponent, c as queueComponentMount, d as renderComponentErrorOutput, f as renderComponentOutput, g as subscribeComponent, h as shouldRenderComponent, i as finishComponentRender, l as readComponentHydrateMeta, m as setComponentProps, n as beginComponentRender, o as markComponentRendered, p as resolveComponent, r as createComponent, s as memo, t as Component, v as invariant } from "./component-CHY49Hb1.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,12 @@ 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") return componentToRenderNode(resolveComponent(child, context.owner), context, child.key);
 		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 +550,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 +586,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,6 +610,7 @@ function hydrateComponentToDom(component, context, currentNode, rootComponent, p
 			c: result.r,
 			e: componentEnd,
 			k: componentRenderNodeKind,
+			q: key,
 			s: componentStart,
 			u: unsubscribe,
 			v: component
@@ -706,7 +730,14 @@ 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;
+				return patchComponentRenderNode(node, component, context);
+			}
+			return replaceRenderNode(node, component, context, nextChild.key);
+		}
 		const vnode = nextChild;
 		if (node.k === elementRenderNodeKind && node.v.type === vnode.type && node.v.key === vnode.key) return patchElementRenderNode(node, vnode, context);
 		return replace();
@@ -783,7 +814,7 @@ function patchKeyedArrayRenderNode(node, normalizedChildren, context) {
 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 +825,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 });
@@ -820,6 +852,7 @@ function lis(values) {
 	return t;
 }
 function patchComponentRenderNode(node, component, context) {
+	if (!shouldRenderComponent(component)) return node;
 	return renderComponentChild(component, context.effects, (renderedChild) => {
 		node.c = patchRenderNode(node.c, renderedChild, renderContextWithOwner(context, component));
 		return node;
@@ -871,10 +904,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) {
 	const parent = renderNodeStart(node).parentNode;
 	const nextSibling = renderNodeEnd(node).nextSibling;
-	const replacement = childToRenderNode(nextChild, context);
+	const replacement = isComponent(nextChild) ? componentToRenderNode(nextChild, context, key) : childToRenderNode(nextChild, context);
 	cleanupRenderNode(node);
 	removeRenderNode(node);
 	if (parent) insertRenderNode(parent, replacement, nextSibling);
@@ -1182,7 +1215,7 @@ function arrayToRenderNode(children, context) {
 		s: createMarker(context.document)
 	};
 }
-function componentToRenderNode(component, context) {
+function componentToRenderNode(component, context, key) {
 	const unsubscribe = subscribeComponent(component, context.scheduleUpdate);
 	let child;
 	try {
@@ -1200,9 +1233,8 @@ function componentToRenderNode(component, context) {
 	}
 	return {
 		c: child,
-		e: createMarker(context.document),
 		k: componentRenderNodeKind,
-		s: createMarker(context.document),
+		q: key,
 		u: unsubscribe,
 		v: component
 	};
@@ -1306,9 +1338,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 +1425,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 +1447,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 +1455,7 @@ function renderComponentChild(component, effects, renderChild) {
 			beginComponentRender(component);
 			const result = renderChild(renderComponentErrorOutput(component, reason));
 			queueComponentMount(component, effects.m);
+			markComponentRendered(component);
 			return result;
 		}
 	} finally {
@@ -1502,4 +1540,4 @@ function isCommentData(node, isMarkerCommentData) {
 	return node?.nodeType === Node.COMMENT_NODE && isMarkerCommentData(node.data);
 }
 //#endregion
-export { Component, Fragment, Raw, createElement, event, hydrate, isComponent, isVNode, jsx, jsx as jsxs, jsxDEV, render };
+export { Component, Fragment, Raw, createElement, event, hydrate, isComponent, isVNode, jsx, jsx as jsxs, jsxDEV, memo, render };

package/dist/jsx-dev-runtime.d.mts

@@ -1,4 +1,4 @@
-import { A as Fragment, F as jsxDEV, c as ComponentPropsFor, f as IntrinsicElementProps, n as Child, p as IntrinsicElementsByTagName } from "./core-Cypb6mR9.mjs";
+import { L as jsxDEV, M as Fragment, l as ComponentPropsFor, m as IntrinsicElementsByTagName, n as Child, p as IntrinsicElementProps } from "./core-C_ayj9MV.mjs";
 
 //#region src/jsx-dev-runtime.d.ts
 /**

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.d.mts

@@ -1,4 +1,4 @@
-import { A as Fragment, P as jsx, c as ComponentPropsFor, f as IntrinsicElementProps, n as Child, p as IntrinsicElementsByTagName } from "./core-Cypb6mR9.mjs";
+import { I as jsx, M as Fragment, l as ComponentPropsFor, m as IntrinsicElementsByTagName, n as Child, p as IntrinsicElementProps } from "./core-C_ayj9MV.mjs";
 
 //#region src/jsx-runtime.d.ts
 /**

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.d.mts

@@ -1,4 +1,4 @@
-import { A as Fragment, C as RefValue, D as VNode, E as UpdateCallback, F as jsxDEV, M as createElement, N as isVNode, O as Component, P as jsx, S as RefCleanup, T as StyleValue, _ as PreloadResolver, a as ComponentFactoryWithoutProps, b as RawProps, c as ComponentPropsFor, d as EmptyChild, f as IntrinsicElementProps, h as MountCallback, i as ComponentFactoryWithProps, j as Raw, k as isComponent, l as DangerouslySetInnerHTML, m as Key, n as Child, o as ComponentInstance, p as IntrinsicElementsByTagName, r as ComponentFactory, s as ComponentOptions, t as AnyProps, u as ElementType, v as PrimitiveChild, w as RenderableType, x as RefCallback, y as RawChild } from "./core-Cypb6mR9.mjs";
+import { A as isComponent, C as RefCleanup, D as UpdateCallback, E as StyleValue, F as isVNode, I as jsx, L as jsxDEV, M as Fragment, N as Raw, O as VNode, P as createElement, S as RefCallback, T as RenderableType, a as ComponentFactoryWithoutProps, b as RawChild, c as ComponentOptions, d as ElementType, f as EmptyChild, g as MountCallback, h as Key, i as ComponentFactoryWithProps, k as Component, l as ComponentPropsFor, m as IntrinsicElementsByTagName, n as Child, o as ComponentInstance, p as IntrinsicElementProps, r as ComponentFactory, t as AnyProps, u as DangerouslySetInnerHTML, v as PreloadResolver, w as RefValue, x as RawProps, y as PrimitiveChild } from "./core-C_ayj9MV.mjs";
 
 //#region src/server.d.ts
 /**

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, d as renderComponentErrorOutput, f as renderComponentOutput, i as finishComponentRender, l as readComponentHydrateMeta, m as setComponentProps, n as beginComponentRender, p as resolveComponent, t as Component, u as readComponentProps } from "./component-CHY49Hb1.mjs";
 //#region src/server.ts
 /**
 * Renders a Pudui child tree to an HTML string.

package/dist/vite-runtime.d.mts

@@ -1,4 +1,4 @@
-import { g as PreloadMetadata } from "./core-Cypb6mR9.mjs";
+import { _ as PreloadMetadata } from "./core-C_ayj9MV.mjs";
 
 //#region src/vite-runtime.d.ts
 /**

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.1",
   "description": "A tiny JSX UI runtime built from the ground up.",
   "license": "MIT",
   "files": [