@twick/media-utils 0.0.1

package/README.md

@@ -0,0 +1,23 @@
+# @twick/media-utils
+
+Media utilities for the Twick platform.
+
+## Installation
+
+```bash
+pnpm add @twick/media-utils
+```
+
+## Usage
+
+```typescript
+import { /* your exports */ } from '@twick/media-utils';
+```
+
+## API Documentation
+
+For detailed API documentation, see the generated docs in the `docs` directory.
+
+## License
+
+Apache-2.0

package/dist/index.d.ts

@@ -0,0 +1,44 @@
+import { blobUrlToFile } from './file-helper';
+import { detectMediaTypeFromUrl } from './url-helper';
+import { Dimensions } from './types';
+import { downloadFile } from './file-helper';
+import { getAudioDuration } from './get-audio-duration';
+import { getImageDimensions } from './get-image-dimensions';
+import { getObjectFitSize } from './dimension-handler';
+import { getScaledDimensions } from './dimension-handler';
+import { getThumbnail } from './get-thumbnail';
+import { getVideoMeta } from './get-video-metadata';
+import { limit } from './limit';
+import { Position } from './types';
+import { saveAsFile } from './file-helper';
+import { VideoMeta } from './types';
+
+export { blobUrlToFile }
+
+export { detectMediaTypeFromUrl }
+
+export { Dimensions }
+
+export { downloadFile }
+
+export { getAudioDuration }
+
+export { getImageDimensions }
+
+export { getObjectFitSize }
+
+export { getScaledDimensions }
+
+export { getThumbnail }
+
+export { getVideoMeta }
+
+export { limit }
+
+export { Position }
+
+export { saveAsFile }
+
+export { VideoMeta }
+
+export { }

package/dist/index.js

