@remotion/player - npm Package Compare versions

Comparing version 4.0.179 to 4.0.180

dist/cjs/index.d.ts

@@ -6,6 +6,7 @@ /// <reference types="react" />
 export { Player } from './Player.js';
-export type { PlayerProps } from './Player.js';
+export type { PlayerProps, PlayerPropsWithoutZod } from './Player.js';
 export type { RenderFullscreenButton, RenderPlayPauseButton, } from './PlayerControls.js';
 export type { ErrorFallback, RenderLoading, RenderPoster } from './PlayerUI.js';
 export { Thumbnail } from './Thumbnail.js';
+export type { ThumbnailProps, ThumbnailPropsWithoutZod } from './Thumbnail.js';
 export type { Size } from './utils/use-element-size.js';
@@ -23,3 +24,3 @@ export type { CallbackListener, PlayerEventTypes as EventTypes };
         playing: boolean;
-        play: (e?: import("react").SyntheticEvent<Element, Event> | PointerEvent | undefined) => void;
+        play: (e?: PointerEvent | import("react").SyntheticEvent<Element, Event> | undefined) => void;
         pause: () => void;
@@ -26,0 +27,0 @@ pauseAndReturnToPlayStart: () => void;

dist/cjs/Player.d.ts

@@ -12,3 +12,3 @@ import type { ComponentType } from 'react';
 }) => React.ReactNode;
-export type PlayerProps<Schema extends AnyZodObject, Props> = {
+export type PlayerProps<Schema extends AnyZodObject, Props extends Record<string, unknown>> = {
     readonly durationInFrames: number;
@@ -53,2 +53,3 @@ readonly compositionWidth: number;
 } & CompProps<Props> & PropsIfHasProps<Schema, Props>;
+export type PlayerPropsWithoutZod<Props extends Record<string, unknown>> = PlayerProps<AnyZodObject, Props>;
 export declare const componentOrNullIfLazy: <Props>(props: CompProps<Props>) => ComponentType<Props> | null;
@@ -62,2 +63,2 @@ /**
  */
-export declare const Player: <Schema extends AnyZodObject, Props>(props: PlayerProps<Schema, Props> & React.RefAttributes<PlayerRef>) => React.ReactElement | null;
+export declare const Player: <Schema extends AnyZodObject, Props extends Record<string, unknown>>(props: PlayerProps<Schema, Props> & React.RefAttributes<PlayerRef>) => React.ReactElement | null;

dist/cjs/PlayerControls.d.ts

@@ -12,12 +12,2 @@ import type { MouseEventHandler, ReactNode, SyntheticEvent } from 'react';
 }) => ReactNode;
-declare global {
-    interface Document {
-        webkitFullscreenEnabled?: boolean;
-        webkitFullscreenElement?: Element;
-        webkitExitFullscreen?: Document['exitFullscreen'];
-    }
-    interface HTMLDivElement {
-        webkitRequestFullScreen: HTMLDivElement['requestFullscreen'];
-    }
-}
 export declare const Controls: React.FC<{
@@ -24,0 +14,0 @@ readonly fps: number;

dist/cjs/PlayerControls.js

@@ -120,3 +120,5 @@ "use strict";
         setSupportsFullscreen((_a = (typeof document !== 'undefined' &&
-            (document.fullscreenEnabled || document.webkitFullscreenEnabled))) !== null && _a !== void 0 ? _a : false);
+            (document.fullscreenEnabled ||
+                // @ts-expect-error Types not defined
+                document.webkitFullscreenEnabled))) !== null && _a !== void 0 ? _a : false);
     }, []);
@@ -123,0 +125,0 @@ (0, react_1.useEffect)(() => {

dist/cjs/PlayerUI.js

@@ -60,3 +60,5 @@ "use strict";
         }
-        return Boolean(document.fullscreenEnabled || document.webkitFullscreenEnabled);
+        return Boolean(document.fullscreenEnabled ||
+            // @ts-expect-error Types not defined
+            document.webkitFullscreenEnabled);
     }, []);
