@revideo/2d 0.2.0 → 0.2.1

package/lib/partials/ShaderConfig.d.ts

@@ -1,81 +1,88 @@
-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,25 +1,24 @@
-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,10 +1,23 @@
-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;
@@ -32,4 +45,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,24 +1,43 @@
-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