@praxisjs/runtime 0.2.2 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @praxisjs/runtime
 
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [fe39901]
+- Updated dependencies [fe39901]
+  - @praxisjs/decorators@0.4.2
+  - @praxisjs/core@0.4.1
+
 ## 0.2.2
 
 ### Patch Changes

package/dist/__tests__/children.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=children.test.d.ts.map

package/dist/__tests__/children.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"children.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/children.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/children.test.js

@@ -0,0 +1,64 @@
+// @vitest-environment jsdom
+import { describe, it, expect } from "vitest";
+import { signal } from "@praxisjs/core/internal";
+import { mountChildren } from "../children";
+import { Scope } from "../scope";
+function container() {
+    return document.createElement("div");
+}
+describe("mountChildren", () => {
+    it("does nothing for null, undefined, or false", () => {
+        const el = container();
+        const scope = new Scope();
+        mountChildren(el, null, scope);
+        mountChildren(el, undefined, scope);
+        mountChildren(el, false, scope);
+        expect(el.childNodes.length).toBe(0);
+    });
+    it("appends a text node for a string", () => {
+        const el = container();
+        const scope = new Scope();
+        mountChildren(el, "hello", scope);
+        expect(el.textContent).toBe("hello");
+    });
+    it("appends a text node for a number", () => {
+        const el = container();
+        const scope = new Scope();
+        mountChildren(el, 42, scope);
+        expect(el.textContent).toBe("42");
+    });
+    it("appends a DOM node directly", () => {
+        const el = container();
+        const scope = new Scope();
+        const span = document.createElement("span");
+        mountChildren(el, span, scope);
+        expect(el.firstChild).toBe(span);
+    });
+    it("recursively mounts arrays", () => {
+        const el = container();
+        const scope = new Scope();
+        mountChildren(el, ["a", "b", "c"], scope);
+        expect(el.textContent).toBe("abc");
+    });
+    it("mounts a reactive function — updates when signal changes", () => {
+        const el = container();
+        const scope = new Scope();
+        const s = signal("first");
+        mountChildren(el, () => s(), scope);
+        expect(el.textContent).toBe("first");
+        s.set("second");
+        expect(el.textContent).toBe("second");
+        scope.dispose();
+    });
+    it("reactive children clean up old nodes on update", () => {
+        const el = container();
+        const scope = new Scope();
+        const s = signal("visible");
+        mountChildren(el, () => s(), scope);
+        expect(el.textContent).toBe("visible");
+        s.set(null);
+        expect(el.textContent).toBe("");
+        scope.dispose();
+    });
+});
+//# sourceMappingURL=children.test.js.map

package/dist/__tests__/children.test.js.map

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

package/dist/__tests__/context.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=context.test.d.ts.map

package/dist/__tests__/context.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/context.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/context.test.js

@@ -0,0 +1,43 @@
+import { describe, it, expect } from "vitest";
+import { runInScope, getCurrentScope } from "../context";
+import { Scope } from "../scope";
+describe("runInScope / getCurrentScope", () => {
+    it("getCurrentScope throws when called outside of a render context", () => {
+        expect(() => getCurrentScope()).toThrow("[PraxisJS]");
+    });
+    it("runInScope makes the scope available via getCurrentScope", () => {
+        const scope = new Scope();
+        let captured = null;
+        runInScope(scope, () => {
+            captured = getCurrentScope();
+        });
+        expect(captured).toBe(scope);
+    });
+    it("restores previous scope after runInScope exits", () => {
+        const outer = new Scope();
+        const inner = new Scope();
+        let innerCaptured = null;
+        let outerAfter = null;
+        runInScope(outer, () => {
+            runInScope(inner, () => {
+                innerCaptured = getCurrentScope();
+            });
+            outerAfter = getCurrentScope();
+        });
+        expect(innerCaptured).toBe(inner);
+        expect(outerAfter).toBe(outer);
+    });
+    it("restores null scope even when the callback throws", () => {
+        const scope = new Scope();
+        expect(() => runInScope(scope, () => {
+            throw new Error("boom");
+        })).toThrow("boom");
+        expect(() => getCurrentScope()).toThrow("[PraxisJS]");
+    });
+    it("returns the callback's return value", () => {
+        const scope = new Scope();
+        const result = runInScope(scope, () => 42);
+        expect(result).toBe(42);
+    });
+});
+//# sourceMappingURL=context.test.js.map

