remotion 3.3.18 → 3.3.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/LICENSE.md CHANGED
@@ -7,7 +7,7 @@ Depending on the type of your legal entity, you are granted permission to use Re
7
7
 
8
8
  ## Free license
9
9
 
10
- Copyright © 2022 [Remotion](https://www.remotion.dev/)
10
+ Copyright © 2023 [Remotion](https://www.remotion.dev/)
11
11
 
12
12
  ### Eligibility
13
13
 
package/README.md CHANGED
@@ -31,7 +31,7 @@ Remotion is a framework for **creating videos programmatically using React.**
31
31
  </td>
32
32
  <td align="center">
33
33
  <img style="width: 240px" src="packages/docs/static/img/unwrapped-2022.gif" />
34
- <p>GitHub Unwrapped - Personalized year in Review <a href="https://githubunwrapped.com">Try</a> • <a href="https://github.com/remotion-dev/github-unwrapped">Source</a></p>
34
+ <p>GitHub Unwrapped - Personalized Year in Review <a href="https://www.githubunwrapped.com">Try</a> • <a href="https://github.com/remotion-dev/github-unwrapped-2022">Source</a></p>
35
35
  </td>
36
36
  <td align="center">
37
37
  <em>View more in the <a href="https://remotion.dev/showcase">Remotion Showcase</a>!</em>
package/dist/Clipper.d.ts CHANGED
@@ -1,9 +1,7 @@
1
- import type { PropsWithChildren } from 'react';
2
- import React from 'react';
3
- export declare const Clipper: React.FC<PropsWithChildren<{
1
+ import type React from 'react';
2
+ export declare const Clipper: React.FC<{
4
3
  width: number;
5
4
  height: number;
6
5
  x: number;
7
6
  y: number;
8
- hide?: boolean;
9
- }>>;
7
+ }>;
package/dist/Clipper.js CHANGED
@@ -1,18 +1,24 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Clipper = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
4
  const react_1 = require("react");
6
- const AbsoluteFill_1 = require("./AbsoluteFill");
7
- const CompositionManager_1 = require("./CompositionManager");
8
- const Clipper = ({ height, width, x, y, hide, children }) => {
9
- const context = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
5
+ const NativeLayers_1 = require("./NativeLayers");
6
+ const Clipper = ({ height, width, x, y }) => {
7
+ const { setClipRegion } = (0, react_1.useContext)(NativeLayers_1.NativeLayersContext);
10
8
  (0, react_1.useEffect)(() => {
11
- context.setClipRegion({ height, hide: Boolean(hide), width, x, y });
9
+ setClipRegion((c) => {
10
+ if (c === 'hide') {
11
+ throw new Error('Cannot render <Clipper>, because another <Null> is already rendered');
12
+ }
13
+ if (c === null) {
14
+ return { height, width, x, y };
15
+ }
16
+ throw new Error('Cannot render <Clipper>, because another component clipping the region was already rendered (most likely <Clipper>)');
17
+ });
12
18
  return () => {
13
- context.setClipRegion(null);
19
+ setClipRegion(null);
14
20
  };
15
- }, [context, height, hide, width, x, y]);
16
- return (0, jsx_runtime_1.jsx)(AbsoluteFill_1.AbsoluteFill, { children: children });
21
+ }, [height, setClipRegion, width, x, y]);
22
+ return null;
17
23
  };
18
24
  exports.Clipper = Clipper;
@@ -1,4 +1,4 @@
1
- import type { ComponentType } from 'react';
1
+ import type { ComponentType, PropsWithChildren } from 'react';
2
2
  import React from 'react';
3
3
  declare type LooseComponentType<T> = ComponentType<T> | ((props: T) => React.ReactNode);
4
4
  export declare type CompProps<T> = {
@@ -19,4 +19,5 @@ declare type CompositionProps<T> = StillProps<T> & {
19
19
  durationInFrames: number;
20
20
  };
21
21
  export declare const Composition: <T>({ width, height, fps, durationInFrames, id, defaultProps, ...compProps }: CompositionProps<T>) => React.ReactPortal | null;
22
+ export declare const ClipComposition: React.FC<PropsWithChildren>;
22
23
  export {};
@@ -1,9 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Composition = void 0;
3
+ exports.ClipComposition = exports.Composition = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const react_1 = require("react");
6
6
  const react_dom_1 = require("react-dom");
7
+ const AbsoluteFill_1 = require("./AbsoluteFill");
7
8
  const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
8
9
  const CompositionManager_1 = require("./CompositionManager");
9
10
  const input_props_1 = require("./config/input-props");
@@ -12,6 +13,7 @@ const Folder_1 = require("./Folder");
12
13
  const get_environment_1 = require("./get-environment");
13
14
  const internals_1 = require("./internals");
14
15
  const loading_indicator_1 = require("./loading-indicator");
16
+ const NativeLayers_1 = require("./NativeLayers");
15
17
  const nonce_1 = require("./nonce");
16
18
  const portal_node_1 = require("./portal-node");
17
19
  const use_lazy_component_1 = require("./use-lazy-component");
@@ -84,7 +86,7 @@ const Composition = ({ width, height, fps, durationInFrames, id, defaultProps, .
84
86
  video.component === lazy) {
85
87
  const Comp = lazy;
86
88
  const inputProps = (0, input_props_1.getInputProps)();
87
- return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(loading_indicator_1.Loading, {}), children: (0, jsx_runtime_1.jsx)(Comp, { ...defaultProps, ...inputProps }) }) }), (0, portal_node_1.portalNode)());
89
+ return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(exports.ClipComposition, { children: (0, jsx_runtime_1.jsx)(CanUseRemotionHooks_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(loading_indicator_1.Loading, {}), children: (0, jsx_runtime_1.jsx)(Comp, { ...defaultProps, ...inputProps }) }) }) }), (0, portal_node_1.portalNode)());
88
90
  }
