@remotion/studio 4.0.458 → 4.0.459

package/dist/components/draw-peaks.js

@@ -10,6 +10,13 @@ const drawBars = (canvas, peaks, color, volume, width) => {
     }
     const { height } = canvas;
     const w = canvas.width;
+    // Skip drawing when the target canvas has not been laid out yet.
+    // `createImageData(0, h)` / `(w, 0)` throws a DOMException, which
+    // surfaces in Studio's console for compositions with many audio
+    // sequences — some segments are 0 px wide at certain zoom levels.
+    if (w === 0 || height === 0) {
+        return;
+    }
     ctx.clearRect(0, 0, w, height);
     if (volume === 0)
         return;

package/dist/esm/audio-waveform-worker.mjs

@@ -22,6 +22,9 @@ var drawBars = (canvas, peaks, color, volume, width) => {
   }
   const { height } = canvas;
   const w = canvas.width;
+  if (w === 0 || height === 0) {
+    return;
+  }
   ctx.clearRect(0, 0, w, height);
   if (volume === 0)
     return;

package/dist/esm/{chunk-261b3aa0.js → chunk-0njpenna.js}

@@ -23546,6 +23546,9 @@ var drawBars = (canvas, peaks, color, volume, width) => {
   }
   const { height } = canvas;
   const w = canvas.width;
+  if (w === 0 || height === 0) {
+    return;
+  }
   ctx.clearRect(0, 0, w, height);
   if (volume === 0)
     return;

package/dist/esm/internals.mjs

@@ -23565,6 +23565,9 @@ var drawBars = (canvas, peaks, color, volume, width) => {
   }
   const { height } = canvas;
   const w = canvas.width;
+  if (w === 0 || height === 0) {
+    return;
+  }
   ctx.clearRect(0, 0, w, height);
   if (volume === 0)
     return;

package/dist/esm/previewEntry.mjs

@@ -24157,6 +24157,9 @@ var drawBars = (canvas, peaks, color, volume, width) => {
   }
   const { height } = canvas;
   const w = canvas.width;
+  if (w === 0 || height === 0) {
+    return;
+  }
   ctx.clearRect(0, 0, w, height);
   if (volume === 0)
     return;

package/dist/esm/renderEntry.mjs

@@ -209,7 +209,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-261b3aa0.js").then(({ StudioInternals }) => {
+    import("./chunk-0njpenna.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.458",
+	"version": "4.0.459",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"sideEffects": false,
@@ -26,13 +26,13 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.458",
-		"@remotion/player": "4.0.458",
-		"@remotion/media-utils": "4.0.458",
-		"@remotion/renderer": "4.0.458",
-		"@remotion/web-renderer": "4.0.458",
-		"@remotion/studio-shared": "4.0.458",
-		"@remotion/zod-types": "4.0.458",
+		"remotion": "4.0.459",
+		"@remotion/player": "4.0.459",
+		"@remotion/media-utils": "4.0.459",
+		"@remotion/renderer": "4.0.459",
+		"@remotion/web-renderer": "4.0.459",
+		"@remotion/studio-shared": "4.0.459",
+		"@remotion/zod-types": "4.0.459",
 		"mediabunny": "1.42.0",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
@@ -43,7 +43,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.458",
+		"@remotion/eslint-config-internal": "4.0.459",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},