sinho 0.2.3 → 0.3.1

package/dist/intrinsic/For.js.map

@@ -1 +1 @@
-{"version":3,"file":"For.js","sourceRoot":"","sources":["../../src/intrinsic/For.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"For.js","sourceRoot":"","sources":["../../src/intrinsic/For.ts"],"names":[],"mappings":"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"}

package/dist/intrinsic/Fragment.d.ts

@@ -1,6 +1,6 @@
 import { FunctionalComponent } from "../component.js";
 import { Template } from "../template.js";
-import type { MaybeSignal } from "../scope.js";
+import { type MaybeSignal } from "../scope.js";
 export type Children = Template | MaybeSignal<string | number | null | undefined> | Children[];
 /**
  * Fragment is a component that can be used to wrap multiple children without

package/dist/intrinsic/Fragment.js

@@ -20,9 +20,11 @@ export const Fragment = ({ children }) => createTemplate(() => {
     return !Array.isArray(children)
         ? children == null
             ? []
-            : typeof children == "object"
-                ? children
-                : Text({ text: children })
+            : [
+                typeof children == "object"
+                    ? children.build()
+                    : Text({ text: children }).build(),
+            ]
         : children.flatMap((children) => Fragment({ children }).build());
 });
 //# sourceMappingURL=Fragment.js.map

package/dist/intrinsic/Fragment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fragment.js","sourceRoot":"","sources":["../../src/intrinsic/Fragment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,cAAc,EAAY,MAAM,gBAAgB,CAAC;AAQ1D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,QAAQ,GAEhB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACpB,cAAc,CAAC,GAAG,EAAE;IAClB,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC7B,CAAC,CAAC,QAAQ,IAAI,IAAI;YAChB,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,OAAO,QAAQ,IAAI,QAAQ;gBAC3B,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC9B,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;AACrE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Fragment.js","sourceRoot":"","sources":["../../src/intrinsic/Fragment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,cAAc,EAAY,MAAM,gBAAgB,CAAC;AAQ1D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,QAAQ,GAEhB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACpB,cAAc,CAAC,GAAG,EAAE;IAClB,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC7B,CAAC,CAAC,QAAQ,IAAI,IAAI;YAChB,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC;gBACE,OAAO,QAAQ,IAAI,QAAQ;oBACzB,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE;oBAClB,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE;aACrC;QACL,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;AACrE,CAAC,CAAC,CAAC"}

package/dist/intrinsic/If.js

@@ -1,4 +1,4 @@
-import { createTemplate } from "../template.js";
+import { TemplateNodes, createTemplate } from "../template.js";
 import { MaybeSignal, useEffect, useMemo, useSubscope } from "../scope.js";
 import { runWithRenderer, useRenderer } from "../renderer.js";
 import { Fragment } from "./Fragment.js";
@@ -16,22 +16,26 @@ export const If = (props) => {
  */
 export const ElseIf = (props) => {
     const renderer = useRenderer();
-    const conditions = renderer._ifConditions;
-    const condition = useMemo(() => conditions.every((condition) => !condition()) &&
-        MaybeSignal.get(props.condition));
-    renderer._ifConditions = [...conditions, condition];
-    return runWithRenderer({ _ifConditions: [] }, () => createTemplate(() => {
+    const prevConditions = renderer._ifConditions;
+    const myCondition = MaybeSignal.upgrade(props.condition);
+    const fullCondition = useMemo(() => prevConditions.every((condition) => !condition()) && myCondition());
+    renderer._ifConditions = [...prevConditions, myCondition];
+    return createTemplate(() => runWithRenderer({ _ifConditions: [] }, () => {
         const anchor = renderer._node(() => document.createComment(""));
-        const nodes = [anchor];
-        const template = useMemo(() => condition() ? Fragment({ children: props.children }) : null);
+        const nodes = [anchor, []];
+        const template = useMemo(() => fullCondition() ? Fragment({ children: props.children }) : null);
         let subnodes = [];
         useEffect(() => {
-            subnodes.forEach((node) => node.parentNode?.removeChild(node));
-            nodes.length = 1;
+            TemplateNodes.forEach(subnodes, (node) => node.parentNode?.removeChild(node));
+            nodes[1] = [];
             const [, destroy] = useSubscope(() => {
                 subnodes = template()?.build() ?? [];
-                anchor.after(...subnodes);
-                nodes.push(...subnodes);
+                nodes[1] = subnodes;
+                let before = anchor;
+                TemplateNodes.forEach(subnodes, (node) => {
+                    before.parentNode?.insertBefore(node, before.nextSibling);
+                    before = node;
+                });
             });
             return destroy;
         }, [template]);

package/dist/intrinsic/If.js.map

@@ -1 +1 @@
-{"version":3,"file":"If.js","sourceRoot":"","sources":["../../src/intrinsic/If.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAiB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,EAAE,GAGV,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,QAAQ,CAAC,aAAa,GAAG,EAAE,CAAC;IAE5B,OAAO,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC1E,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAGd,CAAC,KAAK,EAAE,EAAE;IACb,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC;IAC1C,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CACH,UAAU,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC;QAC7C,WAAW,CAAC,GAAG,CAAsB,KAAK,CAAC,SAAS,CAAC,CACxD,CAAC;IAEF,QAAQ,CAAC,aAAa,GAAG,CAAC,GAAG,UAAU,EAAE,SAAS,CAAC,CAAC;IAEpD,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CACjD,cAAc,CAAC,GAAG,EAAE;QAClB,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;QAChE,MAAM,KAAK,GAAW,CAAC,MAAM,CAAC,CAAC;QAC/B,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAC5B,SAAS,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAC5D,CAAC;QAEF,IAAI,QAAQ,GAAW,EAAE,CAAC;QAE1B,SAAS,CAAC,GAAG,EAAE;YACb,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;YAC/D,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAEjB,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE;gBACnC,QAAQ,GAAG,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;gBACrC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC;gBAC1B,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC;YAC1B,CAAC,CAAC,CAAC;YAEH,OAAO,OAAO,CAAC;QACjB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEf,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAiD,CAAC,EACjE,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC/C,CAAC,CAAC"}
+{"version":3,"file":"If.js","sourceRoot":"","sources":["../../src/intrinsic/If.ts"],"names":[],"mappings":"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"}

package/dist/intrinsic/Portal.js

@@ -1,15 +1,15 @@
 import { runWithRenderer } from "../renderer.js";
 import { useEffect } from "../scope.js";
-import { createTemplate } from "../template.js";
+import { TemplateNodes, createTemplate } from "../template.js";
 import { Fragment } from "./Fragment.js";
 export const Portal = ({ mount, children }) => createTemplate(() => runWithRenderer({ _nodes: undefined }, () => {
     const nodes = Fragment({ children }).build();
     useEffect(() => {
-        nodes.forEach((node) => mount.appendChild(node));
+        TemplateNodes.forEach(nodes, (node) => mount.appendChild(node));
         return () => {
-            nodes.forEach((node) => node.parentNode?.removeChild(node));
+            TemplateNodes.forEach(nodes, (node) => node.parentNode?.removeChild(node));
         };
-    });
+    }, []);
     return [];
 }));
 //# sourceMappingURL=Portal.js.map

package/dist/intrinsic/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/intrinsic/Portal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAGd,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC3B,cAAc,CAAC,GAAG,EAAE,CAClB,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAEjD,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC,CACH,CAAC"}
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/intrinsic/Portal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAGd,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC3B,cAAc,CAAC,GAAG,EAAE,CAClB,eAAe,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CACpC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,CACnC,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC,CACH,CAAC"}

package/dist/intrinsic/TagComponent.js

@@ -3,7 +3,7 @@ import { jsxPropNameToEventName } from "../utils.js";
 import { MaybeSignal, useBatch, useEffect, useScope } from "../scope.js";
 import { Fragment } from "./Fragment.js";
 import { runWithRenderer, useRenderer } from "../renderer.js";
-import { createTemplate } from "../template.js";
+import { createTemplate, TemplateNodes } from "../template.js";
 export const hydrateElement = (node, svg, props, heuristic) => {
     const { ref, style, children, dangerouslySetInnerHTML, ...attrs } = props;
     for (const name in style ?? {}) {
@@ -49,10 +49,10 @@ export const hydrateElement = (node, svg, props, heuristic) => {
         });
     }
     if (props.children != null) {
-        node.append(...runWithRenderer({
+        TemplateNodes.forEach(runWithRenderer({
             _svg: svg,
             _nodes: node.childNodes.values(),
-        }, () => Fragment({ children: props.children }).build()));
+        }, () => Fragment({ children: props.children }).build()), (subnode) => node.append(subnode));
     }
     return node;
 };

package/dist/intrinsic/TagComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagComponent.js","sourceRoot":"","sources":["../../src/intrinsic/TagComponent.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagComponent.js","sourceRoot":"","sources":["../../src/intrinsic/TagComponent.ts"],"names":[],"mappings":"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"}

package/dist/mod.d.ts

@@ -1,8 +1,8 @@
 export { type AttributeOptions, Component, type ComponentConstructor, type ComponentOptions, defineComponents, event, type EventConstructor, type FunctionalComponent, isComponent, type Metadata, prop, type PropOptions, useMountEffect as useEffect, } from "./component.js";
 export { type Context, createContext, useContext } from "./context.js";
 export { createElement, h } from "./create_element.js";
-export { DangerousHtml, Styles } from "./dom.js";
-export { type Template } from "./template.js";
+export { type DangerousHtml, type Styles } from "./dom.js";
+export { type Template, TemplateNodes } from "./template.js";
 export { type Cleanup, MaybeSignal, type SetSignalOptions, type Signal, type SignalLike, type SignalSetter, type SubscopeOptions, type RefSignal, type RefSignalSetter, useSubscope, useMemo, useSignal, useRef, useBatch, flushBatch, } from "./scope.js";
 export * from "./intrinsic/mod.js";
 export * from "./jsx-runtime/mod.js";

package/dist/mod.js

@@ -1,6 +1,7 @@
 export { Component, defineComponents, event, isComponent, prop, useMountEffect as useEffect, } from "./component.js";
 export { createContext, useContext } from "./context.js";
 export { createElement, h } from "./create_element.js";
+export { TemplateNodes } from "./template.js";
 export { MaybeSignal, useSubscope, useMemo, useSignal, useRef, useBatch, flushBatch, } from "./scope.js";
 export * from "./intrinsic/mod.js";
 export * from "./jsx-runtime/mod.js";

package/dist/mod.js.map

@@ -1 +1 @@
-{"version":3,"file":"mod.js","sourceRoot":"","sources":["../src/mod.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAGT,gBAAgB,EAChB,KAAK,EAGL,WAAW,EAEX,IAAI,EAEJ,cAAc,IAAI,SAAS,GAC5B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAgB,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,EAEL,WAAW,EAQX,WAAW,EACX,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,UAAU,GACX,MAAM,YAAY,CAAC;AAEpB,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"mod.js","sourceRoot":"","sources":["../src/mod.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAGT,gBAAgB,EAChB,KAAK,EAGL,WAAW,EAEX,IAAI,EAEJ,cAAc,IAAI,SAAS,GAC5B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAgB,aAAa,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAiB,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAEL,WAAW,EAQX,WAAW,EACX,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,UAAU,GACX,MAAM,YAAY,CAAC;AAEpB,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}

package/dist/renderer.d.ts

@@ -4,7 +4,7 @@ interface Renderer {
     _component?: Component;
     _svg?: boolean;
     _nodes?: IterableIterator<Node>;
-    _ifConditions: SignalLike<boolean | undefined>[];
+    _ifConditions: Readonly<SignalLike<boolean | undefined>[]>;
     _node<N extends Node>(fallback: () => N): N;
 }
 type RendererOverrides = Partial<Omit<Renderer, "_node">>;

package/dist/template.d.ts

@@ -1,3 +1,8 @@
+export type TemplateNodes = (Node | TemplateNodes)[];
+export declare namespace TemplateNodes {
+    const forEach: (nodes: TemplateNodes, fn: (node: Node) => void) => void;
+    const last: (nodes: TemplateNodes, lastIndex?: number) => Node | undefined;
+}
 /**
  * Represents a render result of a component.
  */
@@ -5,6 +10,6 @@ export interface Template {
     /**
      * Build the DOM elements represented by this template.
      */
-    build(): Node[];
+    build(): TemplateNodes;
 }
-export declare const createTemplate: (build: () => Template | Node[]) => Template;
+export declare const createTemplate: (build: () => Template | TemplateNodes) => Template;

package/dist/template.js

@@ -1,3 +1,19 @@
+export var TemplateNodes;
+(function (TemplateNodes) {
+    TemplateNodes.forEach = (nodes, fn) => nodes.forEach((node) => Array.isArray(node) ? TemplateNodes.forEach(node, fn) : fn(node));
+    TemplateNodes.last = (nodes, lastIndex = nodes.length - 1) => {
+        if (!nodes.length)
+            return;
+        for (let i = lastIndex; i >= 0; i--) {
+            const last = nodes[i];
+            if (!Array.isArray(last))
+                return last;
+            const lastNode = TemplateNodes.last(last);
+            if (lastNode)
+                return lastNode;
+        }
+    };
+})(TemplateNodes || (TemplateNodes = {}));
 export const createTemplate = (build) => ({
     build() {
         const nodes = build();

package/dist/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../src/template.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA8B,EAAY,EAAE,CAAC,CAAC;IAC3E,KAAK;QACH,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC;QACtB,OAAQ,KAAkB,CAAC,KAAK,EAAE,EAAE,IAAI,KAAK,CAAC;IAChD,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../src/template.ts"],"names":[],"mappings":"AAEA,MAAM,KAAW,aAAa,CAuB7B;AAvBD,WAAiB,aAAa;IACf,qBAAO,GAAG,CACrB,KAAoB,EACpB,EAAwB,EAClB,EAAE,CACR,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CACrB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CACjE,CAAC;IAES,kBAAI,GAAG,CAClB,KAAoB,EACpB,YAAoB,KAAK,CAAC,MAAM,GAAG,CAAC,EAClB,EAAE;QACpB,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE1B,KAAK,IAAI,CAAC,GAAG,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YACpC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAAE,OAAO,IAAI,CAAC;YAEtC,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC1C,IAAI,QAAQ;gBAAE,OAAO,QAAQ,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;AACJ,CAAC,EAvBgB,aAAa,KAAb,aAAa,QAuB7B;AAYD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAAqC,EAC3B,EAAE,CAAC,CAAC;IACd,KAAK;QACH,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC;QACtB,OAAQ,KAAkB,CAAC,KAAK,EAAE,EAAE,IAAI,KAAK,CAAC;IAChD,CAAC;CACF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sinho",
-  "version": "0.2.3",
+  "version": "0.3.1",
   "description": "A lightweight signal-based library for building web components with a React-like API.",
   "keywords": [
     "ui",

package/src/array_mutation.ts

@@ -41,10 +41,13 @@ export const useArrayMutation = <T extends unknown>(
   array: SignalLike<readonly T[]>,
   keyFn: (entry: T, index: number) => unknown,
 ): Signal<ArrayMutationResult> => {
-  const [result, setResult] = useSignal<ArrayMutationResult>({
-    _mutations: [],
-    _map: new Map(),
-  });
+  const [result, setResult] = useSignal<ArrayMutationResult>(
+    {
+      _mutations: [],
+      _map: new Map(),
+    },
+    { force: true },
+  );
 
   let indexMap = new Map<unknown, number>();
 

package/src/component.ts

@@ -16,7 +16,7 @@ import {
 } from "./utils.js";
 import { useScope } from "./scope.js";
 import { Context, isContext, provideContext } from "./context.js";
-import { Template } from "./template.js";
+import { Template, TemplateNodes } from "./template.js";
 
 interface Tagged<in out T> {
   _tag: T;
@@ -543,7 +543,9 @@ export const Component: ((tagName: string) => ComponentConstructor<{}>) &
             mountEffects = [];
 
             try {
-              renderParent?.append(...this.render().build());
+              TemplateNodes.forEach(this.render().build(), (node) => {
+                renderParent.append(node);
+              });
 
               // Run mount effects
 

package/src/intrinsic/For.ts

@@ -4,14 +4,15 @@ import {
   Signal,
   SignalLike,
   useEffect,
+  useMemo,
   useSignal,
   useSubscope,
 } from "../scope.js";
 import { useRenderer } from "../renderer.js";
-import { createTemplate, Template } from "../template.js";
+import { createTemplate, Template, TemplateNodes } from "../template.js";
 
 interface KeyMeta {
-  _subnodes: Node[];
+  _subnodes: TemplateNodes;
   _destroy: () => void;
 }
 
@@ -32,38 +33,27 @@ export const For = <T>(props: {
     const items = MaybeSignal.upgrade(props.each ?? []);
     const anchor = renderer._node(() => document.createComment(""));
     const keyFn = props.key ?? ((_, i) => i);
-    const nodes: Node[] = [anchor];
+    const nodes: [Comment, TemplateNodes[]] = [anchor, []];
     const keyMap = new Map<unknown, KeyMeta>();
     const mutationResult = useArrayMutation(items, keyFn);
 
-    const lookForAnchor = (index: number): Node => {
-      for (let i = index - 1; i >= 0; i--) {
-        const key = keyFn(items()[index - 1], index - 1);
-        const nodes = keyMap.get(key)?._subnodes ?? [];
-
-        if (nodes.length > 0) {
-          return nodes[nodes.length - 1];
-        }
-      }
-
-      return anchor;
-    };
+    const lookForAnchor = (index: number): Node =>
+      TemplateNodes.last(nodes[1], index - 1) ?? anchor;
 
     useEffect(() => {
       for (const mutation of mutationResult()._mutations) {
         if (mutation._type == "r") {
-          const { _subnodes = [], _destroy } = keyMap.get(mutation._key) ?? {};
+          const { _subnodes, _destroy } = keyMap.get(mutation._key) ?? {};
           _destroy?.();
 
-          const index = nodes.indexOf(_subnodes[0]);
-          if (index > 0) {
-            nodes.splice(index, _subnodes.length);
-          }
+          nodes[1].splice(mutation._index, 1);
 
-          _subnodes.forEach((node) => node.parentNode?.removeChild(node));
+          TemplateNodes.forEach(_subnodes ?? [], (node) =>
+            node.parentNode?.removeChild(node),
+          );
           keyMap.delete(mutation._key);
         } else if (mutation._type == "a") {
-          let _subnodes: Node[] = [];
+          let _subnodes!: TemplateNodes;
 
           const [, destroy] = useSubscope(() => {
             const [index, setIndex] = useSignal(mutation._index);
@@ -84,36 +74,29 @@ export const For = <T>(props: {
             });
 
             _subnodes = props.children?.(item, index, items).build() ?? [];
+            nodes[1].splice(mutation._index, 0, _subnodes);
 
-            const itemAnchor = lookForAnchor(mutation._index);
-            const anchorIndex = nodes.indexOf(itemAnchor);
-            if (anchorIndex >= 0) {
-              nodes.splice(anchorIndex + 1, 0, ..._subnodes);
-            }
+            let itemAnchor = lookForAnchor(mutation._index);
 
-            _subnodes.forEach((node) =>
-              itemAnchor.parentNode?.insertBefore(node, itemAnchor.nextSibling),
-            );
+            TemplateNodes.forEach(_subnodes, (node) => {
+              itemAnchor.parentNode?.insertBefore(node, itemAnchor.nextSibling);
+              itemAnchor = node;
+            });
           });
 
           keyMap.set(mutation._key, { _subnodes, _destroy: destroy });
         } else if (mutation._type == "m") {
-          const { _subnodes = [] } = keyMap.get(mutation._key) ?? {};
+          const { _subnodes } = keyMap.get(mutation._key) ?? {};
 
-          const index = nodes.indexOf(_subnodes[0]);
-          if (index >= 0) {
-            nodes.splice(index, _subnodes.length);
-          }
+          nodes[1].splice(mutation._from, 1);
+          nodes[1].splice(mutation._to, 0, _subnodes ?? []);
 
-          const itemAnchor = lookForAnchor(mutation._to);
-          const anchorIndex = nodes.indexOf(itemAnchor);
-          if (anchorIndex >= 0) {
-            nodes.splice(anchorIndex + 1, 0, ..._subnodes);
-          }
+          let itemAnchor = lookForAnchor(mutation._to);
 
-          _subnodes.forEach((node) =>
-            itemAnchor.parentNode?.insertBefore(node, itemAnchor.nextSibling),
-          );
+          TemplateNodes.forEach(_subnodes ?? [], (node) => {
+            itemAnchor.parentNode?.insertBefore(node, itemAnchor.nextSibling);
+            itemAnchor = node;
+          });
         }
       }
     }, [mutationResult]);

package/src/intrinsic/Fragment.ts

@@ -1,7 +1,7 @@
 import { Text } from "./Text.js";
 import { FunctionalComponent } from "../component.js";
 import { createTemplate, Template } from "../template.js";
-import type { MaybeSignal } from "../scope.js";
+import { useMemo, type MaybeSignal } from "../scope.js";
 
 export type Children =
   | Template
@@ -31,8 +31,10 @@ export const Fragment: FunctionalComponent<{
     return !Array.isArray(children)
       ? children == null
         ? []
-        : typeof children == "object"
-          ? children
-          : Text({ text: children })
+        : [
+            typeof children == "object"
+              ? children.build()
+              : Text({ text: children }).build(),
+          ]
       : children.flatMap((children) => Fragment({ children }).build());
   });

package/src/intrinsic/If.ts

@@ -1,5 +1,5 @@
 import type { FunctionalComponent } from "../component.js";
-import { createTemplate, type Template } from "../template.js";
+import { TemplateNodes, createTemplate } from "../template.js";
 import { MaybeSignal, useEffect, useMemo, useSubscope } from "../scope.js";
 import { runWithRenderer, useRenderer } from "../renderer.js";
 import { Children, Fragment } from "./Fragment.js";
@@ -26,33 +26,39 @@ export const ElseIf: FunctionalComponent<{
   children?: Children;
 }> = (props) => {
   const renderer = useRenderer();
-  const conditions = renderer._ifConditions;
-  const condition = useMemo(
-    () =>
-      conditions.every((condition) => !condition()) &&
-      MaybeSignal.get<boolean | undefined>(props.condition),
+  const prevConditions = renderer._ifConditions;
+  const myCondition = MaybeSignal.upgrade<boolean | undefined>(props.condition);
+  const fullCondition = useMemo(
+    () => prevConditions.every((condition) => !condition()) && myCondition(),
   );
 
-  renderer._ifConditions = [...conditions, condition];
+  renderer._ifConditions = [...prevConditions, myCondition];
 
-  return runWithRenderer({ _ifConditions: [] }, () =>
-    createTemplate(() => {
+  return createTemplate(() =>
+    runWithRenderer({ _ifConditions: [] }, () => {
       const anchor = renderer._node(() => document.createComment(""));
-      const nodes: Node[] = [anchor];
+      const nodes: [Comment, TemplateNodes] = [anchor, []];
       const template = useMemo(() =>
-        condition() ? Fragment({ children: props.children }) : null,
+        fullCondition() ? Fragment({ children: props.children }) : null,
       );
 
-      let subnodes: Node[] = [];
+      let subnodes: TemplateNodes = [];
 
       useEffect(() => {
-        subnodes.forEach((node) => node.parentNode?.removeChild(node));
-        nodes.length = 1;
+        TemplateNodes.forEach(subnodes, (node) =>
+          node.parentNode?.removeChild(node),
+        );
+        nodes[1] = [];
 
         const [, destroy] = useSubscope(() => {
           subnodes = template()?.build() ?? [];
-          anchor.after(...subnodes);
-          nodes.push(...subnodes);
+          nodes[1] = subnodes;
+
+          let before: Node = anchor;
+          TemplateNodes.forEach(subnodes, (node) => {
+            before.parentNode?.insertBefore(node, before.nextSibling);
+            before = node;
+          });
         });
 
         return destroy;

package/src/intrinsic/Portal.ts

@@ -1,7 +1,7 @@
 import { FunctionalComponent } from "../component.js";
 import { runWithRenderer } from "../renderer.js";
 import { useEffect } from "../scope.js";
-import { createTemplate } from "../template.js";
+import { TemplateNodes, createTemplate } from "../template.js";
 import { Children, Fragment } from "./Fragment.js";
 
 export const Portal: FunctionalComponent<{
@@ -13,12 +13,14 @@ export const Portal: FunctionalComponent<{
       const nodes = Fragment({ children }).build();
 
       useEffect(() => {
-        nodes.forEach((node) => mount.appendChild(node));
+        TemplateNodes.forEach(nodes, (node) => mount.appendChild(node));
 
         return () => {
-          nodes.forEach((node) => node.parentNode?.removeChild(node));
+          TemplateNodes.forEach(nodes, (node) =>
+            node.parentNode?.removeChild(node),
+          );
         };
-      });
+      }, []);
 
       return [];
     }),

package/src/intrinsic/TagComponent.ts

@@ -3,7 +3,7 @@ import { jsxPropNameToEventName } from "../utils.js";
 import { MaybeSignal, useBatch, useEffect, useScope } from "../scope.js";
 import { Fragment } from "./Fragment.js";
 import { runWithRenderer, useRenderer } from "../renderer.js";
-import { createTemplate, Template } from "../template.js";
+import { createTemplate, Template, TemplateNodes } from "../template.js";
 
 export const hydrateElement = <E extends HTMLElement | SVGElement>(
   node: E,
@@ -66,14 +66,15 @@ export const hydrateElement = <E extends HTMLElement | SVGElement>(
   }
 
   if (props.children != null) {
-    node.append(
-      ...runWithRenderer(
+    TemplateNodes.forEach(
+      runWithRenderer(
         {
           _svg: svg,
           _nodes: node.childNodes.values(),
         },
         () => Fragment({ children: props.children }).build(),
       ),
+      (subnode) => node.append(subnode),
     );
   }
 

package/src/mod.ts

@@ -15,8 +15,8 @@ export {
 } from "./component.js";
 export { type Context, createContext, useContext } from "./context.js";
 export { createElement, h } from "./create_element.js";
-export { DangerousHtml, Styles } from "./dom.js";
-export { type Template } from "./template.js";
+export { type DangerousHtml, type Styles } from "./dom.js";
+export { type Template, TemplateNodes } from "./template.js";
 export {
   type Cleanup,
   MaybeSignal,

package/src/renderer.ts

@@ -5,7 +5,7 @@ interface Renderer {
   _component?: Component;
   _svg?: boolean;
   _nodes?: IterableIterator<Node>;
-  _ifConditions: SignalLike<boolean | undefined>[];
+  _ifConditions: Readonly<SignalLike<boolean | undefined>[]>;
 
   _node<N extends Node>(fallback: () => N): N;
 }