@@ -0,0 +1,300 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const imageDimensionsCache = {};
+const videoMetaCache = {};
+const audioDurationCache = {};
+
+const getAudioDuration = (audioSrc) => {
+  if (audioDurationCache[audioSrc]) {
+    return Promise.resolve(audioDurationCache[audioSrc]);
+  }
+  return new Promise((resolve, reject) => {
+    const audio = document.createElement("audio");
+    audio.preload = "metadata";
+    audio.src = audioSrc;
+    audio.onloadedmetadata = () => {
+      const duration = audio.duration;
+      audioDurationCache[audioSrc] = duration;
+      resolve(duration);
+    };
+    audio.onerror = () => {
+      reject(new Error("Failed to load audio metadata"));
+    };
+  });
+};
+
+const concurrencyLimit = 5;
+let activeCount = 0;
+const queue = [];
+function runNext() {
+  if (queue.length === 0 || activeCount >= concurrencyLimit) return;
+  const next = queue.shift();
+  if (next) {
+    activeCount++;
+    next();
+  }
+}
+function limit(fn) {
+  return new Promise((resolve, reject) => {
+    const task = () => {
+      fn().then(resolve).catch(reject).finally(() => {
+        activeCount--;
+        runNext();
+      });
+    };
+    if (activeCount < concurrencyLimit) {
+      activeCount++;
+      task();
+    } else {
+      queue.push(task);
+    }
+  });
+}
+
+function loadImageDimensions(url) {
+  return new Promise((resolve, reject) => {
+    if (typeof document === "undefined") {
+      reject(new Error("getImageDimensions() is only available in the browser."));
+      return;
+    }
+    const img = new Image();
+    img.onload = () => {
+      resolve({ width: img.naturalWidth, height: img.naturalHeight });
+    };
+    img.onerror = reject;
+    img.src = url;
+  });
+}
+function getImageDimensions(url) {
+  if (imageDimensionsCache[url]) {
+    return Promise.resolve(imageDimensionsCache[url]);
+  }
+  return limit(() => loadImageDimensions(url)).then((dimensions) => {
+    imageDimensionsCache[url] = dimensions;
+    return dimensions;
+  });
+}
+
+const getVideoMeta = (videoSrc) => {
+  if (videoMetaCache[videoSrc]) {
+    return Promise.resolve(videoMetaCache[videoSrc]);
+  }
+  return new Promise((resolve, reject) => {
+    const video = document.createElement("video");
+    video.preload = "metadata";
+    video.src = videoSrc;
+    video.onloadedmetadata = () => {
+      const meta = {
+        width: video.videoWidth,
+        height: video.videoHeight,
+        duration: video.duration
+      };
+      videoMetaCache[videoSrc] = meta;
+      resolve(meta);
+    };
+    video.onerror = () => reject(new Error("Failed to load video metadata"));
+  });
+};
+
+async function getThumbnail(videoUrl, seekTime = 0.1, playbackRate = 1) {
+  return new Promise((resolve, reject) => {
+    const video = document.createElement("video");
+    video.crossOrigin = "anonymous";
+    video.muted = true;
+    video.playsInline = true;
+    video.autoplay = false;
+    video.preload = "auto";
+    video.playbackRate = playbackRate;
+    let timeoutId;
+    const cleanup = () => {
+      if (video.parentNode) video.remove();
+      if (timeoutId) clearTimeout(timeoutId);
+    };
+    const handleError = () => {
+      cleanup();
+      reject(new Error(`Failed to load video: ${video.error?.message || "Unknown error"}`));
+    };
+    const handleSeeked = () => {
+      try {
+        video.pause();
+        const canvas = document.createElement("canvas");
+        const width = video.videoWidth || 640;
+        const height = video.videoHeight || 360;
+        canvas.width = width;
+        canvas.height = height;
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+          cleanup();
+          reject(new Error("Failed to get canvas context"));
+          return;
+        }
+        ctx.drawImage(video, 0, 0, width, height);
+        try {
+          const dataUrl = canvas.toDataURL("image/jpeg", 0.8);
+          cleanup();
+          resolve(dataUrl);
+        } catch {
+          canvas.toBlob((blob) => {
+            if (!blob) {
+              cleanup();
+              reject(new Error("Failed to create Blob"));
+              return;
+            }
+            const blobUrl = URL.createObjectURL(blob);
+            cleanup();
+            resolve(blobUrl);
+          }, "image/jpeg", 0.8);
+        }
+      } catch (err) {
+        cleanup();
+        reject(new Error(`Error creating thumbnail: ${err}`));
+      }
+    };
+    video.addEventListener("error", handleError, { once: true });
+    video.addEventListener("seeked", handleSeeked, { once: true });
+    video.addEventListener("loadedmetadata", () => {
+      const playPromise = video.play();
+      if (playPromise !== void 0) {
+        playPromise.then(() => {
+          video.currentTime = seekTime;
+        }).catch(() => {
+          video.currentTime = seekTime;
+        });
+      } else {
+        video.currentTime = seekTime;
+      }
+    }, { once: true });
+    timeoutId = window.setTimeout(() => {
+      cleanup();
+      reject(new Error("Video loading timed out"));
+    }, 5e3);
+    video.src = videoUrl;
+    document.body.appendChild(video);
+  });
+}
+
+function getScaledDimensions(width, height, maxWidth, maxHeight) {
+  if (width <= maxWidth && height <= maxHeight) {
+    return {
+      width: width % 2 === 0 ? width : width - 1,
+      height: height % 2 === 0 ? height : height - 1
+    };
+  }
+  const widthRatio = maxWidth / width;
+  const heightRatio = maxHeight / height;
+  const scale = Math.min(widthRatio, heightRatio);
+  let scaledWidth = Math.round(width * scale);
+  let scaledHeight = Math.round(height * scale);
+  if (scaledWidth % 2 !== 0) {
+    scaledWidth -= 1;
+  }
+  if (scaledHeight % 2 !== 0) {
+    scaledHeight -= 1;
+  }
+  return {
+    width: Math.min(scaledWidth, maxWidth),
+    height: Math.min(scaledHeight, maxHeight)
+  };
+}
+function getObjectFitSize(objectFit, elementSize, containerSize) {
+  const elementAspectRatio = elementSize.width / elementSize.height;
+  const containerAspectRatio = containerSize.width / containerSize.height;
+  switch (objectFit) {
+    case "contain":
+      if (elementAspectRatio > containerAspectRatio) {
+        return {
+          width: containerSize.width,
+          height: containerSize.width / elementAspectRatio
+        };
+      } else {
+        return {
+          width: containerSize.height * elementAspectRatio,
+          height: containerSize.height
+        };
+      }
+    case "cover":
+      if (elementAspectRatio > containerAspectRatio) {
+        return {
+          width: containerSize.height * elementAspectRatio,
+          height: containerSize.height
+        };
+      } else {
+        return {
+          width: containerSize.width,
+          height: containerSize.width / elementAspectRatio
+        };
+      }
+    case "fill":
+      return {
+        width: containerSize.width,
+        height: containerSize.height
+      };
+    default:
+      return {
+        width: elementSize.width,
+        height: elementSize.height
+      };
+  }
+}
+
+async function blobUrlToFile(blobUrl, fileName) {
+  const response = await fetch(blobUrl);
+  const blob = await response.blob();
+  return new File([blob], fileName, { type: blob.type });
+}
+function saveAsFile(content, type, name) {
+  const blob = typeof content === "string" ? new Blob([content], { type }) : content;
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+async function downloadFile(url, filename) {
+  try {
+    const response = await fetch(url);
+    const blob = await response.blob();
+    const downloadUrl = window.URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = downloadUrl;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    window.URL.revokeObjectURL(downloadUrl);
+  } catch (error) {
+    console.error("Error downloading file:", error);
+    throw error;
+  }
+}
+
+async function detectMediaTypeFromUrl(url) {
+  try {
+    const response = await fetch(url, { method: "HEAD" });
+    const contentType = response.headers.get("Content-Type");
+    if (!contentType) return null;
+    if (contentType.startsWith("image/")) return "image";
+    if (contentType.startsWith("video/")) return "video";
+    if (contentType.startsWith("audio/")) return "audio";
+    return null;
+  } catch (error) {
+    console.error("Fetch failed:", error);
+    return null;
+  }
+}
+
+exports.blobUrlToFile = blobUrlToFile;
+exports.detectMediaTypeFromUrl = detectMediaTypeFromUrl;
+exports.downloadFile = downloadFile;
+exports.getAudioDuration = getAudioDuration;
+exports.getImageDimensions = getImageDimensions;
+exports.getObjectFitSize = getObjectFitSize;
+exports.getScaledDimensions = getScaledDimensions;
+exports.getThumbnail = getThumbnail;
+exports.getVideoMeta = getVideoMeta;
+exports.limit = limit;
+exports.saveAsFile = saveAsFile;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/cache.ts","../src/get-audio-duration.ts","../src/limit.ts","../src/get-image-dimensions.ts","../src/get-video-metadata.ts","../src/get-thumbnail.ts","../src/dimension-handler.ts","../src/file-helper.ts","../src/url-helper.ts"],"sourcesContent":["import { Dimensions, VideoMeta } from \"./types\";\r\n\r\nexport const imageDimensionsCache: Record<string, Dimensions> = {};\r\nexport const videoMetaCache: Record<string, VideoMeta> = {};\r\nexport const audioDurationCache: Record<string, number> = {};","import { audioDurationCache } from \"./cache\";\r\n\r\n/**\r\n * Retrieves the duration (in seconds) of an audio file from a given source URL.\r\n * Uses a cache to avoid reloading the same audio multiple times.\r\n *\r\n * @param audioSrc - The source URL of the audio file.\r\n * @returns A Promise that resolves to the duration of the audio in seconds.\r\n */\r\nexport const getAudioDuration = (audioSrc: string): Promise<number> => {\r\n  // Return cached duration if available\r\n  if (audioDurationCache[audioSrc]) {\r\n    return Promise.resolve(audioDurationCache[audioSrc]);\r\n  }\r\n\r\n  return new Promise((resolve, reject) => {\r\n    const audio = document.createElement(\"audio\");\r\n    audio.preload = \"metadata\"; // Only load metadata (e.g., duration)\r\n    audio.src = audioSrc;\r\n\r\n    // When metadata is loaded, store duration in cache and resolve\r\n    audio.onloadedmetadata = () => {\r\n      const duration = audio.duration;\r\n      audioDurationCache[audioSrc] = duration;\r\n      resolve(duration);\r\n    };\r\n\r\n    // Handle loading errors\r\n    audio.onerror = () => {\r\n      reject(new Error(\"Failed to load audio metadata\"));\r\n    };\r\n  });\r\n};\r\n","// Maximum number of concurrent promises allowed to run\r\nconst concurrencyLimit = 5;\r\n\r\n// Number of currently active (running) promises\r\nlet activeCount = 0;\r\n\r\n// Queue to hold pending tasks waiting to be run when concurrency slots free up\r\nconst queue: Array<() => void> = [];\r\n\r\n/**\r\n * Runs the next task from the queue if concurrency limit is not reached.\r\n */\r\nfunction runNext() {\r\n  // If no tasks are queued or we're already at the concurrency limit, do nothing\r\n  if (queue.length === 0 || activeCount >= concurrencyLimit) return;\r\n\r\n  // Dequeue next task\r\n  const next = queue.shift();\r\n\r\n  if (next) {\r\n    activeCount++; // Mark one more active task\r\n    next();        // Run it\r\n  }\r\n}\r\n\r\n/**\r\n * Wraps an async function to enforce concurrency limits.\r\n * If concurrency limit is reached, the function is queued and executed later.\r\n * \r\n * @param fn - Async function returning a Promise\r\n * @returns Promise that resolves/rejects with fn's result\r\n */\r\nexport function limit<T>(fn: () => Promise<T>): Promise<T> {\r\n  return new Promise((resolve, reject) => {\r\n    // Task to run the function and handle completion\r\n    const task = () => {\r\n      fn()\r\n        .then(resolve)\r\n        .catch(reject)\r\n        .finally(() => {\r\n          activeCount--; // Mark task as done\r\n          runNext();     // Trigger next queued task, if any\r\n        });\r\n    };\r\n\r\n    if (activeCount < concurrencyLimit) {\r\n      activeCount++; // Increment active count for immediate run\r\n      task();\r\n    } else {\r\n      // Queue the task if concurrency limit reached\r\n      queue.push(task);\r\n    }\r\n  });\r\n}\r\n","import { limit } from \"./limit\";\r\nimport { Dimensions } from \"./types\";\r\nimport { imageDimensionsCache } from \"./cache\";\r\n\r\n/**\r\n * Loads an image from the given URL and resolves with its natural dimensions.\r\n *\r\n * @param url - The image URL to load.\r\n * @returns A Promise that resolves with the image's width and height.\r\n */\r\nfunction loadImageDimensions(url: string): Promise<Dimensions> {\r\n  return new Promise((resolve, reject) => {\r\n    if (typeof document === 'undefined') {\r\n      reject(new Error('getImageDimensions() is only available in the browser.'));\r\n      return;\r\n    }\r\n\r\n    const img = new Image();\r\n    img.onload = () => {\r\n      resolve({ width: img.naturalWidth, height: img.naturalHeight });\r\n    };\r\n    img.onerror = reject;\r\n    img.src = url;\r\n  });\r\n}\r\n\r\n/**\r\n * Gets the dimensions (width and height) of an image from the given URL.\r\n * Uses a cache to avoid reloading the image if already fetched.\r\n * Also uses a concurrency limiter to control resource usage.\r\n *\r\n * @param url - The URL of the image.\r\n * @returns A Promise that resolves to an object containing `width` and `height`.\r\n */\r\nexport function getImageDimensions(url: string): Promise<Dimensions> {\r\n  // Return cached dimensions if available\r\n  if (imageDimensionsCache[url]) {\r\n    return Promise.resolve(imageDimensionsCache[url]);\r\n  }\r\n\r\n  // Fetch and cache the dimensions using a concurrency limit\r\n  return limit(() => loadImageDimensions(url)).then((dimensions) => {\r\n    imageDimensionsCache[url] = dimensions;\r\n    return dimensions;\r\n  });\r\n}\r\n","import { videoMetaCache } from \"./cache\";\r\nimport { VideoMeta } from \"./types\";\r\n\r\n/**\r\n * Fetches metadata (width, height, duration) for a given video source.\r\n * If metadata has already been fetched and cached, it returns the cached data.\r\n *\r\n * @param videoSrc - The URL or path to the video file.\r\n * @returns A Promise that resolves to an object containing video metadata.\r\n */\r\nexport const getVideoMeta = (videoSrc: string): Promise<VideoMeta> => {\r\n  // Return cached metadata if available\r\n  if (videoMetaCache[videoSrc]) {\r\n    return Promise.resolve(videoMetaCache[videoSrc]);\r\n  }\r\n\r\n  return new Promise<VideoMeta>((resolve, reject) => {\r\n    const video: HTMLVideoElement = document.createElement(\"video\");\r\n    video.preload = \"metadata\"; // Only preload metadata to reduce bandwidth\r\n    video.src = videoSrc;\r\n\r\n    // When metadata is loaded, extract and cache it\r\n    video.onloadedmetadata = () => {\r\n      const meta: VideoMeta = {\r\n        width: video.videoWidth,\r\n        height: video.videoHeight,\r\n        duration: video.duration,\r\n      };\r\n      videoMetaCache[videoSrc] = meta;\r\n      resolve(meta);\r\n    };\r\n\r\n    // Handle video loading errors\r\n    video.onerror = () => reject(new Error(\"Failed to load video metadata\"));\r\n  });\r\n};\r\n","/**\r\n * Extracts a thumbnail from a video at a specific seek time and playback rate.\r\n *\r\n * This function creates a hidden `<video>` element in the browser,\r\n * seeks to the specified time, and captures the frame into a canvas,\r\n * which is then exported as a JPEG data URL or Blob URL.\r\n *\r\n * @param videoUrl - The URL of the video to extract the thumbnail from.\r\n * @param seekTime - The time in seconds at which to capture the frame. Default is 0.1s.\r\n * @param playbackRate - Playback speed for the video. Default is 1.\r\n * @returns A Promise that resolves to a thumbnail image URL (either a base64 data URL or blob URL).\r\n */\r\nexport async function getThumbnail(\r\n    videoUrl: string,\r\n    seekTime = 0.1,\r\n    playbackRate = 1\r\n  ): Promise<string> {\r\n    return new Promise((resolve, reject) => {\r\n      const video = document.createElement(\"video\");\r\n      video.crossOrigin = \"anonymous\";\r\n      video.muted = true;\r\n      video.playsInline = true;\r\n      video.autoplay = false;\r\n      video.preload = \"auto\";\r\n      video.playbackRate = playbackRate;\r\n  \r\n      let timeoutId: number | undefined;\r\n  \r\n      // Cleanup video element and timeout\r\n      const cleanup = () => {\r\n        if (video.parentNode) video.remove();\r\n        if (timeoutId) clearTimeout(timeoutId);\r\n      };\r\n  \r\n      // Handle errors during video loading\r\n      const handleError = () => {\r\n        cleanup();\r\n        reject(new Error(`Failed to load video: ${video.error?.message || \"Unknown error\"}`));\r\n      };\r\n  \r\n      // Once seeked to target frame, capture the image\r\n      const handleSeeked = () => {\r\n        try {\r\n          video.pause();\r\n  \r\n          const canvas = document.createElement(\"canvas\");\r\n          const width = video.videoWidth || 640;\r\n          const height = video.videoHeight || 360;\r\n          canvas.width = width;\r\n          canvas.height = height;\r\n  \r\n          const ctx = canvas.getContext(\"2d\");\r\n          if (!ctx) {\r\n            cleanup();\r\n            reject(new Error(\"Failed to get canvas context\"));\r\n            return;\r\n          }\r\n  \r\n          // Draw current video frame onto canvas\r\n          ctx.drawImage(video, 0, 0, width, height);\r\n  \r\n          // Attempt to export canvas to base64 image URL\r\n          try {\r\n            const dataUrl = canvas.toDataURL(\"image/jpeg\", 0.8);\r\n            cleanup();\r\n            resolve(dataUrl);\r\n          } catch {\r\n            // Fallback: convert canvas to Blob\r\n            canvas.toBlob((blob) => {\r\n              if (!blob) {\r\n                cleanup();\r\n                reject(new Error(\"Failed to create Blob\"));\r\n                return;\r\n              }\r\n              const blobUrl = URL.createObjectURL(blob);\r\n              cleanup();\r\n              resolve(blobUrl);\r\n            }, \"image/jpeg\", 0.8);\r\n          }\r\n        } catch (err) {\r\n          cleanup();\r\n          reject(new Error(`Error creating thumbnail: ${err}`));\r\n        }\r\n      };\r\n  \r\n      video.addEventListener(\"error\", handleError, { once: true });\r\n      video.addEventListener(\"seeked\", handleSeeked, { once: true });\r\n  \r\n      // After metadata is loaded, seek to the desired frame\r\n      video.addEventListener(\"loadedmetadata\", () => {\r\n        const playPromise = video.play();\r\n        if (playPromise !== undefined) {\r\n          playPromise\r\n            .then(() => {\r\n              video.currentTime = seekTime;\r\n            })\r\n            .catch(() => {\r\n              video.currentTime = seekTime;\r\n            });\r\n        } else {\r\n          video.currentTime = seekTime;\r\n        }\r\n      }, { once: true });\r\n  \r\n      // Timeout protection in case video loading hangs\r\n      timeoutId = window.setTimeout(() => {\r\n        cleanup();\r\n        reject(new Error(\"Video loading timed out\"));\r\n      }, 5000);\r\n  \r\n      // Assign video source and add it to the DOM (helps Safari/iOS behavior)\r\n      video.src = videoUrl;\r\n      document.body.appendChild(video);\r\n    });\r\n  }\r\n  ","import { Dimensions } from \"./types\";\r\n\r\n/**\r\n * Calculates the scaled dimensions of an element to fit inside a container\r\n * based on the specified max dimensions.\r\n *\r\n * @param width - The original width of the element.\r\n * @param height - The original height of the element.\r\n * @param maxWidth - The maximum width of the container.\r\n * @param maxHeight - The maximum height of the container.\r\n * @returns An object containing the calculated width and height for the element.\r\n */\r\nexport function getScaledDimensions(\r\n    width: number,  \r\n    height: number,\r\n    maxWidth: number,\r\n    maxHeight: number\r\n  ): Dimensions {\r\n    // If the original dimensions are smaller than or equal to the max values, return the original dimensions\r\n    if (width <= maxWidth && height <= maxHeight) {\r\n      // Ensure the width and height are even numbers\r\n      return {\r\n        width: width % 2 === 0 ? width : width - 1,\r\n        height: height % 2 === 0 ? height : height - 1,\r\n      };\r\n    }\r\n  \r\n    // Calculate scaling factor based on the maximum width and height\r\n    const widthRatio = maxWidth / width;\r\n    const heightRatio = maxHeight / height;\r\n  \r\n    // Use the smaller of the two ratios to maintain the aspect ratio\r\n    const scale = Math.min(widthRatio, heightRatio);\r\n  \r\n    // Calculate the scaled dimensions\r\n    let scaledWidth = Math.round(width * scale);\r\n    let scaledHeight = Math.round(height * scale);\r\n  \r\n    // Ensure the width and height are even numbers\r\n    if (scaledWidth % 2 !== 0) {\r\n      scaledWidth -= 1; // Make width even if it's odd\r\n    }\r\n    if (scaledHeight % 2 !== 0) {\r\n      scaledHeight -= 1; // Make height even if it's odd\r\n    }\r\n  \r\n    // Ensure the scaled width and height fit within the max dimensions\r\n    return {\r\n      width: Math.min(scaledWidth, maxWidth),\r\n      height: Math.min(scaledHeight, maxHeight),\r\n    };\r\n  }\r\n\r\n/**\r\n * Calculates the resized dimensions of an element to fit inside a container\r\n * based on the specified object-fit strategy (\"contain\", \"cover\", \"fill\", or default).\r\n *\r\n * @param objectFit - The object-fit behavior ('contain', 'cover', 'fill', or default/fallback).\r\n * @param elementSize - The original size of the element (width and height).\r\n * @param containerSize - The size of the container (width and height).\r\n * @returns An object containing the calculated width and height for the element.\r\n */\r\nexport function getObjectFitSize(\r\n  objectFit: string,\r\n  elementSize: Dimensions,\r\n  containerSize: Dimensions\r\n): Dimensions {\r\n  const elementAspectRatio = elementSize.width / elementSize.height;\r\n  const containerAspectRatio = containerSize.width / containerSize.height;\r\n\r\n  switch (objectFit) {\r\n    case \"contain\":\r\n      // Fit entire element inside container without cropping, maintaining aspect ratio\r\n      if (elementAspectRatio > containerAspectRatio) {\r\n        return {\r\n          width: containerSize.width,\r\n          height: containerSize.width / elementAspectRatio,\r\n        };\r\n      } else {\r\n        return {\r\n          width: containerSize.height * elementAspectRatio,\r\n          height: containerSize.height,\r\n        };\r\n      }\r\n\r\n    case \"cover\":\r\n      // Fill container while maintaining aspect ratio, possibly cropping the element\r\n      if (elementAspectRatio > containerAspectRatio) {\r\n        return {\r\n          width: containerSize.height * elementAspectRatio,\r\n          height: containerSize.height,\r\n        };\r\n      } else {\r\n        return {\r\n          width: containerSize.width,\r\n          height: containerSize.width / elementAspectRatio,\r\n        };\r\n      }\r\n\r\n    case \"fill\":\r\n      // Stretch element to completely fill the container, ignoring aspect ratio\r\n      return {\r\n        width: containerSize.width,\r\n        height: containerSize.height,\r\n      };\r\n\r\n    default:\r\n      // Default behavior: return original size of the element\r\n      return {\r\n        width: elementSize.width,\r\n        height: elementSize.height,\r\n      };\r\n  }\r\n};\r\n\r\n  ","/**\r\n * Converts a Blob URL to a File object.\r\n *\r\n * @param blobUrl - The Blob URL to convert.\r\n * @param fileName - The name to assign to the resulting File.\r\n * @returns A Promise that resolves to a File object.\r\n */\r\nexport async function blobUrlToFile(blobUrl: string, fileName: string): Promise<File> {\r\n    const response = await fetch(blobUrl);\r\n    const blob = await response.blob();\r\n    return new File([blob], fileName, { type: blob.type });\r\n  }\r\n  \r\n  /**\r\n   * Triggers a download of a file from a string or Blob.\r\n   *\r\n   * @param content - The content to save, either a string or a Blob.\r\n   * @param type - The MIME type of the content.\r\n   * @param name - The name of the file to be saved.\r\n   */\r\n  export function saveAsFile(content: string | Blob, type: string, name: string): void {\r\n    const blob = typeof content === \"string\" ? new Blob([content], { type }) : content;\r\n    const url = URL.createObjectURL(blob);\r\n  \r\n    const a = document.createElement(\"a\");\r\n    a.href = url;\r\n    a.download = name;\r\n    a.click();\r\n  \r\n    // Clean up the URL object after download\r\n    URL.revokeObjectURL(url);\r\n  }\r\n  \r\n  /**\r\n   * Downloads a file from a given URL and triggers a browser download.\r\n   *\r\n   * @param url - The URL of the file to download.\r\n   * @param filename - The name of the file to be saved.\r\n   * @returns A Promise that resolves when the download is initiated or rejects if there is an error.\r\n   */\r\n  export async function downloadFile(url: string, filename: string): Promise<void> {\r\n    try {\r\n      const response = await fetch(url);\r\n      const blob = await response.blob();\r\n      const downloadUrl = window.URL.createObjectURL(blob);\r\n  \r\n      const link = document.createElement(\"a\");\r\n      link.href = downloadUrl;\r\n      link.download = filename;\r\n      document.body.appendChild(link);\r\n      link.click();\r\n  \r\n      // Clean up\r\n      document.body.removeChild(link);\r\n      window.URL.revokeObjectURL(downloadUrl);\r\n    } catch (error) {\r\n      console.error(\"Error downloading file:\", error);\r\n      throw error;\r\n    }\r\n  }\r\n  ","/**\r\n * Detects the media type (image, video, or audio) of a given URL by sending a HEAD request.\r\n *\r\n * @param url - The URL of the media file.\r\n * @returns A promise that resolves to 'image', 'video', or 'audio' based on the Content-Type header,\r\n *          or `null` if the type couldn't be determined or the request fails.\r\n */\r\nexport async function detectMediaTypeFromUrl(url: string): Promise<'image' | 'video' | 'audio' | null> {\r\n    try {\r\n      // Use a HEAD request to fetch only the headers, avoiding download of the full file\r\n      const response = await fetch(url, { method: 'HEAD' });\r\n  \r\n      // Extract the 'Content-Type' header from the response\r\n      const contentType = response.headers.get('Content-Type');\r\n  \r\n      if (!contentType) return null;\r\n  \r\n      // Determine the media type from the content type\r\n      if (contentType.startsWith('image/')) return 'image';\r\n      if (contentType.startsWith('video/')) return 'video';\r\n      if (contentType.startsWith('audio/')) return 'audio';\r\n  \r\n      // Return null if not a recognized media type\r\n      return null;\r\n    } catch (error) {\r\n      console.error('Fetch failed:', error);\r\n      return null;\r\n    }\r\n  }\r\n  "],"names":[],"mappings":"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"}

