@remotion/transitions 4.0.461 → 4.0.463

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 (5) hide show
  1. package/dist/esm/index.mjs +11 -8
  2. package/dist/esm/zoom-blur.mjs +11 -8
  3. package/dist/esm/zoom-in-out.mjs +11 -8
  4. package/dist/html-in-canvas-presentation.js +5 -6
  5. package/package.json +8 -9
package/dist/esm/index.mjs CHANGED
@@ -527,8 +527,12 @@ var useTransitionProgress = () => {
527
527
  };
528
528
  // src/html-in-canvas-presentation.tsx
529
529
  import { useLayoutEffect, useMemo as useMemo4, useRef as useRef2, useState, useCallback as useCallback2 } from "react";
530
- import { HtmlInCanvas, useDelayRender } from "remotion";
531
- import { AbsoluteFill as AbsoluteFill2, Internals as Internals2, useCurrentFrame as useCurrentFrame2 } from "remotion";
530
+ import {
531
+ HtmlInCanvas,
532
+ HTML_IN_CANVAS_UNSUPPORTED_MESSAGE,
533
+ useDelayRender
534
+ } from "remotion";
535
+ import { AbsoluteFill as AbsoluteFill2, Internals as Internals2 } from "remotion";
532
536
  import { jsx as jsx4 } from "react/jsx-runtime";
