@revideo/2d 0.2.3 → 0.2.4-alpha.894

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 (197) hide show
  1. package/editor/index.css +1 -1
  2. package/editor/index.js +529 -245
  3. package/lib/code/CodeCursor.d.ts +74 -74
  4. package/lib/code/CodeCursor.js +352 -286
  5. package/lib/code/CodeDiffer.d.ts +21 -16
  6. package/lib/code/CodeDiffer.js +39 -41
  7. package/lib/code/CodeFragment.d.ts +16 -8
  8. package/lib/code/CodeFragment.js +36 -36
  9. package/lib/code/CodeHighlighter.d.ts +59 -59
  10. package/lib/code/CodeHighlighter.js +1 -1
  11. package/lib/code/CodeMetrics.d.ts +12 -8
  12. package/lib/code/CodeMetrics.js +26 -24
  13. package/lib/code/CodeRange.d.ts +21 -5
  14. package/lib/code/CodeRange.js +131 -124
  15. package/lib/code/CodeScope.d.ts +18 -8
  16. package/lib/code/CodeScope.js +59 -61
  17. package/lib/code/CodeSelection.d.ts +9 -4
  18. package/lib/code/CodeSelection.js +8 -8
  19. package/lib/code/CodeSignal.d.ts +74 -47
  20. package/lib/code/CodeSignal.js +206 -189
  21. package/lib/code/CodeTokenizer.d.ts +1 -1
  22. package/lib/code/CodeTokenizer.js +41 -41
  23. package/lib/code/DefaultHighlightStyle.d.ts +2 -2
  24. package/lib/code/DefaultHighlightStyle.js +96 -96
  25. package/lib/code/LezerHighlighter.d.ts +21 -19
  26. package/lib/code/LezerHighlighter.js +101 -101
  27. package/lib/code/diff.d.ts +12 -9
  28. package/lib/code/diff.js +218 -205
  29. package/lib/code/extractRange.d.ts +7 -4
  30. package/lib/code/extractRange.js +79 -71
  31. package/lib/code/index.d.ts +1 -1
  32. package/lib/code/index.js +1 -1
  33. package/lib/components/Audio.d.ts +11 -11
  34. package/lib/components/Audio.js +115 -109
  35. package/lib/components/Bezier.d.ts +18 -18
  36. package/lib/components/Bezier.js +86 -75
  37. package/lib/components/Circle.d.ts +95 -90
  38. package/lib/components/Circle.js +85 -74
  39. package/lib/components/Code.d.ts +244 -211
  40. package/lib/components/Code.js +317 -269
  41. package/lib/components/CodeBlock.d.ts +109 -67
  42. package/lib/components/CodeBlock.js +414 -373
  43. package/lib/components/CubicBezier.d.ts +36 -36
  44. package/lib/components/CubicBezier.js +52 -49
  45. package/lib/components/Curve.d.ts +208 -198
  46. package/lib/components/Curve.js +270 -269
  47. package/lib/components/Grid.d.ts +47 -42
  48. package/lib/components/Grid.js +63 -56
  49. package/lib/components/Icon.d.ts +55 -50
  50. package/lib/components/Icon.js +58 -50
  51. package/lib/components/Img.d.ts +86 -79
  52. package/lib/components/Img.js +193 -181
  53. package/lib/components/Knot.d.ts +97 -78
  54. package/lib/components/Knot.js +81 -60
  55. package/lib/components/Latex.d.ts +12 -12
  56. package/lib/components/Latex.js +77 -65
  57. package/lib/components/Layout.d.ts +455 -413
  58. package/lib/components/Layout.js +666 -681
  59. package/lib/components/Line.d.ts +61 -49
  60. package/lib/components/Line.js +216 -193
  61. package/lib/components/Media.d.ts +35 -35
  62. package/lib/components/Media.js +135 -134
  63. package/lib/components/Node.d.ts +875 -830
  64. package/lib/components/Node.js +1383 -1314
  65. package/lib/components/Path.d.ts +35 -14
  66. package/lib/components/Path.js +100 -89
  67. package/lib/components/Polygon.d.ts +60 -55
  68. package/lib/components/Polygon.js +71 -66
  69. package/lib/components/QuadBezier.d.ts +29 -29
  70. package/lib/components/QuadBezier.js +50 -45
  71. package/lib/components/Ray.d.ts +28 -28
  72. package/lib/components/Ray.js +71 -64
  73. package/lib/components/Rect.d.ts +115 -108
  74. package/lib/components/Rect.js +78 -72
  75. package/lib/components/SVG.d.ts +165 -139
  76. package/lib/components/SVG.js +609 -541
  77. package/lib/components/Shape.d.ts +44 -35
  78. package/lib/components/Shape.js +112 -127
  79. package/lib/components/Spline.d.ts +46 -40
  80. package/lib/components/Spline.js +190 -175
  81. package/lib/components/Txt.d.ts +55 -44
  82. package/lib/components/Txt.js +156 -155
  83. package/lib/components/TxtLeaf.d.ts +20 -16
  84. package/lib/components/TxtLeaf.js +177 -158
  85. package/lib/components/Video.d.ts +41 -41
  86. package/lib/components/Video.js +138 -135
  87. package/lib/components/View2D.d.ts +21 -21
  88. package/lib/components/View2D.js +98 -85
  89. package/lib/components/index.d.ts +1 -1
  90. package/lib/components/index.js +1 -1
  91. package/lib/components/types.d.ts +22 -9
  92. package/lib/components/types.js +1 -1
  93. package/lib/curves/ArcSegment.d.ts +36 -24
  94. package/lib/curves/ArcSegment.js +145 -94
  95. package/lib/curves/CircleSegment.d.ts +26 -16
  96. package/lib/curves/CircleSegment.js +56 -49
  97. package/lib/curves/CubicBezierSegment.d.ts +18 -13
  98. package/lib/curves/CubicBezierSegment.js +79 -46
  99. package/lib/curves/CurveDrawingInfo.d.ts +9 -9
  100. package/lib/curves/CurveDrawingInfo.js +1 -1
  101. package/lib/curves/CurvePoint.d.ts +13 -13
  102. package/lib/curves/CurvePoint.js +1 -1
  103. package/lib/curves/CurveProfile.d.ts +5 -5
  104. package/lib/curves/CurveProfile.js +1 -1
  105. package/lib/curves/KnotInfo.d.ts +8 -8
  106. package/lib/curves/KnotInfo.js +1 -1
  107. package/lib/curves/LineSegment.d.ts +19 -14
  108. package/lib/curves/LineSegment.js +42 -42
  109. package/lib/curves/Polynomial.d.ts +110 -110
  110. package/lib/curves/Polynomial.js +249 -239
  111. package/lib/curves/Polynomial2D.d.ts +20 -20
  112. package/lib/curves/Polynomial2D.js +46 -42
  113. package/lib/curves/PolynomialSegment.d.ts +42 -37
  114. package/lib/curves/PolynomialSegment.js +83 -81
  115. package/lib/curves/QuadBezierSegment.d.ts +12 -12
  116. package/lib/curves/QuadBezierSegment.js +71 -41
  117. package/lib/curves/Segment.d.ts +12 -7
  118. package/lib/curves/Segment.js +2 -3
  119. package/lib/curves/UniformPolynomialCurveSampler.d.ts +34 -34
  120. package/lib/curves/UniformPolynomialCurveSampler.js +68 -62
  121. package/lib/curves/createCurveProfileLerp.d.ts +17 -6
  122. package/lib/curves/createCurveProfileLerp.js +211 -208
  123. package/lib/curves/getBezierSplineProfile.d.ts +8 -4
  124. package/lib/curves/getBezierSplineProfile.js +145 -101
  125. package/lib/curves/getCircleProfile.d.ts +10 -4
  126. package/lib/curves/getCircleProfile.js +72 -40
  127. package/lib/curves/getPathProfile.d.ts +2 -2
  128. package/lib/curves/getPathProfile.js +135 -112
  129. package/lib/curves/getPointAtDistance.d.ts +7 -4
  130. package/lib/curves/getPointAtDistance.js +12 -12
  131. package/lib/curves/getPolylineProfile.d.ts +8 -4
  132. package/lib/curves/getPolylineProfile.js +67 -54
  133. package/lib/curves/getRectProfile.d.ts +9 -4
  134. package/lib/curves/getRectProfile.js +117 -52
  135. package/lib/curves/index.d.ts +1 -1
  136. package/lib/curves/index.js +1 -1
  137. package/lib/decorators/canvasStyleSignal.d.ts +3 -3
  138. package/lib/decorators/canvasStyleSignal.js +10 -10
  139. package/lib/decorators/colorSignal.d.ts +1 -1
  140. package/lib/decorators/colorSignal.js +7 -7
  141. package/lib/decorators/compound.d.ts +4 -2
  142. package/lib/decorators/compound.js +43 -23
  143. package/lib/decorators/computed.d.ts +1 -1
  144. package/lib/decorators/computed.js +9 -9
  145. package/lib/decorators/defaultStyle.d.ts +5 -2
  146. package/lib/decorators/defaultStyle.js +11 -11
  147. package/lib/decorators/filtersSignal.d.ts +28 -8
  148. package/lib/decorators/filtersSignal.js +87 -64
  149. package/lib/decorators/index.d.ts +1 -1
  150. package/lib/decorators/index.js +1 -1
  151. package/lib/decorators/initializers.d.ts +5 -2
  152. package/lib/decorators/initializers.js +18 -19
  153. package/lib/decorators/nodeName.d.ts +1 -1
  154. package/lib/decorators/nodeName.js +4 -4
  155. package/lib/decorators/signal.d.ts +40 -20
  156. package/lib/decorators/signal.js +113 -104
  157. package/lib/decorators/spacingSignal.d.ts +1 -1
  158. package/lib/decorators/spacingSignal.js +13 -13
  159. package/lib/decorators/vector2Signal.d.ts +13 -7
  160. package/lib/decorators/vector2Signal.js +15 -13
  161. package/lib/index.d.ts +1 -1
  162. package/lib/index.js +1 -1
  163. package/lib/jsx-dev-runtime.d.ts +3 -3
  164. package/lib/jsx-dev-runtime.js +3 -3
  165. package/lib/jsx-runtime.d.ts +19 -9
  166. package/lib/jsx-runtime.js +18 -18
  167. package/lib/partials/Filter.d.ts +24 -16
  168. package/lib/partials/Filter.js +69 -69
  169. package/lib/partials/Gradient.d.ts +30 -24
  170. package/lib/partials/Gradient.js +69 -58
  171. package/lib/partials/Pattern.d.ts +14 -9
  172. package/lib/partials/Pattern.js +30 -24
  173. package/lib/partials/ShaderConfig.d.ts +81 -74
  174. package/lib/partials/ShaderConfig.js +22 -23
  175. package/lib/partials/index.d.ts +1 -1
  176. package/lib/partials/index.js +1 -1
  177. package/lib/partials/types.d.ts +19 -6
  178. package/lib/partials/types.js +1 -1
  179. package/lib/scenes/Scene2D.d.ts +42 -23
  180. package/lib/scenes/Scene2D.js +161 -151
  181. package/lib/scenes/index.d.ts +1 -1
  182. package/lib/scenes/index.js +1 -1
  183. package/lib/scenes/makeScene2D.d.ts +7 -5
  184. package/lib/scenes/makeScene2D.js +10 -10
  185. package/lib/scenes/useScene2D.d.ts +2 -2
  186. package/lib/scenes/useScene2D.js +3 -3
  187. package/lib/utils/CanvasUtils.d.ts +93 -21
  188. package/lib/utils/CanvasUtils.js +186 -105
  189. package/lib/utils/diff.d.ts +25 -18
  190. package/lib/utils/diff.js +84 -87
  191. package/lib/utils/index.d.ts +1 -1
  192. package/lib/utils/index.js +1 -1
  193. package/lib/utils/is.d.ts +4 -2
  194. package/lib/utils/is.js +2 -2
  195. package/lib/utils/makeSignalExtensions.d.ts +11 -4
  196. package/lib/utils/makeSignalExtensions.js +17 -17
  197. package/package.json +5 -5
