@remotion/studio 4.0.171 → 4.0.173

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 
-> @remotion/studio@4.0.166 build /Users/jonathanburger/remotion/packages/studio
+> @remotion/studio@4.0.172 build /Users/jonathanburger/remotion/packages/studio
 > bun --env-file=../.env.bundle bundle.ts
 

package/dist/components/AssetSelectorItem.js

@@ -67,6 +67,7 @@ const itemStyle = {
     backgroundColor: colors_1.BACKGROUND,
     height: ASSET_ITEM_HEIGHT,
     userSelect: 'none',
+    WebkitUserSelect: 'none',
 };
 const labelStyle = {
     textAlign: 'left',

package/dist/components/Menu/MenuItem.d.ts

@@ -9,14 +9,14 @@ export type Menu = {
     leaveLeftPadding: boolean;
 };
 export declare const MenuItem: React.FC<{
-    label: React.ReactNode;
-    id: MenuId;
-    selected: boolean;
-    onItemSelected: (s: SetStateAction<string | null>) => void;
-    onItemHovered: (id: MenuId) => void;
-    onItemQuit: () => void;
-    onPreviousMenu: () => void;
-    onNextMenu: () => void;
-    menu: Menu;
-    leaveLeftPadding: boolean;
+    readonly label: React.ReactNode;
+    readonly id: MenuId;
+    readonly selected: boolean;
+    readonly onItemSelected: (s: SetStateAction<string | null>) => void;
+    readonly onItemHovered: (id: MenuId) => void;
+    readonly onItemQuit: () => void;
+    readonly onPreviousMenu: () => void;
+    readonly onNextMenu: () => void;
+    readonly menu: Menu;
+    readonly leaveLeftPadding: boolean;
 }>;

package/dist/components/Menu/MenuItem.js

@@ -23,6 +23,7 @@ const container = {
     paddingTop: 8,
     paddingBottom: 8,
     userSelect: 'none',
+    WebkitUserSelect: 'none',
     border: 'none',
 };
 const MenuItem = ({ label: itemName, selected, id, onItemSelected, onItemHovered, onItemQuit, onPreviousMenu, onNextMenu, menu, }) => {

package/dist/components/Menu/styles.js

@@ -11,6 +11,7 @@ const menuContainer = {
     position: 'fixed',
     color: 'white',
     userSelect: 'none',
+    WebkitUserSelect: 'none',
 };
 exports.SHADOW_TOWARDS_BOTTOM = '0 2px 8px rgba(0, 0, 0, 0.5)';
 exports.SHADOW_TOWARDS_TOP = '0 -2px 8px rgba(0, 0, 0, 0.5)';

package/dist/components/NewComposition/ComboBox.d.ts

@@ -21,9 +21,9 @@ export type SelectionItem = {
 };
 export type ComboboxValue = DividerItem | SelectionItem;
 export declare const Combobox: React.FC<{
-    values: ComboboxValue[];
-    selectedId: string | number;
-    style?: React.CSSProperties;
-    title: string;
+    readonly values: ComboboxValue[];
+    readonly selectedId: string | number;
+    readonly style?: React.CSSProperties;
+    readonly title: string;
 }>;
 export {};

package/dist/components/NewComposition/ComboBox.js

@@ -150,6 +150,7 @@ const Combobox = ({ values, selectedId, style: customStyle, title }) => {
             ...container,
             ...(customStyle !== null && customStyle !== void 0 ? customStyle : {}),
             userSelect: 'none',
+            WebkitUserSelect: 'none',
             color: 'white',
             display: 'inline-flex',
             flexDirection: 'row',

package/dist/components/NewComposition/InputDragger.d.ts

@@ -2,9 +2,9 @@ import type { InputHTMLAttributes } from 'react';
 import React from 'react';
 import type { RemInputStatus } from './RemInput';
 export declare const InputDragger: React.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
-    onValueChange: (newVal: number) => void;
-    onTextChange: (newVal: string) => void;
-    status: RemInputStatus;
-    formatter?: ((str: number | string) => string) | undefined;
-    rightAlign: boolean;
+    readonly onValueChange: (newVal: number) => void;
+    readonly onTextChange: (newVal: string) => void;
+    readonly status: RemInputStatus;
+    readonly formatter?: ((str: number | string) => string) | undefined;
+    readonly rightAlign: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/NewComposition/InputDragger.js

@@ -51,6 +51,7 @@ const InputDraggerForwardRefFn = ({ onValueChange, min: _min, max: _max, step: _
         color: colors_1.BLUE,
         cursor: 'ew-resize',
         userSelect: 'none',
+        WebkitUserSelect: 'none',
         fontSize: 13,
         fontVariantNumeric: 'tabular-nums',
     }), []);

package/dist/components/RenderModal/InfoBubble.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const InfoBubble: React.FC<{
-    title: string;
-    children: React.ReactNode;
+    readonly title: string;
+    readonly children: React.ReactNode;
 }>;

package/dist/components/RenderModal/InfoBubble.js

@@ -102,6 +102,7 @@ const InfoBubble = ({ title, children }) => {
         return {
             ...container,
             userSelect: 'none',
+            WebkitUserSelect: 'none',
             color: 'white',
             display: 'inline-flex',
             flexDirection: 'row',

package/dist/components/RenderQueue/RenderQueueItem.d.ts

@@ -1,6 +1,6 @@
 import type { RenderJob } from '@remotion/studio-shared';
 import React from 'react';
 export declare const RenderQueueItem: React.FC<{
-    job: RenderJob;
-    selected: boolean;
+    readonly job: RenderJob;
+    readonly selected: boolean;
 }>;

package/dist/components/RenderQueue/RenderQueueItem.js

@@ -58,6 +58,7 @@ const RenderQueueItem = ({ job, selected }) => {
                 selected,
             }),
             userSelect: 'none',
+            WebkitUserSelect: 'none',
         };
     }, [hovered, isHoverable, selected]);
     const scrollCurrentIntoView = (0, react_1.useCallback)(() => {

package/dist/components/TimeValue.js

@@ -43,6 +43,7 @@ const text = {
     lineHeight: 1,
     width: '100%',
     userSelect: 'none',
+    WebkitUserSelect: 'none',
 };
 const time = {
     display: 'inline-block',

package/dist/components/Timeline/TimelineDragHandler.js

@@ -25,6 +25,7 @@ const inner = {
 };
 const container = {
     userSelect: 'none',
+    WebkitUserSelect: 'none',
     position: 'absolute',
     height: '100%',
     top: 0,

package/dist/components/Timeline/TimelineStack/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { TSequence } from 'remotion';
 export declare const TimelineStack: React.FC<{
-    isCompact: boolean;
-    sequence: TSequence;
+    readonly isCompact: boolean;
+    readonly sequence: TSequence;
 }>;

package/dist/components/Timeline/TimelineStack/index.js

@@ -164,6 +164,7 @@ const TimelineStack = ({ isCompact, sequence }) => {
             lineHeight: 1,
             color: opening && isCompact ? colors_1.VERY_LIGHT_TEXT : colors_1.LIGHT_COLOR,
             userSelect: 'none',
+            WebkitUserSelect: 'none',
             borderBottom: hoverEffect ? '1px solid #fff' : 'none',
             cursor: hoverEffect ? 'pointer' : undefined,
         };

package/dist/esm/index.mjs

@@ -4339,6 +4339,12 @@ var calcNewProps = (compositionId, defaultProps) => {
   };
 };
 
+// src/api/reevaluate-composition.ts
+import {Internals as Internals2} from "remotion";
+var reevaluateComposition = () => {
+  Internals2.resolveCompositionsRef.current?.reloadCurrentlySelectedComposition();
+};
+
 // src/api/restart-studio.ts
 var restartStudio = () => {
   return callApi("/api/restart-studio", {});
@@ -4493,13 +4499,13 @@ var saveDefaultProps = async ({
 };
 
 // src/api/update-default-props.ts
-import {Internals as Internals2} from "remotion";
+import {Internals as Internals3} from "remotion";
 var updateDefaultProps = ({
   compositionId,
   defaultProps
 }) => {
   const { generatedDefaultProps, composition } = calcNewProps(compositionId, defaultProps);
-  const propsStore = Internals2.editorPropsProviderRef.current;
+  const propsStore = Internals3.editorPropsProviderRef.current;
   if (!propsStore) {
     throw new Error("No props store found. Are you in the Remotion Studio and are the Remotion versions aligned?");
   }
@@ -4509,7 +4515,7 @@ var updateDefaultProps = ({
       [composition.id]: generatedDefaultProps
     };
   });
-  window.dispatchEvent(new CustomEvent(Internals2.PROPS_UPDATED_EXTERNALLY));
+  window.dispatchEvent(new CustomEvent(Internals3.PROPS_UPDATED_EXTERNALLY));
 };
 
 // src/api/watch-public-folder.ts
@@ -4589,6 +4595,7 @@ export {
   updateDefaultProps,
   saveDefaultProps,
   restartStudio,
+  reevaluateComposition,
   getStaticFiles,
   focusDefaultPropsPath,
   deleteStaticFile