@remotion/player 4.0.226 → 4.0.227

package/dist/cjs/BufferingIndicator.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const bufferingIndicatorStrokeWidth = 3;
 export declare const BufferingIndicator: React.FC<{
-    type: 'player' | 'studio';
+    readonly type: 'player' | 'studio';
 }>;

package/dist/cjs/EmitterProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const PlayerEmitterProvider: React.FC<{
-    children: React.ReactNode;
-    currentPlaybackRate: number | null;
+    readonly children: React.ReactNode;
+    readonly currentPlaybackRate: number | null;
 }>;

package/dist/cjs/PlaybackrateControl.d.ts

@@ -3,6 +3,6 @@ import type { Size } from './utils/use-element-size.js';
 export declare const Checkmark: () => import("react/jsx-runtime.js").JSX.Element;
 export declare const playerButtonStyle: React.CSSProperties;
 export declare const PlaybackrateControl: React.FC<{
-    playbackRates: number[];
-    canvasSize: Size;
+    readonly playbackRates: number[];
+    readonly canvasSize: Size;
 }>;

package/dist/cjs/ThumbnailUI.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 import type { ThumbnailMethods } from './player-methods.js';
 import type { ErrorFallback, RenderLoading } from './PlayerUI.js';
 declare const _default: React.ForwardRefExoticComponent<{
-    inputProps: Record<string, unknown>;
-    style?: React.CSSProperties;
-    errorFallback: ErrorFallback;
-    renderLoading: RenderLoading | undefined;
-    className: string | undefined;
-    overflowVisible: boolean;
+    readonly inputProps: Record<string, unknown>;
+    readonly style?: React.CSSProperties;
+    readonly errorFallback: ErrorFallback;
+    readonly renderLoading: RenderLoading | undefined;
+    readonly className: string | undefined;
+    readonly overflowVisible: boolean;
 } & React.RefAttributes<ThumbnailMethods>>;
 export default _default;

package/dist/cjs/error-boundary.d.ts

@@ -15,5 +15,5 @@ export declare class ErrorBoundary extends React.Component<{
         hasError: Error;
     };
     componentDidCatch(error: Error): void;
-    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }

package/dist/cjs/icons.d.ts

@@ -4,7 +4,7 @@ export declare const fullscreenIconSize = 16;
 export declare const PlayIcon: React.FC;
 export declare const PauseIcon: React.FC;
 export declare const FullscreenIcon: React.FC<{
-    isFullscreen: boolean;
+    readonly isFullscreen: boolean;
 }>;
 export declare const VolumeOffIcon: React.FC;
 export declare const VolumeOnIcon: React.FC;

package/dist/cjs/index.d.ts

@@ -60,10 +60,10 @@ export declare const PlayerInternals: {
     useHoverState: (ref: React.RefObject<HTMLDivElement>, hideControlsWhenPointerDoesntMove: boolean | number) => boolean;
     updateAllElementsSizes: () => void;
     PlayerEmitterProvider: import("react").FC<{
-        children: import("react").ReactNode;
-        currentPlaybackRate: number | null;
+        readonly children: import("react").ReactNode;
+        readonly currentPlaybackRate: number | null;
     }>;
     BufferingIndicator: import("react").FC<{
-        type: "player" | "studio";
+        readonly type: "player" | "studio";
     }>;
 };

package/dist/cjs/test/test-utils.js

@@ -23,7 +23,6 @@ const HelloWorld = () => {
 exports.HelloWorld = HelloWorld;
 const AllTheProviders = ({ children }) => {
     // overwriting console.error console does not gets poluted with all the errors
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
     window.console.error = () => { };
     return (0, jsx_runtime_1.jsx)("div", { children: children });
 };

package/dist/cjs/volume-persistance.js

@@ -25,7 +25,7 @@ const getPreferredVolume = () => {
         const val = window.localStorage.getItem(VOLUME_PERSISTANCE_KEY);
         return val ? Number(val) : 1;
     }
-    catch (e) {
+    catch (_a) {
         // User can disallow localStorage access
         // https://github.com/remotion-dev/remotion/issues/3540
         return 1;

package/dist/esm/index.mjs

@@ -2713,7 +2713,7 @@ var getPreferredVolume = () => {
   try {
     const val = window.localStorage.getItem(VOLUME_PERSISTANCE_KEY);
     return val ? Number(val) : 1;
-  } catch (e) {
+  } catch {
     return 1;
   }
 };

package/eslint.config.mjs

@@ -0,0 +1,23 @@
+import {remotionFlatConfig} from '@remotion/eslint-config-internal';
+
+const config = remotionFlatConfig({react: true});
+
+export default {
+	...config,
+	rules: {
+		...config.rules,
+		'no-console': 'error',
+		'@typescript-eslint/no-restricted-imports': [
+			'error',
+			{
+				paths: [
+					{
+						name: 'zod',
+						message: 'Can only import zod as a type',
+						allowTypeImports: true,
+					},
+				],
+			},
+		],
+	},
+};

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/player"
   },
   "name": "@remotion/player",
-  "version": "4.0.226",
+  "version": "4.0.227",
   "description": "React component for embedding a Remotion preview into your app",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "remotion": "4.0.226"
+    "remotion": "4.0.227"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -41,7 +41,9 @@
     "react": "18.3.1",
     "react-dom": "18.3.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",
@@ -56,8 +58,8 @@
   "homepage": "https://www.remotion.dev/docs/player",
   "scripts": {
     "formatting": "prettier src --check",
-    "lint": "eslint src --ext ts,tsx",
-    "make": "bun ensure-correct-version.ts && bun --env-file=../.env.bundle bundle.ts",
+    "lint": "eslint src",
+    "make": "tsc -d && bun ensure-correct-version.ts && bun --env-file=../.env.bundle bundle.ts",
     "test": "bun test src",
     "prerelease": "cp ../../README.md ."
   }