@revideo/2d 0.3.5-alpha.967 → 0.3.5-beta.967

package/lib/components/CodeBlock.d.ts

@@ -1,74 +1,107 @@
-import { SerializedVector2, Signal, SignalValue, SimpleSignal, ThreadGenerator, TimingFunction, Vector2 } from '@revideo/core';
-import { Code, CodeStyle, CodeTree, Token } from 'code-fns';
-import { DesiredLength } from '../partials';
-import { Shape, ShapeProps } from './Shape';
+import {
+  SerializedVector2,
+  Signal,
+  SignalValue,
+  SimpleSignal,
+  ThreadGenerator,
+  TimingFunction,
+  Vector2,
+} from '@revideo/core';
+import {Code, CodeStyle, CodeTree, Token} from 'code-fns';
+import {DesiredLength} from '../partials';
+import {Shape, ShapeProps} from './Shape';
 type CodePoint = [number, number];
 type CodeRange = [CodePoint, CodePoint];
 export interface CodeProps extends ShapeProps {
-    language?: string;
-    children?: Code;
-    code?: SignalValue<Code>;
-    selection?: CodeRange[];
-    theme?: CodeStyle;
+  language?: string;
+  children?: Code;
+  code?: SignalValue<Code>;
+  selection?: CodeRange[];
+  theme?: CodeStyle;
 }
 export interface CodeModification {
-    from: Code;
-    to: Code;
+  from: Code;
+  to: Code;
 }
 export declare class CodeBlock extends Shape {
-    private static initialized;
-    readonly language: SimpleSignal<string, this>;
-    readonly code: Signal<Code, CodeTree, this>;
-    readonly theme: Signal<CodeStyle | null, CodeStyle, this>;
-    readonly selection: SimpleSignal<CodeRange[], this>;
-    protected tweenSelection(value: CodeRange[], duration: number, timingFunction: TimingFunction): ThreadGenerator;
-    readonly unselectedOpacity: SimpleSignal<number, this>;
-    private codeProgress;
-    private selectionProgress;
-    private oldSelection;
-    private diffed;
-    private currentLineCount;
-    private newLineCount;
-    protected getLineCountOfTokenArray(tokens: Token[]): number;
-    lineCount(): number;
-    protected parsed(): Token[];
-    constructor({ children, ...rest }: CodeProps);
-    protected characterSize(): Vector2;
-    protected desiredSize(): SerializedVector2<DesiredLength>;
-    protected getTokensSize(tokens: Token[]): {
-        x: number;
-        y: number;
-    };
-    protected collectAsyncResources(): void;
-    set(strings: string[], ...rest: any[]): void;
-    /**
-     * Smoothly edit the code.
-     *
-     * @remarks
-     * This method returns a tag function that should be used together with a
-     * template literal to define what to edit. Expressions can be used to either
-     * {@link insert}, {@link remove}, or {@link edit} the code.
-     *
-     * @example
-     * ```ts
-     * yield* codeBlock().edit()`
-     *   const ${edit('a', 'b')} = [${insert('1, 2, 3')}];${remove(`
-     *   // this comment will be removed`)}
-     * `;
-     * ```
-     *
-     * @param duration - The duration of the transition.
-     * @param changeSelection - When set to `true`, the selection will be modified
-     *                          to highlight the newly inserted code. Setting it
-     *                          to `false` leaves the selection untouched.
-     *                          Providing a custom {@link CodeRange} will select
-     *                          it instead.
-     */
-    edit(duration?: number, changeSelection?: CodeRange[] | boolean): (strings: TemplateStringsArray, ...rest: (Code | CodeModification)[]) => ThreadGenerator;
-    tweenCode(code: CodeTree, time: number, timingFunction: TimingFunction): Generator<void | ThreadGenerator | Promise<any> | import("@revideo/core").Promisable<any>, void, any>;
-    protected draw(context: CanvasRenderingContext2D): Promise<void>;
-    protected selectionStrength(x: number, y: number): number;
-    protected static selectionStrength(selection: CodeRange[], x: number, y: number): number;
+  private static initialized;
+  readonly language: SimpleSignal<string, this>;
+  readonly code: Signal<Code, CodeTree, this>;
+  readonly theme: Signal<CodeStyle | null, CodeStyle, this>;
+  readonly selection: SimpleSignal<CodeRange[], this>;
+  protected tweenSelection(
+    value: CodeRange[],
+    duration: number,
+    timingFunction: TimingFunction,
+  ): ThreadGenerator;
+  readonly unselectedOpacity: SimpleSignal<number, this>;
+  private codeProgress;
+  private selectionProgress;
+  private oldSelection;
+  private diffed;
+  private currentLineCount;
+  private newLineCount;
+  protected getLineCountOfTokenArray(tokens: Token[]): number;
+  lineCount(): number;
+  protected parsed(): Token[];
+  constructor({children, ...rest}: CodeProps);
+  protected characterSize(): Vector2;
+  protected desiredSize(): SerializedVector2<DesiredLength>;
+  protected getTokensSize(tokens: Token[]): {
+    x: number;
+    y: number;
+  };
+  protected collectAsyncResources(): void;
+  set(strings: string[], ...rest: any[]): void;
+  /**
+   * Smoothly edit the code.
+   *
+   * @remarks
+   * This method returns a tag function that should be used together with a
+   * template literal to define what to edit. Expressions can be used to either
+   * {@link insert}, {@link remove}, or {@link edit} the code.
+   *
+   * @example
+   * ```ts
+   * yield* codeBlock().edit()`
+   *   const ${edit('a', 'b')} = [${insert('1, 2, 3')}];${remove(`
+   *   // this comment will be removed`)}
+   * `;
+   * ```
+   *
+   * @param duration - The duration of the transition.
+   * @param changeSelection - When set to `true`, the selection will be modified
+   *                          to highlight the newly inserted code. Setting it
+   *                          to `false` leaves the selection untouched.
+   *                          Providing a custom {@link CodeRange} will select
+   *                          it instead.
+   */
+  edit(
+    duration?: number,
+    changeSelection?: CodeRange[] | boolean,
+  ): (
+    strings: TemplateStringsArray,
+    ...rest: (Code | CodeModification)[]
+  ) => ThreadGenerator;
+  tweenCode(
+    code: CodeTree,
+    time: number,
+    timingFunction: TimingFunction,
+  ): Generator<
+    | void
+    | Promise<any>
+    | ThreadGenerator
+    | import('@revideo/core').Promisable<any>,
+    void,
+    any
+  >;
+  protected draw(context: CanvasRenderingContext2D): Promise<void>;
+  protected selectionStrength(x: number, y: number): number;
+  protected static selectionStrength(
+    selection: CodeRange[],
+    x: number,
+    y: number,
+  ): number;
 }
 /**
  * Create a code modification that inserts a piece of code.
@@ -114,7 +147,11 @@ export declare function lines(from: number, to?: number): CodeRange[];
  * @param length - The length of the word. If omitted, the selection will cover
  *                 the rest of the line.
  */
