@revideo/2d 0.1.0 → 0.1.4-alpha.878

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 (202) hide show
  1. package/lib/code/CodeCursor.d.ts +74 -74
  2. package/lib/code/CodeCursor.js +352 -286
  3. package/lib/code/CodeDiffer.d.ts +21 -16
  4. package/lib/code/CodeDiffer.js +39 -41
  5. package/lib/code/CodeFragment.d.ts +16 -8
  6. package/lib/code/CodeFragment.js +36 -36
  7. package/lib/code/CodeHighlighter.d.ts +59 -59
  8. package/lib/code/CodeHighlighter.js +1 -1
  9. package/lib/code/CodeMetrics.d.ts +12 -8
  10. package/lib/code/CodeMetrics.js +26 -24
  11. package/lib/code/CodeRange.d.ts +21 -5
  12. package/lib/code/CodeRange.js +131 -124
  13. package/lib/code/CodeScope.d.ts +18 -8
  14. package/lib/code/CodeScope.js +59 -61
  15. package/lib/code/CodeSelection.d.ts +9 -4
  16. package/lib/code/CodeSelection.js +8 -8
  17. package/lib/code/CodeSignal.d.ts +74 -47
  18. package/lib/code/CodeSignal.js +206 -189
  19. package/lib/code/CodeTokenizer.d.ts +1 -1
  20. package/lib/code/CodeTokenizer.js +41 -41
  21. package/lib/code/DefaultHighlightStyle.d.ts +2 -2
  22. package/lib/code/DefaultHighlightStyle.js +96 -96
  23. package/lib/code/LezerHighlighter.d.ts +21 -19
  24. package/lib/code/LezerHighlighter.js +101 -101
  25. package/lib/code/diff.d.ts +12 -9
  26. package/lib/code/diff.js +218 -205
  27. package/lib/code/extractRange.d.ts +7 -4
  28. package/lib/code/extractRange.js +79 -71
  29. package/lib/code/index.d.ts +1 -1
  30. package/lib/code/index.js +1 -1
  31. package/lib/components/Audio.d.ts +11 -11
  32. package/lib/components/Audio.js +115 -109
  33. package/lib/components/AudioTest.d.ts +95 -95
  34. package/lib/components/AudioTest.js +259 -261
  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 -31
  62. package/lib/components/Media.d.ts.map +1 -1
  63. package/lib/components/Media.js +135 -121
  64. package/lib/components/Node.d.ts +875 -830
  65. package/lib/components/Node.js +1383 -1314
  66. package/lib/components/Path.d.ts +35 -14
  67. package/lib/components/Path.js +100 -89
  68. package/lib/components/Polygon.d.ts +60 -55
  69. package/lib/components/Polygon.js +71 -66
  70. package/lib/components/QuadBezier.d.ts +29 -29
  71. package/lib/components/QuadBezier.js +50 -45
  72. package/lib/components/Ray.d.ts +28 -28
  73. package/lib/components/Ray.js +71 -64
  74. package/lib/components/Rect.d.ts +115 -108
  75. package/lib/components/Rect.js +78 -72
  76. package/lib/components/SVG.d.ts +165 -139
  77. package/lib/components/SVG.js +609 -541
  78. package/lib/components/Shape.d.ts +44 -35
  79. package/lib/components/Shape.js +112 -127
  80. package/lib/components/Spline.d.ts +46 -40
  81. package/lib/components/Spline.js +190 -175
  82. package/lib/components/Txt.d.ts +55 -44
  83. package/lib/components/Txt.js +156 -155
  84. package/lib/components/TxtLeaf.d.ts +20 -16
  85. package/lib/components/TxtLeaf.js +177 -158
  86. package/lib/components/Video.d.ts +41 -41
  87. package/lib/components/Video.js +138 -135
  88. package/lib/components/View2D.d.ts +21 -21
  89. package/lib/components/View2D.js +98 -85
  90. package/lib/components/index.d.ts +1 -1
  91. package/lib/components/index.js +1 -1
  92. package/lib/components/types.d.ts +22 -9
  93. package/lib/components/types.js +1 -1
  94. package/lib/curves/ArcSegment.d.ts +36 -24
  95. package/lib/curves/ArcSegment.js +145 -94
  96. package/lib/curves/CircleSegment.d.ts +26 -16
  97. package/lib/curves/CircleSegment.js +56 -49
  98. package/lib/curves/CubicBezierSegment.d.ts +18 -13
  99. package/lib/curves/CubicBezierSegment.js +79 -46
  100. package/lib/curves/CurveDrawingInfo.d.ts +9 -9
  101. package/lib/curves/CurveDrawingInfo.js +1 -1
  102. package/lib/curves/CurvePoint.d.ts +13 -13
  103. package/lib/curves/CurvePoint.js +1 -1
  104. package/lib/curves/CurveProfile.d.ts +5 -5
  105. package/lib/curves/CurveProfile.js +1 -1
  106. package/lib/curves/KnotInfo.d.ts +8 -8
  107. package/lib/curves/KnotInfo.js +1 -1
  108. package/lib/curves/LineSegment.d.ts +19 -14
  109. package/lib/curves/LineSegment.js +42 -42
  110. package/lib/curves/Polynomial.d.ts +110 -110
  111. package/lib/curves/Polynomial.js +249 -239
  112. package/lib/curves/Polynomial2D.d.ts +20 -20
  113. package/lib/curves/Polynomial2D.js +46 -42
  114. package/lib/curves/PolynomialSegment.d.ts +42 -37
  115. package/lib/curves/PolynomialSegment.js +83 -81
  116. package/lib/curves/QuadBezierSegment.d.ts +12 -12
  117. package/lib/curves/QuadBezierSegment.js +71 -41
  118. package/lib/curves/Segment.d.ts +12 -7
  119. package/lib/curves/Segment.js +2 -3
  120. package/lib/curves/UniformPolynomialCurveSampler.d.ts +34 -34
  121. package/lib/curves/UniformPolynomialCurveSampler.js +68 -62
  122. package/lib/curves/createCurveProfileLerp.d.ts +17 -6
  123. package/lib/curves/createCurveProfileLerp.js +211 -208
  124. package/lib/curves/getBezierSplineProfile.d.ts +8 -4
  125. package/lib/curves/getBezierSplineProfile.js +145 -101
  126. package/lib/curves/getCircleProfile.d.ts +10 -4
  127. package/lib/curves/getCircleProfile.js +72 -40
  128. package/lib/curves/getPathProfile.d.ts +2 -2
  129. package/lib/curves/getPathProfile.js +135 -112
  130. package/lib/curves/getPointAtDistance.d.ts +7 -4
  131. package/lib/curves/getPointAtDistance.js +12 -12
  132. package/lib/curves/getPolylineProfile.d.ts +8 -4
  133. package/lib/curves/getPolylineProfile.js +67 -54
  134. package/lib/curves/getRectProfile.d.ts +9 -4
  135. package/lib/curves/getRectProfile.js +117 -52
  136. package/lib/curves/index.d.ts +1 -1
  137. package/lib/curves/index.js +1 -1
  138. package/lib/decorators/canvasStyleSignal.d.ts +3 -3
  139. package/lib/decorators/canvasStyleSignal.js +10 -10
  140. package/lib/decorators/colorSignal.d.ts +1 -1
  141. package/lib/decorators/colorSignal.js +7 -7
  142. package/lib/decorators/compound.d.ts +4 -2
  143. package/lib/decorators/compound.js +43 -23
  144. package/lib/decorators/computed.d.ts +1 -1
  145. package/lib/decorators/computed.js +9 -9
  146. package/lib/decorators/defaultStyle.d.ts +5 -2
  147. package/lib/decorators/defaultStyle.js +11 -11
  148. package/lib/decorators/filtersSignal.d.ts +28 -8
  149. package/lib/decorators/filtersSignal.js +87 -64
  150. package/lib/decorators/index.d.ts +1 -1
  151. package/lib/decorators/index.js +1 -1
  152. package/lib/decorators/initializers.d.ts +5 -2
  153. package/lib/decorators/initializers.js +18 -19
  154. package/lib/decorators/nodeName.d.ts +1 -1
  155. package/lib/decorators/nodeName.js +4 -4
  156. package/lib/decorators/signal.d.ts +40 -20
  157. package/lib/decorators/signal.js +113 -104
  158. package/lib/decorators/spacingSignal.d.ts +1 -1
  159. package/lib/decorators/spacingSignal.js +13 -13
  160. package/lib/decorators/vector2Signal.d.ts +13 -7
  161. package/lib/decorators/vector2Signal.js +15 -13
  162. package/lib/index.d.ts +1 -1
  163. package/lib/index.js +1 -1
  164. package/lib/jsx-dev-runtime.d.ts +3 -3
  165. package/lib/jsx-dev-runtime.js +3 -3
  166. package/lib/jsx-runtime.d.ts +19 -9
  167. package/lib/jsx-runtime.js +18 -18
  168. package/lib/partials/Filter.d.ts +24 -16
  169. package/lib/partials/Filter.js +69 -69
  170. package/lib/partials/Gradient.d.ts +30 -24
  171. package/lib/partials/Gradient.js +69 -58
  172. package/lib/partials/Pattern.d.ts +14 -9
  173. package/lib/partials/Pattern.js +30 -24
  174. package/lib/partials/ShaderConfig.d.ts +81 -74
  175. package/lib/partials/ShaderConfig.js +22 -23
  176. package/lib/partials/index.d.ts +1 -1
  177. package/lib/partials/index.js +1 -1
  178. package/lib/partials/types.d.ts +19 -6
  179. package/lib/partials/types.js +1 -1
  180. package/lib/scenes/Scene2D.d.ts +42 -23
  181. package/lib/scenes/Scene2D.d.ts.map +1 -1
  182. package/lib/scenes/Scene2D.js +161 -149
  183. package/lib/scenes/index.d.ts +1 -1
  184. package/lib/scenes/index.js +1 -1
  185. package/lib/scenes/makeScene2D.d.ts +7 -5
  186. package/lib/scenes/makeScene2D.js +10 -10
  187. package/lib/scenes/useScene2D.d.ts +2 -2
  188. package/lib/scenes/useScene2D.js +3 -3
  189. package/lib/tsconfig.build.tsbuildinfo +1 -1
  190. package/lib/utils/CanvasUtils.d.ts +93 -21
  191. package/lib/utils/CanvasUtils.js +186 -105
  192. package/lib/utils/diff.d.ts +25 -18
  193. package/lib/utils/diff.js +84 -87
  194. package/lib/utils/index.d.ts +1 -1
  195. package/lib/utils/index.js +1 -1
  196. package/lib/utils/is.d.ts +4 -2
  197. package/lib/utils/is.js +2 -2
  198. package/lib/utils/makeSignalExtensions.d.ts +11 -4
  199. package/lib/utils/makeSignalExtensions.js +17 -17
  200. package/package.json +5 -5
  201. package/src/lib/components/Media.ts +18 -0
  202. package/src/lib/scenes/Scene2D.ts +2 -0
@@ -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