@@ -1,74 +1,107 @@
1
- import { SerializedVector2, Signal, SignalValue, SimpleSignal, ThreadGenerator, TimingFunction, Vector2 } from '@revideo/core';
2
- import { Code, CodeStyle, CodeTree, Token } from 'code-fns';
3
- import { DesiredLength } from '../partials';
4
- import { Shape, ShapeProps } from './Shape';
1
+ import {
2
+ SerializedVector2,
3
+ Signal,
4
+ SignalValue,
5
+ SimpleSignal,
6
+ ThreadGenerator,
7
+ TimingFunction,
8
+ Vector2,
9
+ } from '@revideo/core';
10
+ import {Code, CodeStyle, CodeTree, Token} from 'code-fns';
11
+ import {DesiredLength} from '../partials';
12
+ import {Shape, ShapeProps} from './Shape';
5
13
  type CodePoint = [number, number];
6
14
  type CodeRange = [CodePoint, CodePoint];
7
15
  export interface CodeProps extends ShapeProps {
8
- language?: string;
9
- children?: Code;
10
- code?: SignalValue<Code>;
11
- selection?: CodeRange[];
12
- theme?: CodeStyle;
16
+ language?: string;
17
+ children?: Code;
18
+ code?: SignalValue<Code>;
19
+ selection?: CodeRange[];
20
+ theme?: CodeStyle;
13
21
  }
