@praxisjs/decorators 0.4.2 → 0.4.3

package/dist/__tests__/slot.test.js

@@ -0,0 +1,115 @@
+// @vitest-environment jsdom
+import { describe, it, expect, vi } from "vitest";
+import { initSlots, getSlot, Slot } from "../properties/slot";
+import { StatefulComponent } from "@praxisjs/core";
+// ── initSlots / getSlot ──────────────────────────────────────────────────────
+describe("initSlots / getSlot", () => {
+    it("returns empty default slot when children is null", () => {
+        const instance = {};
+        initSlots(instance, null);
+        expect(getSlot(instance, "default")).toEqual([]);
+    });
+    it("returns empty array for unknown slot", () => {
+        const instance = {};
+        initSlots(instance, null);
+        expect(getSlot(instance, "unknown")).toEqual([]);
+    });
+    it("puts plain children into the default slot", () => {
+        const instance = {};
+        const child = document.createElement("span");
+        initSlots(instance, child);
+        expect(getSlot(instance, "default")).toEqual([child]);
+    });
+    it("flattens array children into the default slot", () => {
+        const instance = {};
+        const a = document.createElement("p");
+        const b = document.createElement("div");
+        initSlots(instance, [a, b]);
+        expect(getSlot(instance, "default")).toEqual([a, b]);
+    });
+    it("routes element with slot attribute to named slot", () => {
+        const instance = {};
+        const el = document.createElement("div");
+        el.setAttribute("slot", "header");
+        initSlots(instance, el);
+        expect(getSlot(instance, "header")).toEqual([el]);
+        expect(getSlot(instance, "default")).toEqual([]);
+        // slot attribute should be removed
+        expect(el.hasAttribute("slot")).toBe(false);
+    });
+    it("handles mixed named and default children", () => {
+        const instance = {};
+        const named = document.createElement("aside");
+        named.setAttribute("slot", "sidebar");
+        const plain = document.createElement("main");
+        initSlots(instance, [named, plain]);
+        expect(getSlot(instance, "sidebar")).toEqual([named]);
+        expect(getSlot(instance, "default")).toEqual([plain]);
+    });
+    it("skips null children in array", () => {
+        const instance = {};
+        const el = document.createElement("span");
+        initSlots(instance, [null, el, undefined]);
+        expect(getSlot(instance, "default")).toEqual([el]);
+    });
+});
+// ── Slot decorator ───────────────────────────────────────────────────────────
+describe("Slot decorator", () => {
+    it("provides the default slot via field decorator", () => {
+        class MyComp extends StatefulComponent {
+            render() { return null; }
+        }
+        const initializers = [];
+        const ctx = {
+            name: "default",
+            kind: "field",
+            addInitializer(fn) { initializers.push(fn); },
+        };
+        Slot()(undefined, ctx);
+        const instance = new MyComp();
+        initializers.forEach((fn) => { fn.call(instance); });
+        // No children initialized — slot should be empty
+        const children = document.createElement("p");
+        initSlots(instance, children);
+        expect(Array.isArray(instance.default)).toBe(true);
+    });
+    it("uses custom slot name when provided", () => {
+        class MyComp extends StatefulComponent {
+            render() { return null; }
+        }
+        const initializers = [];
+        const ctx = {
+            name: "content",
+            kind: "field",
+            addInitializer(fn) { initializers.push(fn); },
+        };
+        Slot("header")(undefined, ctx);
+        const instance = new MyComp();
+        initializers.forEach((fn) => { fn.call(instance); });
+        const el = document.createElement("nav");
+        el.setAttribute("slot", "header");
+        initSlots(instance, el);
+        const slot = instance.content;
+        expect(slot).toHaveLength(1);
+        expect(slot[0]).toBe(el);
+    });
+    it("warns on direct assignment in non-production", () => {
+        class MyComp extends StatefulComponent {
+            render() { return null; }
+        }
+        const initializers = [];
+        const ctx = {
+            name: "default",
+            kind: "field",
+            addInitializer(fn) { initializers.push(fn); },
+        };
+        Slot()(undefined, ctx);
+        const instance = new MyComp();
+        initializers.forEach((fn) => { fn.call(instance); });
+        const warn = vi.spyOn(console, "warn").mockImplementation(() => { });
+        instance.default = "bad";
+        expect(warn).toHaveBeenCalledWith(expect.stringContaining("[Slot]"));
+        warn.mockRestore();
+    });
+});
+//# sourceMappingURL=slot.test.js.map

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

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

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

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

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

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

