remotion 4.0.5 → 4.0.6

package/dist/cjs/Composition.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentType } from 'react';
+import type { ComponentType, PropsWithChildren } from 'react';
 import React from 'react';
 import type { AnyZodObject } from 'zod';
 import type { InferProps, PropsIfHasProps } from './props-if-has-props.js';
@@ -53,4 +53,5 @@ export type CompositionProps<Schema extends AnyZodObject, Props extends Record<s
  * @see [Documentation](https://www.remotion.dev/docs/composition)
  */
 export declare const Composition: <Schema extends AnyZodObject, Props extends Record<string, unknown>>({ width, height, fps, durationInFrames, id, defaultProps, schema, ...compProps }: CompositionProps<Schema, Props>) => React.ReactPortal | null;
+export declare const ClipComposition: React.FC<PropsWithChildren>;
 export {};

package/dist/cjs/Composition.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Composition = void 0;
+exports.ClipComposition = exports.Composition = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
@@ -93,7 +93,7 @@ const Composition = ({ width, height, fps, durationInFrames, id, defaultProps, s
         if (resolved === null || resolved.type !== 'success') {
             return null;
         }
-        return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(ClipComposition, { children: (0, jsx_runtime_1.jsx)(CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(loading_indicator_js_1.Loading, {}), children: (0, jsx_runtime_1.jsx)(Comp, { ...((_a = resolved.result.props) !== null && _a !== void 0 ? _a : {}) }) }) }) }), (0, portal_node_js_1.portalNode)());
+        return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(exports.ClipComposition, { children: (0, jsx_runtime_1.jsx)(CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(loading_indicator_js_1.Loading, {}), children: (0, jsx_runtime_1.jsx)(Comp, { ...((_a = resolved.result.props) !== null && _a !== void 0 ? _a : {}) }) }) }) }), (0, portal_node_js_1.portalNode)());
     }
     if (environment === 'rendering' && video && video.component === lazy) {
         const Comp = lazy;
@@ -119,3 +119,4 @@ const ClipComposition = ({ children }) => {
     }, [clipRegion]);
     return (0, jsx_runtime_1.jsx)(AbsoluteFill_js_1.AbsoluteFill, { style: style, children: children });
 };
+exports.ClipComposition = ClipComposition;

package/dist/cjs/NativeLayers.js

@@ -17,13 +17,14 @@ const NativeLayersProvider = ({ children, }) => {
             clipRegion,
         };
     }, [clipRegion, setClipRegion]);
-    (0, react_1.useLayoutEffect)(() => {
-        if (typeof window !== 'undefined') {
+    if (typeof window !== 'undefined') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        (0, react_1.useLayoutEffect)(() => {
             window.remotion_getClipRegion = () => {
                 return clipRegion;
             };
-        }
-    }, [clipRegion, setClipRegion]);
+        }, [clipRegion, setClipRegion]);
+    }
     return ((0, jsx_runtime_1.jsx)(exports.NativeLayersContext.Provider, { value: context, children: children }));
 };
 exports.NativeLayersProvider = NativeLayersProvider;