@@ -85,2 +87,3 @@ const player = (0, use_player_js_1.usePlayer)();
             setIsFullscreen(document.fullscreenElement === current ||
+                // @ts-expect-error Types not defined
                 document.webkitFullscreenElement === current);
@@ -113,3 +116,5 @@ };
         }
+        // @ts-expect-error Types not defined
         if (container.current.webkitRequestFullScreen) {
+            // @ts-expect-error Types not defined
             container.current.webkitRequestFullScreen();
@@ -122,3 +127,5 @@ }
     const exitFullscreen = (0, react_1.useCallback)(() => {
+        // @ts-expect-error Types not defined
         if (document.webkitExitFullscreen) {
+            // @ts-expect-error Types not defined
             document.webkitExitFullscreen();
@@ -137,3 +144,7 @@ }
             var _a;
-            const element = (_a = document.webkitFullscreenElement) !== null && _a !== void 0 ? _a : document.fullscreenElement;
+            const element = 
+            // @ts-expect-error Types not defined
+            (_a = document.webkitFullscreenElement) !== null && _a !== void 0 ? _a : 
+            // defined
+            document.fullscreenElement;
             if (element && element === container.current) {
@@ -140,0 +151,0 @@ player.emitter.dispatchFullscreenChange({

dist/cjs/Thumbnail.d.ts

@@ -7,14 +7,15 @@ import type { CSSProperties } from 'react';
 import type { PropsIfHasProps } from './utils/props-if-has-props.js';
-type ThumbnailProps<Schema extends AnyZodObject, Props extends Record<string, unknown>> = PropsIfHasProps<Schema, Props> & CompProps<Props> & {
-    frameToDisplay: number;
-    style?: CSSProperties;
-    durationInFrames: number;
-    compositionWidth: number;
-    compositionHeight: number;
-    fps: number;
-    overflowVisible?: boolean;
-    errorFallback?: ErrorFallback;
-    renderLoading?: RenderLoading;
-    className?: string;
+export type ThumbnailProps<Schema extends AnyZodObject, Props extends Record<string, unknown>> = PropsIfHasProps<Schema, Props> & CompProps<Props> & {
+    readonly frameToDisplay: number;
+    readonly style?: CSSProperties;
+    readonly durationInFrames: number;
+    readonly compositionWidth: number;
+    readonly compositionHeight: number;
+    readonly fps: number;
+    readonly overflowVisible?: boolean;
+    readonly errorFallback?: ErrorFallback;
+    readonly renderLoading?: RenderLoading;
+    readonly className?: string;
 };
+export type ThumbnailPropsWithoutZod<Props extends Record<string, unknown>> = ThumbnailProps<AnyZodObject, Props>;
 /**
@@ -25,2 +26,1 @@ * @description A component which can be rendered in a regular React App (for example: Next.js, Vite) to display a single frame of a video.
 export declare const Thumbnail: <Schema extends AnyZodObject, Props extends Record<string, unknown>>(props: ThumbnailProps<Schema, Props> & import("react").RefAttributes<ThumbnailMethods>) => React.ReactElement | null;
-export {};

package.json

@@ -6,3 +6,3 @@ {
   "name": "@remotion/player",
-  "version": "4.0.179",
+  "version": "4.0.180",
   "description": "React component for embedding a Remotion preview into your app",
@@ -32,3 +32,3 @@ "main": "dist/cjs/index.js",
   "dependencies": {
-    "remotion": "4.0.179"
+    "remotion": "4.0.180"
   },
@@ -35,0 +35,0 @@ "peerDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

560772

increased by0.12%

Lines of code

10986

increased by0.05%

Dependency changes

• + Addedremotion@4.0.180(transitive)

• - Removedremotion@4.0.179(transitive)

• Updatedremotion@4.0.180