@remotion/web-renderer 4.0.391 → 4.0.392

package/dist/find-canvas-elements.d.ts

@@ -0,0 +1 @@
+export declare const findCanvasElements: (element: HTMLDivElement) => HTMLCanvasElement[];

package/dist/find-canvas-elements.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findCanvasElements = void 0;
+const findCanvasElements = (element) => {
+    const canvasElements = element.querySelectorAll('canvas');
+    const composables = [];
+    Array.from(canvasElements).forEach((canvasElement) => {
+        const canvas = canvasElement;
+        composables.push(canvas);
+    });
+    return composables;
+};
+exports.findCanvasElements = findCanvasElements;

package/dist/find-capturable-elements.d.ts

@@ -0,0 +1,2 @@
+import type { Composable } from './composable';
+export declare const findCapturableElements: (element: HTMLDivElement, context: OffscreenCanvasRenderingContext2D) => Promise<Composable[]>;

package/dist/find-capturable-elements.js

@@ -0,0 +1,26 @@
+import { drawElementToCanvas } from './drawing/draw-element-to-canvas';
+export const findCapturableElements = async (element, context) => {
+    const treeWalker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, (node) => {
+        if (node instanceof Element) {
+            const computedStyle = getComputedStyle(node);
+            return computedStyle.display === 'none'
+                ? NodeFilter.FILTER_REJECT
+                : NodeFilter.FILTER_ACCEPT;
+        }
+        return NodeFilter.FILTER_ACCEPT;
+    });
+    const composables = [];
+    while (treeWalker.nextNode()) {
+        const node = treeWalker.currentNode;
+        if (node instanceof HTMLCanvasElement ||
+            node instanceof SVGSVGElement ||
+            node instanceof HTMLImageElement) {
+            await drawElementToCanvas(node, context);
+            composables.push({
+                type: 'element',
+                element: node,
+            });
+        }
+    }
+    return composables;
+};

package/dist/opacity.d.ts

@@ -0,0 +1,4 @@
+export declare const setOpacity: ({ ctx, opacity, }: {
+    ctx: OffscreenCanvasRenderingContext2D;
+    opacity: number;
+}) => () => void;

package/dist/opacity.js

@@ -0,0 +1,7 @@
+export const setOpacity = ({ ctx, opacity, }) => {
+    const previousAlpha = ctx.globalAlpha;
+    ctx.globalAlpha = opacity;
+    return () => {
+        ctx.globalAlpha = previousAlpha;
+    };
+};

package/dist/parse-transform-origin.d.ts

@@ -0,0 +1,4 @@
+export declare const parseTransformOrigin: (transformOrigin: string) => {
+    x: number;
+    y: number;
+} | null;

package/dist/parse-transform-origin.js

@@ -0,0 +1,7 @@
+export const parseTransformOrigin = (transformOrigin) => {
+    if (transformOrigin.trim() === '') {
+        return null;
+    }
+    const [x, y] = transformOrigin.split(' ');
+    return { x: parseFloat(x), y: parseFloat(y) };
+};

package/dist/transform.d.ts

@@ -0,0 +1,4 @@
+export declare const setTransform: ({ ctx, transform, }: {
+    ctx: OffscreenCanvasRenderingContext2D;
+    transform: DOMMatrix;
+}) => () => void;

package/dist/transform.js

@@ -0,0 +1,6 @@
+export const setTransform = ({ ctx, transform, }) => {
+    ctx.setTransform(transform);
+    return () => {
+        ctx.setTransform(new DOMMatrix());
+    };
+};

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/web-renderer"
 	},
 	"name": "@remotion/web-renderer",
-	"version": "4.0.391",
+	"version": "4.0.392",
 	"main": "dist/index.js",
 	"sideEffects": false,
 	"scripts": {
@@ -16,13 +16,13 @@
 	"author": "Remotion <jonny@remotion.dev>",
 	"license": "UNLICENSED",
 	"dependencies": {
-		"remotion": "4.0.391",
+		"remotion": "4.0.392",
 		"mediabunny": "1.25.8"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.391",
-		"@remotion/player": "4.0.391",
-		"@remotion/media": "4.0.391",
+		"@remotion/eslint-config-internal": "4.0.392",
+		"@remotion/player": "4.0.392",
+		"@remotion/media": "4.0.392",
 		"@vitejs/plugin-react": "4.1.0",
 		"@vitest/browser-playwright": "4.0.9",
 		"playwright": "1.55.1",