@remotion/studio 4.0.149 → 4.0.151

package/dist/helpers/checkerboard-background.d.ts

@@ -1,4 +1,4 @@
 export declare const getCheckerboardBackgroundSize: (size: number) => string;
 export declare const getCheckerboardBackgroundPos: (size: number) => string;
-export declare const checkerboardBackgroundColor: (checkerboard: boolean) => "white" | "black";
+export declare const checkerboardBackgroundColor: (checkerboard: boolean) => "black" | "white";
 export declare const checkerboardBackgroundImage: (checkerboard: boolean) => "\n     linear-gradient(\n        45deg,\n        rgba(0, 0, 0, 0.1) 25%,\n        transparent 25%\n      ),\n      linear-gradient(135deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%),\n      linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%),\n      linear-gradient(135deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%)\n    " | undefined;

package/dist/helpers/colors.d.ts

@@ -23,4 +23,4 @@ export declare const TIMELINE_TRACK_SEPARATOR = "rgba(0, 0, 0, 0.3)";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
-}) => "transparent" | "hsla(0, 0%, 100%, 0.25)" | "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.06)";
+}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)";

package/dist/helpers/get-timeline-sequence-layout.js

@@ -31,24 +31,24 @@ const getTimelineSequenceLayout = ({ durationInFrames, startFrom, maxMediaDurati
         : (startFromWithOffset / lastFrame) *
             (windowWidth - timeline_layout_1.TIMELINE_PADDING * 2);
     const nonNegativeMarginLeft = Math.min(marginLeft, 0);
-    const width = Math.floor(getWidthOfTrack({
+    const width = getWidthOfTrack({
         durationInFrames,
         lastFrame,
         nonNegativeMarginLeft,
         spatialDuration,
         windowWidth,
-    }));
+    });
     const premountWidth = premountDisplay
-        ? Math.floor(getWidthOfTrack({
+        ? getWidthOfTrack({
             durationInFrames: premountDisplay,
             lastFrame,
             nonNegativeMarginLeft,
             spatialDuration: premountDisplay,
             windowWidth,
-        }))
+        })
         : null;
     return {
-        marginLeft: Math.round(Math.max(marginLeft, 0)) - (premountWidth !== null && premountWidth !== void 0 ? premountWidth : 0),
+        marginLeft: Math.max(marginLeft, 0) - (premountWidth !== null && premountWidth !== void 0 ? premountWidth : 0),
         width: width + (premountWidth !== null && premountWidth !== void 0 ? premountWidth : 0),
         premountWidth,
     };

package/dist/helpers/use-menu-structure.js

@@ -505,7 +505,7 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                             onClick: () => {
                                 var _a;
                                 closeMenu();
-                                (_a = canvas_ref_1.canvasRef.current) === null || _a === void 0 ? void 0 : _a.requestFullscreen();
+                                (_a = canvas_ref_1.drawRef.current) === null || _a === void 0 ? void 0 : _a.requestFullscreen();
                             },
                             subMenu: null,
                             type: 'item',

package/dist/state/canvas-ref.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
 export declare const canvasRef: import("react").RefObject<HTMLDivElement>;
+export declare const drawRef: import("react").RefObject<HTMLDivElement>;

package/dist/state/canvas-ref.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.canvasRef = void 0;
+exports.drawRef = exports.canvasRef = void 0;
 const react_1 = require("react");
 exports.canvasRef = (0, react_1.createRef)();
+exports.drawRef = (0, react_1.createRef)();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/studio",
-  "version": "4.0.149",
+  "version": "4.0.151",
   "description": "Remotion Editor",
   "main": "dist",
   "sideEffects": false,
@@ -18,11 +18,11 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "remotion": "4.0.149",
-    "@remotion/player": "4.0.149",
-    "@remotion/media-utils": "4.0.149",
-    "@remotion/renderer": "4.0.149",
-    "@remotion/studio-shared": "4.0.149"
+    "@remotion/player": "4.0.151",
+    "@remotion/media-utils": "4.0.151",
+    "@remotion/studio-shared": "4.0.151",
+    "@remotion/renderer": "4.0.151",
+    "remotion": "4.0.151"
   },
   "devDependencies": {
     "react": "18.3.1",
@@ -39,7 +39,7 @@
     "@types/semver": "^7.3.4",
     "prettier-plugin-organize-imports": "3.2.4",
     "zod": "3.22.3",
-    "@remotion/zod-types": "4.0.149"
+    "@remotion/zod-types": "4.0.151"
   },
   "publishConfig": {
     "access": "public"
@@ -62,7 +62,7 @@
   },
   "scripts": {
     "lint": "eslint src --ext ts,tsx",
-    "build": "bun bundle.ts",
+    "build": "bun --env-file=../.env.bundle bundle.ts",
     "test": "bun test src",
     "formatting": "prettier src --check"
   }