@remotion/transitions 4.0.461 → 4.0.462

package/dist/esm/index.mjs

@@ -527,7 +527,11 @@ var useTransitionProgress = () => {
 };
 // src/html-in-canvas-presentation.tsx
 import { useLayoutEffect, useMemo as useMemo4, useRef as useRef2, useState, useCallback as useCallback2 } from "react";
-import { HtmlInCanvas, useDelayRender } from "remotion";
+import {
+  HtmlInCanvas,
+  HTML_IN_CANVAS_UNSUPPORTED_MESSAGE,
+  useDelayRender
+} from "remotion";
 import { AbsoluteFill as AbsoluteFill2, Internals as Internals2, useCurrentFrame as useCurrentFrame2 } from "remotion";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var HtmlInCanvasPresentation = ({
@@ -542,7 +546,7 @@ var HtmlInCanvasPresentation = ({
   bothEnteringAndExiting
 }) => {
   if (!HtmlInCanvas.isSupported()) {
-    throw new Error("HTML in Canvas is not supported. Open this page in Chrome Canary with chrome://flags/#canvas-draw-element enabled.");
+    throw new Error(HTML_IN_CANVAS_UNSUPPORTED_MESSAGE);
   }
   const canvasRef = useRef2(null);
   const canvasSubtreeStyle = useMemo4(() => {
@@ -562,7 +566,10 @@ var HtmlInCanvasPresentation = ({
   const frame = useCurrentFrame2();
   const frameRef = useRef2(frame);
   frameRef.current = frame;
-  const memoizedEffects = Internals2.useMemoizedEffects(Internals2.flattenEffects(_experimentalEffects ?? []));
+  const memoizedEffects = Internals2.useMemoizedEffects({
+    effects: _experimentalEffects ?? [],
+    overrideId: null
+  });
   const effectsRef = useRef2(memoizedEffects);
   effectsRef.current = memoizedEffects;
   const [instance] = useState(() => shader(offscreenCanvas));

package/dist/esm/zoom-blur.mjs

@@ -1,6 +1,10 @@
 // src/html-in-canvas-presentation.tsx
 import { useLayoutEffect, useMemo, useRef, useState, useCallback } from "react";
-import { HtmlInCanvas, useDelayRender } from "remotion";
+import {
+  HtmlInCanvas,
+  HTML_IN_CANVAS_UNSUPPORTED_MESSAGE,
+  useDelayRender
+} from "remotion";
 import { AbsoluteFill, Internals, useCurrentFrame } from "remotion";
 import { jsx } from "react/jsx-runtime";
 var HtmlInCanvasPresentation = ({
@@ -15,7 +19,7 @@ var HtmlInCanvasPresentation = ({
   bothEnteringAndExiting
 }) => {
   if (!HtmlInCanvas.isSupported()) {
-    throw new Error("HTML in Canvas is not supported. Open this page in Chrome Canary with chrome://flags/#canvas-draw-element enabled.");
+    throw new Error(HTML_IN_CANVAS_UNSUPPORTED_MESSAGE);
   }
   const canvasRef = useRef(null);
   const canvasSubtreeStyle = useMemo(() => {
@@ -35,7 +39,10 @@ var HtmlInCanvasPresentation = ({
   const frame = useCurrentFrame();
   const frameRef = useRef(frame);
   frameRef.current = frame;
-  const memoizedEffects = Internals.useMemoizedEffects(Internals.flattenEffects(_experimentalEffects ?? []));
+  const memoizedEffects = Internals.useMemoizedEffects({
+    effects: _experimentalEffects ?? [],
+    overrideId: null
+  });
   const effectsRef = useRef(memoizedEffects);
   effectsRef.current = memoizedEffects;
   const [instance] = useState(() => shader(offscreenCanvas));

package/dist/esm/zoom-in-out.mjs

@@ -1,6 +1,10 @@
 // src/html-in-canvas-presentation.tsx
 import { useLayoutEffect, useMemo, useRef, useState, useCallback } from "react";
-import { HtmlInCanvas, useDelayRender } from "remotion";
+import {
+  HtmlInCanvas,
+  HTML_IN_CANVAS_UNSUPPORTED_MESSAGE,
+  useDelayRender
+} from "remotion";
 import { AbsoluteFill, Internals, useCurrentFrame } from "remotion";
 import { jsx } from "react/jsx-runtime";
 var HtmlInCanvasPresentation = ({
@@ -15,7 +19,7 @@ var HtmlInCanvasPresentation = ({
   bothEnteringAndExiting
 }) => {
   if (!HtmlInCanvas.isSupported()) {
-    throw new Error("HTML in Canvas is not supported. Open this page in Chrome Canary with chrome://flags/#canvas-draw-element enabled.");
+    throw new Error(HTML_IN_CANVAS_UNSUPPORTED_MESSAGE);
   }
   const canvasRef = useRef(null);
   const canvasSubtreeStyle = useMemo(() => {
@@ -35,7 +39,10 @@ var HtmlInCanvasPresentation = ({
   const frame = useCurrentFrame();
   const frameRef = useRef(frame);
   frameRef.current = frame;
-  const memoizedEffects = Internals.useMemoizedEffects(Internals.flattenEffects(_experimentalEffects ?? []));
+  const memoizedEffects = Internals.useMemoizedEffects({
+    effects: _experimentalEffects ?? [],
+    overrideId: null
+  });
   const effectsRef = useRef(memoizedEffects);
   effectsRef.current = memoizedEffects;
   const [instance] = useState(() => shader(offscreenCanvas));

package/dist/html-in-canvas-presentation.js

@@ -7,7 +7,7 @@ const remotion_1 = require("remotion");
 const remotion_2 = require("remotion");
 const HtmlInCanvasPresentation = ({ children, onElementImage, onUnmount, presentationProgress, presentationDirection, shader, _experimentalEffects, passedProps, bothEnteringAndExiting, }) => {
     if (!remotion_1.HtmlInCanvas.isSupported()) {
-        throw new Error('HTML in Canvas is not supported. Open this page in Chrome Canary with chrome://flags/#canvas-draw-element enabled.');
+        throw new Error(remotion_1.HTML_IN_CANVAS_UNSUPPORTED_MESSAGE);
     }
     const canvasRef = (0, react_1.useRef)(null);
     const canvasSubtreeStyle = (0, react_1.useMemo)(() => {
@@ -27,7 +27,10 @@ const HtmlInCanvasPresentation = ({ children, onElementImage, onUnmount, present
     const frame = (0, remotion_2.useCurrentFrame)();
     const frameRef = (0, react_1.useRef)(frame);
     frameRef.current = frame;
-    const memoizedEffects = remotion_2.Internals.useMemoizedEffects(remotion_2.Internals.flattenEffects(_experimentalEffects !== null && _experimentalEffects !== void 0 ? _experimentalEffects : []));
+    const memoizedEffects = remotion_2.Internals.useMemoizedEffects({
+        effects: _experimentalEffects !== null && _experimentalEffects !== void 0 ? _experimentalEffects : [],
+        overrideId: null,
+    });
     const effectsRef = (0, react_1.useRef)(memoizedEffects);
     effectsRef.current = memoizedEffects;
     const [instance] = (0, react_1.useState)(() => shader(offscreenCanvas));

package/package.json

@@ -3,9 +3,8 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/transitions"
 	},
 	"name": "@remotion/transitions",
-	"version": "4.0.461",
+	"version": "4.0.462",
 	"description": "Library for creating transitions in Remotion",
-	"sideEffects": false,
 	"main": "dist/esm/index.mjs",
 	"module": "dist/esm/index.js",
 	"types": "dist/index.d.ts",
@@ -23,18 +22,18 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.461",
-		"@remotion/shapes": "4.0.461",
-		"@remotion/paths": "4.0.461"
+		"remotion": "4.0.462",
+		"@remotion/shapes": "4.0.462",
+		"@remotion/paths": "4.0.462"
 	},
 	"devDependencies": {
 		"@happy-dom/global-registrator": "14.5.1",
-		"remotion": "4.0.461",
+		"remotion": "4.0.462",
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/test-utils": "4.0.461",
-		"@remotion/player": "4.0.461",
-		"@remotion/eslint-config-internal": "4.0.461",
+		"@remotion/test-utils": "4.0.462",
+		"@remotion/player": "4.0.462",
+		"@remotion/eslint-config-internal": "4.0.462",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},