@twick/2d 0.14.18 → 0.14.20

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 (167) hide show
  1. package/LICENSE +21 -21
  2. package/editor/editor/tsconfig.build.tsbuildinfo +1 -1
  3. package/lib/components/Img.js +23 -23
  4. package/lib/components/Line.js +31 -31
  5. package/lib/components/Media.js +22 -22
  6. package/lib/components/Spline.js +25 -25
  7. package/lib/tsconfig.build.tsbuildinfo +1 -1
  8. package/package.json +4 -4
  9. package/src/editor/NodeInspectorConfig.tsx +76 -76
  10. package/src/editor/PreviewOverlayConfig.tsx +67 -67
  11. package/src/editor/Provider.tsx +93 -93
  12. package/src/editor/SceneGraphTabConfig.tsx +81 -81
  13. package/src/editor/icons/CircleIcon.tsx +7 -7
  14. package/src/editor/icons/CodeBlockIcon.tsx +8 -8
  15. package/src/editor/icons/CurveIcon.tsx +7 -7
  16. package/src/editor/icons/GridIcon.tsx +7 -7
  17. package/src/editor/icons/IconMap.ts +35 -35
  18. package/src/editor/icons/ImgIcon.tsx +8 -8
  19. package/src/editor/icons/LayoutIcon.tsx +9 -9
  20. package/src/editor/icons/LineIcon.tsx +7 -7
  21. package/src/editor/icons/NodeIcon.tsx +7 -7
  22. package/src/editor/icons/RayIcon.tsx +7 -7
  23. package/src/editor/icons/RectIcon.tsx +7 -7
  24. package/src/editor/icons/ShapeIcon.tsx +7 -7
  25. package/src/editor/icons/TxtIcon.tsx +8 -8
  26. package/src/editor/icons/VideoIcon.tsx +7 -7
  27. package/src/editor/icons/View2DIcon.tsx +10 -10
  28. package/src/editor/index.ts +17 -17
  29. package/src/editor/tree/DetachedRoot.tsx +23 -23
  30. package/src/editor/tree/NodeElement.tsx +74 -74
  31. package/src/editor/tree/TreeElement.tsx +72 -72
  32. package/src/editor/tree/TreeRoot.tsx +10 -10
  33. package/src/editor/tree/ViewRoot.tsx +20 -20
  34. package/src/editor/tree/index.module.scss +38 -38
  35. package/src/editor/tree/index.ts +3 -3
  36. package/src/editor/tsconfig.build.json +5 -5
  37. package/src/editor/tsconfig.json +12 -12
  38. package/src/editor/tsdoc.json +4 -4
  39. package/src/editor/vite-env.d.ts +1 -1
  40. package/src/lib/code/CodeCursor.ts +445 -445
  41. package/src/lib/code/CodeDiffer.ts +78 -78
  42. package/src/lib/code/CodeFragment.ts +97 -97
  43. package/src/lib/code/CodeHighlighter.ts +75 -75
  44. package/src/lib/code/CodeMetrics.ts +47 -47
  45. package/src/lib/code/CodeRange.test.ts +74 -74
  46. package/src/lib/code/CodeRange.ts +216 -216
  47. package/src/lib/code/CodeScope.ts +101 -101
  48. package/src/lib/code/CodeSelection.ts +24 -24
  49. package/src/lib/code/CodeSignal.ts +327 -327
  50. package/src/lib/code/CodeTokenizer.ts +54 -54
  51. package/src/lib/code/DefaultHighlightStyle.ts +98 -98
  52. package/src/lib/code/LezerHighlighter.ts +113 -113
  53. package/src/lib/code/diff.test.ts +311 -311
  54. package/src/lib/code/diff.ts +319 -319
  55. package/src/lib/code/extractRange.ts +126 -126
  56. package/src/lib/code/index.ts +13 -13
  57. package/src/lib/components/Audio.ts +168 -168
  58. package/src/lib/components/Bezier.ts +105 -105
  59. package/src/lib/components/Circle.ts +266 -266
  60. package/src/lib/components/Code.ts +526 -526
  61. package/src/lib/components/CodeBlock.ts +576 -576
  62. package/src/lib/components/CubicBezier.ts +112 -112
  63. package/src/lib/components/Curve.ts +455 -455
  64. package/src/lib/components/Grid.ts +135 -135
  65. package/src/lib/components/Icon.ts +96 -96
  66. package/src/lib/components/Img.ts +319 -319
  67. package/src/lib/components/Knot.ts +157 -157
  68. package/src/lib/components/Latex.ts +122 -122
  69. package/src/lib/components/Layout.ts +1092 -1092
  70. package/src/lib/components/Line.ts +429 -429
  71. package/src/lib/components/Media.ts +576 -576
  72. package/src/lib/components/Node.ts +1940 -1940
  73. package/src/lib/components/Path.ts +137 -137
  74. package/src/lib/components/Polygon.ts +171 -171
  75. package/src/lib/components/QuadBezier.ts +100 -100
  76. package/src/lib/components/Ray.ts +125 -125
  77. package/src/lib/components/Rect.ts +187 -187
  78. package/src/lib/components/Rive.ts +156 -156
  79. package/src/lib/components/SVG.ts +797 -797
  80. package/src/lib/components/Shape.ts +143 -143
  81. package/src/lib/components/Spline.ts +344 -344
  82. package/src/lib/components/Txt.test.tsx +81 -81
  83. package/src/lib/components/Txt.ts +203 -203
  84. package/src/lib/components/TxtLeaf.ts +205 -205
  85. package/src/lib/components/Video.ts +461 -461
  86. package/src/lib/components/View2D.ts +98 -98
  87. package/src/lib/components/__tests__/children.test.tsx +142 -142
  88. package/src/lib/components/__tests__/clone.test.tsx +126 -126
  89. package/src/lib/components/__tests__/generatorTest.ts +28 -28
  90. package/src/lib/components/__tests__/mockScene2D.ts +45 -45
  91. package/src/lib/components/__tests__/query.test.tsx +122 -122
  92. package/src/lib/components/__tests__/state.test.tsx +60 -60
  93. package/src/lib/components/index.ts +28 -28
  94. package/src/lib/components/types.ts +35 -35
  95. package/src/lib/curves/ArcSegment.ts +159 -159
  96. package/src/lib/curves/CircleSegment.ts +77 -77
  97. package/src/lib/curves/CubicBezierSegment.ts +78 -78
  98. package/src/lib/curves/CurveDrawingInfo.ts +11 -11
  99. package/src/lib/curves/CurvePoint.ts +15 -15
  100. package/src/lib/curves/CurveProfile.ts +7 -7
  101. package/src/lib/curves/KnotInfo.ts +10 -10
  102. package/src/lib/curves/LineSegment.ts +62 -62
  103. package/src/lib/curves/Polynomial.ts +355 -355
  104. package/src/lib/curves/Polynomial2D.ts +62 -62
  105. package/src/lib/curves/PolynomialSegment.ts +124 -124
  106. package/src/lib/curves/QuadBezierSegment.ts +64 -64
  107. package/src/lib/curves/Segment.ts +17 -17
  108. package/src/lib/curves/UniformPolynomialCurveSampler.ts +94 -94
  109. package/src/lib/curves/createCurveProfileLerp.ts +471 -471
  110. package/src/lib/curves/getBezierSplineProfile.ts +223 -223
  111. package/src/lib/curves/getCircleProfile.ts +86 -86
  112. package/src/lib/curves/getPathProfile.ts +178 -178
  113. package/src/lib/curves/getPointAtDistance.ts +21 -21
  114. package/src/lib/curves/getPolylineProfile.test.ts +21 -21
  115. package/src/lib/curves/getPolylineProfile.ts +89 -89
  116. package/src/lib/curves/getRectProfile.ts +139 -139
  117. package/src/lib/curves/index.ts +16 -16
  118. package/src/lib/decorators/canvasStyleSignal.ts +16 -16
  119. package/src/lib/decorators/colorSignal.ts +9 -9
  120. package/src/lib/decorators/compound.ts +72 -72
  121. package/src/lib/decorators/computed.ts +18 -18
  122. package/src/lib/decorators/defaultStyle.ts +18 -18
  123. package/src/lib/decorators/filtersSignal.ts +136 -136
  124. package/src/lib/decorators/index.ts +10 -10
  125. package/src/lib/decorators/initializers.ts +32 -32
  126. package/src/lib/decorators/nodeName.ts +13 -13
  127. package/src/lib/decorators/signal.test.ts +90 -90
  128. package/src/lib/decorators/signal.ts +345 -345
  129. package/src/lib/decorators/spacingSignal.ts +15 -15
  130. package/src/lib/decorators/vector2Signal.ts +30 -30
  131. package/src/lib/globals.d.ts +2 -2
  132. package/src/lib/index.ts +8 -8
  133. package/src/lib/jsx-dev-runtime.ts +2 -2
  134. package/src/lib/jsx-runtime.ts +46 -46
  135. package/src/lib/parse-svg-path.d.ts +14 -14
  136. package/src/lib/partials/Filter.ts +180 -180
  137. package/src/lib/partials/Gradient.ts +102 -102
  138. package/src/lib/partials/Pattern.ts +34 -34
  139. package/src/lib/partials/ShaderConfig.ts +117 -117
  140. package/src/lib/partials/index.ts +4 -4
  141. package/src/lib/partials/types.ts +58 -58
  142. package/src/lib/scenes/Scene2D.ts +242 -242
  143. package/src/lib/scenes/index.ts +3 -3
  144. package/src/lib/scenes/makeScene2D.ts +16 -16
  145. package/src/lib/scenes/useScene2D.ts +6 -6
  146. package/src/lib/tsconfig.build.json +5 -5
  147. package/src/lib/tsconfig.json +10 -10
  148. package/src/lib/tsdoc.json +4 -4
  149. package/src/lib/utils/CanvasUtils.ts +306 -306
  150. package/src/lib/utils/diff.test.ts +453 -453
  151. package/src/lib/utils/diff.ts +148 -148
  152. package/src/lib/utils/index.ts +2 -2
  153. package/src/lib/utils/is.ts +11 -11
  154. package/src/lib/utils/makeSignalExtensions.ts +30 -30
  155. package/src/lib/utils/video/declarations.d.ts +1 -1
  156. package/src/lib/utils/video/ffmpeg-client.ts +50 -50
  157. package/src/lib/utils/video/mp4-parser-manager.ts +72 -72
  158. package/src/lib/utils/video/parser/index.ts +1 -1
  159. package/src/lib/utils/video/parser/parser.ts +257 -257
  160. package/src/lib/utils/video/parser/sampler.ts +72 -72
  161. package/src/lib/utils/video/parser/segment.ts +302 -302
  162. package/src/lib/utils/video/parser/sink.ts +29 -29
  163. package/src/lib/utils/video/parser/utils.ts +31 -31
  164. package/src/tsconfig.base.json +19 -19
  165. package/src/tsconfig.build.json +8 -8
  166. package/src/tsconfig.json +5 -5
  167. package/tsconfig.project.json +7 -7
