@remotion/player 4.0.226 → 4.0.228

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/PlayerUI.js

@@ -419,7 +419,7 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
             showPosterWhenBuffering && showBufferIndicator && player.isPlaying(),
         ].some(Boolean);
     const { left, top, width, height, ...outerWithoutScale } = outer;
-    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: outer, onPointerDown: clickToPlay ? handlePointerDown : undefined, onDoubleClick: doubleClickToFullscreen ? handleDoubleClick : undefined, children: (0, jsx_runtime_1.jsxs)("div", { style: containerStyle, className: player_css_classname_js_1.PLAYER_CSS_CLASSNAME, children: [VideoComponent ? ((0, jsx_runtime_1.jsx)(error_boundary_js_1.ErrorBoundary, { onError: onError, errorFallback: errorFallback, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.ClipComposition, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CurrentScaleContext.Provider, { value: currentScale, children: (0, jsx_runtime_1.jsx)(VideoComponent, { ...((_c = video === null || video === void 0 ? void 0 : video.props) !== null && _c !== void 0 ? _c : {}), ...(inputProps !== null && inputProps !== void 0 ? inputProps : {}) }) }) }) })) : null, shouldShowPoster && posterFillMode === 'composition-size' ? ((0, jsx_runtime_1.jsx)("div", { style: {
+    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: outer, onPointerDown: clickToPlay ? handlePointerDown : undefined, onDoubleClick: doubleClickToFullscreen ? handleDoubleClick : undefined, children: (0, jsx_runtime_1.jsxs)("div", { style: containerStyle, className: player_css_classname_js_1.PLAYER_CSS_CLASSNAME, children: [VideoComponent ? ((0, jsx_runtime_1.jsx)(error_boundary_js_1.ErrorBoundary, { onError: onError, errorFallback: errorFallback, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CurrentScaleContext.Provider, { value: currentScale, children: (0, jsx_runtime_1.jsx)(VideoComponent, { ...((_c = video === null || video === void 0 ? void 0 : video.props) !== null && _c !== void 0 ? _c : {}), ...(inputProps !== null && inputProps !== void 0 ? inputProps : {}) }) }) })) : null, shouldShowPoster && posterFillMode === 'composition-size' ? ((0, jsx_runtime_1.jsx)("div", { style: {
                                 ...outerWithoutScale,
                                 width: config.width,
                                 height: config.height,

package/dist/cjs/SharedPlayerContext.js

@@ -55,6 +55,6 @@ const SharedPlayerContexts = ({ children, timelineContext, fps, compositionHeigh
             setMediaVolume: setMediaVolumeAndPersist,
         };
     }, [setMediaVolumeAndPersist]);
-    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: timelineContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManager.Provider, { value: compositionManagerContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.ResolveCompositionConfig, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.NativeLayersProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SharedAudioContextProvider, { numberOfAudioTags: numberOfSharedAudioTags, component: component, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: timelineContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManager.Provider, { value: compositionManagerContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.ResolveCompositionConfig, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SharedAudioContextProvider, { numberOfAudioTags: numberOfSharedAudioTags, component: component, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.BufferingProvider, { children: children }) }) }) }) }) }) }) }) }) }));
 };
 exports.SharedPlayerContexts = SharedPlayerContexts;

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/calculate-scale.d.ts

@@ -49,6 +49,6 @@ export declare const calculateOuter: ({ layout, scale, config, overflowVisible,
     readonly position: "absolute";
     readonly left: number;
     readonly top: number;
-    readonly overflow: "hidden" | "visible";
+    readonly overflow: "visible" | "hidden";
 };
 export {};

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

@@ -2611,13 +2611,11 @@ var PlayerUI = ({
             VideoComponent ? /* @__PURE__ */ jsx11(ErrorBoundary, {
               onError,
               errorFallback,
-              children: /* @__PURE__ */ jsx11(Internals10.ClipComposition, {
-                children: /* @__PURE__ */ jsx11(Internals10.CurrentScaleContext.Provider, {
-                  value: currentScale,
-                  children: /* @__PURE__ */ jsx11(VideoComponent, {
-                    ...video?.props ?? {},
-                    ...inputProps ?? {}
-                  })
+              children: /* @__PURE__ */ jsx11(Internals10.CurrentScaleContext.Provider, {
+                value: currentScale,
+                children: /* @__PURE__ */ jsx11(VideoComponent, {
+                  ...video?.props ?? {},
+                  ...inputProps ?? {}
                 })
               })
             }) : null,
@@ -2713,7 +2711,7 @@ var getPreferredVolume = () => {
   try {
     const val = window.localStorage.getItem(VOLUME_PERSISTANCE_KEY);
     return val ? Number(val) : 1;
-  } catch (e) {
+  } catch {
     return 1;
   }
 };
@@ -2804,15 +2802,13 @@ var SharedPlayerContexts = ({
             children: /* @__PURE__ */ jsx12(Internals11.DurationsContextProvider, {
               children: /* @__PURE__ */ jsx12(Internals11.MediaVolumeContext.Provider, {
                 value: mediaVolumeContextValue,
-                children: /* @__PURE__ */ jsx12(Internals11.NativeLayersProvider, {
-                  children: /* @__PURE__ */ jsx12(Internals11.SetMediaVolumeContext.Provider, {
-                    value: setMediaVolumeContextValue,
-                    children: /* @__PURE__ */ jsx12(Internals11.SharedAudioContextProvider, {
-                      numberOfAudioTags: numberOfSharedAudioTags,
-                      component,
-                      children: /* @__PURE__ */ jsx12(Internals11.BufferingProvider, {
-                        children
-                      })
+                children: /* @__PURE__ */ jsx12(Internals11.SetMediaVolumeContext.Provider, {
+                  value: setMediaVolumeContextValue,
+                  children: /* @__PURE__ */ jsx12(Internals11.SharedAudioContextProvider, {
+                    numberOfAudioTags: numberOfSharedAudioTags,
+                    component,
+                    children: /* @__PURE__ */ jsx12(Internals11.BufferingProvider, {
+                      children
                     })
                   })
                 })

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.228",
   "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.228"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -40,8 +40,10 @@
     "csstype": "^3.1.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "webpack": "5.94.0",
-    "zod": "3.22.3"
+    "webpack": "5.96.1",
+    "zod": "3.22.3",
+    "eslint": "9.14.0",
+    "@remotion/eslint-config-internal": "4.0.228"
   },
   "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 ."
   }