@twick/canvas 0.14.0 → 0.14.2

package/README.md

@@ -1,130 +1,130 @@
-# @twick/canvas
-
-A React-based canvas library built with Fabric.js for video and image manipulation.
-
-## Requirements
-
-- Browser environment with Canvas and Video support
-- React 18 or higher
-- Fabric.js 6.6.2 or higher
-
-## Installation
-
-```bash
-pnpm install @twick/canvas
-```
-
-## Usage
-
-### Basic Canvas Setup
-
-```tsx
-import { useTwickCanvas } from '@twick/canvas';
-import { useRef, useEffect } from 'react';
-
-function CustomCanvas() {
-  const canvasRef = useRef<HTMLCanvasElement>(null);
-  const containerRef = useRef<HTMLDivElement>(null);
-
-  const { twickCanvas, buildCanvas, addElementToCanvas } = useTwickCanvas({
-    onCanvasReady: (canvas) => {
-      console.log("Canvas ready", canvas);
-    },
-    onCanvasOperation: (operation, data) => {
-      console.log("Canvas operation", operation, data);
-    }
-  });
-
-  useEffect(() => {
-    const container = containerRef.current;
-    const canvasSize = {
-      width: container?.clientWidth,
-      height: container?.clientHeight,
-    };
-    
-    buildCanvas({
-      videoSize: {
-        width: 720,
-        height: 1280,
-      },
-      canvasSize,
-      canvasRef: canvasRef.current,
-    });
-  }, []);
-
-  return (
-    <div ref={containerRef}>
-      <canvas ref={canvasRef} />
-    </div>
-  );
-}
-```
-
-### Adding Elements
-
-```tsx
-// Add an image
-const imageElement = {
-  type: "image",
-  id: "image-1",
-  frame: {
-    size: [400, 300],
-  },
-  props: {
-    src: "https://example.com/image.jpg",
-  }
-};
-
-addElementToCanvas({ element: imageElement, index: 0 });
-
-// Add text
-const textElement = {
-  type: "text",
-  id: "text-1",
-  props: {
-    x: 100,
-    y: 100,
-    text: "Hello World",
-    fontSize: 64,
-    fill: "#FFFFFF",
-  }
-};
-
-addElementToCanvas({ element: textElement, index: 1 });
-```
-
-## API Reference
-
-### Hooks
-
-- `useTwickCanvas`: Custom hook for canvas manipulation
-
-### Helpers
-
-- `createCanvas`: Create a new Fabric.js canvas instance
-- `reorderElementsByZIndex`: Reorder canvas elements by z-index
-- `getCurrentFrameEffect`: Get current frame effect
-- `convertToCanvasPosition`: Convert video coordinates to canvas coordinates
-- `convertToVideoPosition`: Convert canvas coordinates to video coordinates
-
-### Types
-
-- `CanvasProps`: Canvas configuration props
-- `CanvasMetadata`: Canvas metadata interface
-- `FrameEffect`: Frame effect interface
-- `CanvasElement`: Canvas element interface
-- `CanvasElementProps`: Canvas element props interface
-- `CaptionProps`: Caption configuration props
-
-## Browser Support
-
-This library requires a browser environment with support for:
-- HTML5 Canvas
-- HTML5 Video
-- Modern JavaScript features (ES2020+)
-
-The library will throw appropriate errors if used in an unsupported environment.
-
-## License
-
+# @twick/canvas
+
+A React-based canvas library built with Fabric.js for video and image manipulation.
+
+## Requirements
+
+- Browser environment with Canvas and Video support
+- React 18 or higher
+- Fabric.js 6.6.2 or higher
+
+## Installation
+
+```bash
+pnpm install @twick/canvas
+```
+
+## Usage
+
+### Basic Canvas Setup
+
+```tsx
+import { useTwickCanvas } from '@twick/canvas';
+import { useRef, useEffect } from 'react';
+
+function CustomCanvas() {
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const containerRef = useRef<HTMLDivElement>(null);
+
+  const { twickCanvas, buildCanvas, addElementToCanvas } = useTwickCanvas({
+    onCanvasReady: (canvas) => {
+      console.log("Canvas ready", canvas);
+    },
+    onCanvasOperation: (operation, data) => {
+      console.log("Canvas operation", operation, data);
+    }
+  });
+
+  useEffect(() => {
+    const container = containerRef.current;
+    const canvasSize = {
+      width: container?.clientWidth,
+      height: container?.clientHeight,
+    };
+    
+    buildCanvas({
+      videoSize: {
+        width: 720,
+        height: 1280,
+      },
+      canvasSize,
+      canvasRef: canvasRef.current,
+    });
+  }, []);
+
+  return (
+    <div ref={containerRef}>
+      <canvas ref={canvasRef} />
+    </div>
+  );
+}
+```
+
+### Adding Elements
+
+```tsx
+// Add an image
+const imageElement = {
+  type: "image",
+  id: "image-1",
+  frame: {
+    size: [400, 300],
+  },
+  props: {
+    src: "https://example.com/image.jpg",
+  }
+};
+
+addElementToCanvas({ element: imageElement, index: 0 });
+
+// Add text
+const textElement = {
+  type: "text",
+  id: "text-1",
+  props: {
+    x: 100,
+    y: 100,
+    text: "Hello World",
+    fontSize: 64,
+    fill: "#FFFFFF",
+  }
+};
+
+addElementToCanvas({ element: textElement, index: 1 });
+```
+
+## API Reference
+
+### Hooks
+
+- `useTwickCanvas`: Custom hook for canvas manipulation
+
+### Helpers
+
+- `createCanvas`: Create a new Fabric.js canvas instance
+- `reorderElementsByZIndex`: Reorder canvas elements by z-index
+- `getCurrentFrameEffect`: Get current frame effect
+- `convertToCanvasPosition`: Convert video coordinates to canvas coordinates
+- `convertToVideoPosition`: Convert canvas coordinates to video coordinates
+
+### Types
+
+- `CanvasProps`: Canvas configuration props
+- `CanvasMetadata`: Canvas metadata interface
+- `FrameEffect`: Frame effect interface
+- `CanvasElement`: Canvas element interface
+- `CanvasElementProps`: Canvas element props interface
+- `CaptionProps`: Caption configuration props
+
+## Browser Support
+
+This library requires a browser environment with support for:
+- HTML5 Canvas
+- HTML5 Video
+- Modern JavaScript features (ES2020+)
+
+The library will throw appropriate errors if used in an unsupported environment.
+
+## License
+
 Apache-2.0 

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/helpers/constants.ts","../src/helpers/browser.ts","../src/helpers/canvas.util.ts","../src/components/element-controls.tsx","../../media-utils/dist/index.mjs","../src/components/elements.tsx","../src/hooks/use-twick-canvas.ts"],"sourcesContent":["export const DEFAULT_TEXT_PROPS = {\r\n    family: \"Poppins\",\r\n    size: 48,\r\n    fill: \"#FFFFFF\",\r\n    stroke: \"#000000\",\r\n    lineWidth: 0,\r\n  }\r\n  \r\nexport const DEFAULT_CAPTION_PROPS = {\r\n    family: \"Poppins\",\r\n    size: 48,\r\n    fill: \"#FFFFFF\",\r\n    fontWeight: 600,\r\n    color: {\r\n        text: \"#FFFFFF\",\r\n        background: \"#000000\",\r\n        highlight: \"#FFFFFF\",\r\n    },\r\n    stroke: \"#000000\",\r\n    lineWidth: 0.2,\r\n    shadowColor: \"#000000\",\r\n    shadowBlur: 2,\r\n    shadowOffset: [0, 0],\r\n}\r\n\r\nexport const CANVAS_OPERATIONS = {\r\n  ITEM_SELECTED: \"ITEM_SELECTED\",\r\n  ITEM_UPDATED: \"ITEM_UPDATED\",\r\n  ITEM_DELETED: \"ITEM_DELETED\",\r\n  ITEM_ADDED: \"ITEM_ADDED\",\r\n  ITEM_GROUPED: \"ITEM_GROUPED\",\r\n  ITEM_UNGROUPED: \"ITEM_UNGROUPED\",\r\n}\r\n\r\nexport const ELEMENT_TYPES = {\r\n  TEXT: \"text\",\r\n  CAPTION: \"caption\",\r\n  IMAGE: \"image\",\r\n  VIDEO: \"video\",\r\n  RECT: \"rect\",\r\n  BACKGROUND_COLOR: \"backgroundColor\",\r\n}\r\n","export const isBrowser = typeof window !== 'undefined';\r\n\r\nexport const isCanvasSupported = isBrowser && !!window.HTMLCanvasElement;\r\n\r\nexport const isVideoSupported = isBrowser && !!window.HTMLVideoElement;\r\n\r\nexport function assertBrowser() {\r\n  if (!isBrowser) {\r\n    throw new Error('This code can only run in a browser environment');\r\n  }\r\n}\r\n\r\nexport function assertCanvasSupport() {\r\n  if (!isCanvasSupported) {\r\n    throw new Error('Canvas is not supported in this environment');\r\n  }\r\n}\r\n\r\nexport function assertVideoSupport() {\r\n  if (!isVideoSupported) {\r\n    throw new Error('Video is not supported in this environment');\r\n  }\r\n} ","import {\r\n  Canvas as FabricCanvas,\r\n} from \"fabric\";\r\nimport { CanvasMetadata, CanvasProps } from \"../types\";\r\nimport { Dimensions, Position } from \"@twick/media-utils\";\r\nimport { assertBrowser, assertCanvasSupport } from \"./browser\";\r\n\r\n/**\r\n * Creates and initializes a Fabric.js canvas with specified configurations.\r\n *\r\n * @param videoSize - The dimensions of the video.\r\n * @param canvasSize - The dimensions of the canvas.\r\n * @param canvasContainer - The HTML container for the canvas.\r\n * @param backgroundColor - Background color of the canvas (default: black).\r\n * @param selectionBorderColor - Border color for selected objects (default: blue).\r\n * @param selectionLineWidth - Width of the selection border (default: 2).\r\n * @param uniScaleTransform - Ensures uniform scaling of objects (default: true).\r\n * @param enableRetinaScaling - Enables retina scaling for higher DPI (default: true).\r\n * @param touchZoomThreshold - Threshold for touch zoom interactions (default: 10).\r\n * @returns An object containing the initialized canvas and its metadata.\r\n */\r\nexport const createCanvas = ({\r\n  videoSize,\r\n  canvasSize,\r\n  canvasRef,\r\n  backgroundColor = \"#000000\",\r\n  selectionBorderColor = \"#2563eb\",\r\n  selectionLineWidth = 2,\r\n  uniScaleTransform = true,\r\n  enableRetinaScaling = true,\r\n  touchZoomThreshold = 10,\r\n}: CanvasProps): { canvas: FabricCanvas; canvasMetadata: CanvasMetadata } => {\r\n  assertBrowser();\r\n  assertCanvasSupport();\r\n\r\n  // Metadata for scaling and positioning on the canvas\r\n  const canvasMetadata = {\r\n    width: canvasSize.width,\r\n    height: canvasSize.height,\r\n    aspectRatio: canvasSize.width / canvasSize.height,\r\n    scaleX: canvasSize.width / videoSize.width,\r\n    scaleY: canvasSize.height / videoSize.height,\r\n  };\r\n\r\n  // Create and configure the Fabric.js canvas\r\n  const canvas = new FabricCanvas(canvasRef, {\r\n    backgroundColor,\r\n    width: canvasSize.width,\r\n    height: canvasSize.height,\r\n    preserveObjectStacking: true,\r\n    enableRetinaScaling,\r\n    selectionBorderColor,\r\n    selectionLineWidth,\r\n    uniScaleTransform,\r\n    touchZoomThreshold,\r\n    renderOnAddRemove: false,\r\n    stateful: false,\r\n    selection: true,\r\n    skipTargetFind: false,\r\n    controlsAboveOverlay: true,\r\n  });\r\n\r\n  // Set dimensions and render canvas\r\n  if (canvasRef) {\r\n    canvas.setDimensions({\r\n      width: canvasMetadata.width,\r\n      height: canvasMetadata.height,\r\n    });\r\n    canvas.renderAll();\r\n  }\r\n\r\n  return {\r\n    canvas,\r\n    canvasMetadata,\r\n  };\r\n};\r\n\r\n/**\r\n * Reorders elements on the canvas based on their zIndex property.\r\n *\r\n * @param canvas - The Fabric.js canvas instance.\r\n */\r\nexport const reorderElementsByZIndex = (canvas: FabricCanvas) => {\r\n  if (!canvas) return;\r\n  const backgroundColor = canvas.backgroundColor;\r\n\r\n  const objects = canvas.getObjects();\r\n  console.log(\"objects\", objects);\r\n  // Sort objects by zIndex and re-add to the canvas in order\r\n  objects.sort((a, b) => (a.zIndex || 0) - (b.zIndex || 0));\r\n\r\n  canvas.clear();\r\n  canvas.backgroundColor = backgroundColor;\r\n\r\n  objects.forEach((obj) => canvas.add(obj));\r\n  canvas.renderAll();\r\n};\r\n\r\n/**\r\n * Clears all elements from the canvas and re-renders it.\r\n *\r\n * @param canvas - The Fabric.js canvas instance.\r\n */\r\nexport const clearCanvas = (canvas: FabricCanvas) => {\r\n  if (!canvas) return;\r\n  canvas.clear();\r\n  canvas.renderAll();\r\n};\r\n\r\n/**\r\n * Converts a position from the video coordinate space to the canvas coordinate space.\r\n *\r\n * @param x - X-coordinate in video space.\r\n * @param y - Y-coordinate in video space.\r\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\r\n * @returns The corresponding position in canvas space.\r\n */\r\nexport const convertToCanvasPosition = (\r\n  x: number,\r\n  y: number,\r\n  canvasMetadata: CanvasMetadata\r\n): Position => {\r\n  return {\r\n    x: x * canvasMetadata.scaleX + canvasMetadata.width / 2,\r\n    y: y * canvasMetadata.scaleY + canvasMetadata.height / 2,\r\n  };\r\n};\r\n\r\n/**\r\n * Converts a position from the canvas coordinate space to the video coordinate space.\r\n *\r\n * @param x - X-coordinate in canvas space.\r\n * @param y - Y-coordinate in canvas space.\r\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\r\n * @param videoSize - Dimensions of the video.\r\n * @returns The corresponding position in video space.\r\n */\r\nexport const convertToVideoPosition = (\r\n  x: number,\r\n  y: number,\r\n  canvasMetadata: CanvasMetadata,\r\n  videoSize: Dimensions\r\n): Position => {\r\n  return {\r\n    x: x / canvasMetadata.scaleX - videoSize.width / 2,\r\n    y: y / canvasMetadata.scaleY - videoSize.height / 2,\r\n  };\r\n};\r\n\r\n/**\r\n * Retrieves the current frame effect for a given seek time.\r\n *\r\n * @param item - The item containing frame effects.\r\n * @param seekTime - The current time to match against frame effects.\r\n * @returns The current frame effect active at the given seek time, if any.\r\n */\r\nexport const getCurrentFrameEffect = (item: any, seekTime: number) => {\r\n  let currentFrameEffect;\r\n  for (let i = 0; i < item?.frameEffects?.length; i++) {\r\n    if (\r\n      item.frameEffects[i].s <= seekTime &&\r\n      item.frameEffects[i].e >= seekTime\r\n    ) {\r\n      currentFrameEffect = item.frameEffects[i];\r\n      break;\r\n    }\r\n  }\r\n  return currentFrameEffect;\r\n};\r\n","import { Control, controlsUtils } from \"fabric\";\r\n\r\nexport const disabledControl = new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    offsetY: 0,\r\n    cursorStyle: \"pointer\",\r\n    actionHandler: () => {\r\n      return true;\r\n    },\r\n    actionName: \"scale\",\r\n    render: function (ctx: CanvasRenderingContext2D,\r\n            left: number,\r\n            top: number) {\r\n      const size = 0;\r\n      ctx.save();\r\n      ctx.translate(left, top);\r\n      ctx.fillStyle = \"#red\";\r\n      ctx.fillRect(-size / 2, -size / 2, size, size);\r\n      ctx.restore();\r\n    },\r\n  });\r\n\r\nexport const rotateControl = new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    offsetY: -25,\r\n    cursorStyle: \"crosshair\",\r\n    actionHandler: controlsUtils.rotationWithSnapping,\r\n    actionName: \"rotate\",\r\n    withConnection: true,\r\n  });","const imageDimensionsCache = {};\nconst videoMetaCache = {};\nconst audioDurationCache = {};\n\nconst getAudioDuration = (audioSrc) => {\n  if (audioDurationCache[audioSrc]) {\n    return Promise.resolve(audioDurationCache[audioSrc]);\n  }\n  return new Promise((resolve, reject) => {\n    const audio = document.createElement(\"audio\");\n    audio.preload = \"metadata\";\n    const isSafeUrl = /^(https?:|blob:|data:audio\\/)/i.test(audioSrc);\n    if (!isSafeUrl) {\n      throw new Error(\"Unsafe audio source URL\");\n    }\n    audio.src = audioSrc;\n    audio.onloadedmetadata = () => {\n      const duration = audio.duration;\n      audioDurationCache[audioSrc] = duration;\n      resolve(duration);\n    };\n    audio.onerror = () => {\n      reject(new Error(\"Failed to load audio metadata\"));\n    };\n  });\n};\n\nconst concurrencyLimit = 5;\nlet activeCount = 0;\nconst queue = [];\nfunction runNext() {\n  if (queue.length === 0 || activeCount >= concurrencyLimit) return;\n  const next = queue.shift();\n  if (next) {\n    activeCount++;\n    next();\n  }\n}\nfunction limit(fn) {\n  return new Promise((resolve, reject) => {\n    const task = () => {\n      fn().then(resolve).catch(reject).finally(() => {\n        activeCount--;\n        runNext();\n      });\n    };\n    if (activeCount < concurrencyLimit) {\n      activeCount++;\n      task();\n    } else {\n      queue.push(task);\n    }\n  });\n}\n\nconst loadImageDimensions = (url) => {\n  return new Promise((resolve, reject) => {\n    if (typeof document === \"undefined\") {\n      reject(new Error(\"getImageDimensions() is only available in the browser.\"));\n      return;\n    }\n    const img = new Image();\n    img.onload = () => {\n      resolve({ width: img.naturalWidth, height: img.naturalHeight });\n    };\n    img.onerror = reject;\n    img.src = url;\n  });\n};\nconst getImageDimensions = (url) => {\n  if (imageDimensionsCache[url]) {\n    return Promise.resolve(imageDimensionsCache[url]);\n  }\n  return limit(() => loadImageDimensions(url)).then((dimensions) => {\n    imageDimensionsCache[url] = dimensions;\n    return dimensions;\n  });\n};\n\nconst getVideoMeta = (videoSrc) => {\n  if (videoMetaCache[videoSrc]) {\n    return Promise.resolve(videoMetaCache[videoSrc]);\n  }\n  return new Promise((resolve, reject) => {\n    const video = document.createElement(\"video\");\n    video.preload = \"metadata\";\n    const isSafeUrl = /^(https?:|blob:|data:video\\/)/i.test(videoSrc);\n    if (!isSafeUrl) {\n      reject(new Error(\"Unsafe video source URL\"));\n      return;\n    }\n    video.src = videoSrc;\n    video.onloadedmetadata = () => {\n      const meta = {\n        width: video.videoWidth,\n        height: video.videoHeight,\n        duration: video.duration\n      };\n      videoMetaCache[videoSrc] = meta;\n      resolve(meta);\n    };\n    video.onerror = () => reject(new Error(\"Failed to load video metadata\"));\n  });\n};\n\nconst getThumbnail = async (videoUrl, seekTime = 0.1, playbackRate = 1) => {\n  return new Promise((resolve, reject) => {\n    const video = document.createElement(\"video\");\n    video.crossOrigin = \"anonymous\";\n    video.muted = true;\n    video.playsInline = true;\n    video.autoplay = false;\n    video.preload = \"auto\";\n    video.playbackRate = playbackRate;\n    video.style.position = \"absolute\";\n    video.style.left = \"-9999px\";\n    video.style.top = \"-9999px\";\n    video.style.width = \"1px\";\n    video.style.height = \"1px\";\n    video.style.opacity = \"0\";\n    video.style.pointerEvents = \"none\";\n    video.style.zIndex = \"-1\";\n    let timeoutId;\n    const cleanup = () => {\n      if (video.parentNode) video.remove();\n      if (timeoutId) clearTimeout(timeoutId);\n    };\n    const handleError = () => {\n      cleanup();\n      reject(new Error(`Failed to load video: ${video.error?.message || \"Unknown error\"}`));\n    };\n    const handleSeeked = () => {\n      try {\n        video.pause();\n        const canvas = document.createElement(\"canvas\");\n        const width = video.videoWidth || 640;\n        const height = video.videoHeight || 360;\n        canvas.width = width;\n        canvas.height = height;\n        const ctx = canvas.getContext(\"2d\");\n        if (!ctx) {\n          cleanup();\n          reject(new Error(\"Failed to get canvas context\"));\n          return;\n        }\n        ctx.drawImage(video, 0, 0, width, height);\n        try {\n          const dataUrl = canvas.toDataURL(\"image/jpeg\", 0.8);\n          cleanup();\n          resolve(dataUrl);\n        } catch {\n          canvas.toBlob((blob) => {\n            if (!blob) {\n              cleanup();\n              reject(new Error(\"Failed to create Blob\"));\n              return;\n            }\n            const blobUrl = URL.createObjectURL(blob);\n            cleanup();\n            resolve(blobUrl);\n          }, \"image/jpeg\", 0.8);\n        }\n      } catch (err) {\n        cleanup();\n        reject(new Error(`Error creating thumbnail: ${err}`));\n      }\n    };\n    video.addEventListener(\"error\", handleError, { once: true });\n    video.addEventListener(\"seeked\", handleSeeked, { once: true });\n    video.addEventListener(\"loadedmetadata\", () => {\n      const playPromise = video.play();\n      if (playPromise !== void 0) {\n        playPromise.then(() => {\n          video.currentTime = seekTime;\n        }).catch(() => {\n          video.currentTime = seekTime;\n        });\n      } else {\n        video.currentTime = seekTime;\n      }\n    }, { once: true });\n    timeoutId = window.setTimeout(() => {\n      cleanup();\n      reject(new Error(\"Video loading timed out\"));\n    }, 5e3);\n    video.src = videoUrl;\n    document.body.appendChild(video);\n  });\n};\n\nconst getScaledDimensions = (width, height, maxWidth, maxHeight) => {\n  if (width <= maxWidth && height <= maxHeight) {\n    return {\n      width: width % 2 === 0 ? width : width - 1,\n      height: height % 2 === 0 ? height : height - 1\n    };\n  }\n  const widthRatio = maxWidth / width;\n  const heightRatio = maxHeight / height;\n  const scale = Math.min(widthRatio, heightRatio);\n  let scaledWidth = Math.round(width * scale);\n  let scaledHeight = Math.round(height * scale);\n  if (scaledWidth % 2 !== 0) {\n    scaledWidth -= 1;\n  }\n  if (scaledHeight % 2 !== 0) {\n    scaledHeight -= 1;\n  }\n  return {\n    width: Math.min(scaledWidth, maxWidth),\n    height: Math.min(scaledHeight, maxHeight)\n  };\n};\nconst getObjectFitSize = (objectFit, elementSize, containerSize) => {\n  const elementAspectRatio = elementSize.width / elementSize.height;\n  const containerAspectRatio = containerSize.width / containerSize.height;\n  switch (objectFit) {\n    case \"contain\":\n      if (elementAspectRatio > containerAspectRatio) {\n        return {\n          width: containerSize.width,\n          height: containerSize.width / elementAspectRatio\n        };\n      } else {\n        return {\n          width: containerSize.height * elementAspectRatio,\n          height: containerSize.height\n        };\n      }\n    case \"cover\":\n      if (elementAspectRatio > containerAspectRatio) {\n        return {\n          width: containerSize.height * elementAspectRatio,\n          height: containerSize.height\n        };\n      } else {\n        return {\n          width: containerSize.width,\n          height: containerSize.width / elementAspectRatio\n        };\n      }\n    case \"fill\":\n      return {\n        width: containerSize.width,\n        height: containerSize.height\n      };\n    default:\n      return {\n        width: elementSize.width,\n        height: elementSize.height\n      };\n  }\n};\n\nconst blobUrlToFile = async (blobUrl, fileName) => {\n  const response = await fetch(blobUrl);\n  const blob = await response.blob();\n  return new File([blob], fileName, { type: blob.type });\n};\nconst saveAsFile = (content, type, name) => {\n  const blob = typeof content === \"string\" ? new Blob([content], { type }) : content;\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = name;\n  a.click();\n  URL.revokeObjectURL(url);\n};\nconst downloadFile = async (url, filename) => {\n  try {\n    const response = await fetch(url);\n    const blob = await response.blob();\n    const downloadUrl = window.URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.href = downloadUrl;\n    link.download = filename;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    window.URL.revokeObjectURL(downloadUrl);\n  } catch (error) {\n    console.error(\"Error downloading file:\", error);\n    throw error;\n  }\n};\n\nconst detectMediaTypeFromUrl = async (url) => {\n  try {\n    const response = await fetch(url, { method: \"HEAD\" });\n    const contentType = response.headers.get(\"Content-Type\");\n    if (!contentType) return null;\n    if (contentType.startsWith(\"image/\")) return \"image\";\n    if (contentType.startsWith(\"video/\")) return \"video\";\n    if (contentType.startsWith(\"audio/\")) return \"audio\";\n    return null;\n  } catch (error) {\n    console.error(\"Fetch failed:\", error);\n    return null;\n  }\n};\n\nexport { blobUrlToFile, detectMediaTypeFromUrl, downloadFile, getAudioDuration, getImageDimensions, getObjectFitSize, getScaledDimensions, getThumbnail, getVideoMeta, limit, saveAsFile };\n//# sourceMappingURL=index.mjs.map\n","import {\r\n  Canvas as FabricCanvas,\r\n  FabricText,\r\n  Group,\r\n  FabricImage,\r\n  Rect,\r\n  Shadow,\r\n} from \"fabric\";\r\nimport { convertToCanvasPosition } from \"../helpers/canvas.util\";\r\nimport {\r\n  CanvasElement,\r\n  CanvasMetadata,\r\n  CaptionProps,\r\n  FrameEffect,\r\n} from \"../types\";\r\nimport {\r\n  DEFAULT_CAPTION_PROPS,\r\n  DEFAULT_TEXT_PROPS,\r\n} from \"../helpers/constants\";\r\nimport { disabledControl, rotateControl } from \"./element-controls\";\r\nimport { getObjectFitSize, getThumbnail } from \"@twick/media-utils\";\r\n\r\n/**\r\n * Add a text element for the canvas.\r\n *\r\n * @param {Object} params - The parameters for creating the text element.\r\n * @param {CanvasElement} params.element - The canvas element configuration.\r\n * @param {number} params.index - The z-index of the element.\r\n * @param {CanvasMetadata} params.canvasMetadata - Metadata about the canvas, including scale and dimensions.\r\n * @returns {FabricText} The configured Fabric.js text object.\r\n */\r\nexport const addTextElement = ({\r\n  element,\r\n  index,\r\n  canvas,\r\n  canvasMetadata,\r\n}: {\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  canvasMetadata: CanvasMetadata;\r\n}) => {\r\n  const { x, y } = convertToCanvasPosition(\r\n    element.props?.x || 0,\r\n    element.props?.y || 0,\r\n    canvasMetadata\r\n  );\r\n\r\n  const text = new FabricText(element.props?.text || element.t || \"\", {\r\n    left: x,\r\n    top: y,\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    angle: element.props?.rotation || 0,\r\n    fontSize: Math.round(\r\n      (element.props?.fontSize || DEFAULT_TEXT_PROPS.size) *\r\n        canvasMetadata.scaleX\r\n    ),\r\n    fontFamily: element.props?.fontFamily || DEFAULT_TEXT_PROPS.family,\r\n    fontStyle: element.props?.fontStyle || \"normal\",\r\n    fontWeight: element.props?.fontWeight || \"normal\",\r\n    fill: element.props?.fill || DEFAULT_TEXT_PROPS.fill,\r\n    skipWrapping: false,\r\n    textAlign: element.props?.textAlign || \"center\",\r\n    stroke: element.props?.stroke || DEFAULT_TEXT_PROPS.stroke,\r\n    strokeWidth: element.props?.lineWidth || DEFAULT_TEXT_PROPS.lineWidth,\r\n    shadow: element.props?.shadowColor\r\n      ? new Shadow({\r\n          offsetX:\r\n            element.props?.shadowOffset?.length &&\r\n            element.props?.shadowOffset?.length > 1\r\n              ? element.props.shadowOffset[0] / 2\r\n              : 1,\r\n          offsetY:\r\n            element.props?.shadowOffset?.length &&\r\n            element.props?.shadowOffset.length > 1\r\n              ? element.props.shadowOffset[1] / 2\r\n              : 1,\r\n          blur: (element.props?.shadowBlur || 2) / 2,\r\n          color: element.props?.shadowColor,\r\n        })\r\n      : undefined,\r\n  });\r\n\r\n  // Assign metadata and custom controls\r\n  text.set(\"id\", element.id);\r\n  text.set(\"zIndex\", index);\r\n\r\n  // Disable unwanted control points\r\n  text.controls.mt = disabledControl;\r\n  text.controls.mb = disabledControl;\r\n  text.controls.ml = disabledControl;\r\n  text.controls.mr = disabledControl;\r\n  text.controls.bl = disabledControl;\r\n  text.controls.br = disabledControl;\r\n  text.controls.tl = disabledControl;\r\n  text.controls.tr = disabledControl;\r\n  text.controls.mtr = rotateControl;\r\n\r\n  canvas.add(text);\r\n  return text;\r\n};\r\n\r\nconst setImageProps = ({\r\n  img,\r\n  element,\r\n  index,\r\n  canvasMetadata,\r\n}: {\r\n  img: FabricImage;\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvasMetadata: CanvasMetadata;\r\n}) => {\r\n  const width =\r\n    (element.props?.width || 0) * canvasMetadata.scaleX || canvasMetadata.width;\r\n  const height =\r\n    (element.props?.height || 0) * canvasMetadata.scaleY ||\r\n    canvasMetadata.height;\r\n  const { x, y } = convertToCanvasPosition(\r\n    element.props?.x || 0,\r\n    element.props?.y || 0,\r\n    canvasMetadata\r\n  );\r\n  console.log(width, height, x, y);\r\n  img.set(\"id\", element.id);\r\n  img.set(\"zIndex\", index);\r\n  img.set(\"width\", width);\r\n  img.set(\"height\", height);\r\n  img.set(\"left\", x);\r\n  img.set(\"top\", y);\r\n  img.set(\"selectable\", true);\r\n  img.set(\"hasControls\", true);\r\n  img.set(\"touchAction\", \"all\");\r\n};\r\n\r\n/**\r\n * Add a caption element for the canvas based on provided props.\r\n *\r\n * @param {Object} params - Parameters for creating the caption.\r\n * @param {CanvasElement} params.element - The canvas element configuration.\r\n * @param {FabricCanvas} params.canvas - The Fabric.js canvas instance.\r\n * @param {number} params.index - The z-index of the element.\r\n * @param {CaptionProps} params.captionProps - Default and user-defined caption properties.\r\n * @param {CanvasMetadata} params.canvasMetadata - Metadata about the canvas, including scale and dimensions.\r\n * @returns {FabricText} The configured Fabric.js caption object.\r\n */\r\nexport const addCaptionElement = ({\r\n  element,\r\n  index,\r\n  canvas,\r\n  captionProps,\r\n  canvasMetadata,\r\n}: {\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  captionProps: CaptionProps;\r\n  canvasMetadata: CanvasMetadata;\r\n}) => {\r\n  const { x, y } = convertToCanvasPosition(\r\n    element.props?.pos?.x || captionProps?.pos?.x || 0,\r\n    element.props?.pos?.y || captionProps?.pos?.y || 0,\r\n    canvasMetadata\r\n  );\r\n\r\n  const caption = new FabricText(element.props?.text || element.t ||\"\", {\r\n    left: x,\r\n    top: y,\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    angle: element.props?.rotation || 0,\r\n    fontSize: Math.round(\r\n      (element.props?.font?.size ||\r\n        captionProps.font?.size ||\r\n        DEFAULT_CAPTION_PROPS.size) * canvasMetadata.scaleX\r\n    ),\r\n    fontFamily:\r\n      element.props?.font?.family ||\r\n      captionProps.font?.family ||\r\n      DEFAULT_CAPTION_PROPS.family,\r\n    fill:\r\n      element.props?.fill ||\r\n      captionProps.color?.text ||\r\n      DEFAULT_CAPTION_PROPS.fill,\r\n    fontWeight: DEFAULT_CAPTION_PROPS.fontWeight,\r\n    stroke: element.props?.stroke || DEFAULT_CAPTION_PROPS.stroke,\r\n    shadow: new Shadow({\r\n      offsetX:\r\n        element.props?.shadowOffset?.[0] ||\r\n        DEFAULT_CAPTION_PROPS.shadowOffset?.[0],\r\n      offsetY:\r\n        element.props?.shadowOffset?.[1] ||\r\n        DEFAULT_CAPTION_PROPS.shadowOffset?.[1],\r\n      blur: element.props?.shadowBlur || DEFAULT_CAPTION_PROPS.shadowBlur,\r\n      color: element.props?.shadowColor || DEFAULT_CAPTION_PROPS.shadowColor,\r\n    }),\r\n    strokeWidth: element.props?.lineWidth || DEFAULT_CAPTION_PROPS.lineWidth,\r\n  });\r\n\r\n  // Assign metadata and custom controls\r\n  caption.set(\"id\", element.id);\r\n  caption.set(\"zIndex\", index);\r\n\r\n  // Disable unwanted control points\r\n  caption.controls.mt = disabledControl;\r\n  caption.controls.mb = disabledControl;\r\n  caption.controls.ml = disabledControl;\r\n  caption.controls.mr = disabledControl;\r\n  caption.controls.bl = disabledControl;\r\n  caption.controls.br = disabledControl;\r\n  caption.controls.tl = disabledControl;\r\n  caption.controls.tr = disabledControl;\r\n  caption.controls.mtr = disabledControl;\r\n\r\n  canvas.add(caption);\r\n  return caption;\r\n};\r\n\r\n/* Add a video frame as element into a Fabric.js image object and optionally groups it with a frame.\r\n*\r\n* @param element - The video element containing properties like source and frame information.\r\n* @param index - The z-index for ordering the element on the canvas.\r\n* @param canvas - The Fabric.js canvas instance.\r\n* @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\r\n* @param currentFrameEffect - Optional frame effect to apply to the image.\r\n* @param snapTime - The time to snap the video frame with respect to full video duration.\r\n* @returns A Fabric.js image object or a group with an image and frame.\r\n*/\r\nexport const addVideoElement = async ({\r\n  element,\r\n  index,\r\n  canvas,\r\n  snapTime,\r\n  canvasMetadata,\r\n  currentFrameEffect,\r\n}: {\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  snapTime: number;\r\n  canvasMetadata: CanvasMetadata;\r\n  currentFrameEffect?: FrameEffect;\r\n}) => {\r\n  try {\r\n    const thumbnailUrl = await getThumbnail(\r\n      element?.props?.src || \"\",\r\n      snapTime\r\n    );\r\n    if (!thumbnailUrl) {\r\n      console.error(\"Failed to get thumbnail\");\r\n      return;\r\n    }\r\n\r\n    return addImageElement({\r\n      imageUrl: thumbnailUrl,\r\n      element,\r\n      index,\r\n      canvas,\r\n      canvasMetadata,\r\n      currentFrameEffect,\r\n    });\r\n  } catch (error) {\r\n    console.error(\"Error loading image:\", error);\r\n  }\r\n};\r\n\r\n/**\r\n * Add an image element into a Fabric.js image object and optionally groups it with a frame.\r\n *\r\n * @param element - The image element containing properties like source and frame information.\r\n * @param index - The z-index for ordering the element on the canvas.\r\n * @param canvas - The Fabric.js canvas instance.\r\n * @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\r\n * @param currentFrameEffect - Optional frame effect to apply to the image.\r\n * @param imageUrl - Optional The url of the image to be added to the canvas.\r\n * @returns A Fabric.js image object or a group with an image and frame.\r\n */\r\nexport const addImageElement = async ({\r\n  imageUrl,\r\n  element,\r\n  index,\r\n  canvas,\r\n  canvasMetadata,\r\n  currentFrameEffect\r\n}: {\r\n  imageUrl?: string;\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  canvasMetadata: CanvasMetadata;\r\n  currentFrameEffect?: FrameEffect;\r\n}) => {\r\n  try {\r\n    // Load the image from the provided source URL\r\n    const img = await FabricImage.fromURL(imageUrl ||element.props.src || \"\");\r\n    img.set({\r\n      originX: \"center\",\r\n      originY: \"center\",\r\n      lockMovementX: false,\r\n      lockMovementY: false,\r\n      lockUniScaling: true,\r\n      hasControls: false,\r\n      selectable: false,\r\n    });\r\n\r\n    // Return the group if a frame is defined, otherwise return the image\r\n    if (element.frame) {\r\n      return addMediaGroup({\r\n        element,\r\n        img,\r\n        index,\r\n        canvas,\r\n        canvasMetadata,\r\n        currentFrameEffect\r\n      });\r\n    } else {\r\n      setImageProps({ img, element, index, canvasMetadata });\r\n      canvas.add(img);\r\n      return img;\r\n    }\r\n  } catch (error) {\r\n    console.error(\"Error loading image:\", error);\r\n  }\r\n};\r\n\r\n/**\r\n * Add a Fabric.js group combining an image and its associated frame,\r\n * applying styling, positioning, and scaling based on the given properties.\r\n *\r\n * @param element - The image element containing properties like frame, position, and styling.\r\n * @param img - The Fabric.js image object to be included in the group.\r\n * @param index - The z-index for ordering the group on the canvas.\r\n * @param canvas - The Fabric.js canvas instance.\r\n * @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\r\n * @param currentFrameEffect - Optional current frame effect to override default frame properties.\r\n * @returns A Fabric.js group containing the image and frame with configured properties.\r\n */\r\nconst addMediaGroup = ({\r\n  element,\r\n  img,\r\n  index,\r\n  canvas,\r\n  canvasMetadata,\r\n  currentFrameEffect,\r\n}: {\r\n  element: CanvasElement;\r\n  img: FabricImage;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  canvasMetadata: CanvasMetadata;\r\n  currentFrameEffect?: FrameEffect;\r\n}) => {\r\n  let frameSize;\r\n  let angle;\r\n  let framePosition;\r\n  let frameRadius = 0;\r\n  if (currentFrameEffect) {\r\n    frameSize = {\r\n      width:\r\n        (currentFrameEffect.props.frameSize?.[0] || 0) *\r\n          canvasMetadata.scaleX || canvasMetadata.width,\r\n      height:\r\n        (currentFrameEffect.props.frameSize?.[1] || 0) *\r\n          canvasMetadata.scaleY || canvasMetadata.height,\r\n    };\r\n    angle = currentFrameEffect.props.rotation || 0;\r\n    framePosition = currentFrameEffect.props.framePosition;\r\n    if (currentFrameEffect.props.shape === \"circle\") {\r\n      frameRadius = frameSize.width / 2;\r\n    } else {\r\n      frameRadius = currentFrameEffect?.props?.radius || 0;\r\n    }\r\n  } else {\r\n    frameRadius = element?.frame?.radius || 0;\r\n    frameSize = {\r\n      width:\r\n        (element?.frame?.size?.[0] || 0) * canvasMetadata.scaleX ||\r\n        canvasMetadata.width,\r\n      height:\r\n        (element?.frame?.size?.[1] || 0) * canvasMetadata.scaleY ||\r\n        canvasMetadata.height,\r\n    };\r\n    angle = element?.frame?.rotation || 0;\r\n    framePosition = {\r\n      x: element?.frame?.x || 0,\r\n      y: element?.frame?.y || 0,\r\n    };\r\n  }\r\n\r\n  const newSize = getObjectFitSize(\r\n    element.objectFit,\r\n    { width: img.width!, height: img.height! },\r\n    frameSize\r\n  );\r\n\r\n  const frameRect = new Rect({\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    lockMovementX: false,\r\n    lockMovementY: false,\r\n    lockUniScaling: true,\r\n    hasControls: false,\r\n    selectable: false,\r\n    width: frameSize.width,\r\n    height: frameSize.height,\r\n    stroke: element?.frame?.stroke || \"#ffffff\",\r\n    strokeWidth: element?.frame?.lineWidth || 0,\r\n    hasRotatingPoint: true,\r\n    rx: frameRadius || 0,\r\n    ry: frameRadius || 0,\r\n  });\r\n\r\n  img.set({\r\n    lockUniScaling: true,\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    scaleX: newSize.width / img.width,\r\n    scaleY: newSize.height / img.height,\r\n  });\r\n\r\n\r\n  const { x, y } = convertToCanvasPosition(\r\n    framePosition?.x || 0,\r\n    framePosition?.y || 0,\r\n    canvasMetadata\r\n  );\r\n\r\n  const groupProps = {\r\n    left: x,\r\n    top: y,\r\n    width: frameSize.width,\r\n    height: frameSize.height,\r\n    angle: angle,\r\n  };\r\n\r\n  // Customize the control points for the group\r\n  // Change only the top control to a different style, keep others as circles\r\n\r\n  const group = new Group([frameRect, img], {\r\n    ...groupProps,\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    angle: groupProps.angle,\r\n    selectable: true,\r\n    hasControls: true,\r\n    hasBorders: true,\r\n    clipPath: frameRect,\r\n  });\r\n\r\n  group.controls.mt = disabledControl;\r\n  group.controls.mb = disabledControl;\r\n  group.controls.ml = disabledControl;\r\n  group.controls.mr = disabledControl;\r\n  group.controls.mtr = rotateControl;\r\n\r\n  group.set(\"id\", element.id);\r\n  group.set(\"zIndex\", index);\r\n  canvas.add(group);\r\n  return group;\r\n};\r\n\r\n/**\r\n * Add a rectangular Fabric.js element based on the provided canvas element data.\r\n *\r\n * @param element - The canvas element containing properties for the rectangle.\r\n * @param index - The zIndex value used to determine the rendering order.\r\n * @param canvas - The Fabric.js canvas instance.\r\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\r\n * @returns A Fabric.js Rect object configured with the specified properties.\r\n */\r\nexport const addRectElement = ({\r\n  element,\r\n  index,\r\n  canvas,\r\n  canvasMetadata,\r\n}: {\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  canvasMetadata: CanvasMetadata;\r\n}) => {\r\n  // Convert element's position to canvas coordinates\r\n  const { x, y } = convertToCanvasPosition(\r\n    element.props?.x || 0,\r\n    element.props?.y || 0,\r\n    canvasMetadata\r\n  );\r\n\r\n  // Create a new rectangular Fabric.js object\r\n  const rect = new Rect({\r\n    left: x, // X-coordinate on the canvas\r\n    top: y, // Y-coordinate on the canvas\r\n    originX: \"center\", // Center the rectangle based on its position\r\n    originY: \"center\", // Center the rectangle based on its position\r\n    angle: element.props?.rotation || 0, // Rotation angle\r\n    rx: (element.props?.radius || 0) * canvasMetadata.scaleX, // Horizontal radius for rounded corners\r\n    ry: (element.props?.radius || 0) * canvasMetadata.scaleY, // Vertical radius for rounded corners\r\n    stroke: element.props?.stroke || \"#000000\", // Stroke color\r\n    strokeWidth: (element.props?.lineWidth || 0) * canvasMetadata.scaleX, // Scaled stroke width\r\n    fill: element.props?.fill || \"#000000\", // Fill color\r\n    opacity: element.props?.opacity || 1, // Opacity level\r\n    width: (element.props?.width || 0) * canvasMetadata.scaleX, // Scaled width\r\n    height: (element.props?.height || 0) * canvasMetadata.scaleY, // Scaled height\r\n  });\r\n\r\n  // Set custom properties for the rectangle\r\n  rect.set(\"id\", element.id); // Unique identifier for the rectangle\r\n  rect.set(\"zIndex\", index); // zIndex determines rendering order\r\n\r\n  // Set custom control for rotation\r\n  rect.controls.mtr = rotateControl;\r\n\r\n  canvas.add(rect);\r\n  return rect;\r\n};\r\n\r\n/**\r\n * Add a background color to the canvas.\r\n *\r\n * @param element - The canvas element containing properties for the background.\r\n * @param index - The zIndex value used to determine the rendering order.\r\n * @param canvas - The Fabric.js canvas instance.\r\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\r\n * @returns A Fabric.js Rect object configured with the specified properties.\r\n */\r\nexport const addBackgroundColor = ({\r\n  element,\r\n  index,\r\n  canvas,\r\n  canvasMetadata,\r\n}: {\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  canvasMetadata: CanvasMetadata;\r\n}) => {\r\n  const bgRect = new Rect({\r\n    width: canvasMetadata.width,\r\n    height: canvasMetadata.height,\r\n    left: canvasMetadata.width / 2,\r\n    top: canvasMetadata.height / 2,\r\n    fill: element.backgoundColor ?? \"#000000\",\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    hasControls: false,\r\n    hasBorders: false,\r\n    selectable: false,\r\n  });\r\n\r\n  bgRect.controls.mt = disabledControl;\r\n  bgRect.controls.mb = disabledControl;\r\n  bgRect.controls.ml = disabledControl;\r\n  bgRect.controls.mr = disabledControl;\r\n  bgRect.controls.bl = disabledControl;\r\n  bgRect.controls.br = disabledControl;\r\n  bgRect.controls.tl = disabledControl;\r\n  bgRect.controls.tr = disabledControl;\r\n  bgRect.controls.mtr = disabledControl;\r\n  bgRect.set(\"zIndex\", index - 0.5);\r\n\r\n  canvas.add(bgRect);\r\n  return bgRect;\r\n};\r\n","import { useRef, useState } from \"react\";\r\nimport { Canvas as FabricCanvas, FabricObject } from \"fabric\";\r\nimport { Dimensions } from \"@twick/media-utils\";\r\nimport { CanvasMetadata, CanvasProps, CanvasElement } from \"../types\";\r\nimport {\r\n  clearCanvas,\r\n  convertToVideoPosition,\r\n  createCanvas,\r\n  getCurrentFrameEffect,\r\n  reorderElementsByZIndex,\r\n} from \"../helpers/canvas.util\";\r\nimport { CANVAS_OPERATIONS, ELEMENT_TYPES } from \"../helpers/constants\";\r\nimport {\r\n  addImageElement,\r\n  addVideoElement,\r\n  addRectElement,\r\n  addTextElement,\r\n  addCaptionElement,\r\n  addBackgroundColor,\r\n} from \"../components/elements\";\r\n\r\n/**\r\n * Custom hook to manage a Fabric.js canvas and associated operations.\r\n *\r\n * @param onCanvasReady - Callback executed when the canvas is ready.\r\n * @param onCanvasOperation - Callback executed on canvas operations such as item selection or updates.\r\n * @returns Canvas-related functions and state.\r\n */\r\nexport const useTwickCanvas = ({\r\n  onCanvasReady,\r\n  onCanvasOperation,\r\n}: {\r\n  onCanvasReady?: (canvas: FabricCanvas) => void;\r\n  onCanvasOperation?: (operation: string, data: any) => void;\r\n}) => {\r\n  const [twickCanvas, setTwickCanvas] = useState<FabricCanvas | null>(null); // Canvas instance\r\n  const elementMap = useRef<Record<string, any>>({}); // Maps element IDs to their data\r\n  const elementFrameMap = useRef<Record<string, any>>({}); // Maps element IDs to their frame effects\r\n  const twickCanvasRef = useRef<FabricCanvas | null>(null);\r\n  const videoSizeRef = useRef<Dimensions>({ width: 1, height: 1 }); // Stores the video dimensions\r\n  const canvasMetadataRef = useRef<CanvasMetadata>({\r\n    width: 0,\r\n    height: 0,\r\n    aspectRatio: 0,\r\n    scaleX: 1,\r\n    scaleY: 1,\r\n  }); // Metadata for the canvas\r\n\r\n  /**\r\n   * Updates canvas metadata when the video size changes.\r\n   *\r\n   * @param videoSize - New video dimensions.\r\n   */\r\n  const onVideoSizeChange = (videoSize: Dimensions) => {\r\n    if (videoSize) {\r\n      videoSizeRef.current = videoSize;\r\n      canvasMetadataRef.current.scaleX =\r\n        canvasMetadataRef.current.width / videoSize.width;\r\n      canvasMetadataRef.current.scaleY =\r\n        canvasMetadataRef.current.height / videoSize.height;\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Initializes the Fabric.js canvas with the provided configuration.\r\n   *\r\n   * @param props - Canvas configuration properties.\r\n   */\r\n  const buildCanvas = ({\r\n    videoSize,\r\n    canvasSize,\r\n    canvasRef,\r\n    backgroundColor = \"#000000\",\r\n    selectionBorderColor = \"#2563eb\",\r\n    selectionLineWidth = 2,\r\n    uniScaleTransform = true,\r\n    enableRetinaScaling = true,\r\n    touchZoomThreshold = 10,\r\n  }: CanvasProps) => {\r\n    if (!canvasRef) return;\r\n\r\n    // Dispose of the old canvas if it exists\r\n    if (twickCanvasRef.current) {\r\n      console.log(\"Destroying twickCanvas\");\r\n      twickCanvasRef.current.off(\"mouse:up\", handleMouseUp);\r\n      twickCanvasRef.current.dispose();\r\n    }\r\n\r\n    // Create a new canvas and update metadata\r\n    const { canvas, canvasMetadata } = createCanvas({\r\n      videoSize,\r\n      canvasSize,\r\n      canvasRef,\r\n      backgroundColor,\r\n      selectionBorderColor,\r\n      selectionLineWidth,\r\n      uniScaleTransform,\r\n      enableRetinaScaling,\r\n      touchZoomThreshold,\r\n    });\r\n    canvasMetadataRef.current = canvasMetadata;\r\n    videoSizeRef.current = videoSize;\r\n    // Attach event listeners\r\n    canvas?.on(\"mouse:up\", handleMouseUp);\r\n    setTwickCanvas(canvas);\r\n    twickCanvasRef.current = canvas;\r\n    // Notify when canvas is ready\r\n    if (onCanvasReady) {\r\n      onCanvasReady(canvas);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Handles mouse up events on the canvas.\r\n   *\r\n   * @param event - Event object.\r\n   */\r\n  const handleMouseUp = (event: any) => {\r\n    if (event.target) {\r\n      const object: FabricObject = event.target;\r\n      const elementId = object.get(\"id\");\r\n      if (event.transform?.action === \"drag\") {\r\n        const original = event.transform.original;\r\n        if (object.left === original.left && object.top === original.top) {\r\n          onCanvasOperation?.(\r\n            CANVAS_OPERATIONS.ITEM_SELECTED,\r\n            elementMap.current[elementId]\r\n          );\r\n          return;\r\n        }\r\n      }\r\n      switch (event.transform?.action) {\r\n        case \"drag\":\r\n        case \"scale\":\r\n        case \"scaleX\":\r\n        case \"scaleY\":\r\n        case \"rotate\":\r\n          const { x, y } = convertToVideoPosition(\r\n            object.left,\r\n            object.top,\r\n            canvasMetadataRef.current,\r\n            videoSizeRef.current\r\n          );\r\n          if (elementMap.current[elementId].type === \"caption\") {\r\n            elementMap.current[elementId] = {\r\n              ...elementMap.current[elementId],\r\n              props: {\r\n                ...elementMap.current[elementId].props,\r\n                pos: {\r\n                  x,\r\n                  y,\r\n                },\r\n              },\r\n            };\r\n            onCanvasOperation?.(\r\n              CANVAS_OPERATIONS.ITEM_UPDATED,\r\n              elementMap.current[elementId]\r\n            );\r\n          } else {\r\n            if (object?.type === \"group\") {\r\n              const currentFrameEffect = elementFrameMap.current[elementId];\r\n              let updatedFrameSize;\r\n              if (currentFrameEffect) {\r\n                updatedFrameSize = [\r\n                  currentFrameEffect.props.frameSize[0] * object.scaleX,\r\n                  currentFrameEffect.props.frameSize[1] * object.scaleY,\r\n                ];\r\n              } else {\r\n                updatedFrameSize = [\r\n                  elementMap.current[elementId].frame.size[0] * object.scaleX,\r\n                  elementMap.current[elementId].frame.size[1] * object.scaleY,\r\n                ];\r\n              }\r\n\r\n              if (currentFrameEffect) {\r\n                elementMap.current[elementId] = {\r\n                  ...elementMap.current[elementId],\r\n                  frameEffects: (\r\n                    elementMap.current[elementId].frameEffects || []\r\n                  ).map((frameEffect: any) =>\r\n                    frameEffect.id === currentFrameEffect?.id\r\n                      ? {\r\n                          ...frameEffect,\r\n                          props: {\r\n                            ...frameEffect.props,\r\n                            framePosition: {\r\n                              x,\r\n                              y,\r\n                            },\r\n                            frameSize: updatedFrameSize,\r\n                          },\r\n                        }\r\n                      : frameEffect\r\n                  ),\r\n                };\r\n                elementFrameMap.current[elementId] = {\r\n                  ...elementFrameMap.current[elementId],\r\n                  framePosition: {\r\n                    x,\r\n                    y,\r\n                  },\r\n                  frameSize: updatedFrameSize,\r\n                };\r\n              } else {\r\n                elementMap.current[elementId] = {\r\n                  ...elementMap.current[elementId],\r\n                  frame: {\r\n                    ...elementMap.current[elementId].frame,\r\n                    rotation: object.angle,\r\n                    size: updatedFrameSize,\r\n                    x,\r\n                    y,\r\n                  },\r\n                };\r\n              }\r\n            } else {\r\n              if (object?.type === \"text\") {\r\n                elementMap.current[elementId] = {\r\n                  ...elementMap.current[elementId],\r\n                  props: {\r\n                    ...elementMap.current[elementId].props,\r\n                    rotation: object.angle,\r\n                    x,\r\n                    y,\r\n                  },\r\n                };\r\n              } else {\r\n                elementMap.current[elementId] = {\r\n                  ...elementMap.current[elementId],\r\n                  props: {\r\n                    ...elementMap.current[elementId].props,\r\n                    rotation: object.angle,\r\n                    width:\r\n                      elementMap.current[elementId].props.width * object.scaleX,\r\n                    height:\r\n                      elementMap.current[elementId].props.height *\r\n                      object.scaleY,\r\n                    x,\r\n                    y,\r\n                  },\r\n                };\r\n              }\r\n            }\r\n            onCanvasOperation?.(\r\n              CANVAS_OPERATIONS.ITEM_UPDATED,\r\n              elementMap.current[elementId]\r\n            );\r\n          }\r\n          break;\r\n      }\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Sets elements to the canvas.\r\n   *\r\n   * @param options - Object containing elements, seek time, and additional options.\r\n   */\r\n  const setCanvasElements = async ({\r\n    elements,\r\n    seekTime = 0,\r\n    captionProps,\r\n    cleanAndAdd = false,\r\n  }: {\r\n    elements: CanvasElement[];\r\n    seekTime?: number;\r\n    captionProps?: any;\r\n    cleanAndAdd?: boolean;\r\n  }) => {\r\n    if (!twickCanvas) {\r\n      console.warn(\"Canvas not initialized\");\r\n      return;\r\n    }\r\n\r\n    try {\r\n      if (cleanAndAdd) {\r\n        // Clear canvas before adding new elements\r\n        clearCanvas(twickCanvas);\r\n      }\r\n\r\n      await Promise.all(\r\n        elements.map(async (element, index) => {\r\n          try {\r\n            if (!element) {\r\n              console.warn(\"Element not found\");\r\n              return;\r\n            }\r\n            await addElementToCanvas({\r\n              element,\r\n              index,\r\n              reorder: false,\r\n              seekTime,\r\n              captionProps,\r\n            });\r\n          } catch (error) {\r\n            console.error(`Error adding element ${element.id}:`, error);\r\n          }\r\n        })\r\n      );\r\n      reorderElementsByZIndex(twickCanvas);\r\n    } catch (error) {\r\n      console.error(\"Error in setCanvasElements:\", error);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Add element to the canvas.\r\n   *\r\n   * @param options - Object containing elements, seek time, and additional options.\r\n   */\r\n  const addElementToCanvas = async ({\r\n    element,\r\n    index,\r\n    reorder = true,\r\n    seekTime,\r\n    captionProps,\r\n  }: {\r\n    element: CanvasElement;\r\n    index: number;\r\n    reorder: boolean;\r\n    seekTime?: number;\r\n    captionProps?: any;\r\n  }) => {\r\n    if (!twickCanvas) {\r\n      console.warn(\"Canvas not initialized\");\r\n      return;\r\n    }\r\n    // Add element based on type\r\n    switch (element.type) {\r\n      case ELEMENT_TYPES.VIDEO:\r\n        const currentFrameEffect = getCurrentFrameEffect(element, seekTime || 0);\r\n        elementFrameMap.current[element.id] = currentFrameEffect;\r\n        const snapTime =\r\n          ((seekTime || 0) - (element?.s || 0)) *\r\n            (element?.props?.playbackRate || 1) +\r\n          (element?.props?.time || 0);\r\n        await addVideoElement({\r\n          element,\r\n          index,\r\n          canvas: twickCanvas,\r\n          canvasMetadata: canvasMetadataRef.current,\r\n          currentFrameEffect,\r\n          snapTime,\r\n        });\r\n        if (element.timelineType === \"scene\") {\r\n          await addBackgroundColor({\r\n            element,\r\n            index,\r\n            canvas: twickCanvas,\r\n            canvasMetadata: canvasMetadataRef.current,\r\n          });\r\n        }\r\n        break;\r\n      case ELEMENT_TYPES.IMAGE:\r\n        await addImageElement({\r\n          element,\r\n          index,\r\n          canvas: twickCanvas,\r\n          canvasMetadata: canvasMetadataRef.current,\r\n        });\r\n        if (element.timelineType === \"scene\") {\r\n          await addBackgroundColor({\r\n            element,\r\n            index,\r\n            canvas: twickCanvas,\r\n            canvasMetadata: canvasMetadataRef.current,\r\n          });\r\n        }\r\n        break;\r\n      case ELEMENT_TYPES.RECT:\r\n        await addRectElement({\r\n          element,\r\n          index,\r\n          canvas: twickCanvas,\r\n          canvasMetadata: canvasMetadataRef.current,\r\n        });\r\n        break;\r\n      case ELEMENT_TYPES.TEXT:\r\n        await addTextElement({\r\n          element,\r\n          index,\r\n          canvas: twickCanvas,\r\n          canvasMetadata: canvasMetadataRef.current,\r\n        });\r\n        break;\r\n      case ELEMENT_TYPES.CAPTION:\r\n        await addCaptionElement({\r\n          element,\r\n          index,\r\n          canvas: twickCanvas,\r\n          captionProps,\r\n          canvasMetadata: canvasMetadataRef.current,\r\n        });\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n    elementMap.current[element.id] = element;\r\n    if (reorder) {\r\n      reorderElementsByZIndex(twickCanvas);\r\n    }\r\n  };\r\n\r\n  return {\r\n    twickCanvas,\r\n    buildCanvas,\r\n    onVideoSizeChange,\r\n    addElementToCanvas,\r\n    setCanvasElements,\r\n  };\r\n};\r\n"],"names":["FabricCanvas","Control","controlsUtils","FabricText","Shadow","FabricImage","Rect","Group","useState","useRef"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/helpers/constants.ts","../src/helpers/browser.ts","../src/helpers/canvas.util.ts","../src/components/element-controls.tsx","../../media-utils/dist/index.mjs","../src/components/elements.tsx","../src/hooks/use-twick-canvas.ts"],"sourcesContent":["export const DEFAULT_TEXT_PROPS = {\n    family: \"Poppins\",\n    size: 48,\n    fill: \"#FFFFFF\",\n    stroke: \"#000000\",\n    lineWidth: 0,\n  }\n  \nexport const DEFAULT_CAPTION_PROPS = {\n    family: \"Poppins\",\n    size: 48,\n    fill: \"#FFFFFF\",\n    fontWeight: 600,\n    color: {\n        text: \"#FFFFFF\",\n        background: \"#000000\",\n        highlight: \"#FFFFFF\",\n    },\n    stroke: \"#000000\",\n    lineWidth: 0.2,\n    shadowColor: \"#000000\",\n    shadowBlur: 2,\n    shadowOffset: [0, 0],\n}\n\nexport const CANVAS_OPERATIONS = {\n  ITEM_SELECTED: \"ITEM_SELECTED\",\n  ITEM_UPDATED: \"ITEM_UPDATED\",\n  ITEM_DELETED: \"ITEM_DELETED\",\n  ITEM_ADDED: \"ITEM_ADDED\",\n  ITEM_GROUPED: \"ITEM_GROUPED\",\n  ITEM_UNGROUPED: \"ITEM_UNGROUPED\",\n}\n\nexport const ELEMENT_TYPES = {\n  TEXT: \"text\",\n  CAPTION: \"caption\",\n  IMAGE: \"image\",\n  VIDEO: \"video\",\n  RECT: \"rect\",\n  BACKGROUND_COLOR: \"backgroundColor\",\n}\n","export const isBrowser = typeof window !== 'undefined';\n\nexport const isCanvasSupported = isBrowser && !!window.HTMLCanvasElement;\n\nexport const isVideoSupported = isBrowser && !!window.HTMLVideoElement;\n\nexport function assertBrowser() {\n  if (!isBrowser) {\n    throw new Error('This code can only run in a browser environment');\n  }\n}\n\nexport function assertCanvasSupport() {\n  if (!isCanvasSupported) {\n    throw new Error('Canvas is not supported in this environment');\n  }\n}\n\nexport function assertVideoSupport() {\n  if (!isVideoSupported) {\n    throw new Error('Video is not supported in this environment');\n  }\n} ","import {\n  Canvas as FabricCanvas,\n} from \"fabric\";\nimport { CanvasMetadata, CanvasProps } from \"../types\";\nimport { Dimensions, Position } from \"@twick/media-utils\";\nimport { assertBrowser, assertCanvasSupport } from \"./browser\";\n\n/**\n * Creates and initializes a Fabric.js canvas with specified configurations.\n *\n * @param videoSize - The dimensions of the video.\n * @param canvasSize - The dimensions of the canvas.\n * @param canvasContainer - The HTML container for the canvas.\n * @param backgroundColor - Background color of the canvas (default: black).\n * @param selectionBorderColor - Border color for selected objects (default: blue).\n * @param selectionLineWidth - Width of the selection border (default: 2).\n * @param uniScaleTransform - Ensures uniform scaling of objects (default: true).\n * @param enableRetinaScaling - Enables retina scaling for higher DPI (default: true).\n * @param touchZoomThreshold - Threshold for touch zoom interactions (default: 10).\n * @returns An object containing the initialized canvas and its metadata.\n */\nexport const createCanvas = ({\n  videoSize,\n  canvasSize,\n  canvasRef,\n  backgroundColor = \"#000000\",\n  selectionBorderColor = \"#2563eb\",\n  selectionLineWidth = 2,\n  uniScaleTransform = true,\n  enableRetinaScaling = true,\n  touchZoomThreshold = 10,\n}: CanvasProps): { canvas: FabricCanvas; canvasMetadata: CanvasMetadata } => {\n  assertBrowser();\n  assertCanvasSupport();\n\n  // Metadata for scaling and positioning on the canvas\n  const canvasMetadata = {\n    width: canvasSize.width,\n    height: canvasSize.height,\n    aspectRatio: canvasSize.width / canvasSize.height,\n    scaleX: canvasSize.width / videoSize.width,\n    scaleY: canvasSize.height / videoSize.height,\n  };\n\n  // Create and configure the Fabric.js canvas\n  const canvas = new FabricCanvas(canvasRef, {\n    backgroundColor,\n    width: canvasSize.width,\n    height: canvasSize.height,\n    preserveObjectStacking: true,\n    enableRetinaScaling,\n    selectionBorderColor,\n    selectionLineWidth,\n    uniScaleTransform,\n    touchZoomThreshold,\n    renderOnAddRemove: false,\n    stateful: false,\n    selection: true,\n    skipTargetFind: false,\n    controlsAboveOverlay: true,\n  });\n\n  // Set dimensions and render canvas\n  if (canvasRef) {\n    canvas.setDimensions({\n      width: canvasMetadata.width,\n      height: canvasMetadata.height,\n    });\n    canvas.renderAll();\n  }\n\n  return {\n    canvas,\n    canvasMetadata,\n  };\n};\n\n/**\n * Reorders elements on the canvas based on their zIndex property.\n *\n * @param canvas - The Fabric.js canvas instance.\n */\nexport const reorderElementsByZIndex = (canvas: FabricCanvas) => {\n  if (!canvas) return;\n  const backgroundColor = canvas.backgroundColor;\n\n  const objects = canvas.getObjects();\n  console.log(\"objects\", objects);\n  // Sort objects by zIndex and re-add to the canvas in order\n  objects.sort((a, b) => (a.zIndex || 0) - (b.zIndex || 0));\n\n  canvas.clear();\n  canvas.backgroundColor = backgroundColor;\n\n  objects.forEach((obj) => canvas.add(obj));\n  canvas.renderAll();\n};\n\n/**\n * Clears all elements from the canvas and re-renders it.\n *\n * @param canvas - The Fabric.js canvas instance.\n */\nexport const clearCanvas = (canvas: FabricCanvas) => {\n  if (!canvas) return;\n  canvas.clear();\n  canvas.renderAll();\n};\n\n/**\n * Converts a position from the video coordinate space to the canvas coordinate space.\n *\n * @param x - X-coordinate in video space.\n * @param y - Y-coordinate in video space.\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\n * @returns The corresponding position in canvas space.\n */\nexport const convertToCanvasPosition = (\n  x: number,\n  y: number,\n  canvasMetadata: CanvasMetadata\n): Position => {\n  return {\n    x: x * canvasMetadata.scaleX + canvasMetadata.width / 2,\n    y: y * canvasMetadata.scaleY + canvasMetadata.height / 2,\n  };\n};\n\n/**\n * Converts a position from the canvas coordinate space to the video coordinate space.\n *\n * @param x - X-coordinate in canvas space.\n * @param y - Y-coordinate in canvas space.\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\n * @param videoSize - Dimensions of the video.\n * @returns The corresponding position in video space.\n */\nexport const convertToVideoPosition = (\n  x: number,\n  y: number,\n  canvasMetadata: CanvasMetadata,\n  videoSize: Dimensions\n): Position => {\n  return {\n    x: x / canvasMetadata.scaleX - videoSize.width / 2,\n    y: y / canvasMetadata.scaleY - videoSize.height / 2,\n  };\n};\n\n/**\n * Retrieves the current frame effect for a given seek time.\n *\n * @param item - The item containing frame effects.\n * @param seekTime - The current time to match against frame effects.\n * @returns The current frame effect active at the given seek time, if any.\n */\nexport const getCurrentFrameEffect = (item: any, seekTime: number) => {\n  let currentFrameEffect;\n  for (let i = 0; i < item?.frameEffects?.length; i++) {\n    if (\n      item.frameEffects[i].s <= seekTime &&\n      item.frameEffects[i].e >= seekTime\n    ) {\n      currentFrameEffect = item.frameEffects[i];\n      break;\n    }\n  }\n  return currentFrameEffect;\n};\n","import { Control, controlsUtils } from \"fabric\";\n\nexport const disabledControl = new Control({\n    x: 0,\n    y: -0.5,\n    offsetY: 0,\n    cursorStyle: \"pointer\",\n    actionHandler: () => {\n      return true;\n    },\n    actionName: \"scale\",\n    render: function (ctx: CanvasRenderingContext2D,\n            left: number,\n            top: number) {\n      const size = 0;\n      ctx.save();\n      ctx.translate(left, top);\n      ctx.fillStyle = \"#red\";\n      ctx.fillRect(-size / 2, -size / 2, size, size);\n      ctx.restore();\n    },\n  });\n\nexport const rotateControl = new Control({\n    x: 0,\n    y: -0.5,\n    offsetY: -25,\n    cursorStyle: \"crosshair\",\n    actionHandler: controlsUtils.rotationWithSnapping,\n    actionName: \"rotate\",\n    withConnection: true,\n  });","const imageDimensionsCache = {};\nconst videoMetaCache = {};\nconst audioDurationCache = {};\n\nconst getAudioDuration = (audioSrc) => {\n  if (audioDurationCache[audioSrc]) {\n    return Promise.resolve(audioDurationCache[audioSrc]);\n  }\n  return new Promise((resolve, reject) => {\n    const audio = document.createElement(\"audio\");\n    audio.preload = \"metadata\";\n    const isSafeUrl = /^(https?:|blob:|data:audio\\/)/i.test(audioSrc);\n    if (!isSafeUrl) {\n      throw new Error(\"Unsafe audio source URL\");\n    }\n    audio.src = audioSrc;\n    audio.onloadedmetadata = () => {\n      const duration = audio.duration;\n      audioDurationCache[audioSrc] = duration;\n      resolve(duration);\n    };\n    audio.onerror = () => {\n      reject(new Error(\"Failed to load audio metadata\"));\n    };\n  });\n};\n\nconst concurrencyLimit = 5;\nlet activeCount = 0;\nconst queue = [];\nfunction runNext() {\n  if (queue.length === 0 || activeCount >= concurrencyLimit) return;\n  const next = queue.shift();\n  if (next) {\n    activeCount++;\n    next();\n  }\n}\nfunction limit(fn) {\n  return new Promise((resolve, reject) => {\n    const task = () => {\n      fn().then(resolve).catch(reject).finally(() => {\n        activeCount--;\n        runNext();\n      });\n    };\n    if (activeCount < concurrencyLimit) {\n      activeCount++;\n      task();\n    } else {\n      queue.push(task);\n    }\n  });\n}\n\nconst loadImageDimensions = (url) => {\n  return new Promise((resolve, reject) => {\n    if (typeof document === \"undefined\") {\n      reject(new Error(\"getImageDimensions() is only available in the browser.\"));\n      return;\n    }\n    const img = new Image();\n    img.onload = () => {\n      resolve({ width: img.naturalWidth, height: img.naturalHeight });\n    };\n    img.onerror = reject;\n    img.src = url;\n  });\n};\nconst getImageDimensions = (url) => {\n  if (imageDimensionsCache[url]) {\n    return Promise.resolve(imageDimensionsCache[url]);\n  }\n  return limit(() => loadImageDimensions(url)).then((dimensions) => {\n    imageDimensionsCache[url] = dimensions;\n    return dimensions;\n  });\n};\n\nconst getVideoMeta = (videoSrc) => {\n  if (videoMetaCache[videoSrc]) {\n    return Promise.resolve(videoMetaCache[videoSrc]);\n  }\n  return new Promise((resolve, reject) => {\n    const video = document.createElement(\"video\");\n    video.preload = \"metadata\";\n    const isSafeUrl = /^(https?:|blob:|data:video\\/)/i.test(videoSrc);\n    if (!isSafeUrl) {\n      reject(new Error(\"Unsafe video source URL\"));\n      return;\n    }\n    video.src = videoSrc;\n    video.onloadedmetadata = () => {\n      const meta = {\n        width: video.videoWidth,\n        height: video.videoHeight,\n        duration: video.duration\n      };\n      videoMetaCache[videoSrc] = meta;\n      resolve(meta);\n    };\n    video.onerror = () => reject(new Error(\"Failed to load video metadata\"));\n  });\n};\n\nconst getThumbnail = async (videoUrl, seekTime = 0.1, playbackRate = 1) => {\n  return new Promise((resolve, reject) => {\n    const video = document.createElement(\"video\");\n    video.crossOrigin = \"anonymous\";\n    video.muted = true;\n    video.playsInline = true;\n    video.autoplay = false;\n    video.preload = \"auto\";\n    video.playbackRate = playbackRate;\n    video.style.position = \"absolute\";\n    video.style.left = \"-9999px\";\n    video.style.top = \"-9999px\";\n    video.style.width = \"1px\";\n    video.style.height = \"1px\";\n    video.style.opacity = \"0\";\n    video.style.pointerEvents = \"none\";\n    video.style.zIndex = \"-1\";\n    let timeoutId;\n    const cleanup = () => {\n      if (video.parentNode) video.remove();\n      if (timeoutId) clearTimeout(timeoutId);\n    };\n    const handleError = () => {\n      cleanup();\n      reject(new Error(`Failed to load video: ${video.error?.message || \"Unknown error\"}`));\n    };\n    const handleSeeked = () => {\n      try {\n        video.pause();\n        const canvas = document.createElement(\"canvas\");\n        const width = video.videoWidth || 640;\n        const height = video.videoHeight || 360;\n        canvas.width = width;\n        canvas.height = height;\n        const ctx = canvas.getContext(\"2d\");\n        if (!ctx) {\n          cleanup();\n          reject(new Error(\"Failed to get canvas context\"));\n          return;\n        }\n        ctx.drawImage(video, 0, 0, width, height);\n        try {\n          const dataUrl = canvas.toDataURL(\"image/jpeg\", 0.8);\n          cleanup();\n          resolve(dataUrl);\n        } catch {\n          canvas.toBlob((blob) => {\n            if (!blob) {\n              cleanup();\n              reject(new Error(\"Failed to create Blob\"));\n              return;\n            }\n            const blobUrl = URL.createObjectURL(blob);\n            cleanup();\n            resolve(blobUrl);\n          }, \"image/jpeg\", 0.8);\n        }\n      } catch (err) {\n        cleanup();\n        reject(new Error(`Error creating thumbnail: ${err}`));\n      }\n    };\n    video.addEventListener(\"error\", handleError, { once: true });\n    video.addEventListener(\"seeked\", handleSeeked, { once: true });\n    video.addEventListener(\"loadedmetadata\", () => {\n      const playPromise = video.play();\n      if (playPromise !== void 0) {\n        playPromise.then(() => {\n          video.currentTime = seekTime;\n        }).catch(() => {\n          video.currentTime = seekTime;\n        });\n      } else {\n        video.currentTime = seekTime;\n      }\n    }, { once: true });\n    timeoutId = window.setTimeout(() => {\n      cleanup();\n      reject(new Error(\"Video loading timed out\"));\n    }, 5e3);\n    video.src = videoUrl;\n    document.body.appendChild(video);\n  });\n};\n\nconst extractAudio = async ({\n  src,\n  playbackRate = 1,\n  start = 0,\n  end\n}) => {\n  if (!src) throw new Error(\"src is required\");\n  if (playbackRate <= 0) throw new Error(\"playbackRate must be > 0\");\n  const isSafeUrl = /^(https?:|blob:|data:)/i.test(src);\n  if (!isSafeUrl) throw new Error(\"Unsafe media source URL\");\n  const audioBuffer = await fetchAndDecodeAudio(src);\n  const clampedStart = Math.max(0, start || 0);\n  const fullDuration = audioBuffer.duration;\n  const clampedEnd = Math.min(\n    typeof end === \"number\" ? end : fullDuration,\n    fullDuration\n  );\n  if (clampedEnd <= clampedStart)\n    throw new Error(\"Invalid range: end must be greater than start\");\n  const renderedBuffer = await renderAudioSegment(\n    audioBuffer,\n    clampedStart,\n    clampedEnd,\n    playbackRate\n  );\n  const mp3Blob = await audioBufferToMp3(renderedBuffer);\n  return URL.createObjectURL(mp3Blob);\n};\nconst stitchAudio = async (segments, totalDuration) => {\n  if (!segments || segments.length === 0) {\n    throw new Error(\"At least one audio segment is required\");\n  }\n  const duration = totalDuration || Math.max(...segments.map((s) => s.e));\n  const renderedBuffer = await createAudioTimeline(segments, duration);\n  const mp3Blob = await audioBufferToMp3(renderedBuffer);\n  return URL.createObjectURL(mp3Blob);\n};\nconst fetchAndDecodeAudio = async (src) => {\n  const response = await fetch(src);\n  if (!response.ok) throw new Error(`Failed to fetch source: ${response.status}`);\n  const arrayBuffer = await response.arrayBuffer();\n  return decodeAudioData(arrayBuffer);\n};\nconst decodeAudioData = async (arrayBuffer) => {\n  const AudioContextCtor = window.AudioContext || window.webkitAudioContext;\n  if (!AudioContextCtor) throw new Error(\"Web Audio API not supported\");\n  const audioContext = new AudioContextCtor();\n  try {\n    return await new Promise((resolve, reject) => {\n      audioContext.decodeAudioData(\n        arrayBuffer.slice(0),\n        (buf) => resolve(buf),\n        (err) => reject(err || new Error(\"Failed to decode audio\"))\n      );\n    });\n  } finally {\n    audioContext.close();\n  }\n};\nconst renderAudioSegment = async (audioBuffer, start, end, playbackRate) => {\n  const OfflineAudioContextCtor = window.OfflineAudioContext || window.webkitOfflineAudioContext;\n  if (!OfflineAudioContextCtor) throw new Error(\"OfflineAudioContext not supported\");\n  const sampleRate = audioBuffer.sampleRate;\n  const numChannels = audioBuffer.numberOfChannels;\n  const sourceDuration = end - start;\n  const renderedFrames = Math.max(\n    1,\n    Math.ceil(sourceDuration / playbackRate * sampleRate)\n  );\n  const offline = new OfflineAudioContextCtor(numChannels, renderedFrames, sampleRate);\n  const sourceNode = offline.createBufferSource();\n  sourceNode.buffer = audioBuffer;\n  sourceNode.playbackRate.value = playbackRate;\n  sourceNode.connect(offline.destination);\n  sourceNode.start(0, start, sourceDuration);\n  return await offline.startRendering();\n};\nconst createAudioTimeline = async (segments, duration) => {\n  const OfflineAudioContextCtor = window.OfflineAudioContext || window.webkitOfflineAudioContext;\n  if (!OfflineAudioContextCtor) throw new Error(\"OfflineAudioContext not supported\");\n  const sampleRate = 44100;\n  const totalFrames = Math.ceil(duration * sampleRate);\n  const offline = new OfflineAudioContextCtor(2, totalFrames, sampleRate);\n  for (const segment of segments) {\n    if (segment.s >= segment.e) {\n      console.warn(`Invalid segment: start (${segment.s}) >= end (${segment.e})`);\n      continue;\n    }\n    const volume = segment.volume ?? 1;\n    if (volume <= 0) {\n      console.warn(`Skipping muted segment: ${segment.src}`);\n      continue;\n    }\n    try {\n      const audioBuffer = await fetchAndDecodeAudio(segment.src);\n      const segmentDuration = segment.e - segment.s;\n      const sourceDuration = Math.min(segmentDuration, audioBuffer.duration);\n      const source = offline.createBufferSource();\n      source.buffer = audioBuffer;\n      if (volume !== 1) {\n        const gainNode = offline.createGain();\n        gainNode.gain.value = volume;\n        source.connect(gainNode);\n        gainNode.connect(offline.destination);\n      } else {\n        source.connect(offline.destination);\n      }\n      source.start(segment.s, 0, sourceDuration);\n    } catch (error) {\n      console.warn(`Failed to process segment: ${segment.src}`, error);\n    }\n  }\n  return await offline.startRendering();\n};\nconst audioBufferToMp3 = async (buffer) => {\n  try {\n    const wavArrayBuffer = audioBufferToWavArrayBuffer(buffer);\n    const pcmBuffer = await decodeAudioData(wavArrayBuffer);\n    return await encodePcmToMp3(pcmBuffer);\n  } catch (error) {\n    return audioBufferToWavBlob(buffer);\n  }\n};\nconst audioBufferToWavArrayBuffer = (buffer) => {\n  const numChannels = buffer.numberOfChannels;\n  const sampleRate = buffer.sampleRate;\n  const numFrames = buffer.length;\n  const interleaved = interleave(buffer, numChannels, numFrames);\n  const bytesPerSample = 2;\n  const blockAlign = numChannels * bytesPerSample;\n  const byteRate = sampleRate * blockAlign;\n  const dataSize = interleaved.length * bytesPerSample;\n  const bufferSize = 44 + dataSize;\n  const arrayBuffer = new ArrayBuffer(bufferSize);\n  const view = new DataView(arrayBuffer);\n  writeString(view, 0, \"RIFF\");\n  view.setUint32(4, 36 + dataSize, true);\n  writeString(view, 8, \"WAVE\");\n  writeString(view, 12, \"fmt \");\n  view.setUint32(16, 16, true);\n  view.setUint16(20, 1, true);\n  view.setUint16(22, numChannels, true);\n  view.setUint32(24, sampleRate, true);\n  view.setUint32(28, byteRate, true);\n  view.setUint16(32, blockAlign, true);\n  view.setUint16(34, 16, true);\n  writeString(view, 36, \"data\");\n  view.setUint32(40, dataSize, true);\n  floatTo16BitPCM(view, 44, interleaved);\n  return arrayBuffer;\n};\nconst encodePcmToMp3 = async (buffer) => {\n  const lamejs = await import('./index-CXhwwSX-.js').then(n => n.i);\n  const channels = buffer.numberOfChannels >= 2 ? 2 : 1;\n  const targetSampleRate = 22050;\n  const downsampledBuffer = downsampleAudioBuffer(buffer, targetSampleRate);\n  const kbps = 48;\n  const mp3encoder = new lamejs.default.Mp3Encoder(channels, targetSampleRate, kbps);\n  const samplesPerFrame = 1152;\n  const leftFloat = downsampledBuffer.getChannelData(0);\n  const left = floatTo16(leftFloat);\n  let right;\n  if (channels === 2) {\n    const rightFloat = downsampledBuffer.getChannelData(1);\n    right = floatTo16(rightFloat);\n  }\n  const mp3Chunks = [];\n  for (let i = 0; i < left.length; i += samplesPerFrame) {\n    const leftChunk = left.subarray(i, Math.min(i + samplesPerFrame, left.length));\n    let mp3buf;\n    if (channels === 2 && right) {\n      const rightChunk = right.subarray(i, Math.min(i + samplesPerFrame, right.length));\n      mp3buf = mp3encoder.encodeBuffer(leftChunk, rightChunk);\n    } else {\n      mp3buf = mp3encoder.encodeBuffer(leftChunk);\n    }\n    if (mp3buf.length > 0) mp3Chunks.push(mp3buf);\n  }\n  const end = mp3encoder.flush();\n  if (end.length > 0) mp3Chunks.push(end);\n  return new Blob(mp3Chunks, { type: \"audio/mpeg\" });\n};\nconst audioBufferToWavBlob = (buffer) => {\n  const arrayBuffer = audioBufferToWavArrayBuffer(buffer);\n  return new Blob([arrayBuffer], { type: \"audio/wav\" });\n};\nconst downsampleAudioBuffer = (buffer, targetSampleRate) => {\n  if (buffer.sampleRate === targetSampleRate) {\n    return buffer;\n  }\n  const ratio = buffer.sampleRate / targetSampleRate;\n  const newLength = Math.round(buffer.length / ratio);\n  const newBuffer = new AudioContext().createBuffer(\n    buffer.numberOfChannels,\n    newLength,\n    targetSampleRate\n  );\n  for (let channel = 0; channel < buffer.numberOfChannels; channel++) {\n    const oldData = buffer.getChannelData(channel);\n    const newData = newBuffer.getChannelData(channel);\n    for (let i = 0; i < newLength; i++) {\n      const oldIndex = Math.floor(i * ratio);\n      newData[i] = oldData[oldIndex];\n    }\n  }\n  return newBuffer;\n};\nconst interleave = (buffer, numChannels, numFrames) => {\n  if (numChannels === 1) {\n    return buffer.getChannelData(0).slice(0, numFrames);\n  }\n  const result = new Float32Array(numFrames * numChannels);\n  const channelData = [];\n  for (let ch = 0; ch < numChannels; ch++) {\n    channelData[ch] = buffer.getChannelData(ch);\n  }\n  let writeIndex = 0;\n  for (let i = 0; i < numFrames; i++) {\n    for (let ch = 0; ch < numChannels; ch++) {\n      result[writeIndex++] = channelData[ch][i];\n    }\n  }\n  return result;\n};\nconst floatTo16BitPCM = (view, offset, input) => {\n  let pos = offset;\n  for (let i = 0; i < input.length; i++, pos += 2) {\n    let s = Math.max(-1, Math.min(1, input[i]));\n    view.setInt16(pos, s < 0 ? s * 32768 : s * 32767, true);\n  }\n};\nconst floatTo16 = (input) => {\n  const output = new Int16Array(input.length);\n  for (let i = 0; i < input.length; i++) {\n    const s = Math.max(-1, Math.min(1, input[i]));\n    output[i] = s < 0 ? s * 32768 : s * 32767;\n  }\n  return output;\n};\nconst writeString = (view, offset, str) => {\n  for (let i = 0; i < str.length; i++) {\n    view.setUint8(offset + i, str.charCodeAt(i));\n  }\n};\n\nconst getScaledDimensions = (width, height, maxWidth, maxHeight) => {\n  if (width <= maxWidth && height <= maxHeight) {\n    return {\n      width: width % 2 === 0 ? width : width - 1,\n      height: height % 2 === 0 ? height : height - 1\n    };\n  }\n  const widthRatio = maxWidth / width;\n  const heightRatio = maxHeight / height;\n  const scale = Math.min(widthRatio, heightRatio);\n  let scaledWidth = Math.round(width * scale);\n  let scaledHeight = Math.round(height * scale);\n  if (scaledWidth % 2 !== 0) {\n    scaledWidth -= 1;\n  }\n  if (scaledHeight % 2 !== 0) {\n    scaledHeight -= 1;\n  }\n  return {\n    width: Math.min(scaledWidth, maxWidth),\n    height: Math.min(scaledHeight, maxHeight)\n  };\n};\nconst getObjectFitSize = (objectFit, elementSize, containerSize) => {\n  const elementAspectRatio = elementSize.width / elementSize.height;\n  const containerAspectRatio = containerSize.width / containerSize.height;\n  switch (objectFit) {\n    case \"contain\":\n      if (elementAspectRatio > containerAspectRatio) {\n        return {\n          width: containerSize.width,\n          height: containerSize.width / elementAspectRatio\n        };\n      } else {\n        return {\n          width: containerSize.height * elementAspectRatio,\n          height: containerSize.height\n        };\n      }\n    case \"cover\":\n      if (elementAspectRatio > containerAspectRatio) {\n        return {\n          width: containerSize.height * elementAspectRatio,\n          height: containerSize.height\n        };\n      } else {\n        return {\n          width: containerSize.width,\n          height: containerSize.width / elementAspectRatio\n        };\n      }\n    case \"fill\":\n      return {\n        width: containerSize.width,\n        height: containerSize.height\n      };\n    default:\n      return {\n        width: elementSize.width,\n        height: elementSize.height\n      };\n  }\n};\n\nconst blobUrlToFile = async (blobUrl, fileName) => {\n  const response = await fetch(blobUrl);\n  const blob = await response.blob();\n  return new File([blob], fileName, { type: blob.type });\n};\nconst saveAsFile = (content, type, name) => {\n  const blob = typeof content === \"string\" ? new Blob([content], { type }) : content;\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = name;\n  a.click();\n  URL.revokeObjectURL(url);\n};\nconst downloadFile = async (url, filename) => {\n  try {\n    const response = await fetch(url);\n    const blob = await response.blob();\n    const downloadUrl = window.URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.href = downloadUrl;\n    link.download = filename;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    window.URL.revokeObjectURL(downloadUrl);\n  } catch (error) {\n    console.error(\"Error downloading file:\", error);\n    throw error;\n  }\n};\n\nconst detectMediaTypeFromUrl = async (url) => {\n  try {\n    const response = await fetch(url, { method: \"HEAD\" });\n    const contentType = response.headers.get(\"Content-Type\");\n    if (!contentType) return null;\n    if (contentType.startsWith(\"image/\")) return \"image\";\n    if (contentType.startsWith(\"video/\")) return \"video\";\n    if (contentType.startsWith(\"audio/\")) return \"audio\";\n    return null;\n  } catch (error) {\n    console.error(\"Fetch failed:\", error);\n    return null;\n  }\n};\n\nexport { blobUrlToFile, detectMediaTypeFromUrl, downloadFile, extractAudio, getAudioDuration, getImageDimensions, getObjectFitSize, getScaledDimensions, getThumbnail, getVideoMeta, limit, saveAsFile, stitchAudio };\n//# sourceMappingURL=index.mjs.map\n","import {\n  Canvas as FabricCanvas,\n  FabricText,\n  Group,\n  FabricImage,\n  Rect,\n  Shadow,\n} from \"fabric\";\nimport { convertToCanvasPosition } from \"../helpers/canvas.util\";\nimport {\n  CanvasElement,\n  CanvasMetadata,\n  CaptionProps,\n  FrameEffect,\n} from \"../types\";\nimport {\n  DEFAULT_CAPTION_PROPS,\n  DEFAULT_TEXT_PROPS,\n} from \"../helpers/constants\";\nimport { disabledControl, rotateControl } from \"./element-controls\";\nimport { getObjectFitSize, getThumbnail } from \"@twick/media-utils\";\n\n/**\n * Add a text element for the canvas.\n *\n * @param {Object} params - The parameters for creating the text element.\n * @param {CanvasElement} params.element - The canvas element configuration.\n * @param {number} params.index - The z-index of the element.\n * @param {CanvasMetadata} params.canvasMetadata - Metadata about the canvas, including scale and dimensions.\n * @returns {FabricText} The configured Fabric.js text object.\n */\nexport const addTextElement = ({\n  element,\n  index,\n  canvas,\n  canvasMetadata,\n}: {\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  canvasMetadata: CanvasMetadata;\n}) => {\n  const { x, y } = convertToCanvasPosition(\n    element.props?.x || 0,\n    element.props?.y || 0,\n    canvasMetadata\n  );\n\n  const text = new FabricText(element.props?.text || element.t || \"\", {\n    left: x,\n    top: y,\n    originX: \"center\",\n    originY: \"center\",\n    angle: element.props?.rotation || 0,\n    fontSize: Math.round(\n      (element.props?.fontSize || DEFAULT_TEXT_PROPS.size) *\n        canvasMetadata.scaleX\n    ),\n    fontFamily: element.props?.fontFamily || DEFAULT_TEXT_PROPS.family,\n    fontStyle: element.props?.fontStyle || \"normal\",\n    fontWeight: element.props?.fontWeight || \"normal\",\n    fill: element.props?.fill || DEFAULT_TEXT_PROPS.fill,\n    skipWrapping: false,\n    textAlign: element.props?.textAlign || \"center\",\n    stroke: element.props?.stroke || DEFAULT_TEXT_PROPS.stroke,\n    strokeWidth: element.props?.lineWidth || DEFAULT_TEXT_PROPS.lineWidth,\n    shadow: element.props?.shadowColor\n      ? new Shadow({\n          offsetX:\n            element.props?.shadowOffset?.length &&\n            element.props?.shadowOffset?.length > 1\n              ? element.props.shadowOffset[0] / 2\n              : 1,\n          offsetY:\n            element.props?.shadowOffset?.length &&\n            element.props?.shadowOffset.length > 1\n              ? element.props.shadowOffset[1] / 2\n              : 1,\n          blur: (element.props?.shadowBlur || 2) / 2,\n          color: element.props?.shadowColor,\n        })\n      : undefined,\n  });\n\n  // Assign metadata and custom controls\n  text.set(\"id\", element.id);\n  text.set(\"zIndex\", index);\n\n  // Disable unwanted control points\n  text.controls.mt = disabledControl;\n  text.controls.mb = disabledControl;\n  text.controls.ml = disabledControl;\n  text.controls.mr = disabledControl;\n  text.controls.bl = disabledControl;\n  text.controls.br = disabledControl;\n  text.controls.tl = disabledControl;\n  text.controls.tr = disabledControl;\n  text.controls.mtr = rotateControl;\n\n  canvas.add(text);\n  return text;\n};\n\nconst setImageProps = ({\n  img,\n  element,\n  index,\n  canvasMetadata,\n}: {\n  img: FabricImage;\n  element: CanvasElement;\n  index: number;\n  canvasMetadata: CanvasMetadata;\n}) => {\n  const width =\n    (element.props?.width || 0) * canvasMetadata.scaleX || canvasMetadata.width;\n  const height =\n    (element.props?.height || 0) * canvasMetadata.scaleY ||\n    canvasMetadata.height;\n  const { x, y } = convertToCanvasPosition(\n    element.props?.x || 0,\n    element.props?.y || 0,\n    canvasMetadata\n  );\n  console.log(width, height, x, y);\n  img.set(\"id\", element.id);\n  img.set(\"zIndex\", index);\n  img.set(\"width\", width);\n  img.set(\"height\", height);\n  img.set(\"left\", x);\n  img.set(\"top\", y);\n  img.set(\"selectable\", true);\n  img.set(\"hasControls\", true);\n  img.set(\"touchAction\", \"all\");\n};\n\n/**\n * Add a caption element for the canvas based on provided props.\n *\n * @param {Object} params - Parameters for creating the caption.\n * @param {CanvasElement} params.element - The canvas element configuration.\n * @param {FabricCanvas} params.canvas - The Fabric.js canvas instance.\n * @param {number} params.index - The z-index of the element.\n * @param {CaptionProps} params.captionProps - Default and user-defined caption properties.\n * @param {CanvasMetadata} params.canvasMetadata - Metadata about the canvas, including scale and dimensions.\n * @returns {FabricText} The configured Fabric.js caption object.\n */\nexport const addCaptionElement = ({\n  element,\n  index,\n  canvas,\n  captionProps,\n  canvasMetadata,\n}: {\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  captionProps: CaptionProps;\n  canvasMetadata: CanvasMetadata;\n}) => {\n  const { x, y } = convertToCanvasPosition(\n    element.props?.pos?.x || captionProps?.pos?.x || 0,\n    element.props?.pos?.y || captionProps?.pos?.y || 0,\n    canvasMetadata\n  );\n\n  const caption = new FabricText(element.props?.text || element.t ||\"\", {\n    left: x,\n    top: y,\n    originX: \"center\",\n    originY: \"center\",\n    angle: element.props?.rotation || 0,\n    fontSize: Math.round(\n      (element.props?.font?.size ||\n        captionProps.font?.size ||\n        DEFAULT_CAPTION_PROPS.size) * canvasMetadata.scaleX\n    ),\n    fontFamily:\n      element.props?.font?.family ||\n      captionProps.font?.family ||\n      DEFAULT_CAPTION_PROPS.family,\n    fill:\n      element.props?.fill ||\n      captionProps.color?.text ||\n      DEFAULT_CAPTION_PROPS.fill,\n    fontWeight: DEFAULT_CAPTION_PROPS.fontWeight,\n    stroke: element.props?.stroke || DEFAULT_CAPTION_PROPS.stroke,\n    shadow: new Shadow({\n      offsetX:\n        element.props?.shadowOffset?.[0] ||\n        DEFAULT_CAPTION_PROPS.shadowOffset?.[0],\n      offsetY:\n        element.props?.shadowOffset?.[1] ||\n        DEFAULT_CAPTION_PROPS.shadowOffset?.[1],\n      blur: element.props?.shadowBlur || DEFAULT_CAPTION_PROPS.shadowBlur,\n      color: element.props?.shadowColor || DEFAULT_CAPTION_PROPS.shadowColor,\n    }),\n    strokeWidth: element.props?.lineWidth || DEFAULT_CAPTION_PROPS.lineWidth,\n  });\n\n  // Assign metadata and custom controls\n  caption.set(\"id\", element.id);\n  caption.set(\"zIndex\", index);\n\n  // Disable unwanted control points\n  caption.controls.mt = disabledControl;\n  caption.controls.mb = disabledControl;\n  caption.controls.ml = disabledControl;\n  caption.controls.mr = disabledControl;\n  caption.controls.bl = disabledControl;\n  caption.controls.br = disabledControl;\n  caption.controls.tl = disabledControl;\n  caption.controls.tr = disabledControl;\n  caption.controls.mtr = disabledControl;\n\n  canvas.add(caption);\n  return caption;\n};\n\n/* Add a video frame as element into a Fabric.js image object and optionally groups it with a frame.\n*\n* @param element - The video element containing properties like source and frame information.\n* @param index - The z-index for ordering the element on the canvas.\n* @param canvas - The Fabric.js canvas instance.\n* @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\n* @param currentFrameEffect - Optional frame effect to apply to the image.\n* @param snapTime - The time to snap the video frame with respect to full video duration.\n* @returns A Fabric.js image object or a group with an image and frame.\n*/\nexport const addVideoElement = async ({\n  element,\n  index,\n  canvas,\n  snapTime,\n  canvasMetadata,\n  currentFrameEffect,\n}: {\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  snapTime: number;\n  canvasMetadata: CanvasMetadata;\n  currentFrameEffect?: FrameEffect;\n}) => {\n  try {\n    const thumbnailUrl = await getThumbnail(\n      element?.props?.src || \"\",\n      snapTime\n    );\n    if (!thumbnailUrl) {\n      console.error(\"Failed to get thumbnail\");\n      return;\n    }\n\n    return addImageElement({\n      imageUrl: thumbnailUrl,\n      element,\n      index,\n      canvas,\n      canvasMetadata,\n      currentFrameEffect,\n    });\n  } catch (error) {\n    console.error(\"Error loading image:\", error);\n  }\n};\n\n/**\n * Add an image element into a Fabric.js image object and optionally groups it with a frame.\n *\n * @param element - The image element containing properties like source and frame information.\n * @param index - The z-index for ordering the element on the canvas.\n * @param canvas - The Fabric.js canvas instance.\n * @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\n * @param currentFrameEffect - Optional frame effect to apply to the image.\n * @param imageUrl - Optional The url of the image to be added to the canvas.\n * @returns A Fabric.js image object or a group with an image and frame.\n */\nexport const addImageElement = async ({\n  imageUrl,\n  element,\n  index,\n  canvas,\n  canvasMetadata,\n  currentFrameEffect\n}: {\n  imageUrl?: string;\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  canvasMetadata: CanvasMetadata;\n  currentFrameEffect?: FrameEffect;\n}) => {\n  try {\n    // Load the image from the provided source URL\n    const img = await FabricImage.fromURL(imageUrl ||element.props.src || \"\");\n    img.set({\n      originX: \"center\",\n      originY: \"center\",\n      lockMovementX: false,\n      lockMovementY: false,\n      lockUniScaling: true,\n      hasControls: false,\n      selectable: false,\n    });\n\n    // Return the group if a frame is defined, otherwise return the image\n    if (element.frame) {\n      return addMediaGroup({\n        element,\n        img,\n        index,\n        canvas,\n        canvasMetadata,\n        currentFrameEffect\n      });\n    } else {\n      setImageProps({ img, element, index, canvasMetadata });\n      canvas.add(img);\n      return img;\n    }\n  } catch (error) {\n    console.error(\"Error loading image:\", error);\n  }\n};\n\n/**\n * Add a Fabric.js group combining an image and its associated frame,\n * applying styling, positioning, and scaling based on the given properties.\n *\n * @param element - The image element containing properties like frame, position, and styling.\n * @param img - The Fabric.js image object to be included in the group.\n * @param index - The z-index for ordering the group on the canvas.\n * @param canvas - The Fabric.js canvas instance.\n * @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\n * @param currentFrameEffect - Optional current frame effect to override default frame properties.\n * @returns A Fabric.js group containing the image and frame with configured properties.\n */\nconst addMediaGroup = ({\n  element,\n  img,\n  index,\n  canvas,\n  canvasMetadata,\n  currentFrameEffect,\n}: {\n  element: CanvasElement;\n  img: FabricImage;\n  index: number;\n  canvas: FabricCanvas;\n  canvasMetadata: CanvasMetadata;\n  currentFrameEffect?: FrameEffect;\n}) => {\n  let frameSize;\n  let angle;\n  let framePosition;\n  let frameRadius = 0;\n  if (currentFrameEffect) {\n    frameSize = {\n      width:\n        (currentFrameEffect.props.frameSize?.[0] || 0) *\n          canvasMetadata.scaleX || canvasMetadata.width,\n      height:\n        (currentFrameEffect.props.frameSize?.[1] || 0) *\n          canvasMetadata.scaleY || canvasMetadata.height,\n    };\n    angle = currentFrameEffect.props.rotation || 0;\n    framePosition = currentFrameEffect.props.framePosition;\n    if (currentFrameEffect.props.shape === \"circle\") {\n      frameRadius = frameSize.width / 2;\n    } else {\n      frameRadius = currentFrameEffect?.props?.radius || 0;\n    }\n  } else {\n    frameRadius = element?.frame?.radius || 0;\n    frameSize = {\n      width:\n        (element?.frame?.size?.[0] || 0) * canvasMetadata.scaleX ||\n        canvasMetadata.width,\n      height:\n        (element?.frame?.size?.[1] || 0) * canvasMetadata.scaleY ||\n        canvasMetadata.height,\n    };\n    angle = element?.frame?.rotation || 0;\n    framePosition = {\n      x: element?.frame?.x || 0,\n      y: element?.frame?.y || 0,\n    };\n  }\n\n  const newSize = getObjectFitSize(\n    element.objectFit,\n    { width: img.width!, height: img.height! },\n    frameSize\n  );\n\n  const frameRect = new Rect({\n    originX: \"center\",\n    originY: \"center\",\n    lockMovementX: false,\n    lockMovementY: false,\n    lockUniScaling: true,\n    hasControls: false,\n    selectable: false,\n    width: frameSize.width,\n    height: frameSize.height,\n    stroke: element?.frame?.stroke || \"#ffffff\",\n    strokeWidth: element?.frame?.lineWidth || 0,\n    hasRotatingPoint: true,\n    rx: frameRadius || 0,\n    ry: frameRadius || 0,\n  });\n\n  img.set({\n    lockUniScaling: true,\n    originX: \"center\",\n    originY: \"center\",\n    scaleX: newSize.width / img.width,\n    scaleY: newSize.height / img.height,\n  });\n\n\n  const { x, y } = convertToCanvasPosition(\n    framePosition?.x || 0,\n    framePosition?.y || 0,\n    canvasMetadata\n  );\n\n  const groupProps = {\n    left: x,\n    top: y,\n    width: frameSize.width,\n    height: frameSize.height,\n    angle: angle,\n  };\n\n  // Customize the control points for the group\n  // Change only the top control to a different style, keep others as circles\n\n  const group = new Group([frameRect, img], {\n    ...groupProps,\n    originX: \"center\",\n    originY: \"center\",\n    angle: groupProps.angle,\n    selectable: true,\n    hasControls: true,\n    hasBorders: true,\n    clipPath: frameRect,\n  });\n\n  group.controls.mt = disabledControl;\n  group.controls.mb = disabledControl;\n  group.controls.ml = disabledControl;\n  group.controls.mr = disabledControl;\n  group.controls.mtr = rotateControl;\n\n  group.set(\"id\", element.id);\n  group.set(\"zIndex\", index);\n  canvas.add(group);\n  return group;\n};\n\n/**\n * Add a rectangular Fabric.js element based on the provided canvas element data.\n *\n * @param element - The canvas element containing properties for the rectangle.\n * @param index - The zIndex value used to determine the rendering order.\n * @param canvas - The Fabric.js canvas instance.\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\n * @returns A Fabric.js Rect object configured with the specified properties.\n */\nexport const addRectElement = ({\n  element,\n  index,\n  canvas,\n  canvasMetadata,\n}: {\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  canvasMetadata: CanvasMetadata;\n}) => {\n  // Convert element's position to canvas coordinates\n  const { x, y } = convertToCanvasPosition(\n    element.props?.x || 0,\n    element.props?.y || 0,\n    canvasMetadata\n  );\n\n  // Create a new rectangular Fabric.js object\n  const rect = new Rect({\n    left: x, // X-coordinate on the canvas\n    top: y, // Y-coordinate on the canvas\n    originX: \"center\", // Center the rectangle based on its position\n    originY: \"center\", // Center the rectangle based on its position\n    angle: element.props?.rotation || 0, // Rotation angle\n    rx: (element.props?.radius || 0) * canvasMetadata.scaleX, // Horizontal radius for rounded corners\n    ry: (element.props?.radius || 0) * canvasMetadata.scaleY, // Vertical radius for rounded corners\n    stroke: element.props?.stroke || \"#000000\", // Stroke color\n    strokeWidth: (element.props?.lineWidth || 0) * canvasMetadata.scaleX, // Scaled stroke width\n    fill: element.props?.fill || \"#000000\", // Fill color\n    opacity: element.props?.opacity || 1, // Opacity level\n    width: (element.props?.width || 0) * canvasMetadata.scaleX, // Scaled width\n    height: (element.props?.height || 0) * canvasMetadata.scaleY, // Scaled height\n  });\n\n  // Set custom properties for the rectangle\n  rect.set(\"id\", element.id); // Unique identifier for the rectangle\n  rect.set(\"zIndex\", index); // zIndex determines rendering order\n\n  // Set custom control for rotation\n  rect.controls.mtr = rotateControl;\n\n  canvas.add(rect);\n  return rect;\n};\n\n/**\n * Add a background color to the canvas.\n *\n * @param element - The canvas element containing properties for the background.\n * @param index - The zIndex value used to determine the rendering order.\n * @param canvas - The Fabric.js canvas instance.\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\n * @returns A Fabric.js Rect object configured with the specified properties.\n */\nexport const addBackgroundColor = ({\n  element,\n  index,\n  canvas,\n  canvasMetadata,\n}: {\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  canvasMetadata: CanvasMetadata;\n}) => {\n  const bgRect = new Rect({\n    width: canvasMetadata.width,\n    height: canvasMetadata.height,\n    left: canvasMetadata.width / 2,\n    top: canvasMetadata.height / 2,\n    fill: element.backgoundColor ?? \"#000000\",\n    originX: \"center\",\n    originY: \"center\",\n    hasControls: false,\n    hasBorders: false,\n    selectable: false,\n  });\n\n  bgRect.controls.mt = disabledControl;\n  bgRect.controls.mb = disabledControl;\n  bgRect.controls.ml = disabledControl;\n  bgRect.controls.mr = disabledControl;\n  bgRect.controls.bl = disabledControl;\n  bgRect.controls.br = disabledControl;\n  bgRect.controls.tl = disabledControl;\n  bgRect.controls.tr = disabledControl;\n  bgRect.controls.mtr = disabledControl;\n  bgRect.set(\"zIndex\", index - 0.5);\n\n  canvas.add(bgRect);\n  return bgRect;\n};\n","import { useRef, useState } from \"react\";\nimport { Canvas as FabricCanvas, FabricObject } from \"fabric\";\nimport { Dimensions } from \"@twick/media-utils\";\nimport { CanvasMetadata, CanvasProps, CanvasElement } from \"../types\";\nimport {\n  clearCanvas,\n  convertToVideoPosition,\n  createCanvas,\n  getCurrentFrameEffect,\n  reorderElementsByZIndex,\n} from \"../helpers/canvas.util\";\nimport { CANVAS_OPERATIONS, ELEMENT_TYPES } from \"../helpers/constants\";\nimport {\n  addImageElement,\n  addVideoElement,\n  addRectElement,\n  addTextElement,\n  addCaptionElement,\n  addBackgroundColor,\n} from \"../components/elements\";\n\n/**\n * Custom hook to manage a Fabric.js canvas and associated operations.\n *\n * @param onCanvasReady - Callback executed when the canvas is ready.\n * @param onCanvasOperation - Callback executed on canvas operations such as item selection or updates.\n * @returns Canvas-related functions and state.\n */\nexport const useTwickCanvas = ({\n  onCanvasReady,\n  onCanvasOperation,\n}: {\n  onCanvasReady?: (canvas: FabricCanvas) => void;\n  onCanvasOperation?: (operation: string, data: any) => void;\n}) => {\n  const [twickCanvas, setTwickCanvas] = useState<FabricCanvas | null>(null); // Canvas instance\n  const elementMap = useRef<Record<string, any>>({}); // Maps element IDs to their data\n  const elementFrameMap = useRef<Record<string, any>>({}); // Maps element IDs to their frame effects\n  const twickCanvasRef = useRef<FabricCanvas | null>(null);\n  const videoSizeRef = useRef<Dimensions>({ width: 1, height: 1 }); // Stores the video dimensions\n  const canvasMetadataRef = useRef<CanvasMetadata>({\n    width: 0,\n    height: 0,\n    aspectRatio: 0,\n    scaleX: 1,\n    scaleY: 1,\n  }); // Metadata for the canvas\n\n  /**\n   * Updates canvas metadata when the video size changes.\n   *\n   * @param videoSize - New video dimensions.\n   */\n  const onVideoSizeChange = (videoSize: Dimensions) => {\n    if (videoSize) {\n      videoSizeRef.current = videoSize;\n      canvasMetadataRef.current.scaleX =\n        canvasMetadataRef.current.width / videoSize.width;\n      canvasMetadataRef.current.scaleY =\n        canvasMetadataRef.current.height / videoSize.height;\n    }\n  };\n\n  /**\n   * Initializes the Fabric.js canvas with the provided configuration.\n   *\n   * @param props - Canvas configuration properties.\n   */\n  const buildCanvas = ({\n    videoSize,\n    canvasSize,\n    canvasRef,\n    backgroundColor = \"#000000\",\n    selectionBorderColor = \"#2563eb\",\n    selectionLineWidth = 2,\n    uniScaleTransform = true,\n    enableRetinaScaling = true,\n    touchZoomThreshold = 10,\n  }: CanvasProps) => {\n    if (!canvasRef) return;\n\n    // Dispose of the old canvas if it exists\n    if (twickCanvasRef.current) {\n      console.log(\"Destroying twickCanvas\");\n      twickCanvasRef.current.off(\"mouse:up\", handleMouseUp);\n      twickCanvasRef.current.dispose();\n    }\n\n    // Create a new canvas and update metadata\n    const { canvas, canvasMetadata } = createCanvas({\n      videoSize,\n      canvasSize,\n      canvasRef,\n      backgroundColor,\n      selectionBorderColor,\n      selectionLineWidth,\n      uniScaleTransform,\n      enableRetinaScaling,\n      touchZoomThreshold,\n    });\n    canvasMetadataRef.current = canvasMetadata;\n    videoSizeRef.current = videoSize;\n    // Attach event listeners\n    canvas?.on(\"mouse:up\", handleMouseUp);\n    setTwickCanvas(canvas);\n    twickCanvasRef.current = canvas;\n    // Notify when canvas is ready\n    if (onCanvasReady) {\n      onCanvasReady(canvas);\n    }\n  };\n\n  /**\n   * Handles mouse up events on the canvas.\n   *\n   * @param event - Event object.\n   */\n  const handleMouseUp = (event: any) => {\n    if (event.target) {\n      const object: FabricObject = event.target;\n      const elementId = object.get(\"id\");\n      if (event.transform?.action === \"drag\") {\n        const original = event.transform.original;\n        if (object.left === original.left && object.top === original.top) {\n          onCanvasOperation?.(\n            CANVAS_OPERATIONS.ITEM_SELECTED,\n            elementMap.current[elementId]\n          );\n          return;\n        }\n      }\n      switch (event.transform?.action) {\n        case \"drag\":\n        case \"scale\":\n        case \"scaleX\":\n        case \"scaleY\":\n        case \"rotate\":\n          const { x, y } = convertToVideoPosition(\n            object.left,\n            object.top,\n            canvasMetadataRef.current,\n            videoSizeRef.current\n          );\n          if (elementMap.current[elementId].type === \"caption\") {\n            elementMap.current[elementId] = {\n              ...elementMap.current[elementId],\n              props: {\n                ...elementMap.current[elementId].props,\n                pos: {\n                  x,\n                  y,\n                },\n              },\n            };\n            onCanvasOperation?.(\n              CANVAS_OPERATIONS.ITEM_UPDATED,\n              elementMap.current[elementId]\n            );\n          } else {\n            if (object?.type === \"group\") {\n              const currentFrameEffect = elementFrameMap.current[elementId];\n              let updatedFrameSize;\n              if (currentFrameEffect) {\n                updatedFrameSize = [\n                  currentFrameEffect.props.frameSize[0] * object.scaleX,\n                  currentFrameEffect.props.frameSize[1] * object.scaleY,\n                ];\n              } else {\n                updatedFrameSize = [\n                  elementMap.current[elementId].frame.size[0] * object.scaleX,\n                  elementMap.current[elementId].frame.size[1] * object.scaleY,\n                ];\n              }\n\n              if (currentFrameEffect) {\n                elementMap.current[elementId] = {\n                  ...elementMap.current[elementId],\n                  frameEffects: (\n                    elementMap.current[elementId].frameEffects || []\n                  ).map((frameEffect: any) =>\n                    frameEffect.id === currentFrameEffect?.id\n                      ? {\n                          ...frameEffect,\n                          props: {\n                            ...frameEffect.props,\n                            framePosition: {\n                              x,\n                              y,\n                            },\n                            frameSize: updatedFrameSize,\n                          },\n                        }\n                      : frameEffect\n                  ),\n                };\n                elementFrameMap.current[elementId] = {\n                  ...elementFrameMap.current[elementId],\n                  framePosition: {\n                    x,\n                    y,\n                  },\n                  frameSize: updatedFrameSize,\n                };\n              } else {\n                elementMap.current[elementId] = {\n                  ...elementMap.current[elementId],\n                  frame: {\n                    ...elementMap.current[elementId].frame,\n                    rotation: object.angle,\n                    size: updatedFrameSize,\n                    x,\n                    y,\n                  },\n                };\n              }\n            } else {\n              if (object?.type === \"text\") {\n                elementMap.current[elementId] = {\n                  ...elementMap.current[elementId],\n                  props: {\n                    ...elementMap.current[elementId].props,\n                    rotation: object.angle,\n                    x,\n                    y,\n                  },\n                };\n              } else {\n                elementMap.current[elementId] = {\n                  ...elementMap.current[elementId],\n                  props: {\n                    ...elementMap.current[elementId].props,\n                    rotation: object.angle,\n                    width:\n                      elementMap.current[elementId].props.width * object.scaleX,\n                    height:\n                      elementMap.current[elementId].props.height *\n                      object.scaleY,\n                    x,\n                    y,\n                  },\n                };\n              }\n            }\n            onCanvasOperation?.(\n              CANVAS_OPERATIONS.ITEM_UPDATED,\n              elementMap.current[elementId]\n            );\n          }\n          break;\n      }\n    }\n  };\n\n  /**\n   * Sets elements to the canvas.\n   *\n   * @param options - Object containing elements, seek time, and additional options.\n   */\n  const setCanvasElements = async ({\n    elements,\n    seekTime = 0,\n    captionProps,\n    cleanAndAdd = false,\n  }: {\n    elements: CanvasElement[];\n    seekTime?: number;\n    captionProps?: any;\n    cleanAndAdd?: boolean;\n  }) => {\n    if (!twickCanvas) {\n      console.warn(\"Canvas not initialized\");\n      return;\n    }\n\n    try {\n      if (cleanAndAdd) {\n        // Clear canvas before adding new elements\n        clearCanvas(twickCanvas);\n      }\n\n      await Promise.all(\n        elements.map(async (element, index) => {\n          try {\n            if (!element) {\n              console.warn(\"Element not found\");\n              return;\n            }\n            await addElementToCanvas({\n              element,\n              index,\n              reorder: false,\n              seekTime,\n              captionProps,\n            });\n          } catch (error) {\n            console.error(`Error adding element ${element.id}:`, error);\n          }\n        })\n      );\n      reorderElementsByZIndex(twickCanvas);\n    } catch (error) {\n      console.error(\"Error in setCanvasElements:\", error);\n    }\n  };\n\n  /**\n   * Add element to the canvas.\n   *\n   * @param options - Object containing elements, seek time, and additional options.\n   */\n  const addElementToCanvas = async ({\n    element,\n    index,\n    reorder = true,\n    seekTime,\n    captionProps,\n  }: {\n    element: CanvasElement;\n    index: number;\n    reorder: boolean;\n    seekTime?: number;\n    captionProps?: any;\n  }) => {\n    if (!twickCanvas) {\n      console.warn(\"Canvas not initialized\");\n      return;\n    }\n    // Add element based on type\n    switch (element.type) {\n      case ELEMENT_TYPES.VIDEO:\n        const currentFrameEffect = getCurrentFrameEffect(element, seekTime || 0);\n        elementFrameMap.current[element.id] = currentFrameEffect;\n        const snapTime =\n          ((seekTime || 0) - (element?.s || 0)) *\n            (element?.props?.playbackRate || 1) +\n          (element?.props?.time || 0);\n        await addVideoElement({\n          element,\n          index,\n          canvas: twickCanvas,\n          canvasMetadata: canvasMetadataRef.current,\n          currentFrameEffect,\n          snapTime,\n        });\n        if (element.timelineType === \"scene\") {\n          await addBackgroundColor({\n            element,\n            index,\n            canvas: twickCanvas,\n            canvasMetadata: canvasMetadataRef.current,\n          });\n        }\n        break;\n      case ELEMENT_TYPES.IMAGE:\n        await addImageElement({\n          element,\n          index,\n          canvas: twickCanvas,\n          canvasMetadata: canvasMetadataRef.current,\n        });\n        if (element.timelineType === \"scene\") {\n          await addBackgroundColor({\n            element,\n            index,\n            canvas: twickCanvas,\n            canvasMetadata: canvasMetadataRef.current,\n          });\n        }\n        break;\n      case ELEMENT_TYPES.RECT:\n        await addRectElement({\n          element,\n          index,\n          canvas: twickCanvas,\n          canvasMetadata: canvasMetadataRef.current,\n        });\n        break;\n      case ELEMENT_TYPES.TEXT:\n        await addTextElement({\n          element,\n          index,\n          canvas: twickCanvas,\n          canvasMetadata: canvasMetadataRef.current,\n        });\n        break;\n      case ELEMENT_TYPES.CAPTION:\n        await addCaptionElement({\n          element,\n          index,\n          canvas: twickCanvas,\n          captionProps,\n          canvasMetadata: canvasMetadataRef.current,\n        });\n        break;\n      default:\n        break;\n    }\n    elementMap.current[element.id] = element;\n    if (reorder) {\n      reorderElementsByZIndex(twickCanvas);\n    }\n  };\n\n  return {\n    twickCanvas,\n    buildCanvas,\n    onVideoSizeChange,\n    addElementToCanvas,\n    setCanvasElements,\n  };\n};\n"],"names":["FabricCanvas","Control","controlsUtils","FabricText","Shadow","FabricImage","Rect","Group","useState","useRef"],"mappings":"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"}

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/helpers/constants.ts","../src/helpers/browser.ts","../src/helpers/canvas.util.ts","../src/components/element-controls.tsx","../../media-utils/dist/index.mjs","../src/components/elements.tsx","../src/hooks/use-twick-canvas.ts"],"sourcesContent":["export const DEFAULT_TEXT_PROPS = {\r\n    family: \"Poppins\",\r\n    size: 48,\r\n    fill: \"#FFFFFF\",\r\n    stroke: \"#000000\",\r\n    lineWidth: 0,\r\n  }\r\n  \r\nexport const DEFAULT_CAPTION_PROPS = {\r\n    family: \"Poppins\",\r\n    size: 48,\r\n    fill: \"#FFFFFF\",\r\n    fontWeight: 600,\r\n    color: {\r\n        text: \"#FFFFFF\",\r\n        background: \"#000000\",\r\n        highlight: \"#FFFFFF\",\r\n    },\r\n    stroke: \"#000000\",\r\n    lineWidth: 0.2,\r\n    shadowColor: \"#000000\",\r\n    shadowBlur: 2,\r\n    shadowOffset: [0, 0],\r\n}\r\n\r\nexport const CANVAS_OPERATIONS = {\r\n  ITEM_SELECTED: \"ITEM_SELECTED\",\r\n  ITEM_UPDATED: \"ITEM_UPDATED\",\r\n  ITEM_DELETED: \"ITEM_DELETED\",\r\n  ITEM_ADDED: \"ITEM_ADDED\",\r\n  ITEM_GROUPED: \"ITEM_GROUPED\",\r\n  ITEM_UNGROUPED: \"ITEM_UNGROUPED\",\r\n}\r\n\r\nexport const ELEMENT_TYPES = {\r\n  TEXT: \"text\",\r\n  CAPTION: \"caption\",\r\n  IMAGE: \"image\",\r\n  VIDEO: \"video\",\r\n  RECT: \"rect\",\r\n  BACKGROUND_COLOR: \"backgroundColor\",\r\n}\r\n","export const isBrowser = typeof window !== 'undefined';\r\n\r\nexport const isCanvasSupported = isBrowser && !!window.HTMLCanvasElement;\r\n\r\nexport const isVideoSupported = isBrowser && !!window.HTMLVideoElement;\r\n\r\nexport function assertBrowser() {\r\n  if (!isBrowser) {\r\n    throw new Error('This code can only run in a browser environment');\r\n  }\r\n}\r\n\r\nexport function assertCanvasSupport() {\r\n  if (!isCanvasSupported) {\r\n    throw new Error('Canvas is not supported in this environment');\r\n  }\r\n}\r\n\r\nexport function assertVideoSupport() {\r\n  if (!isVideoSupported) {\r\n    throw new Error('Video is not supported in this environment');\r\n  }\r\n} ","import {\r\n  Canvas as FabricCanvas,\r\n} from \"fabric\";\r\nimport { CanvasMetadata, CanvasProps } from \"../types\";\r\nimport { Dimensions, Position } from \"@twick/media-utils\";\r\nimport { assertBrowser, assertCanvasSupport } from \"./browser\";\r\n\r\n/**\r\n * Creates and initializes a Fabric.js canvas with specified configurations.\r\n *\r\n * @param videoSize - The dimensions of the video.\r\n * @param canvasSize - The dimensions of the canvas.\r\n * @param canvasContainer - The HTML container for the canvas.\r\n * @param backgroundColor - Background color of the canvas (default: black).\r\n * @param selectionBorderColor - Border color for selected objects (default: blue).\r\n * @param selectionLineWidth - Width of the selection border (default: 2).\r\n * @param uniScaleTransform - Ensures uniform scaling of objects (default: true).\r\n * @param enableRetinaScaling - Enables retina scaling for higher DPI (default: true).\r\n * @param touchZoomThreshold - Threshold for touch zoom interactions (default: 10).\r\n * @returns An object containing the initialized canvas and its metadata.\r\n */\r\nexport const createCanvas = ({\r\n  videoSize,\r\n  canvasSize,\r\n  canvasRef,\r\n  backgroundColor = \"#000000\",\r\n  selectionBorderColor = \"#2563eb\",\r\n  selectionLineWidth = 2,\r\n  uniScaleTransform = true,\r\n  enableRetinaScaling = true,\r\n  touchZoomThreshold = 10,\r\n}: CanvasProps): { canvas: FabricCanvas; canvasMetadata: CanvasMetadata } => {\r\n  assertBrowser();\r\n  assertCanvasSupport();\r\n\r\n  // Metadata for scaling and positioning on the canvas\r\n  const canvasMetadata = {\r\n    width: canvasSize.width,\r\n    height: canvasSize.height,\r\n    aspectRatio: canvasSize.width / canvasSize.height,\r\n    scaleX: canvasSize.width / videoSize.width,\r\n    scaleY: canvasSize.height / videoSize.height,\r\n  };\r\n\r\n  // Create and configure the Fabric.js canvas\r\n  const canvas = new FabricCanvas(canvasRef, {\r\n    backgroundColor,\r\n    width: canvasSize.width,\r\n    height: canvasSize.height,\r\n    preserveObjectStacking: true,\r\n    enableRetinaScaling,\r\n    selectionBorderColor,\r\n    selectionLineWidth,\r\n    uniScaleTransform,\r\n    touchZoomThreshold,\r\n    renderOnAddRemove: false,\r\n    stateful: false,\r\n    selection: true,\r\n    skipTargetFind: false,\r\n    controlsAboveOverlay: true,\r\n  });\r\n\r\n  // Set dimensions and render canvas\r\n  if (canvasRef) {\r\n    canvas.setDimensions({\r\n      width: canvasMetadata.width,\r\n      height: canvasMetadata.height,\r\n    });\r\n    canvas.renderAll();\r\n  }\r\n\r\n  return {\r\n    canvas,\r\n    canvasMetadata,\r\n  };\r\n};\r\n\r\n/**\r\n * Reorders elements on the canvas based on their zIndex property.\r\n *\r\n * @param canvas - The Fabric.js canvas instance.\r\n */\r\nexport const reorderElementsByZIndex = (canvas: FabricCanvas) => {\r\n  if (!canvas) return;\r\n  const backgroundColor = canvas.backgroundColor;\r\n\r\n  const objects = canvas.getObjects();\r\n  console.log(\"objects\", objects);\r\n  // Sort objects by zIndex and re-add to the canvas in order\r\n  objects.sort((a, b) => (a.zIndex || 0) - (b.zIndex || 0));\r\n\r\n  canvas.clear();\r\n  canvas.backgroundColor = backgroundColor;\r\n\r\n  objects.forEach((obj) => canvas.add(obj));\r\n  canvas.renderAll();\r\n};\r\n\r\n/**\r\n * Clears all elements from the canvas and re-renders it.\r\n *\r\n * @param canvas - The Fabric.js canvas instance.\r\n */\r\nexport const clearCanvas = (canvas: FabricCanvas) => {\r\n  if (!canvas) return;\r\n  canvas.clear();\r\n  canvas.renderAll();\r\n};\r\n\r\n/**\r\n * Converts a position from the video coordinate space to the canvas coordinate space.\r\n *\r\n * @param x - X-coordinate in video space.\r\n * @param y - Y-coordinate in video space.\r\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\r\n * @returns The corresponding position in canvas space.\r\n */\r\nexport const convertToCanvasPosition = (\r\n  x: number,\r\n  y: number,\r\n  canvasMetadata: CanvasMetadata\r\n): Position => {\r\n  return {\r\n    x: x * canvasMetadata.scaleX + canvasMetadata.width / 2,\r\n    y: y * canvasMetadata.scaleY + canvasMetadata.height / 2,\r\n  };\r\n};\r\n\r\n/**\r\n * Converts a position from the canvas coordinate space to the video coordinate space.\r\n *\r\n * @param x - X-coordinate in canvas space.\r\n * @param y - Y-coordinate in canvas space.\r\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\r\n * @param videoSize - Dimensions of the video.\r\n * @returns The corresponding position in video space.\r\n */\r\nexport const convertToVideoPosition = (\r\n  x: number,\r\n  y: number,\r\n  canvasMetadata: CanvasMetadata,\r\n  videoSize: Dimensions\r\n): Position => {\r\n  return {\r\n    x: x / canvasMetadata.scaleX - videoSize.width / 2,\r\n    y: y / canvasMetadata.scaleY - videoSize.height / 2,\r\n  };\r\n};\r\n\r\n/**\r\n * Retrieves the current frame effect for a given seek time.\r\n *\r\n * @param item - The item containing frame effects.\r\n * @param seekTime - The current time to match against frame effects.\r\n * @returns The current frame effect active at the given seek time, if any.\r\n */\r\nexport const getCurrentFrameEffect = (item: any, seekTime: number) => {\r\n  let currentFrameEffect;\r\n  for (let i = 0; i < item?.frameEffects?.length; i++) {\r\n    if (\r\n      item.frameEffects[i].s <= seekTime &&\r\n      item.frameEffects[i].e >= seekTime\r\n    ) {\r\n      currentFrameEffect = item.frameEffects[i];\r\n      break;\r\n    }\r\n  }\r\n  return currentFrameEffect;\r\n};\r\n","import { Control, controlsUtils } from \"fabric\";\r\n\r\nexport const disabledControl = new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    offsetY: 0,\r\n    cursorStyle: \"pointer\",\r\n    actionHandler: () => {\r\n      return true;\r\n    },\r\n    actionName: \"scale\",\r\n    render: function (ctx: CanvasRenderingContext2D,\r\n            left: number,\r\n            top: number) {\r\n      const size = 0;\r\n      ctx.save();\r\n      ctx.translate(left, top);\r\n      ctx.fillStyle = \"#red\";\r\n      ctx.fillRect(-size / 2, -size / 2, size, size);\r\n      ctx.restore();\r\n    },\r\n  });\r\n\r\nexport const rotateControl = new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    offsetY: -25,\r\n    cursorStyle: \"crosshair\",\r\n    actionHandler: controlsUtils.rotationWithSnapping,\r\n    actionName: \"rotate\",\r\n    withConnection: true,\r\n  });","const imageDimensionsCache = {};\nconst videoMetaCache = {};\nconst audioDurationCache = {};\n\nconst getAudioDuration = (audioSrc) => {\n  if (audioDurationCache[audioSrc]) {\n    return Promise.resolve(audioDurationCache[audioSrc]);\n  }\n  return new Promise((resolve, reject) => {\n    const audio = document.createElement(\"audio\");\n    audio.preload = \"metadata\";\n    const isSafeUrl = /^(https?:|blob:|data:audio\\/)/i.test(audioSrc);\n    if (!isSafeUrl) {\n      throw new Error(\"Unsafe audio source URL\");\n    }\n    audio.src = audioSrc;\n    audio.onloadedmetadata = () => {\n      const duration = audio.duration;\n      audioDurationCache[audioSrc] = duration;\n      resolve(duration);\n    };\n    audio.onerror = () => {\n      reject(new Error(\"Failed to load audio metadata\"));\n    };\n  });\n};\n\nconst concurrencyLimit = 5;\nlet activeCount = 0;\nconst queue = [];\nfunction runNext() {\n  if (queue.length === 0 || activeCount >= concurrencyLimit) return;\n  const next = queue.shift();\n  if (next) {\n    activeCount++;\n    next();\n  }\n}\nfunction limit(fn) {\n  return new Promise((resolve, reject) => {\n    const task = () => {\n      fn().then(resolve).catch(reject).finally(() => {\n        activeCount--;\n        runNext();\n      });\n    };\n    if (activeCount < concurrencyLimit) {\n      activeCount++;\n      task();\n    } else {\n      queue.push(task);\n    }\n  });\n}\n\nconst loadImageDimensions = (url) => {\n  return new Promise((resolve, reject) => {\n    if (typeof document === \"undefined\") {\n      reject(new Error(\"getImageDimensions() is only available in the browser.\"));\n      return;\n    }\n    const img = new Image();\n    img.onload = () => {\n      resolve({ width: img.naturalWidth, height: img.naturalHeight });\n    };\n    img.onerror = reject;\n    img.src = url;\n  });\n};\nconst getImageDimensions = (url) => {\n  if (imageDimensionsCache[url]) {\n    return Promise.resolve(imageDimensionsCache[url]);\n  }\n  return limit(() => loadImageDimensions(url)).then((dimensions) => {\n    imageDimensionsCache[url] = dimensions;\n    return dimensions;\n  });\n};\n\nconst getVideoMeta = (videoSrc) => {\n  if (videoMetaCache[videoSrc]) {\n    return Promise.resolve(videoMetaCache[videoSrc]);\n  }\n  return new Promise((resolve, reject) => {\n    const video = document.createElement(\"video\");\n    video.preload = \"metadata\";\n    const isSafeUrl = /^(https?:|blob:|data:video\\/)/i.test(videoSrc);\n    if (!isSafeUrl) {\n      reject(new Error(\"Unsafe video source URL\"));\n      return;\n    }\n    video.src = videoSrc;\n    video.onloadedmetadata = () => {\n      const meta = {\n        width: video.videoWidth,\n        height: video.videoHeight,\n        duration: video.duration\n      };\n      videoMetaCache[videoSrc] = meta;\n      resolve(meta);\n    };\n    video.onerror = () => reject(new Error(\"Failed to load video metadata\"));\n  });\n};\n\nconst getThumbnail = async (videoUrl, seekTime = 0.1, playbackRate = 1) => {\n  return new Promise((resolve, reject) => {\n    const video = document.createElement(\"video\");\n    video.crossOrigin = \"anonymous\";\n    video.muted = true;\n    video.playsInline = true;\n    video.autoplay = false;\n    video.preload = \"auto\";\n    video.playbackRate = playbackRate;\n    video.style.position = \"absolute\";\n    video.style.left = \"-9999px\";\n    video.style.top = \"-9999px\";\n    video.style.width = \"1px\";\n    video.style.height = \"1px\";\n    video.style.opacity = \"0\";\n    video.style.pointerEvents = \"none\";\n    video.style.zIndex = \"-1\";\n    let timeoutId;\n    const cleanup = () => {\n      if (video.parentNode) video.remove();\n      if (timeoutId) clearTimeout(timeoutId);\n    };\n    const handleError = () => {\n      cleanup();\n      reject(new Error(`Failed to load video: ${video.error?.message || \"Unknown error\"}`));\n    };\n    const handleSeeked = () => {\n      try {\n        video.pause();\n        const canvas = document.createElement(\"canvas\");\n        const width = video.videoWidth || 640;\n        const height = video.videoHeight || 360;\n        canvas.width = width;\n        canvas.height = height;\n        const ctx = canvas.getContext(\"2d\");\n        if (!ctx) {\n          cleanup();\n          reject(new Error(\"Failed to get canvas context\"));\n          return;\n        }\n        ctx.drawImage(video, 0, 0, width, height);\n        try {\n          const dataUrl = canvas.toDataURL(\"image/jpeg\", 0.8);\n          cleanup();\n          resolve(dataUrl);\n        } catch {\n          canvas.toBlob((blob) => {\n            if (!blob) {\n              cleanup();\n              reject(new Error(\"Failed to create Blob\"));\n              return;\n            }\n            const blobUrl = URL.createObjectURL(blob);\n            cleanup();\n            resolve(blobUrl);\n          }, \"image/jpeg\", 0.8);\n        }\n      } catch (err) {\n        cleanup();\n        reject(new Error(`Error creating thumbnail: ${err}`));\n      }\n    };\n    video.addEventListener(\"error\", handleError, { once: true });\n    video.addEventListener(\"seeked\", handleSeeked, { once: true });\n    video.addEventListener(\"loadedmetadata\", () => {\n      const playPromise = video.play();\n      if (playPromise !== void 0) {\n        playPromise.then(() => {\n          video.currentTime = seekTime;\n        }).catch(() => {\n          video.currentTime = seekTime;\n        });\n      } else {\n        video.currentTime = seekTime;\n      }\n    }, { once: true });\n    timeoutId = window.setTimeout(() => {\n      cleanup();\n      reject(new Error(\"Video loading timed out\"));\n    }, 5e3);\n    video.src = videoUrl;\n    document.body.appendChild(video);\n  });\n};\n\nconst getScaledDimensions = (width, height, maxWidth, maxHeight) => {\n  if (width <= maxWidth && height <= maxHeight) {\n    return {\n      width: width % 2 === 0 ? width : width - 1,\n      height: height % 2 === 0 ? height : height - 1\n    };\n  }\n  const widthRatio = maxWidth / width;\n  const heightRatio = maxHeight / height;\n  const scale = Math.min(widthRatio, heightRatio);\n  let scaledWidth = Math.round(width * scale);\n  let scaledHeight = Math.round(height * scale);\n  if (scaledWidth % 2 !== 0) {\n    scaledWidth -= 1;\n  }\n  if (scaledHeight % 2 !== 0) {\n    scaledHeight -= 1;\n  }\n  return {\n    width: Math.min(scaledWidth, maxWidth),\n    height: Math.min(scaledHeight, maxHeight)\n  };\n};\nconst getObjectFitSize = (objectFit, elementSize, containerSize) => {\n  const elementAspectRatio = elementSize.width / elementSize.height;\n  const containerAspectRatio = containerSize.width / containerSize.height;\n  switch (objectFit) {\n    case \"contain\":\n      if (elementAspectRatio > containerAspectRatio) {\n        return {\n          width: containerSize.width,\n          height: containerSize.width / elementAspectRatio\n        };\n      } else {\n        return {\n          width: containerSize.height * elementAspectRatio,\n          height: containerSize.height\n        };\n      }\n    case \"cover\":\n      if (elementAspectRatio > containerAspectRatio) {\n        return {\n          width: containerSize.height * elementAspectRatio,\n          height: containerSize.height\n        };\n      } else {\n        return {\n          width: containerSize.width,\n          height: containerSize.width / elementAspectRatio\n        };\n      }\n    case \"fill\":\n      return {\n        width: containerSize.width,\n        height: containerSize.height\n      };\n    default:\n      return {\n        width: elementSize.width,\n        height: elementSize.height\n      };\n  }\n};\n\nconst blobUrlToFile = async (blobUrl, fileName) => {\n  const response = await fetch(blobUrl);\n  const blob = await response.blob();\n  return new File([blob], fileName, { type: blob.type });\n};\nconst saveAsFile = (content, type, name) => {\n  const blob = typeof content === \"string\" ? new Blob([content], { type }) : content;\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = name;\n  a.click();\n  URL.revokeObjectURL(url);\n};\nconst downloadFile = async (url, filename) => {\n  try {\n    const response = await fetch(url);\n    const blob = await response.blob();\n    const downloadUrl = window.URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.href = downloadUrl;\n    link.download = filename;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    window.URL.revokeObjectURL(downloadUrl);\n  } catch (error) {\n    console.error(\"Error downloading file:\", error);\n    throw error;\n  }\n};\n\nconst detectMediaTypeFromUrl = async (url) => {\n  try {\n    const response = await fetch(url, { method: \"HEAD\" });\n    const contentType = response.headers.get(\"Content-Type\");\n    if (!contentType) return null;\n    if (contentType.startsWith(\"image/\")) return \"image\";\n    if (contentType.startsWith(\"video/\")) return \"video\";\n    if (contentType.startsWith(\"audio/\")) return \"audio\";\n    return null;\n  } catch (error) {\n    console.error(\"Fetch failed:\", error);\n    return null;\n  }\n};\n\nexport { blobUrlToFile, detectMediaTypeFromUrl, downloadFile, getAudioDuration, getImageDimensions, getObjectFitSize, getScaledDimensions, getThumbnail, getVideoMeta, limit, saveAsFile };\n//# sourceMappingURL=index.mjs.map\n","import {\r\n  Canvas as FabricCanvas,\r\n  FabricText,\r\n  Group,\r\n  FabricImage,\r\n  Rect,\r\n  Shadow,\r\n} from \"fabric\";\r\nimport { convertToCanvasPosition } from \"../helpers/canvas.util\";\r\nimport {\r\n  CanvasElement,\r\n  CanvasMetadata,\r\n  CaptionProps,\r\n  FrameEffect,\r\n} from \"../types\";\r\nimport {\r\n  DEFAULT_CAPTION_PROPS,\r\n  DEFAULT_TEXT_PROPS,\r\n} from \"../helpers/constants\";\r\nimport { disabledControl, rotateControl } from \"./element-controls\";\r\nimport { getObjectFitSize, getThumbnail } from \"@twick/media-utils\";\r\n\r\n/**\r\n * Add a text element for the canvas.\r\n *\r\n * @param {Object} params - The parameters for creating the text element.\r\n * @param {CanvasElement} params.element - The canvas element configuration.\r\n * @param {number} params.index - The z-index of the element.\r\n * @param {CanvasMetadata} params.canvasMetadata - Metadata about the canvas, including scale and dimensions.\r\n * @returns {FabricText} The configured Fabric.js text object.\r\n */\r\nexport const addTextElement = ({\r\n  element,\r\n  index,\r\n  canvas,\r\n  canvasMetadata,\r\n}: {\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  canvasMetadata: CanvasMetadata;\r\n}) => {\r\n  const { x, y } = convertToCanvasPosition(\r\n    element.props?.x || 0,\r\n    element.props?.y || 0,\r\n    canvasMetadata\r\n  );\r\n\r\n  const text = new FabricText(element.props?.text || element.t || \"\", {\r\n    left: x,\r\n    top: y,\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    angle: element.props?.rotation || 0,\r\n    fontSize: Math.round(\r\n      (element.props?.fontSize || DEFAULT_TEXT_PROPS.size) *\r\n        canvasMetadata.scaleX\r\n    ),\r\n    fontFamily: element.props?.fontFamily || DEFAULT_TEXT_PROPS.family,\r\n    fontStyle: element.props?.fontStyle || \"normal\",\r\n    fontWeight: element.props?.fontWeight || \"normal\",\r\n    fill: element.props?.fill || DEFAULT_TEXT_PROPS.fill,\r\n    skipWrapping: false,\r\n    textAlign: element.props?.textAlign || \"center\",\r\n    stroke: element.props?.stroke || DEFAULT_TEXT_PROPS.stroke,\r\n    strokeWidth: element.props?.lineWidth || DEFAULT_TEXT_PROPS.lineWidth,\r\n    shadow: element.props?.shadowColor\r\n      ? new Shadow({\r\n          offsetX:\r\n            element.props?.shadowOffset?.length &&\r\n            element.props?.shadowOffset?.length > 1\r\n              ? element.props.shadowOffset[0] / 2\r\n              : 1,\r\n          offsetY:\r\n            element.props?.shadowOffset?.length &&\r\n            element.props?.shadowOffset.length > 1\r\n              ? element.props.shadowOffset[1] / 2\r\n              : 1,\r\n          blur: (element.props?.shadowBlur || 2) / 2,\r\n          color: element.props?.shadowColor,\r\n        })\r\n      : undefined,\r\n  });\r\n\r\n  // Assign metadata and custom controls\r\n  text.set(\"id\", element.id);\r\n  text.set(\"zIndex\", index);\r\n\r\n  // Disable unwanted control points\r\n  text.controls.mt = disabledControl;\r\n  text.controls.mb = disabledControl;\r\n  text.controls.ml = disabledControl;\r\n  text.controls.mr = disabledControl;\r\n  text.controls.bl = disabledControl;\r\n  text.controls.br = disabledControl;\r\n  text.controls.tl = disabledControl;\r\n  text.controls.tr = disabledControl;\r\n  text.controls.mtr = rotateControl;\r\n\r\n  canvas.add(text);\r\n  return text;\r\n};\r\n\r\nconst setImageProps = ({\r\n  img,\r\n  element,\r\n  index,\r\n  canvasMetadata,\r\n}: {\r\n  img: FabricImage;\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvasMetadata: CanvasMetadata;\r\n}) => {\r\n  const width =\r\n    (element.props?.width || 0) * canvasMetadata.scaleX || canvasMetadata.width;\r\n  const height =\r\n    (element.props?.height || 0) * canvasMetadata.scaleY ||\r\n    canvasMetadata.height;\r\n  const { x, y } = convertToCanvasPosition(\r\n    element.props?.x || 0,\r\n    element.props?.y || 0,\r\n    canvasMetadata\r\n  );\r\n  console.log(width, height, x, y);\r\n  img.set(\"id\", element.id);\r\n  img.set(\"zIndex\", index);\r\n  img.set(\"width\", width);\r\n  img.set(\"height\", height);\r\n  img.set(\"left\", x);\r\n  img.set(\"top\", y);\r\n  img.set(\"selectable\", true);\r\n  img.set(\"hasControls\", true);\r\n  img.set(\"touchAction\", \"all\");\r\n};\r\n\r\n/**\r\n * Add a caption element for the canvas based on provided props.\r\n *\r\n * @param {Object} params - Parameters for creating the caption.\r\n * @param {CanvasElement} params.element - The canvas element configuration.\r\n * @param {FabricCanvas} params.canvas - The Fabric.js canvas instance.\r\n * @param {number} params.index - The z-index of the element.\r\n * @param {CaptionProps} params.captionProps - Default and user-defined caption properties.\r\n * @param {CanvasMetadata} params.canvasMetadata - Metadata about the canvas, including scale and dimensions.\r\n * @returns {FabricText} The configured Fabric.js caption object.\r\n */\r\nexport const addCaptionElement = ({\r\n  element,\r\n  index,\r\n  canvas,\r\n  captionProps,\r\n  canvasMetadata,\r\n}: {\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  captionProps: CaptionProps;\r\n  canvasMetadata: CanvasMetadata;\r\n}) => {\r\n  const { x, y } = convertToCanvasPosition(\r\n    element.props?.pos?.x || captionProps?.pos?.x || 0,\r\n    element.props?.pos?.y || captionProps?.pos?.y || 0,\r\n    canvasMetadata\r\n  );\r\n\r\n  const caption = new FabricText(element.props?.text || element.t ||\"\", {\r\n    left: x,\r\n    top: y,\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    angle: element.props?.rotation || 0,\r\n    fontSize: Math.round(\r\n      (element.props?.font?.size ||\r\n        captionProps.font?.size ||\r\n        DEFAULT_CAPTION_PROPS.size) * canvasMetadata.scaleX\r\n    ),\r\n    fontFamily:\r\n      element.props?.font?.family ||\r\n      captionProps.font?.family ||\r\n      DEFAULT_CAPTION_PROPS.family,\r\n    fill:\r\n      element.props?.fill ||\r\n      captionProps.color?.text ||\r\n      DEFAULT_CAPTION_PROPS.fill,\r\n    fontWeight: DEFAULT_CAPTION_PROPS.fontWeight,\r\n    stroke: element.props?.stroke || DEFAULT_CAPTION_PROPS.stroke,\r\n    shadow: new Shadow({\r\n      offsetX:\r\n        element.props?.shadowOffset?.[0] ||\r\n        DEFAULT_CAPTION_PROPS.shadowOffset?.[0],\r\n      offsetY:\r\n        element.props?.shadowOffset?.[1] ||\r\n        DEFAULT_CAPTION_PROPS.shadowOffset?.[1],\r\n      blur: element.props?.shadowBlur || DEFAULT_CAPTION_PROPS.shadowBlur,\r\n      color: element.props?.shadowColor || DEFAULT_CAPTION_PROPS.shadowColor,\r\n    }),\r\n    strokeWidth: element.props?.lineWidth || DEFAULT_CAPTION_PROPS.lineWidth,\r\n  });\r\n\r\n  // Assign metadata and custom controls\r\n  caption.set(\"id\", element.id);\r\n  caption.set(\"zIndex\", index);\r\n\r\n  // Disable unwanted control points\r\n  caption.controls.mt = disabledControl;\r\n  caption.controls.mb = disabledControl;\r\n  caption.controls.ml = disabledControl;\r\n  caption.controls.mr = disabledControl;\r\n  caption.controls.bl = disabledControl;\r\n  caption.controls.br = disabledControl;\r\n  caption.controls.tl = disabledControl;\r\n  caption.controls.tr = disabledControl;\r\n  caption.controls.mtr = disabledControl;\r\n\r\n  canvas.add(caption);\r\n  return caption;\r\n};\r\n\r\n/* Add a video frame as element into a Fabric.js image object and optionally groups it with a frame.\r\n*\r\n* @param element - The video element containing properties like source and frame information.\r\n* @param index - The z-index for ordering the element on the canvas.\r\n* @param canvas - The Fabric.js canvas instance.\r\n* @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\r\n* @param currentFrameEffect - Optional frame effect to apply to the image.\r\n* @param snapTime - The time to snap the video frame with respect to full video duration.\r\n* @returns A Fabric.js image object or a group with an image and frame.\r\n*/\r\nexport const addVideoElement = async ({\r\n  element,\r\n  index,\r\n  canvas,\r\n  snapTime,\r\n  canvasMetadata,\r\n  currentFrameEffect,\r\n}: {\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  snapTime: number;\r\n  canvasMetadata: CanvasMetadata;\r\n  currentFrameEffect?: FrameEffect;\r\n}) => {\r\n  try {\r\n    const thumbnailUrl = await getThumbnail(\r\n      element?.props?.src || \"\",\r\n      snapTime\r\n    );\r\n    if (!thumbnailUrl) {\r\n      console.error(\"Failed to get thumbnail\");\r\n      return;\r\n    }\r\n\r\n    return addImageElement({\r\n      imageUrl: thumbnailUrl,\r\n      element,\r\n      index,\r\n      canvas,\r\n      canvasMetadata,\r\n      currentFrameEffect,\r\n    });\r\n  } catch (error) {\r\n    console.error(\"Error loading image:\", error);\r\n  }\r\n};\r\n\r\n/**\r\n * Add an image element into a Fabric.js image object and optionally groups it with a frame.\r\n *\r\n * @param element - The image element containing properties like source and frame information.\r\n * @param index - The z-index for ordering the element on the canvas.\r\n * @param canvas - The Fabric.js canvas instance.\r\n * @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\r\n * @param currentFrameEffect - Optional frame effect to apply to the image.\r\n * @param imageUrl - Optional The url of the image to be added to the canvas.\r\n * @returns A Fabric.js image object or a group with an image and frame.\r\n */\r\nexport const addImageElement = async ({\r\n  imageUrl,\r\n  element,\r\n  index,\r\n  canvas,\r\n  canvasMetadata,\r\n  currentFrameEffect\r\n}: {\r\n  imageUrl?: string;\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  canvasMetadata: CanvasMetadata;\r\n  currentFrameEffect?: FrameEffect;\r\n}) => {\r\n  try {\r\n    // Load the image from the provided source URL\r\n    const img = await FabricImage.fromURL(imageUrl ||element.props.src || \"\");\r\n    img.set({\r\n      originX: \"center\",\r\n      originY: \"center\",\r\n      lockMovementX: false,\r\n      lockMovementY: false,\r\n      lockUniScaling: true,\r\n      hasControls: false,\r\n      selectable: false,\r\n    });\r\n\r\n    // Return the group if a frame is defined, otherwise return the image\r\n    if (element.frame) {\r\n      return addMediaGroup({\r\n        element,\r\n        img,\r\n        index,\r\n        canvas,\r\n        canvasMetadata,\r\n        currentFrameEffect\r\n      });\r\n    } else {\r\n      setImageProps({ img, element, index, canvasMetadata });\r\n      canvas.add(img);\r\n      return img;\r\n    }\r\n  } catch (error) {\r\n    console.error(\"Error loading image:\", error);\r\n  }\r\n};\r\n\r\n/**\r\n * Add a Fabric.js group combining an image and its associated frame,\r\n * applying styling, positioning, and scaling based on the given properties.\r\n *\r\n * @param element - The image element containing properties like frame, position, and styling.\r\n * @param img - The Fabric.js image object to be included in the group.\r\n * @param index - The z-index for ordering the group on the canvas.\r\n * @param canvas - The Fabric.js canvas instance.\r\n * @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\r\n * @param currentFrameEffect - Optional current frame effect to override default frame properties.\r\n * @returns A Fabric.js group containing the image and frame with configured properties.\r\n */\r\nconst addMediaGroup = ({\r\n  element,\r\n  img,\r\n  index,\r\n  canvas,\r\n  canvasMetadata,\r\n  currentFrameEffect,\r\n}: {\r\n  element: CanvasElement;\r\n  img: FabricImage;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  canvasMetadata: CanvasMetadata;\r\n  currentFrameEffect?: FrameEffect;\r\n}) => {\r\n  let frameSize;\r\n  let angle;\r\n  let framePosition;\r\n  let frameRadius = 0;\r\n  if (currentFrameEffect) {\r\n    frameSize = {\r\n      width:\r\n        (currentFrameEffect.props.frameSize?.[0] || 0) *\r\n          canvasMetadata.scaleX || canvasMetadata.width,\r\n      height:\r\n        (currentFrameEffect.props.frameSize?.[1] || 0) *\r\n          canvasMetadata.scaleY || canvasMetadata.height,\r\n    };\r\n    angle = currentFrameEffect.props.rotation || 0;\r\n    framePosition = currentFrameEffect.props.framePosition;\r\n    if (currentFrameEffect.props.shape === \"circle\") {\r\n      frameRadius = frameSize.width / 2;\r\n    } else {\r\n      frameRadius = currentFrameEffect?.props?.radius || 0;\r\n    }\r\n  } else {\r\n    frameRadius = element?.frame?.radius || 0;\r\n    frameSize = {\r\n      width:\r\n        (element?.frame?.size?.[0] || 0) * canvasMetadata.scaleX ||\r\n        canvasMetadata.width,\r\n      height:\r\n        (element?.frame?.size?.[1] || 0) * canvasMetadata.scaleY ||\r\n        canvasMetadata.height,\r\n    };\r\n    angle = element?.frame?.rotation || 0;\r\n    framePosition = {\r\n      x: element?.frame?.x || 0,\r\n      y: element?.frame?.y || 0,\r\n    };\r\n  }\r\n\r\n  const newSize = getObjectFitSize(\r\n    element.objectFit,\r\n    { width: img.width!, height: img.height! },\r\n    frameSize\r\n  );\r\n\r\n  const frameRect = new Rect({\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    lockMovementX: false,\r\n    lockMovementY: false,\r\n    lockUniScaling: true,\r\n    hasControls: false,\r\n    selectable: false,\r\n    width: frameSize.width,\r\n    height: frameSize.height,\r\n    stroke: element?.frame?.stroke || \"#ffffff\",\r\n    strokeWidth: element?.frame?.lineWidth || 0,\r\n    hasRotatingPoint: true,\r\n    rx: frameRadius || 0,\r\n    ry: frameRadius || 0,\r\n  });\r\n\r\n  img.set({\r\n    lockUniScaling: true,\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    scaleX: newSize.width / img.width,\r\n    scaleY: newSize.height / img.height,\r\n  });\r\n\r\n\r\n  const { x, y } = convertToCanvasPosition(\r\n    framePosition?.x || 0,\r\n    framePosition?.y || 0,\r\n    canvasMetadata\r\n  );\r\n\r\n  const groupProps = {\r\n    left: x,\r\n    top: y,\r\n    width: frameSize.width,\r\n    height: frameSize.height,\r\n    angle: angle,\r\n  };\r\n\r\n  // Customize the control points for the group\r\n  // Change only the top control to a different style, keep others as circles\r\n\r\n  const group = new Group([frameRect, img], {\r\n    ...groupProps,\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    angle: groupProps.angle,\r\n    selectable: true,\r\n    hasControls: true,\r\n    hasBorders: true,\r\n    clipPath: frameRect,\r\n  });\r\n\r\n  group.controls.mt = disabledControl;\r\n  group.controls.mb = disabledControl;\r\n  group.controls.ml = disabledControl;\r\n  group.controls.mr = disabledControl;\r\n  group.controls.mtr = rotateControl;\r\n\r\n  group.set(\"id\", element.id);\r\n  group.set(\"zIndex\", index);\r\n  canvas.add(group);\r\n  return group;\r\n};\r\n\r\n/**\r\n * Add a rectangular Fabric.js element based on the provided canvas element data.\r\n *\r\n * @param element - The canvas element containing properties for the rectangle.\r\n * @param index - The zIndex value used to determine the rendering order.\r\n * @param canvas - The Fabric.js canvas instance.\r\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\r\n * @returns A Fabric.js Rect object configured with the specified properties.\r\n */\r\nexport const addRectElement = ({\r\n  element,\r\n  index,\r\n  canvas,\r\n  canvasMetadata,\r\n}: {\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  canvasMetadata: CanvasMetadata;\r\n}) => {\r\n  // Convert element's position to canvas coordinates\r\n  const { x, y } = convertToCanvasPosition(\r\n    element.props?.x || 0,\r\n    element.props?.y || 0,\r\n    canvasMetadata\r\n  );\r\n\r\n  // Create a new rectangular Fabric.js object\r\n  const rect = new Rect({\r\n    left: x, // X-coordinate on the canvas\r\n    top: y, // Y-coordinate on the canvas\r\n    originX: \"center\", // Center the rectangle based on its position\r\n    originY: \"center\", // Center the rectangle based on its position\r\n    angle: element.props?.rotation || 0, // Rotation angle\r\n    rx: (element.props?.radius || 0) * canvasMetadata.scaleX, // Horizontal radius for rounded corners\r\n    ry: (element.props?.radius || 0) * canvasMetadata.scaleY, // Vertical radius for rounded corners\r\n    stroke: element.props?.stroke || \"#000000\", // Stroke color\r\n    strokeWidth: (element.props?.lineWidth || 0) * canvasMetadata.scaleX, // Scaled stroke width\r\n    fill: element.props?.fill || \"#000000\", // Fill color\r\n    opacity: element.props?.opacity || 1, // Opacity level\r\n    width: (element.props?.width || 0) * canvasMetadata.scaleX, // Scaled width\r\n    height: (element.props?.height || 0) * canvasMetadata.scaleY, // Scaled height\r\n  });\r\n\r\n  // Set custom properties for the rectangle\r\n  rect.set(\"id\", element.id); // Unique identifier for the rectangle\r\n  rect.set(\"zIndex\", index); // zIndex determines rendering order\r\n\r\n  // Set custom control for rotation\r\n  rect.controls.mtr = rotateControl;\r\n\r\n  canvas.add(rect);\r\n  return rect;\r\n};\r\n\r\n/**\r\n * Add a background color to the canvas.\r\n *\r\n * @param element - The canvas element containing properties for the background.\r\n * @param index - The zIndex value used to determine the rendering order.\r\n * @param canvas - The Fabric.js canvas instance.\r\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\r\n * @returns A Fabric.js Rect object configured with the specified properties.\r\n */\r\nexport const addBackgroundColor = ({\r\n  element,\r\n  index,\r\n  canvas,\r\n  canvasMetadata,\r\n}: {\r\n  element: CanvasElement;\r\n  index: number;\r\n  canvas: FabricCanvas;\r\n  canvasMetadata: CanvasMetadata;\r\n}) => {\r\n  const bgRect = new Rect({\r\n    width: canvasMetadata.width,\r\n    height: canvasMetadata.height,\r\n    left: canvasMetadata.width / 2,\r\n    top: canvasMetadata.height / 2,\r\n    fill: element.backgoundColor ?? \"#000000\",\r\n    originX: \"center\",\r\n    originY: \"center\",\r\n    hasControls: false,\r\n    hasBorders: false,\r\n    selectable: false,\r\n  });\r\n\r\n  bgRect.controls.mt = disabledControl;\r\n  bgRect.controls.mb = disabledControl;\r\n  bgRect.controls.ml = disabledControl;\r\n  bgRect.controls.mr = disabledControl;\r\n  bgRect.controls.bl = disabledControl;\r\n  bgRect.controls.br = disabledControl;\r\n  bgRect.controls.tl = disabledControl;\r\n  bgRect.controls.tr = disabledControl;\r\n  bgRect.controls.mtr = disabledControl;\r\n  bgRect.set(\"zIndex\", index - 0.5);\r\n\r\n  canvas.add(bgRect);\r\n  return bgRect;\r\n};\r\n","import { useRef, useState } from \"react\";\r\nimport { Canvas as FabricCanvas, FabricObject } from \"fabric\";\r\nimport { Dimensions } from \"@twick/media-utils\";\r\nimport { CanvasMetadata, CanvasProps, CanvasElement } from \"../types\";\r\nimport {\r\n  clearCanvas,\r\n  convertToVideoPosition,\r\n  createCanvas,\r\n  getCurrentFrameEffect,\r\n  reorderElementsByZIndex,\r\n} from \"../helpers/canvas.util\";\r\nimport { CANVAS_OPERATIONS, ELEMENT_TYPES } from \"../helpers/constants\";\r\nimport {\r\n  addImageElement,\r\n  addVideoElement,\r\n  addRectElement,\r\n  addTextElement,\r\n  addCaptionElement,\r\n  addBackgroundColor,\r\n} from \"../components/elements\";\r\n\r\n/**\r\n * Custom hook to manage a Fabric.js canvas and associated operations.\r\n *\r\n * @param onCanvasReady - Callback executed when the canvas is ready.\r\n * @param onCanvasOperation - Callback executed on canvas operations such as item selection or updates.\r\n * @returns Canvas-related functions and state.\r\n */\r\nexport const useTwickCanvas = ({\r\n  onCanvasReady,\r\n  onCanvasOperation,\r\n}: {\r\n  onCanvasReady?: (canvas: FabricCanvas) => void;\r\n  onCanvasOperation?: (operation: string, data: any) => void;\r\n}) => {\r\n  const [twickCanvas, setTwickCanvas] = useState<FabricCanvas | null>(null); // Canvas instance\r\n  const elementMap = useRef<Record<string, any>>({}); // Maps element IDs to their data\r\n  const elementFrameMap = useRef<Record<string, any>>({}); // Maps element IDs to their frame effects\r\n  const twickCanvasRef = useRef<FabricCanvas | null>(null);\r\n  const videoSizeRef = useRef<Dimensions>({ width: 1, height: 1 }); // Stores the video dimensions\r\n  const canvasMetadataRef = useRef<CanvasMetadata>({\r\n    width: 0,\r\n    height: 0,\r\n    aspectRatio: 0,\r\n    scaleX: 1,\r\n    scaleY: 1,\r\n  }); // Metadata for the canvas\r\n\r\n  /**\r\n   * Updates canvas metadata when the video size changes.\r\n   *\r\n   * @param videoSize - New video dimensions.\r\n   */\r\n  const onVideoSizeChange = (videoSize: Dimensions) => {\r\n    if (videoSize) {\r\n      videoSizeRef.current = videoSize;\r\n      canvasMetadataRef.current.scaleX =\r\n        canvasMetadataRef.current.width / videoSize.width;\r\n      canvasMetadataRef.current.scaleY =\r\n        canvasMetadataRef.current.height / videoSize.height;\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Initializes the Fabric.js canvas with the provided configuration.\r\n   *\r\n   * @param props - Canvas configuration properties.\r\n   */\r\n  const buildCanvas = ({\r\n    videoSize,\r\n    canvasSize,\r\n    canvasRef,\r\n    backgroundColor = \"#000000\",\r\n    selectionBorderColor = \"#2563eb\",\r\n    selectionLineWidth = 2,\r\n    uniScaleTransform = true,\r\n    enableRetinaScaling = true,\r\n    touchZoomThreshold = 10,\r\n  }: CanvasProps) => {\r\n    if (!canvasRef) return;\r\n\r\n    // Dispose of the old canvas if it exists\r\n    if (twickCanvasRef.current) {\r\n      console.log(\"Destroying twickCanvas\");\r\n      twickCanvasRef.current.off(\"mouse:up\", handleMouseUp);\r\n      twickCanvasRef.current.dispose();\r\n    }\r\n\r\n    // Create a new canvas and update metadata\r\n    const { canvas, canvasMetadata } = createCanvas({\r\n      videoSize,\r\n      canvasSize,\r\n      canvasRef,\r\n      backgroundColor,\r\n      selectionBorderColor,\r\n      selectionLineWidth,\r\n      uniScaleTransform,\r\n      enableRetinaScaling,\r\n      touchZoomThreshold,\r\n    });\r\n    canvasMetadataRef.current = canvasMetadata;\r\n    videoSizeRef.current = videoSize;\r\n    // Attach event listeners\r\n    canvas?.on(\"mouse:up\", handleMouseUp);\r\n    setTwickCanvas(canvas);\r\n    twickCanvasRef.current = canvas;\r\n    // Notify when canvas is ready\r\n    if (onCanvasReady) {\r\n      onCanvasReady(canvas);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Handles mouse up events on the canvas.\r\n   *\r\n   * @param event - Event object.\r\n   */\r\n  const handleMouseUp = (event: any) => {\r\n    if (event.target) {\r\n      const object: FabricObject = event.target;\r\n      const elementId = object.get(\"id\");\r\n      if (event.transform?.action === \"drag\") {\r\n        const original = event.transform.original;\r\n        if (object.left === original.left && object.top === original.top) {\r\n          onCanvasOperation?.(\r\n            CANVAS_OPERATIONS.ITEM_SELECTED,\r\n            elementMap.current[elementId]\r\n          );\r\n          return;\r\n        }\r\n      }\r\n      switch (event.transform?.action) {\r\n        case \"drag\":\r\n        case \"scale\":\r\n        case \"scaleX\":\r\n        case \"scaleY\":\r\n        case \"rotate\":\r\n          const { x, y } = convertToVideoPosition(\r\n            object.left,\r\n            object.top,\r\n            canvasMetadataRef.current,\r\n            videoSizeRef.current\r\n          );\r\n          if (elementMap.current[elementId].type === \"caption\") {\r\n            elementMap.current[elementId] = {\r\n              ...elementMap.current[elementId],\r\n              props: {\r\n                ...elementMap.current[elementId].props,\r\n                pos: {\r\n                  x,\r\n                  y,\r\n                },\r\n              },\r\n            };\r\n            onCanvasOperation?.(\r\n              CANVAS_OPERATIONS.ITEM_UPDATED,\r\n              elementMap.current[elementId]\r\n            );\r\n          } else {\r\n            if (object?.type === \"group\") {\r\n              const currentFrameEffect = elementFrameMap.current[elementId];\r\n              let updatedFrameSize;\r\n              if (currentFrameEffect) {\r\n                updatedFrameSize = [\r\n                  currentFrameEffect.props.frameSize[0] * object.scaleX,\r\n                  currentFrameEffect.props.frameSize[1] * object.scaleY,\r\n                ];\r\n              } else {\r\n                updatedFrameSize = [\r\n                  elementMap.current[elementId].frame.size[0] * object.scaleX,\r\n                  elementMap.current[elementId].frame.size[1] * object.scaleY,\r\n                ];\r\n              }\r\n\r\n              if (currentFrameEffect) {\r\n                elementMap.current[elementId] = {\r\n                  ...elementMap.current[elementId],\r\n                  frameEffects: (\r\n                    elementMap.current[elementId].frameEffects || []\r\n                  ).map((frameEffect: any) =>\r\n                    frameEffect.id === currentFrameEffect?.id\r\n                      ? {\r\n                          ...frameEffect,\r\n                          props: {\r\n                            ...frameEffect.props,\r\n                            framePosition: {\r\n                              x,\r\n                              y,\r\n                            },\r\n                            frameSize: updatedFrameSize,\r\n                          },\r\n                        }\r\n                      : frameEffect\r\n                  ),\r\n                };\r\n                elementFrameMap.current[elementId] = {\r\n                  ...elementFrameMap.current[elementId],\r\n                  framePosition: {\r\n                    x,\r\n                    y,\r\n                  },\r\n                  frameSize: updatedFrameSize,\r\n                };\r\n              } else {\r\n                elementMap.current[elementId] = {\r\n                  ...elementMap.current[elementId],\r\n                  frame: {\r\n                    ...elementMap.current[elementId].frame,\r\n                    rotation: object.angle,\r\n                    size: updatedFrameSize,\r\n                    x,\r\n                    y,\r\n                  },\r\n                };\r\n              }\r\n            } else {\r\n              if (object?.type === \"text\") {\r\n                elementMap.current[elementId] = {\r\n                  ...elementMap.current[elementId],\r\n                  props: {\r\n                    ...elementMap.current[elementId].props,\r\n                    rotation: object.angle,\r\n                    x,\r\n                    y,\r\n                  },\r\n                };\r\n              } else {\r\n                elementMap.current[elementId] = {\r\n                  ...elementMap.current[elementId],\r\n                  props: {\r\n                    ...elementMap.current[elementId].props,\r\n                    rotation: object.angle,\r\n                    width:\r\n                      elementMap.current[elementId].props.width * object.scaleX,\r\n                    height:\r\n                      elementMap.current[elementId].props.height *\r\n                      object.scaleY,\r\n                    x,\r\n                    y,\r\n                  },\r\n                };\r\n              }\r\n            }\r\n            onCanvasOperation?.(\r\n              CANVAS_OPERATIONS.ITEM_UPDATED,\r\n              elementMap.current[elementId]\r\n            );\r\n          }\r\n          break;\r\n      }\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Sets elements to the canvas.\r\n   *\r\n   * @param options - Object containing elements, seek time, and additional options.\r\n   */\r\n  const setCanvasElements = async ({\r\n    elements,\r\n    seekTime = 0,\r\n    captionProps,\r\n    cleanAndAdd = false,\r\n  }: {\r\n    elements: CanvasElement[];\r\n    seekTime?: number;\r\n    captionProps?: any;\r\n    cleanAndAdd?: boolean;\r\n  }) => {\r\n    if (!twickCanvas) {\r\n      console.warn(\"Canvas not initialized\");\r\n      return;\r\n    }\r\n\r\n    try {\r\n      if (cleanAndAdd) {\r\n        // Clear canvas before adding new elements\r\n        clearCanvas(twickCanvas);\r\n      }\r\n\r\n      await Promise.all(\r\n        elements.map(async (element, index) => {\r\n          try {\r\n            if (!element) {\r\n              console.warn(\"Element not found\");\r\n              return;\r\n            }\r\n            await addElementToCanvas({\r\n              element,\r\n              index,\r\n              reorder: false,\r\n              seekTime,\r\n              captionProps,\r\n            });\r\n          } catch (error) {\r\n            console.error(`Error adding element ${element.id}:`, error);\r\n          }\r\n        })\r\n      );\r\n      reorderElementsByZIndex(twickCanvas);\r\n    } catch (error) {\r\n      console.error(\"Error in setCanvasElements:\", error);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Add element to the canvas.\r\n   *\r\n   * @param options - Object containing elements, seek time, and additional options.\r\n   */\r\n  const addElementToCanvas = async ({\r\n    element,\r\n    index,\r\n    reorder = true,\r\n    seekTime,\r\n    captionProps,\r\n  }: {\r\n    element: CanvasElement;\r\n    index: number;\r\n    reorder: boolean;\r\n    seekTime?: number;\r\n    captionProps?: any;\r\n  }) => {\r\n    if (!twickCanvas) {\r\n      console.warn(\"Canvas not initialized\");\r\n      return;\r\n    }\r\n    // Add element based on type\r\n    switch (element.type) {\r\n      case ELEMENT_TYPES.VIDEO:\r\n        const currentFrameEffect = getCurrentFrameEffect(element, seekTime || 0);\r\n        elementFrameMap.current[element.id] = currentFrameEffect;\r\n        const snapTime =\r\n          ((seekTime || 0) - (element?.s || 0)) *\r\n            (element?.props?.playbackRate || 1) +\r\n          (element?.props?.time || 0);\r\n        await addVideoElement({\r\n          element,\r\n          index,\r\n          canvas: twickCanvas,\r\n          canvasMetadata: canvasMetadataRef.current,\r\n          currentFrameEffect,\r\n          snapTime,\r\n        });\r\n        if (element.timelineType === \"scene\") {\r\n          await addBackgroundColor({\r\n            element,\r\n            index,\r\n            canvas: twickCanvas,\r\n            canvasMetadata: canvasMetadataRef.current,\r\n          });\r\n        }\r\n        break;\r\n      case ELEMENT_TYPES.IMAGE:\r\n        await addImageElement({\r\n          element,\r\n          index,\r\n          canvas: twickCanvas,\r\n          canvasMetadata: canvasMetadataRef.current,\r\n        });\r\n        if (element.timelineType === \"scene\") {\r\n          await addBackgroundColor({\r\n            element,\r\n            index,\r\n            canvas: twickCanvas,\r\n            canvasMetadata: canvasMetadataRef.current,\r\n          });\r\n        }\r\n        break;\r\n      case ELEMENT_TYPES.RECT:\r\n        await addRectElement({\r\n          element,\r\n          index,\r\n          canvas: twickCanvas,\r\n          canvasMetadata: canvasMetadataRef.current,\r\n        });\r\n        break;\r\n      case ELEMENT_TYPES.TEXT:\r\n        await addTextElement({\r\n          element,\r\n          index,\r\n          canvas: twickCanvas,\r\n          canvasMetadata: canvasMetadataRef.current,\r\n        });\r\n        break;\r\n      case ELEMENT_TYPES.CAPTION:\r\n        await addCaptionElement({\r\n          element,\r\n          index,\r\n          canvas: twickCanvas,\r\n          captionProps,\r\n          canvasMetadata: canvasMetadataRef.current,\r\n        });\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n    elementMap.current[element.id] = element;\r\n    if (reorder) {\r\n      reorderElementsByZIndex(twickCanvas);\r\n    }\r\n  };\r\n\r\n  return {\r\n    twickCanvas,\r\n    buildCanvas,\r\n    onVideoSizeChange,\r\n    addElementToCanvas,\r\n    setCanvasElements,\r\n  };\r\n};\r\n"],"names":["FabricCanvas"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../src/helpers/constants.ts","../src/helpers/browser.ts","../src/helpers/canvas.util.ts","../src/components/element-controls.tsx","../../media-utils/dist/index.mjs","../src/components/elements.tsx","../src/hooks/use-twick-canvas.ts"],"sourcesContent":["export const DEFAULT_TEXT_PROPS = {\n    family: \"Poppins\",\n    size: 48,\n    fill: \"#FFFFFF\",\n    stroke: \"#000000\",\n    lineWidth: 0,\n  }\n  \nexport const DEFAULT_CAPTION_PROPS = {\n    family: \"Poppins\",\n    size: 48,\n    fill: \"#FFFFFF\",\n    fontWeight: 600,\n    color: {\n        text: \"#FFFFFF\",\n        background: \"#000000\",\n        highlight: \"#FFFFFF\",\n    },\n    stroke: \"#000000\",\n    lineWidth: 0.2,\n    shadowColor: \"#000000\",\n    shadowBlur: 2,\n    shadowOffset: [0, 0],\n}\n\nexport const CANVAS_OPERATIONS = {\n  ITEM_SELECTED: \"ITEM_SELECTED\",\n  ITEM_UPDATED: \"ITEM_UPDATED\",\n  ITEM_DELETED: \"ITEM_DELETED\",\n  ITEM_ADDED: \"ITEM_ADDED\",\n  ITEM_GROUPED: \"ITEM_GROUPED\",\n  ITEM_UNGROUPED: \"ITEM_UNGROUPED\",\n}\n\nexport const ELEMENT_TYPES = {\n  TEXT: \"text\",\n  CAPTION: \"caption\",\n  IMAGE: \"image\",\n  VIDEO: \"video\",\n  RECT: \"rect\",\n  BACKGROUND_COLOR: \"backgroundColor\",\n}\n","export const isBrowser = typeof window !== 'undefined';\n\nexport const isCanvasSupported = isBrowser && !!window.HTMLCanvasElement;\n\nexport const isVideoSupported = isBrowser && !!window.HTMLVideoElement;\n\nexport function assertBrowser() {\n  if (!isBrowser) {\n    throw new Error('This code can only run in a browser environment');\n  }\n}\n\nexport function assertCanvasSupport() {\n  if (!isCanvasSupported) {\n    throw new Error('Canvas is not supported in this environment');\n  }\n}\n\nexport function assertVideoSupport() {\n  if (!isVideoSupported) {\n    throw new Error('Video is not supported in this environment');\n  }\n} ","import {\n  Canvas as FabricCanvas,\n} from \"fabric\";\nimport { CanvasMetadata, CanvasProps } from \"../types\";\nimport { Dimensions, Position } from \"@twick/media-utils\";\nimport { assertBrowser, assertCanvasSupport } from \"./browser\";\n\n/**\n * Creates and initializes a Fabric.js canvas with specified configurations.\n *\n * @param videoSize - The dimensions of the video.\n * @param canvasSize - The dimensions of the canvas.\n * @param canvasContainer - The HTML container for the canvas.\n * @param backgroundColor - Background color of the canvas (default: black).\n * @param selectionBorderColor - Border color for selected objects (default: blue).\n * @param selectionLineWidth - Width of the selection border (default: 2).\n * @param uniScaleTransform - Ensures uniform scaling of objects (default: true).\n * @param enableRetinaScaling - Enables retina scaling for higher DPI (default: true).\n * @param touchZoomThreshold - Threshold for touch zoom interactions (default: 10).\n * @returns An object containing the initialized canvas and its metadata.\n */\nexport const createCanvas = ({\n  videoSize,\n  canvasSize,\n  canvasRef,\n  backgroundColor = \"#000000\",\n  selectionBorderColor = \"#2563eb\",\n  selectionLineWidth = 2,\n  uniScaleTransform = true,\n  enableRetinaScaling = true,\n  touchZoomThreshold = 10,\n}: CanvasProps): { canvas: FabricCanvas; canvasMetadata: CanvasMetadata } => {\n  assertBrowser();\n  assertCanvasSupport();\n\n  // Metadata for scaling and positioning on the canvas\n  const canvasMetadata = {\n    width: canvasSize.width,\n    height: canvasSize.height,\n    aspectRatio: canvasSize.width / canvasSize.height,\n    scaleX: canvasSize.width / videoSize.width,\n    scaleY: canvasSize.height / videoSize.height,\n  };\n\n  // Create and configure the Fabric.js canvas\n  const canvas = new FabricCanvas(canvasRef, {\n    backgroundColor,\n    width: canvasSize.width,\n    height: canvasSize.height,\n    preserveObjectStacking: true,\n    enableRetinaScaling,\n    selectionBorderColor,\n    selectionLineWidth,\n    uniScaleTransform,\n    touchZoomThreshold,\n    renderOnAddRemove: false,\n    stateful: false,\n    selection: true,\n    skipTargetFind: false,\n    controlsAboveOverlay: true,\n  });\n\n  // Set dimensions and render canvas\n  if (canvasRef) {\n    canvas.setDimensions({\n      width: canvasMetadata.width,\n      height: canvasMetadata.height,\n    });\n    canvas.renderAll();\n  }\n\n  return {\n    canvas,\n    canvasMetadata,\n  };\n};\n\n/**\n * Reorders elements on the canvas based on their zIndex property.\n *\n * @param canvas - The Fabric.js canvas instance.\n */\nexport const reorderElementsByZIndex = (canvas: FabricCanvas) => {\n  if (!canvas) return;\n  const backgroundColor = canvas.backgroundColor;\n\n  const objects = canvas.getObjects();\n  console.log(\"objects\", objects);\n  // Sort objects by zIndex and re-add to the canvas in order\n  objects.sort((a, b) => (a.zIndex || 0) - (b.zIndex || 0));\n\n  canvas.clear();\n  canvas.backgroundColor = backgroundColor;\n\n  objects.forEach((obj) => canvas.add(obj));\n  canvas.renderAll();\n};\n\n/**\n * Clears all elements from the canvas and re-renders it.\n *\n * @param canvas - The Fabric.js canvas instance.\n */\nexport const clearCanvas = (canvas: FabricCanvas) => {\n  if (!canvas) return;\n  canvas.clear();\n  canvas.renderAll();\n};\n\n/**\n * Converts a position from the video coordinate space to the canvas coordinate space.\n *\n * @param x - X-coordinate in video space.\n * @param y - Y-coordinate in video space.\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\n * @returns The corresponding position in canvas space.\n */\nexport const convertToCanvasPosition = (\n  x: number,\n  y: number,\n  canvasMetadata: CanvasMetadata\n): Position => {\n  return {\n    x: x * canvasMetadata.scaleX + canvasMetadata.width / 2,\n    y: y * canvasMetadata.scaleY + canvasMetadata.height / 2,\n  };\n};\n\n/**\n * Converts a position from the canvas coordinate space to the video coordinate space.\n *\n * @param x - X-coordinate in canvas space.\n * @param y - Y-coordinate in canvas space.\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\n * @param videoSize - Dimensions of the video.\n * @returns The corresponding position in video space.\n */\nexport const convertToVideoPosition = (\n  x: number,\n  y: number,\n  canvasMetadata: CanvasMetadata,\n  videoSize: Dimensions\n): Position => {\n  return {\n    x: x / canvasMetadata.scaleX - videoSize.width / 2,\n    y: y / canvasMetadata.scaleY - videoSize.height / 2,\n  };\n};\n\n/**\n * Retrieves the current frame effect for a given seek time.\n *\n * @param item - The item containing frame effects.\n * @param seekTime - The current time to match against frame effects.\n * @returns The current frame effect active at the given seek time, if any.\n */\nexport const getCurrentFrameEffect = (item: any, seekTime: number) => {\n  let currentFrameEffect;\n  for (let i = 0; i < item?.frameEffects?.length; i++) {\n    if (\n      item.frameEffects[i].s <= seekTime &&\n      item.frameEffects[i].e >= seekTime\n    ) {\n      currentFrameEffect = item.frameEffects[i];\n      break;\n    }\n  }\n  return currentFrameEffect;\n};\n","import { Control, controlsUtils } from \"fabric\";\n\nexport const disabledControl = new Control({\n    x: 0,\n    y: -0.5,\n    offsetY: 0,\n    cursorStyle: \"pointer\",\n    actionHandler: () => {\n      return true;\n    },\n    actionName: \"scale\",\n    render: function (ctx: CanvasRenderingContext2D,\n            left: number,\n            top: number) {\n      const size = 0;\n      ctx.save();\n      ctx.translate(left, top);\n      ctx.fillStyle = \"#red\";\n      ctx.fillRect(-size / 2, -size / 2, size, size);\n      ctx.restore();\n    },\n  });\n\nexport const rotateControl = new Control({\n    x: 0,\n    y: -0.5,\n    offsetY: -25,\n    cursorStyle: \"crosshair\",\n    actionHandler: controlsUtils.rotationWithSnapping,\n    actionName: \"rotate\",\n    withConnection: true,\n  });","const imageDimensionsCache = {};\nconst videoMetaCache = {};\nconst audioDurationCache = {};\n\nconst getAudioDuration = (audioSrc) => {\n  if (audioDurationCache[audioSrc]) {\n    return Promise.resolve(audioDurationCache[audioSrc]);\n  }\n  return new Promise((resolve, reject) => {\n    const audio = document.createElement(\"audio\");\n    audio.preload = \"metadata\";\n    const isSafeUrl = /^(https?:|blob:|data:audio\\/)/i.test(audioSrc);\n    if (!isSafeUrl) {\n      throw new Error(\"Unsafe audio source URL\");\n    }\n    audio.src = audioSrc;\n    audio.onloadedmetadata = () => {\n      const duration = audio.duration;\n      audioDurationCache[audioSrc] = duration;\n      resolve(duration);\n    };\n    audio.onerror = () => {\n      reject(new Error(\"Failed to load audio metadata\"));\n    };\n  });\n};\n\nconst concurrencyLimit = 5;\nlet activeCount = 0;\nconst queue = [];\nfunction runNext() {\n  if (queue.length === 0 || activeCount >= concurrencyLimit) return;\n  const next = queue.shift();\n  if (next) {\n    activeCount++;\n    next();\n  }\n}\nfunction limit(fn) {\n  return new Promise((resolve, reject) => {\n    const task = () => {\n      fn().then(resolve).catch(reject).finally(() => {\n        activeCount--;\n        runNext();\n      });\n    };\n    if (activeCount < concurrencyLimit) {\n      activeCount++;\n      task();\n    } else {\n      queue.push(task);\n    }\n  });\n}\n\nconst loadImageDimensions = (url) => {\n  return new Promise((resolve, reject) => {\n    if (typeof document === \"undefined\") {\n      reject(new Error(\"getImageDimensions() is only available in the browser.\"));\n      return;\n    }\n    const img = new Image();\n    img.onload = () => {\n      resolve({ width: img.naturalWidth, height: img.naturalHeight });\n    };\n    img.onerror = reject;\n    img.src = url;\n  });\n};\nconst getImageDimensions = (url) => {\n  if (imageDimensionsCache[url]) {\n    return Promise.resolve(imageDimensionsCache[url]);\n  }\n  return limit(() => loadImageDimensions(url)).then((dimensions) => {\n    imageDimensionsCache[url] = dimensions;\n    return dimensions;\n  });\n};\n\nconst getVideoMeta = (videoSrc) => {\n  if (videoMetaCache[videoSrc]) {\n    return Promise.resolve(videoMetaCache[videoSrc]);\n  }\n  return new Promise((resolve, reject) => {\n    const video = document.createElement(\"video\");\n    video.preload = \"metadata\";\n    const isSafeUrl = /^(https?:|blob:|data:video\\/)/i.test(videoSrc);\n    if (!isSafeUrl) {\n      reject(new Error(\"Unsafe video source URL\"));\n      return;\n    }\n    video.src = videoSrc;\n    video.onloadedmetadata = () => {\n      const meta = {\n        width: video.videoWidth,\n        height: video.videoHeight,\n        duration: video.duration\n      };\n      videoMetaCache[videoSrc] = meta;\n      resolve(meta);\n    };\n    video.onerror = () => reject(new Error(\"Failed to load video metadata\"));\n  });\n};\n\nconst getThumbnail = async (videoUrl, seekTime = 0.1, playbackRate = 1) => {\n  return new Promise((resolve, reject) => {\n    const video = document.createElement(\"video\");\n    video.crossOrigin = \"anonymous\";\n    video.muted = true;\n    video.playsInline = true;\n    video.autoplay = false;\n    video.preload = \"auto\";\n    video.playbackRate = playbackRate;\n    video.style.position = \"absolute\";\n    video.style.left = \"-9999px\";\n    video.style.top = \"-9999px\";\n    video.style.width = \"1px\";\n    video.style.height = \"1px\";\n    video.style.opacity = \"0\";\n    video.style.pointerEvents = \"none\";\n    video.style.zIndex = \"-1\";\n    let timeoutId;\n    const cleanup = () => {\n      if (video.parentNode) video.remove();\n      if (timeoutId) clearTimeout(timeoutId);\n    };\n    const handleError = () => {\n      cleanup();\n      reject(new Error(`Failed to load video: ${video.error?.message || \"Unknown error\"}`));\n    };\n    const handleSeeked = () => {\n      try {\n        video.pause();\n        const canvas = document.createElement(\"canvas\");\n        const width = video.videoWidth || 640;\n        const height = video.videoHeight || 360;\n        canvas.width = width;\n        canvas.height = height;\n        const ctx = canvas.getContext(\"2d\");\n        if (!ctx) {\n          cleanup();\n          reject(new Error(\"Failed to get canvas context\"));\n          return;\n        }\n        ctx.drawImage(video, 0, 0, width, height);\n        try {\n          const dataUrl = canvas.toDataURL(\"image/jpeg\", 0.8);\n          cleanup();\n          resolve(dataUrl);\n        } catch {\n          canvas.toBlob((blob) => {\n            if (!blob) {\n              cleanup();\n              reject(new Error(\"Failed to create Blob\"));\n              return;\n            }\n            const blobUrl = URL.createObjectURL(blob);\n            cleanup();\n            resolve(blobUrl);\n          }, \"image/jpeg\", 0.8);\n        }\n      } catch (err) {\n        cleanup();\n        reject(new Error(`Error creating thumbnail: ${err}`));\n      }\n    };\n    video.addEventListener(\"error\", handleError, { once: true });\n    video.addEventListener(\"seeked\", handleSeeked, { once: true });\n    video.addEventListener(\"loadedmetadata\", () => {\n      const playPromise = video.play();\n      if (playPromise !== void 0) {\n        playPromise.then(() => {\n          video.currentTime = seekTime;\n        }).catch(() => {\n          video.currentTime = seekTime;\n        });\n      } else {\n        video.currentTime = seekTime;\n      }\n    }, { once: true });\n    timeoutId = window.setTimeout(() => {\n      cleanup();\n      reject(new Error(\"Video loading timed out\"));\n    }, 5e3);\n    video.src = videoUrl;\n    document.body.appendChild(video);\n  });\n};\n\nconst extractAudio = async ({\n  src,\n  playbackRate = 1,\n  start = 0,\n  end\n}) => {\n  if (!src) throw new Error(\"src is required\");\n  if (playbackRate <= 0) throw new Error(\"playbackRate must be > 0\");\n  const isSafeUrl = /^(https?:|blob:|data:)/i.test(src);\n  if (!isSafeUrl) throw new Error(\"Unsafe media source URL\");\n  const audioBuffer = await fetchAndDecodeAudio(src);\n  const clampedStart = Math.max(0, start || 0);\n  const fullDuration = audioBuffer.duration;\n  const clampedEnd = Math.min(\n    typeof end === \"number\" ? end : fullDuration,\n    fullDuration\n  );\n  if (clampedEnd <= clampedStart)\n    throw new Error(\"Invalid range: end must be greater than start\");\n  const renderedBuffer = await renderAudioSegment(\n    audioBuffer,\n    clampedStart,\n    clampedEnd,\n    playbackRate\n  );\n  const mp3Blob = await audioBufferToMp3(renderedBuffer);\n  return URL.createObjectURL(mp3Blob);\n};\nconst stitchAudio = async (segments, totalDuration) => {\n  if (!segments || segments.length === 0) {\n    throw new Error(\"At least one audio segment is required\");\n  }\n  const duration = totalDuration || Math.max(...segments.map((s) => s.e));\n  const renderedBuffer = await createAudioTimeline(segments, duration);\n  const mp3Blob = await audioBufferToMp3(renderedBuffer);\n  return URL.createObjectURL(mp3Blob);\n};\nconst fetchAndDecodeAudio = async (src) => {\n  const response = await fetch(src);\n  if (!response.ok) throw new Error(`Failed to fetch source: ${response.status}`);\n  const arrayBuffer = await response.arrayBuffer();\n  return decodeAudioData(arrayBuffer);\n};\nconst decodeAudioData = async (arrayBuffer) => {\n  const AudioContextCtor = window.AudioContext || window.webkitAudioContext;\n  if (!AudioContextCtor) throw new Error(\"Web Audio API not supported\");\n  const audioContext = new AudioContextCtor();\n  try {\n    return await new Promise((resolve, reject) => {\n      audioContext.decodeAudioData(\n        arrayBuffer.slice(0),\n        (buf) => resolve(buf),\n        (err) => reject(err || new Error(\"Failed to decode audio\"))\n      );\n    });\n  } finally {\n    audioContext.close();\n  }\n};\nconst renderAudioSegment = async (audioBuffer, start, end, playbackRate) => {\n  const OfflineAudioContextCtor = window.OfflineAudioContext || window.webkitOfflineAudioContext;\n  if (!OfflineAudioContextCtor) throw new Error(\"OfflineAudioContext not supported\");\n  const sampleRate = audioBuffer.sampleRate;\n  const numChannels = audioBuffer.numberOfChannels;\n  const sourceDuration = end - start;\n  const renderedFrames = Math.max(\n    1,\n    Math.ceil(sourceDuration / playbackRate * sampleRate)\n  );\n  const offline = new OfflineAudioContextCtor(numChannels, renderedFrames, sampleRate);\n  const sourceNode = offline.createBufferSource();\n  sourceNode.buffer = audioBuffer;\n  sourceNode.playbackRate.value = playbackRate;\n  sourceNode.connect(offline.destination);\n  sourceNode.start(0, start, sourceDuration);\n  return await offline.startRendering();\n};\nconst createAudioTimeline = async (segments, duration) => {\n  const OfflineAudioContextCtor = window.OfflineAudioContext || window.webkitOfflineAudioContext;\n  if (!OfflineAudioContextCtor) throw new Error(\"OfflineAudioContext not supported\");\n  const sampleRate = 44100;\n  const totalFrames = Math.ceil(duration * sampleRate);\n  const offline = new OfflineAudioContextCtor(2, totalFrames, sampleRate);\n  for (const segment of segments) {\n    if (segment.s >= segment.e) {\n      console.warn(`Invalid segment: start (${segment.s}) >= end (${segment.e})`);\n      continue;\n    }\n    const volume = segment.volume ?? 1;\n    if (volume <= 0) {\n      console.warn(`Skipping muted segment: ${segment.src}`);\n      continue;\n    }\n    try {\n      const audioBuffer = await fetchAndDecodeAudio(segment.src);\n      const segmentDuration = segment.e - segment.s;\n      const sourceDuration = Math.min(segmentDuration, audioBuffer.duration);\n      const source = offline.createBufferSource();\n      source.buffer = audioBuffer;\n      if (volume !== 1) {\n        const gainNode = offline.createGain();\n        gainNode.gain.value = volume;\n        source.connect(gainNode);\n        gainNode.connect(offline.destination);\n      } else {\n        source.connect(offline.destination);\n      }\n      source.start(segment.s, 0, sourceDuration);\n    } catch (error) {\n      console.warn(`Failed to process segment: ${segment.src}`, error);\n    }\n  }\n  return await offline.startRendering();\n};\nconst audioBufferToMp3 = async (buffer) => {\n  try {\n    const wavArrayBuffer = audioBufferToWavArrayBuffer(buffer);\n    const pcmBuffer = await decodeAudioData(wavArrayBuffer);\n    return await encodePcmToMp3(pcmBuffer);\n  } catch (error) {\n    return audioBufferToWavBlob(buffer);\n  }\n};\nconst audioBufferToWavArrayBuffer = (buffer) => {\n  const numChannels = buffer.numberOfChannels;\n  const sampleRate = buffer.sampleRate;\n  const numFrames = buffer.length;\n  const interleaved = interleave(buffer, numChannels, numFrames);\n  const bytesPerSample = 2;\n  const blockAlign = numChannels * bytesPerSample;\n  const byteRate = sampleRate * blockAlign;\n  const dataSize = interleaved.length * bytesPerSample;\n  const bufferSize = 44 + dataSize;\n  const arrayBuffer = new ArrayBuffer(bufferSize);\n  const view = new DataView(arrayBuffer);\n  writeString(view, 0, \"RIFF\");\n  view.setUint32(4, 36 + dataSize, true);\n  writeString(view, 8, \"WAVE\");\n  writeString(view, 12, \"fmt \");\n  view.setUint32(16, 16, true);\n  view.setUint16(20, 1, true);\n  view.setUint16(22, numChannels, true);\n  view.setUint32(24, sampleRate, true);\n  view.setUint32(28, byteRate, true);\n  view.setUint16(32, blockAlign, true);\n  view.setUint16(34, 16, true);\n  writeString(view, 36, \"data\");\n  view.setUint32(40, dataSize, true);\n  floatTo16BitPCM(view, 44, interleaved);\n  return arrayBuffer;\n};\nconst encodePcmToMp3 = async (buffer) => {\n  const lamejs = await import('./index-CXhwwSX-.js').then(n => n.i);\n  const channels = buffer.numberOfChannels >= 2 ? 2 : 1;\n  const targetSampleRate = 22050;\n  const downsampledBuffer = downsampleAudioBuffer(buffer, targetSampleRate);\n  const kbps = 48;\n  const mp3encoder = new lamejs.default.Mp3Encoder(channels, targetSampleRate, kbps);\n  const samplesPerFrame = 1152;\n  const leftFloat = downsampledBuffer.getChannelData(0);\n  const left = floatTo16(leftFloat);\n  let right;\n  if (channels === 2) {\n    const rightFloat = downsampledBuffer.getChannelData(1);\n    right = floatTo16(rightFloat);\n  }\n  const mp3Chunks = [];\n  for (let i = 0; i < left.length; i += samplesPerFrame) {\n    const leftChunk = left.subarray(i, Math.min(i + samplesPerFrame, left.length));\n    let mp3buf;\n    if (channels === 2 && right) {\n      const rightChunk = right.subarray(i, Math.min(i + samplesPerFrame, right.length));\n      mp3buf = mp3encoder.encodeBuffer(leftChunk, rightChunk);\n    } else {\n      mp3buf = mp3encoder.encodeBuffer(leftChunk);\n    }\n    if (mp3buf.length > 0) mp3Chunks.push(mp3buf);\n  }\n  const end = mp3encoder.flush();\n  if (end.length > 0) mp3Chunks.push(end);\n  return new Blob(mp3Chunks, { type: \"audio/mpeg\" });\n};\nconst audioBufferToWavBlob = (buffer) => {\n  const arrayBuffer = audioBufferToWavArrayBuffer(buffer);\n  return new Blob([arrayBuffer], { type: \"audio/wav\" });\n};\nconst downsampleAudioBuffer = (buffer, targetSampleRate) => {\n  if (buffer.sampleRate === targetSampleRate) {\n    return buffer;\n  }\n  const ratio = buffer.sampleRate / targetSampleRate;\n  const newLength = Math.round(buffer.length / ratio);\n  const newBuffer = new AudioContext().createBuffer(\n    buffer.numberOfChannels,\n    newLength,\n    targetSampleRate\n  );\n  for (let channel = 0; channel < buffer.numberOfChannels; channel++) {\n    const oldData = buffer.getChannelData(channel);\n    const newData = newBuffer.getChannelData(channel);\n    for (let i = 0; i < newLength; i++) {\n      const oldIndex = Math.floor(i * ratio);\n      newData[i] = oldData[oldIndex];\n    }\n  }\n  return newBuffer;\n};\nconst interleave = (buffer, numChannels, numFrames) => {\n  if (numChannels === 1) {\n    return buffer.getChannelData(0).slice(0, numFrames);\n  }\n  const result = new Float32Array(numFrames * numChannels);\n  const channelData = [];\n  for (let ch = 0; ch < numChannels; ch++) {\n    channelData[ch] = buffer.getChannelData(ch);\n  }\n  let writeIndex = 0;\n  for (let i = 0; i < numFrames; i++) {\n    for (let ch = 0; ch < numChannels; ch++) {\n      result[writeIndex++] = channelData[ch][i];\n    }\n  }\n  return result;\n};\nconst floatTo16BitPCM = (view, offset, input) => {\n  let pos = offset;\n  for (let i = 0; i < input.length; i++, pos += 2) {\n    let s = Math.max(-1, Math.min(1, input[i]));\n    view.setInt16(pos, s < 0 ? s * 32768 : s * 32767, true);\n  }\n};\nconst floatTo16 = (input) => {\n  const output = new Int16Array(input.length);\n  for (let i = 0; i < input.length; i++) {\n    const s = Math.max(-1, Math.min(1, input[i]));\n    output[i] = s < 0 ? s * 32768 : s * 32767;\n  }\n  return output;\n};\nconst writeString = (view, offset, str) => {\n  for (let i = 0; i < str.length; i++) {\n    view.setUint8(offset + i, str.charCodeAt(i));\n  }\n};\n\nconst getScaledDimensions = (width, height, maxWidth, maxHeight) => {\n  if (width <= maxWidth && height <= maxHeight) {\n    return {\n      width: width % 2 === 0 ? width : width - 1,\n      height: height % 2 === 0 ? height : height - 1\n    };\n  }\n  const widthRatio = maxWidth / width;\n  const heightRatio = maxHeight / height;\n  const scale = Math.min(widthRatio, heightRatio);\n  let scaledWidth = Math.round(width * scale);\n  let scaledHeight = Math.round(height * scale);\n  if (scaledWidth % 2 !== 0) {\n    scaledWidth -= 1;\n  }\n  if (scaledHeight % 2 !== 0) {\n    scaledHeight -= 1;\n  }\n  return {\n    width: Math.min(scaledWidth, maxWidth),\n    height: Math.min(scaledHeight, maxHeight)\n  };\n};\nconst getObjectFitSize = (objectFit, elementSize, containerSize) => {\n  const elementAspectRatio = elementSize.width / elementSize.height;\n  const containerAspectRatio = containerSize.width / containerSize.height;\n  switch (objectFit) {\n    case \"contain\":\n      if (elementAspectRatio > containerAspectRatio) {\n        return {\n          width: containerSize.width,\n          height: containerSize.width / elementAspectRatio\n        };\n      } else {\n        return {\n          width: containerSize.height * elementAspectRatio,\n          height: containerSize.height\n        };\n      }\n    case \"cover\":\n      if (elementAspectRatio > containerAspectRatio) {\n        return {\n          width: containerSize.height * elementAspectRatio,\n          height: containerSize.height\n        };\n      } else {\n        return {\n          width: containerSize.width,\n          height: containerSize.width / elementAspectRatio\n        };\n      }\n    case \"fill\":\n      return {\n        width: containerSize.width,\n        height: containerSize.height\n      };\n    default:\n      return {\n        width: elementSize.width,\n        height: elementSize.height\n      };\n  }\n};\n\nconst blobUrlToFile = async (blobUrl, fileName) => {\n  const response = await fetch(blobUrl);\n  const blob = await response.blob();\n  return new File([blob], fileName, { type: blob.type });\n};\nconst saveAsFile = (content, type, name) => {\n  const blob = typeof content === \"string\" ? new Blob([content], { type }) : content;\n  const url = URL.createObjectURL(blob);\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = name;\n  a.click();\n  URL.revokeObjectURL(url);\n};\nconst downloadFile = async (url, filename) => {\n  try {\n    const response = await fetch(url);\n    const blob = await response.blob();\n    const downloadUrl = window.URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.href = downloadUrl;\n    link.download = filename;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    window.URL.revokeObjectURL(downloadUrl);\n  } catch (error) {\n    console.error(\"Error downloading file:\", error);\n    throw error;\n  }\n};\n\nconst detectMediaTypeFromUrl = async (url) => {\n  try {\n    const response = await fetch(url, { method: \"HEAD\" });\n    const contentType = response.headers.get(\"Content-Type\");\n    if (!contentType) return null;\n    if (contentType.startsWith(\"image/\")) return \"image\";\n    if (contentType.startsWith(\"video/\")) return \"video\";\n    if (contentType.startsWith(\"audio/\")) return \"audio\";\n    return null;\n  } catch (error) {\n    console.error(\"Fetch failed:\", error);\n    return null;\n  }\n};\n\nexport { blobUrlToFile, detectMediaTypeFromUrl, downloadFile, extractAudio, getAudioDuration, getImageDimensions, getObjectFitSize, getScaledDimensions, getThumbnail, getVideoMeta, limit, saveAsFile, stitchAudio };\n//# sourceMappingURL=index.mjs.map\n","import {\n  Canvas as FabricCanvas,\n  FabricText,\n  Group,\n  FabricImage,\n  Rect,\n  Shadow,\n} from \"fabric\";\nimport { convertToCanvasPosition } from \"../helpers/canvas.util\";\nimport {\n  CanvasElement,\n  CanvasMetadata,\n  CaptionProps,\n  FrameEffect,\n} from \"../types\";\nimport {\n  DEFAULT_CAPTION_PROPS,\n  DEFAULT_TEXT_PROPS,\n} from \"../helpers/constants\";\nimport { disabledControl, rotateControl } from \"./element-controls\";\nimport { getObjectFitSize, getThumbnail } from \"@twick/media-utils\";\n\n/**\n * Add a text element for the canvas.\n *\n * @param {Object} params - The parameters for creating the text element.\n * @param {CanvasElement} params.element - The canvas element configuration.\n * @param {number} params.index - The z-index of the element.\n * @param {CanvasMetadata} params.canvasMetadata - Metadata about the canvas, including scale and dimensions.\n * @returns {FabricText} The configured Fabric.js text object.\n */\nexport const addTextElement = ({\n  element,\n  index,\n  canvas,\n  canvasMetadata,\n}: {\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  canvasMetadata: CanvasMetadata;\n}) => {\n  const { x, y } = convertToCanvasPosition(\n    element.props?.x || 0,\n    element.props?.y || 0,\n    canvasMetadata\n  );\n\n  const text = new FabricText(element.props?.text || element.t || \"\", {\n    left: x,\n    top: y,\n    originX: \"center\",\n    originY: \"center\",\n    angle: element.props?.rotation || 0,\n    fontSize: Math.round(\n      (element.props?.fontSize || DEFAULT_TEXT_PROPS.size) *\n        canvasMetadata.scaleX\n    ),\n    fontFamily: element.props?.fontFamily || DEFAULT_TEXT_PROPS.family,\n    fontStyle: element.props?.fontStyle || \"normal\",\n    fontWeight: element.props?.fontWeight || \"normal\",\n    fill: element.props?.fill || DEFAULT_TEXT_PROPS.fill,\n    skipWrapping: false,\n    textAlign: element.props?.textAlign || \"center\",\n    stroke: element.props?.stroke || DEFAULT_TEXT_PROPS.stroke,\n    strokeWidth: element.props?.lineWidth || DEFAULT_TEXT_PROPS.lineWidth,\n    shadow: element.props?.shadowColor\n      ? new Shadow({\n          offsetX:\n            element.props?.shadowOffset?.length &&\n            element.props?.shadowOffset?.length > 1\n              ? element.props.shadowOffset[0] / 2\n              : 1,\n          offsetY:\n            element.props?.shadowOffset?.length &&\n            element.props?.shadowOffset.length > 1\n              ? element.props.shadowOffset[1] / 2\n              : 1,\n          blur: (element.props?.shadowBlur || 2) / 2,\n          color: element.props?.shadowColor,\n        })\n      : undefined,\n  });\n\n  // Assign metadata and custom controls\n  text.set(\"id\", element.id);\n  text.set(\"zIndex\", index);\n\n  // Disable unwanted control points\n  text.controls.mt = disabledControl;\n  text.controls.mb = disabledControl;\n  text.controls.ml = disabledControl;\n  text.controls.mr = disabledControl;\n  text.controls.bl = disabledControl;\n  text.controls.br = disabledControl;\n  text.controls.tl = disabledControl;\n  text.controls.tr = disabledControl;\n  text.controls.mtr = rotateControl;\n\n  canvas.add(text);\n  return text;\n};\n\nconst setImageProps = ({\n  img,\n  element,\n  index,\n  canvasMetadata,\n}: {\n  img: FabricImage;\n  element: CanvasElement;\n  index: number;\n  canvasMetadata: CanvasMetadata;\n}) => {\n  const width =\n    (element.props?.width || 0) * canvasMetadata.scaleX || canvasMetadata.width;\n  const height =\n    (element.props?.height || 0) * canvasMetadata.scaleY ||\n    canvasMetadata.height;\n  const { x, y } = convertToCanvasPosition(\n    element.props?.x || 0,\n    element.props?.y || 0,\n    canvasMetadata\n  );\n  console.log(width, height, x, y);\n  img.set(\"id\", element.id);\n  img.set(\"zIndex\", index);\n  img.set(\"width\", width);\n  img.set(\"height\", height);\n  img.set(\"left\", x);\n  img.set(\"top\", y);\n  img.set(\"selectable\", true);\n  img.set(\"hasControls\", true);\n  img.set(\"touchAction\", \"all\");\n};\n\n/**\n * Add a caption element for the canvas based on provided props.\n *\n * @param {Object} params - Parameters for creating the caption.\n * @param {CanvasElement} params.element - The canvas element configuration.\n * @param {FabricCanvas} params.canvas - The Fabric.js canvas instance.\n * @param {number} params.index - The z-index of the element.\n * @param {CaptionProps} params.captionProps - Default and user-defined caption properties.\n * @param {CanvasMetadata} params.canvasMetadata - Metadata about the canvas, including scale and dimensions.\n * @returns {FabricText} The configured Fabric.js caption object.\n */\nexport const addCaptionElement = ({\n  element,\n  index,\n  canvas,\n  captionProps,\n  canvasMetadata,\n}: {\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  captionProps: CaptionProps;\n  canvasMetadata: CanvasMetadata;\n}) => {\n  const { x, y } = convertToCanvasPosition(\n    element.props?.pos?.x || captionProps?.pos?.x || 0,\n    element.props?.pos?.y || captionProps?.pos?.y || 0,\n    canvasMetadata\n  );\n\n  const caption = new FabricText(element.props?.text || element.t ||\"\", {\n    left: x,\n    top: y,\n    originX: \"center\",\n    originY: \"center\",\n    angle: element.props?.rotation || 0,\n    fontSize: Math.round(\n      (element.props?.font?.size ||\n        captionProps.font?.size ||\n        DEFAULT_CAPTION_PROPS.size) * canvasMetadata.scaleX\n    ),\n    fontFamily:\n      element.props?.font?.family ||\n      captionProps.font?.family ||\n      DEFAULT_CAPTION_PROPS.family,\n    fill:\n      element.props?.fill ||\n      captionProps.color?.text ||\n      DEFAULT_CAPTION_PROPS.fill,\n    fontWeight: DEFAULT_CAPTION_PROPS.fontWeight,\n    stroke: element.props?.stroke || DEFAULT_CAPTION_PROPS.stroke,\n    shadow: new Shadow({\n      offsetX:\n        element.props?.shadowOffset?.[0] ||\n        DEFAULT_CAPTION_PROPS.shadowOffset?.[0],\n      offsetY:\n        element.props?.shadowOffset?.[1] ||\n        DEFAULT_CAPTION_PROPS.shadowOffset?.[1],\n      blur: element.props?.shadowBlur || DEFAULT_CAPTION_PROPS.shadowBlur,\n      color: element.props?.shadowColor || DEFAULT_CAPTION_PROPS.shadowColor,\n    }),\n    strokeWidth: element.props?.lineWidth || DEFAULT_CAPTION_PROPS.lineWidth,\n  });\n\n  // Assign metadata and custom controls\n  caption.set(\"id\", element.id);\n  caption.set(\"zIndex\", index);\n\n  // Disable unwanted control points\n  caption.controls.mt = disabledControl;\n  caption.controls.mb = disabledControl;\n  caption.controls.ml = disabledControl;\n  caption.controls.mr = disabledControl;\n  caption.controls.bl = disabledControl;\n  caption.controls.br = disabledControl;\n  caption.controls.tl = disabledControl;\n  caption.controls.tr = disabledControl;\n  caption.controls.mtr = disabledControl;\n\n  canvas.add(caption);\n  return caption;\n};\n\n/* Add a video frame as element into a Fabric.js image object and optionally groups it with a frame.\n*\n* @param element - The video element containing properties like source and frame information.\n* @param index - The z-index for ordering the element on the canvas.\n* @param canvas - The Fabric.js canvas instance.\n* @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\n* @param currentFrameEffect - Optional frame effect to apply to the image.\n* @param snapTime - The time to snap the video frame with respect to full video duration.\n* @returns A Fabric.js image object or a group with an image and frame.\n*/\nexport const addVideoElement = async ({\n  element,\n  index,\n  canvas,\n  snapTime,\n  canvasMetadata,\n  currentFrameEffect,\n}: {\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  snapTime: number;\n  canvasMetadata: CanvasMetadata;\n  currentFrameEffect?: FrameEffect;\n}) => {\n  try {\n    const thumbnailUrl = await getThumbnail(\n      element?.props?.src || \"\",\n      snapTime\n    );\n    if (!thumbnailUrl) {\n      console.error(\"Failed to get thumbnail\");\n      return;\n    }\n\n    return addImageElement({\n      imageUrl: thumbnailUrl,\n      element,\n      index,\n      canvas,\n      canvasMetadata,\n      currentFrameEffect,\n    });\n  } catch (error) {\n    console.error(\"Error loading image:\", error);\n  }\n};\n\n/**\n * Add an image element into a Fabric.js image object and optionally groups it with a frame.\n *\n * @param element - The image element containing properties like source and frame information.\n * @param index - The z-index for ordering the element on the canvas.\n * @param canvas - The Fabric.js canvas instance.\n * @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\n * @param currentFrameEffect - Optional frame effect to apply to the image.\n * @param imageUrl - Optional The url of the image to be added to the canvas.\n * @returns A Fabric.js image object or a group with an image and frame.\n */\nexport const addImageElement = async ({\n  imageUrl,\n  element,\n  index,\n  canvas,\n  canvasMetadata,\n  currentFrameEffect\n}: {\n  imageUrl?: string;\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  canvasMetadata: CanvasMetadata;\n  currentFrameEffect?: FrameEffect;\n}) => {\n  try {\n    // Load the image from the provided source URL\n    const img = await FabricImage.fromURL(imageUrl ||element.props.src || \"\");\n    img.set({\n      originX: \"center\",\n      originY: \"center\",\n      lockMovementX: false,\n      lockMovementY: false,\n      lockUniScaling: true,\n      hasControls: false,\n      selectable: false,\n    });\n\n    // Return the group if a frame is defined, otherwise return the image\n    if (element.frame) {\n      return addMediaGroup({\n        element,\n        img,\n        index,\n        canvas,\n        canvasMetadata,\n        currentFrameEffect\n      });\n    } else {\n      setImageProps({ img, element, index, canvasMetadata });\n      canvas.add(img);\n      return img;\n    }\n  } catch (error) {\n    console.error(\"Error loading image:\", error);\n  }\n};\n\n/**\n * Add a Fabric.js group combining an image and its associated frame,\n * applying styling, positioning, and scaling based on the given properties.\n *\n * @param element - The image element containing properties like frame, position, and styling.\n * @param img - The Fabric.js image object to be included in the group.\n * @param index - The z-index for ordering the group on the canvas.\n * @param canvas - The Fabric.js canvas instance.\n * @param canvasMetadata - Metadata of the canvas, including dimensions and scale factors.\n * @param currentFrameEffect - Optional current frame effect to override default frame properties.\n * @returns A Fabric.js group containing the image and frame with configured properties.\n */\nconst addMediaGroup = ({\n  element,\n  img,\n  index,\n  canvas,\n  canvasMetadata,\n  currentFrameEffect,\n}: {\n  element: CanvasElement;\n  img: FabricImage;\n  index: number;\n  canvas: FabricCanvas;\n  canvasMetadata: CanvasMetadata;\n  currentFrameEffect?: FrameEffect;\n}) => {\n  let frameSize;\n  let angle;\n  let framePosition;\n  let frameRadius = 0;\n  if (currentFrameEffect) {\n    frameSize = {\n      width:\n        (currentFrameEffect.props.frameSize?.[0] || 0) *\n          canvasMetadata.scaleX || canvasMetadata.width,\n      height:\n        (currentFrameEffect.props.frameSize?.[1] || 0) *\n          canvasMetadata.scaleY || canvasMetadata.height,\n    };\n    angle = currentFrameEffect.props.rotation || 0;\n    framePosition = currentFrameEffect.props.framePosition;\n    if (currentFrameEffect.props.shape === \"circle\") {\n      frameRadius = frameSize.width / 2;\n    } else {\n      frameRadius = currentFrameEffect?.props?.radius || 0;\n    }\n  } else {\n    frameRadius = element?.frame?.radius || 0;\n    frameSize = {\n      width:\n        (element?.frame?.size?.[0] || 0) * canvasMetadata.scaleX ||\n        canvasMetadata.width,\n      height:\n        (element?.frame?.size?.[1] || 0) * canvasMetadata.scaleY ||\n        canvasMetadata.height,\n    };\n    angle = element?.frame?.rotation || 0;\n    framePosition = {\n      x: element?.frame?.x || 0,\n      y: element?.frame?.y || 0,\n    };\n  }\n\n  const newSize = getObjectFitSize(\n    element.objectFit,\n    { width: img.width!, height: img.height! },\n    frameSize\n  );\n\n  const frameRect = new Rect({\n    originX: \"center\",\n    originY: \"center\",\n    lockMovementX: false,\n    lockMovementY: false,\n    lockUniScaling: true,\n    hasControls: false,\n    selectable: false,\n    width: frameSize.width,\n    height: frameSize.height,\n    stroke: element?.frame?.stroke || \"#ffffff\",\n    strokeWidth: element?.frame?.lineWidth || 0,\n    hasRotatingPoint: true,\n    rx: frameRadius || 0,\n    ry: frameRadius || 0,\n  });\n\n  img.set({\n    lockUniScaling: true,\n    originX: \"center\",\n    originY: \"center\",\n    scaleX: newSize.width / img.width,\n    scaleY: newSize.height / img.height,\n  });\n\n\n  const { x, y } = convertToCanvasPosition(\n    framePosition?.x || 0,\n    framePosition?.y || 0,\n    canvasMetadata\n  );\n\n  const groupProps = {\n    left: x,\n    top: y,\n    width: frameSize.width,\n    height: frameSize.height,\n    angle: angle,\n  };\n\n  // Customize the control points for the group\n  // Change only the top control to a different style, keep others as circles\n\n  const group = new Group([frameRect, img], {\n    ...groupProps,\n    originX: \"center\",\n    originY: \"center\",\n    angle: groupProps.angle,\n    selectable: true,\n    hasControls: true,\n    hasBorders: true,\n    clipPath: frameRect,\n  });\n\n  group.controls.mt = disabledControl;\n  group.controls.mb = disabledControl;\n  group.controls.ml = disabledControl;\n  group.controls.mr = disabledControl;\n  group.controls.mtr = rotateControl;\n\n  group.set(\"id\", element.id);\n  group.set(\"zIndex\", index);\n  canvas.add(group);\n  return group;\n};\n\n/**\n * Add a rectangular Fabric.js element based on the provided canvas element data.\n *\n * @param element - The canvas element containing properties for the rectangle.\n * @param index - The zIndex value used to determine the rendering order.\n * @param canvas - The Fabric.js canvas instance.\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\n * @returns A Fabric.js Rect object configured with the specified properties.\n */\nexport const addRectElement = ({\n  element,\n  index,\n  canvas,\n  canvasMetadata,\n}: {\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  canvasMetadata: CanvasMetadata;\n}) => {\n  // Convert element's position to canvas coordinates\n  const { x, y } = convertToCanvasPosition(\n    element.props?.x || 0,\n    element.props?.y || 0,\n    canvasMetadata\n  );\n\n  // Create a new rectangular Fabric.js object\n  const rect = new Rect({\n    left: x, // X-coordinate on the canvas\n    top: y, // Y-coordinate on the canvas\n    originX: \"center\", // Center the rectangle based on its position\n    originY: \"center\", // Center the rectangle based on its position\n    angle: element.props?.rotation || 0, // Rotation angle\n    rx: (element.props?.radius || 0) * canvasMetadata.scaleX, // Horizontal radius for rounded corners\n    ry: (element.props?.radius || 0) * canvasMetadata.scaleY, // Vertical radius for rounded corners\n    stroke: element.props?.stroke || \"#000000\", // Stroke color\n    strokeWidth: (element.props?.lineWidth || 0) * canvasMetadata.scaleX, // Scaled stroke width\n    fill: element.props?.fill || \"#000000\", // Fill color\n    opacity: element.props?.opacity || 1, // Opacity level\n    width: (element.props?.width || 0) * canvasMetadata.scaleX, // Scaled width\n    height: (element.props?.height || 0) * canvasMetadata.scaleY, // Scaled height\n  });\n\n  // Set custom properties for the rectangle\n  rect.set(\"id\", element.id); // Unique identifier for the rectangle\n  rect.set(\"zIndex\", index); // zIndex determines rendering order\n\n  // Set custom control for rotation\n  rect.controls.mtr = rotateControl;\n\n  canvas.add(rect);\n  return rect;\n};\n\n/**\n * Add a background color to the canvas.\n *\n * @param element - The canvas element containing properties for the background.\n * @param index - The zIndex value used to determine the rendering order.\n * @param canvas - The Fabric.js canvas instance.\n * @param canvasMetadata - Metadata containing canvas scaling and dimensions.\n * @returns A Fabric.js Rect object configured with the specified properties.\n */\nexport const addBackgroundColor = ({\n  element,\n  index,\n  canvas,\n  canvasMetadata,\n}: {\n  element: CanvasElement;\n  index: number;\n  canvas: FabricCanvas;\n  canvasMetadata: CanvasMetadata;\n}) => {\n  const bgRect = new Rect({\n    width: canvasMetadata.width,\n    height: canvasMetadata.height,\n    left: canvasMetadata.width / 2,\n    top: canvasMetadata.height / 2,\n    fill: element.backgoundColor ?? \"#000000\",\n    originX: \"center\",\n    originY: \"center\",\n    hasControls: false,\n    hasBorders: false,\n    selectable: false,\n  });\n\n  bgRect.controls.mt = disabledControl;\n  bgRect.controls.mb = disabledControl;\n  bgRect.controls.ml = disabledControl;\n  bgRect.controls.mr = disabledControl;\n  bgRect.controls.bl = disabledControl;\n  bgRect.controls.br = disabledControl;\n  bgRect.controls.tl = disabledControl;\n  bgRect.controls.tr = disabledControl;\n  bgRect.controls.mtr = disabledControl;\n  bgRect.set(\"zIndex\", index - 0.5);\n\n  canvas.add(bgRect);\n  return bgRect;\n};\n","import { useRef, useState } from \"react\";\nimport { Canvas as FabricCanvas, FabricObject } from \"fabric\";\nimport { Dimensions } from \"@twick/media-utils\";\nimport { CanvasMetadata, CanvasProps, CanvasElement } from \"../types\";\nimport {\n  clearCanvas,\n  convertToVideoPosition,\n  createCanvas,\n  getCurrentFrameEffect,\n  reorderElementsByZIndex,\n} from \"../helpers/canvas.util\";\nimport { CANVAS_OPERATIONS, ELEMENT_TYPES } from \"../helpers/constants\";\nimport {\n  addImageElement,\n  addVideoElement,\n  addRectElement,\n  addTextElement,\n  addCaptionElement,\n  addBackgroundColor,\n} from \"../components/elements\";\n\n/**\n * Custom hook to manage a Fabric.js canvas and associated operations.\n *\n * @param onCanvasReady - Callback executed when the canvas is ready.\n * @param onCanvasOperation - Callback executed on canvas operations such as item selection or updates.\n * @returns Canvas-related functions and state.\n */\nexport const useTwickCanvas = ({\n  onCanvasReady,\n  onCanvasOperation,\n}: {\n  onCanvasReady?: (canvas: FabricCanvas) => void;\n  onCanvasOperation?: (operation: string, data: any) => void;\n}) => {\n  const [twickCanvas, setTwickCanvas] = useState<FabricCanvas | null>(null); // Canvas instance\n  const elementMap = useRef<Record<string, any>>({}); // Maps element IDs to their data\n  const elementFrameMap = useRef<Record<string, any>>({}); // Maps element IDs to their frame effects\n  const twickCanvasRef = useRef<FabricCanvas | null>(null);\n  const videoSizeRef = useRef<Dimensions>({ width: 1, height: 1 }); // Stores the video dimensions\n  const canvasMetadataRef = useRef<CanvasMetadata>({\n    width: 0,\n    height: 0,\n    aspectRatio: 0,\n    scaleX: 1,\n    scaleY: 1,\n  }); // Metadata for the canvas\n\n  /**\n   * Updates canvas metadata when the video size changes.\n   *\n   * @param videoSize - New video dimensions.\n   */\n  const onVideoSizeChange = (videoSize: Dimensions) => {\n    if (videoSize) {\n      videoSizeRef.current = videoSize;\n      canvasMetadataRef.current.scaleX =\n        canvasMetadataRef.current.width / videoSize.width;\n      canvasMetadataRef.current.scaleY =\n        canvasMetadataRef.current.height / videoSize.height;\n    }\n  };\n\n  /**\n   * Initializes the Fabric.js canvas with the provided configuration.\n   *\n   * @param props - Canvas configuration properties.\n   */\n  const buildCanvas = ({\n    videoSize,\n    canvasSize,\n    canvasRef,\n    backgroundColor = \"#000000\",\n    selectionBorderColor = \"#2563eb\",\n    selectionLineWidth = 2,\n    uniScaleTransform = true,\n    enableRetinaScaling = true,\n    touchZoomThreshold = 10,\n  }: CanvasProps) => {\n    if (!canvasRef) return;\n\n    // Dispose of the old canvas if it exists\n    if (twickCanvasRef.current) {\n      console.log(\"Destroying twickCanvas\");\n      twickCanvasRef.current.off(\"mouse:up\", handleMouseUp);\n      twickCanvasRef.current.dispose();\n    }\n\n    // Create a new canvas and update metadata\n    const { canvas, canvasMetadata } = createCanvas({\n      videoSize,\n      canvasSize,\n      canvasRef,\n      backgroundColor,\n      selectionBorderColor,\n      selectionLineWidth,\n      uniScaleTransform,\n      enableRetinaScaling,\n      touchZoomThreshold,\n    });\n    canvasMetadataRef.current = canvasMetadata;\n    videoSizeRef.current = videoSize;\n    // Attach event listeners\n    canvas?.on(\"mouse:up\", handleMouseUp);\n    setTwickCanvas(canvas);\n    twickCanvasRef.current = canvas;\n    // Notify when canvas is ready\n    if (onCanvasReady) {\n      onCanvasReady(canvas);\n    }\n  };\n\n  /**\n   * Handles mouse up events on the canvas.\n   *\n   * @param event - Event object.\n   */\n  const handleMouseUp = (event: any) => {\n    if (event.target) {\n      const object: FabricObject = event.target;\n      const elementId = object.get(\"id\");\n      if (event.transform?.action === \"drag\") {\n        const original = event.transform.original;\n        if (object.left === original.left && object.top === original.top) {\n          onCanvasOperation?.(\n            CANVAS_OPERATIONS.ITEM_SELECTED,\n            elementMap.current[elementId]\n          );\n          return;\n        }\n      }\n      switch (event.transform?.action) {\n        case \"drag\":\n        case \"scale\":\n        case \"scaleX\":\n        case \"scaleY\":\n        case \"rotate\":\n          const { x, y } = convertToVideoPosition(\n            object.left,\n            object.top,\n            canvasMetadataRef.current,\n            videoSizeRef.current\n          );\n          if (elementMap.current[elementId].type === \"caption\") {\n            elementMap.current[elementId] = {\n              ...elementMap.current[elementId],\n              props: {\n                ...elementMap.current[elementId].props,\n                pos: {\n                  x,\n                  y,\n                },\n              },\n            };\n            onCanvasOperation?.(\n              CANVAS_OPERATIONS.ITEM_UPDATED,\n              elementMap.current[elementId]\n            );\n          } else {\n            if (object?.type === \"group\") {\n              const currentFrameEffect = elementFrameMap.current[elementId];\n              let updatedFrameSize;\n              if (currentFrameEffect) {\n                updatedFrameSize = [\n                  currentFrameEffect.props.frameSize[0] * object.scaleX,\n                  currentFrameEffect.props.frameSize[1] * object.scaleY,\n                ];\n              } else {\n                updatedFrameSize = [\n                  elementMap.current[elementId].frame.size[0] * object.scaleX,\n                  elementMap.current[elementId].frame.size[1] * object.scaleY,\n                ];\n              }\n\n              if (currentFrameEffect) {\n                elementMap.current[elementId] = {\n                  ...elementMap.current[elementId],\n                  frameEffects: (\n                    elementMap.current[elementId].frameEffects || []\n                  ).map((frameEffect: any) =>\n                    frameEffect.id === currentFrameEffect?.id\n                      ? {\n                          ...frameEffect,\n                          props: {\n                            ...frameEffect.props,\n                            framePosition: {\n                              x,\n                              y,\n                            },\n                            frameSize: updatedFrameSize,\n                          },\n                        }\n                      : frameEffect\n                  ),\n                };\n                elementFrameMap.current[elementId] = {\n                  ...elementFrameMap.current[elementId],\n                  framePosition: {\n                    x,\n                    y,\n                  },\n                  frameSize: updatedFrameSize,\n                };\n              } else {\n                elementMap.current[elementId] = {\n                  ...elementMap.current[elementId],\n                  frame: {\n                    ...elementMap.current[elementId].frame,\n                    rotation: object.angle,\n                    size: updatedFrameSize,\n                    x,\n                    y,\n                  },\n                };\n              }\n            } else {\n              if (object?.type === \"text\") {\n                elementMap.current[elementId] = {\n                  ...elementMap.current[elementId],\n                  props: {\n                    ...elementMap.current[elementId].props,\n                    rotation: object.angle,\n                    x,\n                    y,\n                  },\n                };\n              } else {\n                elementMap.current[elementId] = {\n                  ...elementMap.current[elementId],\n                  props: {\n                    ...elementMap.current[elementId].props,\n                    rotation: object.angle,\n                    width:\n                      elementMap.current[elementId].props.width * object.scaleX,\n                    height:\n                      elementMap.current[elementId].props.height *\n                      object.scaleY,\n                    x,\n                    y,\n                  },\n                };\n              }\n            }\n            onCanvasOperation?.(\n              CANVAS_OPERATIONS.ITEM_UPDATED,\n              elementMap.current[elementId]\n            );\n          }\n          break;\n      }\n    }\n  };\n\n  /**\n   * Sets elements to the canvas.\n   *\n   * @param options - Object containing elements, seek time, and additional options.\n   */\n  const setCanvasElements = async ({\n    elements,\n    seekTime = 0,\n    captionProps,\n    cleanAndAdd = false,\n  }: {\n    elements: CanvasElement[];\n    seekTime?: number;\n    captionProps?: any;\n    cleanAndAdd?: boolean;\n  }) => {\n    if (!twickCanvas) {\n      console.warn(\"Canvas not initialized\");\n      return;\n    }\n\n    try {\n      if (cleanAndAdd) {\n        // Clear canvas before adding new elements\n        clearCanvas(twickCanvas);\n      }\n\n      await Promise.all(\n        elements.map(async (element, index) => {\n          try {\n            if (!element) {\n              console.warn(\"Element not found\");\n              return;\n            }\n            await addElementToCanvas({\n              element,\n              index,\n              reorder: false,\n              seekTime,\n              captionProps,\n            });\n          } catch (error) {\n            console.error(`Error adding element ${element.id}:`, error);\n          }\n        })\n      );\n      reorderElementsByZIndex(twickCanvas);\n    } catch (error) {\n      console.error(\"Error in setCanvasElements:\", error);\n    }\n  };\n\n  /**\n   * Add element to the canvas.\n   *\n   * @param options - Object containing elements, seek time, and additional options.\n   */\n  const addElementToCanvas = async ({\n    element,\n    index,\n    reorder = true,\n    seekTime,\n    captionProps,\n  }: {\n    element: CanvasElement;\n    index: number;\n    reorder: boolean;\n    seekTime?: number;\n    captionProps?: any;\n  }) => {\n    if (!twickCanvas) {\n      console.warn(\"Canvas not initialized\");\n      return;\n    }\n    // Add element based on type\n    switch (element.type) {\n      case ELEMENT_TYPES.VIDEO:\n        const currentFrameEffect = getCurrentFrameEffect(element, seekTime || 0);\n        elementFrameMap.current[element.id] = currentFrameEffect;\n        const snapTime =\n          ((seekTime || 0) - (element?.s || 0)) *\n            (element?.props?.playbackRate || 1) +\n          (element?.props?.time || 0);\n        await addVideoElement({\n          element,\n          index,\n          canvas: twickCanvas,\n          canvasMetadata: canvasMetadataRef.current,\n          currentFrameEffect,\n          snapTime,\n        });\n        if (element.timelineType === \"scene\") {\n          await addBackgroundColor({\n            element,\n            index,\n            canvas: twickCanvas,\n            canvasMetadata: canvasMetadataRef.current,\n          });\n        }\n        break;\n      case ELEMENT_TYPES.IMAGE:\n        await addImageElement({\n          element,\n          index,\n          canvas: twickCanvas,\n          canvasMetadata: canvasMetadataRef.current,\n        });\n        if (element.timelineType === \"scene\") {\n          await addBackgroundColor({\n            element,\n            index,\n            canvas: twickCanvas,\n            canvasMetadata: canvasMetadataRef.current,\n          });\n        }\n        break;\n      case ELEMENT_TYPES.RECT:\n        await addRectElement({\n          element,\n          index,\n          canvas: twickCanvas,\n          canvasMetadata: canvasMetadataRef.current,\n        });\n        break;\n      case ELEMENT_TYPES.TEXT:\n        await addTextElement({\n          element,\n          index,\n          canvas: twickCanvas,\n          canvasMetadata: canvasMetadataRef.current,\n        });\n        break;\n      case ELEMENT_TYPES.CAPTION:\n        await addCaptionElement({\n          element,\n          index,\n          canvas: twickCanvas,\n          captionProps,\n          canvasMetadata: canvasMetadataRef.current,\n        });\n        break;\n      default:\n        break;\n    }\n    elementMap.current[element.id] = element;\n    if (reorder) {\n      reorderElementsByZIndex(twickCanvas);\n    }\n  };\n\n  return {\n    twickCanvas,\n    buildCanvas,\n    onVideoSizeChange,\n    addElementToCanvas,\n    setCanvasElements,\n  };\n};\n"],"names":["FabricCanvas"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twick/canvas",
-  "version": "0.14.0",
+  "version": "0.14.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -13,8 +13,15 @@
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "eslint src/",
+    "clean": "rimraf .turbo node_modules dist",
+    "docs": "typedoc --plugin typedoc-plugin-markdown --out docs src/index.ts"
+  },
   "dependencies": {
-    "@twick/media-utils": "0.14.0",
+    "@twick/media-utils": "0.14.2",
     "fabric": "^6.6.2",
     "react": "^18.2.0"
   },
@@ -29,12 +36,5 @@
     "vite": "^5.1.4",
     "vite-plugin-dts": "^3.7.3",
     "rimraf": "^5.0.5"
-  },
-  "scripts": {
-    "build": "vite build",
-    "dev": "vite build --watch",
-    "lint": "eslint src/",
-    "clean": "rimraf .turbo node_modules dist",
-    "docs": "typedoc --plugin typedoc-plugin-markdown --out docs src/index.ts"
   }
-}
+}

package/LICENSE

@@ -1,197 +0,0 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
--------------------------------------------------------------------------------
-
-ADDITIONAL TERMS – NO RESALE / NO STANDALONE REDISTRIBUTION
-
-The following additional terms apply to this project:
-
-1. **No Standalone Resale or Licensing**  
-You may not sell, license, sublicense, or otherwise commercially distribute this software, or any modified version of it, as a standalone product, SDK, or developer tool/library.
-
-2. **Permitted Commercial Use**  
-You may use this software in commercial applications, platforms, or services provided that:
-- It is part of a larger product or service with meaningful added value.
-- It is not positioned or marketed as a competing SDK or developer tool.
-
-3. **Cloud Function Restrictions**  
-You may self-host the cloud function components within your application or product. However, you may not offer them as a hosted service, API, or commercial cloud product without obtaining a commercial license.
-
-4. **Trademark and Branding Restrictions**  
-You may not use the name, logo, or branding associated with this project to market, redistribute, or promote your own products without explicit written permission.
-
-For commercial licensing, redistribution rights, or branding permissions, please contact: [contact@kifferai.com]
-