remotion 4.0.225 → 4.0.227

package/dist/cjs/Clipper.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
 export declare const Clipper: React.FC<{
-    width: number;
-    height: number;
-    x: number;
-    y: number;
+    readonly width: number;
+    readonly height: number;
+    readonly x: number;
+    readonly y: number;
 }>;

package/dist/cjs/CompositionManager.js

@@ -35,15 +35,12 @@ exports.compositionsRef = react_1.default.createRef();
 const CompositionManagerProvider = ({ children, numberOfAudioTags }) => {
     var _a;
     // Wontfix, expected to have
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const [compositions, setCompositions] = (0, react_1.useState)([]);
     const currentcompositionsRef = (0, react_1.useRef)(compositions);
     const [folders, setFolders] = (0, react_1.useState)([]);
     const [canvasContent, setCanvasContent] = (0, react_1.useState)(null);
     const [currentCompositionMetadata, setCurrentCompositionMetadata] = (0, react_1.useState)(null);
-    const updateCompositions = (0, react_1.useCallback)((
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    updateComps) => {
+    const updateCompositions = (0, react_1.useCallback)((updateComps) => {
         setCompositions((comps) => {
             const updated = updateComps(comps);
             currentcompositionsRef.current = updated;
@@ -57,7 +54,6 @@ const CompositionManagerProvider = ({ children, numberOfAudioTags }) => {
             }
             const value = [...comps, comp]
                 .slice()
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 .sort((a, b) => a.nonce - b.nonce);
             return value;
         });

package/dist/cjs/Folder.d.ts

@@ -13,7 +13,7 @@ export declare const FolderContext: import("react").Context<FolderContextType>;
  * @see [Documentation](https://www.remotion.dev/docs/folder)
  */
 export declare const Folder: FC<{
-    name: string;
-    children: React.ReactNode;
+    readonly name: string;
+    readonly children: React.ReactNode;
 }>;
 export {};

package/dist/cjs/Folder.js

@@ -14,7 +14,7 @@ exports.FolderContext = (0, react_1.createContext)({
  * @description By wrapping a <Composition /> inside a <Folder />, you can visually categorize it in your sidebar, should you have many compositions.
  * @see [Documentation](https://www.remotion.dev/docs/folder)
  */
-const Folder = ({ name, children, }) => {
+const Folder = ({ name, children }) => {
     const parent = (0, react_1.useContext)(exports.FolderContext);
     const { registerFolder, unregisterFolder } = (0, react_1.useContext)(CompositionManagerContext_js_1.CompositionManager);
     (0, validate_folder_name_js_1.validateFolderName)(name);

package/dist/cjs/SequenceManager.d.ts

@@ -12,5 +12,5 @@ export type SequenceVisibilityToggleState = {
 };
 export declare const SequenceVisibilityToggleContext: React.Context<SequenceVisibilityToggleState>;
 export declare const SequenceManagerProvider: React.FC<{
-    children: React.ReactNode;
+    readonly children: React.ReactNode;
 }>;

package/dist/cjs/freeze.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 type FreezeProps = {
-    frame: number;
-    children: React.ReactNode;
-    active?: boolean | ((f: number) => boolean);
+    readonly frame: number;
+    readonly children: React.ReactNode;
+    readonly active?: boolean | ((f: number) => boolean);
 };
 /**
  * @description This method freezes all of its children to the frame that you specify as a prop

package/dist/cjs/index.d.ts

@@ -112,10 +112,10 @@ export declare const Experimental: {
      * @see [Documentation](https://www.remotion.dev/docs/clipper)
      */
     Clipper: import("react").FC<{
-        width: number;
-        height: number;
-        x: number;
-        y: number;
+        readonly width: number;
+        readonly height: number;
+        readonly x: number;
+        readonly y: number;
     }>;
     /**
      * @description This is a special component, that, when rendered, will skip rendering the frame altogether.

package/dist/cjs/internals.d.ts

@@ -72,10 +72,10 @@ export declare const Internals: {
     }>;
     readonly CanUseRemotionHooks: import("react").Context<boolean>;
     readonly PrefetchProvider: import("react").FC<{
-        children: import("react").ReactNode;
+        readonly children: import("react").ReactNode;
     }>;
     readonly DurationsContextProvider: import("react").FC<{
-        children: import("react").ReactNode;
+        readonly children: import("react").ReactNode;
     }>;
     readonly IsPlayerContextProvider: import("react").FC<{
         children?: import("react").ReactNode | undefined;

package/dist/cjs/interpolate-colors.js

@@ -6,7 +6,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.interpolateColors = exports.colorNames = void 0;
 exports.processColor = processColor;
-/* eslint no-bitwise: 0 */
 const interpolate_js_1 = require("./interpolate.js");
 // var INTEGER = '[-+]?\\d+';
 const NUMBER = '[-+]?\\d*\\.?\\d+';

package/dist/cjs/play-and-handle-not-allowed-error.js

@@ -33,6 +33,11 @@ const playAndHandleNotAllowedError = (mediaRef, mediaType, onAutoPlayError) => {
             if (err.message.includes('because the media was removed from the document')) {
                 return;
             }
+            // Audio tag got unmounted
+            if (err.message.includes("user didn't interact with the document") &&
+                current.muted) {
+                return;
+            }
             // eslint-disable-next-line no-console
             console.log(`Could not play ${mediaType} due to following error: `, err);
             if (!current.muted) {

package/dist/cjs/prefetch-state.d.ts

@@ -3,6 +3,6 @@ type Value = Record<string, string>;
 export declare const PreloadContext: React.Context<Value>;
 export declare const setPreloads: (updater: (p: Value) => Value) => void;
 export declare const PrefetchProvider: React.FC<{
-    children: React.ReactNode;
+    readonly children: React.ReactNode;
 }>;
 export {};

package/dist/cjs/prefetch.js

@@ -26,7 +26,6 @@ const blobToBase64 = function (blob) {
 const getBlobFromReader = async ({ reader, contentType, contentLength, onProgress, }) => {
     let receivedLength = 0;
     const chunks = [];
-    // eslint-disable-next-line no-constant-condition
     while (true) {
         const { done, value } = await reader.read();
         if (done) {
@@ -150,7 +149,7 @@ const prefetch = (src, options) => {
                     try {
                         controller.abort(new Error('free() called'));
                     }
-                    catch (e) { }
+                    catch (_a) { }
                 }
             }
         },

package/dist/cjs/random.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.random = void 0;
-/* eslint-disable no-bitwise */
 function mulberry32(a) {
     let t = a + 0x6d2b79f5;
     t = Math.imul(t ^ (t >>> 15), t | 1);

package/dist/cjs/series/index.js

@@ -12,7 +12,6 @@ const is_inside_series_js_1 = require("./is-inside-series.js");
 const SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
     (0, is_inside_series_js_1.useRequireToBeInsideSeries)();
     // Discard ref
-    // eslint-disable-next-line react/jsx-no-useless-fragment
     return (0, jsx_runtime_1.jsx)(is_inside_series_js_1.IsNotInsideSeriesProvider, { children: children });
 };
 const SeriesSequence = (0, react_1.forwardRef)(SeriesSequenceRefForwardingFunction);

package/dist/cjs/setup-env-variables.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupEnvVariables = void 0;
 const get_remotion_environment_js_1 = require("./get-remotion-environment.js");
 // https://github.com/remotion-dev/remotion/issues/3412#issuecomment-1910120552
-// eslint-disable-next-line no-useless-concat
 function getEnvVar() {
     const parts = ['proc', 'ess', '.', 'en', 'v', '.', 'NOD', 'E_EN', 'V'];
     return parts.join('');

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.225";
+export declare const VERSION = "4.0.227";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.225';
+exports.VERSION = '4.0.227';

package/dist/cjs/video/duration-state.d.ts

@@ -12,6 +12,6 @@ type TDurationsContext = {
 };
 export declare const DurationsContext: React.Context<TDurationsContext>;
 export declare const DurationsContextProvider: React.FC<{
-    children: React.ReactNode;
+    readonly children: React.ReactNode;
 }>;
 export {};

package/dist/cjs/wrap-remotion-context.d.ts

@@ -42,7 +42,7 @@ export declare function useRemotionContexts(): {
     } | null;
 };
 export interface RemotionContextProviderProps {
-    contexts: ReturnType<typeof useRemotionContexts>;
-    children: React.ReactNode;
+    readonly contexts: ReturnType<typeof useRemotionContexts>;
+    readonly children: React.ReactNode;
 }
 export declare const RemotionContextProvider: (props: RemotionContextProviderProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/esm/index.mjs

@@ -151,7 +151,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.225";
+var VERSION = "4.0.227";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -1944,7 +1944,7 @@ var prefetch = (src, options) => {
         if (canBeAborted) {
           try {
             controller.abort(new Error("free() called"));
-          } catch (e) {
+          } catch {
           }
         }
       }
@@ -2140,6 +2140,9 @@ var playAndHandleNotAllowedError = (mediaRef, mediaType, onAutoPlayError) => {
       if (err.message.includes("because the media was removed from the document")) {
         return;
       }
+      if (err.message.includes("user didn't interact with the document") && current.muted) {
+        return;
+      }
       console.log(`Could not play ${mediaType} due to following error: `, err);
       if (!current.muted) {
         if (onAutoPlayError) {
@@ -3822,10 +3825,7 @@ var FolderContext = createContext17({
   folderName: null,
   parentName: null
 });
-var Folder = ({
-  name,
-  children
-}) => {
+var Folder = ({ name, children }) => {
   const parent = useContext24(FolderContext);
   const { registerFolder, unregisterFolder } = useContext24(CompositionManager);
   validateFolderName(name);

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.225";
+var VERSION = "4.0.227";
 export {
   VERSION
 };

package/eslint.config.mjs

@@ -0,0 +1,11 @@
+import {remotionFlatConfig} from '@remotion/eslint-config-internal';
+
+const config = remotionFlatConfig({react: true});
+
+export default {
+	...config,
+	rules: {
+		...config.rules,
+		'no-console': 'error',
+	},
+};

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.225",
+  "version": "4.0.227",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -26,7 +26,9 @@
     "react-dom": "18.3.1",
     "vitest": "0.31.1",
     "webpack": "5.94.0",
-    "zod": "3.22.3"
+    "zod": "3.22.3",
+    "eslint": "9.14.0",
+    "@remotion/eslint-config-internal": "4.0.227"
   },
   "keywords": [
     "remotion",
@@ -72,8 +74,8 @@
   "homepage": "https://www.remotion.dev/docs/remotion",
   "scripts": {
     "formatting": "prettier src --check",
-    "lint": "eslint src --ext ts,tsx",
+    "lint": "eslint src",
     "test": "vitest --run",
-    "make": "bun --env-file=../.env.bundle bundle.ts"
+    "make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"
   }
 }