package/dist/__tests__/virtual.test.js

@@ -0,0 +1,201 @@
+// @vitest-environment jsdom
+import { describe, it, expect, vi } from "vitest";
+import { StatefulComponent } from "@praxisjs/core";
+import { Virtual } from "../component/virtual";
+function applyVirtual(cls, itemHeight, buffer) {
+    return buffer !== undefined
+        ? Virtual(itemHeight, buffer)(cls, {})
+        : Virtual(itemHeight)(cls, {});
+}
+// A base component with items and renderItem for virtual scrolling
+class ListComp extends StatefulComponent {
+    items = [];
+    renderItem(item, _index) {
+        const div = document.createElement("div");
+        div.textContent = String(item);
+        return div;
+    }
+    render() { return null; }
+}
+describe("Virtual decorator", () => {
+    it("warns and returns null when renderItem is not defined", () => {
+        class NoRenderItem extends StatefulComponent {
+            items = ["a", "b"];
+            render() { return null; }
+        }
+        const Wrapped = applyVirtual(NoRenderItem, 50);
+        const instance = new Wrapped();
+        const warn = vi.spyOn(console, "warn").mockImplementation(() => { });
+        const result = instance.render();
+        expect(result).toBeNull();
+        expect(warn).toHaveBeenCalledWith(expect.stringContaining("[Virtual]"));
+        warn.mockRestore();
+    });
+    it("renders a container div with the total height", () => {
+        class MyList extends StatefulComponent {
+            items = ["a", "b", "c"];
+            renderItem(item) {
+                const el = document.createElement("div");
+                el.textContent = String(item);
+                return el;
+            }
+            render() { return null; }
+        }
+        const Wrapped = applyVirtual(MyList, 50);
+        const instance = new Wrapped();
+        const result = instance.render();
+        expect(result).toBeInstanceOf(HTMLElement);
+        expect(result.tagName.toLowerCase()).toBe("div");
+        // Total height = 3 items * 50px
+        expect(result.getAttribute("style")).toContain("150px");
+    });
+    it("renders visible items within the viewport", () => {
+        class MyList extends StatefulComponent {
+            items = [1, 2, 3, 4, 5];
+            renderItem(item) {
+                const el = document.createElement("div");
+                el.textContent = String(item);
+                return el;
+            }
+            render() { return null; }
+        }
+        const Wrapped = applyVirtual(MyList, 100, 0);
+        const instance = new Wrapped();
+        const outer = instance.render();
+        // Should render some content
+        expect(outer).not.toBeNull();
+        expect(outer.children.length).toBeGreaterThan(0);
+    });
+    it("handles empty items list without errors", () => {
+        class EmptyList extends StatefulComponent {
+            items = [];
+            renderItem(_item) {
+                return document.createElement("div");
+            }
+            render() { return null; }
+        }
+        const Wrapped = applyVirtual(EmptyList, 50);
+        const instance = new Wrapped();
+        expect(() => instance.render()).not.toThrow();
+    });
+    it("onMount sets container styles when _anchor has a parent", () => {
+        const Wrapped = applyVirtual(ListComp, 50);
+        const instance = new Wrapped();
+        instance.items = ["a", "b"];
+        const container = document.createElement("div");
+        document.body.appendChild(container);
+        const anchor = document.createComment("end");
+        container.appendChild(anchor);
+        instance._anchor = anchor;
+        instance.onMount?.();
+        expect(container.style.overflowY).toBe("auto");
+        expect(container.style.position).toBe("relative");
+        document.body.removeChild(container);
+    });
+    it("onMount does nothing when _anchor has no parent", () => {
+        const Wrapped = applyVirtual(ListComp, 50);
+        const instance = new Wrapped();
+        const anchor = document.createComment("end");
+        instance._anchor = anchor;
+        expect(() => instance.onMount?.()).not.toThrow();
+    });
+    it("onUnmount disconnects scroll listener and cleans up effects", () => {
+        const Wrapped = applyVirtual(ListComp, 50);
+        const instance = new Wrapped();
+        const container = document.createElement("div");
+        document.body.appendChild(container);
+        const anchor = document.createComment("end");
+        container.appendChild(anchor);
+        instance._anchor = anchor;
+        instance.onMount?.();
+        // Should not throw
+        expect(() => instance.onUnmount?.()).not.toThrow();
+        document.body.removeChild(container);
+    });
+    it("re-renders visible items when scrollTop changes (covers while loop cleanup)", () => {
+        class ScrollList extends StatefulComponent {
+            items = Array.from({ length: 20 }, (_, i) => i);
+            renderItem(item) {
+                const el = document.createElement("div");
+                el.textContent = String(item);
+                return el;
+            }
+            render() { return null; }
+        }
+        const Wrapped = applyVirtual(ScrollList, 50, 0);
+        const instance = new Wrapped();
+        const container = document.createElement("div");
+        document.body.appendChild(container);
+        const anchor = document.createComment("end");
+        container.appendChild(anchor);
+        instance._anchor = anchor;
+        instance.onMount?.();
+        // First render - populates the itemsSlot
+        instance.render();
+        // Change scrollTop to trigger effect re-run (covers the while loop removing old nodes)
+        Object.defineProperty(container, "scrollTop", { configurable: true, value: 500 });
+        container.dispatchEvent(new Event("scroll"));
+        // Verify scrollTop was updated (effect should have re-run)
+        const scrollTop = instance._scrollTop;
+        expect(scrollTop()).toBe(500);
+        document.body.removeChild(container);
+    });
+    it("renderItem returning an array appends all child nodes", () => {
+        class ArrayItemList extends StatefulComponent {
+            items = ["item"];
+            renderItem(item) {
+                const a = document.createElement("span");
+                a.textContent = String(item) + "-1";
+                const b = document.createElement("span");
+                b.textContent = String(item) + "-2";
+                return [a, b];
+            }
+            render() { return null; }
+        }
+        const Wrapped = applyVirtual(ArrayItemList, 50, 0);
+        const instance = new Wrapped();
+        const outer = instance.render();
+        // outer structure: spacerTop, itemsSlot, spacerBottom
+        const itemsSlot = outer.children[1];
+        const wrapper = itemsSlot.children[0];
+        expect(wrapper.children.length).toBe(2);
+    });
+    it("renderItem returning null produces an empty wrapper div", () => {
+        class NullItemList extends StatefulComponent {
+            items = ["x"];
+            renderItem() { return null; }
+            render() { return null; }
+        }
+        const Wrapped = applyVirtual(NullItemList, 50, 0);
+        const instance = new Wrapped();
+        expect(() => instance.render()).not.toThrow();
+        const outer = instance.render();
+        const itemsSlot = outer.children[1];
+        const wrapper = itemsSlot.children[0];
+        // rendered is null — no child nodes appended
+        expect(wrapper.children.length).toBe(0);
+    });
+    it("onUnmount without prior onMount does not throw", () => {
+        const Wrapped = applyVirtual(ListComp, 50);
+        const instance = new Wrapped();
+        // _container is undefined — onUnmount should be a no-op
+        expect(() => instance.onUnmount?.()).not.toThrow();
+    });
+    it("updates scrollTop on scroll event", () => {
+        const Wrapped = applyVirtual(ListComp, 50);
+        const instance = new Wrapped();
+        instance.items = Array.from({ length: 20 }, (_, i) => i);
+        const container = document.createElement("div");
+        document.body.appendChild(container);
+        const anchor = document.createComment("end");
+        container.appendChild(anchor);
+        instance._anchor = anchor;
+        instance.onMount?.();
+        Object.defineProperty(container, "scrollTop", { configurable: true, value: 200 });
+        container.dispatchEvent(new Event("scroll"));
+        const scrollTop = instance._scrollTop;
+        expect(scrollTop()).toBe(200);
+        document.body.removeChild(container);
+    });
+});
+//# sourceMappingURL=virtual.test.js.map

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

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

