@twick/video-editor 0.15.7 → 0.15.8

package/dist/index.mjs

@@ -7116,19 +7116,21 @@ class VideoFrameExtractor {
   /**
    * Get a frame thumbnail from a video at a specific time.
    * Uses caching and reuses video elements for optimal performance.
-   * 
+   * Uses 0.1s instead of 0 when seekTime is 0, since frames at t=0 are often blank.
+   *
    * @param videoUrl - The URL of the video
-   * @param seekTime - The time in seconds to extract the frame
+   * @param seekTime - The time in seconds to extract the frame (0 is treated as 0.1)
    * @returns Promise resolving to a thumbnail image URL (data URL or blob URL)
    */
   async getFrame(videoUrl, seekTime = 0.1) {
-    const cacheKey = this.getCacheKey(videoUrl, seekTime);
+    const effectiveSeekTime = seekTime === 0 ? 0.1 : seekTime;
+    const cacheKey = this.getCacheKey(videoUrl, effectiveSeekTime);
     const cached = this.frameCache.get(cacheKey);
     if (cached) {
       return cached;
     }
     const videoState = await this.getVideoElement(videoUrl);
-    const thumbnail = await this.extractFrame(videoState.video, seekTime);
+    const thumbnail = await this.extractFrame(videoState.video, effectiveSeekTime);
     this.frameCache.set(cacheKey, thumbnail);
     return thumbnail;
   }
@@ -7492,7 +7494,6 @@ const setImageProps = ({
     ((_d = element.props) == null ? void 0 : _d.y) || 0,
     canvasMetadata
   );
-  console.log(width, height, x2, y2);
   img.set("id", element.id);
   img.set("zIndex", index);
   img.set("width", width);
@@ -7579,8 +7580,7 @@ const addVideoElement = async ({
       canvasMetadata,
       currentFrameEffect
     });
-  } catch (error) {
-    console.error("Error loading image:", error);
+  } catch {
   }
 };
 const addImageElement = async ({
@@ -7616,8 +7616,7 @@ const addImageElement = async ({
       canvas.add(img);
       return img;
     }
-  } catch (error) {
-    console.error("Error loading image:", error);
+  } catch {
   }
 };
 const addMediaGroup = ({
@@ -7871,7 +7870,6 @@ const useTwickCanvas = ({
       return;
     }
     if (twickCanvasRef.current) {
-      console.log("Destroying twickCanvas");
       twickCanvasRef.current.off("mouse:up", handleMouseUp);
       twickCanvasRef.current.off("text:editing:exited", onTextEdit);
       twickCanvasRef.current.dispose();
@@ -7894,9 +7892,6 @@ const useTwickCanvas = ({
     canvasResolutionRef.current = canvasSize;
     setTwickCanvas(canvas);
     twickCanvasRef.current = canvas;
-    if (onCanvasReady) {
-      onCanvasReady(canvas);
-    }
   };
   const onTextEdit = (event) => {
     if (event.target) {
@@ -8074,10 +8069,7 @@ const useTwickCanvas = ({
     captionProps,
     cleanAndAdd = false
   }) => {
-    if (!twickCanvas || !getCanvasContext(twickCanvas)) {
-      console.warn("Canvas not properly initialized");
-      return;
-    }
+    if (!twickCanvas || !getCanvasContext(twickCanvas)) return;
     try {
       if (cleanAndAdd && getCanvasContext(twickCanvas)) {
         const backgroundColor = twickCanvas.backgroundColor;
@@ -8091,10 +8083,7 @@ const useTwickCanvas = ({
       await Promise.all(
         elements.map(async (element, index) => {
           try {
-            if (!element) {
-              console.warn("Element not found");
-              return;
-            }
+            if (!element) return;
             await addElementToCanvas({
               element,
               index,
@@ -8102,14 +8091,12 @@ const useTwickCanvas = ({
               seekTime,
               captionProps
             });
-          } catch (error) {
-            console.error(`Error adding element ${element.id}:`, error);
+          } catch {
           }
         })
       );
       reorderElementsByZIndex(twickCanvas);
-    } catch (error) {
-      console.error("Error in setCanvasElements:", error);
+    } catch {
     }
   };
   const addElementToCanvas = async ({
@@ -8120,10 +8107,7 @@ const useTwickCanvas = ({
     captionProps
   }) => {
     var _a, _b;
-    if (!twickCanvas) {
-      console.warn("Canvas not initialized");
-      return;
-    }
+    if (!twickCanvas) return;
     switch (element.type) {
       case ELEMENT_TYPES.VIDEO:
         const currentFrameEffect = getCurrentFrameEffect(
@@ -8226,8 +8210,7 @@ const usePlayerManager = ({
   const currentChangeLog = useRef(changeLog);
   const prevSeekTime = useRef(0);
   const [playerUpdating, setPlayerUpdating] = useState(false);
-  const handleCanvasReady = (canvas) => {
-    console.log("canvas ready", canvas);
+  const handleCanvasReady = (_canvas) => {
   };
   const handleCanvasOperation = (operation, data) => {
     if (operation === CANVAS_OPERATIONS.CAPTION_PROPS_UPDATED) {
@@ -17863,7 +17846,6 @@ function TimelineView({
   }, [duration, zoomLevel]);
   const labelWidth = 140;
   const handleTrackDragStart = (e3, track) => {
-    console.log("Drag", track);
     setDraggedTimeline(track);
     e3.dataTransfer.setData("application/json", JSON.stringify(track));
   };
@@ -17965,10 +17947,7 @@ const useTimelineManager = () => {
     setSelectedItem(updatedElement);
     editor.refresh();
   };
-  const timelineData = useMemo(() => {
-    const timelineDataFromEditor = editor.getTimelineData();
-    return timelineDataFromEditor;
-  }, [changeLog]);
+  const timelineData = useMemo(() => editor.getTimelineData(), [changeLog]);
   const { setSeekTime, setCurrentTime } = useLivePlayerContext();
   const onReorder = (reorderedItems) => {
     editor.reorderTracks(reorderedItems);
@@ -18342,11 +18321,7 @@ const useEditorManager = () => {
             }
           } catch (error2) {
           }
-        } else {
-          console.log("TIMELINE ERROR: ", error.errors);
         }
-      } else {
-        console.log("TIMELINE ERROR: ", error);
       }
     }
   };