@twick/2d 0.13.0 → 0.14.2
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/LICENSE +21 -0
- package/editor/editor/tsconfig.build.tsbuildinfo +1 -1
- package/lib/components/Audio.js +3 -3
- package/lib/components/Img.js +23 -23
- package/lib/components/Line.js +31 -31
- package/lib/components/Media.d.ts +1 -1
- package/lib/components/Media.d.ts.map +1 -1
- package/lib/components/Media.js +26 -26
- package/lib/components/Spline.js +25 -25
- package/lib/components/Video.js +3 -3
- package/lib/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +5 -4
- package/src/editor/NodeInspectorConfig.tsx +76 -76
- package/src/editor/PreviewOverlayConfig.tsx +67 -67
- package/src/editor/Provider.tsx +93 -93
- package/src/editor/SceneGraphTabConfig.tsx +81 -81
- package/src/editor/icons/CircleIcon.tsx +7 -7
- package/src/editor/icons/CodeBlockIcon.tsx +8 -8
- package/src/editor/icons/CurveIcon.tsx +7 -7
- package/src/editor/icons/GridIcon.tsx +7 -7
- package/src/editor/icons/IconMap.ts +35 -35
- package/src/editor/icons/ImgIcon.tsx +8 -8
- package/src/editor/icons/LayoutIcon.tsx +9 -9
- package/src/editor/icons/LineIcon.tsx +7 -7
- package/src/editor/icons/NodeIcon.tsx +7 -7
- package/src/editor/icons/RayIcon.tsx +7 -7
- package/src/editor/icons/RectIcon.tsx +7 -7
- package/src/editor/icons/ShapeIcon.tsx +7 -7
- package/src/editor/icons/TxtIcon.tsx +8 -8
- package/src/editor/icons/VideoIcon.tsx +7 -7
- package/src/editor/icons/View2DIcon.tsx +10 -10
- package/src/editor/index.ts +17 -17
- package/src/editor/tree/DetachedRoot.tsx +23 -23
- package/src/editor/tree/NodeElement.tsx +74 -74
- package/src/editor/tree/TreeElement.tsx +72 -72
- package/src/editor/tree/TreeRoot.tsx +10 -10
- package/src/editor/tree/ViewRoot.tsx +20 -20
- package/src/editor/tree/index.module.scss +38 -38
- package/src/editor/tree/index.ts +3 -3
- package/src/editor/tsconfig.build.json +5 -5
- package/src/editor/tsconfig.json +12 -12
- package/src/editor/tsdoc.json +4 -4
- package/src/editor/vite-env.d.ts +1 -1
- package/src/lib/code/CodeCursor.ts +445 -445
- package/src/lib/code/CodeDiffer.ts +78 -78
- package/src/lib/code/CodeFragment.ts +97 -97
- package/src/lib/code/CodeHighlighter.ts +75 -75
- package/src/lib/code/CodeMetrics.ts +47 -47
- package/src/lib/code/CodeRange.test.ts +74 -74
- package/src/lib/code/CodeRange.ts +216 -216
- package/src/lib/code/CodeScope.ts +101 -101
- package/src/lib/code/CodeSelection.ts +24 -24
- package/src/lib/code/CodeSignal.ts +327 -327
- package/src/lib/code/CodeTokenizer.ts +54 -54
- package/src/lib/code/DefaultHighlightStyle.ts +98 -98
- package/src/lib/code/LezerHighlighter.ts +113 -113
- package/src/lib/code/diff.test.ts +311 -311
- package/src/lib/code/diff.ts +319 -319
- package/src/lib/code/extractRange.ts +126 -126
- package/src/lib/code/index.ts +13 -13
- package/src/lib/components/Audio.ts +168 -168
- package/src/lib/components/Bezier.ts +105 -105
- package/src/lib/components/Circle.ts +266 -266
- package/src/lib/components/Code.ts +526 -526
- package/src/lib/components/CodeBlock.ts +576 -576
- package/src/lib/components/CubicBezier.ts +112 -112
- package/src/lib/components/Curve.ts +455 -455
- package/src/lib/components/Grid.ts +135 -135
- package/src/lib/components/Icon.ts +96 -96
- package/src/lib/components/Img.ts +319 -319
- package/src/lib/components/Knot.ts +157 -157
- package/src/lib/components/Latex.ts +122 -122
- package/src/lib/components/Layout.ts +1092 -1092
- package/src/lib/components/Line.ts +429 -429
- package/src/lib/components/Media.ts +576 -576
- package/src/lib/components/Node.ts +1940 -1940
- package/src/lib/components/Path.ts +137 -137
- package/src/lib/components/Polygon.ts +171 -171
- package/src/lib/components/QuadBezier.ts +100 -100
- package/src/lib/components/Ray.ts +125 -125
- package/src/lib/components/Rect.ts +187 -187
- package/src/lib/components/Rive.ts +156 -156
- package/src/lib/components/SVG.ts +797 -797
- package/src/lib/components/Shape.ts +143 -143
- package/src/lib/components/Spline.ts +344 -344
- package/src/lib/components/Txt.test.tsx +81 -81
- package/src/lib/components/Txt.ts +203 -203
- package/src/lib/components/TxtLeaf.ts +205 -205
- package/src/lib/components/Video.ts +461 -461
- package/src/lib/components/View2D.ts +98 -98
- package/src/lib/components/__tests__/children.test.tsx +142 -142
- package/src/lib/components/__tests__/clone.test.tsx +126 -126
- package/src/lib/components/__tests__/generatorTest.ts +28 -28
- package/src/lib/components/__tests__/mockScene2D.ts +45 -45
- package/src/lib/components/__tests__/query.test.tsx +122 -122
- package/src/lib/components/__tests__/state.test.tsx +60 -60
- package/src/lib/components/index.ts +28 -28
- package/src/lib/components/types.ts +35 -35
- package/src/lib/curves/ArcSegment.ts +159 -159
- package/src/lib/curves/CircleSegment.ts +77 -77
- package/src/lib/curves/CubicBezierSegment.ts +78 -78
- package/src/lib/curves/CurveDrawingInfo.ts +11 -11
- package/src/lib/curves/CurvePoint.ts +15 -15
- package/src/lib/curves/CurveProfile.ts +7 -7
- package/src/lib/curves/KnotInfo.ts +10 -10
- package/src/lib/curves/LineSegment.ts +62 -62
- package/src/lib/curves/Polynomial.ts +355 -355
- package/src/lib/curves/Polynomial2D.ts +62 -62
- package/src/lib/curves/PolynomialSegment.ts +124 -124
- package/src/lib/curves/QuadBezierSegment.ts +64 -64
- package/src/lib/curves/Segment.ts +17 -17
- package/src/lib/curves/UniformPolynomialCurveSampler.ts +94 -94
- package/src/lib/curves/createCurveProfileLerp.ts +471 -471
- package/src/lib/curves/getBezierSplineProfile.ts +223 -223
- package/src/lib/curves/getCircleProfile.ts +86 -86
- package/src/lib/curves/getPathProfile.ts +178 -178
- package/src/lib/curves/getPointAtDistance.ts +21 -21
- package/src/lib/curves/getPolylineProfile.test.ts +21 -21
- package/src/lib/curves/getPolylineProfile.ts +89 -89
- package/src/lib/curves/getRectProfile.ts +139 -139
- package/src/lib/curves/index.ts +16 -16
- package/src/lib/decorators/canvasStyleSignal.ts +16 -16
- package/src/lib/decorators/colorSignal.ts +9 -9
- package/src/lib/decorators/compound.ts +72 -72
- package/src/lib/decorators/computed.ts +18 -18
- package/src/lib/decorators/defaultStyle.ts +18 -18
- package/src/lib/decorators/filtersSignal.ts +136 -136
- package/src/lib/decorators/index.ts +10 -10
- package/src/lib/decorators/initializers.ts +32 -32
- package/src/lib/decorators/nodeName.ts +13 -13
- package/src/lib/decorators/signal.test.ts +90 -90
- package/src/lib/decorators/signal.ts +345 -345
- package/src/lib/decorators/spacingSignal.ts +15 -15
- package/src/lib/decorators/vector2Signal.ts +30 -30
- package/src/lib/globals.d.ts +2 -2
- package/src/lib/index.ts +8 -8
- package/src/lib/jsx-dev-runtime.ts +2 -2
- package/src/lib/jsx-runtime.ts +46 -46
- package/src/lib/parse-svg-path.d.ts +14 -14
- package/src/lib/partials/Filter.ts +180 -180
- package/src/lib/partials/Gradient.ts +102 -102
- package/src/lib/partials/Pattern.ts +34 -34
- package/src/lib/partials/ShaderConfig.ts +117 -117
- package/src/lib/partials/index.ts +4 -4
- package/src/lib/partials/types.ts +58 -58
- package/src/lib/scenes/Scene2D.ts +242 -242
- package/src/lib/scenes/index.ts +3 -3
- package/src/lib/scenes/makeScene2D.ts +16 -16
- package/src/lib/scenes/useScene2D.ts +6 -6
- package/src/lib/tsconfig.build.json +5 -5
- package/src/lib/tsconfig.json +10 -10
- package/src/lib/tsdoc.json +4 -4
- package/src/lib/utils/CanvasUtils.ts +306 -306
- package/src/lib/utils/diff.test.ts +453 -453
- package/src/lib/utils/diff.ts +148 -148
- package/src/lib/utils/index.ts +2 -2
- package/src/lib/utils/is.ts +11 -11
- package/src/lib/utils/makeSignalExtensions.ts +30 -30
- package/src/lib/utils/video/declarations.d.ts +1 -1
- package/src/lib/utils/video/ffmpeg-client.ts +50 -50
- package/src/lib/utils/video/mp4-parser-manager.ts +72 -72
- package/src/lib/utils/video/parser/index.ts +1 -1
- package/src/lib/utils/video/parser/parser.ts +257 -257
- package/src/lib/utils/video/parser/sampler.ts +72 -72
- package/src/lib/utils/video/parser/segment.ts +302 -302
- package/src/lib/utils/video/parser/sink.ts +29 -29
- package/src/lib/utils/video/parser/utils.ts +31 -31
- package/src/tsconfig.base.json +19 -19
- package/src/tsconfig.build.json +8 -8
- package/src/tsconfig.json +5 -5
- package/tsconfig.project.json +7 -7
package/src/lib/code/diff.ts
CHANGED
|
@@ -1,319 +1,319 @@
|
|
|
1
|
-
type Subsequence = {
|
|
2
|
-
aIndex: number;
|
|
3
|
-
bIndex: number;
|
|
4
|
-
prev?: Subsequence | undefined;
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Performs a patience diff on two arrays of strings, returning an object
|
|
9
|
-
* containing the lines that were deleted, inserted, and potentially moved
|
|
10
|
-
* lines. The plus parameter can result in a significant performance hit due
|
|
11
|
-
* to additional Longest Common Substring searches.
|
|
12
|
-
*
|
|
13
|
-
* @param aLines - The original array of strings
|
|
14
|
-
* @param bLines - The new array of strings
|
|
15
|
-
* @param plus - Whether to return the moved lines
|
|
16
|
-
*
|
|
17
|
-
* Adapted from Jonathan "jonTrent" Trent's patience-diff algorithm.
|
|
18
|
-
* Types and tests added by Hunter "hhenrichsen" Henrichsen.
|
|
19
|
-
*
|
|
20
|
-
* {@link https://github.com/jonTrent/PatienceDiff}
|
|
21
|
-
*/
|
|
22
|
-
export function patienceDiff(
|
|
23
|
-
aLines: string[],
|
|
24
|
-
bLines: string[],
|
|
25
|
-
): {
|
|
26
|
-
lines: {
|
|
27
|
-
line: string;
|
|
28
|
-
aIndex: number;
|
|
29
|
-
bIndex: number;
|
|
30
|
-
}[];
|
|
31
|
-
lineCountDeleted: number;
|
|
32
|
-
lineCountInserted: number;
|
|
33
|
-
} {
|
|
34
|
-
/**
|
|
35
|
-
* Finds all unique values in lines[start...end], inclusive. This
|
|
36
|
-
* function is used in preparation for determining the longest common
|
|
37
|
-
* subsequence.
|
|
38
|
-
*
|
|
39
|
-
* @param lines - The array to search
|
|
40
|
-
* @param start - The starting index (inclusive)
|
|
41
|
-
* @param end - The ending index (inclusive)
|
|
42
|
-
* @returns A map of the unique lines to their index
|
|
43
|
-
*/
|
|
44
|
-
function findUnique(lines: string[], start: number, end: number) {
|
|
45
|
-
const lineMap = new Map<string, {count: number; index: number}>();
|
|
46
|
-
for (let i = start; i <= end; i++) {
|
|
47
|
-
const line = lines[i];
|
|
48
|
-
const data = lineMap.get(line);
|
|
49
|
-
if (data) {
|
|
50
|
-
data.count++;
|
|
51
|
-
data.index = i;
|
|
52
|
-
} else {
|
|
53
|
-
lineMap.set(line, {count: 1, index: i});
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
const newMap = new Map<string, number>();
|
|
58
|
-
for (const [key, value] of lineMap) {
|
|
59
|
-
if (value.count === 1) {
|
|
60
|
-
newMap.set(key, value.index);
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
return newMap;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* Finds all the unique common entries between aArray[aStart...aEnd] and
|
|
69
|
-
* bArray[bStart...bEnd], inclusive. This function uses findUnique to pare
|
|
70
|
-
* down the aArray and bArray ranges first, before then walking the
|
|
71
|
-
* comparison between the two arrays.
|
|
72
|
-
*
|
|
73
|
-
*
|
|
74
|
-
* @param aArray - The original array
|
|
75
|
-
* @param aStart - The start of the original array to search
|
|
76
|
-
* @param aEnd - The end of the original array to search, inclusive
|
|
77
|
-
* @param bArray - The new array
|
|
78
|
-
* @param bStart - the start of the new array to search
|
|
79
|
-
* @param bEnd - The end of the new array to search, inclusive
|
|
80
|
-
* @returns a Map, with the key as the common line between aArray and
|
|
81
|
-
* bArray, with the value as an object containing the array indices of the
|
|
82
|
-
* matching uniqe lines.
|
|
83
|
-
*/
|
|
84
|
-
function uniqueCommon(
|
|
85
|
-
aArray: string[],
|
|
86
|
-
aStart: number,
|
|
87
|
-
aEnd: number,
|
|
88
|
-
bArray: string[],
|
|
89
|
-
bStart: number,
|
|
90
|
-
bEnd: number,
|
|
91
|
-
): Map<string, Subsequence> {
|
|
92
|
-
const aUnique = findUnique(aArray, aStart, aEnd);
|
|
93
|
-
const bUnique = findUnique(bArray, bStart, bEnd);
|
|
94
|
-
|
|
95
|
-
return [...aUnique.entries()].reduce<Map<string, Subsequence>>(
|
|
96
|
-
(paired, [key, value]) => {
|
|
97
|
-
const bIndex = bUnique.get(key);
|
|
98
|
-
if (bIndex !== undefined) {
|
|
99
|
-
paired.set(key, {
|
|
100
|
-
aIndex: value,
|
|
101
|
-
bIndex,
|
|
102
|
-
});
|
|
103
|
-
}
|
|
104
|
-
return paired;
|
|
105
|
-
},
|
|
106
|
-
new Map(),
|
|
107
|
-
);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
/**
|
|
111
|
-
* Takes a map from the unique common lines between two arrays and determines
|
|
112
|
-
* the longest common subsequence.
|
|
113
|
-
*
|
|
114
|
-
* @see uniqueCommon
|
|
115
|
-
*
|
|
116
|
-
* @param abMap - The map of unique common lines between two arrays.
|
|
117
|
-
* @returns An array of objects containing the indices of the longest common
|
|
118
|
-
* subsequence.
|
|
119
|
-
*/
|
|
120
|
-
function longestCommonSubsequence(
|
|
121
|
-
abMap: Map<string, Subsequence>,
|
|
122
|
-
): Subsequence[] {
|
|
123
|
-
const jagged: [Subsequence][] = [];
|
|
124
|
-
|
|
125
|
-
abMap.forEach(value => {
|
|
126
|
-
let i = 0;
|
|
127
|
-
while (jagged[i] && jagged[i].at(-1)!.bIndex < value.bIndex) {
|
|
128
|
-
i++;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
if (i > 0) {
|
|
132
|
-
value.prev = jagged[i - 1].at(-1);
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
if (!jagged[i]) {
|
|
136
|
-
jagged[i] = [value];
|
|
137
|
-
} else {
|
|
138
|
-
jagged[i].push(value);
|
|
139
|
-
}
|
|
140
|
-
});
|
|
141
|
-
|
|
142
|
-
// Pull out the longest common subsequence
|
|
143
|
-
let lcs: Subsequence[] = [];
|
|
144
|
-
|
|
145
|
-
if (jagged.length > 0) {
|
|
146
|
-
lcs = [jagged.at(-1)!.at(-1)!];
|
|
147
|
-
let cursor = lcs.at(-1);
|
|
148
|
-
while (cursor?.prev) {
|
|
149
|
-
cursor = cursor.prev;
|
|
150
|
-
lcs.push(cursor);
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
return lcs.reverse();
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
/**
|
|
158
|
-
* Keeps track of the aLines that have been deleted, are shared between aLines
|
|
159
|
-
* and bLines, and bLines that have been inserted.
|
|
160
|
-
*/
|
|
161
|
-
const result: {
|
|
162
|
-
line: string;
|
|
163
|
-
aIndex: number;
|
|
164
|
-
bIndex: number;
|
|
165
|
-
moved: boolean;
|
|
166
|
-
}[] = [];
|
|
167
|
-
let deleted = 0;
|
|
168
|
-
let inserted = 0;
|
|
169
|
-
|
|
170
|
-
function addToResult(aIndex: number, bIndex: number) {
|
|
171
|
-
if (bIndex < 0) {
|
|
172
|
-
deleted++;
|
|
173
|
-
} else if (aIndex < 0) {
|
|
174
|
-
inserted++;
|
|
175
|
-
}
|
|
176
|
-
result.push({
|
|
177
|
-
line: 0 <= aIndex ? aLines[aIndex] : bLines[bIndex],
|
|
178
|
-
aIndex,
|
|
179
|
-
bIndex,
|
|
180
|
-
moved: false,
|
|
181
|
-
});
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
function addSubMatch(
|
|
185
|
-
aStart: number,
|
|
186
|
-
aEnd: number,
|
|
187
|
-
bStart: number,
|
|
188
|
-
bEnd: number,
|
|
189
|
-
) {
|
|
190
|
-
// Match any lines at the beginning of aLines and bLines.
|
|
191
|
-
while (
|
|
192
|
-
aStart <= aEnd &&
|
|
193
|
-
bStart <= bEnd &&
|
|
194
|
-
aLines[aStart] === bLines[bStart]
|
|
195
|
-
) {
|
|
196
|
-
addToResult(aStart++, bStart++);
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
// Match any lines at the end of aLines and bLines, but don't place them
|
|
200
|
-
// in the "result" array just yet, as the lines between these matches at
|
|
201
|
-
// the beginning and the end need to be analyzed first.
|
|
202
|
-
const aEndTemp = aEnd;
|
|
203
|
-
while (aStart <= aEnd && bStart <= bEnd && aLines[aEnd] === bLines[bEnd]) {
|
|
204
|
-
aEnd--;
|
|
205
|
-
bEnd--;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
// Now, check to determine with the remaining lines in the subsequence
|
|
209
|
-
// whether there are any unique common lines between aLines and bLines.
|
|
210
|
-
//
|
|
211
|
-
// If not, add the subsequence to the result (all aLines having been
|
|
212
|
-
// deleted, and all bLines having been inserted).
|
|
213
|
-
//
|
|
214
|
-
// If there are unique common lines between aLines and bLines, then let's
|
|
215
|
-
// recursively perform the patience diff on the subsequence.
|
|
216
|
-
const uniqueCommonMap = uniqueCommon(
|
|
217
|
-
aLines,
|
|
218
|
-
aStart,
|
|
219
|
-
aEnd,
|
|
220
|
-
bLines,
|
|
221
|
-
bStart,
|
|
222
|
-
bEnd,
|
|
223
|
-
);
|
|
224
|
-
|
|
225
|
-
if (uniqueCommonMap.size === 0) {
|
|
226
|
-
while (aStart <= aEnd) {
|
|
227
|
-
addToResult(aStart++, -1);
|
|
228
|
-
}
|
|
229
|
-
while (bStart <= bEnd) {
|
|
230
|
-
addToResult(-1, bStart++);
|
|
231
|
-
}
|
|
232
|
-
} else {
|
|
233
|
-
recurseLCS(aStart, aEnd, bStart, bEnd, uniqueCommonMap);
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
// Finally, let's add the matches at the end to the result.
|
|
237
|
-
while (aEnd < aEndTemp) {
|
|
238
|
-
addToResult(++aEnd, ++bEnd);
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
/**
|
|
243
|
-
* Finds the longest common subsequence between the arrays
|
|
244
|
-
* aLines[aStart...aEnd] and bLines[bStart...bEnd], inclusive. Then for each
|
|
245
|
-
* subsequence, recursively performs another LCS search (via addSubMatch),
|
|
246
|
-
* until there are none found, at which point the subsequence is dumped to
|
|
247
|
-
* the result.
|
|
248
|
-
*
|
|
249
|
-
* @param aStart - The start of the original array to search
|
|
250
|
-
* @param aEnd - The end of the original array to search, inclusive
|
|
251
|
-
* @param bStart - The start of the new array to search
|
|
252
|
-
* @param bEnd - The end of the new array to search, inclusive
|
|
253
|
-
* @param uniqueCommonMap - A map of the unique common lines between
|
|
254
|
-
* aLines[aStart...aEnd] and bLines[bStart...bEnd], inclusive.
|
|
255
|
-
*/
|
|
256
|
-
function recurseLCS(
|
|
257
|
-
aStart: number,
|
|
258
|
-
aEnd: number,
|
|
259
|
-
bStart: number,
|
|
260
|
-
bEnd: number,
|
|
261
|
-
uniqueCommonMap: Map<string, Subsequence> = uniqueCommon(
|
|
262
|
-
aLines,
|
|
263
|
-
aStart,
|
|
264
|
-
aEnd,
|
|
265
|
-
bLines,
|
|
266
|
-
bStart,
|
|
267
|
-
bEnd,
|
|
268
|
-
),
|
|
269
|
-
) {
|
|
270
|
-
const lcs = longestCommonSubsequence(uniqueCommonMap);
|
|
271
|
-
|
|
272
|
-
if (lcs.length === 0) {
|
|
273
|
-
addSubMatch(aStart, aEnd, bStart, bEnd);
|
|
274
|
-
} else {
|
|
275
|
-
if (aStart < lcs[0].aIndex || bStart < lcs[0].bIndex) {
|
|
276
|
-
addSubMatch(aStart, lcs[0].aIndex - 1, bStart, lcs[0].bIndex - 1);
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
let i;
|
|
280
|
-
for (i = 0; i < lcs.length - 1; i++) {
|
|
281
|
-
addSubMatch(
|
|
282
|
-
lcs[i].aIndex,
|
|
283
|
-
lcs[i + 1].aIndex - 1,
|
|
284
|
-
lcs[i].bIndex,
|
|
285
|
-
lcs[i + 1].bIndex - 1,
|
|
286
|
-
);
|
|
287
|
-
}
|
|
288
|
-
|
|
289
|
-
if (lcs[i].aIndex <= aEnd || lcs[i].bIndex <= bEnd) {
|
|
290
|
-
addSubMatch(lcs[i].aIndex, aEnd, lcs[i].bIndex, bEnd);
|
|
291
|
-
}
|
|
292
|
-
}
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
recurseLCS(0, aLines.length - 1, 0, bLines.length - 1);
|
|
296
|
-
|
|
297
|
-
return {
|
|
298
|
-
lines: result,
|
|
299
|
-
lineCountDeleted: deleted,
|
|
300
|
-
lineCountInserted: inserted,
|
|
301
|
-
};
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
/**
|
|
305
|
-
* Utility function for debugging patienceDiff.
|
|
306
|
-
*
|
|
307
|
-
* @internal
|
|
308
|
-
*/
|
|
309
|
-
export function printDiff(diff: ReturnType<typeof patienceDiff>) {
|
|
310
|
-
diff.lines.forEach(line => {
|
|
311
|
-
if (line.bIndex < 0) {
|
|
312
|
-
console.log(`- ${line.line}`);
|
|
313
|
-
} else if (line.aIndex < 0) {
|
|
314
|
-
console.log(`+ ${line.line}`);
|
|
315
|
-
} else {
|
|
316
|
-
console.log(` ${line.line}`);
|
|
317
|
-
}
|
|
318
|
-
});
|
|
319
|
-
}
|
|
1
|
+
type Subsequence = {
|
|
2
|
+
aIndex: number;
|
|
3
|
+
bIndex: number;
|
|
4
|
+
prev?: Subsequence | undefined;
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Performs a patience diff on two arrays of strings, returning an object
|
|
9
|
+
* containing the lines that were deleted, inserted, and potentially moved
|
|
10
|
+
* lines. The plus parameter can result in a significant performance hit due
|
|
11
|
+
* to additional Longest Common Substring searches.
|
|
12
|
+
*
|
|
13
|
+
* @param aLines - The original array of strings
|
|
14
|
+
* @param bLines - The new array of strings
|
|
15
|
+
* @param plus - Whether to return the moved lines
|
|
16
|
+
*
|
|
17
|
+
* Adapted from Jonathan "jonTrent" Trent's patience-diff algorithm.
|
|
18
|
+
* Types and tests added by Hunter "hhenrichsen" Henrichsen.
|
|
19
|
+
*
|
|
20
|
+
* {@link https://github.com/jonTrent/PatienceDiff}
|
|
21
|
+
*/
|
|
22
|
+
export function patienceDiff(
|
|
23
|
+
aLines: string[],
|
|
24
|
+
bLines: string[],
|
|
25
|
+
): {
|
|
26
|
+
lines: {
|
|
27
|
+
line: string;
|
|
28
|
+
aIndex: number;
|
|
29
|
+
bIndex: number;
|
|
30
|
+
}[];
|
|
31
|
+
lineCountDeleted: number;
|
|
32
|
+
lineCountInserted: number;
|
|
33
|
+
} {
|
|
34
|
+
/**
|
|
35
|
+
* Finds all unique values in lines[start...end], inclusive. This
|
|
36
|
+
* function is used in preparation for determining the longest common
|
|
37
|
+
* subsequence.
|
|
38
|
+
*
|
|
39
|
+
* @param lines - The array to search
|
|
40
|
+
* @param start - The starting index (inclusive)
|
|
41
|
+
* @param end - The ending index (inclusive)
|
|
42
|
+
* @returns A map of the unique lines to their index
|
|
43
|
+
*/
|
|
44
|
+
function findUnique(lines: string[], start: number, end: number) {
|
|
45
|
+
const lineMap = new Map<string, {count: number; index: number}>();
|
|
46
|
+
for (let i = start; i <= end; i++) {
|
|
47
|
+
const line = lines[i];
|
|
48
|
+
const data = lineMap.get(line);
|
|
49
|
+
if (data) {
|
|
50
|
+
data.count++;
|
|
51
|
+
data.index = i;
|
|
52
|
+
} else {
|
|
53
|
+
lineMap.set(line, {count: 1, index: i});
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
const newMap = new Map<string, number>();
|
|
58
|
+
for (const [key, value] of lineMap) {
|
|
59
|
+
if (value.count === 1) {
|
|
60
|
+
newMap.set(key, value.index);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
return newMap;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* Finds all the unique common entries between aArray[aStart...aEnd] and
|
|
69
|
+
* bArray[bStart...bEnd], inclusive. This function uses findUnique to pare
|
|
70
|
+
* down the aArray and bArray ranges first, before then walking the
|
|
71
|
+
* comparison between the two arrays.
|
|
72
|
+
*
|
|
73
|
+
*
|
|
74
|
+
* @param aArray - The original array
|
|
75
|
+
* @param aStart - The start of the original array to search
|
|
76
|
+
* @param aEnd - The end of the original array to search, inclusive
|
|
77
|
+
* @param bArray - The new array
|
|
78
|
+
* @param bStart - the start of the new array to search
|
|
79
|
+
* @param bEnd - The end of the new array to search, inclusive
|
|
80
|
+
* @returns a Map, with the key as the common line between aArray and
|
|
81
|
+
* bArray, with the value as an object containing the array indices of the
|
|
82
|
+
* matching uniqe lines.
|
|
83
|
+
*/
|
|
84
|
+
function uniqueCommon(
|
|
85
|
+
aArray: string[],
|
|
86
|
+
aStart: number,
|
|
87
|
+
aEnd: number,
|
|
88
|
+
bArray: string[],
|
|
89
|
+
bStart: number,
|
|
90
|
+
bEnd: number,
|
|
91
|
+
): Map<string, Subsequence> {
|
|
92
|
+
const aUnique = findUnique(aArray, aStart, aEnd);
|
|
93
|
+
const bUnique = findUnique(bArray, bStart, bEnd);
|
|
94
|
+
|
|
95
|
+
return [...aUnique.entries()].reduce<Map<string, Subsequence>>(
|
|
96
|
+
(paired, [key, value]) => {
|
|
97
|
+
const bIndex = bUnique.get(key);
|
|
98
|
+
if (bIndex !== undefined) {
|
|
99
|
+
paired.set(key, {
|
|
100
|
+
aIndex: value,
|
|
101
|
+
bIndex,
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
return paired;
|
|
105
|
+
},
|
|
106
|
+
new Map(),
|
|
107
|
+
);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
/**
|
|
111
|
+
* Takes a map from the unique common lines between two arrays and determines
|
|
112
|
+
* the longest common subsequence.
|
|
113
|
+
*
|
|
114
|
+
* @see uniqueCommon
|
|
115
|
+
*
|
|
116
|
+
* @param abMap - The map of unique common lines between two arrays.
|
|
117
|
+
* @returns An array of objects containing the indices of the longest common
|
|
118
|
+
* subsequence.
|
|
119
|
+
*/
|
|
120
|
+
function longestCommonSubsequence(
|
|
121
|
+
abMap: Map<string, Subsequence>,
|
|
122
|
+
): Subsequence[] {
|
|
123
|
+
const jagged: [Subsequence][] = [];
|
|
124
|
+
|
|
125
|
+
abMap.forEach(value => {
|
|
126
|
+
let i = 0;
|
|
127
|
+
while (jagged[i] && jagged[i].at(-1)!.bIndex < value.bIndex) {
|
|
128
|
+
i++;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
if (i > 0) {
|
|
132
|
+
value.prev = jagged[i - 1].at(-1);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
if (!jagged[i]) {
|
|
136
|
+
jagged[i] = [value];
|
|
137
|
+
} else {
|
|
138
|
+
jagged[i].push(value);
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
|
|
142
|
+
// Pull out the longest common subsequence
|
|
143
|
+
let lcs: Subsequence[] = [];
|
|
144
|
+
|
|
145
|
+
if (jagged.length > 0) {
|
|
146
|
+
lcs = [jagged.at(-1)!.at(-1)!];
|
|
147
|
+
let cursor = lcs.at(-1);
|
|
148
|
+
while (cursor?.prev) {
|
|
149
|
+
cursor = cursor.prev;
|
|
150
|
+
lcs.push(cursor);
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
return lcs.reverse();
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
/**
|
|
158
|
+
* Keeps track of the aLines that have been deleted, are shared between aLines
|
|
159
|
+
* and bLines, and bLines that have been inserted.
|
|
160
|
+
*/
|
|
161
|
+
const result: {
|
|
162
|
+
line: string;
|
|
163
|
+
aIndex: number;
|
|
164
|
+
bIndex: number;
|
|
165
|
+
moved: boolean;
|
|
166
|
+
}[] = [];
|
|
167
|
+
let deleted = 0;
|
|
168
|
+
let inserted = 0;
|
|
169
|
+
|
|
170
|
+
function addToResult(aIndex: number, bIndex: number) {
|
|
171
|
+
if (bIndex < 0) {
|
|
172
|
+
deleted++;
|
|
173
|
+
} else if (aIndex < 0) {
|
|
174
|
+
inserted++;
|
|
175
|
+
}
|
|
176
|
+
result.push({
|
|
177
|
+
line: 0 <= aIndex ? aLines[aIndex] : bLines[bIndex],
|
|
178
|
+
aIndex,
|
|
179
|
+
bIndex,
|
|
180
|
+
moved: false,
|
|
181
|
+
});
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
function addSubMatch(
|
|
185
|
+
aStart: number,
|
|
186
|
+
aEnd: number,
|
|
187
|
+
bStart: number,
|
|
188
|
+
bEnd: number,
|
|
189
|
+
) {
|
|
190
|
+
// Match any lines at the beginning of aLines and bLines.
|
|
191
|
+
while (
|
|
192
|
+
aStart <= aEnd &&
|
|
193
|
+
bStart <= bEnd &&
|
|
194
|
+
aLines[aStart] === bLines[bStart]
|
|
195
|
+
) {
|
|
196
|
+
addToResult(aStart++, bStart++);
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
// Match any lines at the end of aLines and bLines, but don't place them
|
|
200
|
+
// in the "result" array just yet, as the lines between these matches at
|
|
201
|
+
// the beginning and the end need to be analyzed first.
|
|
202
|
+
const aEndTemp = aEnd;
|
|
203
|
+
while (aStart <= aEnd && bStart <= bEnd && aLines[aEnd] === bLines[bEnd]) {
|
|
204
|
+
aEnd--;
|
|
205
|
+
bEnd--;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
// Now, check to determine with the remaining lines in the subsequence
|
|
209
|
+
// whether there are any unique common lines between aLines and bLines.
|
|
210
|
+
//
|
|
211
|
+
// If not, add the subsequence to the result (all aLines having been
|
|
212
|
+
// deleted, and all bLines having been inserted).
|
|
213
|
+
//
|
|
214
|
+
// If there are unique common lines between aLines and bLines, then let's
|
|
215
|
+
// recursively perform the patience diff on the subsequence.
|
|
216
|
+
const uniqueCommonMap = uniqueCommon(
|
|
217
|
+
aLines,
|
|
218
|
+
aStart,
|
|
219
|
+
aEnd,
|
|
220
|
+
bLines,
|
|
221
|
+
bStart,
|
|
222
|
+
bEnd,
|
|
223
|
+
);
|
|
224
|
+
|
|
225
|
+
if (uniqueCommonMap.size === 0) {
|
|
226
|
+
while (aStart <= aEnd) {
|
|
227
|
+
addToResult(aStart++, -1);
|
|
228
|
+
}
|
|
229
|
+
while (bStart <= bEnd) {
|
|
230
|
+
addToResult(-1, bStart++);
|
|
231
|
+
}
|
|
232
|
+
} else {
|
|
233
|
+
recurseLCS(aStart, aEnd, bStart, bEnd, uniqueCommonMap);
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
// Finally, let's add the matches at the end to the result.
|
|
237
|
+
while (aEnd < aEndTemp) {
|
|
238
|
+
addToResult(++aEnd, ++bEnd);
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
/**
|
|
243
|
+
* Finds the longest common subsequence between the arrays
|
|
244
|
+
* aLines[aStart...aEnd] and bLines[bStart...bEnd], inclusive. Then for each
|
|
245
|
+
* subsequence, recursively performs another LCS search (via addSubMatch),
|
|
246
|
+
* until there are none found, at which point the subsequence is dumped to
|
|
247
|
+
* the result.
|
|
248
|
+
*
|
|
249
|
+
* @param aStart - The start of the original array to search
|
|
250
|
+
* @param aEnd - The end of the original array to search, inclusive
|
|
251
|
+
* @param bStart - The start of the new array to search
|
|
252
|
+
* @param bEnd - The end of the new array to search, inclusive
|
|
253
|
+
* @param uniqueCommonMap - A map of the unique common lines between
|
|
254
|
+
* aLines[aStart...aEnd] and bLines[bStart...bEnd], inclusive.
|
|
255
|
+
*/
|
|
256
|
+
function recurseLCS(
|
|
257
|
+
aStart: number,
|
|
258
|
+
aEnd: number,
|
|
259
|
+
bStart: number,
|
|
260
|
+
bEnd: number,
|
|
261
|
+
uniqueCommonMap: Map<string, Subsequence> = uniqueCommon(
|
|
262
|
+
aLines,
|
|
263
|
+
aStart,
|
|
264
|
+
aEnd,
|
|
265
|
+
bLines,
|
|
266
|
+
bStart,
|
|
267
|
+
bEnd,
|
|
268
|
+
),
|
|
269
|
+
) {
|
|
270
|
+
const lcs = longestCommonSubsequence(uniqueCommonMap);
|
|
271
|
+
|
|
272
|
+
if (lcs.length === 0) {
|
|
273
|
+
addSubMatch(aStart, aEnd, bStart, bEnd);
|
|
274
|
+
} else {
|
|
275
|
+
if (aStart < lcs[0].aIndex || bStart < lcs[0].bIndex) {
|
|
276
|
+
addSubMatch(aStart, lcs[0].aIndex - 1, bStart, lcs[0].bIndex - 1);
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
let i;
|
|
280
|
+
for (i = 0; i < lcs.length - 1; i++) {
|
|
281
|
+
addSubMatch(
|
|
282
|
+
lcs[i].aIndex,
|
|
283
|
+
lcs[i + 1].aIndex - 1,
|
|
284
|
+
lcs[i].bIndex,
|
|
285
|
+
lcs[i + 1].bIndex - 1,
|
|
286
|
+
);
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
if (lcs[i].aIndex <= aEnd || lcs[i].bIndex <= bEnd) {
|
|
290
|
+
addSubMatch(lcs[i].aIndex, aEnd, lcs[i].bIndex, bEnd);
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
recurseLCS(0, aLines.length - 1, 0, bLines.length - 1);
|
|
296
|
+
|
|
297
|
+
return {
|
|
298
|
+
lines: result,
|
|
299
|
+
lineCountDeleted: deleted,
|
|
300
|
+
lineCountInserted: inserted,
|
|
301
|
+
};
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
/**
|
|
305
|
+
* Utility function for debugging patienceDiff.
|
|
306
|
+
*
|
|
307
|
+
* @internal
|
|
308
|
+
*/
|
|
309
|
+
export function printDiff(diff: ReturnType<typeof patienceDiff>) {
|
|
310
|
+
diff.lines.forEach(line => {
|
|
311
|
+
if (line.bIndex < 0) {
|
|
312
|
+
console.log(`- ${line.line}`);
|
|
313
|
+
} else if (line.aIndex < 0) {
|
|
314
|
+
console.log(`+ ${line.line}`);
|
|
315
|
+
} else {
|
|
316
|
+
console.log(` ${line.line}`);
|
|
317
|
+
}
|
|
318
|
+
});
|
|
319
|
+
}
|