89
91
  if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering' &&
90
92
  video &&
@@ -96,3 +98,18 @@ const Composition = ({ width, height, fps, durationInFrames, id, defaultProps, .
96
98
  return null;
97
99
  };
98
100
  exports.Composition = Composition;
101
+ const ClipComposition = ({ children }) => {
102
+ const { clipRegion } = (0, react_1.useContext)(NativeLayers_1.NativeLayersContext);
103
+ const style = (0, react_1.useMemo)(() => {
104
+ return {
105
+ display: 'flex',
106
+ flexDirection: 'row',
107
+ opacity: clipRegion === 'hide' ? 0 : 1,
108
+ clipPath: clipRegion && clipRegion !== 'hide'
109
+ ? `polygon(${clipRegion.x}px ${clipRegion.y}px, ${clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.height + clipRegion.y}px, ${clipRegion.width + clipRegion.x}px ${clipRegion.y}px)`
110
+ : undefined,
111
+ };
112
+ }, [clipRegion]);
113
+ return (0, jsx_runtime_1.jsx)(AbsoluteFill_1.AbsoluteFill, { style: style, children: children });
114
+ };
115
+ exports.ClipComposition = ClipComposition;
@@ -0,0 +1,13 @@
1
+ import type { PropsWithChildren } from 'react';
2
+ export declare type ClipRegion = {
3
+ x: number;
4
+ y: number;
5
+ width: number;
6
+ height: number;
7
+ } | 'hide';
8
+ export declare type TNativeLayersContext = {
9
+ clipRegion: ClipRegion | null;
10
+ setClipRegion: React.Dispatch<React.SetStateAction<ClipRegion | null>>;
11
+ };
12
+ export declare const NativeLayersContext: import("react").Context<TNativeLayersContext>;
13
+ export declare const NativeLayersProvider: React.FC<PropsWithChildren>;
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.NativeLayersProvider = exports.NativeLayersContext = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ exports.NativeLayersContext = (0, react_1.createContext)({
7
+ setClipRegion: () => {
8
+ throw new Error('NativeLayers not set');
9
+ },
10
+ clipRegion: null,
11
+ });
12
+ const NativeLayersProvider = ({ children, }) => {
13
+ const [clipRegion, setClipRegion] = (0, react_1.useState)(null);
14
+ const context = (0, react_1.useMemo)(() => {
15
+ return {
16
+ setClipRegion,
17
+ clipRegion,
18
+ };
19
+ }, [clipRegion, setClipRegion]);
20
+ (0, react_1.useLayoutEffect)(() => {
21
+ if (typeof window !== 'undefined') {
22
+ window.remotion_getClipRegion = () => {
23
+ return clipRegion;
24
+ };
25
+ }
26
+ }, [clipRegion, setClipRegion]);
27
+ return ((0, jsx_runtime_1.jsx)(exports.NativeLayersContext.Provider, { value: context, children: children }));
28
+ };
29
+ exports.NativeLayersProvider = NativeLayersProvider;
package/dist/Null.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const Null: React.FC;
package/dist/Null.js ADDED
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Null = void 0;
4
+ const react_1 = require("react");
5
+ const NativeLayers_1 = require("./NativeLayers");
6
+ const Null = () => {
7
+ const { setClipRegion } = (0, react_1.useContext)(NativeLayers_1.NativeLayersContext);
8
+ (0, react_1.useEffect)(() => {
9
+ setClipRegion((c) => {
10
+ if (c === null) {
11
+ return 'hide';
12
+ }
13
+ // Rendering multiple <Null> is fine, because they are all hidden
14
+ if (c === 'hide') {
15
+ return 'hide';
16
+ }
17
+ throw new Error('Cannot render <Null>, because another component clipping the region was already rendered (most likely <Clipper>)');
18
+ });
19
+ return () => {
20
+ setClipRegion(null);
21
+ };
22
+ }, [setClipRegion]);
23
+ return null;
24
+ };
25
+ exports.Null = Null;
@@ -6,6 +6,7 @@ const react_1 = require("react");
6
6
  const shared_audio_tags_1 = require("./audio/shared-audio-tags");
7
7
  const CompositionManager_1 = require("./CompositionManager");
8
8
  const delay_render_1 = require("./delay-render");
9
+ const NativeLayers_1 = require("./NativeLayers");
9
10
  const nonce_1 = require("./nonce");
10
11
  const prefetch_state_1 = require("./prefetch-state");
11
12
  const random_1 = require("./random");
@@ -63,10 +64,10 @@ const RemotionRoot = ({ children, numberOfAudioTags }) => {
63
64
  });
