@remotion/motion-blur 4.0.537 → 4.0.538

package/dist/cjs/CameraMotionBlur.js

@@ -45,13 +45,13 @@ const CameraMotionBlur = ({ children, shutterAngle = 180, samples = 10, }) => {
         samples,
         shutterFraction,
     });
-    return (jsx_runtime_1.jsx(remotion_1.AbsoluteFill, { style: { isolation: 'isolate' }, children: new Array(actualSamples).fill(true).map((_, i) => {
+    return ((0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: { isolation: 'isolate' }, children: new Array(actualSamples).fill(true).map((_, i) => {
             const sample = i + 1;
             const sampleFrameOffset = shutterFraction * (sample / actualSamples);
-            return (jsx_runtime_1.jsx(remotion_1.AbsoluteFill, { style: {
+            return ((0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: {
                     mixBlendMode: 'plus-lighter',
                     filter: `opacity(${1 / actualSamples})`,
-                }, children: jsx_runtime_1.jsx(remotion_1.Freeze, { frame: currentFrame - sampleFrameOffset + 1, children: children }) }, `frame-${i.toString()}`));
+                }, children: (0, jsx_runtime_1.jsx)(remotion_1.Freeze, { frame: currentFrame - sampleFrameOffset + 1, children: children }) }, `frame-${i.toString()}`));
         }) }));
 };
 exports.CameraMotionBlur = CameraMotionBlur;

package/dist/cjs/HtmlInCanvasMotionBlur.js

@@ -36,16 +36,16 @@ const htmlInCanvasMotionBlurSchema = {
 const MotionBlurSample = ({ children, width, height, index, count, shutterInFrames, firstFrame, lastFrame, }) => {
     const frame = (0, remotion_1.useCurrentFrame)();
     const sampleFrame = Math.max(firstFrame, Math.min(lastFrame, frame + ((index + 0.5) / count - 0.5) * shutterInFrames));
-    const content = jsx_runtime_1.jsx(remotion_1.Freeze, { frame: sampleFrame, children: children });
+    const content = (0, jsx_runtime_1.jsx)(remotion_1.Freeze, { frame: sampleFrame, children: children });
     const isRepresentativeSample = index === Math.floor(count / 2);
-    return (jsx_runtime_1.jsx("div", { "aria-hidden": !isRepresentativeSample, ...(index === 0 ? {} : { drawable: '' }), style: {
+    return ((0, jsx_runtime_1.jsx)("div", { "aria-hidden": !isRepresentativeSample, ...(index === 0 ? {} : { drawable: '' }), style: {
             position: 'absolute',
             inset: 0,
             width,
             height,
             isolation: 'isolate',
             pointerEvents: isRepresentativeSample ? 'auto' : 'none',
-        }, children: isRepresentativeSample ? (content) : (jsx_runtime_1.jsx(remotion_1.Internals.DisableSequenceRegistrationProvider, { children: content })) }));
+        }, children: isRepresentativeSample ? (content) : ((0, jsx_runtime_1.jsx)(remotion_1.Internals.DisableSequenceRegistrationProvider, { children: content })) }));
 };
 const HtmlInCanvasMotionBlurInner = ({ children, width, height, shutterAngle = 180, samples = 8, disabled = false, from, durationInFrames, trimBefore, playbackRate, loop, freeze, hidden, name, premountFor, postmountFor, showInTimeline, styleWhilePremounted, styleWhilePostmounted, controls, }) => {
     const { durationInFrames: compositionDurationInFrames } = (0, remotion_1.useVideoConfig)();
@@ -99,12 +99,13 @@ const HtmlInCanvasMotionBlurInner = ({ children, width, height, shutterAngle = 1
             }
         }
     }, [actualSamples]);
-    const sampleElements = Array.from({ length: actualSamples }, (_, index) => {
-        return (jsx_runtime_1.jsx(MotionBlurSample, { width: width, height: height, index: index, count: actualSamples, shutterInFrames: shutterInFrames, firstFrame: firstFrame, lastFrame: lastFrame, children: children }, index));
+    const passThrough = remotion_1.Internals.useHtmlInCanvasUnsupportedMessage() !== null;
+    const sampleElements = Array.from({ length: passThrough ? 0 : actualSamples }, (_, index) => {
+        return ((0, jsx_runtime_1.jsx)(MotionBlurSample, { width: width, height: height, index: index, count: actualSamples, shutterInFrames: shutterInFrames, firstFrame: firstFrame, lastFrame: lastFrame, children: children }, index));
     });
     // The root wrapper holds the first sample. The rest must be canvas children.
     // Reuse HtmlInCanvas's Sequence for the motion blur controls.
-    return (jsx_runtime_1.jsx(remotion_1.HtmlInCanvas, { width: width, height: height, from: from, durationInFrames: durationInFrames, trimBefore: trimBefore, playbackRate: playbackRate, loop: loop, freeze: freeze, hidden: hidden, name: name !== null && name !== void 0 ? name : '<HtmlInCanvasMotionBlur>', premountFor: premountFor, postmountFor: postmountFor, showInTimeline: showInTimeline, styleWhilePremounted: styleWhilePremounted, styleWhilePostmounted: styleWhilePostmounted, controls, onPaint: onPaint, _remotionInternalCanvasSiblings: sampleElements.slice(1), children: sampleElements[0] }));
+    return ((0, jsx_runtime_1.jsx)(remotion_1.HtmlInCanvas, { width: width, height: height, from: from, durationInFrames: durationInFrames, trimBefore: trimBefore, playbackRate: playbackRate, loop: loop, freeze: freeze, hidden: hidden, name: name !== null && name !== void 0 ? name : '<HtmlInCanvasMotionBlur>', premountFor: premountFor, postmountFor: postmountFor, showInTimeline: showInTimeline, styleWhilePremounted: styleWhilePremounted, styleWhilePostmounted: styleWhilePostmounted, controls, onPaint: onPaint, _remotionInternalCanvasSiblings: sampleElements.slice(1), _remotionInternalFallbackLabel: "Motion blur is not visible", children: passThrough ? children : sampleElements[0] }));
 };
 /**
  * Experimental motion blur that averages separately captured HTML-in-canvas

package/dist/cjs/Trail.js

@@ -30,10 +30,10 @@ const Trail = ({ children, layers, lagInFrames, trailOpacity, }) => {
         !Number.isFinite(lagInFrames)) {
         throw new TypeError(`"lagInFrames" must be a number, but got ${JSON.stringify(lagInFrames)}`);
     }
-    return (jsx_runtime_1.jsxs(remotion_1.AbsoluteFill, { children: [new Array(layers).fill(true).map((_, i) => {
-                return (jsx_runtime_1.jsx(remotion_1.AbsoluteFill, { style: {
+    return ((0, jsx_runtime_1.jsxs)(remotion_1.AbsoluteFill, { children: [new Array(layers).fill(true).map((_, i) => {
+                return ((0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: {
                         opacity: trailOpacity - ((layers - i) / layers) * trailOpacity,
-                    }, children: jsx_runtime_1.jsx(remotion_1.Freeze, { frame: frame - lagInFrames * (layers - i), children: children }) }, `frame-${i.toString()}`));
+                    }, children: (0, jsx_runtime_1.jsx)(remotion_1.Freeze, { frame: frame - lagInFrames * (layers - i), children: children }) }, `frame-${i.toString()}`));
             }), children] }));
 };
 exports.Trail = Trail;

package/dist/cjs/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Trail = exports.HtmlInCanvasMotionBlur = exports.CameraMotionBlur = void 0;
-const CameraMotionBlur_1 = require("./CameraMotionBlur");
+var CameraMotionBlur_1 = require("./CameraMotionBlur");
 Object.defineProperty(exports, "CameraMotionBlur", { enumerable: true, get: function () { return CameraMotionBlur_1.CameraMotionBlur; } });
-const HtmlInCanvasMotionBlur_1 = require("./HtmlInCanvasMotionBlur");
+var HtmlInCanvasMotionBlur_1 = require("./HtmlInCanvasMotionBlur");
 Object.defineProperty(exports, "HtmlInCanvasMotionBlur", { enumerable: true, get: function () { return HtmlInCanvasMotionBlur_1.HtmlInCanvasMotionBlur; } });
-const Trail_1 = require("./Trail");
+var Trail_1 = require("./Trail");
 Object.defineProperty(exports, "Trail", { enumerable: true, get: function () { return Trail_1.Trail; } });

package/dist/esm/index.mjs

@@ -194,7 +194,8 @@ var HtmlInCanvasMotionBlurInner = ({
       }
     }
   }, [actualSamples]);
-  const sampleElements = Array.from({ length: actualSamples }, (_, index) => {
+  const passThrough = Internals.useHtmlInCanvasUnsupportedMessage() !== null;
+  const sampleElements = Array.from({ length: passThrough ? 0 : actualSamples }, (_, index) => {
     return /* @__PURE__ */ jsx2(MotionBlurSample, {
       width,
       height,
@@ -225,7 +226,8 @@ var HtmlInCanvasMotionBlurInner = ({
     ...{ controls },
     onPaint,
     _remotionInternalCanvasSiblings: sampleElements.slice(1),
-    children: sampleElements[0]
+    _remotionInternalFallbackLabel: "Motion blur is not visible",
+    children: passThrough ? children : sampleElements[0]
   });
 };
 var HtmlInCanvasMotionBlur = Interactive.withSchema({

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/motion-blur"
 	},
 	"name": "@remotion/motion-blur",
-	"version": "4.0.537",
+	"version": "4.0.538",
 	"description": "Motion blur effect for Remotion",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -12,7 +12,7 @@
 		"formatting": "oxfmt src --check",
 		"format": "oxfmt src",
 		"lint": "eslint src",
-		"make": "tsgo -d && bun --env-file=../.env.bundle bundle.ts"
+		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"
 	},
 	"author": "Matt McGillivray, Ilija Boshkov <ilija@codechem.com>, Jonny Burger <jonny@remotion.dev>",
 	"contributors": [],
@@ -21,7 +21,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.537"
+		"remotion": "4.0.538"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -39,10 +39,10 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"remotion": "4.0.537",
-		"@remotion/eslint-config-internal": "4.0.537",
+		"remotion": "4.0.538",
+		"@remotion/eslint-config-internal": "4.0.538",
 		"eslint": "9.19.0",
-		"@typescript/native-preview": "7.0.0-dev.20260217.1"
+		"typescript": "7.1.0-beta"
 	},
 	"keywords": [
 		"remotion",