-export declare function word(line: number, from: number, length?: number): CodeRange[];
+export declare function word(
+  line: number,
+  from: number,
+  length?: number,
+): CodeRange[];
 /**
  * Create a custom selection range.
  *
@@ -123,6 +160,11 @@ export declare function word(line: number, from: number, length?: number): CodeR
  * @param endLine - The line at which the selection ends.
  * @param endColumn - The column at which the selection ends.
  */
-export declare function range(startLine: number, startColumn: number, endLine: number, endColumn: number): CodeRange[];
+export declare function range(
+  startLine: number,
+  startColumn: number,
+  endLine: number,
+  endColumn: number,
+): CodeRange[];
 export {};
-//# sourceMappingURL=CodeBlock.d.ts.map
+//# sourceMappingURL=CodeBlock.d.ts.map

package/lib/components/CubicBezier.d.ts

@@ -1,20 +1,20 @@
-import { PossibleVector2, SignalValue, Vector2Signal } from '@revideo/core';
-import { PolynomialSegment } from '../curves/PolynomialSegment';
-import { Bezier, BezierOverlayInfo } from './Bezier';
-import { CurveProps } from './Curve';
+import {PossibleVector2, SignalValue, Vector2Signal} from '@revideo/core';
+import {PolynomialSegment} from '../curves/PolynomialSegment';
+import {Bezier, BezierOverlayInfo} from './Bezier';
+import {CurveProps} from './Curve';
 export interface CubicBezierProps extends CurveProps {
-    p0?: SignalValue<PossibleVector2>;
-    p0X?: SignalValue<number>;
-    p0Y?: SignalValue<number>;
-    p1?: SignalValue<PossibleVector2>;
-    p1X?: SignalValue<number>;
-    p1Y?: SignalValue<number>;
-    p2?: SignalValue<PossibleVector2>;
-    p2X?: SignalValue<number>;
-    p2Y?: SignalValue<number>;
-    p3?: SignalValue<PossibleVector2>;
-    p3X?: SignalValue<number>;
-    p3Y?: SignalValue<number>;
+  p0?: SignalValue<PossibleVector2>;
+  p0X?: SignalValue<number>;
+  p0Y?: SignalValue<number>;
+  p1?: SignalValue<PossibleVector2>;
+  p1X?: SignalValue<number>;
+  p1Y?: SignalValue<number>;
+  p2?: SignalValue<PossibleVector2>;
+  p2X?: SignalValue<number>;
+  p2Y?: SignalValue<number>;
+  p3?: SignalValue<PossibleVector2>;
+  p3X?: SignalValue<number>;
+  p3Y?: SignalValue<number>;
 }
 /**
  * A node for drawing a cubic Bézier curve.
@@ -46,24 +46,24 @@ export interface CubicBezierProps extends CurveProps {
  * ```
  */
 export declare class CubicBezier extends Bezier {
-    /**
-     * The start point of the Bézier curve.
-     */
-    readonly p0: Vector2Signal<this>;
-    /**
-     * The first control point of the Bézier curve.
-     */
-    readonly p1: Vector2Signal<this>;
-    /**
-     * The second control point of the Bézier curve.
-     */
-    readonly p2: Vector2Signal<this>;
-    /**
-     * The end point of the Bézier curve.
-     */
-    readonly p3: Vector2Signal<this>;
-    constructor(props: CubicBezierProps);
-    protected segment(): PolynomialSegment;
-    protected overlayInfo(matrix: DOMMatrix): BezierOverlayInfo;
+  /**
+   * The start point of the Bézier curve.
+   */
+  readonly p0: Vector2Signal<this>;
+  /**
+   * The first control point of the Bézier curve.
+   */
+  readonly p1: Vector2Signal<this>;
+  /**
+   * The second control point of the Bézier curve.
+   */
+  readonly p2: Vector2Signal<this>;
+  /**
+   * The end point of the Bézier curve.
+   */
+  readonly p3: Vector2Signal<this>;
+  constructor(props: CubicBezierProps);
+  protected segment(): PolynomialSegment;
+  protected overlayInfo(matrix: DOMMatrix): BezierOverlayInfo;
 }
-//# sourceMappingURL=CubicBezier.d.ts.map
+//# sourceMappingURL=CubicBezier.d.ts.map