package/dist/cjs/internals.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CompProps } from './Composition.js';
+import { type CompProps } from './Composition.js';
 import type { TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager.js';
 import type { CompositionManagerContext } from './CompositionManagerContext.js';
 import * as CSSUtils from './default-css.js';
@@ -128,6 +128,7 @@ export declare const Internals: {
     readonly REMOTION_STUDIO_CONTAINER_ELEMENT: "__remotion-studio-container";
     readonly AssetManager: import("react").Context<import("./AssetManager.js").AssetManagerContext>;
     readonly bundleName: "bundle.js";
+    readonly bundleMapName: "bundle.js.map";
     readonly persistCurrentFrame: (frame: number, composition: string) => void;
     readonly useTimelineSetFrame: () => (u: import("react").SetStateAction<Record<string, number>>) => void;
     readonly serializeJSONWithDate: ({ data, indent, staticBase, }: {
@@ -137,5 +138,11 @@ export declare const Internals: {
     }) => SerializedJSONWithCustomFields;
     readonly deserializeJSONWithCustomFields: (data: string) => Record<string, unknown>;
     readonly FILE_TOKEN: "remotion-file:";
+    readonly NativeLayersProvider: import("react").FC<{
+        children?: import("react").ReactNode;
+    }>;
+    readonly ClipComposition: import("react").FC<{
+        children?: import("react").ReactNode;
+    }>;
 };
 export type { TComposition, Timeline, TCompMetadata, TSequence, TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, };

package/dist/cjs/internals.js

@@ -27,6 +27,7 @@ exports.Internals = void 0;
 const AssetManager_js_1 = require("./AssetManager.js");
 const shared_audio_tags_js_1 = require("./audio/shared-audio-tags.js");
 const CanUseRemotionHooks_js_1 = require("./CanUseRemotionHooks.js");
+const Composition_js_1 = require("./Composition.js");
 const CompositionManager_js_1 = require("./CompositionManager.js");
 const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
 const CSSUtils = __importStar(require("./default-css.js"));
@@ -37,6 +38,7 @@ const get_preview_dom_element_js_1 = require("./get-preview-dom-element.js");
 const input_props_serialization_js_1 = require("./input-props-serialization.js");
 const interpolate_colors_js_1 = require("./interpolate-colors.js");
 const is_player_js_1 = require("./is-player.js");
+const NativeLayers_js_1 = require("./NativeLayers.js");
 const nonce_js_1 = require("./nonce.js");
 const portal_node_js_1 = require("./portal-node.js");
 const prefetch_state_js_1 = require("./prefetch-state.js");
@@ -48,8 +50,8 @@ const ResolveCompositionConfig_js_1 = require("./ResolveCompositionConfig.js");
 const SequenceContext_js_1 = require("./SequenceContext.js");
 const SequenceManager_js_1 = require("./SequenceManager.js");
 const setup_env_variables_js_1 = require("./setup-env-variables.js");
-const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const TimelinePosition = __importStar(require("./timeline-position-state.js"));
+const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const truthy_js_1 = require("./truthy.js");
 const use_lazy_component_js_1 = require("./use-lazy-component.js");
 const use_unsafe_video_config_js_1 = require("./use-unsafe-video-config.js");
@@ -119,9 +121,12 @@ exports.Internals = {
     REMOTION_STUDIO_CONTAINER_ELEMENT: get_preview_dom_element_js_1.REMOTION_STUDIO_CONTAINER_ELEMENT,
     AssetManager: AssetManager_js_1.AssetManager,
     bundleName: 'bundle.js',
+    bundleMapName: 'bundle.js.map',
     persistCurrentFrame: timeline_position_state_js_1.persistCurrentFrame,
     useTimelineSetFrame: timeline_position_state_js_1.useTimelineSetFrame,
     serializeJSONWithDate: input_props_serialization_js_1.serializeJSONWithDate,
     deserializeJSONWithCustomFields: input_props_serialization_js_1.deserializeJSONWithCustomFields,
     FILE_TOKEN: input_props_serialization_js_1.FILE_TOKEN,
+    NativeLayersProvider: NativeLayers_js_1.NativeLayersProvider,
+    ClipComposition: Composition_js_1.ClipComposition,
 };

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.5";
+export declare const VERSION = "4.0.6";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '4.0.5';
+exports.VERSION = '4.0.6';

package/dist/esm/index.mjs

@@ -16,13 +16,14 @@ const NativeLayersProvider = ({ children, }) => {
             clipRegion,
         };
     }, [clipRegion, setClipRegion]);
-    useLayoutEffect(() => {
-        if (typeof window !== 'undefined') {
+    if (typeof window !== 'undefined') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useLayoutEffect(() => {
             window.remotion_getClipRegion = () => {
                 return clipRegion;
             };
-        }
-    }, [clipRegion, setClipRegion]);
+        }, [clipRegion, setClipRegion]);
+    }
     return (jsx(NativeLayersContext.Provider, { value: context, children: children }));
 };
 
@@ -58,7 +59,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.5';
+const VERSION = '4.0.6';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -3825,11 +3826,14 @@ const Internals = {
     REMOTION_STUDIO_CONTAINER_ELEMENT,
     AssetManager,
     bundleName: 'bundle.js',
+    bundleMapName: 'bundle.js.map',
     persistCurrentFrame,
     useTimelineSetFrame,
     serializeJSONWithDate,
     deserializeJSONWithCustomFields,
     FILE_TOKEN,
+    NativeLayersProvider,
+    ClipComposition,
 };
 
 const flattenChildren = (children) => {

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.5';
+const VERSION = '4.0.6';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.5",
+  "version": "4.0.6",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -29,7 +29,7 @@
     "eslint-plugin-require-extensions": "^0.1.2",
     "jsdom": "21.1.0",
     "prettier": "^2.7.1",
-    "prettier-plugin-organize-imports": "^2.3.4",
+    "prettier-plugin-organize-imports": "^3.2.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "rimraf": "^3.0.2",