@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.
Files changed (190) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/dist/__tests__/component.test.d.ts +2 -0
  3. package/dist/__tests__/component.test.d.ts.map +1 -0
  4. package/dist/__tests__/component.test.js +146 -0
  5. package/dist/__tests__/component.test.js.map +1 -0
  6. package/dist/__tests__/compose.test.d.ts +2 -0
  7. package/dist/__tests__/compose.test.d.ts.map +1 -0
  8. package/dist/__tests__/compose.test.js +171 -0
  9. package/dist/__tests__/compose.test.js.map +1 -0
  10. package/dist/__tests__/events.test.d.ts +2 -0
  11. package/dist/__tests__/events.test.d.ts.map +1 -0
  12. package/dist/__tests__/events.test.js +216 -0
  13. package/dist/__tests__/events.test.js.map +1 -0
  14. package/dist/__tests__/functions.test.js +283 -31
  15. package/dist/__tests__/functions.test.js.map +1 -1
  16. package/dist/__tests__/lazy.test.d.ts +2 -0
  17. package/dist/__tests__/lazy.test.d.ts.map +1 -0
  18. package/dist/__tests__/lazy.test.js +163 -0
  19. package/dist/__tests__/lazy.test.js.map +1 -0
  20. package/dist/__tests__/memo.test.js +71 -22
  21. package/dist/__tests__/memo.test.js.map +1 -1
  22. package/dist/__tests__/properties.test.js +191 -1
  23. package/dist/__tests__/properties.test.js.map +1 -1
  24. package/dist/__tests__/resource.test.d.ts +2 -0
  25. package/dist/__tests__/resource.test.d.ts.map +1 -0
  26. package/dist/__tests__/resource.test.js +103 -0
  27. package/dist/__tests__/resource.test.js.map +1 -0
  28. package/dist/__tests__/slot.test.d.ts +2 -0
  29. package/dist/__tests__/slot.test.d.ts.map +1 -0
  30. package/dist/__tests__/slot.test.js +147 -0
  31. package/dist/__tests__/slot.test.js.map +1 -0
  32. package/dist/__tests__/virtual.test.d.ts +2 -0
  33. package/dist/__tests__/virtual.test.d.ts.map +1 -0
  34. package/dist/__tests__/virtual.test.js +242 -0
  35. package/dist/__tests__/virtual.test.js.map +1 -0
  36. package/dist/component/component.d.ts +1 -1
  37. package/dist/component/component.d.ts.map +1 -1
  38. package/dist/component/component.js +15 -10
  39. package/dist/component/component.js.map +1 -1
  40. package/dist/component/lazy.d.ts +1 -1
  41. package/dist/component/lazy.d.ts.map +1 -1
  42. package/dist/component/lazy.js +29 -27
  43. package/dist/component/lazy.js.map +1 -1
  44. package/dist/component/virtual.d.ts +1 -1
  45. package/dist/component/virtual.d.ts.map +1 -1
  46. package/dist/component/virtual.js +46 -50
  47. package/dist/component/virtual.js.map +1 -1
  48. package/dist/create-class-decorator.d.ts +16 -0
  49. package/dist/create-class-decorator.d.ts.map +1 -0
  50. package/dist/create-class-decorator.js +35 -0
  51. package/dist/create-class-decorator.js.map +1 -0
  52. package/dist/create-field-decorator.d.ts +14 -0
  53. package/dist/create-field-decorator.d.ts.map +1 -0
  54. package/dist/create-field-decorator.js +37 -0
  55. package/dist/create-field-decorator.js.map +1 -0
  56. package/dist/create-getter-decorator.d.ts +18 -0
  57. package/dist/create-getter-decorator.d.ts.map +1 -0
  58. package/dist/create-getter-decorator.js +15 -0
  59. package/dist/create-getter-decorator.js.map +1 -0
  60. package/dist/create-lifecycle-method-decorator.d.ts +6 -0
  61. package/dist/create-lifecycle-method-decorator.d.ts.map +1 -0
  62. package/dist/create-lifecycle-method-decorator.js +22 -0
  63. package/dist/create-lifecycle-method-decorator.js.map +1 -0
  64. package/dist/create-method-decorator.d.ts +6 -0
  65. package/dist/create-method-decorator.d.ts.map +1 -0
  66. package/dist/create-method-decorator.js +14 -0
  67. package/dist/create-method-decorator.js.map +1 -0
  68. package/dist/events/emit.d.ts +1 -1
  69. package/dist/events/emit.d.ts.map +1 -1
  70. package/dist/events/emit.js +24 -29
  71. package/dist/events/emit.js.map +1 -1
  72. package/dist/events/on-command.d.ts +1 -2
  73. package/dist/events/on-command.d.ts.map +1 -1
  74. package/dist/events/on-command.js +15 -32
  75. package/dist/events/on-command.js.map +1 -1
  76. package/dist/functions/bind.d.ts +1 -2
  77. package/dist/functions/bind.d.ts.map +1 -1
  78. package/dist/functions/bind.js +4 -11
  79. package/dist/functions/bind.js.map +1 -1
  80. package/dist/functions/debounce.d.ts +1 -2
  81. package/dist/functions/debounce.d.ts.map +1 -1
  82. package/dist/functions/debounce.js +12 -20
  83. package/dist/functions/debounce.js.map +1 -1
  84. package/dist/functions/log.d.ts +1 -2
  85. package/dist/functions/log.d.ts.map +1 -1
  86. package/dist/functions/log.js +40 -38
  87. package/dist/functions/log.js.map +1 -1
  88. package/dist/functions/memo.d.ts +1 -2
  89. package/dist/functions/memo.d.ts.map +1 -1
  90. package/dist/functions/memo.js +15 -27
  91. package/dist/functions/memo.js.map +1 -1
  92. package/dist/functions/once.d.ts +1 -2
  93. package/dist/functions/once.d.ts.map +1 -1
  94. package/dist/functions/once.js +14 -12
  95. package/dist/functions/once.js.map +1 -1
  96. package/dist/functions/retry.d.ts +1 -2
  97. package/dist/functions/retry.d.ts.map +1 -1
  98. package/dist/functions/retry.js +23 -20
  99. package/dist/functions/retry.js.map +1 -1
  100. package/dist/functions/throttle.d.ts +1 -2
  101. package/dist/functions/throttle.d.ts.map +1 -1
  102. package/dist/functions/throttle.js +9 -16
  103. package/dist/functions/throttle.js.map +1 -1
  104. package/dist/functions/watch.d.ts +1 -1
  105. package/dist/functions/watch.d.ts.map +1 -1
  106. package/dist/functions/watch.js +25 -31
  107. package/dist/functions/watch.js.map +1 -1
  108. package/dist/functions/when.d.ts +1 -2
  109. package/dist/functions/when.d.ts.map +1 -1
  110. package/dist/functions/when.js +10 -26
  111. package/dist/functions/when.js.map +1 -1
  112. package/dist/index.d.ts +6 -1
  113. package/dist/index.d.ts.map +1 -1
  114. package/dist/index.js +6 -1
  115. package/dist/index.js.map +1 -1
  116. package/dist/properties/compose.d.ts +3 -0
  117. package/dist/properties/compose.d.ts.map +1 -0
  118. package/dist/properties/compose.js +40 -0
  119. package/dist/properties/compose.js.map +1 -0
  120. package/dist/properties/computed.d.ts +1 -2
  121. package/dist/properties/computed.d.ts.map +1 -1
  122. package/dist/properties/computed.js +10 -9
  123. package/dist/properties/computed.js.map +1 -1
  124. package/dist/properties/history.d.ts.map +1 -1
  125. package/dist/properties/history.js +37 -32
  126. package/dist/properties/history.js.map +1 -1
  127. package/dist/properties/index.d.ts +2 -0
  128. package/dist/properties/index.d.ts.map +1 -1
  129. package/dist/properties/index.js +2 -0
  130. package/dist/properties/index.js.map +1 -1
  131. package/dist/properties/persisted.d.ts +1 -2
  132. package/dist/properties/persisted.d.ts.map +1 -1
  133. package/dist/properties/persisted.js +13 -29
  134. package/dist/properties/persisted.js.map +1 -1
  135. package/dist/properties/prop.d.ts +1 -2
  136. package/dist/properties/prop.d.ts.map +1 -1
  137. package/dist/properties/prop.js +21 -25
  138. package/dist/properties/prop.js.map +1 -1
  139. package/dist/properties/resource.d.ts +14 -0
  140. package/dist/properties/resource.d.ts.map +1 -0
  141. package/dist/properties/resource.js +27 -0
  142. package/dist/properties/resource.js.map +1 -0
  143. package/dist/properties/slot.d.ts +1 -2
  144. package/dist/properties/slot.d.ts.map +1 -1
  145. package/dist/properties/slot.js +15 -20
  146. package/dist/properties/slot.js.map +1 -1
  147. package/dist/properties/state.d.ts +1 -2
  148. package/dist/properties/state.d.ts.map +1 -1
  149. package/dist/properties/state.js +13 -18
  150. package/dist/properties/state.js.map +1 -1
  151. package/package.json +2 -2
  152. package/src/__tests__/component.test.ts +166 -0
  153. package/src/__tests__/compose.test.ts +202 -0
  154. package/src/__tests__/events.test.ts +268 -0
  155. package/src/__tests__/functions.test.ts +368 -30
  156. package/src/__tests__/lazy.test.ts +218 -0
  157. package/src/__tests__/memo.test.ts +89 -22
  158. package/src/__tests__/properties.test.ts +249 -1
  159. package/src/__tests__/resource.test.ts +113 -0
  160. package/src/__tests__/slot.test.ts +179 -0
  161. package/src/__tests__/virtual.test.ts +260 -0
  162. package/src/component/component.ts +27 -12
  163. package/src/component/lazy.ts +33 -35
  164. package/src/component/virtual.tsx +62 -75
  165. package/src/create-class-decorator.ts +61 -0
  166. package/src/create-field-decorator.ts +66 -0
  167. package/src/create-getter-decorator.ts +52 -0
  168. package/src/create-lifecycle-method-decorator.ts +38 -0
  169. package/src/create-method-decorator.ts +26 -0
  170. package/src/events/emit.ts +22 -33
  171. package/src/events/on-command.ts +22 -47
  172. package/src/functions/bind.ts +4 -15
  173. package/src/functions/debounce.ts +11 -26
  174. package/src/functions/log.ts +40 -43
  175. package/src/functions/memo.ts +15 -45
  176. package/src/functions/once.ts +13 -16
  177. package/src/functions/retry.ts +21 -22
  178. package/src/functions/throttle.ts +9 -23
  179. package/src/functions/watch.ts +27 -34
  180. package/src/functions/when.ts +11 -36
  181. package/src/index.ts +28 -0
  182. package/src/properties/compose.ts +53 -0
  183. package/src/properties/computed.ts +11 -13
  184. package/src/properties/history.ts +42 -41
  185. package/src/properties/index.ts +2 -0
  186. package/src/properties/persisted.ts +17 -58
  187. package/src/properties/prop.ts +21 -31
  188. package/src/properties/resource.ts +34 -0
  189. package/src/properties/slot.ts +17 -30
  190. 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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=slot.test.d.ts.map
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=virtual.test.d.ts.map
@@ -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, _context: ClassDecoratorContext) => T & ComponentConstructor;
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":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AAEnC,wBAAgB,SAAS,KAEN,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,iBAAiB,EAClE,aAAa,CAAC,EACd,UAAU,qBAAqB,KAC9B,CAAC,GAAG,oBAAoB,CAa5B"}
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, _context) {
5
- const isStateless = constructor.prototype instanceof StatelessComponent;
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;AAMpD,MAAM,UAAU,SAAS;IACvB,8DAA8D;IAC9D,OAAO,UACL,WAAc,EACd,QAA+B;QAE/B,MAAM,WAAW,GAAG,WAAW,CAAC,SAAS,YAAY,kBAAkB,CAAC;QACxE,MAAM,QAAQ,GAAG,KAAM,SAAQ,WAAW;YACxC,MAAM,CAAC,aAAa,GAAG,IAAa,CAAC;YACrC,MAAM,CAAC,aAAa,GAAG,WAAW,CAAC;SACG,CAAC;QAEzC,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE;YACtC,KAAK,EAAE,WAAW,CAAC,IAAI;SACxB,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;AACJ,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"}
@@ -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>(constructor: T, _context: ClassDecoratorContext) => T;
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;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"}
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"}