@praxisjs/runtime 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,15 @@
+# @praxisjs/runtime
+
+## 0.1.0
+
+### Minor Changes
+
+- aaf7dab: Initial beta release
+
+### Patch Changes
+
+- Updated dependencies [aaf7dab]
+  - @praxisjs/core@0.1.0
+  - @praxisjs/decorators@0.1.0
+  - @praxisjs/jsx@0.1.0
+  - @praxisjs/shared@0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026-present Mateus Martins
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { render } from "./renderer";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { render } from "./renderer";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC"}

package/dist/renderer.d.ts

@@ -0,0 +1,3 @@
+import type { VNode } from "@praxisjs/shared";
+export declare function render(vnode: VNode, container: HTMLElement): () => void;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,KAAK,EAGN,MAAM,kBAAkB,CAAC;AAkc1B,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,cAY1D"}

package/dist/renderer.js

@@ -0,0 +1,380 @@
+import { effect, createFunctionalContext, setFunctionalContext, } from "@praxisjs/core";
+import { initSlots } from "@praxisjs/decorators";
+const EVENT_MAP = {
+    onClick: "click",
+    onDblClick: "dblclick",
+    onChange: "change",
+    onInput: "input",
+    onSubmit: "submit",
+    onReset: "reset",
+    onKeyDown: "keydown",
+    onKeyUp: "keyup",
+    onKeyPress: "keypress",
+    onFocus: "focus",
+    onBlur: "blur",
+    onMouseDown: "mousedown",
+    onMouseUp: "mouseup",
+    onMouseEnter: "mouseenter",
+    onMouseLeave: "mouseleave",
+    onMouseMove: "mousemove",
+    onContextMenu: "contextmenu",
+    onScroll: "scroll",
+    onWheel: "wheel",
+    onDragStart: "dragstart",
+    onDragEnd: "dragend",
+    onDragOver: "dragover",
+    onDrop: "drop",
+    onTouchStart: "touchstart",
+    onTouchEnd: "touchend",
+    onTouchMove: "touchmove",
+    onAnimationEnd: "animationend",
+    onTransitionEnd: "transitionend",
+};
+const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+const SVG_TAGS = new Set([
+    "svg",
+    "path",
+    "circle",
+    "rect",
+    "line",
+    "polyline",
+    "polygon",
+    "ellipse",
+    "text",
+    "g",
+    "defs",
+    "use",
+    "symbol",
+    "marker",
+    "clipPath",
+    "mask",
+    "pattern",
+    "image",
+    "linearGradient",
+    "radialGradient",
+    "stop",
+    "filter",
+    "feGaussianBlur",
+    "tspan",
+    "textPath",
+    "foreignObject",
+]);
+function applyProps(el, props, cleanups) {
+    for (const [key, value] of Object.entries(props)) {
+        if (key === "key" || key === "children")
+            continue;
+        if (key in EVENT_MAP) {
+            const eventName = EVENT_MAP[key];
+            const eventListener = value;
+            el.addEventListener(eventName, eventListener);
+            cleanups.push(() => {
+                el.removeEventListener(eventName, eventListener);
+            });
+            continue;
+        }
+        if (key === "ref" && typeof value === "function") {
+            value(el);
+            continue;
+        }
+        if (key === "className" || key === "class") {
+            if (typeof value === "function") {
+                cleanups.push(effect(() => {
+                    el.setAttribute("class", String(value()));
+                }));
+            }
+            else {
+                // eslint-disable-next-line @typescript-eslint/no-base-to-string
+                el.setAttribute("class", String(value ?? ""));
+            }
+            continue;
+        }
+        if (key === "style") {
+            if (typeof value === "function") {
+                cleanups.push(effect(() => {
+                    const styleValue = value();
+                    if (typeof styleValue === "object" && styleValue !== null) {
+                        el.removeAttribute("style");
+                        Object.assign(el.style, styleValue);
+                    }
+                    else {
+                        // eslint-disable-next-line @typescript-eslint/no-base-to-string
+                        el.setAttribute("style", String(styleValue ?? ""));
+                    }
+                }));
+            }
+            else if (typeof value === "object" && value !== null) {
+                el.removeAttribute("style");
+                Object.assign(el.style, value);
+            }
+            else {
+                // eslint-disable-next-line @typescript-eslint/no-base-to-string
+                el.setAttribute("style", String(value ?? ""));
+            }
+            continue;
+        }
+        if (["checked", "value", "disabled", "selected"].includes(key)) {
+            if (typeof value === "function") {
+                cleanups.push(effect(() => {
+                    el[key] = value();
+                }));
+            }
+            else {
+                el[key] = value;
+            }
+            continue;
+        }
+        if (typeof value === "function") {
+            const attrKey = key === "htmlFor" ? "for" : key;
+            cleanups.push(effect(() => {
+                const attrValue = value();
+                if (attrValue === false ||
+                    attrValue === null ||
+                    attrValue === undefined) {
+                    el.removeAttribute(attrKey);
+                }
+                else if (attrValue === true) {
+                    el.setAttribute(attrKey, "");
+                }
+                else {
+                    // eslint-disable-next-line @typescript-eslint/no-base-to-string
+                    el.setAttribute(attrKey, String(attrValue));
+                }
+            }));
+            continue;
+        }
+        if (typeof value === "boolean") {
+            if (value) {
+                el.setAttribute(key, "");
+            }
+            else {
+                el.removeAttribute(key);
+            }
+            continue;
+        }
+        if (value !== null && value !== undefined) {
+            const attrKey = key === "htmlFor" ? "for" : key;
+            // eslint-disable-next-line @typescript-eslint/no-base-to-string
+            el.setAttribute(attrKey, String(value));
+        }
+    }
+}
+function renderChildren(children, cleanups) {
+    if (children === null || children === undefined || children === false) {
+        return [document.createComment("empty")];
+    }
+    if (typeof children === "string" || typeof children === "number") {
+        return [document.createTextNode(String(children))];
+    }
+    if (Array.isArray(children)) {
+        return children.flatMap((child) => renderChildren(child, cleanups));
+    }
+    if (typeof children === "function") {
+        const fn = children;
+        const anchor = document.createComment("reactive");
+        let currentNodes = [];
+        let childCleanups = [];
+        let initialized = false;
+        cleanups.push(effect(() => {
+            const result = fn();
+            if (!initialized) {
+                currentNodes = renderChildren(result, childCleanups);
+                initialized = true;
+                return;
+            }
+            childCleanups.forEach((c) => { c(); });
+            childCleanups = [];
+            const parent = anchor.parentNode;
+            if (!parent)
+                return;
+            for (const node of currentNodes) {
+                if (node.parentNode === parent) {
+                    parent.removeChild(node);
+                }
+            }
+            const newNodes = renderChildren(result, childCleanups);
+            newNodes.forEach((node) => parent.insertBefore(node, anchor));
+            currentNodes = newNodes;
+        }));
+        cleanups.push(() => {
+            childCleanups.forEach((c) => { c(); });
+        });
+        return [...currentNodes, anchor];
+    }
+    if (typeof children === "object" && "type" in children) {
+        const mounted = mountVNode(children, document.createComment("object"), cleanups);
+        return [mounted.el];
+    }
+    return [document.createTextNode(String(children))];
+}
+function mountVNode(vnode, _parent, parentCleanups) {
+    const cleanups = [];
+    const { type, props, children } = vnode;
+    if (typeof type === "function" && "isComponent" in type) {
+        const instance = new type({
+            ...props,
+        });
+        if (children.length > 0) {
+            initSlots(instance, children);
+        }
+        instance.onBeforeMount?.();
+        const wrapper = document.createElement("div");
+        wrapper.setAttribute("data-component", type.name || "AnonymousComponent");
+        const isMemoized = instance._isMemorized;
+        cleanups.push(effect(() => {
+            if (instance._mounted)
+                return;
+            if (!isMemoized) {
+                const resolvedProps = {};
+                for (const [key, value] of Object.entries(props)) {
+                    if (key === "children" || key === "key")
+                        continue;
+                    if (typeof value === "function") {
+                        resolvedProps[key] = value();
+                    }
+                    else {
+                        resolvedProps[key] = value;
+                    }
+                }
+                if (!instance._stateDirty) {
+                    const arePropsEqual = instance._arePropsEqual;
+                    const lastProps = instance._lastResolvedProps;
+                    if (lastProps !== undefined &&
+                        arePropsEqual?.(lastProps, resolvedProps)) {
+                        return;
+                    }
+                }
+                instance._lastResolvedProps = resolvedProps;
+            }
+            instance._stateDirty = false;
+            instance._setProps({ ...props });
+            let rerenderedVNode = null;
+            try {
+                rerenderedVNode = instance.render();
+            }
+            catch (e) {
+                console.error("Error rendering component:", e);
+                const error = e instanceof Error ? e : new Error(String(e));
+                instance.onError?.(error);
+            }
+            wrapper.innerHTML = "";
+            if (rerenderedVNode) {
+                const childNode = mountVNode(rerenderedVNode, wrapper, cleanups);
+                wrapper.appendChild(childNode.el);
+            }
+        }));
+        parentCleanups.push(() => {
+            instance.onUnmount?.();
+            instance._mounted = false;
+            cleanups.forEach((fn) => {
+                fn();
+            });
+        });
+        queueMicrotask(() => {
+            instance.onMount?.();
+            instance._mounted = true;
+        });
+        return {
+            el: wrapper,
+            vnode,
+            instance,
+            cleanups,
+            children: [],
+        };
+    }
+    if (typeof type === "function") {
+        const resolvedType = type;
+        const ctx = createFunctionalContext();
+        setFunctionalContext(ctx);
+        let resolvedVNode = null;
+        try {
+            resolvedVNode = resolvedType({ ...props, children });
+        }
+        catch (e) {
+            const error = e instanceof Error ? e : new Error(String(e));
+            ctx.onError.forEach((fn) => {
+                fn(error);
+            });
+        }
+        setFunctionalContext(null);
+        ctx.onBeforeMount.forEach((fn) => {
+            fn();
+        });
+        if (!resolvedVNode) {
+            const commentNode = document.createComment(`<${type.name || "AnonymousComponent"} />`);
+            queueMicrotask(() => {
+                ctx.onMount.forEach((fn) => {
+                    fn();
+                });
+            });
+            cleanups.push(() => {
+                ctx.onUnmount.forEach((fn) => {
+                    fn();
+                });
+            });
+            parentCleanups.push(() => {
+                cleanups.forEach((fn) => {
+                    fn();
+                });
+            });
+            return {
+                el: commentNode,
+                cleanups,
+                children: [],
+            };
+        }
+        const childNode = mountVNode(resolvedVNode, _parent, cleanups);
+        queueMicrotask(() => {
+            ctx.onMount.forEach((fn) => {
+                fn();
+            });
+        });
+        cleanups.push(() => {
+            ctx.onUnmount.forEach((fn) => {
+                fn();
+            });
+        });
+        parentCleanups.push(() => {
+            cleanups.forEach((fn) => {
+                fn();
+            });
+        });
+        return {
+            el: childNode.el,
+            vnode,
+            cleanups,
+            children: [],
+        };
+    }
+    const el = SVG_TAGS.has(type)
+        ? document.createElementNS(SVG_NAMESPACE, type)
+        : document.createElement(type);
+    applyProps(el, props, cleanups);
+    for (const child of children) {
+        const childNodes = renderChildren(child, cleanups);
+        childNodes.forEach((node) => el.appendChild(node));
+    }
+    parentCleanups.push(() => {
+        cleanups.forEach((fn) => {
+            fn();
+        });
+    });
+    return {
+        el,
+        vnode,
+        cleanups,
+        children: [],
+    };
+}
+export function render(vnode, container) {
+    const cleanups = [];
+    container.innerHTML = "";
+    const mounted = mountVNode(vnode, container, cleanups);
+    container.appendChild(mounted.el);
+    return () => {
+        cleanups.forEach((fn) => {
+            fn();
+        });
+        container.innerHTML = "";
+    };
+}
+//# sourceMappingURL=renderer.js.map