64
65
  }
65
66
  }, []);
66
- return ((0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: nonceContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: setTimelineContextValue, children: (0, jsx_runtime_1.jsx)(prefetch_state_1.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManagerProvider, { children: (0, jsx_runtime_1.jsx)(duration_state_1.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(shared_audio_tags_1.SharedAudioContextProvider
67
- // In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
68
- , {
67
+ return ((0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: nonceContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: setTimelineContextValue, children: (0, jsx_runtime_1.jsx)(prefetch_state_1.PrefetchProvider, { children: (0, jsx_runtime_1.jsx)(NativeLayers_1.NativeLayersProvider, { children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManagerProvider, { children: (0, jsx_runtime_1.jsx)(duration_state_1.DurationsContextProvider, { children: (0, jsx_runtime_1.jsx)(shared_audio_tags_1.SharedAudioContextProvider
69
68
  // In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
70
- numberOfAudioTags: numberOfAudioTags, children: children }) }) }) }) }) }) }));
69
+ , {
70
+ // In the preview, which is mostly played on Desktop, we opt out of the autoplay policy fix as described in https://github.com/remotion-dev/remotion/pull/554, as it mostly applies to mobile.
71
+ numberOfAudioTags: numberOfAudioTags, children: children }) }) }) }) }) }) }) }));
71
72
  };
72
73
  exports.RemotionRoot = RemotionRoot;
