@waveform-playlist/ui-components 11.2.0 → 11.3.0

package/dist/index.js

@@ -899,9 +899,17 @@ var Channel = (props) => {
   const { canvasRef, canvasMapRef } = useChunkedCanvasRefs();
   const clipOriginX = useClipViewportOrigin();
   const visibleChunkIndices = useVisibleChunkIndices(length, import_core.MAX_CANVAS_WIDTH, clipOriginX);
+  const dataVersionRef = (0, import_react4.useRef)(0);
+  const prevDataRef = (0, import_react4.useRef)(data);
+  if (prevDataRef.current !== data) {
+    dataVersionRef.current += 1;
+    prevDataRef.current = data;
+  }
+  const drawVersion = `${dataVersionRef.current}-${bits}-${waveHeight}-${devicePixelRatio}-${length}-${barWidth}-${barGap}-${drawMode}-${waveformColorToCss(waveOutlineColor)}-${waveformColorToCss(waveFillColor)}`;
   (0, import_react4.useLayoutEffect)(() => {
     const step = barWidth + barGap;
     for (const [canvasIdx, canvas] of canvasMapRef.current.entries()) {
+      if (canvas.dataset.drawVersion === drawVersion) continue;
       const globalPixelOffset = canvasIdx * import_core.MAX_CANVAS_WIDTH;
       const ctx = canvas.getContext("2d");
       const h2 = Math.floor(waveHeight / 2);
@@ -933,6 +941,7 @@ var Channel = (props) => {
             }
           }
         }
+        canvas.dataset.drawVersion = drawVersion;
       }
     }
   }, [
@@ -946,6 +955,7 @@ var Channel = (props) => {
     length,
     barWidth,
     barGap,
+    drawVersion,
     drawMode,
     visibleChunkIndices,
     index