@remotion/studio 4.0.424 → 4.0.425

package/dist/components/Tabs/index.js

@@ -31,6 +31,8 @@ const selectorButton = {
     color: 'inherit',
     alignItems: 'center',
     cursor: 'default',
+    userSelect: 'none',
+    WebkitUserSelect: 'none',
 };
 const Tab = ({ children, onClick, style, selected }) => {
     const [hovered, setHovered] = (0, react_1.useState)(false);

package/dist/components/Tabs/vertical.js

@@ -15,6 +15,8 @@ const selectorButton = {
     fontSize: 14,
     color: 'inherit',
     alignItems: 'center',
+    userSelect: 'none',
+    WebkitUserSelect: 'none',
 };
 const VerticalTab = ({ children, onClick, style, selected }) => {
     const [hovered, setHovered] = (0, react_1.useState)(false);

package/dist/components/TimeValue.js

@@ -19,8 +19,6 @@ const text = {
     fontVariantNumeric: 'tabular-nums',
     lineHeight: 1,
     width: '100%',
-    userSelect: 'none',
-    WebkitUserSelect: 'none',
 };
 const time = {
     display: 'inline-block',

package/dist/components/Timeline/TimelineDragHandler.js

@@ -107,6 +107,8 @@ const Inner = () => {
         if (!videoConfig) {
             return;
         }
+        document.body.style.userSelect = 'none';
+        document.body.style.webkitUserSelect = 'none';
         if (e.target === TimelineInOutPointerHandle_1.inPointerHandle.current) {
             if (inFrame === null) {
                 throw new Error('expected outframe');
@@ -280,6 +282,8 @@ const Inner = () => {
     }, [get, inFrame, inOutDragging, outFrame, videoConfig, width]);
     const onPointerUpScrubbing = (0, react_1.useCallback)((e) => {
         stopInterval();
+        document.body.style.userSelect = '';
+        document.body.style.webkitUserSelect = '';
         if (!videoConfig) {
             return;
         }
@@ -305,6 +309,8 @@ const Inner = () => {
         }
     }, [dragging, left, play, videoConfig, setFrame, width]);
     const onPointerUpInOut = (0, react_1.useCallback)((e) => {
+        document.body.style.userSelect = '';
+        document.body.style.webkitUserSelect = '';
         if (!videoConfig) {
             return;
         }

package/dist/esm/{chunk-3g77e2p9.js → chunk-5wcqz8k8.js}

@@ -4407,7 +4407,9 @@ var selectorButton = {
   fontSize: 14,
   color: "inherit",
   alignItems: "center",
-  cursor: "default"
+  cursor: "default",
+  userSelect: "none",
+  WebkitUserSelect: "none"
 };
 var Tab = ({ children, onClick, style, selected }) => {
   const [hovered, setHovered] = useState20(false);
@@ -20543,6 +20545,8 @@ var Inner2 = () => {
     if (!videoConfig) {
       return;
     }
+    document.body.style.userSelect = "none";
+    document.body.style.webkitUserSelect = "none";
     if (e.target === inPointerHandle.current) {
       if (inFrame === null) {
         throw new Error("expected outframe");
@@ -20704,6 +20708,8 @@ var Inner2 = () => {
   }, [get, inFrame, inOutDragging, outFrame, videoConfig, width]);
   const onPointerUpScrubbing = useCallback96((e) => {
     stopInterval();
+    document.body.style.userSelect = "";
+    document.body.style.webkitUserSelect = "";
     if (!videoConfig) {
       return;
     }
@@ -20729,6 +20735,8 @@ var Inner2 = () => {
     }
   }, [dragging, left3, play, videoConfig, setFrame, width]);
   const onPointerUpInOut = useCallback96((e) => {
+    document.body.style.userSelect = "";
+    document.body.style.webkitUserSelect = "";
     if (!videoConfig) {
       return;
     }
@@ -21234,9 +21242,7 @@ var text = {
   alignItems: "center",
   fontVariantNumeric: "tabular-nums",
   lineHeight: 1,
-  width: "100%",
-  userSelect: "none",
-  WebkitUserSelect: "none"
+  width: "100%"
 };
 var time = {
   display: "inline-block",
@@ -26202,7 +26208,9 @@ var selectorButton2 = {
   flexDirection: "row",
   fontSize: 14,
   color: "inherit",
-  alignItems: "center"
+  alignItems: "center",
+  userSelect: "none",
+  WebkitUserSelect: "none"
 };
 var VerticalTab = ({ children, onClick, style: style12, selected }) => {
   const [hovered, setHovered] = useState79(false);
@@ -32845,9 +32853,10 @@ var makeDefaultGlobalCSS = () => {
     /* Override Chakra UI position: relative on body */
     position: static !important;
   }
-  
+
   .remotion-splitter {
     user-select: none;
+    -webkit-user-select: none;
   }
   
   .remotion-splitter-horizontal {

package/dist/esm/internals.mjs

@@ -4426,7 +4426,9 @@ var selectorButton = {
   fontSize: 14,
   color: "inherit",
   alignItems: "center",
-  cursor: "default"
+  cursor: "default",
+  userSelect: "none",
+  WebkitUserSelect: "none"
 };
 var Tab = ({ children, onClick, style, selected }) => {
   const [hovered, setHovered] = useState20(false);
@@ -20562,6 +20564,8 @@ var Inner2 = () => {
     if (!videoConfig) {
       return;
     }
+    document.body.style.userSelect = "none";
+    document.body.style.webkitUserSelect = "none";
     if (e.target === inPointerHandle.current) {
       if (inFrame === null) {
         throw new Error("expected outframe");
@@ -20723,6 +20727,8 @@ var Inner2 = () => {
   }, [get, inFrame, inOutDragging, outFrame, videoConfig, width]);
   const onPointerUpScrubbing = useCallback96((e) => {
     stopInterval();
+    document.body.style.userSelect = "";
+    document.body.style.webkitUserSelect = "";
     if (!videoConfig) {
       return;
     }
@@ -20748,6 +20754,8 @@ var Inner2 = () => {
     }
   }, [dragging, left3, play, videoConfig, setFrame, width]);
   const onPointerUpInOut = useCallback96((e) => {
+    document.body.style.userSelect = "";
+    document.body.style.webkitUserSelect = "";
     if (!videoConfig) {
       return;
     }
@@ -21253,9 +21261,7 @@ var text = {
   alignItems: "center",
   fontVariantNumeric: "tabular-nums",
   lineHeight: 1,
-  width: "100%",
-  userSelect: "none",
-  WebkitUserSelect: "none"
+  width: "100%"
 };
 var time = {
   display: "inline-block",
@@ -26221,7 +26227,9 @@ var selectorButton2 = {
   flexDirection: "row",
   fontSize: 14,
   color: "inherit",
-  alignItems: "center"
+  alignItems: "center",
+  userSelect: "none",
+  WebkitUserSelect: "none"
 };
 var VerticalTab = ({ children, onClick, style: style12, selected }) => {
   const [hovered, setHovered] = useState79(false);
@@ -32864,9 +32872,10 @@ var makeDefaultGlobalCSS = () => {
     /* Override Chakra UI position: relative on body */
     position: static !important;
   }
-  
+
   .remotion-splitter {
     user-select: none;
+    -webkit-user-select: none;
   }
   
   .remotion-splitter-horizontal {

package/dist/esm/previewEntry.mjs

@@ -4431,7 +4431,9 @@ var selectorButton = {
   fontSize: 14,
   color: "inherit",
   alignItems: "center",
-  cursor: "default"
+  cursor: "default",
+  userSelect: "none",
+  WebkitUserSelect: "none"
 };
 var Tab = ({ children, onClick, style, selected }) => {
   const [hovered, setHovered] = useState20(false);
@@ -20842,6 +20844,8 @@ var Inner2 = () => {
     if (!videoConfig) {
       return;
     }
+    document.body.style.userSelect = "none";
+    document.body.style.webkitUserSelect = "none";
     if (e.target === inPointerHandle.current) {
       if (inFrame === null) {
         throw new Error("expected outframe");
@@ -21003,6 +21007,8 @@ var Inner2 = () => {
   }, [get, inFrame, inOutDragging, outFrame, videoConfig, width]);
   const onPointerUpScrubbing = useCallback97((e) => {
     stopInterval();
+    document.body.style.userSelect = "";
+    document.body.style.webkitUserSelect = "";
     if (!videoConfig) {
       return;
     }
@@ -21028,6 +21034,8 @@ var Inner2 = () => {
     }
   }, [dragging, left3, play, videoConfig, setFrame, width]);
   const onPointerUpInOut = useCallback97((e) => {
+    document.body.style.userSelect = "";
+    document.body.style.webkitUserSelect = "";
     if (!videoConfig) {
       return;
     }
@@ -21533,9 +21541,7 @@ var text = {
   alignItems: "center",
   fontVariantNumeric: "tabular-nums",
   lineHeight: 1,
-  width: "100%",
-  userSelect: "none",
-  WebkitUserSelect: "none"
+  width: "100%"
 };
 var time = {
   display: "inline-block",
@@ -26501,7 +26507,9 @@ var selectorButton2 = {
   flexDirection: "row",
   fontSize: 14,
   color: "inherit",
-  alignItems: "center"
+  alignItems: "center",
+  userSelect: "none",
+  WebkitUserSelect: "none"
 };
 var VerticalTab = ({ children, onClick, style: style12, selected }) => {
   const [hovered, setHovered] = useState80(false);
@@ -33144,9 +33152,10 @@ var makeDefaultGlobalCSS = () => {
     /* Override Chakra UI position: relative on body */
     position: static !important;
   }
-  
+
   .remotion-splitter {
     user-select: none;
+    -webkit-user-select: none;
   }
   
   .remotion-splitter-horizontal {
@@ -33965,6 +33974,15 @@ var enableHotMiddleware = () => {
 // src/previewEntry.tsx
 import { jsx as jsx294 } from "react/jsx-runtime";
 Internals69.CSSUtils.injectCSS(Internals69.CSSUtils.makeDefaultPreviewCSS(null, "#1f2428"));
+if (!window.__remotionOverlayStarted) {
+  window.__remotionOverlayStarted = true;
+  try {
+    startErrorOverlay();
+    enableHotMiddleware();
+  } catch (err) {
+    console.error("Failed to initialize error overlay", err);
+  }
+}
 var root = null;
 var getRootForElement = () => {
   if (root) {
@@ -33991,5 +34009,3 @@ Internals69.waitForRoot((NewRoot) => {
     rootComponent: NewRoot
   }));
 });
-startErrorOverlay();
-enableHotMiddleware();

package/dist/esm/renderEntry.mjs

@@ -208,7 +208,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-3g77e2p9.js").then(({ StudioInternals }) => {
+    import("./chunk-5wcqz8k8.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";

package/dist/helpers/inject-css.js

@@ -21,9 +21,10 @@ const makeDefaultGlobalCSS = () => {
     /* Override Chakra UI position: relative on body */
     position: static !important;
   }
-  
+
   .remotion-splitter {
     user-select: none;
+    -webkit-user-select: none;
   }
   
   .remotion-splitter-horizontal {

package/dist/previewEntry.d.ts

@@ -1 +1,6 @@
+declare global {
+    interface Window {
+        __remotionOverlayStarted: boolean;
+    }
+}
 export {};

package/dist/previewEntry.js

@@ -12,6 +12,17 @@ const NoRegisterRoot_1 = require("./components/NoRegisterRoot");
 const entry_basic_1 = require("./error-overlay/entry-basic");
 const client_2 = require("./hot-middleware-client/client");
 remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultPreviewCSS(null, '#1f2428'));
+if (!window.__remotionOverlayStarted) {
+    window.__remotionOverlayStarted = true;
+    try {
+        (0, entry_basic_1.startErrorOverlay)();
+        (0, client_2.enableHotMiddleware)();
+    }
+    catch (err) {
+        // eslint-disable-next-line no-console
+        console.error('Failed to initialize error overlay', err);
+    }
+}
 let root = null;
 const getRootForElement = () => {
     if (root) {
@@ -36,5 +47,3 @@ remotion_1.Internals.waitForRoot((NewRoot) => {
     remotion_1.Internals.enableSequenceStackTraces();
     renderToDOM(jsx_runtime_1.jsx(Studio_1.Studio, { readOnly: false, rootComponent: NewRoot }));
 });
-(0, entry_basic_1.startErrorOverlay)();
-(0, client_2.enableHotMiddleware)();

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.424",
+	"version": "4.0.425",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"sideEffects": false,
@@ -11,7 +11,7 @@
 		"lint": "eslint src",
 		"make": "tsgo -d && bun --env-file=../.env.bundle bundle.ts",
 		"test": "bun test src",
-		"formatting": "prettier --experimental-cli src --check"
+		"formatting": "prettier src --check"
 	},
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"contributors": [],
@@ -25,13 +25,13 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.424",
-		"@remotion/player": "4.0.424",
-		"@remotion/media-utils": "4.0.424",
-		"@remotion/renderer": "4.0.424",
-		"@remotion/web-renderer": "4.0.424",
-		"@remotion/studio-shared": "4.0.424",
-		"@remotion/zod-types": "4.0.424",
+		"remotion": "4.0.425",
+		"@remotion/player": "4.0.425",
+		"@remotion/media-utils": "4.0.425",
+		"@remotion/renderer": "4.0.425",
+		"@remotion/web-renderer": "4.0.425",
+		"@remotion/studio-shared": "4.0.425",
+		"@remotion/zod-types": "4.0.425",
 		"mediabunny": "1.34.4",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
@@ -42,7 +42,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.424",
+		"@remotion/eslint-config-internal": "4.0.425",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},