@revideo/2d 0.1.0

package/lib/partials/Gradient.d.ts

@@ -0,0 +1,31 @@
+import { PossibleColor, PossibleVector2, SignalValue, SimpleSignal, Vector2Signal } from '@revideo/core';
+export type GradientType = 'linear' | 'conic' | 'radial';
+export interface GradientStop {
+    offset: SignalValue<number>;
+    color: SignalValue<PossibleColor>;
+}
+export interface GradientProps {
+    type?: SignalValue<GradientType>;
+    fromX?: SignalValue<number>;
+    fromY?: SignalValue<number>;
+    from?: SignalValue<PossibleVector2>;
+    toX?: SignalValue<number>;
+    toY?: SignalValue<number>;
+    to?: SignalValue<PossibleVector2>;
+    angle?: SignalValue<number>;
+    fromRadius?: SignalValue<number>;
+    toRadius?: SignalValue<number>;
+    stops?: GradientStop[];
+}
+export declare class Gradient {
+    readonly type: SimpleSignal<GradientType, this>;
+    readonly from: Vector2Signal<this>;
+    readonly to: Vector2Signal<this>;
+    readonly angle: SimpleSignal<number, this>;
+    readonly fromRadius: SimpleSignal<number, this>;
+    readonly toRadius: SimpleSignal<number, this>;
+    readonly stops: SimpleSignal<GradientStop[], this>;
+    constructor(props: GradientProps);
+    canvasGradient(context: CanvasRenderingContext2D): CanvasGradient;
+}
+//# sourceMappingURL=Gradient.d.ts.map

package/lib/partials/Gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../src/lib/partials/Gradient.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,eAAe,EACf,WAAW,EACX,YAAY,EACZ,aAAa,EAEd,MAAM,eAAe,CAAC;AAKvB,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IACpC,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,EAAE,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;CACxB;AAED,qBAAa,QAAQ;IACnB,SAEwB,IAAI,EAAE,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAE/D,SACwB,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAElD,SACwB,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAEhD,SAEwB,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC1D,SAEwB,UAAU,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC/D,SAEwB,QAAQ,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC7D,SAEwB,KAAK,EAAE,YAAY,CAAC,YAAY,EAAE,EAAE,IAAI,CAAC,CAAC;gBAE/C,KAAK,EAAE,aAAa;IAKhC,cAAc,CAAC,OAAO,EAAE,wBAAwB,GAAG,cAAc;CAuCzE"}

package/lib/partials/Gradient.js

