@remotion/motion-blur 4.0.142 → 4.0.144

package/LICENSE.md

@@ -1,5 +1,9 @@
 # Remotion License
 
+In Remotion 5.0, the license will slightly change. [View the changes here](https://github.com/remotion-dev/remotion/pull/3750).
+
+---
+
 Depending on the type of your legal entity, you are granted permission to use Remotion for your project. Individuals and small companies are allowed to use Remotion to create videos for free (even commercial), while a company license is required for for-profit organizations of a certain size. This two-tier system was designed to ensure funding for this project while still allowing the source code to be available and the program to be free for most. Read below for the exact terms of use.
 
 - [Free license](#free-license)

package/bundle.ts

@@ -0,0 +1,16 @@
+import {build} from 'bun';
+
+const output = await build({
+	entrypoints: ['src/index.ts'],
+	naming: '[name].mjs',
+	external: ['react', 'remotion', 'remotion/no-react', 'react/jsx-runtime'],
+});
+
+const [file] = output.outputs;
+const text = (await file.text())
+	.replace(/jsxDEV/g, 'jsx')
+	.replace(/react\/jsx-dev-runtime/g, 'react/jsx-runtime');
+
+await Bun.write('dist/esm/index.mjs', text);
+
+export {};

package/dist/esm/index.mjs

@@ -1,90 +1,109 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useCurrentFrame, AbsoluteFill, Freeze } from 'remotion';
-
-/**
- * If the current frame is 0, then it is rendered with low opacity,
- * and the trailing elements have frame numbers -1, -2, -3, -4, etc.
- * To fix this, we instead reduce the number of samples to not go into negative territory.
- */
-const getNumberOfSamples = ({ shutterFraction, samples, currentFrame, }) => {
-    const maxOffset = shutterFraction * samples;
-    const maxTimeReverse = currentFrame - maxOffset;
-    const factor = Math.min(1, Math.max(0, maxTimeReverse / maxOffset + 1));
-    return Math.max(1, Math.round(Math.min(factor * samples, samples)));
+// src/CameraMotionBlur.tsx
+import {AbsoluteFill, Freeze, useCurrentFrame} from "remotion";
+import {
+jsx
+} from "react/jsx-runtime";
+var getNumberOfSamples = ({
+  shutterFraction,
+  samples,
+  currentFrame
+}) => {
+  const maxOffset = shutterFraction * samples;
+  const maxTimeReverse = currentFrame - maxOffset;
+  const factor = Math.min(1, Math.max(0, maxTimeReverse / maxOffset + 1));
+  return Math.max(1, Math.round(Math.min(factor * samples, samples)));
 };
-/**
- * @description Produces natural looking motion blur similar to what would be produced by a film camera.
- * @see [Documentation](https://www.remotion.dev/docs/motion-blur/camera-motion-blur)
- */
-const CameraMotionBlur = ({ children, shutterAngle = 180, samples = 10, }) => {
-    const currentFrame = useCurrentFrame();
-    if (typeof samples !== 'number' ||
-        Number.isNaN(samples) ||
-        !Number.isFinite(samples)) {
-        throw new TypeError(`"samples" must be a number, but got ${JSON.stringify(samples)}`);
-    }
-    if (samples % 1 !== 0) {
-        throw new TypeError(`"samples" must be an integer, but got ${JSON.stringify(samples)}`);
-    }
-    if (samples < 0) {
-        throw new TypeError(`"samples" must be non-negative, but got ${JSON.stringify(samples)}`);
-    }
-    if (typeof shutterAngle !== 'number' ||
-        Number.isNaN(shutterAngle) ||
-        !Number.isFinite(shutterAngle)) {
-        throw new TypeError(`"shutterAngle" must be a number, but got ${JSON.stringify(shutterAngle)}`);
-    }
-    if (shutterAngle < 0 || shutterAngle > 360) {
-        throw new TypeError(`"shutterAngle" must be between 0 and 360, but got ${JSON.stringify(shutterAngle)}`);
-    }
-    const shutterFraction = shutterAngle / 360;
-    const actualSamples = getNumberOfSamples({
-        currentFrame,
-        samples,
-        shutterFraction,
-    });
-    return (jsx(AbsoluteFill, { style: { isolation: 'isolate' }, children: new Array(actualSamples).fill(true).map((_, i) => {
-            const sample = i + 1;
-            const sampleFrameOffset = shutterFraction * (sample / actualSamples);
-            return (jsx(AbsoluteFill, { style: {
-                    mixBlendMode: 'plus-lighter',
-                    filter: `opacity(${1 / actualSamples})`,
-                }, children: jsx(Freeze, { frame: currentFrame - sampleFrameOffset + 1, children: children }) }, `frame-${i.toString()}`));
-        }) }));
+var CameraMotionBlur = ({
+  children,
+  shutterAngle = 180,
+  samples = 10
+}) => {
+  const currentFrame = useCurrentFrame();
+  if (typeof samples !== "number" || Number.isNaN(samples) || !Number.isFinite(samples)) {
+    throw new TypeError(`"samples" must be a number, but got ${JSON.stringify(samples)}`);
+  }
+  if (samples % 1 !== 0) {
+    throw new TypeError(`"samples" must be an integer, but got ${JSON.stringify(samples)}`);
+  }
+  if (samples < 0) {
+    throw new TypeError(`"samples" must be non-negative, but got ${JSON.stringify(samples)}`);
+  }
+  if (typeof shutterAngle !== "number" || Number.isNaN(shutterAngle) || !Number.isFinite(shutterAngle)) {
+    throw new TypeError(`"shutterAngle" must be a number, but got ${JSON.stringify(shutterAngle)}`);
+  }
+  if (shutterAngle < 0 || shutterAngle > 360) {
+    throw new TypeError(`"shutterAngle" must be between 0 and 360, but got ${JSON.stringify(shutterAngle)}`);
+  }
+  const shutterFraction = shutterAngle / 360;
+  const actualSamples = getNumberOfSamples({
+    currentFrame,
+    samples,
+    shutterFraction
+  });
+  return jsx(AbsoluteFill, {
+    style: { isolation: "isolate" },
+    children: new Array(actualSamples).fill(true).map((_, i) => {
+      const sample = i + 1;
+      const sampleFrameOffset = shutterFraction * (sample / actualSamples);
+      return jsx(AbsoluteFill, {
+        style: {
+          mixBlendMode: "plus-lighter",
+          filter: `opacity(${1 / actualSamples})`
+        },
+        children: jsx(Freeze, {
+          frame: currentFrame - sampleFrameOffset + 1,
+          children
+        }, undefined, false, undefined, this)
+      }, `frame-${i.toString()}`, false, undefined, this);
+    })
+  }, undefined, false, undefined, this);
 };
 
-/**
- * @description The <Trail> component duplicates it's children and adds a time offset to each layer in order to create a trail effect.
- * @see [Documentation](https://www.remotion.dev/docs/motion-blur/trail)
- */
-const Trail = ({ children, layers, lagInFrames, trailOpacity, }) => {
-    const frame = useCurrentFrame();
-    if (typeof layers !== 'number' ||
-        Number.isNaN(layers) ||
-        !Number.isFinite(layers)) {
-        throw new TypeError(`"layers" must be a number, but got ${JSON.stringify(layers)}`);
-    }
-    if (layers % 1 !== 0) {
-        throw new TypeError(`"layers" must be an integer, but got ${JSON.stringify(layers)}`);
-    }
-    if (layers < 0) {
-        throw new TypeError(`"layers" must be non-negative, but got ${JSON.stringify(layers)}`);
-    }
-    if (typeof trailOpacity !== 'number' ||
-        Number.isNaN(trailOpacity) ||
-        !Number.isFinite(trailOpacity)) {
-        throw new TypeError(`"trailOpacity" must be a number, but got ${JSON.stringify(trailOpacity)}`);
-    }
-    if (typeof lagInFrames !== 'number' ||
-        Number.isNaN(lagInFrames) ||
-        !Number.isFinite(lagInFrames)) {
-        throw new TypeError(`"lagInFrames" must be a number, but got ${JSON.stringify(lagInFrames)}`);
-    }
-    return (jsxs(AbsoluteFill, { children: [new Array(layers).fill(true).map((_, i) => {
-                return (jsx(AbsoluteFill, { style: {
-                        opacity: trailOpacity - ((layers - i) / layers) * trailOpacity,
-                    }, children: jsx(Freeze, { frame: frame - lagInFrames * (layers - i), children: children }) }, `frame-${i.toString()}`));
-            }), children] }));
+// src/Trail.tsx
+import {AbsoluteFill as AbsoluteFill2, Freeze as Freeze2, useCurrentFrame as useCurrentFrame2} from "remotion";
+import {
+jsx as jsx2
+} from "react/jsx-runtime";
+var Trail = ({
+  children,
+  layers,
+  lagInFrames,
+  trailOpacity
+}) => {
+  const frame = useCurrentFrame2();
+  if (typeof layers !== "number" || Number.isNaN(layers) || !Number.isFinite(layers)) {
+    throw new TypeError(`"layers" must be a number, but got ${JSON.stringify(layers)}`);
+  }
+  if (layers % 1 !== 0) {
+    throw new TypeError(`"layers" must be an integer, but got ${JSON.stringify(layers)}`);
+  }
+  if (layers < 0) {
+    throw new TypeError(`"layers" must be non-negative, but got ${JSON.stringify(layers)}`);
+  }
+  if (typeof trailOpacity !== "number" || Number.isNaN(trailOpacity) || !Number.isFinite(trailOpacity)) {
+    throw new TypeError(`"trailOpacity" must be a number, but got ${JSON.stringify(trailOpacity)}`);
+  }
+  if (typeof lagInFrames !== "number" || Number.isNaN(lagInFrames) || !Number.isFinite(lagInFrames)) {
+    throw new TypeError(`"lagInFrames" must be a number, but got ${JSON.stringify(lagInFrames)}`);
+  }
+  return jsx2(AbsoluteFill2, {
+    children: [
+      new Array(layers).fill(true).map((_, i) => {
+        return jsx2(AbsoluteFill2, {
+          style: {
+            opacity: trailOpacity - (layers - i) / layers * trailOpacity
+          },
+          children: jsx2(Freeze2, {
+            frame: frame - lagInFrames * (layers - i),
+            children
+          }, undefined, false, undefined, this)
+        }, `frame-${i.toString()}`, false, undefined, this);
+      }),
+      children
+    ]
+  }, undefined, true, undefined, this);
+};
+export {
+  Trail,
+  CameraMotionBlur
 };
-
-export { CameraMotionBlur, Trail };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/motion-blur",
-  "version": "4.0.142",
+  "version": "4.0.144",
   "description": "Motion blur effect for Remotion",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -16,7 +16,7 @@
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
   "dependencies": {
-    "remotion": "4.0.142"
+    "remotion": "4.0.144"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -33,15 +33,13 @@
   },
   "devDependencies": {
     "@jonny/eslint-config": "3.0.281",
-    "@rollup/plugin-typescript": "^8.2.0",
     "@types/react": "18.2.48",
     "eslint": "8.56.0",
     "prettier": "3.2.5",
     "prettier-plugin-organize-imports": "3.2.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rollup": "^2.70.1",
-    "remotion": "4.0.142"
+    "remotion": "4.0.144"
   },
   "keywords": [
     "remotion",
@@ -55,6 +53,6 @@
     "formatting": "prettier src --check",
     "lint": "eslint src --ext ts,tsx",
     "watch": "tsc -w",
-    "build": "rollup --config rollup.config.js && tsc -d"
+    "build": "bun bundle.ts && tsc -d"
   }
 }

package/dist/esm/CameraMotionBlur.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export type CameraMotionBlurProps = {
-    children: React.ReactNode;
-    shutterAngle?: number;
-    samples?: number;
-};
-/**
- * @description Produces natural looking motion blur similar to what would be produced by a film camera.
- * @see [Documentation](https://www.remotion.dev/docs/motion-blur/camera-motion-blur)
- */
-export declare const CameraMotionBlur: React.FC<CameraMotionBlurProps>;

package/dist/esm/Trail.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export type TrailProps = {
-    children: React.ReactNode;
-    layers: number;
-    lagInFrames: number;
-    trailOpacity: number;
-};
-/**
- * @description The <Trail> component duplicates it's children and adds a time offset to each layer in order to create a trail effect.
- * @see [Documentation](https://www.remotion.dev/docs/motion-blur/trail)
- */
-export declare const Trail: React.FC<TrailProps>;

package/dist/esm/index.d.ts

@@ -1,2 +0,0 @@
-export { CameraMotionBlur, CameraMotionBlurProps } from './CameraMotionBlur';
-export { Trail, TrailProps } from './Trail';