@praxisjs/decorators 0.4.2 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +43 -0
- package/dist/__tests__/component.test.d.ts +2 -0
- package/dist/__tests__/component.test.d.ts.map +1 -0
- package/dist/__tests__/component.test.js +146 -0
- package/dist/__tests__/component.test.js.map +1 -0
- package/dist/__tests__/compose.test.d.ts +2 -0
- package/dist/__tests__/compose.test.d.ts.map +1 -0
- package/dist/__tests__/compose.test.js +171 -0
- package/dist/__tests__/compose.test.js.map +1 -0
- package/dist/__tests__/events.test.d.ts +2 -0
- package/dist/__tests__/events.test.d.ts.map +1 -0
- package/dist/__tests__/events.test.js +216 -0
- package/dist/__tests__/events.test.js.map +1 -0
- package/dist/__tests__/functions.test.js +283 -31
- package/dist/__tests__/functions.test.js.map +1 -1
- package/dist/__tests__/lazy.test.d.ts +2 -0
- package/dist/__tests__/lazy.test.d.ts.map +1 -0
- package/dist/__tests__/lazy.test.js +163 -0
- package/dist/__tests__/lazy.test.js.map +1 -0
- package/dist/__tests__/memo.test.js +71 -22
- package/dist/__tests__/memo.test.js.map +1 -1
- package/dist/__tests__/properties.test.js +191 -1
- package/dist/__tests__/properties.test.js.map +1 -1
- package/dist/__tests__/resource.test.d.ts +2 -0
- package/dist/__tests__/resource.test.d.ts.map +1 -0
- package/dist/__tests__/resource.test.js +103 -0
- package/dist/__tests__/resource.test.js.map +1 -0
- package/dist/__tests__/slot.test.d.ts +2 -0
- package/dist/__tests__/slot.test.d.ts.map +1 -0
- package/dist/__tests__/slot.test.js +147 -0
- package/dist/__tests__/slot.test.js.map +1 -0
- package/dist/__tests__/virtual.test.d.ts +2 -0
- package/dist/__tests__/virtual.test.d.ts.map +1 -0
- package/dist/__tests__/virtual.test.js +242 -0
- package/dist/__tests__/virtual.test.js.map +1 -0
- package/dist/component/component.d.ts +1 -1
- package/dist/component/component.d.ts.map +1 -1
- package/dist/component/component.js +15 -10
- package/dist/component/component.js.map +1 -1
- package/dist/component/lazy.d.ts +1 -1
- package/dist/component/lazy.d.ts.map +1 -1
- package/dist/component/lazy.js +29 -27
- package/dist/component/lazy.js.map +1 -1
- package/dist/component/virtual.d.ts +1 -1
- package/dist/component/virtual.d.ts.map +1 -1
- package/dist/component/virtual.js +46 -50
- package/dist/component/virtual.js.map +1 -1
- package/dist/create-class-decorator.d.ts +16 -0
- package/dist/create-class-decorator.d.ts.map +1 -0
- package/dist/create-class-decorator.js +35 -0
- package/dist/create-class-decorator.js.map +1 -0
- package/dist/create-field-decorator.d.ts +14 -0
- package/dist/create-field-decorator.d.ts.map +1 -0
- package/dist/create-field-decorator.js +37 -0
- package/dist/create-field-decorator.js.map +1 -0
- package/dist/create-getter-decorator.d.ts +18 -0
- package/dist/create-getter-decorator.d.ts.map +1 -0
- package/dist/create-getter-decorator.js +15 -0
- package/dist/create-getter-decorator.js.map +1 -0
- package/dist/create-lifecycle-method-decorator.d.ts +6 -0
- package/dist/create-lifecycle-method-decorator.d.ts.map +1 -0
- package/dist/create-lifecycle-method-decorator.js +22 -0
- package/dist/create-lifecycle-method-decorator.js.map +1 -0
- package/dist/create-method-decorator.d.ts +6 -0
- package/dist/create-method-decorator.d.ts.map +1 -0
- package/dist/create-method-decorator.js +14 -0
- package/dist/create-method-decorator.js.map +1 -0
- package/dist/events/emit.d.ts +1 -1
- package/dist/events/emit.d.ts.map +1 -1
- package/dist/events/emit.js +24 -29
- package/dist/events/emit.js.map +1 -1
- package/dist/events/on-command.d.ts +1 -2
- package/dist/events/on-command.d.ts.map +1 -1
- package/dist/events/on-command.js +15 -32
- package/dist/events/on-command.js.map +1 -1
- package/dist/functions/bind.d.ts +1 -2
- package/dist/functions/bind.d.ts.map +1 -1
- package/dist/functions/bind.js +4 -11
- package/dist/functions/bind.js.map +1 -1
- package/dist/functions/debounce.d.ts +1 -2
- package/dist/functions/debounce.d.ts.map +1 -1
- package/dist/functions/debounce.js +12 -20
- package/dist/functions/debounce.js.map +1 -1
- package/dist/functions/log.d.ts +1 -2
- package/dist/functions/log.d.ts.map +1 -1
- package/dist/functions/log.js +40 -38
- package/dist/functions/log.js.map +1 -1
- package/dist/functions/memo.d.ts +1 -2
- package/dist/functions/memo.d.ts.map +1 -1
- package/dist/functions/memo.js +15 -27
- package/dist/functions/memo.js.map +1 -1
- package/dist/functions/once.d.ts +1 -2
- package/dist/functions/once.d.ts.map +1 -1
- package/dist/functions/once.js +14 -12
- package/dist/functions/once.js.map +1 -1
- package/dist/functions/retry.d.ts +1 -2
- package/dist/functions/retry.d.ts.map +1 -1
- package/dist/functions/retry.js +23 -20
- package/dist/functions/retry.js.map +1 -1
- package/dist/functions/throttle.d.ts +1 -2
- package/dist/functions/throttle.d.ts.map +1 -1
- package/dist/functions/throttle.js +9 -16
- package/dist/functions/throttle.js.map +1 -1
- package/dist/functions/watch.d.ts +1 -1
- package/dist/functions/watch.d.ts.map +1 -1
- package/dist/functions/watch.js +25 -31
- package/dist/functions/watch.js.map +1 -1
- package/dist/functions/when.d.ts +1 -2
- package/dist/functions/when.d.ts.map +1 -1
- package/dist/functions/when.js +10 -26
- package/dist/functions/when.js.map +1 -1
- package/dist/index.d.ts +6 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -1
- package/dist/index.js.map +1 -1
- package/dist/properties/compose.d.ts +3 -0
- package/dist/properties/compose.d.ts.map +1 -0
- package/dist/properties/compose.js +40 -0
- package/dist/properties/compose.js.map +1 -0
- package/dist/properties/computed.d.ts +1 -2
- package/dist/properties/computed.d.ts.map +1 -1
- package/dist/properties/computed.js +10 -9
- package/dist/properties/computed.js.map +1 -1
- package/dist/properties/history.d.ts.map +1 -1
- package/dist/properties/history.js +37 -32
- package/dist/properties/history.js.map +1 -1
- package/dist/properties/index.d.ts +2 -0
- package/dist/properties/index.d.ts.map +1 -1
- package/dist/properties/index.js +2 -0
- package/dist/properties/index.js.map +1 -1
- package/dist/properties/persisted.d.ts +1 -2
- package/dist/properties/persisted.d.ts.map +1 -1
- package/dist/properties/persisted.js +13 -29
- package/dist/properties/persisted.js.map +1 -1
- package/dist/properties/prop.d.ts +1 -2
- package/dist/properties/prop.d.ts.map +1 -1
- package/dist/properties/prop.js +21 -25
- package/dist/properties/prop.js.map +1 -1
- package/dist/properties/resource.d.ts +14 -0
- package/dist/properties/resource.d.ts.map +1 -0
- package/dist/properties/resource.js +27 -0
- package/dist/properties/resource.js.map +1 -0
- package/dist/properties/slot.d.ts +1 -2
- package/dist/properties/slot.d.ts.map +1 -1
- package/dist/properties/slot.js +15 -20
- package/dist/properties/slot.js.map +1 -1
- package/dist/properties/state.d.ts +1 -2
- package/dist/properties/state.d.ts.map +1 -1
- package/dist/properties/state.js +13 -18
- package/dist/properties/state.js.map +1 -1
- package/package.json +2 -2
- package/src/__tests__/component.test.ts +166 -0
- package/src/__tests__/compose.test.ts +202 -0
- package/src/__tests__/events.test.ts +268 -0
- package/src/__tests__/functions.test.ts +368 -30
- package/src/__tests__/lazy.test.ts +218 -0
- package/src/__tests__/memo.test.ts +89 -22
- package/src/__tests__/properties.test.ts +249 -1
- package/src/__tests__/resource.test.ts +113 -0
- package/src/__tests__/slot.test.ts +179 -0
- package/src/__tests__/virtual.test.ts +260 -0
- package/src/component/component.ts +27 -12
- package/src/component/lazy.ts +33 -35
- package/src/component/virtual.tsx +62 -75
- package/src/create-class-decorator.ts +61 -0
- package/src/create-field-decorator.ts +66 -0
- package/src/create-getter-decorator.ts +52 -0
- package/src/create-lifecycle-method-decorator.ts +38 -0
- package/src/create-method-decorator.ts +26 -0
- package/src/events/emit.ts +22 -33
- package/src/events/on-command.ts +22 -47
- package/src/functions/bind.ts +4 -15
- package/src/functions/debounce.ts +11 -26
- package/src/functions/log.ts +40 -43
- package/src/functions/memo.ts +15 -45
- package/src/functions/once.ts +13 -16
- package/src/functions/retry.ts +21 -22
- package/src/functions/throttle.ts +9 -23
- package/src/functions/watch.ts +27 -34
- package/src/functions/when.ts +11 -36
- package/src/index.ts +28 -0
- package/src/properties/compose.ts +53 -0
- package/src/properties/computed.ts +11 -13
- package/src/properties/history.ts +42 -41
- package/src/properties/index.ts +2 -0
- package/src/properties/persisted.ts +17 -58
- package/src/properties/prop.ts +21 -31
- package/src/properties/resource.ts +34 -0
- package/src/properties/slot.ts +17 -30
- package/src/properties/state.ts +14 -24
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resource.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/resource.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { describe, it, expect, vi } from "vitest";
|
|
2
|
+
import { Resource } from "../properties/resource";
|
|
3
|
+
function makeFieldCtx(name) {
|
|
4
|
+
const initializers = [];
|
|
5
|
+
return {
|
|
6
|
+
ctx: {
|
|
7
|
+
name,
|
|
8
|
+
kind: "field",
|
|
9
|
+
addInitializer(fn) { initializers.push(fn); },
|
|
10
|
+
},
|
|
11
|
+
run(instance) { initializers.forEach((fn) => { fn.call(instance); }); },
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
describe("@Resource", () => {
|
|
15
|
+
it("binds a Resource object to the field", () => {
|
|
16
|
+
const { ctx, run } = makeFieldCtx("users");
|
|
17
|
+
Resource(() => Promise.resolve([]))(undefined, ctx);
|
|
18
|
+
const instance = {};
|
|
19
|
+
run(instance);
|
|
20
|
+
const r = instance.users;
|
|
21
|
+
expect(typeof r.data).toBe("function");
|
|
22
|
+
expect(typeof r.pending).toBe("function");
|
|
23
|
+
expect(typeof r.error).toBe("function");
|
|
24
|
+
expect(typeof r.status).toBe("function");
|
|
25
|
+
expect(typeof r.refetch).toBe("function");
|
|
26
|
+
expect(typeof r.cancel).toBe("function");
|
|
27
|
+
expect(typeof r.mutate).toBe("function");
|
|
28
|
+
});
|
|
29
|
+
it("starts in pending state when immediate=true (default)", () => {
|
|
30
|
+
const { ctx, run } = makeFieldCtx("data");
|
|
31
|
+
Resource(() => new Promise(() => { }))(undefined, ctx);
|
|
32
|
+
const instance = {};
|
|
33
|
+
run(instance);
|
|
34
|
+
const r = instance.data;
|
|
35
|
+
expect(r.pending()).toBe(true);
|
|
36
|
+
expect(r.status()).toBe("pending");
|
|
37
|
+
});
|
|
38
|
+
it("starts idle when immediate=false", () => {
|
|
39
|
+
const { ctx, run } = makeFieldCtx("data");
|
|
40
|
+
Resource(() => Promise.resolve(42), { immediate: false })(undefined, ctx);
|
|
41
|
+
const instance = {};
|
|
42
|
+
run(instance);
|
|
43
|
+
const r = instance.data;
|
|
44
|
+
expect(r.status()).toBe("idle");
|
|
45
|
+
expect(r.pending()).toBe(false);
|
|
46
|
+
});
|
|
47
|
+
it("resolves data asynchronously", async () => {
|
|
48
|
+
const { ctx, run } = makeFieldCtx("items");
|
|
49
|
+
Resource(() => Promise.resolve([1, 2, 3]))(undefined, ctx);
|
|
50
|
+
const instance = {};
|
|
51
|
+
run(instance);
|
|
52
|
+
const r = instance.items;
|
|
53
|
+
await vi.waitFor(() => r.status() === "success");
|
|
54
|
+
expect(r.data()).toEqual([1, 2, 3]);
|
|
55
|
+
});
|
|
56
|
+
it("sets error state on rejection", async () => {
|
|
57
|
+
const { ctx, run } = makeFieldCtx("items");
|
|
58
|
+
Resource(() => Promise.reject(new Error("fetch failed")))(undefined, ctx);
|
|
59
|
+
const instance = {};
|
|
60
|
+
run(instance);
|
|
61
|
+
const r = instance.items;
|
|
62
|
+
await new Promise((res) => setTimeout(res, 0));
|
|
63
|
+
expect(r.status()).toBe("error");
|
|
64
|
+
expect(r.error().message).toBe("fetch failed");
|
|
65
|
+
});
|
|
66
|
+
it("each instance gets its own resource", () => {
|
|
67
|
+
const { ctx, run } = makeFieldCtx("r");
|
|
68
|
+
Resource(() => Promise.resolve(0))(undefined, ctx);
|
|
69
|
+
const a = {};
|
|
70
|
+
const b = {};
|
|
71
|
+
run(a);
|
|
72
|
+
run(b);
|
|
73
|
+
expect(a.r).not.toBe(b.r);
|
|
74
|
+
});
|
|
75
|
+
it("mutate() updates data immediately", async () => {
|
|
76
|
+
const { ctx, run } = makeFieldCtx("r");
|
|
77
|
+
Resource(() => Promise.resolve(1))(undefined, ctx);
|
|
78
|
+
const instance = {};
|
|
79
|
+
run(instance);
|
|
80
|
+
const r = instance.r;
|
|
81
|
+
r.mutate(99);
|
|
82
|
+
expect(r.data()).toBe(99);
|
|
83
|
+
expect(r.status()).toBe("success");
|
|
84
|
+
});
|
|
85
|
+
it("cancel() stops a pending fetch", async () => {
|
|
86
|
+
const { ctx, run } = makeFieldCtx("r");
|
|
87
|
+
Resource(() => new Promise(() => { }))(undefined, ctx);
|
|
88
|
+
const instance = {};
|
|
89
|
+
run(instance);
|
|
90
|
+
const r = instance.r;
|
|
91
|
+
r.cancel();
|
|
92
|
+
expect(r.status()).toBe("idle");
|
|
93
|
+
});
|
|
94
|
+
it("uses initialData option", () => {
|
|
95
|
+
const { ctx, run } = makeFieldCtx("r");
|
|
96
|
+
Resource(() => Promise.resolve("new"), { initialData: "default", immediate: false })(undefined, ctx);
|
|
97
|
+
const instance = {};
|
|
98
|
+
run(instance);
|
|
99
|
+
const r = instance.r;
|
|
100
|
+
expect(r.data()).toBe("default");
|
|
101
|
+
});
|
|
102
|
+
});
|
|
103
|
+
//# sourceMappingURL=resource.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resource.test.js","sourceRoot":"","sources":["../../src/__tests__/resource.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slot.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/slot.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
// @vitest-environment jsdom
|
|
2
|
+
import { describe, it, expect, vi } from "vitest";
|
|
3
|
+
import { initSlots, getSlot, Slot } from "../properties/slot";
|
|
4
|
+
import { StatefulComponent } from "@praxisjs/core";
|
|
5
|
+
// ── initSlots / getSlot ──────────────────────────────────────────────────────
|
|
6
|
+
describe("initSlots / getSlot", () => {
|
|
7
|
+
it("returns empty default slot when children is null", () => {
|
|
8
|
+
const instance = {};
|
|
9
|
+
initSlots(instance, null);
|
|
10
|
+
expect(getSlot(instance, "default")).toEqual([]);
|
|
11
|
+
});
|
|
12
|
+
it("returns empty array for unknown slot", () => {
|
|
13
|
+
const instance = {};
|
|
14
|
+
initSlots(instance, null);
|
|
15
|
+
expect(getSlot(instance, "unknown")).toEqual([]);
|
|
16
|
+
});
|
|
17
|
+
it("puts plain children into the default slot", () => {
|
|
18
|
+
const instance = {};
|
|
19
|
+
const child = document.createElement("span");
|
|
20
|
+
initSlots(instance, child);
|
|
21
|
+
expect(getSlot(instance, "default")).toEqual([child]);
|
|
22
|
+
});
|
|
23
|
+
it("flattens array children into the default slot", () => {
|
|
24
|
+
const instance = {};
|
|
25
|
+
const a = document.createElement("p");
|
|
26
|
+
const b = document.createElement("div");
|
|
27
|
+
initSlots(instance, [a, b]);
|
|
28
|
+
expect(getSlot(instance, "default")).toEqual([a, b]);
|
|
29
|
+
});
|
|
30
|
+
it("routes element with slot attribute to named slot", () => {
|
|
31
|
+
const instance = {};
|
|
32
|
+
const el = document.createElement("div");
|
|
33
|
+
el.setAttribute("slot", "header");
|
|
34
|
+
initSlots(instance, el);
|
|
35
|
+
expect(getSlot(instance, "header")).toEqual([el]);
|
|
36
|
+
expect(getSlot(instance, "default")).toEqual([]);
|
|
37
|
+
// slot attribute should be removed
|
|
38
|
+
expect(el.hasAttribute("slot")).toBe(false);
|
|
39
|
+
});
|
|
40
|
+
it("handles mixed named and default children", () => {
|
|
41
|
+
const instance = {};
|
|
42
|
+
const named = document.createElement("aside");
|
|
43
|
+
named.setAttribute("slot", "sidebar");
|
|
44
|
+
const plain = document.createElement("main");
|
|
45
|
+
initSlots(instance, [named, plain]);
|
|
46
|
+
expect(getSlot(instance, "sidebar")).toEqual([named]);
|
|
47
|
+
expect(getSlot(instance, "default")).toEqual([plain]);
|
|
48
|
+
});
|
|
49
|
+
it("skips null children in array", () => {
|
|
50
|
+
const instance = {};
|
|
51
|
+
const el = document.createElement("span");
|
|
52
|
+
initSlots(instance, [null, el, undefined]);
|
|
53
|
+
expect(getSlot(instance, "default")).toEqual([el]);
|
|
54
|
+
});
|
|
55
|
+
it("appends to existing named slot when same slot name appears twice", () => {
|
|
56
|
+
const instance = {};
|
|
57
|
+
const a = document.createElement("div");
|
|
58
|
+
a.setAttribute("slot", "header");
|
|
59
|
+
const b = document.createElement("div");
|
|
60
|
+
b.setAttribute("slot", "header");
|
|
61
|
+
initSlots(instance, [a, b]);
|
|
62
|
+
const headerSlot = getSlot(instance, "header");
|
|
63
|
+
expect(headerSlot).toHaveLength(2);
|
|
64
|
+
expect(headerSlot[0]).toBe(a);
|
|
65
|
+
expect(headerSlot[1]).toBe(b);
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
// ── Slot decorator ───────────────────────────────────────────────────────────
|
|
69
|
+
describe("Slot decorator", () => {
|
|
70
|
+
it("provides the default slot via field decorator", () => {
|
|
71
|
+
class MyComp extends StatefulComponent {
|
|
72
|
+
render() { return null; }
|
|
73
|
+
}
|
|
74
|
+
const initializers = [];
|
|
75
|
+
const ctx = {
|
|
76
|
+
name: "default",
|
|
77
|
+
kind: "field",
|
|
78
|
+
addInitializer(fn) { initializers.push(fn); },
|
|
79
|
+
};
|
|
80
|
+
Slot()(undefined, ctx);
|
|
81
|
+
const instance = new MyComp();
|
|
82
|
+
initializers.forEach((fn) => { fn.call(instance); });
|
|
83
|
+
// No children initialized — slot should be empty
|
|
84
|
+
const children = document.createElement("p");
|
|
85
|
+
initSlots(instance, children);
|
|
86
|
+
expect(Array.isArray(instance.default)).toBe(true);
|
|
87
|
+
});
|
|
88
|
+
it("uses custom slot name when provided", () => {
|
|
89
|
+
class MyComp extends StatefulComponent {
|
|
90
|
+
render() { return null; }
|
|
91
|
+
}
|
|
92
|
+
const initializers = [];
|
|
93
|
+
const ctx = {
|
|
94
|
+
name: "content",
|
|
95
|
+
kind: "field",
|
|
96
|
+
addInitializer(fn) { initializers.push(fn); },
|
|
97
|
+
};
|
|
98
|
+
Slot("header")(undefined, ctx);
|
|
99
|
+
const instance = new MyComp();
|
|
100
|
+
initializers.forEach((fn) => { fn.call(instance); });
|
|
101
|
+
const el = document.createElement("nav");
|
|
102
|
+
el.setAttribute("slot", "header");
|
|
103
|
+
initSlots(instance, el);
|
|
104
|
+
const slot = instance.content;
|
|
105
|
+
expect(slot).toHaveLength(1);
|
|
106
|
+
expect(slot[0]).toBe(el);
|
|
107
|
+
});
|
|
108
|
+
it("skips warn on direct assignment in production mode", () => {
|
|
109
|
+
class MyComp extends StatefulComponent {
|
|
110
|
+
render() { return null; }
|
|
111
|
+
}
|
|
112
|
+
const initializers = [];
|
|
113
|
+
const ctx = {
|
|
114
|
+
name: "default",
|
|
115
|
+
kind: "field",
|
|
116
|
+
addInitializer(fn) { initializers.push(fn); },
|
|
117
|
+
};
|
|
118
|
+
Slot()(undefined, ctx);
|
|
119
|
+
const instance = new MyComp();
|
|
120
|
+
initializers.forEach((fn) => { fn.call(instance); });
|
|
121
|
+
const warn = vi.spyOn(console, "warn").mockImplementation(() => { });
|
|
122
|
+
vi.stubEnv("NODE_ENV", "production");
|
|
123
|
+
instance.default = "bad";
|
|
124
|
+
expect(warn).not.toHaveBeenCalled();
|
|
125
|
+
vi.unstubAllEnvs();
|
|
126
|
+
warn.mockRestore();
|
|
127
|
+
});
|
|
128
|
+
it("warns on direct assignment in non-production", () => {
|
|
129
|
+
class MyComp extends StatefulComponent {
|
|
130
|
+
render() { return null; }
|
|
131
|
+
}
|
|
132
|
+
const initializers = [];
|
|
133
|
+
const ctx = {
|
|
134
|
+
name: "default",
|
|
135
|
+
kind: "field",
|
|
136
|
+
addInitializer(fn) { initializers.push(fn); },
|
|
137
|
+
};
|
|
138
|
+
Slot()(undefined, ctx);
|
|
139
|
+
const instance = new MyComp();
|
|
140
|
+
initializers.forEach((fn) => { fn.call(instance); });
|
|
141
|
+
const warn = vi.spyOn(console, "warn").mockImplementation(() => { });
|
|
142
|
+
instance.default = "bad";
|
|
143
|
+
expect(warn).toHaveBeenCalledWith(expect.stringContaining("[Slot]"));
|
|
144
|
+
warn.mockRestore();
|
|
145
|
+
});
|
|
146
|
+
});
|
|
147
|
+
//# sourceMappingURL=slot.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slot.test.js","sourceRoot":"","sources":["../../src/__tests__/slot.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtual.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/virtual.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
// @vitest-environment jsdom
|
|
2
|
+
import { describe, it, expect, vi } from "vitest";
|
|
3
|
+
import { StatefulComponent } from "@praxisjs/core";
|
|
4
|
+
import { Virtual } from "../component/virtual";
|
|
5
|
+
function applyVirtual(cls, itemHeight, buffer) {
|
|
6
|
+
return buffer !== undefined
|
|
7
|
+
? Virtual(itemHeight, buffer)(cls, {})
|
|
8
|
+
: Virtual(itemHeight)(cls, {});
|
|
9
|
+
}
|
|
10
|
+
// A base component with items and renderItem for virtual scrolling
|
|
11
|
+
class ListComp extends StatefulComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.items = [];
|
|
15
|
+
}
|
|
16
|
+
renderItem(item, _index) {
|
|
17
|
+
const div = document.createElement("div");
|
|
18
|
+
div.textContent = String(item);
|
|
19
|
+
return div;
|
|
20
|
+
}
|
|
21
|
+
render() { return null; }
|
|
22
|
+
}
|
|
23
|
+
describe("Virtual decorator", () => {
|
|
24
|
+
it("warns and returns null when renderItem is not defined", () => {
|
|
25
|
+
class NoRenderItem extends StatefulComponent {
|
|
26
|
+
constructor() {
|
|
27
|
+
super(...arguments);
|
|
28
|
+
this.items = ["a", "b"];
|
|
29
|
+
}
|
|
30
|
+
render() { return null; }
|
|
31
|
+
}
|
|
32
|
+
const Wrapped = applyVirtual(NoRenderItem, 50);
|
|
33
|
+
const instance = new Wrapped();
|
|
34
|
+
const warn = vi.spyOn(console, "warn").mockImplementation(() => { });
|
|
35
|
+
const result = instance.render();
|
|
36
|
+
expect(result).toBeNull();
|
|
37
|
+
expect(warn).toHaveBeenCalledWith(expect.stringContaining("[Virtual]"));
|
|
38
|
+
warn.mockRestore();
|
|
39
|
+
});
|
|
40
|
+
it("renders a container div with the total height", () => {
|
|
41
|
+
class MyList extends StatefulComponent {
|
|
42
|
+
constructor() {
|
|
43
|
+
super(...arguments);
|
|
44
|
+
this.items = ["a", "b", "c"];
|
|
45
|
+
}
|
|
46
|
+
renderItem(item) {
|
|
47
|
+
const el = document.createElement("div");
|
|
48
|
+
el.textContent = String(item);
|
|
49
|
+
return el;
|
|
50
|
+
}
|
|
51
|
+
render() { return null; }
|
|
52
|
+
}
|
|
53
|
+
const Wrapped = applyVirtual(MyList, 50);
|
|
54
|
+
const instance = new Wrapped();
|
|
55
|
+
const result = instance.render();
|
|
56
|
+
expect(result).toBeInstanceOf(HTMLElement);
|
|
57
|
+
expect(result.tagName.toLowerCase()).toBe("div");
|
|
58
|
+
// Total height = 3 items * 50px
|
|
59
|
+
expect(result.getAttribute("style")).toContain("150px");
|
|
60
|
+
});
|
|
61
|
+
it("renders visible items within the viewport", () => {
|
|
62
|
+
class MyList extends StatefulComponent {
|
|
63
|
+
constructor() {
|
|
64
|
+
super(...arguments);
|
|
65
|
+
this.items = [1, 2, 3, 4, 5];
|
|
66
|
+
}
|
|
67
|
+
renderItem(item) {
|
|
68
|
+
const el = document.createElement("div");
|
|
69
|
+
el.textContent = String(item);
|
|
70
|
+
return el;
|
|
71
|
+
}
|
|
72
|
+
render() { return null; }
|
|
73
|
+
}
|
|
74
|
+
const Wrapped = applyVirtual(MyList, 100, 0);
|
|
75
|
+
const instance = new Wrapped();
|
|
76
|
+
const outer = instance.render();
|
|
77
|
+
// Should render some content
|
|
78
|
+
expect(outer).not.toBeNull();
|
|
79
|
+
expect(outer.children.length).toBeGreaterThan(0);
|
|
80
|
+
});
|
|
81
|
+
it("handles empty items list without errors", () => {
|
|
82
|
+
class EmptyList extends StatefulComponent {
|
|
83
|
+
constructor() {
|
|
84
|
+
super(...arguments);
|
|
85
|
+
this.items = [];
|
|
86
|
+
}
|
|
87
|
+
renderItem(_item) {
|
|
88
|
+
return document.createElement("div");
|
|
89
|
+
}
|
|
90
|
+
render() { return null; }
|
|
91
|
+
}
|
|
92
|
+
const Wrapped = applyVirtual(EmptyList, 50);
|
|
93
|
+
const instance = new Wrapped();
|
|
94
|
+
expect(() => instance.render()).not.toThrow();
|
|
95
|
+
});
|
|
96
|
+
it("onMount sets container styles when _anchor has a parent", () => {
|
|
97
|
+
const Wrapped = applyVirtual(ListComp, 50);
|
|
98
|
+
const instance = new Wrapped();
|
|
99
|
+
instance.items = ["a", "b"];
|
|
100
|
+
const container = document.createElement("div");
|
|
101
|
+
document.body.appendChild(container);
|
|
102
|
+
const anchor = document.createComment("end");
|
|
103
|
+
container.appendChild(anchor);
|
|
104
|
+
instance._anchor = anchor;
|
|
105
|
+
instance.onMount?.();
|
|
106
|
+
expect(container.style.overflowY).toBe("auto");
|
|
107
|
+
expect(container.style.position).toBe("relative");
|
|
108
|
+
document.body.removeChild(container);
|
|
109
|
+
});
|
|
110
|
+
it("onMount does nothing when _anchor has no parent", () => {
|
|
111
|
+
const Wrapped = applyVirtual(ListComp, 50);
|
|
112
|
+
const instance = new Wrapped();
|
|
113
|
+
const anchor = document.createComment("end");
|
|
114
|
+
instance._anchor = anchor;
|
|
115
|
+
expect(() => instance.onMount?.()).not.toThrow();
|
|
116
|
+
});
|
|
117
|
+
it("onUnmount disconnects scroll listener and cleans up effects", () => {
|
|
118
|
+
const Wrapped = applyVirtual(ListComp, 50);
|
|
119
|
+
const instance = new Wrapped();
|
|
120
|
+
const container = document.createElement("div");
|
|
121
|
+
document.body.appendChild(container);
|
|
122
|
+
const anchor = document.createComment("end");
|
|
123
|
+
container.appendChild(anchor);
|
|
124
|
+
instance._anchor = anchor;
|
|
125
|
+
instance.onMount?.();
|
|
126
|
+
// Should not throw
|
|
127
|
+
expect(() => instance.onUnmount?.()).not.toThrow();
|
|
128
|
+
document.body.removeChild(container);
|
|
129
|
+
});
|
|
130
|
+
it("re-renders visible items when scrollTop changes (covers while loop cleanup)", () => {
|
|
131
|
+
class ScrollList extends StatefulComponent {
|
|
132
|
+
constructor() {
|
|
133
|
+
super(...arguments);
|
|
134
|
+
this.items = Array.from({ length: 20 }, (_, i) => i);
|
|
135
|
+
}
|
|
136
|
+
renderItem(item) {
|
|
137
|
+
const el = document.createElement("div");
|
|
138
|
+
el.textContent = String(item);
|
|
139
|
+
return el;
|
|
140
|
+
}
|
|
141
|
+
render() { return null; }
|
|
142
|
+
}
|
|
143
|
+
const Wrapped = applyVirtual(ScrollList, 50, 0);
|
|
144
|
+
const instance = new Wrapped();
|
|
145
|
+
const container = document.createElement("div");
|
|
146
|
+
document.body.appendChild(container);
|
|
147
|
+
const anchor = document.createComment("end");
|
|
148
|
+
container.appendChild(anchor);
|
|
149
|
+
instance._anchor = anchor;
|
|
150
|
+
instance.onMount?.();
|
|
151
|
+
// First render - sets up effects with the spacerTop/itemsSlot/spacerBottom elements
|
|
152
|
+
const outer = instance.render();
|
|
153
|
+
// Change scrollTop to trigger effect re-run (covers the while loop removing old nodes)
|
|
154
|
+
Object.defineProperty(container, "scrollTop", { configurable: true, value: 500 });
|
|
155
|
+
container.dispatchEvent(new Event("scroll"));
|
|
156
|
+
// buffer=0, itemHeight=50, scrollTop=500 → startIdx=10 → offsetTop=500px
|
|
157
|
+
const spacerTop = outer.children[0];
|
|
158
|
+
expect(spacerTop.getAttribute("style")).toContain("500px");
|
|
159
|
+
document.body.removeChild(container);
|
|
160
|
+
});
|
|
161
|
+
it("renderItem returning an array appends all child nodes", () => {
|
|
162
|
+
class ArrayItemList extends StatefulComponent {
|
|
163
|
+
constructor() {
|
|
164
|
+
super(...arguments);
|
|
165
|
+
this.items = ["item"];
|
|
166
|
+
}
|
|
167
|
+
renderItem(item) {
|
|
168
|
+
const a = document.createElement("span");
|
|
169
|
+
a.textContent = String(item) + "-1";
|
|
170
|
+
const b = document.createElement("span");
|
|
171
|
+
b.textContent = String(item) + "-2";
|
|
172
|
+
return [a, b];
|
|
173
|
+
}
|
|
174
|
+
render() { return null; }
|
|
175
|
+
}
|
|
176
|
+
const Wrapped = applyVirtual(ArrayItemList, 50, 0);
|
|
177
|
+
const instance = new Wrapped();
|
|
178
|
+
const outer = instance.render();
|
|
179
|
+
// outer structure: spacerTop, itemsSlot, spacerBottom
|
|
180
|
+
const itemsSlot = outer.children[1];
|
|
181
|
+
const wrapper = itemsSlot.children[0];
|
|
182
|
+
expect(wrapper.children.length).toBe(2);
|
|
183
|
+
});
|
|
184
|
+
it("renderItem returning null produces an empty wrapper div", () => {
|
|
185
|
+
class NullItemList extends StatefulComponent {
|
|
186
|
+
constructor() {
|
|
187
|
+
super(...arguments);
|
|
188
|
+
this.items = ["x"];
|
|
189
|
+
}
|
|
190
|
+
renderItem() { return null; }
|
|
191
|
+
render() { return null; }
|
|
192
|
+
}
|
|
193
|
+
const Wrapped = applyVirtual(NullItemList, 50, 0);
|
|
194
|
+
const instance = new Wrapped();
|
|
195
|
+
expect(() => instance.render()).not.toThrow();
|
|
196
|
+
const outer = instance.render();
|
|
197
|
+
const itemsSlot = outer.children[1];
|
|
198
|
+
const wrapper = itemsSlot.children[0];
|
|
199
|
+
// rendered is null — no child nodes appended
|
|
200
|
+
expect(wrapper.children.length).toBe(0);
|
|
201
|
+
});
|
|
202
|
+
it("uses empty array when items is undefined (host.items ?? [])", () => {
|
|
203
|
+
class NoItems extends StatefulComponent {
|
|
204
|
+
// items is intentionally not defined
|
|
205
|
+
renderItem() { return document.createElement("div"); }
|
|
206
|
+
render() { return null; }
|
|
207
|
+
}
|
|
208
|
+
const Wrapped = applyVirtual(NoItems, 50, 0);
|
|
209
|
+
const instance = new Wrapped();
|
|
210
|
+
// render() should work fine with 0 items
|
|
211
|
+
const result = instance.render();
|
|
212
|
+
expect(result).toBeInstanceOf(HTMLElement);
|
|
213
|
+
const style = result.getAttribute("style") ?? "";
|
|
214
|
+
expect(style).toContain("0px"); // totalH = 0 * 50 = 0
|
|
215
|
+
});
|
|
216
|
+
it("onUnmount without prior onMount does not throw", () => {
|
|
217
|
+
const Wrapped = applyVirtual(ListComp, 50);
|
|
218
|
+
const instance = new Wrapped();
|
|
219
|
+
// _container is undefined — onUnmount should be a no-op
|
|
220
|
+
expect(() => instance.onUnmount?.()).not.toThrow();
|
|
221
|
+
});
|
|
222
|
+
it("updates scrollTop on scroll event", () => {
|
|
223
|
+
const Wrapped = applyVirtual(ListComp, 50);
|
|
224
|
+
const instance = new Wrapped();
|
|
225
|
+
instance.items = Array.from({ length: 20 }, (_, i) => i);
|
|
226
|
+
const container = document.createElement("div");
|
|
227
|
+
document.body.appendChild(container);
|
|
228
|
+
const anchor = document.createComment("end");
|
|
229
|
+
container.appendChild(anchor);
|
|
230
|
+
instance._anchor = anchor;
|
|
231
|
+
instance.onMount?.();
|
|
232
|
+
// Render to set up effects that observe scrollTop
|
|
233
|
+
const outer = instance.render();
|
|
234
|
+
Object.defineProperty(container, "scrollTop", { configurable: true, value: 200 });
|
|
235
|
+
container.dispatchEvent(new Event("scroll"));
|
|
236
|
+
// buffer=3, itemHeight=50, scrollTop=200 → startIdx=1 → offsetTop=50px
|
|
237
|
+
const spacerTop = outer.children[0];
|
|
238
|
+
expect(spacerTop.getAttribute("style")).toContain("50px");
|
|
239
|
+
document.body.removeChild(container);
|
|
240
|
+
});
|
|
241
|
+
});
|
|
242
|
+
//# sourceMappingURL=virtual.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtual.test.js","sourceRoot":"","sources":["../../src/__tests__/virtual.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { ComponentConstructor, ComponentInstance } from "@praxisjs/shared/internal";
|
|
2
|
-
export declare function Component(): <T extends new (...args: any[]) => ComponentInstance>(constructor: T,
|
|
2
|
+
export declare function Component(): <T extends new (...args: any[]) => ComponentInstance>(constructor: T, context: ClassDecoratorContext) => T & ComponentConstructor;
|
|
3
3
|
//# sourceMappingURL=component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/component/component.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/component/component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AAuBnC,wBAAgB,SAAS,KAEN,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,iBAAiB,EAClE,aAAa,CAAC,EACd,SAAS,qBAAqB,KAC7B,CAAC,GAAG,oBAAoB,CAM5B"}
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
import { StatelessComponent } from "@praxisjs/core";
|
|
2
|
+
import { ClassBehavior, createClassDecorator, } from "../create-class-decorator";
|
|
3
|
+
class ComponentBehavior extends ClassBehavior {
|
|
4
|
+
create(_instance) {
|
|
5
|
+
return {};
|
|
6
|
+
}
|
|
7
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
8
|
+
initialize(Enhanced, original) {
|
|
9
|
+
const isStateless = original.prototype instanceof StatelessComponent;
|
|
10
|
+
Object.defineProperty(Enhanced, "__isComponent", { value: true, configurable: true });
|
|
11
|
+
Object.defineProperty(Enhanced, "__isStateless", { value: isStateless, configurable: true });
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
const behavior = new ComponentBehavior();
|
|
2
15
|
export function Component() {
|
|
3
16
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4
|
-
return function (constructor,
|
|
5
|
-
|
|
6
|
-
const Enhanced = class extends constructor {
|
|
7
|
-
static __isComponent = true;
|
|
8
|
-
static __isStateless = isStateless;
|
|
9
|
-
};
|
|
10
|
-
Object.defineProperty(Enhanced, "name", {
|
|
11
|
-
value: constructor.name,
|
|
12
|
-
});
|
|
13
|
-
return Enhanced;
|
|
17
|
+
return function (constructor, context) {
|
|
18
|
+
return createClassDecorator(behavior)(constructor, context);
|
|
14
19
|
};
|
|
15
20
|
}
|
|
16
21
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/component/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/component/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAOpD,OAAO,EACL,aAAa,EACb,oBAAoB,GAErB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,iBAAkB,SAAQ,aAAa;IAC3C,MAAM,CAAC,SAAwB;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,8DAA8D;IAC9D,UAAU,CAAC,QAAyC,EAAE,QAAyC;QAC7F,MAAM,WAAW,GAAI,QAAQ,CAAC,SAAoB,YAAY,kBAAkB,CAAC;QACjF,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,eAAe,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;QACtF,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,eAAe,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/F,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,IAAI,iBAAiB,EAAE,CAAC;AAEzC,MAAM,UAAU,SAAS;IACvB,8DAA8D;IAC9D,OAAO,UACL,WAAc,EACd,OAA8B;QAE9B,OAAO,oBAAoB,CAAC,QAAQ,CAAC,CACnC,WAAiG,EACjG,OAAO,CAC+B,CAAC;IAC3C,CAAC,CAAC;AACJ,CAAC"}
|
package/dist/component/lazy.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { type RootComponent } from "@praxisjs/core/internal";
|
|
2
|
-
export declare function Lazy(placeholder?: number): <T extends new (...args: any[]) => RootComponent
|
|
2
|
+
export declare function Lazy(placeholder?: number): <T extends new (...args: any[]) => RootComponent<Record<string, any>>>(constructor: T, _context: ClassDecoratorContext) => T;
|
|
3
3
|
//# sourceMappingURL=lazy.d.ts.map
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../src/component/lazy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAU,MAAM,yBAAyB,CAAC;AAqDrE,wBAAgB,IAAI,CAAC,WAAW,SAAM,mBA1B9B,GAAD,0GA4BN"}
|