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

package/lib/partials/ShaderConfig.d.ts

@@ -1,88 +1,81 @@
-import {SignalValue, WebGLConvertible} from '@revideo/core';
-import {Node} from '../components';
+import { SignalValue, WebGLConvertible } from '@revideo/core';
+import { Node } from '../components';
 /**
  * Describes a shader program used to apply effects to nodes.
  *
  * @experimental
  */
 export interface ShaderConfig {
-  /**
-   * The source code of the fragment shader.
-   *
-   * @example
-   * ```glsl
-   * #version 300 es
-   * precision highp float;
-   *
-   * #include "@revideo/core/shaders/common.glsl"
-   *
-   * void main() {
-   *     out_color = texture(core_source_tx, source_uv);
-   * }
-   * ```
-   */
-  fragment: string;
-  /**
-   * Custom uniforms to be passed to the shader.
-   *
-   * @remarks
-   * The keys of this object will be used as the uniform names.
-   * The values can be either a number or an array of numbers.
-   * The following table shows how the values will be mapped to GLSL types.
-   *
-   * | TypeScript                         | GLSL    |
-   * | ---------------------------------- | ------- |
-   * | `number`                           | `float` |
-   * | `[number, number]`                 | `vec2`  |
-   * | `[number, number, number]`         | `vec3`  |
-   * | `[number, number, number, number]` | `vec4`  |
-   *
-   * @example
-   * ```ts
-   * const shader = {
-   *   // ...
-   *   uniforms: {
-   *     my_value: () => 1,
-   *     my_vector: [1, 2, 3],
-   *   },
-   * };
-   * ```
-   *
-   * ```glsl
-   * uniform float my_value;
-   * uniform vec3 my_vector;
-   * ```
-   */
-  uniforms?: Record<string, SignalValue<number | number[] | WebGLConvertible>>;
-  /**
-   * A custom hook run before the shader is used.
-   *
-   * @remarks
-   * Gives you low-level access to the WebGL context and the shader program.
-   *
-   * @param gl - WebGL context.
-   * @param program - The shader program.
-   */
-  setup?: (gl: WebGL2RenderingContext, program: WebGLProgram) => void;
-  /**
-   * A custom hook run after the shader is used.
-   *
-   * @remarks
-   * Gives you low-level access to the WebGL context and the shader program.
-   * Can be used to clean up resources created in the {@link setup} hook.
-   *
-   * @param gl - WebGL context.
-   * @param program - The shader program.
-   */
-  teardown?: (gl: WebGL2RenderingContext, program: WebGLProgram) => void;
+    /**
+     * The source code of the fragment shader.
+     *
+     * @example
+     * ```glsl
+     * #version 300 es
+     * precision highp float;
+     *
+     * #include "@revideo/core/shaders/common.glsl"
+     *
+     * void main() {
+     *     out_color = texture(core_source_tx, source_uv);
+     * }
+     * ```
+     */
+    fragment: string;
+    /**
+     * Custom uniforms to be passed to the shader.
+     *
+     * @remarks
+     * The keys of this object will be used as the uniform names.
+     * The values can be either a number or an array of numbers.
+     * The following table shows how the values will be mapped to GLSL types.
+     *
+     * | TypeScript                         | GLSL    |
+     * | ---------------------------------- | ------- |
+     * | `number`                           | `float` |
+     * | `[number, number]`                 | `vec2`  |
+     * | `[number, number, number]`         | `vec3`  |
+     * | `[number, number, number, number]` | `vec4`  |
+     *
+     * @example
+     * ```ts
+     * const shader = {
+     *   // ...
+     *   uniforms: {
+     *     my_value: () => 1,
+     *     my_vector: [1, 2, 3],
+     *   },
+     * };
+     * ```
+     *
+     * ```glsl
+     * uniform float my_value;
+     * uniform vec3 my_vector;
+     * ```
+     */
+    uniforms?: Record<string, SignalValue<number | number[] | WebGLConvertible>>;
+    /**
+     * A custom hook run before the shader is used.
+     *
+     * @remarks
+     * Gives you low-level access to the WebGL context and the shader program.
+     *
+     * @param gl - WebGL context.
+     * @param program - The shader program.
+     */
+    setup?: (gl: WebGL2RenderingContext, program: WebGLProgram) => void;
+    /**
+     * A custom hook run after the shader is used.
+     *
+     * @remarks
+     * Gives you low-level access to the WebGL context and the shader program.
+     * Can be used to clean up resources created in the {@link setup} hook.
+     *
+     * @param gl - WebGL context.
+     * @param program - The shader program.
+     */
+    teardown?: (gl: WebGL2RenderingContext, program: WebGLProgram) => void;
 }