@@ -20,6 +20,9 @@ const AudioRefForwardingFunction = (props, ref) => {
20
20
  const { loop, ...propsOtherThanLoop } = props;
21
21
  const { fps } = (0, use_video_config_1.useVideoConfig)();
22
22
  const { durations, setDurations } = (0, react_1.useContext)(duration_state_1.DurationsContext);
23
+ if (typeof props.src !== 'string') {
24
+ throw new TypeError(`The \`<Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
25
+ }
23
26
  const onError = (0, react_1.useCallback)((e) => {
24
27
  console.log(e.currentTarget.error);
25
28
  throw new Error(`Could not play audio with src ${otherProps.src}: ${e.currentTarget.error}. See https://remotion.dev/docs/media-playback-error for help.`);
@@ -86,7 +86,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
86
86
  const newHandle = (0, delay_render_1.delayRender)('Loading <Audio> duration with src=' + src);
87
87
  const { current } = audioRef;
88
88
  const didLoad = () => {
89
- if (current) {
89
+ if (current === null || current === void 0 ? void 0 : current.duration) {
90
90
  onDuration(src, current.duration);
91
91
  }
92
92
  (0, delay_render_1.continueRender)(newHandle);
package/dist/config.d.ts CHANGED
@@ -39,6 +39,12 @@ export declare type ConfigType = {
39
39
  * @default null
40
40
  */
41
41
  readonly setWebpackPollingInMilliseconds: (interval: number | null) => void;
42
+ /**
43
+ * Whether Remotion should open a browser when starting the Preview.
44
+ * @param should
45
+ * @default true
46
+ */
47
+ readonly setShouldOpenBrowser: (should: boolean) => void;
42
48
  };
43
49
  readonly Bundling: {
44
50
  /**
package/dist/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import './asset-types';
2
2
  import type { TAsset, TCompMetadata } from './CompositionManager';
3
+ import type { ClipRegion } from './NativeLayers';
3
4
  declare global {
4
5
  interface Window {
5
6
  ready: boolean;
@@ -20,6 +21,7 @@ declare global {
20
21
  remotion_inputProps: string;
21
22
  remotion_envVariables: string;
22
23
  remotion_collectAssets: () => TAsset[];
24
+ remotion_getClipRegion: () => ClipRegion | null;
23
25
  remotion_isPlayer: boolean;
24
26
  remotion_isBuilding: undefined | (() => void);
25
27
  remotion_finishedBuilding: undefined | (() => void);
@@ -57,6 +59,7 @@ export * from './internals';
57
59
  export * from './interpolate';
58
60
  export { interpolateColors } from './interpolate-colors';
59
61
  export { Loop } from './loop';
62
+ export { ClipRegion } from './NativeLayers';
60
63
  export { prefetch } from './prefetch';
61
64
  export { random, RandomSeed } from './random';
62
65
  export { registerRoot } from './register-root';
@@ -71,3 +74,12 @@ export * from './use-video-config';
71
74
  export * from './version';
72
75
  export * from './video';
73
76
  export * from './video-config';
77
+ export declare const Experimental: {
78
+ Clipper: import("react").FC<{
79
+ width: number;
80
+ height: number;
81
+ x: number;
82
+ y: number;
83
+ }>;
84
+ Null: import("react").FC<{}>;
85
+ };
package/dist/index.js CHANGED
@@ -14,9 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.random = exports.prefetch = exports.Loop = exports.interpolateColors = exports.getInputProps = exports.Config = void 0;
17
+ exports.Experimental = exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.random = exports.prefetch = exports.Loop = exports.interpolateColors = exports.getInputProps = exports.Config = void 0;
18
18
  require("./asset-types");
19
+ const Clipper_1 = require("./Clipper");
19
20
  const multiple_versions_warning_1 = require("./multiple-versions-warning");
21
+ const Null_1 = require("./Null");
20
22
  (0, multiple_versions_warning_1.checkMultipleRemotionVersions)();
21
23
  __exportStar(require("./AbsoluteFill"), exports);
22
24
  __exportStar(require("./audio"), exports);
@@ -57,3 +59,7 @@ __exportStar(require("./use-video-config"), exports);
57
59
  __exportStar(require("./version"), exports);
58
60
  __exportStar(require("./video"), exports);
59
61
  __exportStar(require("./video-config"), exports);
62
+ exports.Experimental = {
63
+ Clipper: Clipper_1.Clipper,
64
+ Null: Null_1.Null,
65
+ };
package/dist/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const VERSION = "3.3.18";
1
+ export declare const VERSION = "3.3.22";
package/dist/version.js CHANGED
@@ -2,4 +2,4 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.VERSION = void 0;
4
4
  // Automatically generated on publish
5
- exports.VERSION = '3.3.18';
5
+ exports.VERSION = '3.3.22';
@@ -13,6 +13,9 @@ const VideoForDevelopment_1 = require("./VideoForDevelopment");
13
13
  const OffthreadVideo = (props) => {
14
14
  const { startFrom, endAt, ...otherProps } = props;
15
15
  const onDuration = (0, react_1.useCallback)(() => undefined, []);
16
+ if (typeof props.src !== 'string') {
17
+ throw new TypeError(`The \`<OffthreadVideo>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
18
+ }
16
19
  if (typeof startFrom !== 'undefined' || typeof endAt !== 'undefined') {
17
20
  (0, validate_start_from_props_1.validateStartFromProps)(startFrom, endAt);
18
21
  const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
@@ -21,6 +21,9 @@ const VideoForwardingFunction = (props, ref) => {
21
21
  if (typeof ref === 'string') {
22
22
  throw new Error('string refs are not supported');
23
23
  }
24
+ if (typeof props.src !== 'string') {
25
+ throw new TypeError(`The \`<Video>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
26
+ }
24
27
  const onDuration = (0, react_1.useCallback)((src, durationInSeconds) => {
25
28
  setDurations({ type: 'got-duration', durationInSeconds, src });
26
29
  }, [setDurations]);
@@ -178,7 +178,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
178
178
  const newHandle = (0, delay_render_1.delayRender)('Loading <Video> duration with src=' + src);
179
179
  const { current } = videoRef;
180
180
  const didLoad = () => {
181
- if (current) {
181
+ if (current === null || current === void 0 ? void 0 : current.duration) {
182
182
  onDuration(src, current.duration);
183
183
  }
184
184
  (0, delay_render_1.continueRender)(newHandle);
@@ -6,6 +6,10 @@ export declare function useRemotionContexts(): {
6
6
  sequenceContext: import("./Sequence").SequenceContextType | null;
7
7
  nonceContext: import("./nonce").TNonceContext;
8
8
  canUseRemotionHooksContext: boolean;
9
+ nativeLayersContext: import("./NativeLayers").TNativeLayersContext;
10
+ preloadContext: {
11
+ [x: string]: string;
12
+ };
9
13
  };
10
14
  export interface RemotionContextProviderProps {
11
15
  contexts: ReturnType<typeof useRemotionContexts>;
@@ -31,7 +31,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
31
31
  const react_1 = __importStar(require("react"));
32
32
  const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
33
33
  const CompositionManager_1 = require("./CompositionManager");
34
+ const NativeLayers_1 = require("./NativeLayers");
34
35
  const nonce_1 = require("./nonce");
36
+ const prefetch_state_1 = require("./prefetch-state");
35
37
  const Sequence_1 = require("./Sequence");
36
38
  const timeline_position_state_1 = require("./timeline-position-state");
37
39
  function useRemotionContexts() {
@@ -41,6 +43,8 @@ function useRemotionContexts() {
41
43
  const sequenceContext = react_1.default.useContext(Sequence_1.SequenceContext);
42
44
  const nonceContext = react_1.default.useContext(nonce_1.NonceContext);
43
45
  const canUseRemotionHooksContext = react_1.default.useContext(CanUseRemotionHooks_1.CanUseRemotionHooks);
46
+ const nativeLayersContext = react_1.default.useContext(NativeLayers_1.NativeLayersContext);
47
+ const preloadContext = react_1.default.useContext(prefetch_state_1.PreloadContext);
44
48
  return (0, react_1.useMemo)(() => ({
45
49
  compositionManagerCtx,
46
50
  timelineContext,
@@ -48,6 +52,8 @@ function useRemotionContexts() {
48
52
  sequenceContext,
49
53
  nonceContext,
50
54
  canUseRemotionHooksContext,
55
+ nativeLayersContext,
56
+ preloadContext,
51
57
  }), [
52
58
  compositionManagerCtx,
53
59
  nonceContext,
@@ -55,11 +61,13 @@ function useRemotionContexts() {
55
61
  setTimelineContext,
56
62
  timelineContext,
57
63
  canUseRemotionHooksContext,
64
+ nativeLayersContext,
65
+ preloadContext,
58
66
  ]);
59
67
  }
60
68
  exports.useRemotionContexts = useRemotionContexts;
61
69
  const RemotionContextProvider = (props) => {
62
70
  const { children, contexts } = props;
63
- return ((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_1.CanUseRemotionHooks.Provider, { value: contexts.canUseRemotionHooksContext, children: (0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: contexts.nonceContext, children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: contexts.timelineContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: (0, jsx_runtime_1.jsx)(Sequence_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: children }) }) }) }) }) }));
71
+ return ((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_1.CanUseRemotionHooks.Provider, { value: contexts.canUseRemotionHooksContext, children: (0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: contexts.nonceContext, children: (0, jsx_runtime_1.jsx)(NativeLayers_1.NativeLayersContext.Provider, { value: contexts.nativeLayersContext, children: (0, jsx_runtime_1.jsx)(prefetch_state_1.PreloadContext.Provider, { value: contexts.preloadContext, children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: contexts.timelineContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: (0, jsx_runtime_1.jsx)(Sequence_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: children }) }) }) }) }) }) }) }));
64
72
  };
65
73
  exports.RemotionContextProvider = RemotionContextProvider;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "remotion",
3
- "version": "3.3.18",
3
+ "version": "3.3.22",
4
4
  "description": "Render videos in React",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -49,11 +49,24 @@
49
49
  "ffmpeg",
50
50
  "video",
51
51
  "react",
52
- "puppeteer",
53
52
  "player"
54
53
  ],
55
54
  "publishConfig": {
56
55
  "access": "public"
57
56
  },
58
- "gitHead": "0d1b7297c2ca88ee49e710e05afb7236fc887187"
57
+ "exports": {
58
+ ".": "./dist/index.js",
59
+ "./version": "./dist/version.js"
60
+ },
61
+ "typesVersions": {
62
+ ">=1.0": {
63
+ ".": [
64
+ "dist/index.d.ts"
65
+ ],
66
+ "version": [
67
+ "dist/version.d.ts"
68
+ ]
69
+ }
70
+ },
71
+ "gitHead": "2f9873f4e8d07feb332c63078840c452a9bf3b92"
59
72
  }
package/version.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './dist/version';
package/version.js DELETED
@@ -1,4 +0,0 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', {value: true});
3
-
4
- module.exports = require('./dist/version');