@@ -0,0 +1,63 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Color, unwrap, } from '@revideo/core';
+import { computed } from '../decorators/computed';
+import { initial, initializeSignals, signal } from '../decorators/signal';
+import { vector2Signal } from '../decorators/vector2Signal';
+export class Gradient {
+    constructor(props) {
+        initializeSignals(this, props);
+    }
+    canvasGradient(context) {
+        let gradient;
+        switch (this.type()) {
+            case 'linear':
+                gradient = context.createLinearGradient(this.from.x(), this.from.y(), this.to.x(), this.to.y());
+                break;
+            case 'conic':
+                gradient = context.createConicGradient(this.angle(), this.from.x(), this.from.y());
+                break;
+            case 'radial':
+                gradient = context.createRadialGradient(this.from.x(), this.from.y(), this.fromRadius(), this.to.x(), this.to.y(), this.toRadius());
+                break;
+        }
+        for (const { offset, color } of this.stops()) {
+            gradient.addColorStop(unwrap(offset), new Color(unwrap(color)).serialize());
+        }
+        return gradient;
+    }
+}
+__decorate([
+    initial('linear'),
+    signal()
+], Gradient.prototype, "type", void 0);
+__decorate([
+    vector2Signal('from')
+], Gradient.prototype, "from", void 0);
+__decorate([
+    vector2Signal('to')
+], Gradient.prototype, "to", void 0);
+__decorate([
+    initial(0),
+    signal()
+], Gradient.prototype, "angle", void 0);
+__decorate([
+    initial(0),
+    signal()
+], Gradient.prototype, "fromRadius", void 0);
+__decorate([
+    initial(0),
+    signal()
+], Gradient.prototype, "toRadius", void 0);
+__decorate([
+    initial([]),
+    signal()
+], Gradient.prototype, "stops", void 0);
+__decorate([
+    computed()
+], Gradient.prototype, "canvasGradient", null);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JhZGllbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3BhcnRpYWxzL0dyYWRpZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxLQUFLLEVBTUwsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLEVBQUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ3hFLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQXVCMUQsTUFBTSxPQUFPLFFBQVE7SUF3Qm5CLFlBQW1CLEtBQW9CO1FBQ3JDLGlCQUFpQixDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBR00sY0FBYyxDQUFDLE9BQWlDO1FBQ3JELElBQUksUUFBd0IsQ0FBQztRQUM3QixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLEtBQUssUUFBUTtnQkFDWCxRQUFRLEdBQUcsT0FBTyxDQUFDLG9CQUFvQixDQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQ2IsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFDWCxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUNaLENBQUM7Z0JBQ0YsTUFBTTtZQUNSLEtBQUssT0FBTztnQkFDVixRQUFRLEdBQUcsT0FBTyxDQUFDLG1CQUFtQixDQUNwQyxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUNkLENBQUM7Z0JBQ0YsTUFBTTtZQUNSLEtBQUssUUFBUTtnQkFDWCxRQUFRLEdBQUcsT0FBTyxDQUFDLG9CQUFvQixDQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQ2IsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUNqQixJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUNYLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQ1gsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUNoQixDQUFDO2dCQUNGLE1BQU07UUFDVixDQUFDO1FBRUQsS0FBSyxNQUFNLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBQyxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDO1lBQzNDLFFBQVEsQ0FBQyxZQUFZLENBQ25CLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFDZCxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FDckMsQ0FBQztRQUNKLENBQUM7UUFFRCxPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDO0NBQ0Y7QUFqRXlCO0lBRnZCLE9BQU8sQ0FBQyxRQUFRLENBQUM7SUFDakIsTUFBTSxFQUFFO3NDQUNzRDtBQUd2QztJQUR2QixhQUFhLENBQUMsTUFBTSxDQUFDO3NDQUM0QjtBQUcxQjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDO29DQUM0QjtBQUl4QjtJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFO3VDQUNpRDtBQUdsQztJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFOzRDQUNzRDtBQUd2QztJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFOzBDQUNvRDtBQUdyQztJQUZ2QixPQUFPLENBQUMsRUFBRSxDQUFDO0lBQ1gsTUFBTSxFQUFFO3VDQUN5RDtBQU8zRDtJQUROLFFBQVEsRUFBRTs4Q0F1Q1YifQ==

package/lib/partials/Pattern.d.ts

@@ -0,0 +1,13 @@
+import { SimpleSignal } from '@revideo/core';
+export type CanvasRepetition = null | 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
+export interface PatternProps {
+    image: CanvasImageSource;
+    repetition?: CanvasRepetition;
+}
+export declare class Pattern {
+    readonly image: SimpleSignal<CanvasImageSource, this>;
+    readonly repetition: SimpleSignal<CanvasRepetition, this>;
+    constructor(props: PatternProps);
+    canvasPattern(context: CanvasRenderingContext2D): CanvasPattern | null;
+}
+//# sourceMappingURL=Pattern.d.ts.map

package/lib/partials/Pattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pattern.d.ts","sourceRoot":"","sources":["../../src/lib/partials/Pattern.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAI3C,MAAM,MAAM,gBAAgB,GACxB,IAAI,GACJ,QAAQ,GACR,UAAU,GACV,UAAU,GACV,WAAW,CAAC;AAGhB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,qBAAa,OAAO;IAClB,SACwB,KAAK,EAAE,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;IACrE,SAEwB,UAAU,EAAE,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;gBAEtD,KAAK,EAAE,YAAY;IAK/B,aAAa,CAClB,OAAO,EAAE,wBAAwB,GAChC,aAAa,GAAG,IAAI;CAGxB"}

package/lib/partials/Pattern.js