14
22
  export interface CodeModification {
15
- from: Code;
16
- to: Code;
23
+ from: Code;
24
+ to: Code;
17
25
  }
18
26
  export declare class CodeBlock extends Shape {
19
- private static initialized;
20
- readonly language: SimpleSignal<string, this>;
21
- readonly code: Signal<Code, CodeTree, this>;
22
- readonly theme: Signal<CodeStyle | null, CodeStyle, this>;
23
- readonly selection: SimpleSignal<CodeRange[], this>;
24
- protected tweenSelection(value: CodeRange[], duration: number, timingFunction: TimingFunction): ThreadGenerator;
25
- readonly unselectedOpacity: SimpleSignal<number, this>;
26
- private codeProgress;
27
- private selectionProgress;
28
- private oldSelection;
29
- private diffed;
30
- private currentLineCount;
31
- private newLineCount;
32
- protected getLineCountOfTokenArray(tokens: Token[]): number;
33
- lineCount(): number;
34
- protected parsed(): Token[];
35
- constructor({ children, ...rest }: CodeProps);
36
- protected characterSize(): Vector2;
37
- protected desiredSize(): SerializedVector2<DesiredLength>;
38
- protected getTokensSize(tokens: Token[]): {
39
- x: number;
40
- y: number;
41
- };
42
- protected collectAsyncResources(): void;
43
- set(strings: string[], ...rest: any[]): void;
44
- /**
45
- * Smoothly edit the code.
46
- *
47
- * @remarks
48
- * This method returns a tag function that should be used together with a
49
- * template literal to define what to edit. Expressions can be used to either
50
- * {@link insert}, {@link remove}, or {@link edit} the code.
51
- *
52
- * @example
53
- * ```ts
54
- * yield* codeBlock().edit()`
55
- * const ${edit('a', 'b')} = [${insert('1, 2, 3')}];${remove(`
56
- * // this comment will be removed`)}
57
- * `;
58
- * ```
59
- *
60
- * @param duration - The duration of the transition.
61
- * @param changeSelection - When set to `true`, the selection will be modified
62
- * to highlight the newly inserted code. Setting it
63
- * to `false` leaves the selection untouched.
64
- * Providing a custom {@link CodeRange} will select
65
- * it instead.
66
- */
67
- edit(duration?: number, changeSelection?: CodeRange[] | boolean): (strings: TemplateStringsArray, ...rest: (Code | CodeModification)[]) => ThreadGenerator;
68
- tweenCode(code: CodeTree, time: number, timingFunction: TimingFunction): Generator<void | ThreadGenerator | Promise<any> | import("@revideo/core").Promisable<any>, void, any>;
69
- protected draw(context: CanvasRenderingContext2D): void;
70
- protected selectionStrength(x: number, y: number): number;
71
- protected static selectionStrength(selection: CodeRange[], x: number, y: number): number;
27
+ private static initialized;
28
+ readonly language: SimpleSignal<string, this>;
29
+ readonly code: Signal<Code, CodeTree, this>;
30
+ readonly theme: Signal<CodeStyle | null, CodeStyle, this>;
31
+ readonly selection: SimpleSignal<CodeRange[], this>;
32
+ protected tweenSelection(
33
+ value: CodeRange[],
34
+ duration: number,
35
+ timingFunction: TimingFunction,
36
+ ): ThreadGenerator;
37
+ readonly unselectedOpacity: SimpleSignal<number, this>;
38
+ private codeProgress;
39
+ private selectionProgress;
40
+ private oldSelection;
41
+ private diffed;
42
+ private currentLineCount;
43
+ private newLineCount;
44
+ protected getLineCountOfTokenArray(tokens: Token[]): number;
45
+ lineCount(): number;
46
+ protected parsed(): Token[];
47
+ constructor({children, ...rest}: CodeProps);
48
+ protected characterSize(): Vector2;
49
+ protected desiredSize(): SerializedVector2<DesiredLength>;
50
+ protected getTokensSize(tokens: Token[]): {
51
+ x: number;
52
+ y: number;
53
+ };
54
+ protected collectAsyncResources(): void;
55
+ set(strings: string[], ...rest: any[]): void;
56
+ /**
57
+ * Smoothly edit the code.
58
+ *
59
+ * @remarks
60
+ * This method returns a tag function that should be used together with a
61
+ * template literal to define what to edit. Expressions can be used to either
62
+ * {@link insert}, {@link remove}, or {@link edit} the code.
63
+ *
64
+ * @example
65
+ * ```ts
66
+ * yield* codeBlock().edit()`
67
+ * const ${edit('a', 'b')} = [${insert('1, 2, 3')}];${remove(`
68
+ * // this comment will be removed`)}
69
+ * `;
70
+ * ```
71
+ *
72
+ * @param duration - The duration of the transition.
73
+ * @param changeSelection - When set to `true`, the selection will be modified
74
+ * to highlight the newly inserted code. Setting it
75
+ * to `false` leaves the selection untouched.
76
+ * Providing a custom {@link CodeRange} will select
77
+ * it instead.
78
+ */
79
+ edit(
80
+ duration?: number,
81
+ changeSelection?: CodeRange[] | boolean,
82
+ ): (
83
+ strings: TemplateStringsArray,
84
+ ...rest: (Code | CodeModification)[]
85
+ ) => ThreadGenerator;
86
+ tweenCode(
87
+ code: CodeTree,
88
+ time: number,
89
+ timingFunction: TimingFunction,
90
+ ): Generator<
91
+ | void
92
+ | ThreadGenerator
93
+ | Promise<any>
94
+ | import('@revideo/core').Promisable<any>,
95
+ void,
96
+ any
97
+ >;
98
+ protected draw(context: CanvasRenderingContext2D): void;
99
+ protected selectionStrength(x: number, y: number): number;
100
+ protected static selectionStrength(
101
+ selection: CodeRange[],
102
+ x: number,
103
+ y: number,
104
+ ): number;
72
105
  }
73
106
  /**
74
107
  * Create a code modification that inserts a piece of code.
@@ -114,7 +147,11 @@ export declare function lines(from: number, to?: number): CodeRange[];
114
147
  * @param length - The length of the word. If omitted, the selection will cover
115
148
  * the rest of the line.
116
149
  */
117
- export declare function word(line: number, from: number, length?: number): CodeRange[];
150
+ export declare function word(
151
+ line: number,
152
+ from: number,
153
+ length?: number,
154
+ ): CodeRange[];
118
155
  /**
119
156
  * Create a custom selection range.
120
157
  *
@@ -123,6 +160,11 @@ export declare function word(line: number, from: number, length?: number): CodeR
123
160
  * @param endLine - The line at which the selection ends.
124
161
  * @param endColumn - The column at which the selection ends.
125
162
  */
126
- export declare function range(startLine: number, startColumn: number, endLine: number, endColumn: number): CodeRange[];
163
+ export declare function range(
164
+ startLine: number,
165
+ startColumn: number,
166
+ endLine: number,
167
+ endColumn: number,
168
+ ): CodeRange[];
127
169
  export {};
128
- //# sourceMappingURL=CodeBlock.d.ts.map
170
+ //# sourceMappingURL=CodeBlock.d.ts.map