@remotion/web-renderer 4.0.384 → 4.0.385

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/audio.d.ts +5 -1
  2. package/dist/audio.js +12 -19
  3. package/dist/border-radius.d.ts +31 -0
  4. package/dist/border-radius.js +152 -0
  5. package/dist/calculate-transforms.d.ts +2 -0
  6. package/dist/calculate-transforms.js +17 -0
  7. package/dist/composable.d.ts +2 -8
  8. package/dist/compose-canvas.js +28 -4
  9. package/dist/compose.d.ts +1 -6
  10. package/dist/compose.js +16 -11
  11. package/dist/drawing/border-radius.d.ts +31 -0
  12. package/dist/drawing/border-radius.js +152 -0
  13. package/dist/drawing/calculate-transforms.d.ts +10 -0
  14. package/dist/drawing/calculate-transforms.js +81 -0
  15. package/dist/drawing/compose-canvas.d.ts +1 -0
  16. package/dist/drawing/compose-canvas.js +36 -0
  17. package/dist/drawing/compose-svg.d.ts +1 -0
  18. package/dist/drawing/compose-svg.js +34 -0
  19. package/dist/drawing/compose.d.ts +5 -0
  20. package/dist/drawing/compose.js +6 -0
  21. package/dist/drawing/draw-border.d.ts +10 -0
  22. package/dist/drawing/draw-border.js +101 -0
  23. package/dist/drawing/draw-element-to-canvas.d.ts +4 -0
  24. package/dist/drawing/draw-element-to-canvas.js +72 -0
  25. package/dist/drawing/get-computed-style-cache.d.ts +0 -0
  26. package/dist/drawing/get-computed-style-cache.js +1 -0
  27. package/dist/drawing/opacity.d.ts +4 -0
  28. package/dist/drawing/opacity.js +7 -0
  29. package/dist/drawing/parse-transform-origin.d.ts +4 -0
  30. package/dist/drawing/parse-transform-origin.js +7 -0
  31. package/dist/drawing/transform.d.ts +4 -0
  32. package/dist/drawing/transform.js +6 -0
  33. package/dist/drawing/turn-svg-into-drawable.d.ts +1 -0
  34. package/dist/drawing/turn-svg-into-drawable.js +34 -0
  35. package/dist/esm/index.mjs +363 -79
  36. package/dist/find-capturable-elements.d.ts +1 -1
  37. package/dist/find-capturable-elements.js +20 -22
  38. package/dist/opacity.d.ts +4 -0
  39. package/dist/opacity.js +7 -0
  40. package/dist/render-media-on-web.js +14 -5
  41. package/dist/take-screenshot.js +7 -8
  42. package/dist/transform.d.ts +4 -0
  43. package/dist/transform.js +6 -0
  44. package/package.json +5 -5
package/dist/take-screenshot.js CHANGED
@@ -1,13 +1,12 @@
1
1
  import { compose } from './compose';
2
- import { findCapturableElements } from './find-capturable-elements';
3
2
  export const createFrame = async ({ div, width, height, }) => {
4
- const composables = findCapturableElements(div);
5
- const composed = await compose({
6
- composables,
7
- width,
8
- height,
9
- });
10
- return composed;
3
+ const canvas = new OffscreenCanvas(width, height);
4
+ const context = canvas.getContext('2d');
5
+ if (!context) {
6
+ throw new Error('Could not get context');
7
+ }
8
+ await compose(div, context);
9
+ return canvas;
11
10
  };
12
11
  export const takeScreenshot = async ({ div, width, height, imageFormat, }) => {
13
12
  const frame = await createFrame({ div, width, height });
package/dist/transform.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export declare const setTransform: ({ ctx, transform, }: {
2
+ ctx: OffscreenCanvasRenderingContext2D;
3
+ transform: DOMMatrix;
4
+ }) => () => void;
package/dist/transform.js ADDED
@@ -0,0 +1,6 @@
1
+ export const setTransform = ({ ctx, transform, }) => {
2
+ ctx.setTransform(transform);
3
+ return () => {
4
+ ctx.setTransform(new DOMMatrix());
5
+ };
6
+ };
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "url": "https://github.com/remotion-dev/remotion/tree/main/packages/web-renderer"
4
4
  },
5
5
  "name": "@remotion/web-renderer",
6
- "version": "4.0.384",
6
+ "version": "4.0.385",
7
7
  "main": "dist/index.js",
8
8
  "sideEffects": false,
9
9
  "scripts": {
@@ -16,13 +16,13 @@
16
16
  "author": "Remotion <jonny@remotion.dev>",
17
17
  "license": "UNLICENSED",
18
18
  "dependencies": {
19
- "remotion": "4.0.384",
19
+ "remotion": "4.0.385",
20
20
  "mediabunny": "1.25.8"
21
21
  },
22
22
  "devDependencies": {
23
- "@remotion/eslint-config-internal": "4.0.384",
24
- "@remotion/player": "4.0.384",
25
- "@remotion/media": "4.0.384",
23
+ "@remotion/eslint-config-internal": "4.0.385",
24
+ "@remotion/player": "4.0.385",
25
+ "@remotion/media": "4.0.385",
26
26
  "@vitejs/plugin-react": "4.1.0",
27
27
  "@vitest/browser-playwright": "4.0.9",
28
28
  "playwright": "1.55.1",