@twick/2d 0.14.0 → 1.14.3

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 (186) hide show
  1. package/LICENSE +21 -21
  2. package/editor/editor/tsconfig.build.tsbuildinfo +1 -1
  3. package/lib/components/Audio.d.ts.map +1 -1
  4. package/lib/components/Audio.js +33 -3
  5. package/lib/components/CodeBlock.d.ts +1 -1
  6. package/lib/components/Img.js +23 -23
  7. package/lib/components/Line.js +31 -31
  8. package/lib/components/Media.d.ts +6 -0
  9. package/lib/components/Media.d.ts.map +1 -1
  10. package/lib/components/Media.js +277 -61
  11. package/lib/components/Node.d.ts +1 -1
  12. package/lib/components/Path.d.ts +1 -1
  13. package/lib/components/SVG.d.ts +1 -1
  14. package/lib/components/Shape.d.ts +1 -1
  15. package/lib/components/Spline.js +25 -25
  16. package/lib/components/Video.d.ts +0 -1
  17. package/lib/components/Video.d.ts.map +1 -1
  18. package/lib/components/Video.js +70 -65
  19. package/lib/tsconfig.build.tsbuildinfo +1 -1
  20. package/package.json +4 -5
  21. package/src/editor/NodeInspectorConfig.tsx +76 -76
  22. package/src/editor/PreviewOverlayConfig.tsx +67 -67
  23. package/src/editor/Provider.tsx +93 -93
  24. package/src/editor/SceneGraphTabConfig.tsx +81 -81
  25. package/src/editor/icons/CircleIcon.tsx +7 -7
  26. package/src/editor/icons/CodeBlockIcon.tsx +8 -8
  27. package/src/editor/icons/CurveIcon.tsx +7 -7
  28. package/src/editor/icons/GridIcon.tsx +7 -7
  29. package/src/editor/icons/IconMap.ts +35 -35
  30. package/src/editor/icons/ImgIcon.tsx +8 -8
  31. package/src/editor/icons/LayoutIcon.tsx +9 -9
  32. package/src/editor/icons/LineIcon.tsx +7 -7
  33. package/src/editor/icons/NodeIcon.tsx +7 -7
  34. package/src/editor/icons/RayIcon.tsx +7 -7
  35. package/src/editor/icons/RectIcon.tsx +7 -7
  36. package/src/editor/icons/ShapeIcon.tsx +7 -7
  37. package/src/editor/icons/TxtIcon.tsx +8 -8
  38. package/src/editor/icons/VideoIcon.tsx +7 -7
  39. package/src/editor/icons/View2DIcon.tsx +10 -10
  40. package/src/editor/index.ts +17 -17
  41. package/src/editor/tree/DetachedRoot.tsx +23 -23
  42. package/src/editor/tree/NodeElement.tsx +74 -74
  43. package/src/editor/tree/TreeElement.tsx +72 -72
  44. package/src/editor/tree/TreeRoot.tsx +10 -10
  45. package/src/editor/tree/ViewRoot.tsx +20 -20
  46. package/src/editor/tree/index.module.scss +38 -38
  47. package/src/editor/tree/index.ts +3 -3
  48. package/src/editor/tsconfig.build.json +5 -5
  49. package/src/editor/tsconfig.json +12 -12
  50. package/src/editor/tsdoc.json +4 -4
  51. package/src/editor/vite-env.d.ts +1 -1
  52. package/src/lib/code/CodeCursor.ts +445 -445
  53. package/src/lib/code/CodeDiffer.ts +78 -78
  54. package/src/lib/code/CodeFragment.ts +97 -97
  55. package/src/lib/code/CodeHighlighter.ts +75 -75
  56. package/src/lib/code/CodeMetrics.ts +47 -47
  57. package/src/lib/code/CodeRange.test.ts +74 -74
  58. package/src/lib/code/CodeRange.ts +216 -216
  59. package/src/lib/code/CodeScope.ts +101 -101
  60. package/src/lib/code/CodeSelection.ts +24 -24
  61. package/src/lib/code/CodeSignal.ts +327 -327
  62. package/src/lib/code/CodeTokenizer.ts +54 -54
  63. package/src/lib/code/DefaultHighlightStyle.ts +98 -98
  64. package/src/lib/code/LezerHighlighter.ts +113 -113
  65. package/src/lib/code/diff.test.ts +311 -311
  66. package/src/lib/code/diff.ts +319 -319
  67. package/src/lib/code/extractRange.ts +126 -126
  68. package/src/lib/code/index.ts +13 -13
  69. package/src/lib/components/Audio.ts +168 -131
  70. package/src/lib/components/Bezier.ts +105 -105
  71. package/src/lib/components/Circle.ts +266 -266
  72. package/src/lib/components/Code.ts +526 -526
  73. package/src/lib/components/CodeBlock.ts +576 -576
  74. package/src/lib/components/CubicBezier.ts +112 -112
  75. package/src/lib/components/Curve.ts +455 -455
  76. package/src/lib/components/Grid.ts +135 -135
  77. package/src/lib/components/Icon.ts +96 -96
  78. package/src/lib/components/Img.ts +319 -319
  79. package/src/lib/components/Knot.ts +157 -157
  80. package/src/lib/components/Latex.ts +122 -122
  81. package/src/lib/components/Layout.ts +1092 -1092
  82. package/src/lib/components/Line.ts +429 -429
  83. package/src/lib/components/Media.ts +576 -346
  84. package/src/lib/components/Node.ts +1940 -1940
  85. package/src/lib/components/Path.ts +137 -137
  86. package/src/lib/components/Polygon.ts +171 -171
  87. package/src/lib/components/QuadBezier.ts +100 -100
  88. package/src/lib/components/Ray.ts +125 -125
  89. package/src/lib/components/Rect.ts +187 -187
  90. package/src/lib/components/Rive.ts +156 -156
  91. package/src/lib/components/SVG.ts +797 -797
  92. package/src/lib/components/Shape.ts +143 -143
  93. package/src/lib/components/Spline.ts +344 -344
  94. package/src/lib/components/Txt.test.tsx +81 -81
  95. package/src/lib/components/Txt.ts +203 -203
  96. package/src/lib/components/TxtLeaf.ts +205 -205
  97. package/src/lib/components/Video.ts +461 -462
  98. package/src/lib/components/View2D.ts +98 -98
  99. package/src/lib/components/__tests__/children.test.tsx +142 -142
  100. package/src/lib/components/__tests__/clone.test.tsx +126 -126
  101. package/src/lib/components/__tests__/generatorTest.ts +28 -28
  102. package/src/lib/components/__tests__/mockScene2D.ts +45 -45
  103. package/src/lib/components/__tests__/query.test.tsx +122 -122
  104. package/src/lib/components/__tests__/state.test.tsx +60 -60
  105. package/src/lib/components/index.ts +28 -28
  106. package/src/lib/components/types.ts +35 -35
  107. package/src/lib/curves/ArcSegment.ts +159 -159
  108. package/src/lib/curves/CircleSegment.ts +77 -77
  109. package/src/lib/curves/CubicBezierSegment.ts +78 -78
  110. package/src/lib/curves/CurveDrawingInfo.ts +11 -11
  111. package/src/lib/curves/CurvePoint.ts +15 -15
  112. package/src/lib/curves/CurveProfile.ts +7 -7
  113. package/src/lib/curves/KnotInfo.ts +10 -10
  114. package/src/lib/curves/LineSegment.ts +62 -62
  115. package/src/lib/curves/Polynomial.ts +355 -355
  116. package/src/lib/curves/Polynomial2D.ts +62 -62
  117. package/src/lib/curves/PolynomialSegment.ts +124 -124
  118. package/src/lib/curves/QuadBezierSegment.ts +64 -64
  119. package/src/lib/curves/Segment.ts +17 -17
  120. package/src/lib/curves/UniformPolynomialCurveSampler.ts +94 -94
  121. package/src/lib/curves/createCurveProfileLerp.ts +471 -471
  122. package/src/lib/curves/getBezierSplineProfile.ts +223 -223
  123. package/src/lib/curves/getCircleProfile.ts +86 -86
  124. package/src/lib/curves/getPathProfile.ts +178 -178
  125. package/src/lib/curves/getPointAtDistance.ts +21 -21
  126. package/src/lib/curves/getPolylineProfile.test.ts +21 -21
  127. package/src/lib/curves/getPolylineProfile.ts +89 -89
  128. package/src/lib/curves/getRectProfile.ts +139 -139
  129. package/src/lib/curves/index.ts +16 -16
  130. package/src/lib/decorators/canvasStyleSignal.ts +16 -16
  131. package/src/lib/decorators/colorSignal.ts +9 -9
  132. package/src/lib/decorators/compound.ts +72 -72
  133. package/src/lib/decorators/computed.ts +18 -18
  134. package/src/lib/decorators/defaultStyle.ts +18 -18
  135. package/src/lib/decorators/filtersSignal.ts +136 -136
  136. package/src/lib/decorators/index.ts +10 -10
  137. package/src/lib/decorators/initializers.ts +32 -32
  138. package/src/lib/decorators/nodeName.ts +13 -13
  139. package/src/lib/decorators/signal.test.ts +90 -90
  140. package/src/lib/decorators/signal.ts +345 -345
  141. package/src/lib/decorators/spacingSignal.ts +15 -15
  142. package/src/lib/decorators/vector2Signal.ts +30 -30
  143. package/src/lib/globals.d.ts +2 -2
  144. package/src/lib/index.ts +8 -8
  145. package/src/lib/jsx-dev-runtime.ts +2 -2
  146. package/src/lib/jsx-runtime.ts +46 -46
  147. package/src/lib/parse-svg-path.d.ts +14 -14
  148. package/src/lib/partials/Filter.ts +180 -180
  149. package/src/lib/partials/Gradient.ts +102 -102
  150. package/src/lib/partials/Pattern.ts +34 -34
  151. package/src/lib/partials/ShaderConfig.ts +117 -117
  152. package/src/lib/partials/index.ts +4 -4
  153. package/src/lib/partials/types.ts +58 -58
  154. package/src/lib/scenes/Scene2D.ts +242 -242
  155. package/src/lib/scenes/index.ts +3 -3
  156. package/src/lib/scenes/makeScene2D.ts +16 -16
  157. package/src/lib/scenes/useScene2D.ts +6 -6
  158. package/src/lib/tsconfig.build.json +5 -5
  159. package/src/lib/tsconfig.json +10 -10
  160. package/src/lib/tsdoc.json +4 -4
  161. package/src/lib/utils/CanvasUtils.ts +306 -306
  162. package/src/lib/utils/diff.test.ts +453 -453
  163. package/src/lib/utils/diff.ts +148 -148
  164. package/src/lib/utils/index.ts +2 -2
  165. package/src/lib/utils/is.ts +11 -11
  166. package/src/lib/utils/makeSignalExtensions.ts +30 -30
  167. package/src/lib/utils/video/declarations.d.ts +1 -1
  168. package/src/lib/utils/video/ffmpeg-client.ts +50 -50
  169. package/src/lib/utils/video/mp4-parser-manager.ts +72 -72
  170. package/src/lib/utils/video/parser/index.ts +1 -1
  171. package/src/lib/utils/video/parser/parser.ts +257 -257
  172. package/src/lib/utils/video/parser/sampler.ts +72 -72
  173. package/src/lib/utils/video/parser/segment.ts +302 -302
  174. package/src/lib/utils/video/parser/sink.ts +29 -29
  175. package/src/lib/utils/video/parser/utils.ts +31 -31
  176. package/src/tsconfig.base.json +19 -19
  177. package/src/tsconfig.build.json +8 -8
  178. package/src/tsconfig.json +5 -5
  179. package/tsconfig.project.json +7 -7
  180. package/lib/components/utils/waitUntil.d.ts +0 -7
  181. package/lib/components/utils/waitUntil.d.ts.map +0 -1
  182. package/lib/components/utils/waitUntil.js +0 -15
  183. package/lib/utils/waitUntil.d.ts +0 -7
  184. package/lib/utils/waitUntil.d.ts.map +0 -1
  185. package/lib/utils/waitUntil.js +0 -15
  186. package/src/lib/utils/waitUntil.ts +0 -18
