@twick/canvas 0.15.7 → 0.15.8

package/dist/index.js

@@ -287,19 +287,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;
   }
@@ -663,7 +665,6 @@ const setImageProps = ({
     ((_d = element.props) == null ? void 0 : _d.y) || 0,
     canvasMetadata
   );
-  console.log(width, height, x, y);
   img.set("id", element.id);
   img.set("zIndex", index);
   img.set("width", width);
@@ -750,8 +751,7 @@ const addVideoElement = async ({
       canvasMetadata,
       currentFrameEffect
     });
-  } catch (error) {
-    console.error("Error loading image:", error);
+  } catch {
   }
 };
 const addImageElement = async ({
@@ -787,8 +787,7 @@ const addImageElement = async ({
       canvas.add(img);
       return img;
     }
-  } catch (error) {
-    console.error("Error loading image:", error);
+  } catch {
   }
 };
 const addMediaGroup = ({
@@ -1042,7 +1041,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();
@@ -1245,10 +1243,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;
@@ -1262,10 +1257,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,
@@ -1273,14 +1265,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 ({
@@ -1291,10 +1281,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(