@sigx/terminal 0.1.25 → 0.1.26

package/dist/index.js

@@ -958,10 +958,60 @@ function isComponent(type) {
 }
 const Fragment = Symbol.for("sigx.Fragment");
 const Text = Symbol.for("sigx.Text");
+const Comment = Symbol.for("sigx.Comment");
 function normalizeChildren(children) {
 	if (children == null || children === false || children === true) return [];
 	if (isComputed(children)) return normalizeChildren(children.value);
-	if (Array.isArray(children)) return children.flatMap((c) => normalizeChildren(c));
+	if (Array.isArray(children)) return children.map((c) => {
+		if (c == null || c === false || c === true) return {
+			type: Comment,
+			props: {},
+			key: null,
+			children: [],
+			dom: null
+		};
+		if (isComputed(c)) return normalizeChildren(c.value)[0] ?? {
+			type: Comment,
+			props: {},
+			key: null,
+			children: [],
+			dom: null
+		};
+		if (typeof c === "string" || typeof c === "number") return {
+			type: Text,
+			props: {},
+			key: null,
+			children: [],
+			dom: null,
+			text: c
+		};
+		if (Array.isArray(c)) {
+			const nested = normalizeChildren(c);
+			if (nested.length === 0) return {
+				type: Comment,
+				props: {},
+				key: null,
+				children: [],
+				dom: null
+			};
+			if (nested.length === 1) return nested[0];
+			return {
+				type: Fragment,
+				props: {},
+				key: null,
+				children: nested,
+				dom: null
+			};
+		}
+		if (c.type) return c;
+		return {
+			type: Comment,
+			props: {},
+			key: null,
+			children: [],
+			dom: null
+		};
+	});
 	if (typeof children === "string" || typeof children === "number") return [{
 		type: Text,
 		props: {},
@@ -1575,6 +1625,12 @@ function createRenderer(options) {
 			hostInsert(node, container, before);
 			return;
 		}
+		if (vnode.type === Comment) {
+			const node = hostCreateComment("");
+			vnode.dom = node;
+			hostInsert(node, container, before);
+			return;
+		}
 		if (vnode.type === Fragment) {
 			const anchor = hostCreateComment("");
 			vnode.dom = anchor;
@@ -1627,6 +1683,10 @@ function createRenderer(options) {
 			if (vnode.dom) hostRemove(vnode.dom);
 			return;
 		}
+		if (vnode.type === Comment) {
+			if (vnode.dom) hostRemove(vnode.dom);
+			return;
+		}
 		if (vnode.props?.ref) untrack(() => {
 			if (typeof vnode.props.ref === "function") vnode.props.ref(null);
 			else if (vnode.props.ref && typeof vnode.props.ref === "object") vnode.props.ref.current = null;
@@ -1706,6 +1766,10 @@ function createRenderer(options) {
 			if (oldVNode.text !== newVNode.text) hostSetText(newVNode.dom, String(newVNode.text));
 			return;
 		}
+		if (newVNode.type === Comment) {
+			newVNode.dom = oldVNode.dom;
+			return;
+		}
 		if (newVNode.type === Fragment) {
 			patchChildren(oldVNode, newVNode, container, false);
 			return;
@@ -2513,6 +2577,6 @@ const terminalMount = (component, options, appContext) => {
 	};
 };
 setDefaultMount(terminalMount);
-export { Button, CLIENT_DIRECTIVES, CLIENT_DIRECTIVE_PREFIX, Checkbox, ComputedSymbol, ErrorBoundary, Fragment, Input, InstanceLifetimes, ProgressBar, Select, SigxError, SigxErrorCode, SubscriptionHandler, Suspense, Text, Utils, asyncSetupClientError, batch, component, compound, computed, createModel, createModelFromBinding, createTopic, defineApp, defineDirective, defineFactory, defineInjectable, defineProvide, detectAccess, effect, effectScope, exitTerminal, focus, focusNext, focusPrev, focusState, getComponentMeta, getCurrentInstance, guid, isComponent, isComputed, isDirective, isLazyComponent, isModel, isReactive, jsx, jsxDEV, jsxs, lazy, mountTargetNotFoundError, mountTerminal, noMountFunctionError, onCreated, onKey, onMounted, onUnmounted, onUpdated, provideInvalidInjectableError, provideOutsideSetupError, registerFocusable, render, renderNodeToLines, renderTargetNotFoundError, renderTerminal, signal, terminalMount, toRaw, toSubscriber, unregisterFocusable, untrack, useAppContext, useAsync, watch };
+export { Button, CLIENT_DIRECTIVES, CLIENT_DIRECTIVE_PREFIX, Checkbox, Comment, ComputedSymbol, ErrorBoundary, Fragment, Input, InstanceLifetimes, ProgressBar, Select, SigxError, SigxErrorCode, SubscriptionHandler, Suspense, Text, Utils, asyncSetupClientError, batch, component, compound, computed, createModel, createModelFromBinding, createTopic, defineApp, defineDirective, defineFactory, defineInjectable, defineProvide, detectAccess, effect, effectScope, exitTerminal, focus, focusNext, focusPrev, focusState, getComponentMeta, getCurrentInstance, guid, isComponent, isComputed, isDirective, isLazyComponent, isModel, isReactive, jsx, jsxDEV, jsxs, lazy, mountTargetNotFoundError, mountTerminal, noMountFunctionError, onCreated, onKey, onMounted, onUnmounted, onUpdated, provideInvalidInjectableError, provideOutsideSetupError, registerFocusable, render, renderNodeToLines, renderTargetNotFoundError, renderTerminal, signal, terminalMount, toRaw, toSubscriber, unregisterFocusable, untrack, useAppContext, useAsync, watch };
 
 //# sourceMappingURL=index.js.map