533
537
  var HtmlInCanvasPresentation = ({
534
538
  children,
@@ -542,7 +546,7 @@ var HtmlInCanvasPresentation = ({
542
546
  bothEnteringAndExiting
543
547
  }) => {
544
548
  if (!HtmlInCanvas.isSupported()) {
545
- throw new Error("HTML in Canvas is not supported. Open this page in Chrome Canary with chrome://flags/#canvas-draw-element enabled.");
549
+ throw new Error(HTML_IN_CANVAS_UNSUPPORTED_MESSAGE);
546
550
  }
547
551
  const canvasRef = useRef2(null);
548
552
  const canvasSubtreeStyle = useMemo4(() => {
@@ -559,10 +563,10 @@ var HtmlInCanvasPresentation = ({
559
563
  const [offscreenCanvas] = useState(() => new OffscreenCanvas(1, 1));
560
564
  const passedPropsRef = useRef2(passedProps);
561
565
  passedPropsRef.current = passedProps;
562
- const frame = useCurrentFrame2();
563
- const frameRef = useRef2(frame);
564
- frameRef.current = frame;
565
- const memoizedEffects = Internals2.useMemoizedEffects(Internals2.flattenEffects(_experimentalEffects ?? []));
566
+ const memoizedEffects = Internals2.useMemoizedEffects({
567
+ effects: _experimentalEffects ?? [],
568
+ overrideId: null
569
+ });
566
570
  const effectsRef = useRef2(memoizedEffects);
567
571
  effectsRef.current = memoizedEffects;
568
572
  const [instance] = useState(() => shader(offscreenCanvas));
@@ -604,7 +608,6 @@ var HtmlInCanvasPresentation = ({
604
608
  state: chainState.get(width, height),
605
609
  source: offscreenCanvas,
606
610
  effects: effectsRef.current ?? [],
607
- frame: frameRef.current,
608
611
  width,
609
612
  height,
610
613
  output: canvasRef.current
package/dist/esm/zoom-blur.mjs CHANGED
@@ -1,7 +1,11 @@
1
1
  // src/html-in-canvas-presentation.tsx
2
2
  import { useLayoutEffect, useMemo, useRef, useState, useCallback } from "react";
3
- import { HtmlInCanvas, useDelayRender } from "remotion";
4
- import { AbsoluteFill, Internals, useCurrentFrame } from "remotion";
3
+ import {
4
+ HtmlInCanvas,
5
+ HTML_IN_CANVAS_UNSUPPORTED_MESSAGE,
6
+ useDelayRender
7
+ } from "remotion";
8
+ import { AbsoluteFill, Internals } from "remotion";
5
9
  import { jsx } from "react/jsx-runtime";
6
10
  var HtmlInCanvasPresentation = ({
7
11
  children,
@@ -15,7 +19,7 @@ var HtmlInCanvasPresentation = ({
15
19
  bothEnteringAndExiting
16
20
  }) => {
17
21
  if (!HtmlInCanvas.isSupported()) {
18
- throw new Error("HTML in Canvas is not supported. Open this page in Chrome Canary with chrome://flags/#canvas-draw-element enabled.");
22
+ throw new Error(HTML_IN_CANVAS_UNSUPPORTED_MESSAGE);
19
23
  }
20
24
  const canvasRef = useRef(null);
21
25
  const canvasSubtreeStyle = useMemo(() => {
@@ -32,10 +36,10 @@ var HtmlInCanvasPresentation = ({
32
36
  const [offscreenCanvas] = useState(() => new OffscreenCanvas(1, 1));
33
37
  const passedPropsRef = useRef(passedProps);
34
38
  passedPropsRef.current = passedProps;
35
- const frame = useCurrentFrame();
36
- const frameRef = useRef(frame);
37
- frameRef.current = frame;
38
- const memoizedEffects = Internals.useMemoizedEffects(Internals.flattenEffects(_experimentalEffects ?? []));
39
+ const memoizedEffects = Internals.useMemoizedEffects({
40
+ effects: _experimentalEffects ?? [],
41
+ overrideId: null
42
+ });
39
43
  const effectsRef = useRef(memoizedEffects);
40
44
  effectsRef.current = memoizedEffects;
41
45
  const [instance] = useState(() => shader(offscreenCanvas));
@@ -77,7 +81,6 @@ var HtmlInCanvasPresentation = ({
77
81
  state: chainState.get(width, height),
78
82
  source: offscreenCanvas,
79
83
  effects: effectsRef.current ?? [],
80
- frame: frameRef.current,
81
84
  width,
82
85
  height,
83
86
  output: canvasRef.current
package/dist/esm/zoom-in-out.mjs CHANGED
@@ -1,7 +1,11 @@
1
1
  // src/html-in-canvas-presentation.tsx
2
2
  import { useLayoutEffect, useMemo, useRef, useState, useCallback } from "react";
3
- import { HtmlInCanvas, useDelayRender } from "remotion";
4
- import { AbsoluteFill, Internals, useCurrentFrame } from "remotion";
3
+ import {
4
+ HtmlInCanvas,
5
+ HTML_IN_CANVAS_UNSUPPORTED_MESSAGE,
6
+ useDelayRender
7
+ } from "remotion";
8
+ import { AbsoluteFill, Internals } from "remotion";
5
9
  import { jsx } from "react/jsx-runtime";
6
10
  var HtmlInCanvasPresentation = ({
7
11
  children,
@@ -15,7 +19,7 @@ var HtmlInCanvasPresentation = ({
15
19
  bothEnteringAndExiting
16
20
  }) => {
17
21
  if (!HtmlInCanvas.isSupported()) {
18
- throw new Error("HTML in Canvas is not supported. Open this page in Chrome Canary with chrome://flags/#canvas-draw-element enabled.");
22
+ throw new Error(HTML_IN_CANVAS_UNSUPPORTED_MESSAGE);
19
23
  }
20
24
  const canvasRef = useRef(null);
21
25
  const canvasSubtreeStyle = useMemo(() => {
@@ -32,10 +36,10 @@ var HtmlInCanvasPresentation = ({
32
36
  const [offscreenCanvas] = useState(() => new OffscreenCanvas(1, 1));
33
37
  const passedPropsRef = useRef(passedProps);
34
38
  passedPropsRef.current = passedProps;
35
- const frame = useCurrentFrame();
36
- const frameRef = useRef(frame);
37
- frameRef.current = frame;
38
- const memoizedEffects = Internals.useMemoizedEffects(Internals.flattenEffects(_experimentalEffects ?? []));
39
+ const memoizedEffects = Internals.useMemoizedEffects({
40
+ effects: _experimentalEffects ?? [],
41
+ overrideId: null
42
+ });
39
43
  const effectsRef = useRef(memoizedEffects);
40
44
  effectsRef.current = memoizedEffects;
41
45
  const [instance] = useState(() => shader(offscreenCanvas));
@@ -77,7 +81,6 @@ var HtmlInCanvasPresentation = ({
77
81
  state: chainState.get(width, height),
78
82
  source: offscreenCanvas,
79
83
  effects: effectsRef.current ?? [],
80
- frame: frameRef.current,
81
84
  width,
82
85
  height,
83
86
  output: canvasRef.current
package/dist/html-in-canvas-presentation.js CHANGED
@@ -7,7 +7,7 @@ const remotion_1 = require("remotion");
7
7
  const remotion_2 = require("remotion");
8
8
  const HtmlInCanvasPresentation = ({ children, onElementImage, onUnmount, presentationProgress, presentationDirection, shader, _experimentalEffects, passedProps, bothEnteringAndExiting, }) => {
9
9
  if (!remotion_1.HtmlInCanvas.isSupported()) {
10
- throw new Error('HTML in Canvas is not supported. Open this page in Chrome Canary with chrome://flags/#canvas-draw-element enabled.');
10
+ throw new Error(remotion_1.HTML_IN_CANVAS_UNSUPPORTED_MESSAGE);
11
11
  }
12
12
  const canvasRef = (0, react_1.useRef)(null);
13
13
  const canvasSubtreeStyle = (0, react_1.useMemo)(() => {
@@ -24,10 +24,10 @@ const HtmlInCanvasPresentation = ({ children, onElementImage, onUnmount, present
24
24
  const [offscreenCanvas] = (0, react_1.useState)(() => new OffscreenCanvas(1, 1));
25
25
  const passedPropsRef = (0, react_1.useRef)(passedProps);
26
26
  passedPropsRef.current = passedProps;
27
- const frame = (0, remotion_2.useCurrentFrame)();
28
- const frameRef = (0, react_1.useRef)(frame);
29
- frameRef.current = frame;
30
- const memoizedEffects = remotion_2.Internals.useMemoizedEffects(remotion_2.Internals.flattenEffects(_experimentalEffects !== null && _experimentalEffects !== void 0 ? _experimentalEffects : []));
27
+ const memoizedEffects = remotion_2.Internals.useMemoizedEffects({
28
+ effects: _experimentalEffects !== null && _experimentalEffects !== void 0 ? _experimentalEffects : [],
29
+ overrideId: null,
30
+ });
31
31
  const effectsRef = (0, react_1.useRef)(memoizedEffects);
32
32
  effectsRef.current = memoizedEffects;
33
33
  const [instance] = (0, react_1.useState)(() => shader(offscreenCanvas));
@@ -70,7 +70,6 @@ const HtmlInCanvasPresentation = ({ children, onElementImage, onUnmount, present
70
70
  state: chainState.get(width, height),
71
71
  source: offscreenCanvas,
72
72
  effects: (_e = effectsRef.current) !== null && _e !== void 0 ? _e : [],
73
- frame: frameRef.current,
74
73
  width,
75
74
  height,
76
75
  output: canvasRef.current,
package/package.json CHANGED
@@ -3,9 +3,8 @@
3
3
  "url": "https://github.com/remotion-dev/remotion/tree/main/packages/transitions"
4
4
  },
5
5
  "name": "@remotion/transitions",
6
- "version": "4.0.461",
6
+ "version": "4.0.463",
7
7
  "description": "Library for creating transitions in Remotion",
8
- "sideEffects": false,
9
8
  "main": "dist/esm/index.mjs",
10
9
  "module": "dist/esm/index.js",
11
10
  "types": "dist/index.d.ts",
@@ -23,18 +22,18 @@
23
22
  "url": "https://github.com/remotion-dev/remotion/issues"
24
23
  },
25
24
  "dependencies": {
26
- "remotion": "4.0.461",
27
- "@remotion/shapes": "4.0.461",
28
- "@remotion/paths": "4.0.461"
25
+ "remotion": "4.0.463",
26
+ "@remotion/shapes": "4.0.463",
27
+ "@remotion/paths": "4.0.463"
29
28
  },
30
29
  "devDependencies": {
31
30
  "@happy-dom/global-registrator": "14.5.1",
32
- "remotion": "4.0.461",
31
+ "remotion": "4.0.463",
33
32
  "react": "19.2.3",
34
33
  "react-dom": "19.2.3",
35
- "@remotion/test-utils": "4.0.461",
36
- "@remotion/player": "4.0.461",
37
- "@remotion/eslint-config-internal": "4.0.461",
34
+ "@remotion/test-utils": "4.0.463",
35
+ "@remotion/player": "4.0.463",
36
+ "@remotion/eslint-config-internal": "4.0.463",
38
37
  "eslint": "9.19.0",
39
38
  "@typescript/native-preview": "7.0.0-dev.20260217.1"
40
39
  },