package/dist/index.mjs

@@ -0,0 +1,286 @@
+const imageDimensionsCache = {};
+const videoMetaCache = {};
+const audioDurationCache = {};
+
+const getAudioDuration = (audioSrc) => {
+  if (audioDurationCache[audioSrc]) {
+    return Promise.resolve(audioDurationCache[audioSrc]);
+  }
+  return new Promise((resolve, reject) => {
+    const audio = document.createElement("audio");
+    audio.preload = "metadata";
+    audio.src = audioSrc;
+    audio.onloadedmetadata = () => {
+      const duration = audio.duration;
+      audioDurationCache[audioSrc] = duration;
+      resolve(duration);
+    };
+    audio.onerror = () => {
+      reject(new Error("Failed to load audio metadata"));
+    };
+  });
+};
+
+const concurrencyLimit = 5;
+let activeCount = 0;
+const queue = [];
+function runNext() {
+  if (queue.length === 0 || activeCount >= concurrencyLimit) return;
+  const next = queue.shift();
+  if (next) {
+    activeCount++;
+    next();
+  }
+}
+function limit(fn) {
+  return new Promise((resolve, reject) => {
+    const task = () => {
+      fn().then(resolve).catch(reject).finally(() => {
+        activeCount--;
+        runNext();
+      });
+    };
+    if (activeCount < concurrencyLimit) {
+      activeCount++;
+      task();
+    } else {
+      queue.push(task);
+    }
+  });
+}
+
+function loadImageDimensions(url) {
+  return new Promise((resolve, reject) => {
+    if (typeof document === "undefined") {
+      reject(new Error("getImageDimensions() is only available in the browser."));
+      return;
+    }
+    const img = new Image();
+    img.onload = () => {
+      resolve({ width: img.naturalWidth, height: img.naturalHeight });
+    };
+    img.onerror = reject;
+    img.src = url;
+  });
+}
+function getImageDimensions(url) {
+  if (imageDimensionsCache[url]) {
+    return Promise.resolve(imageDimensionsCache[url]);
+  }
+  return limit(() => loadImageDimensions(url)).then((dimensions) => {
+    imageDimensionsCache[url] = dimensions;
+    return dimensions;
+  });
+}
+
+const getVideoMeta = (videoSrc) => {
+  if (videoMetaCache[videoSrc]) {
+    return Promise.resolve(videoMetaCache[videoSrc]);
+  }
+  return new Promise((resolve, reject) => {
+    const video = document.createElement("video");
+    video.preload = "metadata";
+    video.src = videoSrc;
+    video.onloadedmetadata = () => {
+      const meta = {
+        width: video.videoWidth,
+        height: video.videoHeight,
+        duration: video.duration
+      };
+      videoMetaCache[videoSrc] = meta;
+      resolve(meta);
+    };
+    video.onerror = () => reject(new Error("Failed to load video metadata"));
+  });
+};
+
+async function getThumbnail(videoUrl, seekTime = 0.1, playbackRate = 1) {
+  return new Promise((resolve, reject) => {
+    const video = document.createElement("video");
+    video.crossOrigin = "anonymous";
+    video.muted = true;
+    video.playsInline = true;
+    video.autoplay = false;
+    video.preload = "auto";
+    video.playbackRate = playbackRate;
+    let timeoutId;
+    const cleanup = () => {
+      if (video.parentNode) video.remove();
+      if (timeoutId) clearTimeout(timeoutId);
+    };
+    const handleError = () => {
+      cleanup();
+      reject(new Error(`Failed to load video: ${video.error?.message || "Unknown error"}`));
+    };
+    const handleSeeked = () => {
+      try {
+        video.pause();
+        const canvas = document.createElement("canvas");
+        const width = video.videoWidth || 640;
+        const height = video.videoHeight || 360;
+        canvas.width = width;
+        canvas.height = height;
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+          cleanup();
+          reject(new Error("Failed to get canvas context"));
+          return;
+        }
+        ctx.drawImage(video, 0, 0, width, height);
+        try {
+          const dataUrl = canvas.toDataURL("image/jpeg", 0.8);
+          cleanup();
+          resolve(dataUrl);
+        } catch {
+          canvas.toBlob((blob) => {
+            if (!blob) {
+              cleanup();
+              reject(new Error("Failed to create Blob"));
+              return;
+            }
+            const blobUrl = URL.createObjectURL(blob);
+            cleanup();
+            resolve(blobUrl);
+          }, "image/jpeg", 0.8);
+        }
+      } catch (err) {
+        cleanup();
+        reject(new Error(`Error creating thumbnail: ${err}`));
+      }
+    };
+    video.addEventListener("error", handleError, { once: true });
+    video.addEventListener("seeked", handleSeeked, { once: true });
+    video.addEventListener("loadedmetadata", () => {
+      const playPromise = video.play();
+      if (playPromise !== void 0) {
+        playPromise.then(() => {
+          video.currentTime = seekTime;
+        }).catch(() => {
+          video.currentTime = seekTime;
+        });
+      } else {
+        video.currentTime = seekTime;
+      }
+    }, { once: true });
+    timeoutId = window.setTimeout(() => {
+      cleanup();
+      reject(new Error("Video loading timed out"));
+    }, 5e3);
+    video.src = videoUrl;
+    document.body.appendChild(video);
+  });
+}
+
+function getScaledDimensions(width, height, maxWidth, maxHeight) {
+  if (width <= maxWidth && height <= maxHeight) {
+    return {
+      width: width % 2 === 0 ? width : width - 1,
+      height: height % 2 === 0 ? height : height - 1
+    };
+  }
+  const widthRatio = maxWidth / width;
+  const heightRatio = maxHeight / height;
+  const scale = Math.min(widthRatio, heightRatio);
+  let scaledWidth = Math.round(width * scale);
+  let scaledHeight = Math.round(height * scale);
+  if (scaledWidth % 2 !== 0) {
+    scaledWidth -= 1;
+  }
+  if (scaledHeight % 2 !== 0) {
+    scaledHeight -= 1;
+  }
+  return {
+    width: Math.min(scaledWidth, maxWidth),
+    height: Math.min(scaledHeight, maxHeight)
+  };
+}
+function getObjectFitSize(objectFit, elementSize, containerSize) {
+  const elementAspectRatio = elementSize.width / elementSize.height;
+  const containerAspectRatio = containerSize.width / containerSize.height;
+  switch (objectFit) {
+    case "contain":
+      if (elementAspectRatio > containerAspectRatio) {
+        return {
+          width: containerSize.width,
+          height: containerSize.width / elementAspectRatio
+        };
+      } else {
+        return {
+          width: containerSize.height * elementAspectRatio,
+          height: containerSize.height
+        };
+      }
+    case "cover":
+      if (elementAspectRatio > containerAspectRatio) {
+        return {
+          width: containerSize.height * elementAspectRatio,
+          height: containerSize.height
+        };
+      } else {
+        return {
+          width: containerSize.width,
+          height: containerSize.width / elementAspectRatio
+        };
+      }
+    case "fill":
+      return {
+        width: containerSize.width,
+        height: containerSize.height
+      };
+    default:
+      return {
+        width: elementSize.width,
+        height: elementSize.height
+      };
+  }
+}
+
+async function blobUrlToFile(blobUrl, fileName) {
+  const response = await fetch(blobUrl);
+  const blob = await response.blob();
+  return new File([blob], fileName, { type: blob.type });
+}
+function saveAsFile(content, type, name) {
+  const blob = typeof content === "string" ? new Blob([content], { type }) : content;
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+async function downloadFile(url, filename) {
+  try {
+    const response = await fetch(url);
+    const blob = await response.blob();
+    const downloadUrl = window.URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = downloadUrl;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    window.URL.revokeObjectURL(downloadUrl);
+  } catch (error) {
+    console.error("Error downloading file:", error);
+    throw error;
+  }
+}
+
+async function detectMediaTypeFromUrl(url) {
+  try {
+    const response = await fetch(url, { method: "HEAD" });
+    const contentType = response.headers.get("Content-Type");
+    if (!contentType) return null;
+    if (contentType.startsWith("image/")) return "image";
+    if (contentType.startsWith("video/")) return "video";
+    if (contentType.startsWith("audio/")) return "audio";
+    return null;
+  } catch (error) {
+    console.error("Fetch failed:", error);
+    return null;
+  }
+}
+
+export { blobUrlToFile, detectMediaTypeFromUrl, downloadFile, getAudioDuration, getImageDimensions, getObjectFitSize, getScaledDimensions, getThumbnail, getVideoMeta, limit, saveAsFile };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/cache.ts","../src/get-audio-duration.ts","../src/limit.ts","../src/get-image-dimensions.ts","../src/get-video-metadata.ts","../src/get-thumbnail.ts","../src/dimension-handler.ts","../src/file-helper.ts","../src/url-helper.ts"],"sourcesContent":["import { Dimensions, VideoMeta } from \"./types\";\r\n\r\nexport const imageDimensionsCache: Record<string, Dimensions> = {};\r\nexport const videoMetaCache: Record<string, VideoMeta> = {};\r\nexport const audioDurationCache: Record<string, number> = {};","import { audioDurationCache } from \"./cache\";\r\n\r\n/**\r\n * Retrieves the duration (in seconds) of an audio file from a given source URL.\r\n * Uses a cache to avoid reloading the same audio multiple times.\r\n *\r\n * @param audioSrc - The source URL of the audio file.\r\n * @returns A Promise that resolves to the duration of the audio in seconds.\r\n */\r\nexport const getAudioDuration = (audioSrc: string): Promise<number> => {\r\n  // Return cached duration if available\r\n  if (audioDurationCache[audioSrc]) {\r\n    return Promise.resolve(audioDurationCache[audioSrc]);\r\n  }\r\n\r\n  return new Promise((resolve, reject) => {\r\n    const audio = document.createElement(\"audio\");\r\n    audio.preload = \"metadata\"; // Only load metadata (e.g., duration)\r\n    audio.src = audioSrc;\r\n\r\n    // When metadata is loaded, store duration in cache and resolve\r\n    audio.onloadedmetadata = () => {\r\n      const duration = audio.duration;\r\n      audioDurationCache[audioSrc] = duration;\r\n      resolve(duration);\r\n    };\r\n\r\n    // Handle loading errors\r\n    audio.onerror = () => {\r\n      reject(new Error(\"Failed to load audio metadata\"));\r\n    };\r\n  });\r\n};\r\n","// Maximum number of concurrent promises allowed to run\r\nconst concurrencyLimit = 5;\r\n\r\n// Number of currently active (running) promises\r\nlet activeCount = 0;\r\n\r\n// Queue to hold pending tasks waiting to be run when concurrency slots free up\r\nconst queue: Array<() => void> = [];\r\n\r\n/**\r\n * Runs the next task from the queue if concurrency limit is not reached.\r\n */\r\nfunction runNext() {\r\n  // If no tasks are queued or we're already at the concurrency limit, do nothing\r\n  if (queue.length === 0 || activeCount >= concurrencyLimit) return;\r\n\r\n  // Dequeue next task\r\n  const next = queue.shift();\r\n\r\n  if (next) {\r\n    activeCount++; // Mark one more active task\r\n    next();        // Run it\r\n  }\r\n}\r\n\r\n/**\r\n * Wraps an async function to enforce concurrency limits.\r\n * If concurrency limit is reached, the function is queued and executed later.\r\n * \r\n * @param fn - Async function returning a Promise\r\n * @returns Promise that resolves/rejects with fn's result\r\n */\r\nexport function limit<T>(fn: () => Promise<T>): Promise<T> {\r\n  return new Promise((resolve, reject) => {\r\n    // Task to run the function and handle completion\r\n    const task = () => {\r\n      fn()\r\n        .then(resolve)\r\n        .catch(reject)\r\n        .finally(() => {\r\n          activeCount--; // Mark task as done\r\n          runNext();     // Trigger next queued task, if any\r\n        });\r\n    };\r\n\r\n    if (activeCount < concurrencyLimit) {\r\n      activeCount++; // Increment active count for immediate run\r\n      task();\r\n    } else {\r\n      // Queue the task if concurrency limit reached\r\n      queue.push(task);\r\n    }\r\n  });\r\n}\r\n","import { limit } from \"./limit\";\r\nimport { Dimensions } from \"./types\";\r\nimport { imageDimensionsCache } from \"./cache\";\r\n\r\n/**\r\n * Loads an image from the given URL and resolves with its natural dimensions.\r\n *\r\n * @param url - The image URL to load.\r\n * @returns A Promise that resolves with the image's width and height.\r\n */\r\nfunction loadImageDimensions(url: string): Promise<Dimensions> {\r\n  return new Promise((resolve, reject) => {\r\n    if (typeof document === 'undefined') {\r\n      reject(new Error('getImageDimensions() is only available in the browser.'));\r\n      return;\r\n    }\r\n\r\n    const img = new Image();\r\n    img.onload = () => {\r\n      resolve({ width: img.naturalWidth, height: img.naturalHeight });\r\n    };\r\n    img.onerror = reject;\r\n    img.src = url;\r\n  });\r\n}\r\n\r\n/**\r\n * Gets the dimensions (width and height) of an image from the given URL.\r\n * Uses a cache to avoid reloading the image if already fetched.\r\n * Also uses a concurrency limiter to control resource usage.\r\n *\r\n * @param url - The URL of the image.\r\n * @returns A Promise that resolves to an object containing `width` and `height`.\r\n */\r\nexport function getImageDimensions(url: string): Promise<Dimensions> {\r\n  // Return cached dimensions if available\r\n  if (imageDimensionsCache[url]) {\r\n    return Promise.resolve(imageDimensionsCache[url]);\r\n  }\r\n\r\n  // Fetch and cache the dimensions using a concurrency limit\r\n  return limit(() => loadImageDimensions(url)).then((dimensions) => {\r\n    imageDimensionsCache[url] = dimensions;\r\n    return dimensions;\r\n  });\r\n}\r\n","import { videoMetaCache } from \"./cache\";\r\nimport { VideoMeta } from \"./types\";\r\n\r\n/**\r\n * Fetches metadata (width, height, duration) for a given video source.\r\n * If metadata has already been fetched and cached, it returns the cached data.\r\n *\r\n * @param videoSrc - The URL or path to the video file.\r\n * @returns A Promise that resolves to an object containing video metadata.\r\n */\r\nexport const getVideoMeta = (videoSrc: string): Promise<VideoMeta> => {\r\n  // Return cached metadata if available\r\n  if (videoMetaCache[videoSrc]) {\r\n    return Promise.resolve(videoMetaCache[videoSrc]);\r\n  }\r\n\r\n  return new Promise<VideoMeta>((resolve, reject) => {\r\n    const video: HTMLVideoElement = document.createElement(\"video\");\r\n    video.preload = \"metadata\"; // Only preload metadata to reduce bandwidth\r\n    video.src = videoSrc;\r\n\r\n    // When metadata is loaded, extract and cache it\r\n    video.onloadedmetadata = () => {\r\n      const meta: VideoMeta = {\r\n        width: video.videoWidth,\r\n        height: video.videoHeight,\r\n        duration: video.duration,\r\n      };\r\n      videoMetaCache[videoSrc] = meta;\r\n      resolve(meta);\r\n    };\r\n\r\n    // Handle video loading errors\r\n    video.onerror = () => reject(new Error(\"Failed to load video metadata\"));\r\n  });\r\n};\r\n","/**\r\n * Extracts a thumbnail from a video at a specific seek time and playback rate.\r\n *\r\n * This function creates a hidden `<video>` element in the browser,\r\n * seeks to the specified time, and captures the frame into a canvas,\r\n * which is then exported as a JPEG data URL or Blob URL.\r\n *\r\n * @param videoUrl - The URL of the video to extract the thumbnail from.\r\n * @param seekTime - The time in seconds at which to capture the frame. Default is 0.1s.\r\n * @param playbackRate - Playback speed for the video. Default is 1.\r\n * @returns A Promise that resolves to a thumbnail image URL (either a base64 data URL or blob URL).\r\n */\r\nexport async function getThumbnail(\r\n    videoUrl: string,\r\n    seekTime = 0.1,\r\n    playbackRate = 1\r\n  ): Promise<string> {\r\n    return new Promise((resolve, reject) => {\r\n      const video = document.createElement(\"video\");\r\n      video.crossOrigin = \"anonymous\";\r\n      video.muted = true;\r\n      video.playsInline = true;\r\n      video.autoplay = false;\r\n      video.preload = \"auto\";\r\n      video.playbackRate = playbackRate;\r\n  \r\n      let timeoutId: number | undefined;\r\n  \r\n      // Cleanup video element and timeout\r\n      const cleanup = () => {\r\n        if (video.parentNode) video.remove();\r\n        if (timeoutId) clearTimeout(timeoutId);\r\n      };\r\n  \r\n      // Handle errors during video loading\r\n      const handleError = () => {\r\n        cleanup();\r\n        reject(new Error(`Failed to load video: ${video.error?.message || \"Unknown error\"}`));\r\n      };\r\n  \r\n      // Once seeked to target frame, capture the image\r\n      const handleSeeked = () => {\r\n        try {\r\n          video.pause();\r\n  \r\n          const canvas = document.createElement(\"canvas\");\r\n          const width = video.videoWidth || 640;\r\n          const height = video.videoHeight || 360;\r\n          canvas.width = width;\r\n          canvas.height = height;\r\n  \r\n          const ctx = canvas.getContext(\"2d\");\r\n          if (!ctx) {\r\n            cleanup();\r\n            reject(new Error(\"Failed to get canvas context\"));\r\n            return;\r\n          }\r\n  \r\n          // Draw current video frame onto canvas\r\n          ctx.drawImage(video, 0, 0, width, height);\r\n  \r\n          // Attempt to export canvas to base64 image URL\r\n          try {\r\n            const dataUrl = canvas.toDataURL(\"image/jpeg\", 0.8);\r\n            cleanup();\r\n            resolve(dataUrl);\r\n          } catch {\r\n            // Fallback: convert canvas to Blob\r\n            canvas.toBlob((blob) => {\r\n              if (!blob) {\r\n                cleanup();\r\n                reject(new Error(\"Failed to create Blob\"));\r\n                return;\r\n              }\r\n              const blobUrl = URL.createObjectURL(blob);\r\n              cleanup();\r\n              resolve(blobUrl);\r\n            }, \"image/jpeg\", 0.8);\r\n          }\r\n        } catch (err) {\r\n          cleanup();\r\n          reject(new Error(`Error creating thumbnail: ${err}`));\r\n        }\r\n      };\r\n  \r\n      video.addEventListener(\"error\", handleError, { once: true });\r\n      video.addEventListener(\"seeked\", handleSeeked, { once: true });\r\n  \r\n      // After metadata is loaded, seek to the desired frame\r\n      video.addEventListener(\"loadedmetadata\", () => {\r\n        const playPromise = video.play();\r\n        if (playPromise !== undefined) {\r\n          playPromise\r\n            .then(() => {\r\n              video.currentTime = seekTime;\r\n            })\r\n            .catch(() => {\r\n              video.currentTime = seekTime;\r\n            });\r\n        } else {\r\n          video.currentTime = seekTime;\r\n        }\r\n      }, { once: true });\r\n  \r\n      // Timeout protection in case video loading hangs\r\n      timeoutId = window.setTimeout(() => {\r\n        cleanup();\r\n        reject(new Error(\"Video loading timed out\"));\r\n      }, 5000);\r\n  \r\n      // Assign video source and add it to the DOM (helps Safari/iOS behavior)\r\n      video.src = videoUrl;\r\n      document.body.appendChild(video);\r\n    });\r\n  }\r\n  ","import { Dimensions } from \"./types\";\r\n\r\n/**\r\n * Calculates the scaled dimensions of an element to fit inside a container\r\n * based on the specified max dimensions.\r\n *\r\n * @param width - The original width of the element.\r\n * @param height - The original height of the element.\r\n * @param maxWidth - The maximum width of the container.\r\n * @param maxHeight - The maximum height of the container.\r\n * @returns An object containing the calculated width and height for the element.\r\n */\r\nexport function getScaledDimensions(\r\n    width: number,  \r\n    height: number,\r\n    maxWidth: number,\r\n    maxHeight: number\r\n  ): Dimensions {\r\n    // If the original dimensions are smaller than or equal to the max values, return the original dimensions\r\n    if (width <= maxWidth && height <= maxHeight) {\r\n      // Ensure the width and height are even numbers\r\n      return {\r\n        width: width % 2 === 0 ? width : width - 1,\r\n        height: height % 2 === 0 ? height : height - 1,\r\n      };\r\n    }\r\n  \r\n    // Calculate scaling factor based on the maximum width and height\r\n    const widthRatio = maxWidth / width;\r\n    const heightRatio = maxHeight / height;\r\n  \r\n    // Use the smaller of the two ratios to maintain the aspect ratio\r\n    const scale = Math.min(widthRatio, heightRatio);\r\n  \r\n    // Calculate the scaled dimensions\r\n    let scaledWidth = Math.round(width * scale);\r\n    let scaledHeight = Math.round(height * scale);\r\n  \r\n    // Ensure the width and height are even numbers\r\n    if (scaledWidth % 2 !== 0) {\r\n      scaledWidth -= 1; // Make width even if it's odd\r\n    }\r\n    if (scaledHeight % 2 !== 0) {\r\n      scaledHeight -= 1; // Make height even if it's odd\r\n    }\r\n  \r\n    // Ensure the scaled width and height fit within the max dimensions\r\n    return {\r\n      width: Math.min(scaledWidth, maxWidth),\r\n      height: Math.min(scaledHeight, maxHeight),\r\n    };\r\n  }\r\n\r\n/**\r\n * Calculates the resized dimensions of an element to fit inside a container\r\n * based on the specified object-fit strategy (\"contain\", \"cover\", \"fill\", or default).\r\n *\r\n * @param objectFit - The object-fit behavior ('contain', 'cover', 'fill', or default/fallback).\r\n * @param elementSize - The original size of the element (width and height).\r\n * @param containerSize - The size of the container (width and height).\r\n * @returns An object containing the calculated width and height for the element.\r\n */\r\nexport function getObjectFitSize(\r\n  objectFit: string,\r\n  elementSize: Dimensions,\r\n  containerSize: Dimensions\r\n): Dimensions {\r\n  const elementAspectRatio = elementSize.width / elementSize.height;\r\n  const containerAspectRatio = containerSize.width / containerSize.height;\r\n\r\n  switch (objectFit) {\r\n    case \"contain\":\r\n      // Fit entire element inside container without cropping, maintaining aspect ratio\r\n      if (elementAspectRatio > containerAspectRatio) {\r\n        return {\r\n          width: containerSize.width,\r\n          height: containerSize.width / elementAspectRatio,\r\n        };\r\n      } else {\r\n        return {\r\n          width: containerSize.height * elementAspectRatio,\r\n          height: containerSize.height,\r\n        };\r\n      }\r\n\r\n    case \"cover\":\r\n      // Fill container while maintaining aspect ratio, possibly cropping the element\r\n      if (elementAspectRatio > containerAspectRatio) {\r\n        return {\r\n          width: containerSize.height * elementAspectRatio,\r\n          height: containerSize.height,\r\n        };\r\n      } else {\r\n        return {\r\n          width: containerSize.width,\r\n          height: containerSize.width / elementAspectRatio,\r\n        };\r\n      }\r\n\r\n    case \"fill\":\r\n      // Stretch element to completely fill the container, ignoring aspect ratio\r\n      return {\r\n        width: containerSize.width,\r\n        height: containerSize.height,\r\n      };\r\n\r\n    default:\r\n      // Default behavior: return original size of the element\r\n      return {\r\n        width: elementSize.width,\r\n        height: elementSize.height,\r\n      };\r\n  }\r\n};\r\n\r\n  ","/**\r\n * Converts a Blob URL to a File object.\r\n *\r\n * @param blobUrl - The Blob URL to convert.\r\n * @param fileName - The name to assign to the resulting File.\r\n * @returns A Promise that resolves to a File object.\r\n */\r\nexport async function blobUrlToFile(blobUrl: string, fileName: string): Promise<File> {\r\n    const response = await fetch(blobUrl);\r\n    const blob = await response.blob();\r\n    return new File([blob], fileName, { type: blob.type });\r\n  }\r\n  \r\n  /**\r\n   * Triggers a download of a file from a string or Blob.\r\n   *\r\n   * @param content - The content to save, either a string or a Blob.\r\n   * @param type - The MIME type of the content.\r\n   * @param name - The name of the file to be saved.\r\n   */\r\n  export function saveAsFile(content: string | Blob, type: string, name: string): void {\r\n    const blob = typeof content === \"string\" ? new Blob([content], { type }) : content;\r\n    const url = URL.createObjectURL(blob);\r\n  \r\n    const a = document.createElement(\"a\");\r\n    a.href = url;\r\n    a.download = name;\r\n    a.click();\r\n  \r\n    // Clean up the URL object after download\r\n    URL.revokeObjectURL(url);\r\n  }\r\n  \r\n  /**\r\n   * Downloads a file from a given URL and triggers a browser download.\r\n   *\r\n   * @param url - The URL of the file to download.\r\n   * @param filename - The name of the file to be saved.\r\n   * @returns A Promise that resolves when the download is initiated or rejects if there is an error.\r\n   */\r\n  export async function downloadFile(url: string, filename: string): Promise<void> {\r\n    try {\r\n      const response = await fetch(url);\r\n      const blob = await response.blob();\r\n      const downloadUrl = window.URL.createObjectURL(blob);\r\n  \r\n      const link = document.createElement(\"a\");\r\n      link.href = downloadUrl;\r\n      link.download = filename;\r\n      document.body.appendChild(link);\r\n      link.click();\r\n  \r\n      // Clean up\r\n      document.body.removeChild(link);\r\n      window.URL.revokeObjectURL(downloadUrl);\r\n    } catch (error) {\r\n      console.error(\"Error downloading file:\", error);\r\n      throw error;\r\n    }\r\n  }\r\n  ","/**\r\n * Detects the media type (image, video, or audio) of a given URL by sending a HEAD request.\r\n *\r\n * @param url - The URL of the media file.\r\n * @returns A promise that resolves to 'image', 'video', or 'audio' based on the Content-Type header,\r\n *          or `null` if the type couldn't be determined or the request fails.\r\n */\r\nexport async function detectMediaTypeFromUrl(url: string): Promise<'image' | 'video' | 'audio' | null> {\r\n    try {\r\n      // Use a HEAD request to fetch only the headers, avoiding download of the full file\r\n      const response = await fetch(url, { method: 'HEAD' });\r\n  \r\n      // Extract the 'Content-Type' header from the response\r\n      const contentType = response.headers.get('Content-Type');\r\n  \r\n      if (!contentType) return null;\r\n  \r\n      // Determine the media type from the content type\r\n      if (contentType.startsWith('image/')) return 'image';\r\n      if (contentType.startsWith('video/')) return 'video';\r\n      if (contentType.startsWith('audio/')) return 'audio';\r\n  \r\n      // Return null if not a recognized media type\r\n      return null;\r\n    } catch (error) {\r\n      console.error('Fetch failed:', error);\r\n      return null;\r\n    }\r\n  }\r\n  "],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@twick/media-utils",
+  "version": "0.0.1",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "license": "Apache-2.0",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "eslint src/",
+    "clean": "rimraf .turbo node_modules dist",
+    "docs": "typedoc --out docs src/index.ts"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.24",
+    "typescript": "5.4.2",
+    "vite": "^5.1.4",
+    "vite-plugin-dts": "^3.7.3",
+    "rimraf": "^5.0.5",
+    "typedoc": "^0.25.8",
+    "typedoc-plugin-markdown": "^3.17.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  }
+}