package/dist/__tests__/context.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.test.js","sourceRoot":"","sources":["../../src/__tests__/context.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC5C,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;QACxE,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QAC1B,IAAI,QAAQ,GAAiB,IAAI,CAAC;QAClC,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE;YACrB,QAAQ,GAAG,eAAe,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACxD,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QAC1B,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QAC1B,IAAI,aAAa,GAAiB,IAAI,CAAC;QACvC,IAAI,UAAU,GAAiB,IAAI,CAAC;QAEpC,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE;YACrB,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE;gBACrB,aAAa,GAAG,eAAe,EAAE,CAAC;YACpC,CAAC,CAAC,CAAC;YACH,UAAU,GAAG,eAAe,EAAE,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QAC1B,MAAM,CAAC,GAAG,EAAE,CACV,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE;YACrB,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC;QAC1B,CAAC,CAAC,CACH,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAElB,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QAC1B,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/__tests__/dom.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dom.test.d.ts.map

package/dist/__tests__/dom.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/dom.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/dom.test.js

@@ -0,0 +1,146 @@
+// @vitest-environment jsdom
+import { describe, it, expect, vi } from "vitest";
+import { signal } from "@praxisjs/core/internal";
+import { createElement } from "../dom/create";
+import { addEvent } from "../dom/events";
+import { applyProp } from "../dom/props";
+import { Scope } from "../scope";
+// ── createElement ────────────────────────────────────────────────────────────
+describe("createElement", () => {
+    it("creates an HTMLElement for regular tags", () => {
+        const el = createElement("div");
+        expect(el).toBeInstanceOf(HTMLDivElement);
+        expect(el.tagName.toLowerCase()).toBe("div");
+    });
+    it("creates an SVGElement for svg tags", () => {
+        const el = createElement("svg");
+        expect(el).toBeInstanceOf(SVGElement);
+        expect(el.tagName.toLowerCase()).toBe("svg");
+    });
+    it("creates nested svg elements with the SVG namespace", () => {
+        const path = createElement("path");
+        expect(path.namespaceURI).toBe("http://www.w3.org/2000/svg");
+    });
+});
+// ── applyProp ────────────────────────────────────────────────────────────────
+describe("applyProp", () => {
+    it("sets class attribute", () => {
+        const el = document.createElement("div");
+        const scope = new Scope();
+        applyProp(el, "class", "foo bar", scope);
+        expect(el.getAttribute("class")).toBe("foo bar");
+    });
+    it("sets className as class attribute", () => {
+        const el = document.createElement("div");
+        const scope = new Scope();
+        applyProp(el, "className", "my-class", scope);
+        expect(el.getAttribute("class")).toBe("my-class");
+    });
+    it("removes class when value is null", () => {
+        const el = document.createElement("div");
+        el.setAttribute("class", "old");
+        const scope = new Scope();
+        applyProp(el, "class", null, scope);
+        expect(el.hasAttribute("class")).toBe(false);
+    });
+    it("sets style as string", () => {
+        const el = document.createElement("div");
+        const scope = new Scope();
+        applyProp(el, "style", "color: red;", scope);
+        expect(el.getAttribute("style")).toBe("color: red;");
+    });
+    it("sets style as object", () => {
+        const el = document.createElement("div");
+        const scope = new Scope();
+        applyProp(el, "style", { color: "blue" }, scope);
+        expect(el.style.color).toBe("blue");
+    });
+    it("sets boolean true as empty attribute", () => {
+        const el = document.createElement("input");
+        const scope = new Scope();
+        applyProp(el, "disabled", true, scope);
+        expect(el.hasAttribute("disabled")).toBe(true);
+    });
+    it("removes attribute when value is false", () => {
+        const el = document.createElement("input");
+        el.setAttribute("disabled", "");
+        const scope = new Scope();
+        applyProp(el, "disabled", false, scope);
+        expect(el.hasAttribute("disabled")).toBe(false);
+    });
+    it("sets value prop directly on element", () => {
+        const el = document.createElement("input");
+        const scope = new Scope();
+        applyProp(el, "value", "hello", scope);
+        expect(el.value).toBe("hello");
+    });
+    it("calls ref callback with the element", () => {
+        const el = document.createElement("span");
+        const scope = new Scope();
+        const ref = vi.fn();
+        applyProp(el, "ref", ref, scope);
+        expect(ref).toHaveBeenCalledWith(el);
+    });
+    it("skips 'children' and 'key' props", () => {
+        const el = document.createElement("div");
+        const scope = new Scope();
+        applyProp(el, "children", "should be ignored", scope);
+        applyProp(el, "key", "k1", scope);
+        expect(el.childNodes.length).toBe(0);
+        expect(el.hasAttribute("key")).toBe(false);
+    });
+    it("attaches event listener for onClick", () => {
+        const el = document.createElement("button");
+        const scope = new Scope();
+        const handler = vi.fn();
+        applyProp(el, "onClick", handler, scope);
+        el.dispatchEvent(new MouseEvent("click"));
+        expect(handler).toHaveBeenCalledOnce();
+    });
+    it("removes event listener on scope dispose", () => {
+        const el = document.createElement("button");
+        const scope = new Scope();
+        const handler = vi.fn();
+        applyProp(el, "onClick", handler, scope);
+        scope.dispose();
+        el.dispatchEvent(new MouseEvent("click"));
+        expect(handler).not.toHaveBeenCalled();
+    });
+    it("tracks reactive prop — updates when signal changes", () => {
+        const el = document.createElement("div");
+        const scope = new Scope();
+        const cls = signal("initial");
+        applyProp(el, "class", () => cls(), scope);
+        expect(el.getAttribute("class")).toBe("initial");
+        cls.set("updated");
+        expect(el.getAttribute("class")).toBe("updated");
+        scope.dispose();
+    });
+    it("normalizes htmlFor to for attribute", () => {
+        const label = document.createElement("label");
+        const scope = new Scope();
+        applyProp(label, "htmlFor", "my-input", scope);
+        expect(label.getAttribute("for")).toBe("my-input");
+    });
+});
+// ── addEvent ─────────────────────────────────────────────────────────────────
+describe("addEvent", () => {
+    it("adds event listener that fires on dispatch", () => {
+        const el = document.createElement("button");
+        const scope = new Scope();
+        const fn = vi.fn();
+        addEvent(el, "click", fn, scope);
+        el.dispatchEvent(new MouseEvent("click"));
+        expect(fn).toHaveBeenCalledOnce();
+    });
+    it("removes listener when scope is disposed", () => {
+        const el = document.createElement("button");
+        const scope = new Scope();
+        const fn = vi.fn();
+        addEvent(el, "click", fn, scope);
+        scope.dispose();
+        el.dispatchEvent(new MouseEvent("click"));
+        expect(fn).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=dom.test.js.map

package/dist/__tests__/dom.test.js.map

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

package/dist/__tests__/render.test.d.ts

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

package/dist/__tests__/render.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/render.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/render.test.js

@@ -0,0 +1,73 @@
+// @vitest-environment jsdom
+import { describe, it, expect } from "vitest";
+import { signal } from "@praxisjs/core/internal";
+import { render, mountElement } from "../index";
+import { Scope } from "../scope";
+// ── mountElement ─────────────────────────────────────────────────────────────
+describe("mountElement", () => {
+    it("creates an element with the given tag", () => {
+        const scope = new Scope();
+        const el = mountElement("section", {}, scope);
+        expect(el.tagName.toLowerCase()).toBe("section");
+    });
+    it("applies static props", () => {
+        const scope = new Scope();
+        const el = mountElement("p", { id: "para", class: "text" }, scope);
+        expect(el.id).toBe("para");
+        expect(el.getAttribute("class")).toBe("text");
+    });
+    it("mounts string children", () => {
+        const scope = new Scope();
+        const el = mountElement("p", { children: "hello" }, scope);
+        expect(el.textContent).toBe("hello");
+    });
+    it("mounts reactive prop — updates when signal changes", () => {
+        const scope = new Scope();
+        const cls = signal("a");
+        const el = mountElement("div", { class: () => cls() }, scope);
+        expect(el.getAttribute("class")).toBe("a");
+        cls.set("b");
+        expect(el.getAttribute("class")).toBe("b");
+        scope.dispose();
+    });
+});
+// ── render ───────────────────────────────────────────────────────────────────
+describe("render", () => {
+    it("mounts content into container", () => {
+        const container = document.createElement("div");
+        document.body.appendChild(container);
+        const scope = new Scope();
+        render(() => {
+            const el = mountElement("h1", { children: "Hello" }, scope);
+            return el;
+        }, container);
+        expect(container.textContent).toBe("Hello");
+        document.body.removeChild(container);
+    });
+    it("clears container on unmount", () => {
+        const container = document.createElement("div");
+        document.body.appendChild(container);
+        const unmount = render(() => {
+            const scope = new Scope();
+            return mountElement("p", { children: "bye" }, scope);
+        }, container);
+        expect(container.textContent).toBe("bye");
+        unmount();
+        expect(container.innerHTML).toBe("");
+        document.body.removeChild(container);
+    });
+    it("reactive content re-renders on signal change", () => {
+        const container = document.createElement("div");
+        document.body.appendChild(container);
+        const text = signal("initial");
+        render(() => {
+            const scope = new Scope();
+            return mountElement("span", { children: () => text() }, scope);
+        }, container);
+        expect(container.textContent).toBe("initial");
+        text.set("updated");
+        expect(container.textContent).toBe("updated");
+        document.body.removeChild(container);
+    });
+});
+//# sourceMappingURL=render.test.js.map

package/dist/__tests__/render.test.js.map

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

package/dist/__tests__/scope.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=scope.test.d.ts.map

package/dist/__tests__/scope.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/scope.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/scope.test.js

@@ -0,0 +1,56 @@
+import { describe, it, expect, vi } from "vitest";
+import { Scope } from "../scope";
+describe("Scope", () => {
+    it("add() registers a cleanup fn that runs on dispose()", () => {
+        const scope = new Scope();
+        const cleanup = vi.fn();
+        scope.add(cleanup);
+        scope.dispose();
+        expect(cleanup).toHaveBeenCalledOnce();
+    });
+    it("dispose() runs all cleanups in order", () => {
+        const scope = new Scope();
+        const order = [];
+        scope.add(() => order.push(1));
+        scope.add(() => order.push(2));
+        scope.add(() => order.push(3));
+        scope.dispose();
+        expect(order).toEqual([1, 2, 3]);
+    });
+    it("dispose() clears cleanups — second dispose() is a no-op", () => {
+        const scope = new Scope();
+        const fn = vi.fn();
+        scope.add(fn);
+        scope.dispose();
+        scope.dispose();
+        expect(fn).toHaveBeenCalledOnce();
+    });
+    it("effect() registers a reactive effect and its cleanup", () => {
+        const scope = new Scope();
+        const ran = [];
+        scope.effect(() => {
+            ran.push(1);
+        });
+        expect(ran).toHaveLength(1); // runs immediately
+        scope.dispose();
+    });
+    it("fork() creates a child scope that disposes when parent disposes", () => {
+        const parent = new Scope();
+        const child = parent.fork();
+        const childCleanup = vi.fn();
+        child.add(childCleanup);
+        parent.dispose();
+        expect(childCleanup).toHaveBeenCalledOnce();
+    });
+    it("fork() child can be disposed independently before parent", () => {
+        const parent = new Scope();
+        const child = parent.fork();
+        const childFn = vi.fn();
+        child.add(childFn);
+        child.dispose();
+        expect(childFn).toHaveBeenCalledOnce();
+        // parent dispose should not throw even though child is already disposed
+        expect(() => { parent.dispose(); }).not.toThrow();
+    });
+});
+//# sourceMappingURL=scope.test.js.map

package/dist/__tests__/scope.test.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisjs/runtime",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,8 +14,8 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@praxisjs/core": "0.4.0",
-    "@praxisjs/decorators": "0.4.1",
+    "@praxisjs/core": "0.4.1",
+    "@praxisjs/decorators": "0.4.2",
     "@praxisjs/shared": "0.2.0"
   },
   "scripts": {

package/src/__tests__/children.test.ts

@@ -0,0 +1,73 @@
+// @vitest-environment jsdom
+import { describe, it, expect } from "vitest";
+
+import { signal } from "@praxisjs/core/internal";
+
+import { mountChildren } from "../children";
+import { Scope } from "../scope";
+
+function container() {
+  return document.createElement("div");
+}
+
+describe("mountChildren", () => {
+  it("does nothing for null, undefined, or false", () => {
+    const el = container();
+    const scope = new Scope();
+    mountChildren(el, null, scope);
+    mountChildren(el, undefined, scope);
+    mountChildren(el, false, scope);
+    expect(el.childNodes.length).toBe(0);
+  });
+
+  it("appends a text node for a string", () => {
+    const el = container();
+    const scope = new Scope();
+    mountChildren(el, "hello", scope);
+    expect(el.textContent).toBe("hello");
+  });
+
+  it("appends a text node for a number", () => {
+    const el = container();
+    const scope = new Scope();
+    mountChildren(el, 42, scope);
+    expect(el.textContent).toBe("42");
+  });
+
+  it("appends a DOM node directly", () => {
+    const el = container();
+    const scope = new Scope();
+    const span = document.createElement("span");
+    mountChildren(el, span, scope);
+    expect(el.firstChild).toBe(span);
+  });
+
+  it("recursively mounts arrays", () => {
+    const el = container();
+    const scope = new Scope();
+    mountChildren(el, ["a", "b", "c"], scope);
+    expect(el.textContent).toBe("abc");
+  });
+
+  it("mounts a reactive function — updates when signal changes", () => {
+    const el = container();
+    const scope = new Scope();
+    const s = signal("first");
+    mountChildren(el, () => s(), scope);
+    expect(el.textContent).toBe("first");
+    s.set("second");
+    expect(el.textContent).toBe("second");
+    scope.dispose();
+  });
+
+  it("reactive children clean up old nodes on update", () => {
+    const el = container();
+    const scope = new Scope();
+    const s = signal<string | null>("visible");
+    mountChildren(el, () => s(), scope);
+    expect(el.textContent).toBe("visible");
+    s.set(null);
+    expect(el.textContent).toBe("");
+    scope.dispose();
+  });
+});

package/src/__tests__/context.test.ts

@@ -0,0 +1,53 @@
+import { describe, it, expect } from "vitest";
+
+import { runInScope, getCurrentScope } from "../context";
+import { Scope } from "../scope";
+
+describe("runInScope / getCurrentScope", () => {
+  it("getCurrentScope throws when called outside of a render context", () => {
+    expect(() => getCurrentScope()).toThrow("[PraxisJS]");
+  });
+
+  it("runInScope makes the scope available via getCurrentScope", () => {
+    const scope = new Scope();
+    let captured: Scope | null = null;
+    runInScope(scope, () => {
+      captured = getCurrentScope();
+    });
+    expect(captured).toBe(scope);
+  });
+
+  it("restores previous scope after runInScope exits", () => {
+    const outer = new Scope();
+    const inner = new Scope();
+    let innerCaptured: Scope | null = null;
+    let outerAfter: Scope | null = null;
+
+    runInScope(outer, () => {
+      runInScope(inner, () => {
+        innerCaptured = getCurrentScope();
+      });
+      outerAfter = getCurrentScope();
+    });
+
+    expect(innerCaptured).toBe(inner);
+    expect(outerAfter).toBe(outer);
+  });
+
+  it("restores null scope even when the callback throws", () => {
+    const scope = new Scope();
+    expect(() =>
+      runInScope(scope, () => {
+        throw new Error("boom");
+      }),
+    ).toThrow("boom");
+
+    expect(() => getCurrentScope()).toThrow("[PraxisJS]");
+  });
+
+  it("returns the callback's return value", () => {
+    const scope = new Scope();
+    const result = runInScope(scope, () => 42);
+    expect(result).toBe(42);
+  });
+});

package/src/__tests__/dom.test.ts

@@ -0,0 +1,170 @@
+// @vitest-environment jsdom
+import { describe, it, expect, vi } from "vitest";
+
+import { signal } from "@praxisjs/core/internal";
+
+import { createElement } from "../dom/create";
+import { addEvent } from "../dom/events";
+import { applyProp } from "../dom/props";
+import { Scope } from "../scope";
+
+
+// ── createElement ────────────────────────────────────────────────────────────
+
+describe("createElement", () => {
+  it("creates an HTMLElement for regular tags", () => {
+    const el = createElement("div");
+    expect(el).toBeInstanceOf(HTMLDivElement);
+    expect(el.tagName.toLowerCase()).toBe("div");
+  });
+
+  it("creates an SVGElement for svg tags", () => {
+    const el = createElement("svg");
+    expect(el).toBeInstanceOf(SVGElement);
+    expect(el.tagName.toLowerCase()).toBe("svg");
+  });
+
+  it("creates nested svg elements with the SVG namespace", () => {
+    const path = createElement("path");
+    expect(path.namespaceURI).toBe("http://www.w3.org/2000/svg");
+  });
+});
+
+// ── applyProp ────────────────────────────────────────────────────────────────
+
+describe("applyProp", () => {
+  it("sets class attribute", () => {
+    const el = document.createElement("div");
+    const scope = new Scope();
+    applyProp(el, "class", "foo bar", scope);
+    expect(el.getAttribute("class")).toBe("foo bar");
+  });
+
+  it("sets className as class attribute", () => {
+    const el = document.createElement("div");
+    const scope = new Scope();
+    applyProp(el, "className", "my-class", scope);
+    expect(el.getAttribute("class")).toBe("my-class");
+  });
+
+  it("removes class when value is null", () => {
+    const el = document.createElement("div");
+    el.setAttribute("class", "old");
+    const scope = new Scope();
+    applyProp(el, "class", null, scope);
+    expect(el.hasAttribute("class")).toBe(false);
+  });
+
+  it("sets style as string", () => {
+    const el = document.createElement("div");
+    const scope = new Scope();
+    applyProp(el, "style", "color: red;", scope);
+    expect(el.getAttribute("style")).toBe("color: red;");
+  });
+
+  it("sets style as object", () => {
+    const el = document.createElement("div") as HTMLElement;
+    const scope = new Scope();
+    applyProp(el, "style", { color: "blue" }, scope);
+    expect(el.style.color).toBe("blue");
+  });
+
+  it("sets boolean true as empty attribute", () => {
+    const el = document.createElement("input");
+    const scope = new Scope();
+    applyProp(el, "disabled", true, scope);
+    expect(el.hasAttribute("disabled")).toBe(true);
+  });
+
+  it("removes attribute when value is false", () => {
+    const el = document.createElement("input");
+    el.setAttribute("disabled", "");
+    const scope = new Scope();
+    applyProp(el, "disabled", false, scope);
+    expect(el.hasAttribute("disabled")).toBe(false);
+  });
+
+  it("sets value prop directly on element", () => {
+    const el = document.createElement("input");
+    const scope = new Scope();
+    applyProp(el, "value", "hello", scope);
+    expect(el.value).toBe("hello");
+  });
+
+  it("calls ref callback with the element", () => {
+    const el = document.createElement("span");
+    const scope = new Scope();
+    const ref = vi.fn();
+    applyProp(el, "ref", ref, scope);
+    expect(ref).toHaveBeenCalledWith(el);
+  });
+
+  it("skips 'children' and 'key' props", () => {
+    const el = document.createElement("div");
+    const scope = new Scope();
+    applyProp(el, "children", "should be ignored", scope);
+    applyProp(el, "key", "k1", scope);
+    expect(el.childNodes.length).toBe(0);
+    expect(el.hasAttribute("key")).toBe(false);
+  });
+
+  it("attaches event listener for onClick", () => {
+    const el = document.createElement("button");
+    const scope = new Scope();
+    const handler = vi.fn();
+    applyProp(el, "onClick", handler, scope);
+    el.dispatchEvent(new MouseEvent("click"));
+    expect(handler).toHaveBeenCalledOnce();
+  });
+
+  it("removes event listener on scope dispose", () => {
+    const el = document.createElement("button");
+    const scope = new Scope();
+    const handler = vi.fn();
+    applyProp(el, "onClick", handler, scope);
+    scope.dispose();
+    el.dispatchEvent(new MouseEvent("click"));
+    expect(handler).not.toHaveBeenCalled();
+  });
+
+  it("tracks reactive prop — updates when signal changes", () => {
+    const el = document.createElement("div");
+    const scope = new Scope();
+    const cls = signal("initial");
+    applyProp(el, "class", () => cls(), scope);
+    expect(el.getAttribute("class")).toBe("initial");
+    cls.set("updated");
+    expect(el.getAttribute("class")).toBe("updated");
+    scope.dispose();
+  });
+
+  it("normalizes htmlFor to for attribute", () => {
+    const label = document.createElement("label");
+    const scope = new Scope();
+    applyProp(label, "htmlFor", "my-input", scope);
+    expect(label.getAttribute("for")).toBe("my-input");
+  });
+});
+
+// ── addEvent ─────────────────────────────────────────────────────────────────
+
+describe("addEvent", () => {
+  it("adds event listener that fires on dispatch", () => {
+    const el = document.createElement("button");
+    const scope = new Scope();
+    const fn = vi.fn();
+    addEvent(el, "click", fn, scope);
+    el.dispatchEvent(new MouseEvent("click"));
+    expect(fn).toHaveBeenCalledOnce();
+  });
+
+  it("removes listener when scope is disposed", () => {
+    const el = document.createElement("button");
+    const scope = new Scope();
+    const fn = vi.fn();
+    addEvent(el, "click", fn, scope);
+    scope.dispose();
+    el.dispatchEvent(new MouseEvent("click"));
+    expect(fn).not.toHaveBeenCalled();
+  });
+});

package/src/__tests__/render.test.ts

@@ -0,0 +1,89 @@
+// @vitest-environment jsdom
+import { describe, it, expect } from "vitest";
+
+import { signal } from "@praxisjs/core/internal";
+
+import { render, mountElement } from "../index";
+import { Scope } from "../scope";
+
+// ── mountElement ─────────────────────────────────────────────────────────────
+
+describe("mountElement", () => {
+  it("creates an element with the given tag", () => {
+    const scope = new Scope();
+    const el = mountElement("section", {}, scope);
+    expect(el.tagName.toLowerCase()).toBe("section");
+  });
+
+  it("applies static props", () => {
+    const scope = new Scope();
+    const el = mountElement("p", { id: "para", class: "text" }, scope) as HTMLElement;
+    expect(el.id).toBe("para");
+    expect(el.getAttribute("class")).toBe("text");
+  });
+
+  it("mounts string children", () => {
+    const scope = new Scope();
+    const el = mountElement("p", { children: "hello" }, scope);
+    expect(el.textContent).toBe("hello");
+  });
+
+  it("mounts reactive prop — updates when signal changes", () => {
+    const scope = new Scope();
+    const cls = signal("a");
+    const el = mountElement("div", { class: () => cls() }, scope);
+    expect(el.getAttribute("class")).toBe("a");
+    cls.set("b");
+    expect(el.getAttribute("class")).toBe("b");
+    scope.dispose();
+  });
+});
+
+// ── render ───────────────────────────────────────────────────────────────────
+
+describe("render", () => {
+  it("mounts content into container", () => {
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+
+    const scope = new Scope();
+    render(() => {
+      const el = mountElement("h1", { children: "Hello" }, scope);
+      return el;
+    }, container);
+
+    expect(container.textContent).toBe("Hello");
+    document.body.removeChild(container);
+  });
+
+  it("clears container on unmount", () => {
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+
+    const unmount = render(() => {
+      const scope = new Scope();
+      return mountElement("p", { children: "bye" }, scope);
+    }, container);
+
+    expect(container.textContent).toBe("bye");
+    unmount();
+    expect(container.innerHTML).toBe("");
+    document.body.removeChild(container);
+  });
+
+  it("reactive content re-renders on signal change", () => {
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    const text = signal("initial");
+
+    render(() => {
+      const scope = new Scope();
+      return mountElement("span", { children: () => text() }, scope);
+    }, container);
+
+    expect(container.textContent).toBe("initial");
+    text.set("updated");
+    expect(container.textContent).toBe("updated");
+    document.body.removeChild(container);
+  });
+});

package/src/__tests__/scope.test.ts

@@ -0,0 +1,62 @@
+import { describe, it, expect, vi } from "vitest";
+
+import { Scope } from "../scope";
+
+describe("Scope", () => {
+  it("add() registers a cleanup fn that runs on dispose()", () => {
+    const scope = new Scope();
+    const cleanup = vi.fn();
+    scope.add(cleanup);
+    scope.dispose();
+    expect(cleanup).toHaveBeenCalledOnce();
+  });
+
+  it("dispose() runs all cleanups in order", () => {
+    const scope = new Scope();
+    const order: number[] = [];
+    scope.add(() => order.push(1));
+    scope.add(() => order.push(2));
+    scope.add(() => order.push(3));
+    scope.dispose();
+    expect(order).toEqual([1, 2, 3]);
+  });
+
+  it("dispose() clears cleanups — second dispose() is a no-op", () => {
+    const scope = new Scope();
+    const fn = vi.fn();
+    scope.add(fn);
+    scope.dispose();
+    scope.dispose();
+    expect(fn).toHaveBeenCalledOnce();
+  });
+
+  it("effect() registers a reactive effect and its cleanup", () => {
+    const scope = new Scope();
+    const ran: number[] = [];
+    scope.effect(() => {
+      ran.push(1);
+    });
+    expect(ran).toHaveLength(1); // runs immediately
+    scope.dispose();
+  });
+
+  it("fork() creates a child scope that disposes when parent disposes", () => {
+    const parent = new Scope();
+    const child = parent.fork();
+    const childCleanup = vi.fn();
+    child.add(childCleanup);
+    parent.dispose();
+    expect(childCleanup).toHaveBeenCalledOnce();
+  });
+
+  it("fork() child can be disposed independently before parent", () => {
+    const parent = new Scope();
+    const child = parent.fork();
+    const childFn = vi.fn();
+    child.add(childFn);
+    child.dispose();
+    expect(childFn).toHaveBeenCalledOnce();
+    // parent dispose should not throw even though child is already disposed
+    expect(() => { parent.dispose(); }).not.toThrow();
+  });
+});