@@ -1,453 +1,453 @@
1
- import {describe, expect, it} from 'vitest';
2
- import {applyTransformDiff, getTransformDiff} from './diff';
3
-
4
- describe('diff', () => {
5
- it('Insert single item', () => {
6
- const from = [
7
- {
8
- id: '1',
9
- },
10
- {
11
- id: '2',
12
- },
13
- {
14
- id: '3',
15
- },
16
- ];
17
- const to = [
18
- {
19
- id: '1',
20
- },
21
- {
22
- id: '4',
23
- },
24
- {
25
- id: '2',
26
- },
27
- {
28
- id: '3',
29
- },
30
- ];
31
- const diff = getTransformDiff(from, to);
32
- applyTransformDiff(from, diff, ({id}) => ({id}));
33
- expect(from).toEqual(to);
34
- });
35
-
36
- it('Insert single item when contain have two item with equal', () => {
37
- const from = [
38
- {
39
- id: '1',
40
- },
41
- {
42
- id: '2',
43
- },
44
- {
45
- id: '1',
46
- },
47
- {
48
- id: '3',
49
- },
50
- {
51
- id: '1',
52
- },
53
- ];
54
- const to = [
55
- {
56
- id: '1',
57
- },
58
- {
59
- id: '2',
60
- },
61
- {
62
- id: '1',
63
- },
64
- {
65
- id: '4',
66
- },
67
- {
68
- id: '3',
69
- },
70
- {
71
- id: '1',
72
- },
73
- ];
74
- const diff = getTransformDiff(from, to);
75
- applyTransformDiff(from, diff, ({id}) => ({id}));
76
- expect(from).toEqual(to);
77
- });
78
- it('Insert multiple item', () => {
79
- const from = [
80
- {
81
- id: '1',
82
- },
83
- {
84
- id: '2',
85
- },
86
- {
87
- id: '1',
88
- },
89
- {
90
- id: '3',
91
- },
92
- {
93
- id: '1',
94
- },
95
- ];
96
- const to = [
97
- {
98
- id: '1',
99
- },
100
- {
101
- id: '7',
102
- },
103
- {
104
- id: '2',
105
- },
106
- {
107
- id: '1',
108
- },
109
- {
110
- id: '4',
111
- },
112
- {
113
- id: '3',
114
- },
115
- {
116
- id: '1',
117
- },
118
- {
119
- id: '9',
120
- },
121
- ];
122
- const diff = getTransformDiff(from, to);
123
- applyTransformDiff(from, diff, ({id}) => ({id}));
124
- expect(from).toEqual(to);
125
- });
126
- it('Insert single item with equal id', () => {
127
- const from = [
128
- {
129
- id: '1',
130
- },
131
- {
132
- id: '2',
133
- },
134
- {
135
- id: '3',
136
- },
137
- ];
138
- const to = [
139
- {
140
- id: '1',
141
- },
142
- {
143
- id: '2',
144
- },
145
- {
146
- id: '1',
147
- },
148
- {
149
- id: '3',
150
- },
151
- ];
152
- const diff = getTransformDiff(from, to);
153
- expect(diff.inserted).toEqual([]);
154
- applyTransformDiff(from, diff, ({id}) => ({id}));
155
- expect(from).toEqual(to);
156
- });
157
- it('Insert multiple item with equal id', () => {
158
- const from = [
159
- {
160
- id: '1',
161
- },
162
- {
163
- id: '2',
164
- },
165
- {
166
- id: '3',
167
- },
168
- ];
169
- const to = [
170
- {
171
- id: '1',
172
- },
173
- {
174
- id: '2',
175
- },
176
- {
177
- id: '1',
178
- },
179
- {
180
- id: '3',
181
- },
182
- {
183
- id: '1',
184
- },
185
- {
186
- id: '1',
187
- },
188
- ];
189
- const diff = getTransformDiff(from, to);
190
- expect(diff.inserted).toEqual([]);
191
- applyTransformDiff(from, diff, ({id}) => ({id}));
192
- expect(from).toEqual(to);
193
- });
194
- it('Delete single item', () => {
195
- const from = [
196
- {
197
- id: '1',
198
- },
199
- {
200
- id: '2',
201
- },
202
- {
203
- id: '3',
204
- },
205
- ];
206
- const to = [
207
- {
208
- id: '1',
209
- },
210
- {
211
- id: '3',
212
- },
213
- ];
214
- const diff = getTransformDiff(from, to);
215
- expect(diff.deleted.map(({current}) => current)).toEqual([
216
- {
217
- id: '2',
218
- },
219
- ]);
220
- });
221
- it('Delete multiple item', () => {
222
- const from = [
223
- {
224
- id: '1',
225
- },
226
- {
227
- id: '2',
228
- },
229
- {
230
- id: '3',
231
- },
232
- ];
233
- const to = [
234
- {
235
- id: '1',
236
- },
237
- ];
238
- const diff = getTransformDiff(from, to);
239
- expect(diff.deleted.map(({current}) => current)).toEqual([
240
- {
241
- id: '2',
242
- },
243
- {
244
- id: '3',
245
- },
246
- ]);
247
- });
248
- it('Delete single item with equal id', () => {
249
- const from = [
250
- {
251
- id: '1',
252
- },
253
- {
254
- id: '2',
255
- },
256
- {
257
- id: '3',
258
- },
259
- {
260
- id: '1',
261
- },
262
- ];
263
- const to = [
264
- {
265
- id: '1',
266
- },
267
- {
268
- id: '2',
269
- },
270
- {
271
- id: '3',
272
- },
273
- ];
274
- const diff = getTransformDiff(from, to);
275
- expect(diff.deleted).toEqual([]);
276
- expect(diff.transformed).toContainEqual({
277
- from: {
278
- before: {
279
- id: '3',
280
- },
281
- beforeIdIndex: 0,
282
- current: {
283
- id: '1',
284
- },
285
- currentIndex: 3,
286
- },
287
- insert: false,
288
- remove: true,
289
- to: {
290
- before: undefined,
291
- beforeIdIndex: -1,
292
- current: {
293
- id: '1',
294
- },
295
- currentIndex: 0,
296
- },
297
- });
298
- });
299
- it('Delete single item with equal id', () => {
300
- const from = [
301
- {
302
- id: '1',
303
- },
304
- {
305
- id: '2',
306
- },
307
- {
308
- id: '1',
309
- },
310
- {
311
- id: '3',
312
- },
313
- {
314
- id: '1',
315
- },
316
- ];
317
- const to = [
318
- {
319
- id: '1',
320
- },
321
- {
322
- id: '2',
323
- },
324
- {
325
- id: '3',
326
- },
327
- ];
328
- const diff = getTransformDiff(from, to);
329
- expect(diff.deleted).toEqual([]);
330
- expect(diff.transformed).toContainEqual({
331
- from: {
332
- before: {
333
- id: '2',
334
- },
335
- beforeIdIndex: 0,
336
- current: {
337
- id: '1',
338
- },
339
- currentIndex: 2,
340
- },
341
- insert: false,
342
- remove: true,
343
- to: {
344
- before: undefined,
345
- beforeIdIndex: -1,
346
- current: {
347
- id: '1',
348
- },
349
- currentIndex: 0,
350
- },
351
- });
352
- expect(diff.transformed).toContainEqual({
353
- from: {
354
- before: {
355
- id: '3',
356
- },
357
- beforeIdIndex: 0,
358
- current: {
359
- id: '1',
360
- },
361
- currentIndex: 4,
362
- },
363
- insert: false,
364
- remove: true,
365
- to: {
366
- before: undefined,
367
- beforeIdIndex: -1,
368
- current: {
369
- id: '1',
370
- },
371
- currentIndex: 0,
372
- },
373
- });
374
- });
375
-
376
- it('Insert single item with moving', () => {
377
- const from = [
378
- {
379
- id: '1',
380
- },
381
- {
382
- id: '2',
383
- },
384
- {
385
- id: '3',
386
- },
387
- ];
388
- const to = [
389
- {
390
- id: '1',
391
- },
392
- {
393
- id: '3',
394
- },
395
- {
396
- id: '5',
397
- },
398
- {
399
- id: '2',
400
- },
401
- ];
402
- const diff = getTransformDiff(from, to);
403
- applyTransformDiff(from, diff, ({id}) => ({id}));
404
- expect(from).toEqual([
405
- {
406
- id: '1',
407
- },
408
- {
409
- id: '2',
410
- },
411
- {
412
- id: '3',
413
- },
414
- {
415
- id: '5',
416
- },
417
- ]);
418
- });
419
-
420
- it('Insert item after transformed insert', () => {
421
- const from = [
422
- {
423
- id: '1',
424
- },
425
- {
426
- id: '2',
427
- },
428
- {
429
- id: '3',
430
- },
431
- ];
432
- const to = [
433
- {
434
- id: '1',
435
- },
436
- {
437
- id: '2',
438
- },
439
- {
440
- id: '1',
441
- },
442
- {
443
- id: '4',
444
- },
445
- {
446
- id: '3',
447
- },
448
- ];
449
- const diff = getTransformDiff(from, to);
450
- applyTransformDiff(from, diff, ({id}) => ({id}));
451
- expect(from).toEqual(to);
452
- });
453
- });
1
+ import {describe, expect, it} from 'vitest';
2
+ import {applyTransformDiff, getTransformDiff} from './diff';
3
+
4
+ describe('diff', () => {
5
+ it('Insert single item', () => {
6
+ const from = [
7
+ {
8
+ id: '1',
9
+ },
10
+ {
11
+ id: '2',
12
+ },
13
+ {
14
+ id: '3',
15
+ },
16
+ ];
17
+ const to = [
18
+ {
19
+ id: '1',
20
+ },
21
+ {
22
+ id: '4',
23
+ },
24
+ {
25
+ id: '2',
26
+ },
27
+ {
28
+ id: '3',
29
+ },
30
+ ];
31
+ const diff = getTransformDiff(from, to);
32
+ applyTransformDiff(from, diff, ({id}) => ({id}));
33
+ expect(from).toEqual(to);
34
+ });
35
+
36
+ it('Insert single item when contain have two item with equal', () => {
37
+ const from = [
38
+ {
39
+ id: '1',
40
+ },
41
+ {
42
+ id: '2',
43
+ },
44
+ {
45
+ id: '1',
46
+ },
47
+ {
48
+ id: '3',
49
+ },
50
+ {
51
+ id: '1',
52
+ },
53
+ ];
54
+ const to = [
55
+ {
56
+ id: '1',
57
+ },
58
+ {
59
+ id: '2',
60
+ },
61
+ {
62
+ id: '1',
63
+ },
64
+ {
65
+ id: '4',
66
+ },
67
+ {
68
+ id: '3',
69
+ },
70
+ {
71
+ id: '1',
72
+ },
73
+ ];
74
+ const diff = getTransformDiff(from, to);
75
+ applyTransformDiff(from, diff, ({id}) => ({id}));
76
+ expect(from).toEqual(to);
77
+ });
78
+ it('Insert multiple item', () => {
79
+ const from = [
80
+ {
81
+ id: '1',
82
+ },
83
+ {
84
+ id: '2',
85
+ },
86
+ {
87
+ id: '1',
88
+ },
89
+ {
90
+ id: '3',
91
+ },
92
+ {
93
+ id: '1',
94
+ },
95
+ ];
96
+ const to = [
97
+ {
98
+ id: '1',
99
+ },
100
+ {
101
+ id: '7',
102
+ },
103
+ {
104
+ id: '2',
105
+ },
106
+ {
107
+ id: '1',
108
+ },
109
+ {
110
+ id: '4',
111
+ },
112
+ {
113
+ id: '3',
114
+ },
115
+ {
116
+ id: '1',
117
+ },
118
+ {
119
+ id: '9',
120
+ },
121
+ ];
122
+ const diff = getTransformDiff(from, to);
123
+ applyTransformDiff(from, diff, ({id}) => ({id}));
124
+ expect(from).toEqual(to);
125
+ });
126
+ it('Insert single item with equal id', () => {
127
+ const from = [
128
+ {
129
+ id: '1',
130
+ },
131
+ {
132
+ id: '2',
133
+ },
134
+ {
135
+ id: '3',
136
+ },
137
+ ];
138
+ const to = [
139
+ {
140
+ id: '1',
141
+ },
142
+ {
143
+ id: '2',
144
+ },
145
+ {
146
+ id: '1',
147
+ },
148
+ {
149
+ id: '3',
150
+ },
151
+ ];
152
+ const diff = getTransformDiff(from, to);
153
+ expect(diff.inserted).toEqual([]);
154
+ applyTransformDiff(from, diff, ({id}) => ({id}));
155
+ expect(from).toEqual(to);
156
+ });
157
+ it('Insert multiple item with equal id', () => {
158
+ const from = [
159
+ {
160
+ id: '1',
161
+ },
162
+ {
163
+ id: '2',
164
+ },
165
+ {
166
+ id: '3',
167
+ },
168
+ ];
169
+ const to = [
170
+ {
171
+ id: '1',
172
+ },
173
+ {
174
+ id: '2',
175
+ },
176
+ {
177
+ id: '1',
178
+ },
179
+ {
180
+ id: '3',
181
+ },
182
+ {
183
+ id: '1',
184
+ },
185
+ {
186
+ id: '1',
187
+ },
188
+ ];
189
+ const diff = getTransformDiff(from, to);
190
+ expect(diff.inserted).toEqual([]);
191
+ applyTransformDiff(from, diff, ({id}) => ({id}));
192
+ expect(from).toEqual(to);
193
+ });
194
+ it('Delete single item', () => {
195
+ const from = [
196
+ {
197
+ id: '1',
198
+ },
199
+ {
200
+ id: '2',
201
+ },
202
+ {
203
+ id: '3',
204
+ },
205
+ ];
206
+ const to = [
207
+ {
208
+ id: '1',
209
+ },
210
+ {
211
+ id: '3',
212
+ },
213
+ ];
214
+ const diff = getTransformDiff(from, to);
215
+ expect(diff.deleted.map(({current}) => current)).toEqual([
216
+ {
217
+ id: '2',
218
+ },
219
+ ]);
220
+ });
221
+ it('Delete multiple item', () => {
222
+ const from = [
223
+ {
224
+ id: '1',
225
+ },
226
+ {
227
+ id: '2',
228
+ },
229
+ {
230
+ id: '3',
231
+ },
232
+ ];
233
+ const to = [
234
+ {
235
+ id: '1',
236
+ },
237
+ ];
238
+ const diff = getTransformDiff(from, to);
239
+ expect(diff.deleted.map(({current}) => current)).toEqual([
240
+ {
241
+ id: '2',
242
+ },
243
+ {
244
+ id: '3',
245
+ },
246
+ ]);
247
+ });
248
+ it('Delete single item with equal id', () => {
249
+ const from = [
250
+ {
251
+ id: '1',
252
+ },
253
+ {
254
+ id: '2',
255
+ },
256
+ {
257
+ id: '3',
258
+ },
259
+ {
260
+ id: '1',
261
+ },
262
+ ];
263
+ const to = [
264
+ {
265
+ id: '1',
266
+ },
267
+ {
268
+ id: '2',
269
+ },
270
+ {
271
+ id: '3',
272
+ },
273
+ ];
274
+ const diff = getTransformDiff(from, to);
275
+ expect(diff.deleted).toEqual([]);
276
+ expect(diff.transformed).toContainEqual({
277
+ from: {
278
+ before: {
279
+ id: '3',
280
+ },
281
+ beforeIdIndex: 0,
282
+ current: {
283
+ id: '1',
284
+ },
285
+ currentIndex: 3,
286
+ },
287
+ insert: false,
288
+ remove: true,
289
+ to: {
290
+ before: undefined,
291
+ beforeIdIndex: -1,
292
+ current: {
293
+ id: '1',
294
+ },
295
+ currentIndex: 0,
296
+ },
297
+ });
298
+ });
299
+ it('Delete single item with equal id', () => {
300
+ const from = [
301
+ {
302
+ id: '1',
303
+ },
304
+ {
305
+ id: '2',
306
+ },
307
+ {
308
+ id: '1',
309
+ },
310
+ {
311
+ id: '3',
312
+ },
313
+ {
314
+ id: '1',
315
+ },
316
+ ];
317
+ const to = [
318
+ {
319
+ id: '1',
320
+ },
321
+ {
322
+ id: '2',
323
+ },
324
+ {
325
+ id: '3',
326
+ },
327
+ ];
328
+ const diff = getTransformDiff(from, to);
329
+ expect(diff.deleted).toEqual([]);
330
+ expect(diff.transformed).toContainEqual({
331
+ from: {
332
+ before: {
333
+ id: '2',
334
+ },
335
+ beforeIdIndex: 0,
336
+ current: {
337
+ id: '1',
338
+ },
339
+ currentIndex: 2,
340
+ },
341
+ insert: false,
342
+ remove: true,
343
+ to: {
344
+ before: undefined,
345
+ beforeIdIndex: -1,
346
+ current: {
347
+ id: '1',
348
+ },
349
+ currentIndex: 0,
350
+ },
351
+ });
352
+ expect(diff.transformed).toContainEqual({
353
+ from: {
354
+ before: {
355
+ id: '3',
356
+ },
357
+ beforeIdIndex: 0,
358
+ current: {
359
+ id: '1',
360
+ },
361
+ currentIndex: 4,
362
+ },
363
+ insert: false,
364
+ remove: true,
365
+ to: {
366
+ before: undefined,
367
+ beforeIdIndex: -1,
368
+ current: {
369
+ id: '1',
370
+ },
371
+ currentIndex: 0,
372
+ },
373
+ });
374
+ });
375
+
376
+ it('Insert single item with moving', () => {
377
+ const from = [
378
+ {
379
+ id: '1',
380
+ },
381
+ {
382
+ id: '2',
383
+ },
384
+ {
385
+ id: '3',
386
+ },
387
+ ];
388
+ const to = [
389
+ {
390
+ id: '1',
391
+ },
392
+ {
393
+ id: '3',
394
+ },
395
+ {
396
+ id: '5',
397
+ },
398
+ {
399
+ id: '2',
400
+ },
401
+ ];
402
+ const diff = getTransformDiff(from, to);
403
+ applyTransformDiff(from, diff, ({id}) => ({id}));
404
+ expect(from).toEqual([
405
+ {
406
+ id: '1',
407
+ },
408
+ {
409
+ id: '2',
410
+ },
411
+ {
412
+ id: '3',
413
+ },
414
+ {
415
+ id: '5',
416
+ },
417
+ ]);
418
+ });
419
+
420
+ it('Insert item after transformed insert', () => {
421
+ const from = [
422
+ {
423
+ id: '1',
424
+ },
425
+ {
426
+ id: '2',
427
+ },
428
+ {
429
+ id: '3',
430
+ },
431
+ ];
432
+ const to = [
433
+ {
434
+ id: '1',
435
+ },
436
+ {
437
+ id: '2',
438
+ },
439
+ {
440
+ id: '1',
441
+ },
442
+ {
443
+ id: '4',
444
+ },
445
+ {
446
+ id: '3',
447
+ },
448
+ ];
449
+ const diff = getTransformDiff(from, to);
450
+ applyTransformDiff(from, diff, ({id}) => ({id}));
451
+ expect(from).toEqual(to);
452
+ });
453
+ });