@@ -0,0 +1,27 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { computed } from '../decorators/computed';
+import { initial, initializeSignals, signal } from '../decorators/signal';
+export class Pattern {
+    constructor(props) {
+        initializeSignals(this, props);
+    }
+    canvasPattern(context) {
+        return context.createPattern(this.image(), this.repetition());
+    }
+}
+__decorate([
+    signal()
+], Pattern.prototype, "image", void 0);
+__decorate([
+    initial(null),
+    signal()
+], Pattern.prototype, "repetition", void 0);
+__decorate([
+    computed()
+], Pattern.prototype, "canvasPattern", null);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGF0dGVybi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvcGFydGlhbHMvUGF0dGVybi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTyxFQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQWV4RSxNQUFNLE9BQU8sT0FBTztJQU9sQixZQUFtQixLQUFtQjtRQUNwQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUdNLGFBQWEsQ0FDbEIsT0FBaUM7UUFFakMsT0FBTyxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQztJQUNoRSxDQUFDO0NBQ0Y7QUFmeUI7SUFEdkIsTUFBTSxFQUFFO3NDQUM0RDtBQUc3QztJQUZ2QixPQUFPLENBQUMsSUFBSSxDQUFDO0lBQ2IsTUFBTSxFQUFFOzJDQUNnRTtBQU9sRTtJQUROLFFBQVEsRUFBRTs0Q0FLViJ9

package/lib/partials/ShaderConfig.d.ts

@@ -0,0 +1,81 @@
+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;
+}
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShaderConfig.d.ts","sourceRoot":"","sources":["../../src/lib/partials/ShaderConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAGX,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAEnC;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;;;;;;;;;;;OAcG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAC;IAE7E;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,sBAAsB,EAAE,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAEpE;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,sBAAsB,EAAE,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACxE;AAED,MAAM,MAAM,oBAAoB,GAC5B,CAAC,YAAY,GAAG,MAAM,CAAC,EAAE,GACzB,YAAY,GACZ,MAAM,GACN,IAAI,CAAC;AAET,wBAAgB,WAAW,CACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,oBAAoB,GAC1B,YAAY,EAAE,CAuBhB"}

package/lib/partials/ShaderConfig.js

@@ -0,0 +1,25 @@
+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;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2hhZGVyQ29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9wYXJ0aWFscy9TaGFkZXJDb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGVBQWUsRUFFZixTQUFTLEVBQ1QsUUFBUSxHQUVULE1BQU0sZUFBZSxDQUFDO0FBeUZ2QixNQUFNLFVBQVUsV0FBVyxDQUV6QixLQUEyQjtJQUUzQixJQUFJLE1BQXNCLENBQUM7SUFDM0IsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ1gsTUFBTSxHQUFHLEVBQUUsQ0FBQztJQUNkLENBQUM7U0FBTSxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQ3JDLE1BQU0sR0FBRyxDQUFDLEVBQUMsUUFBUSxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUM7SUFDL0IsQ0FBQztTQUFNLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1FBQ2hDLE1BQU0sR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQ3hCLE9BQU8sSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDbkQsQ0FBQztJQUNKLENBQUM7U0FBTSxDQUFDO1FBQ04sTUFBTSxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkIsQ0FBQztJQUVELElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxvQkFBb0IsSUFBSSxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1FBQzFELE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDWixTQUFTLEVBQUUsQ0FBQyxHQUFHLENBQUM7WUFDZCxHQUFHLGVBQWUsQ0FBQyxpQ0FBaUMsQ0FBQztZQUNyRCxPQUFPLEVBQUUsSUFBSSxDQUFDLEdBQUc7U0FDbEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELE9BQU8sTUFBTSxDQUFDO0FBQ2hCLENBQUMifQ==

package/lib/partials/index.d.ts

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

package/lib/partials/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/partials/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/lib/partials/index.js

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

package/lib/partials/types.d.ts

@@ -0,0 +1,35 @@
+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 FlexItems = 'center' | 'start' | 'end' | 'stretch' | 'baseline';
+export type TextWrap = boolean | 'pre';
+export type LayoutMode = boolean | null;
+/**
+ * Represents a length used by most layout properties.
+ *
+ * @remarks
+ * The value can be either:
+ * - `number` - the desired length in pixels
+ * - `${number}%` - a string with the desired length in percents, for example
+ *                  `'50%'`
+ */
+export type Length = number | `${number}%`;
+/**
+ * Represents a desired length used internally by layout Nodes.
+ *
+ * @remarks
+ * When the desired length is set to `null` it represents a default value for
+ * whatever property it describes.
+ */
+export type DesiredLength = Length | null;
+/**
+ * Represents a length limit used by layout properties such as `max-width`.
+ */
+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