@@ -1,136 +1,136 @@
1
- import type {
2
- Signal,
3
- SignalValue,
4
- SimpleSignal,
5
- ThreadGenerator,
6
- TimingFunction,
7
- } from '@twick/core';
8
- import {
9
- SignalContext,
10
- all,
11
- deepLerp,
12
- easeInOutCubic,
13
- unwrap,
14
- } from '@twick/core';
15
- import type {FilterName} from '../partials';
16
- import {FILTERS, Filter} from '../partials';
17
- import {addInitializer} from './initializers';
18
- import {getPropertyMetaOrCreate} from './signal';
19
-
20
- export type FiltersSignal<TOwner> = Signal<
21
- Filter[],
22
- Filter[],
23
- TOwner,
24
- FiltersSignalContext<TOwner>
25
- > & {
26
- [K in FilterName]: SimpleSignal<number, TOwner>;
27
- };
28
-
29
- export class FiltersSignalContext<TOwner> extends SignalContext<
30
- Filter[],
31
- Filter[],
32
- TOwner
33
- > {
34
- public constructor(initial: Filter[], owner: TOwner) {
35
- super(initial, deepLerp, owner);
36
-
37
- for (const filter in FILTERS) {
38
- const props = FILTERS[filter];
39
- Object.defineProperty(this.invokable, filter, {
40
- value: (
41
- newValue?: SignalValue<number>,
42
- duration?: number,
43
- timingFunction: TimingFunction = easeInOutCubic,
44
- ) => {
45
- if (newValue === undefined) {
46
- return (
47
- this.get()
48
- ?.find(filter => filter.name === props.name)
49
- ?.value() ??
50
- props.default ??
51
- 0
52
- );
53
- }
54
-
55
- let instance = this.get()?.find(filter => filter.name === props.name);
56
- if (!instance) {
57
- instance = new Filter(props);
58
- this.set([...this.get(), instance]);
59
- }
60
-
61
- if (duration === undefined) {
62
- instance.value(newValue);
63
- return this.owner;
64
- }
65
-
66
- return instance.value(newValue, duration, timingFunction);
67
- },
68
- });
69
- }
70
- }
71
-
72
- public override *tweener(
73
- value: SignalValue<Filter[]>,
74
- duration: number,
75
- timingFunction: TimingFunction,
76
- ): ThreadGenerator {
77
- const from = this.get();
78
- const to = unwrap(value);
79
-
80
- if (areFiltersCompatible(from, to)) {
81
- yield* all(
82
- ...from.map((filter, i) =>
83
- filter.value(to[i].value(), duration, timingFunction),
84
- ),
85
- );
86
- this.set(to);
87
- return;
88
- }
89
-
90
- for (const filter of to) {
91
- filter.value(filter.default);
92
- }
93
-
94
- const toValues = to.map(filter => filter.value.context.raw());
95
- const partialDuration =
96
- from.length > 0 && to.length > 0 ? duration / 2 : duration;
97
- if (from.length > 0) {
98
- yield* all(
99
- ...from.map(filter =>
100
- filter.value(filter.default, partialDuration, timingFunction),
101
- ),
102
- );
103
- }
104
- this.set(to);
105
- if (to.length > 0) {
106
- yield* all(
107
- ...to.map((filter, index) =>
108
- filter.value(toValues[index]!, partialDuration, timingFunction),
109
- ),
110
- );
111
- }
112
- }
113
- }
114
-
115
- export function filtersSignal(): PropertyDecorator {
116
- return (target: any, key) => {
117
- const meta = getPropertyMetaOrCreate<Filter[]>(target, key);
118
- addInitializer(target, (instance: any) => {
119
- instance[key] = new FiltersSignalContext(
120
- meta.default ?? [],
121
- instance,
122
- ).toSignal();
123
- });
124
- };
125
- }
126
-
127
- function areFiltersCompatible(a: Filter[], b: Filter[]) {
128
- if (a.length !== b.length) return false;
129
- for (let i = 0; i < a.length; i++) {
130
- if (a[i].name !== b[i].name) {
131
- return false;
132
- }
133
- }
134
-
135
- return true;
136
- }
1
+ import type {
2
+ Signal,
3
+ SignalValue,
4
+ SimpleSignal,
5
+ ThreadGenerator,
6
+ TimingFunction,
7
+ } from '@twick/core';
8
+ import {
9
+ SignalContext,
10
+ all,
11
+ deepLerp,
12
+ easeInOutCubic,
13
+ unwrap,
14
+ } from '@twick/core';
15
+ import type {FilterName} from '../partials';
16
+ import {FILTERS, Filter} from '../partials';
17
+ import {addInitializer} from './initializers';
18
+ import {getPropertyMetaOrCreate} from './signal';
19
+
20
+ export type FiltersSignal<TOwner> = Signal<
21
+ Filter[],
22
+ Filter[],
23
+ TOwner,
24
+ FiltersSignalContext<TOwner>
25
+ > & {
26
+ [K in FilterName]: SimpleSignal<number, TOwner>;
27
+ };
28
+
29
+ export class FiltersSignalContext<TOwner> extends SignalContext<
30
+ Filter[],
31
+ Filter[],
32
+ TOwner
33
+ > {
34
+ public constructor(initial: Filter[], owner: TOwner) {
35
+ super(initial, deepLerp, owner);
36
+
37
+ for (const filter in FILTERS) {
38
+ const props = FILTERS[filter];
39
+ Object.defineProperty(this.invokable, filter, {
40
+ value: (
41
+ newValue?: SignalValue<number>,
42
+ duration?: number,
43
+ timingFunction: TimingFunction = easeInOutCubic,
44
+ ) => {
45
+ if (newValue === undefined) {
46
+ return (
47
+ this.get()
48
+ ?.find(filter => filter.name === props.name)
49
+ ?.value() ??
50
+ props.default ??
51
+ 0
52
+ );
53
+ }
54
+
55
+ let instance = this.get()?.find(filter => filter.name === props.name);
56
+ if (!instance) {
57
+ instance = new Filter(props);
58
+ this.set([...this.get(), instance]);
59
+ }
60
+
61
+ if (duration === undefined) {
62
+ instance.value(newValue);
63
+ return this.owner;
64
+ }
65
+
66
+ return instance.value(newValue, duration, timingFunction);
67
+ },
68
+ });
69
+ }
70
+ }
71
+
72
+ public override *tweener(
73
+ value: SignalValue<Filter[]>,
74
+ duration: number,
75
+ timingFunction: TimingFunction,
76
+ ): ThreadGenerator {
77
+ const from = this.get();
78
+ const to = unwrap(value);
79
+
80
+ if (areFiltersCompatible(from, to)) {
81
+ yield* all(
82
+ ...from.map((filter, i) =>
83
+ filter.value(to[i].value(), duration, timingFunction),
84
+ ),
85
+ );
86
+ this.set(to);
87
+ return;
88
+ }
89
+
90
+ for (const filter of to) {
91
+ filter.value(filter.default);
92
+ }
93
+
94
+ const toValues = to.map(filter => filter.value.context.raw());
95
+ const partialDuration =
96
+ from.length > 0 && to.length > 0 ? duration / 2 : duration;
97
+ if (from.length > 0) {
98
+ yield* all(
99
+ ...from.map(filter =>
100
+ filter.value(filter.default, partialDuration, timingFunction),
101
+ ),
102
+ );
103
+ }
104
+ this.set(to);
105
+ if (to.length > 0) {
106
+ yield* all(
107
+ ...to.map((filter, index) =>
108
+ filter.value(toValues[index]!, partialDuration, timingFunction),
109
+ ),
110
+ );
111
+ }
112
+ }
113
+ }
114
+
115
+ export function filtersSignal(): PropertyDecorator {
116
+ return (target: any, key) => {
117
+ const meta = getPropertyMetaOrCreate<Filter[]>(target, key);
118
+ addInitializer(target, (instance: any) => {
119
+ instance[key] = new FiltersSignalContext(
120
+ meta.default ?? [],
121
+ instance,
122
+ ).toSignal();
123
+ });
124
+ };
125
+ }
126
+
127
+ function areFiltersCompatible(a: Filter[], b: Filter[]) {
128
+ if (a.length !== b.length) return false;
129
+ for (let i = 0; i < a.length; i++) {
130
+ if (a[i].name !== b[i].name) {
131
+ return false;
132
+ }
133
+ }
134
+
135
+ return true;
136
+ }
@@ -1,10 +1,10 @@
1
- export * from './canvasStyleSignal';
2
- export * from './colorSignal';
3
- export * from './compound';
4
- export * from './computed';
5
- export * from './defaultStyle';
6
- export * from './filtersSignal';
7
- export * from './initializers';
8
- export * from './nodeName';
9
- export * from './signal';
10
- export * from './vector2Signal';
1
+ export * from './canvasStyleSignal';
2
+ export * from './colorSignal';
3
+ export * from './compound';
4
+ export * from './computed';
5
+ export * from './defaultStyle';
6
+ export * from './filtersSignal';
7
+ export * from './initializers';
8
+ export * from './nodeName';
9
+ export * from './signal';
10
+ export * from './vector2Signal';
@@ -1,32 +1,32 @@
1
- const INITIALIZERS = Symbol.for('@twick/2d/decorators/initializers');
2
-
3
- export type Initializer<T> = (instance: T, context?: any) => void;
4
-
5
- export function addInitializer<T>(target: any, initializer: Initializer<T>) {
6
- if (!target[INITIALIZERS]) {
7
- target[INITIALIZERS] = [];
8
- } else if (
9
- // if one of the prototypes has initializers
10
- target[INITIALIZERS] &&
11
- // and it's not the target object itself
12
- !Object.prototype.hasOwnProperty.call(target, INITIALIZERS)
13
- ) {
14
- const base = Object.getPrototypeOf(target);
15
- target[INITIALIZERS] = [...base[INITIALIZERS]];
16
- }
17
-
18
- target[INITIALIZERS].push(initializer);
19
- }
20
-
21
- export function initialize(target: any, context?: any) {
22
- if (target[INITIALIZERS]) {
23
- try {
24
- target[INITIALIZERS].forEach((initializer: Initializer<any>) =>
25
- initializer(target, context),
26
- );
27
- } catch (e: any) {
28
- e.inspect ??= target.key;
29
- throw e;
30
- }
31
- }
32
- }
1
+ const INITIALIZERS = Symbol.for('@twick/2d/decorators/initializers');
2
+
3
+ export type Initializer<T> = (instance: T, context?: any) => void;
4
+
5
+ export function addInitializer<T>(target: any, initializer: Initializer<T>) {
6
+ if (!target[INITIALIZERS]) {
7
+ target[INITIALIZERS] = [];
8
+ } else if (
9
+ // if one of the prototypes has initializers
10
+ target[INITIALIZERS] &&
11
+ // and it's not the target object itself
12
+ !Object.prototype.hasOwnProperty.call(target, INITIALIZERS)
13
+ ) {
14
+ const base = Object.getPrototypeOf(target);
15
+ target[INITIALIZERS] = [...base[INITIALIZERS]];
16
+ }
17
+
18
+ target[INITIALIZERS].push(initializer);
19
+ }
20
+
21
+ export function initialize(target: any, context?: any) {
22
+ if (target[INITIALIZERS]) {
23
+ try {
24
+ target[INITIALIZERS].forEach((initializer: Initializer<any>) =>
25
+ initializer(target, context),
26
+ );
27
+ } catch (e: any) {
28
+ e.inspect ??= target.key;
29
+ throw e;
30
+ }
31
+ }
32
+ }
@@ -1,13 +1,13 @@
1
- /**
2
- * @internal
3
- */
4
- export const NODE_NAME = Symbol.for('@twick/2d/nodeName');
5
-
6
- /**
7
- * @internal
8
- */
9
- export function nodeName(name: string) {
10
- return function (target: any) {
11
- target.prototype[NODE_NAME] = name;
12
- };
13
- }
1
+ /**
2
+ * @internal
3
+ */
4
+ export const NODE_NAME = Symbol.for('@twick/2d/nodeName');
5
+
6
+ /**
7
+ * @internal
8
+ */
9
+ export function nodeName(name: string) {
10
+ return function (target: any) {
11
+ target.prototype[NODE_NAME] = name;
12
+ };
13
+ }
@@ -1,90 +1,90 @@
1
- import type {SimpleSignal} from '@twick/core';
2
- import {DEFAULT} from '@twick/core';
3
- import {beforeEach, describe, expect, test, vi} from 'vitest';
4
- import {initial, initializeSignals, parser, signal} from './signal';
5
-
6
- interface OwnerProps {
7
- integer?: number;
8
- custom?: number;
9
- }
10
-
11
- class Owner {
12
- @initial(2.2)
13
- @parser((value: number) => Math.round(value))
14
- @signal()
15
- public declare readonly integer: SimpleSignal<number>;
16
-
17
- @initial(0)
18
- @signal()
19
- public declare readonly custom: SimpleSignal<number>;
20
- public getCustom() {
21
- return 4;
22
- }
23
- public setCustom() {
24
- // do nothing
25
- }
26
-
27
- public constructor(props: OwnerProps = {}) {
28
- initializeSignals(this, props);
29
- }
30
- }
31
-
32
- const GetterMock = vi.spyOn(Owner.prototype, 'getCustom');
33
- const SetterMock = vi.spyOn(Owner.prototype, 'setCustom');
34
-
35
- describe('signal', () => {
36
- beforeEach(() => {
37
- GetterMock.mockClear();
38
- SetterMock.mockClear();
39
- });
40
-
41
- test('Has initial value', () => {
42
- const instance = new Owner();
43
-
44
- expect(instance.integer()).toBe(2);
45
- expect(instance.integer.isInitial()).toBe(true);
46
- });
47
-
48
- test('Overrides the value', () => {
49
- const instance = new Owner({integer: 4});
50
-
51
- expect(instance.integer()).toBe(4);
52
- expect(instance.integer.isInitial()).toBe(false);
53
- });
54
-
55
- test('Resets the value to default', () => {
56
- const instance = new Owner({integer: 4});
57
- instance.integer(DEFAULT);
58
-
59
- expect(instance.integer()).toBe(2);
60
- expect(instance.integer.isInitial()).toBe(true);
61
- });
62
-
63
- test('Parses the value', () => {
64
- const instance = new Owner();
65
- instance.integer(2.7);
66
-
67
- expect(instance.integer()).toBe(3);
68
- });
69
-
70
- test('Uses the custom getter', () => {
71
- const instance = new Owner();
72
- const value = instance.custom();
73
-
74
- expect(value).toBe(4);
75
- expect(GetterMock).toBeCalledTimes(1);
76
- });
77
-
78
- test('Calls the setter with the initial value', () => {
79
- new Owner();
80
-
81
- expect(SetterMock).toBeCalledWith(0);
82
- });
83
-
84
- test('Uses the setter', () => {
85
- const instance = new Owner({custom: 1});
86
- instance.custom(2);
87
-
88
- expect(SetterMock).toBeCalledTimes(3);
89
- });
90
- });
1
+ import type {SimpleSignal} from '@twick/core';
2
+ import {DEFAULT} from '@twick/core';
3
+ import {beforeEach, describe, expect, test, vi} from 'vitest';
4
+ import {initial, initializeSignals, parser, signal} from './signal';
5
+
6
+ interface OwnerProps {
7
+ integer?: number;
8
+ custom?: number;
9
+ }
10
+
11
+ class Owner {
12
+ @initial(2.2)
13
+ @parser((value: number) => Math.round(value))
14
+ @signal()
15
+ public declare readonly integer: SimpleSignal<number>;
16
+
17
+ @initial(0)
18
+ @signal()
19
+ public declare readonly custom: SimpleSignal<number>;
20
+ public getCustom() {
21
+ return 4;
22
+ }
23
+ public setCustom() {
24
+ // do nothing
25
+ }
26
+
27
+ public constructor(props: OwnerProps = {}) {
28
+ initializeSignals(this, props);
29
+ }
30
+ }
31
+
32
+ const GetterMock = vi.spyOn(Owner.prototype, 'getCustom');
33
+ const SetterMock = vi.spyOn(Owner.prototype, 'setCustom');
34
+
35
+ describe('signal', () => {
36
+ beforeEach(() => {
37
+ GetterMock.mockClear();
38
+ SetterMock.mockClear();
39
+ });
40
+
41
+ test('Has initial value', () => {
42
+ const instance = new Owner();
43
+
44
+ expect(instance.integer()).toBe(2);
45
+ expect(instance.integer.isInitial()).toBe(true);
46
+ });
47
+
48
+ test('Overrides the value', () => {
49
+ const instance = new Owner({integer: 4});
50
+
51
+ expect(instance.integer()).toBe(4);
52
+ expect(instance.integer.isInitial()).toBe(false);
53
+ });
54
+
55
+ test('Resets the value to default', () => {
56
+ const instance = new Owner({integer: 4});
57
+ instance.integer(DEFAULT);
58
+
59
+ expect(instance.integer()).toBe(2);
60
+ expect(instance.integer.isInitial()).toBe(true);
61
+ });
62
+
63
+ test('Parses the value', () => {
64
+ const instance = new Owner();
65
+ instance.integer(2.7);
66
+
67
+ expect(instance.integer()).toBe(3);
68
+ });
69
+
70
+ test('Uses the custom getter', () => {
71
+ const instance = new Owner();
72
+ const value = instance.custom();
73
+
74
+ expect(value).toBe(4);
75
+ expect(GetterMock).toBeCalledTimes(1);
76
+ });
77
+
78
+ test('Calls the setter with the initial value', () => {
79
+ new Owner();
80
+
81
+ expect(SetterMock).toBeCalledWith(0);
82
+ });
83
+
84
+ test('Uses the setter', () => {
85
+ const instance = new Owner({custom: 1});
86
+ instance.custom(2);
87
+
88
+ expect(SetterMock).toBeCalledTimes(3);
89
+ });
90
+ });