@twick/video-editor 0.15.16 → 0.15.18

package/dist/index.js

@@ -9189,10 +9189,12 @@ const usePlayerManager = ({
     changeLog,
     videoResolution
   } = timeline.useTimelineContext();
-  const { getCurrentTime } = livePlayer.useLivePlayerContext();
+  const { getCurrentTime, setSeekTime } = livePlayer.useLivePlayerContext();
   const currentChangeLog = React.useRef(changeLog);
   const prevSeekTime = React.useRef(0);
   const [playerUpdating, setPlayerUpdating] = React.useState(false);
+  const updateCanvasRef = React.useRef(() => {
+  });
   const handleCanvasReady = (_canvas) => {
   };
   const handleCanvasOperation = (operation, data) => {
@@ -9228,13 +9230,14 @@ const usePlayerManager = ({
       }
       editor.reorderTracks(reordered);
       currentChangeLog.current = currentChangeLog.current + 1;
+      updateCanvasRef.current(getCurrentTime(), true);
       return;
     }
     if (operation === CANVAS_OPERATIONS.CAPTION_PROPS_UPDATED) {
       const captionsTrack = editor.getCaptionsTrack();
       captionsTrack == null ? void 0 : captionsTrack.setProps(data.props);
-      setSelectedItem(data.element);
       editor.refresh();
+      updateCanvasRef.current(getCurrentTime(), true);
     } else if (operation === CANVAS_OPERATIONS.WATERMARK_UPDATED) {
       const w2 = editor.getWatermark();
       if (w2 && data) {
@@ -9245,6 +9248,7 @@ const usePlayerManager = ({
         editor.setWatermark(w2);
         currentChangeLog.current = currentChangeLog.current + 1;
       }
+      updateCanvasRef.current(getCurrentTime(), true);
     } else {
       const element = timeline.ElementDeserializer.fromJSON(data);
       switch (operation) {
@@ -9256,6 +9260,7 @@ const usePlayerManager = ({
             const updatedElement = editor.updateElement(element);
             currentChangeLog.current = currentChangeLog.current + 1;
             setSelectedItem(updatedElement);
+            updateCanvasRef.current(getCurrentTime(), true);
           }
           break;
       }
@@ -9273,13 +9278,15 @@ const usePlayerManager = ({
         setSelectedItem(element);
         currentChangeLog.current = currentChangeLog.current + 1;
         editor.refresh();
+        setSeekTime(currentTime);
+        updateCanvasRef.current(currentTime, true);
         handleCanvasOperation(CANVAS_OPERATIONS.ADDED_NEW_ELEMENT, {
           element,
           canvasPosition: canvasX != null && canvasY != null ? { x: canvasX, y: canvasY } : void 0
         });
       }
     },
-    [editor, videoResolution, getCurrentTime, setSelectedItem]
+    [editor, videoResolution, getCurrentTime, setSelectedItem, setSeekTime]
   );
   const {
     twickCanvas,
@@ -9338,6 +9345,7 @@ const usePlayerManager = ({
     });
     currentChangeLog.current = changeLog;
   };
+  updateCanvasRef.current = updateCanvas;
   const onPlayerUpdate = (event) => {
     var _a;
     if (((_a = event == null ? void 0 : event.detail) == null ? void 0 : _a.status) === "ready") {
@@ -19465,15 +19473,6 @@ const useTimelineManager = () => {
         for (const el of elements) {
           const newStart = el.getStart() + clampedDelta;
           const newEnd = el.getEnd() + clampedDelta;
-          if (el instanceof timeline.VideoElement || el instanceof timeline.AudioElement) {
-            const elementProps = el.getProps();
-            const startDelta = newStart - el.getStart() * ((elementProps == null ? void 0 : elementProps.playbackRate) || 1);
-            if (el instanceof timeline.AudioElement) {
-              el.setStartAt(el.getStartAt() + startDelta);
-            } else {
-              el.setStartAt(el.getStartAt() + startDelta);
-            }
-          }
           el.setStart(newStart);
           el.setEnd(newEnd);
           editor.updateElement(el);