package/dist/renderer.js.map

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

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@praxisjs/runtime",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "@praxisjs/core": "0.1.0",
+    "@praxisjs/decorators": "0.1.0",
+    "@praxisjs/jsx": "0.1.0",
+    "@praxisjs/shared": "0.1.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch"
+  }
+}

package/src/index.ts

@@ -0,0 +1 @@
+export { render } from "./renderer";

package/src/renderer.ts

@@ -0,0 +1,473 @@
+import {
+  effect,
+  createFunctionalContext,
+  setFunctionalContext,
+} from "@praxisjs/core";
+import { initSlots } from "@praxisjs/decorators";
+import type {
+  VNode,
+  ChildrenInternal,
+  ComponentInstance,
+} from "@praxisjs/shared";
+
+const EVENT_MAP: Record<string, string> = {
+  onClick: "click",
+  onDblClick: "dblclick",
+  onChange: "change",
+  onInput: "input",
+  onSubmit: "submit",
+  onReset: "reset",
+  onKeyDown: "keydown",
+  onKeyUp: "keyup",
+  onKeyPress: "keypress",
+  onFocus: "focus",
+  onBlur: "blur",
+  onMouseDown: "mousedown",
+  onMouseUp: "mouseup",
+  onMouseEnter: "mouseenter",
+  onMouseLeave: "mouseleave",
+  onMouseMove: "mousemove",
+  onContextMenu: "contextmenu",
+  onScroll: "scroll",
+  onWheel: "wheel",
+  onDragStart: "dragstart",
+  onDragEnd: "dragend",
+  onDragOver: "dragover",
+  onDrop: "drop",
+  onTouchStart: "touchstart",
+  onTouchEnd: "touchend",
+  onTouchMove: "touchmove",
+  onAnimationEnd: "animationend",
+  onTransitionEnd: "transitionend",
+};
+
+interface MountedNode {
+  el: Node;
+  vnode?: VNode;
+  instance?: ComponentInstance;
+  cleanups: Array<() => void>;
+  children: MountedNode[];
+}
+
+const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+const SVG_TAGS = new Set([
+  "svg",
+  "path",
+  "circle",
+  "rect",
+  "line",
+  "polyline",
+  "polygon",
+  "ellipse",
+  "text",
+  "g",
+  "defs",
+  "use",
+  "symbol",
+  "marker",
+  "clipPath",
+  "mask",
+  "pattern",
+  "image",
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "filter",
+  "feGaussianBlur",
+  "tspan",
+  "textPath",
+  "foreignObject",
+]);
+
+function applyProps(
+  el: Element,
+  props: Record<string, unknown>,
+  cleanups: Array<() => void>,
+) {
+  for (const [key, value] of Object.entries(props)) {
+    if (key === "key" || key === "children") continue;
+
+    if (key in EVENT_MAP) {
+      const eventName = EVENT_MAP[key];
+      const eventListener = value as EventListener;
+      el.addEventListener(eventName, eventListener);
+      cleanups.push(() => {
+        el.removeEventListener(eventName, eventListener);
+      });
+      continue;
+    }
+
+    if (key === "ref" && typeof value === "function") {
+      (value as (el: Element) => void)(el);
+      continue;
+    }
+
+    if (key === "className" || key === "class") {
+      if (typeof value === "function") {
+        cleanups.push(
+          effect(() => {
+            el.setAttribute("class", String((value as () => unknown)()));
+          }),
+        );
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-base-to-string
+        el.setAttribute("class", String(value ?? ""));
+      }
+      continue;
+    }
+
+    if (key === "style") {
+      if (typeof value === "function") {
+        cleanups.push(
+          effect(() => {
+            const styleValue = (value as () => unknown)();
+            if (typeof styleValue === "object" && styleValue !== null) {
+              el.removeAttribute("style");
+              Object.assign((el as HTMLElement).style, styleValue);
+            } else {
+              // eslint-disable-next-line @typescript-eslint/no-base-to-string
+              el.setAttribute("style", String(styleValue ?? ""));
+            }
+          }),
+        );
+      } else if (typeof value === "object" && value !== null) {
+        el.removeAttribute("style");
+        Object.assign((el as HTMLElement).style, value);
+      } else {
+        // eslint-disable-next-line @typescript-eslint/no-base-to-string
+        el.setAttribute("style", String(value ?? ""));
+      }
+      continue;
+    }
+
+    if (["checked", "value", "disabled", "selected"].includes(key)) {
+      if (typeof value === "function") {
+        cleanups.push(
+          effect(() => {
+            (el as unknown as Record<string, unknown>)[key] = (
+              value as () => unknown
+            )();
+          }),
+        );
+      } else {
+        (el as unknown as Record<string, unknown>)[key] = value;
+      }
+      continue;
+    }
+
+    if (typeof value === "function") {
+      const attrKey = key === "htmlFor" ? "for" : key;
+      cleanups.push(
+        effect(() => {
+          const attrValue = (value as () => unknown)();
+          if (
+            attrValue === false ||
+            attrValue === null ||
+            attrValue === undefined
+          ) {
+            el.removeAttribute(attrKey);
+          } else if (attrValue === true) {
+            el.setAttribute(attrKey, "");
+          } else {
+            // eslint-disable-next-line @typescript-eslint/no-base-to-string
+            el.setAttribute(attrKey, String(attrValue));
+          }
+        }),
+      );
+      continue;
+    }
+
+    if (typeof value === "boolean") {
+      if (value) {
+        el.setAttribute(key, "");
+      } else {
+        el.removeAttribute(key);
+      }
+      continue;
+    }
+
+    if (value !== null && value !== undefined) {
+      const attrKey = key === "htmlFor" ? "for" : key;
+      // eslint-disable-next-line @typescript-eslint/no-base-to-string
+      el.setAttribute(attrKey, String(value));
+    }
+  }
+}
+
+function renderChildren(
+  children: ChildrenInternal,
+  cleanups: Array<() => void>,
+): Node[] {
+  if (children === null || children === undefined || children === false) {
+    return [document.createComment("empty")];
+  }
+
+  if (typeof children === "string" || typeof children === "number") {
+    return [document.createTextNode(String(children))];
+  }
+
+  if (Array.isArray(children)) {
+    return children.flatMap((child) => renderChildren(child, cleanups));
+  }
+
+  if (typeof children === "function") {
+    const fn = children as () => ChildrenInternal;
+
+    const anchor = document.createComment("reactive");
+    let currentNodes: Node[] = [];
+    let childCleanups: Array<() => void> = [];
+    let initialized = false;
+
+    cleanups.push(
+      effect(() => {
+        const result = fn();
+
+        if (!initialized) {
+          currentNodes = renderChildren(result, childCleanups);
+          initialized = true;
+          return;
+        }
+
+        childCleanups.forEach((c) => { c(); });
+        childCleanups = [];
+
+        const parent = anchor.parentNode;
+        if (!parent) return;
+
+        for (const node of currentNodes) {
+          if (node.parentNode === parent) {
+            parent.removeChild(node);
+          }
+        }
+
+        const newNodes = renderChildren(result, childCleanups);
+        newNodes.forEach((node) => parent.insertBefore(node, anchor));
+        currentNodes = newNodes;
+      }),
+    );
+
+    cleanups.push(() => {
+      childCleanups.forEach((c) => { c(); });
+    });
+
+    return [...currentNodes, anchor];
+  }
+
+  if (typeof children === "object" && "type" in children) {
+    const mounted = mountVNode(
+      children,
+      document.createComment("object"),
+      cleanups,
+    );
+    return [mounted.el];
+  }
+
+  return [document.createTextNode(String(children))];
+}
+
+function mountVNode(
+  vnode: VNode,
+  _parent: Node,
+  parentCleanups: Array<() => void>,
+): MountedNode {
+  const cleanups: Array<() => void> = [];
+  const { type, props, children } = vnode;
+
+  if (typeof type === "function" && "isComponent" in type) {
+    const instance = new type({
+      ...props,
+    });
+    if (children.length > 0) {
+      initSlots(instance, children);
+    }
+    instance.onBeforeMount?.();
+
+    const wrapper = document.createElement("div");
+    wrapper.setAttribute("data-component", type.name || "AnonymousComponent");
+
+    const isMemoized = instance._isMemorized;
+
+    cleanups.push(
+      effect(() => {
+        if (instance._mounted) return;
+
+        if (!isMemoized) {
+          const resolvedProps: Record<string, unknown> = {};
+          for (const [key, value] of Object.entries(props)) {
+            if (key === "children" || key === "key") continue;
+            if (typeof value === "function") {
+              resolvedProps[key] = (value as () => unknown)();
+            } else {
+              resolvedProps[key] = value;
+            }
+          }
+
+          if (!instance._stateDirty) {
+            const arePropsEqual = instance._arePropsEqual;
+            const lastProps = instance._lastResolvedProps;
+
+            if (
+              lastProps !== undefined &&
+              arePropsEqual?.(lastProps, resolvedProps)
+            ) {
+              return;
+            }
+          }
+
+          instance._lastResolvedProps = resolvedProps;
+        }
+
+        instance._stateDirty = false;
+        instance._setProps({ ...props });
+
+        let rerenderedVNode: VNode | null = null;
+        try {
+          rerenderedVNode = instance.render();
+        } catch (e) {
+          console.error("Error rendering component:", e);
+          const error = e instanceof Error ? e : new Error(String(e));
+          instance.onError?.(error);
+        }
+
+        wrapper.innerHTML = "";
+
+        if (rerenderedVNode) {
+          const childNode = mountVNode(rerenderedVNode, wrapper, cleanups);
+          wrapper.appendChild(childNode.el);
+        }
+      }),
+    );
+
+    parentCleanups.push(() => {
+      instance.onUnmount?.();
+      instance._mounted = false;
+      cleanups.forEach((fn) => {
+        fn();
+      });
+    });
+
+    queueMicrotask(() => {
+      instance.onMount?.();
+      instance._mounted = true;
+    });
+
+    return {
+      el: wrapper,
+      vnode,
+      instance,
+      cleanups,
+      children: [],
+    };
+  }
+
+  if (typeof type === "function") {
+    const resolvedType = type as (
+      props: Record<string, unknown> & { children?: ChildrenInternal[] },
+    ) => VNode | null;
+
+    const ctx = createFunctionalContext();
+    setFunctionalContext(ctx);
+
+    let resolvedVNode: VNode | null = null;
+    try {
+      resolvedVNode = resolvedType({ ...props, children });
+    } catch (e) {
+      const error = e instanceof Error ? e : new Error(String(e));
+      ctx.onError.forEach((fn) => {
+        fn(error);
+      });
+    }
+
+    setFunctionalContext(null);
+
+    ctx.onBeforeMount.forEach((fn) => {
+      fn();
+    });
+
+    if (!resolvedVNode) {
+      const commentNode = document.createComment(
+        `<${type.name || "AnonymousComponent"} />`,
+      );
+      queueMicrotask(() => {
+        ctx.onMount.forEach((fn) => {
+          fn();
+        });
+      });
+      cleanups.push(() => {
+        ctx.onUnmount.forEach((fn) => {
+          fn();
+        });
+      });
+      parentCleanups.push(() => {
+        cleanups.forEach((fn) => {
+          fn();
+        });
+      });
+      return {
+        el: commentNode,
+        cleanups,
+        children: [],
+      };
+    }
+
+    const childNode = mountVNode(resolvedVNode, _parent, cleanups);
+    queueMicrotask(() => {
+      ctx.onMount.forEach((fn) => {
+        fn();
+      });
+    });
+    cleanups.push(() => {
+      ctx.onUnmount.forEach((fn) => {
+        fn();
+      });
+    });
+    parentCleanups.push(() => {
+      cleanups.forEach((fn) => {
+        fn();
+      });
+    });
+    return {
+      el: childNode.el,
+      vnode,
+      cleanups,
+      children: [],
+    };
+  }
+
+  const el = SVG_TAGS.has(type)
+    ? document.createElementNS(SVG_NAMESPACE, type)
+    : document.createElement(type);
+  applyProps(el, props, cleanups);
+
+  for (const child of children) {
+    const childNodes = renderChildren(child, cleanups);
+    childNodes.forEach((node) => el.appendChild(node));
+  }
+
+  parentCleanups.push(() => {
+    cleanups.forEach((fn) => {
+      fn();
+    });
+  });
+
+  return {
+    el,
+    vnode,
+    cleanups,
+    children: [],
+  };
+}
+
+export function render(vnode: VNode, container: HTMLElement) {
+  const cleanups: Array<() => void> = [];
+  container.innerHTML = "";
+  const mounted = mountVNode(vnode, container, cleanups);
+  container.appendChild(mounted.el);
+
+  return () => {
+    cleanups.forEach((fn) => {
+      fn();
+    });
+    container.innerHTML = "";
+  };
+}

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": ["src"]
+}