package/lib/partials/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/partials/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACzC,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,aAAa,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAEhF,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;AAE1D,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,SAAS,GACT,aAAa,GACb,aAAa,GACb,aAAa,GACb,IAAI,CAAC;AAET,MAAM,MAAM,WAAW,GACnB,QAAQ,GACR,OAAO,GACP,KAAK,GACL,eAAe,GACf,cAAc,GACd,cAAc,GACd,SAAS,CAAC;AAEd,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAE5E,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,IAAI,CAAC;AAExC;;;;;;;;GAQG;AACH,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;AAE3C;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,aAAa,GAAG,aAAa,CAAC;AAExE,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5E,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC"}

package/lib/partials/types.js

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

package/lib/scenes/Scene2D.d.ts

@@ -0,0 +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;
+}
+//# sourceMappingURL=Scene2D.d.ts.map

package/lib/scenes/Scene2D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene2D.d.ts","sourceRoot":"","sources":["../../src/lib/scenes/Scene2D.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,gBAAgB,EAChB,KAAK,EAEL,sBAAsB,EACtB,OAAO,EAER,MAAM,eAAe,CAAC;AACvB,OAAO,EAAQ,IAAI,EAAS,MAAM,EAAC,MAAM,eAAe,CAAC;AAEzD,qBAAa,OAAQ,SAAQ,cAAc,CAAC,MAAM,CAAE,YAAW,WAAW;IACxE,OAAO,CAAC,IAAI,CAAuB;IACnC,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6B;IAC1D,OAAO,CAAC,SAAS,CAAyB;gBAGxC,WAAW,EAAE,oBAAoB,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAY5D,OAAO,IAAI,MAAM;IAIR,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAO9B,IAAI,CAAC,OAAO,EAAE,wBAAwB;IAe7B,KAAK,CAAC,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBpD,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI;IAM9D,kBAAkB,CACvB,OAAO,EAAE,gBAAgB,GAAG,IAAI,GAC/B,gBAAgB,GAAG,IAAI;IAInB,iBAAiB,CACtB,OAAO,EAAE,gBAAgB,GACxB,mBAAmB,GAAG,IAAI;IAgBtB,WAAW,CAChB,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,wBAAwB,GAChC,IAAI;IASA,sBAAsB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAM5D,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAoB5D,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI;IAK7B,gBAAgB;IAMR,cAAc,IAAI,KAAK,CAAC,SAAS,CAAC;IA0ClD,SAAS,CAAC,YAAY;CAWvB"}

package/lib/scenes/Scene2D.js