package/dist/component/lazy.d.ts

@@ -1,3 +1,3 @@
 import { type RootComponent } from "@praxisjs/core/internal";
-export declare function Lazy(placeholder?: number): <T extends new (...args: any[]) => RootComponent>(constructor: T, _context: ClassDecoratorContext) => T;
+export declare function Lazy(placeholder?: number): <T extends new (...args: any[]) => RootComponent<Record<string, any>>>(constructor: T, _context: ClassDecoratorContext) => T;
 //# sourceMappingURL=lazy.d.ts.map

package/dist/component/lazy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../src/component/lazy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,yBAAyB,CAAC;AAErE,wBAAgB,IAAI,CAAC,WAAW,SAAM,IAEnB,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,aAAa,EAC9D,aAAa,CAAC,EACd,UAAU,qBAAqB,KAC9B,CAAC,CAkDL"}
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../src/component/lazy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,yBAAyB,CAAC;AAErE,wBAAgB,IAAI,CAAC,WAAW,SAAM,IAEnB,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EACnF,aAAa,CAAC,EACd,UAAU,qBAAqB,KAC9B,CAAC,CAoDL"}

package/dist/component/lazy.js

@@ -5,7 +5,10 @@ export function Lazy(placeholder = 200) {
         return class LazyWrapper extends constructor {
             _lazyVisible = signal(false);
             _observer;
-            _originalRender = this.render.bind(this);
+            _originalRender = 
+            // Capture the *parent* class render, not LazyWrapper's own override,
+            // to avoid infinite recursion when render() delegates here.
+            constructor.prototype.render.bind(this);
             onMount() {
                 super.onMount?.();
                 // Use the end anchor to find the parent element

package/dist/component/lazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"lazy.js","sourceRoot":"","sources":["../../src/component/lazy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAErE,MAAM,UAAU,IAAI,CAAC,WAAW,GAAG,GAAG;IACpC,8DAA8D;IAC9D,OAAO,UACL,WAAc,EACd,QAA+B;QAE/B,OAAO,MAAM,WAAY,SAAQ,WAAW;YACzB,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACtC,SAAS,CAAwB;YACxB,eAAe,GAC9B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAEzB,OAAO;gBACL,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;gBAElB,gDAAgD;gBAChD,MAAM,EAAE,GACL,IAAyC,CAAC,OAAO;oBAChD,EAAE,aAAa,IAAI,IAAI,CAAC;gBAC5B,IAAI,CAAC,EAAE;oBAAE,OAAO;gBAEhB,IAAI,CAAC,CAAC,sBAAsB,IAAI,MAAM,CAAC,EAAE,CAAC;oBACxC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBAC5B,OAAO;gBACT,CAAC;gBAED,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;oBACzB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;gBAClD,CAAC;gBAED,IAAI,CAAC,SAAS,GAAG,IAAI,oBAAoB,CACvC,CAAC,OAAO,EAAE,EAAE;oBACV,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC;wBAC/B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;wBAC5B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;wBACxB,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC;oBAC/B,CAAC;gBACH,CAAC,EACD,EAAE,UAAU,EAAE,OAAO,EAAE,CACxB,CAAC;gBAEF,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC7B,CAAC;YAED,SAAS;gBACP,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC;gBACpB,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC;YAC/B,CAAC;YAED,MAAM;gBACJ,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;oBAAE,OAAO,IAAI,CAAC;gBACtC,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;YAChC,CAAC;SACc,CAAC;IACpB,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"lazy.js","sourceRoot":"","sources":["../../src/component/lazy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAErE,MAAM,UAAU,IAAI,CAAC,WAAW,GAAG,GAAG;IACpC,8DAA8D;IAC9D,OAAO,UACL,WAAc,EACd,QAA+B;QAE/B,OAAO,MAAM,WAAY,SAAQ,WAAW;YACzB,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACtC,SAAS,CAAwB;YACxB,eAAe;YAC9B,qEAAqE;YACrE,4DAA4D;YAC3D,WAAW,CAAC,SAAgD,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAElF,OAAO;gBACL,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;gBAElB,gDAAgD;gBAChD,MAAM,EAAE,GACL,IAAyC,CAAC,OAAO;oBAChD,EAAE,aAAa,IAAI,IAAI,CAAC;gBAC5B,IAAI,CAAC,EAAE;oBAAE,OAAO;gBAEhB,IAAI,CAAC,CAAC,sBAAsB,IAAI,MAAM,CAAC,EAAE,CAAC;oBACxC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBAC5B,OAAO;gBACT,CAAC;gBAED,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC;oBACzB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;gBAClD,CAAC;gBAED,IAAI,CAAC,SAAS,GAAG,IAAI,oBAAoB,CACvC,CAAC,OAAO,EAAE,EAAE;oBACV,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC;wBAC/B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;wBAC5B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;wBACxB,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC;oBAC/B,CAAC;gBACH,CAAC,EACD,EAAE,UAAU,EAAE,OAAO,EAAE,CACxB,CAAC;gBAEF,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC7B,CAAC;YAED,SAAS;gBACP,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC;gBACpB,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC;YAC/B,CAAC;YAED,MAAM;gBACJ,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;oBAAE,OAAO,IAAI,CAAC;gBACtC,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;YAChC,CAAC;SACc,CAAC;IACpB,CAAC,CAAC;AACJ,CAAC"}

package/dist/component/virtual.d.ts

@@ -1,3 +1,3 @@
 import { type RootComponent } from "@praxisjs/core/internal";
-export declare function Virtual(itemHeight: number, buffer?: number): <T extends new (...args: any[]) => RootComponent>(constructor: T, _context: ClassDecoratorContext) => T;
+export declare function Virtual(itemHeight: number, buffer?: number): <T extends new (...args: any[]) => RootComponent<Record<string, any>>>(constructor: T, _context: ClassDecoratorContext) => T;
 //# sourceMappingURL=virtual.d.ts.map

package/dist/component/virtual.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtual.d.ts","sourceRoot":"","sources":["../../src/component/virtual.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,aAAa,EAAU,MAAM,yBAAyB,CAAC;AAQvF,wBAAgB,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,SAAI,IAEnC,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,aAAa,EAC9D,aAAa,CAAC,EACd,UAAU,qBAAqB,KAC9B,CAAC,CAqIL"}
+{"version":3,"file":"virtual.d.ts","sourceRoot":"","sources":["../../src/component/virtual.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,aAAa,EAAU,MAAM,yBAAyB,CAAC;AAQvF,wBAAgB,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,SAAI,IAEnC,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EACnF,aAAa,CAAC,EACd,UAAU,qBAAqB,KAC9B,CAAC,CAqIL"}

package/dist/functions/watch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"watch.d.ts","sourceRoot":"","sources":["../../src/functions/watch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGjD,KAAK,iBAAiB,GAAG,MAAM,iBAAiB,CAAC;AAEjD,KAAK,aAAa,CAAC,CAAC,IAAI;KACrB,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CACvD,GAAG,IAAI,EAAE,MAAM,CAAC,KACb,OAAO,GACR,CAAC,SAAS,EAAE,GACV,CAAC,CAAC,CAAC,CAAC,SAAS,QAAQ,CAAC,OAAO,CAAC,GAC5B,CAAC,GACD,KAAK,GACP,KAAK,GACP,CAAC;CACN,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAC,GACpC,MAAM,CAAC;AAET,KAAK,YAAY,CACf,IAAI,SAAS,SAAS,MAAM,EAAE,EAC9B,IAAI,SAAS,MAAM,GAAG,KAAK,IACzB,IAAI,SAAS,SAAS;IACxB,MAAM,IAAI,SAAS,MAAM;IACzB,GAAG,MAAM,IAAI,SAAS,MAAM,EAAE;CAC/B,GACG,IAAI,SAAS,IAAI,GACf,CAAC,gBAAgB,IAAI,iBAAiB,EAAE,GAAG,IAAI,CAAC,GAChD,CAAC,IAAI,EAAE,GAAG,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC,GAC5C,IAAI,CAAC;AAET,KAAK,YAAY,CACf,CAAC,SAAS,iBAAiB,EAC3B,IAAI,SAAS,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAC1C,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAE1E,KAAK,MAAM,CAAC,CAAC,IACX,CAAC,SAAS,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEpE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,MAAM,CAC3E,CAAC,CAAC,CAAC,CAAC,CACL,CAAC;AACF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI;KACrE,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACvB,CAAC;AAOF,wBAAgB,KAAK,CACnB,CAAC,SAAS,iBAAiB,EAC3B,KAAK,CAAC,IAAI,SAAS,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAClD,GAAG,SAAS,EAAE,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,IAEjC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAC5C,SAAS,2BAA2B,CAAC,CAAC,CAAC,KACtC,IAAI,CAmCR"}
+{"version":3,"file":"watch.d.ts","sourceRoot":"","sources":["../../src/functions/watch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGjD,KAAK,iBAAiB,GAAG,MAAM,iBAAiB,CAAC;AAEjD,KAAK,aAAa,CAAC,CAAC,IAAI;KACrB,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CACvD,GAAG,IAAI,EAAE,MAAM,CAAC,KACb,OAAO,GACR,CAAC,SAAS,EAAE,GACV,CAAC,CAAC,CAAC,CAAC,SAAS,QAAQ,CAAC,OAAO,CAAC,GAC5B,CAAC,GACD,KAAK,GACP,KAAK,GACP,CAAC;CACN,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAC,GACpC,MAAM,CAAC;AAET,KAAK,YAAY,CACf,IAAI,SAAS,SAAS,MAAM,EAAE,EAC9B,IAAI,SAAS,MAAM,GAAG,KAAK,IACzB,IAAI,SAAS,SAAS;IACxB,MAAM,IAAI,SAAS,MAAM;IACzB,GAAG,MAAM,IAAI,SAAS,MAAM,EAAE;CAC/B,GACG,IAAI,SAAS,IAAI,GACf,CAAC,gBAAgB,IAAI,iBAAiB,EAAE,GAAG,IAAI,CAAC,GAChD,CAAC,IAAI,EAAE,GAAG,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC,GAC5C,IAAI,CAAC;AAET,KAAK,YAAY,CACf,CAAC,SAAS,iBAAiB,EAC3B,IAAI,SAAS,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAC1C,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,GAAG,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAE1E,KAAK,MAAM,CAAC,CAAC,IACX,CAAC,SAAS,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEpE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,MAAM,CAC3E,CAAC,CAAC,CAAC,CAAC,CACL,CAAC;AACF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,iBAAiB,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI;KACrE,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACvB,CAAC;AAOF,wBAAgB,KAAK,CACnB,CAAC,SAAS,iBAAiB,EAC3B,KAAK,CAAC,IAAI,SAAS,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAClD,GAAG,SAAS,EAAE,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,IAEjC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAC5C,SAAS,2BAA2B,CAAC,CAAC,CAAC,KACtC,IAAI,CA4CR"}

package/dist/functions/watch.js

@@ -11,11 +11,14 @@ export function Watch(...propNames) {
             const instance = this;
             // eslint-disable-next-line @typescript-eslint/unbound-method
             const originalOnMount = instance.onMount;
+            // eslint-disable-next-line @typescript-eslint/unbound-method
+            const originalOnUnmount = instance.onUnmount;
+            let stopEffect;
             instance.onMount = function () {
                 originalOnMount?.call(this);
                 if (props.length === 1) {
                     let oldVal = readValue(this, props[0]);
-                    effect(() => {
+                    stopEffect = effect(() => {
                         const newVal = readValue(this, props[0]);
                         if (!Object.is(newVal, oldVal)) {
                             value.call(this, newVal, oldVal);
@@ -26,7 +29,7 @@ export function Watch(...propNames) {
                 else {
                     const read = () => Object.fromEntries(props.map((p) => [p, readValue(this, p)]));
                     let oldVals = read();
-                    effect(() => {
+                    stopEffect = effect(() => {
                         const newVals = read();
                         if (props.some((p) => !Object.is(newVals[p], oldVals[p]))) {
                             value.call(this, newVals, oldVals);
@@ -35,6 +38,11 @@ export function Watch(...propNames) {
                     });
                 }
             };
+            instance.onUnmount = function () {
+                originalOnUnmount?.call(this);
+                stopEffect?.();
+                stopEffect = undefined;
+            };
         });
     };
 }

package/dist/functions/watch.js.map

@@ -1 +1 @@
-{"version":3,"file":"watch.js","sourceRoot":"","sources":["../../src/functions/watch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AA4CvD,SAAS,SAAS,CAAC,QAAiC,EAAE,GAAW;IAC/D,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC1B,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAE,GAAyB,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,KAAK,CAGnB,GAAG,SAAgC;IACnC,OAAO,UACL,KAA4C,EAC5C,OAAuC;QAEvC,MAAM,KAAK,GAAG,SAAgC,CAAC;QAE/C,OAAO,CAAC,cAAc,CAAC;YACrB,MAAM,QAAQ,GAAG,IAAmC,CAAC;YACrD,6DAA6D;YAC7D,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC;YAEzC,QAAQ,CAAC,OAAO,GAAG;gBACjB,eAAe,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;gBAE5B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBACvB,IAAI,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;oBACvC,MAAM,CAAC,GAAG,EAAE;wBACV,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;wBACzC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;4BAC/B,KAAK,CAAC,IAAI,CAAC,IAAS,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;4BACtC,MAAM,GAAG,MAAM,CAAC;wBAClB,CAAC;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC;qBAAM,CAAC;oBACN,MAAM,IAAI,GAAG,GAAG,EAAE,CAChB,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAChE,IAAI,OAAO,GAAG,IAAI,EAAE,CAAC;oBACrB,MAAM,CAAC,GAAG,EAAE;wBACV,MAAM,OAAO,GAAG,IAAI,EAAE,CAAC;wBACvB,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;4BAC1D,KAAK,CAAC,IAAI,CAAC,IAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;4BACxC,OAAO,GAAG,OAAO,CAAC;wBACpB,CAAC;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"watch.js","sourceRoot":"","sources":["../../src/functions/watch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AA4CvD,SAAS,SAAS,CAAC,QAAiC,EAAE,GAAW;IAC/D,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC1B,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAE,GAAyB,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,KAAK,CAGnB,GAAG,SAAgC;IACnC,OAAO,UACL,KAA4C,EAC5C,OAAuC;QAEvC,MAAM,KAAK,GAAG,SAAgC,CAAC;QAE/C,OAAO,CAAC,cAAc,CAAC;YACrB,MAAM,QAAQ,GAAG,IAAmC,CAAC;YACrD,6DAA6D;YAC7D,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC;YACzC,6DAA6D;YAC7D,MAAM,iBAAiB,GAAG,QAAQ,CAAC,SAAS,CAAC;YAC7C,IAAI,UAAoC,CAAC;YAEzC,QAAQ,CAAC,OAAO,GAAG;gBACjB,eAAe,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;gBAE5B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBACvB,IAAI,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;oBACvC,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE;wBACvB,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;wBACzC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;4BAC/B,KAAK,CAAC,IAAI,CAAC,IAAS,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;4BACtC,MAAM,GAAG,MAAM,CAAC;wBAClB,CAAC;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC;qBAAM,CAAC;oBACN,MAAM,IAAI,GAAG,GAAG,EAAE,CAChB,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAChE,IAAI,OAAO,GAAG,IAAI,EAAE,CAAC;oBACrB,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE;wBACvB,MAAM,OAAO,GAAG,IAAI,EAAE,CAAC;wBACvB,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;4BAC1D,KAAK,CAAC,IAAI,CAAC,IAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;4BACxC,OAAO,GAAG,OAAO,CAAC;wBACpB,CAAC;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CAAC;YAEF,QAAQ,CAAC,SAAS,GAAG;gBACnB,iBAAiB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC9B,UAAU,EAAE,EAAE,CAAC;gBACf,UAAU,GAAG,SAAS,CAAC;YACzB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisjs/decorators",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -15,7 +15,7 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@praxisjs/core": "0.4.1",
+    "@praxisjs/core": "0.4.2",
     "@praxisjs/shared": "0.2.0"
   },
   "scripts": {

package/src/__tests__/component.test.ts

@@ -0,0 +1,156 @@
+import { describe, it, expect } from "vitest";
+
+import { StatefulComponent, StatelessComponent } from "@praxisjs/core";
+
+import { Component } from "../component/component";
+
+// ── Component decorator ───────────────────────────────────────────────────────
+
+describe("Component decorator", () => {
+  it("sets __isComponent = true on the enhanced class", () => {
+    class MyComp extends StatefulComponent {
+      render() { return null; }
+    }
+    const Enhanced = Component()(MyComp, {} as ClassDecoratorContext);
+    expect(Enhanced.__isComponent).toBe(true);
+  });
+
+  it("preserves the original class name", () => {
+    class MyButton extends StatefulComponent {
+      render() { return null; }
+    }
+    const Enhanced = Component()(MyButton, {} as ClassDecoratorContext);
+    expect(Enhanced.name).toBe("MyButton");
+  });
+
+  it("marks __isStateless = false for StatefulComponent subclasses", () => {
+    class MyStateful extends StatefulComponent {
+      render() { return null; }
+    }
+    const Enhanced = Component()(MyStateful, {} as ClassDecoratorContext);
+    expect(Enhanced.__isStateless).toBe(false);
+  });
+
+  it("marks __isStateless = true for StatelessComponent subclasses", () => {
+    class MyStateless extends StatelessComponent {
+      render() { return null; }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const Enhanced = Component()(MyStateless as any, {} as ClassDecoratorContext);
+    expect(Enhanced.__isStateless).toBe(true);
+  });
+
+  it("enhanced class can still be instantiated", () => {
+    class Counter extends StatefulComponent {
+      render() { return null; }
+    }
+    const Enhanced = Component()(Counter, {} as ClassDecoratorContext);
+    const instance = new Enhanced();
+    expect(instance).toBeInstanceOf(Counter);
+  });
+
+  it("returns a subclass of the original constructor", () => {
+    class Base extends StatefulComponent {
+      render() { return null; }
+    }
+    const Enhanced = Component()(Base, {} as ClassDecoratorContext);
+    expect(Enhanced.prototype).toBeInstanceOf(Base);
+  });
+
+  // ── Happy paths ──────────────────────────────────────────────────────────────
+
+  it("forwards constructor args — props reach the base constructor", () => {
+    class WithProps extends StatefulComponent {
+      render() { return null; }
+    }
+    const Enhanced = Component()(WithProps, {} as ClassDecoratorContext);
+    const instance = new Enhanced({ greeting: "hello" });
+    expect(instance.props.greeting).toBe("hello");
+  });
+
+  it("instance methods from the original class remain accessible", () => {
+    class Greeter extends StatefulComponent {
+      greet() { return "hello"; }
+      render() { return null; }
+    }
+    const Enhanced = Component()(Greeter, {} as ClassDecoratorContext);
+    const instance = new Enhanced();
+    expect((instance as Greeter).greet()).toBe("hello");
+  });
+
+  it("static properties of the original class are preserved on Enhanced", () => {
+    class WithStatic extends StatefulComponent {
+      static readonly version = "1.0";
+      render() { return null; }
+    }
+    const Enhanced = Component()(WithStatic, {} as ClassDecoratorContext);
+    expect((Enhanced as typeof WithStatic).version).toBe("1.0");
+  });
+
+  // ── Edge cases ───────────────────────────────────────────────────────────────
+
+  it("applying Component() twice preserves name and flags", () => {
+    class MyComp extends StatefulComponent {
+      render() { return null; }
+    }
+    const E1 = Component()(MyComp, {} as ClassDecoratorContext);
+    const E2 = Component()(E1, {} as ClassDecoratorContext);
+    expect(E2.__isComponent).toBe(true);
+    expect(E2.__isStateless).toBe(false);
+    expect(E2.name).toBe("MyComp"); // name survives double-wrap
+  });
+
+  it("deep StatelessComponent inheritance — __isStateless is still true", () => {
+    class BaseStateless extends StatelessComponent {
+      render() { return null; }
+    }
+    class DeepChild extends BaseStateless {
+      render() { return null; }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const Enhanced = Component()(DeepChild as any, {} as ClassDecoratorContext);
+    expect(Enhanced.__isStateless).toBe(true);
+  });
+
+  it("anonymous class gets an empty name", () => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const Enhanced = Component()(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      class extends StatefulComponent { render() { return null; } } as any,
+      {} as ClassDecoratorContext,
+    );
+    expect(Enhanced.name).toBe("");
+  });
+
+  it("__isComponent and __isStateless are static — not own properties of instances", () => {
+    class MyComp extends StatefulComponent {
+      render() { return null; }
+    }
+    const Enhanced = Component()(MyComp, {} as ClassDecoratorContext);
+    const instance = new Enhanced();
+    // Static fields live on the class, not on instances
+    expect(Object.prototype.hasOwnProperty.call(instance, "__isComponent")).toBe(false);
+    expect(Object.prototype.hasOwnProperty.call(instance, "__isStateless")).toBe(false);
+  });
+
+  it("subclassing Enhanced inherits __isComponent and __isStateless", () => {
+    class MyComp extends StatefulComponent {
+      render() { return null; }
+    }
+    const Enhanced = Component()(MyComp, {} as ClassDecoratorContext);
+    // `class Sub extends Enhanced` sets Object.getPrototypeOf(Sub) === Enhanced,
+    // making static fields visible through the chain. Simulate that here to
+    // avoid TS2510 (conflicting constructor return types in the intersection type).
+    const Sub = Object.create(Enhanced) as typeof Enhanced;
+    expect(Sub.__isComponent).toBe(true);
+    expect(Sub.__isStateless).toBe(false);
+  });
+
+  it("Enhanced is a different reference from the original constructor", () => {
+    class MyComp extends StatefulComponent {
+      render() { return null; }
+    }
+    const Enhanced = Component()(MyComp, {} as ClassDecoratorContext);
+    expect(Enhanced).not.toBe(MyComp);
+  });
+});