remotion 4.0.188 → 4.0.189

package/dist/cjs/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="bun-types" />
 /// <reference types="react" />
+import './_check-rsc.js';
 import './asset-types.js';
 import type { Codec } from './codec.js';
 import type { TRenderAsset } from './CompositionManager.js';

package/dist/cjs/index.js

@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Config = exports.Experimental = exports.watchStaticFile = exports.useCurrentScale = exports.useCurrentFrame = exports.useBufferState = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.prefetch = exports.random = exports.interpolate = exports.Loop = exports.interpolateColors = exports.Img = exports.getStaticFiles = exports.getRemotionEnvironment = exports.delayRender = exports.continueRender = exports.getInputProps = exports.Composition = exports.cancelRender = exports.Artifact = void 0;
+require("./_check-rsc.js");
 require("./asset-types.js");
 const Clipper_js_1 = require("./Clipper.js");
 const enable_sequence_stack_traces_js_1 = require("./enable-sequence-stack-traces.js");

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.188";
+export declare const VERSION = "4.0.189";

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.188';
+exports.VERSION = '4.0.189';

package/dist/esm/index.mjs

@@ -9,15 +9,32 @@ var __export = (target, all) => {
     });
 };
 
+// src/_check-rsc.ts
+import {createContext} from "react";
+if (typeof createContext !== "function") {
+  const err = [
+    'Remotion requires React.createContext, but it is "undefined".',
+    'If you are in a React Server Component, turn it into a client component by adding "use client" at the top of the file.',
+    "",
+    "Before:",
+    '  import {useCurrentFrame} from "remotion";',
+    "",
+    "After:",
+    '  "use client";',
+    '  import {useCurrentFrame} from "remotion";'
+  ];
+  throw new Error(err.join("\n"));
+}
+
 // src/Clipper.tsx
 import {useContext, useEffect} from "react";
 
 // src/NativeLayers.tsx
-import {createContext, useLayoutEffect, useMemo, useState} from "react";
+import {createContext as createContext2, useLayoutEffect, useMemo, useState} from "react";
 import {
 jsx
 } from "react/jsx-runtime";