-export type PossibleShaderConfig =
-  | (ShaderConfig | string)[]
-  | ShaderConfig
-  | string
-  | null;
-export declare function parseShader(
-  this: Node,
-  value: PossibleShaderConfig,
-): ShaderConfig[];
-//# sourceMappingURL=ShaderConfig.d.ts.map
+export type PossibleShaderConfig = (ShaderConfig | string)[] | ShaderConfig | string | null;
+export declare function parseShader(this: Node, value: PossibleShaderConfig): ShaderConfig[];
+//# sourceMappingURL=ShaderConfig.d.ts.map

package/lib/partials/ShaderConfig.js

@@ -1,24 +1,25 @@
-import {experimentalLog, useLogger, useScene} from '@revideo/core';
+import { experimentalLog, useLogger, useScene, } from '@revideo/core';
 export function parseShader(value) {
-  let result;
-  if (!value) {
-    result = [];
-  } else if (typeof value === 'string') {
-    result = [{fragment: value}];
-  } else if (Array.isArray(value)) {
-    result = value.map(item =>
-      typeof item === 'string' ? {fragment: item} : item,
-    );
-  } else {
-    result = [value];
-  }
-  if (!useScene().experimentalFeatures && result.length > 0) {
-    result = [];
-    useLogger().log({
-      ...experimentalLog(`Node uses experimental shaders.`),
-      inspect: this.key,
-    });
-  }
-  return result;
+    let result;
+    if (!value) {
+        result = [];
+    }
+    else if (typeof value === 'string') {
+        result = [{ fragment: value }];
+    }
+    else if (Array.isArray(value)) {
+        result = value.map(item => typeof item === 'string' ? { fragment: item } : item);
+    }
+    else {
+        result = [value];
+    }
+    if (!useScene().experimentalFeatures && result.length > 0) {
+        result = [];
+        useLogger().log({
+            ...experimentalLog(`Node uses experimental shaders.`),
+            inspect: this.key,
+        });
+    }
+    return result;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2hhZGVyQ29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9wYXJ0aWFscy9TaGFkZXJDb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGVBQWUsRUFFZixTQUFTLEVBQ1QsUUFBUSxHQUVULE1BQU0sZUFBZSxDQUFDO0FBeUZ2QixNQUFNLFVBQVUsV0FBVyxDQUV6QixLQUEyQjtJQUUzQixJQUFJLE1BQXNCLENBQUM7SUFDM0IsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ1gsTUFBTSxHQUFHLEVBQUUsQ0FBQztJQUNkLENBQUM7U0FBTSxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQ3JDLE1BQU0sR0FBRyxDQUFDLEVBQUMsUUFBUSxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUM7SUFDL0IsQ0FBQztTQUFNLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1FBQ2hDLE1BQU0sR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQ3hCLE9BQU8sSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDbkQsQ0FBQztJQUNKLENBQUM7U0FBTSxDQUFDO1FBQ04sTUFBTSxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkIsQ0FBQztJQUVELElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxvQkFBb0IsSUFBSSxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1FBQzFELE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDWixTQUFTLEVBQUUsQ0FBQyxHQUFHLENBQUM7WUFDZCxHQUFHLGVBQWUsQ0FBQyxpQ0FBaUMsQ0FBQztZQUNyRCxPQUFPLEVBQUUsSUFBSSxDQUFDLEdBQUc7U0FDbEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELE9BQU8sTUFBTSxDQUFDO0FBQ2hCLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2hhZGVyQ29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9wYXJ0aWFscy9TaGFkZXJDb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGVBQWUsRUFFZixTQUFTLEVBQ1QsUUFBUSxHQUVULE1BQU0sZUFBZSxDQUFDO0FBeUZ2QixNQUFNLFVBQVUsV0FBVyxDQUV6QixLQUEyQjtJQUUzQixJQUFJLE1BQXNCLENBQUM7SUFDM0IsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ1gsTUFBTSxHQUFHLEVBQUUsQ0FBQztJQUNkLENBQUM7U0FBTSxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQ3JDLE1BQU0sR0FBRyxDQUFDLEVBQUMsUUFBUSxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUM7SUFDL0IsQ0FBQztTQUFNLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1FBQ2hDLE1BQU0sR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQ3hCLE9BQU8sSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDbkQsQ0FBQztJQUNKLENBQUM7U0FBTSxDQUFDO1FBQ04sTUFBTSxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkIsQ0FBQztJQUVELElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxvQkFBb0IsSUFBSSxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1FBQzFELE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDWixTQUFTLEVBQUUsQ0FBQyxHQUFHLENBQUM7WUFDZCxHQUFHLGVBQWUsQ0FBQyxpQ0FBaUMsQ0FBQztZQUNyRCxPQUFPLEVBQUUsSUFBSSxDQUFDLEdBQUc7U0FDbEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELE9BQU8sTUFBTSxDQUFDO0FBQ2hCLENBQUMifQ==

package/lib/partials/index.d.ts

@@ -2,4 +2,4 @@ export * from './Filter';
 export * from './Gradient';
 export * from './Pattern';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/partials/index.js

@@ -2,4 +2,4 @@ export * from './Filter';
 export * from './Gradient';
 export * from './Pattern';
 export * from './types';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3BhcnRpYWxzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsU0FBUyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3BhcnRpYWxzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsU0FBUyxDQUFDIn0=

package/lib/partials/types.d.ts

@@ -1,23 +1,10 @@
-import {Color, PossibleColor} from '@revideo/core';
-import type {Gradient} from './Gradient';
-import type {Pattern} from './Pattern';
+import { Color, PossibleColor } from '@revideo/core';
+import type { Gradient } from './Gradient';
+import type { Pattern } from './Pattern';
 export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-export type FlexBasis =
-  | Length
-  | 'content'
-  | 'max-content'
-  | 'min-content'
-  | 'fit-content'
-  | null;
-export type FlexContent =
-  | 'center'
-  | 'start'
-  | 'end'
-  | 'space-between'
-  | 'space-around'
-  | 'space-evenly'
-  | 'stretch';
+export type FlexBasis = Length | 'content' | 'max-content' | 'min-content' | 'fit-content' | null;
+export type FlexContent = 'center' | 'start' | 'end' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
 export type FlexItems = 'center' | 'start' | 'end' | 'stretch' | 'baseline';
 export type TextWrap = boolean | 'pre';
 export type LayoutMode = boolean | null;
@@ -45,4 +32,4 @@ export type DesiredLength = Length | null;
 export type LengthLimit = Length | null | 'max-content' | 'min-content';
 export type PossibleCanvasStyle = null | PossibleColor | Gradient | Pattern;
 export type CanvasStyle = null | Color | Gradient | Pattern;
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/lib/partials/types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3BhcnRpYWxzL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3BhcnRpYWxzL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/scenes/Scene2D.d.ts

@@ -1,43 +1,24 @@
-import {
-  AssetInfo,
-  FullSceneDescription,
-  GeneratorScene,
-  Inspectable,
-  InspectedAttributes,
-  InspectedElement,
-  Scene,
-  ThreadGeneratorFactory,
-  Vector2,
-} from '@revideo/core';
-import {Node, View2D} from '../components';
-export declare class Scene2D
-  extends GeneratorScene<View2D>
-  implements Inspectable
-{
-  private view;
-  private registeredNodes;
-  private readonly nodeCounters;
-  private assetHash;
-  constructor(
-    description: FullSceneDescription<ThreadGeneratorFactory<View2D>>,
-  );
-  getView(): View2D;
-  next(): Promise<void>;
-  draw(context: CanvasRenderingContext2D): void;
-  reset(previousScene?: Scene): Promise<void>;
-  inspectPosition(x: number, y: number): InspectedElement | null;
-  validateInspection(element: InspectedElement | null): InspectedElement | null;
-  inspectAttributes(element: InspectedElement): InspectedAttributes | null;
-  drawOverlay(
-    element: InspectedElement,
-    matrix: DOMMatrix,
-    context: CanvasRenderingContext2D,
-  ): void;
-  transformMousePosition(x: number, y: number): Vector2 | null;
-  registerNode(node: Node, key?: string): [string, () => void];
-  getNode(key: any): Node | null;
-  getDetachedNodes(): Generator<Node, void, unknown>;
-  getMediaAssets(): Array<AssetInfo>;
-  protected recreateView(): void;
+import { AssetInfo, FullSceneDescription, GeneratorScene, Inspectable, InspectedAttributes, InspectedElement, Scene, ThreadGeneratorFactory, Vector2 } from '@revideo/core';
+import { Node, View2D } from '../components';
+export declare class Scene2D extends GeneratorScene<View2D> implements Inspectable {
+    private view;
+    private registeredNodes;
+    private readonly nodeCounters;
+    private assetHash;
+    constructor(description: FullSceneDescription<ThreadGeneratorFactory<View2D>>);
+    getView(): View2D;
+    next(): Promise<void>;
+    draw(context: CanvasRenderingContext2D): void;
+    reset(previousScene?: Scene): Promise<void>;
+    inspectPosition(x: number, y: number): InspectedElement | null;
+    validateInspection(element: InspectedElement | null): InspectedElement | null;
+    inspectAttributes(element: InspectedElement): InspectedAttributes | null;
+    drawOverlay(element: InspectedElement, matrix: DOMMatrix, context: CanvasRenderingContext2D): void;
+    transformMousePosition(x: number, y: number): Vector2 | null;
+    registerNode(node: Node, key?: string): [string, () => void];
+    getNode(key: any): Node | null;
+    getDetachedNodes(): Generator<Node, void, unknown>;
+    getMediaAssets(): Array<AssetInfo>;
+    protected recreateView(): void;
 }
-//# sourceMappingURL=Scene2D.d.ts.map
+//# sourceMappingURL=Scene2D.d.ts.map