@@ -0,0 +1,158 @@
+import { GeneratorScene, SceneRenderEvent, Vector2, useLogger, } from '@revideo/core';
+import { Audio, Video, View2D } from '../components';
+export class Scene2D extends GeneratorScene {
+    constructor(description) {
+        super(description);
+        this.view = null;
+        this.registeredNodes = new Map();
+        this.nodeCounters = new Map();
+        this.assetHash = Date.now().toString();
+        this.recreateView();
+        if (import.meta.hot) {
+            import.meta.hot.on('revideo:assets', () => {
+                this.assetHash = Date.now().toString();
+                this.getView().assetHash(this.assetHash);
+            });
+        }
+    }
+    getView() {
+        return this.view;
+    }
+    next() {
+        this.getView()
+            ?.playbackState(this.playback.state)
+            .globalTime(this.playback.time);
+        return super.next();
+    }
+    draw(context) {
+        context.save();
+        this.renderLifecycle.dispatch([SceneRenderEvent.BeforeRender, context]);
+        context.save();
+        this.renderLifecycle.dispatch([SceneRenderEvent.BeginRender, context]);
+        this.getView()
+            .playbackState(this.playback.state)
+            .globalTime(this.playback.time);
+        this.getView().render(context);
+        this.renderLifecycle.dispatch([SceneRenderEvent.FinishRender, context]);
+        context.restore();
+        this.renderLifecycle.dispatch([SceneRenderEvent.AfterRender, context]);
+        context.restore();
+    }
+    reset(previousScene) {
+        for (const key of this.registeredNodes.keys()) {
+            try {
+                this.registeredNodes.get(key).dispose();
+            }
+            catch (e) {
+                this.logger.error(e);
+            }
+        }
+        this.registeredNodes.clear();
+        this.registeredNodes = new Map();
+        this.nodeCounters.clear();
+        this.recreateView();
+        return super.reset(previousScene);
+    }
+    inspectPosition(x, y) {
+        return this.execute(() => this.getView().hit(new Vector2(x, y))?.key ?? null);
+    }
+    validateInspection(element) {
+        return this.getNode(element)?.key ?? null;
+    }
+    inspectAttributes(element) {
+        const node = this.getNode(element);
+        if (!node)
+            return null;
+        const attributes = {
+            stack: node.creationStack,
+            key: node.key,
+        };
+        for (const { key, meta, signal } of node) {
+            if (!meta.inspectable)
+                continue;
+            attributes[key] = signal();
+        }
+        return attributes;
+    }
+    drawOverlay(element, matrix, context) {
+        const node = this.getNode(element);
+        if (node) {
+            this.execute(() => {
+                node.drawOverlay(context, matrix.multiply(node.localToWorld()));
+            });
+        }
+    }
+    transformMousePosition(x, y) {
+        return new Vector2(x, y).transformAsPoint(this.getView().localToParent().inverse());
+    }
+    registerNode(node, key) {
+        const className = node.constructor?.name ?? 'unknown';
+        const counter = (this.nodeCounters.get(className) ?? 0) + 1;
+        this.nodeCounters.set(className, counter);
+        if (key && this.registeredNodes.has(key)) {
+            useLogger().error({
+                message: `Duplicated node key: "${key}".`,
+                inspect: key,
+                stack: new Error().stack,
+            });
+            key = undefined;
+        }
+        key ?? (key = `${this.name}/${className}[${counter}]`);
+        this.registeredNodes.set(key, node);
+        const currentNodeMap = this.registeredNodes;
+        return [key, () => currentNodeMap.delete(key)];
+    }
+    getNode(key) {
+        if (typeof key !== 'string')
+            return null;
+        return this.registeredNodes.get(key) ?? null;
+    }
+    *getDetachedNodes() {
+        for (const node of this.registeredNodes.values()) {
+            if (!node.parent() && node !== this.view)
+                yield node;
+        }
+    }
+    getMediaAssets() {
+        const playingVideos = Array.from(this.registeredNodes.values())
+            .filter((node) => node instanceof Video)
+            .filter(video => video.isPlaying());
+        const playingAudios = Array.from(this.registeredNodes.values())
+            .filter((node) => node instanceof Audio)
+            .filter(audio => audio.isPlaying());
+        const returnObjects = [];
+        returnObjects.push(...playingVideos.map(vid => ({
+            key: vid.key,
+            type: 'video',
+            src: typeof vid.src === 'function' ? vid.src() : vid.src,
+            playbackRate: typeof vid.playbackRate === 'function'
+                ? vid.playbackRate()
+                : vid.playbackRate,
+            currentTime: vid.getCurrentTime(),
+            duration: vid.getDuration(),
+        })));
+        returnObjects.push(...playingAudios.map(audio => ({
+            key: audio.key,
+            type: 'audio',
+            src: typeof audio.src === 'function' ? audio.src() : audio.src,
+            playbackRate: typeof audio.playbackRate === 'function'
+                ? audio.playbackRate()
+                : audio.playbackRate,
+            currentTime: audio.getCurrentTime(),
+            duration: audio.getDuration(),
+        })));
+        return returnObjects;
+    }
+    recreateView() {
+        this.execute(() => {
+            const size = this.getSize();
+            this.view = new View2D({
+                position: size.scale(this.resolutionScale / 2),
+                scale: this.resolutionScale,
+                assetHash: this.assetHash,
+                size,
+            });
+        });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2NlbmUyRC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvc2NlbmVzL1NjZW5lMkQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUdMLGNBQWMsRUFLZCxnQkFBZ0IsRUFFaEIsT0FBTyxFQUNQLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsS0FBSyxFQUFRLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFekQsTUFBTSxPQUFPLE9BQVEsU0FBUSxjQUFzQjtJQU1qRCxZQUNFLFdBQWlFO1FBRWpFLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztRQVJiLFNBQUksR0FBa0IsSUFBSSxDQUFDO1FBQzNCLG9CQUFlLEdBQUcsSUFBSSxHQUFHLEVBQWdCLENBQUM7UUFDakMsaUJBQVksR0FBRyxJQUFJLEdBQUcsRUFBa0IsQ0FBQztRQUNsRCxjQUFTLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBTXhDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDcEIsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLGdCQUFnQixFQUFFLEdBQUcsRUFBRTtnQkFDeEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ3ZDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQzNDLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7SUFFTSxPQUFPO1FBQ1osT0FBTyxJQUFJLENBQUMsSUFBSyxDQUFDO0lBQ3BCLENBQUM7SUFFZSxJQUFJO1FBQ2xCLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFD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

package/lib/scenes/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Scene2D';
+export * from './makeScene2D';
+export * from './useScene2D';
+//# sourceMappingURL=index.d.ts.map

package/lib/scenes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/scenes/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/lib/scenes/index.js

@@ -0,0 +1,4 @@
+export * from './Scene2D';
+export * from './makeScene2D';
+export * from './useScene2D';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3NjZW5lcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGNBQWMsQ0FBQyJ9

package/lib/scenes/makeScene2D.d.ts

@@ -0,0 +1,5 @@
+import { DescriptionOf, ThreadGeneratorFactory } from '@revideo/core';
+import type { View2D } from '../components';
+import { Scene2D } from './Scene2D';
+export declare function makeScene2D(runner: ThreadGeneratorFactory<View2D>): DescriptionOf<Scene2D>;
+//# sourceMappingURL=makeScene2D.d.ts.map

package/lib/scenes/makeScene2D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeScene2D.d.ts","sourceRoot":"","sources":["../../src/lib/scenes/makeScene2D.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,sBAAsB,EACvB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,wBAAgB,WAAW,CACzB,MAAM,EAAE,sBAAsB,CAAC,MAAM,CAAC,GACrC,aAAa,CAAC,OAAO,CAAC,CAQxB"}

package/lib/scenes/makeScene2D.js

@@ -0,0 +1,12 @@
+import { createSceneMetadata, } from '@revideo/core';
+import { Scene2D } from './Scene2D';
+export function makeScene2D(runner) {
+    return {
+        klass: Scene2D,
+        config: runner,
+        stack: new Error().stack,
+        meta: createSceneMetadata(),
+        plugins: ['@revideo/2d/editor'],
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFrZVNjZW5lMkQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL3NjZW5lcy9tYWtlU2NlbmUyRC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsbUJBQW1CLEdBR3BCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSxXQUFXLENBQUM7QUFFbEMsTUFBTSxVQUFVLFdBQVcsQ0FDekIsTUFBc0M7SUFFdEMsT0FBTztRQUNMLEtBQUssRUFBRSxPQUFPO1FBQ2QsTUFBTSxFQUFFLE1BQU07UUFDZCxLQUFLLEVBQUUsSUFBSSxLQUFLLEVBQUUsQ0FBQyxLQUFLO1FBQ3hCLElBQUksRUFBRSxtQkFBbUIsRUFBRTtRQUMzQixPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztLQUNoQyxDQUFDO0FBQ0osQ0FBQyJ9

package/lib/scenes/useScene2D.d.ts

@@ -0,0 +1,3 @@
+import type { Scene2D } from './Scene2D';
+export declare function useScene2D(): Scene2D;
+//# sourceMappingURL=useScene2D.d.ts.map

package/lib/scenes/useScene2D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScene2D.d.ts","sourceRoot":"","sources":["../../src/lib/scenes/useScene2D.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAEvC,wBAAgB,UAAU,IAAI,OAAO,CAEpC"}

package/lib/scenes/useScene2D.js

@@ -0,0 +1,5 @@
+import { useScene } from '@revideo/core';
+export function useScene2D() {
+    return useScene();
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2NlbmUyRC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvc2NlbmVzL3VzZVNjZW5lMkQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUd2QyxNQUFNLFVBQVUsVUFBVTtJQUN4QixPQUFnQixRQUFRLEVBQUUsQ0FBQztBQUM3QixDQUFDIn0=