-var NativeLayersContext = createContext({
+var NativeLayersContext = createContext2({
   setClipRegion: () => {
     throw new Error("NativeLayers not set");
   },
@@ -115,11 +132,11 @@ var addSequenceStackTraces = (component) => {
 };
 
 // src/is-player.tsx
-import {createContext as createContext2, useContext as useContext2} from "react";
+import {createContext as createContext3, useContext as useContext2} from "react";
 import {
 jsx as jsx2
 } from "react/jsx-runtime";
-var IsPlayerContext = createContext2(false);
+var IsPlayerContext = createContext3(false);
 var IsPlayerContextProvider = ({
   children
 }) => {
@@ -138,7 +155,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.188";
+var VERSION = "4.0.189";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -221,8 +238,8 @@ var AbsoluteFillRefForwarding = (props, ref) => {
 var AbsoluteFill = forwardRef(AbsoluteFillRefForwarding);
 
 // src/SequenceContext.tsx
-import {createContext as createContext3} from "react";
-var SequenceContext = createContext3(null);
+import {createContext as createContext4} from "react";
+var SequenceContext = createContext4(null);
 
 // src/SequenceManager.tsx
 import React3, {useCallback, useMemo as useMemo3, useState as useState2} from "react";
@@ -278,8 +295,8 @@ var SequenceManagerProvider = ({ children }) => {
 };
 
 // src/nonce.ts
-import {createContext as createContext4, useContext as useContext4, useEffect as useEffect3, useRef, useState as useState3} from "react";
-var NonceContext = createContext4({
+import {createContext as createContext5, useContext as useContext4, useEffect as useEffect3, useRef, useState as useState3} from "react";
+var NonceContext = createContext5({
   getNonce: () => 0,
   fastRefreshes: 0
 });
@@ -309,14 +326,14 @@ __export(exports_timeline_position_state, {
   TimelineContext: () => TimelineContext,
   SetTimelineContext: () => SetTimelineContext
 });
-import {createContext as createContext8, useContext as useContext7, useMemo as useMemo7} from "react";
+import {createContext as createContext9, useContext as useContext7, useMemo as useMemo7} from "react";
 
 // src/use-video.ts
 import {useContext as useContext6, useMemo as useMemo6} from "react";
 
 // src/CompositionManagerContext.tsx
-import {createContext as createContext5} from "react";
-var CompositionManager = createContext5({
+import {createContext as createContext6} from "react";
+var CompositionManager = createContext6({
   compositions: [],
   registerComposition: () => {
     return;
@@ -346,7 +363,7 @@ var CompositionManager = createContext5({
 
 // src/ResolveCompositionConfig.tsx
 import {
-createContext as createContext7,
+createContext as createContext8,
 createRef,
 useCallback as useCallback3,
 useContext as useContext5,
@@ -358,7 +375,7 @@ useState as useState4
 
 // src/EditorProps.tsx
 import React4, {
-createContext as createContext6,
+createContext as createContext7,
 useCallback as useCallback2,
 useImperativeHandle,
 useMemo as useMemo4
@@ -366,7 +383,7 @@ useMemo as useMemo4
 import {
 jsx as jsx5
 } from "react/jsx-runtime";
-var EditorPropsContext = createContext6({
+var EditorPropsContext = createContext7({
   props: {},
   updateProps: () => {
     throw new Error("Not implemented");
@@ -774,7 +791,7 @@ var resolveVideoConfigOrCatch = (params) => {
 import {
 jsx as jsx6
 } from "react/jsx-runtime";
-var ResolveCompositionContext = createContext7(null);
+var ResolveCompositionContext = createContext8(null);
 var resolveCompositionsRef = createRef();
 var needsResolution = (composition) => {
   return Boolean(composition.calculateMetadata);
@@ -1126,7 +1143,7 @@ var useVideo = () => {
 };
 
 // src/timeline-position-state.ts
-var TimelineContext = createContext8({
+var TimelineContext = createContext9({
   frame: {},
   playing: false,
   playbackRate: 1,
@@ -1139,7 +1156,7 @@ var TimelineContext = createContext8({
   },
   audioAndVideoTags: { current: [] }
 });
-var SetTimelineContext = createContext8({
+var SetTimelineContext = createContext9({
   setFrame: () => {
     throw new Error("default");
   },
@@ -1192,11 +1209,11 @@ var usePlayingState = () => {
 import {useContext as useContext9} from "react";
 
 // src/CanUseRemotionHooks.tsx
-import {createContext as createContext9} from "react";
+import {createContext as createContext10} from "react";
 import {
 jsx as jsx7
 } from "react/jsx-runtime";
-var CanUseRemotionHooks = createContext9(false);
+var CanUseRemotionHooks = createContext10(false);
 var CanUseRemotionHooksProvider = ({ children }) => {
   return jsx7(CanUseRemotionHooks.Provider, {
     value: true,
@@ -1521,7 +1538,7 @@ import {useContext as useContext13, useEffect as useEffect6, useState as useStat
 
 // src/RenderAssetManager.tsx
 import {
-createContext as createContext10,
+createContext as createContext11,
 useCallback as useCallback4,
 useLayoutEffect as useLayoutEffect2,
 useMemo as useMemo11,
@@ -1560,7 +1577,7 @@ var validateRenderAsset = (artifact) => {
 import {
 jsx as jsx10
 } from "react/jsx-runtime";
-var RenderAssetManager = createContext10({
+var RenderAssetManager = createContext11({
   registerRenderAsset: () => {
     return;
   },
@@ -1719,11 +1736,11 @@ var isErrorLike = (err) => {
 };
 
 // src/loop/index.tsx
-import React8, {createContext as createContext11, useMemo as useMemo12} from "react";
+import React8, {createContext as createContext12, useMemo as useMemo12} from "react";
 import {
 jsx as jsx11
 } from "react/jsx-runtime";
-var LoopContext = createContext11(null);
+var LoopContext = createContext12(null);
 var useLoop = () => {
   return React8.useContext(LoopContext);
 };
@@ -1782,11 +1799,11 @@ Loop.useLoop = useLoop;
 import {useContext as useContext14} from "react";
 
 // src/prefetch-state.tsx
-import {createContext as createContext12, useEffect as useEffect7, useState as useState8} from "react";
+import {createContext as createContext13, useEffect as useEffect7, useState as useState8} from "react";
 import {
 jsx as jsx12
 } from "react/jsx-runtime";
-var PreloadContext = createContext12({});
+var PreloadContext = createContext13({});
 var preloads = {};
 var updaters = [];
 var setPreloads = (updater) => {
@@ -2002,7 +2019,7 @@ var validateStartFromProps = (startFrom, endAt) => {
 };
 
 // src/video/duration-state.tsx
-import {createContext as createContext13, useMemo as useMemo13, useReducer} from "react";
+import {createContext as createContext14, useMemo as useMemo13, useReducer} from "react";
 import {
 jsx as jsx13
 } from "react/jsx-runtime";
@@ -2022,7 +2039,7 @@ var durationReducer = (state, action) => {
       return state;
   }
 };
-var DurationsContext = createContext13({
+var DurationsContext = createContext14({
   durations: {},
   setDurations: () => {
     throw new Error("context missing");
@@ -3078,12 +3095,12 @@ var useSyncVolumeWithMediaTag = ({
 };
 
 // src/volume-position-state.ts
-import {createContext as createContext14, useContext as useContext19, useMemo as useMemo18} from "react";
-var MediaVolumeContext = createContext14({
+import {createContext as createContext15, useContext as useContext19, useMemo as useMemo18} from "react";
+var MediaVolumeContext = createContext15({
   mediaMuted: false,
   mediaVolume: 1
 });
-var SetMediaVolumeContext = createContext14({
+var SetMediaVolumeContext = createContext15({
   setMediaMuted: () => {
     throw new Error("default");
   },
@@ -3108,7 +3125,7 @@ var useMediaMutedState = () => {
 
 // src/audio/shared-audio-tags.tsx
 import React12, {
-createContext as createContext15,
+createContext as createContext16,
 createRef as createRef2,
 useCallback as useCallback8,
 useContext as useContext20,
@@ -3147,7 +3164,7 @@ var didPropChange = (key, newProp, prevProp) => {
   }
   return true;
 };
-var SharedAudioContext = createContext15(null);
+var SharedAudioContext = createContext16(null);
 var SharedAudioContextProvider = ({ children, numberOfAudioTags, component }) => {
   const audios = useRef7([]);
   const [initialNumberOfAudioTags] = useState13(numberOfAudioTags);
@@ -3766,7 +3783,7 @@ import {Suspense, useContext as useContext25, useEffect as useEffect19, useMemo
 import {createPortal} from "react-dom";
 
 // src/Folder.tsx
-import {createContext as createContext16, useContext as useContext24, useEffect as useEffect18, useMemo as useMemo22} from "react";
+import {createContext as createContext17, useContext as useContext24, useEffect as useEffect18, useMemo as useMemo22} from "react";
 
 // src/validation/validate-folder-name.ts
 var getRegex = () => /^([a-zA-Z0-9-\u4E00-\u9FFF])+$/g;
@@ -3788,7 +3805,7 @@ var invalidFolderNameErrorMessage = `Folder name must match ${String(getRegex())
 import {
 jsx as jsx19
 } from "react/jsx-runtime";
-var FolderContext = createContext16({
+var FolderContext = createContext17({
   folderName: null,
   parentName: null
 });
@@ -4780,9 +4797,9 @@ var setupEnvVariables = () => {
 };
 
 // src/use-current-scale.ts
-import React22, {createContext as createContext17} from "react";
+import React22, {createContext as createContext18} from "react";
 var CurrentScaleContext = React22.createContext(null);
-var PreviewSizeContext = createContext17({
+var PreviewSizeContext = createContext18({
   setSize: () => {
     return;
   },
@@ -5406,11 +5423,11 @@ var flattenChildren = (children) => {
 };
 
 // src/series/is-inside-series.tsx
-import React25, {createContext as createContext18} from "react";
+import React25, {createContext as createContext19} from "react";
 import {
 jsx as jsx27
 } from "react/jsx-runtime";
-var IsInsideSeriesContext = createContext18(false);
+var IsInsideSeriesContext = createContext19(false);
 var IsInsideSeriesContainer = ({ children }) => {
   return jsx27(IsInsideSeriesContext.Provider, {
     value: true,

package/dist/esm/version.mjs

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

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.188",
+  "version": "4.0.189",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",