@umituz/react-native-design-system 2.9.39 → 2.9.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.9.39",
+  "version": "2.9.41",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/media/index.ts

@@ -44,6 +44,16 @@ export type { SaveResult, SaveOptions } from "./infrastructure/services/MediaSav
 // Presentation Layer - Original Media Hooks
 export { useMedia } from "./presentation/hooks/useMedia";
 
+// Media Helper Utilities
+export {
+  getMediaTypeFromUrl,
+  isVideoUrl,
+  isImageUrl,
+  getMediaType,
+  getCardMediaType,
+  formatFileSize,
+} from "./infrastructure/utils/mediaHelpers";
+
 // Multimedia Flashcard Support
 export type {
   CardMediaType,

package/src/media/infrastructure/utils/mediaHelpers.ts

@@ -1,17 +1,21 @@
-/**
- * Media Helper Utilities
- * Shared helper functions for media operations
- */
-
 import type {
   CardMediaAttachment,
   CardMediaType,
 } from "../../domain/entities/CardMultimedia.types";
 import type { MediaAttachment } from "../../domain/entities/MultimediaFlashcardTypes";
 
-/**
- * Get media type from MIME type for CardMedia
- */
+type MediaTypeResult = "image" | "audio" | "video";
+type MediaTypeFromUrlResult = "image" | "video" | "audio" | "unknown";
+
+interface FileWithType {
+  readonly type: string;
+}
+
+const VIDEO_EXTENSIONS = [".mp4", ".webm", ".mov", ".avi", ".mkv", ".m4v"];
+const IMAGE_EXTENSIONS = [".jpg", ".jpeg", ".png", ".gif", ".webp", ".bmp", ".svg"];
+const AUDIO_EXTENSIONS = [".mp3", ".wav", ".ogg", ".m4a", ".aac", ".flac"];
+const FILE_SIZE_UNITS = ["Bytes", "KB", "MB", "GB"];
+
 export const getCardMediaType = (mimeType: string): CardMediaType => {
   if (mimeType.startsWith("image/")) return "image";
   if (mimeType.startsWith("audio/")) return "audio";
@@ -19,21 +23,15 @@ export const getCardMediaType = (mimeType: string): CardMediaType => {
   return "image";
 };
 
-/**
- * Get media type from MIME type for Media
- */
-export const getMediaType = (mimeType: string): "image" | "audio" | "video" => {
+export const getMediaType = (mimeType: string): MediaTypeResult => {
   if (mimeType.startsWith("image/")) return "image";
   if (mimeType.startsWith("audio/")) return "audio";
   if (mimeType.startsWith("video/")) return "video";
   return "image";
 };
 
-/**
- * Get media duration for audio/video files
- */
 export const getMediaDuration = async (
-  file: any
+  file: FileWithType
 ): Promise<number | undefined> => {
   if (file.type.startsWith("audio/") || file.type.startsWith("video/")) {
     return Math.floor(Math.random() * 60) + 10;
@@ -41,42 +39,53 @@ export const getMediaDuration = async (
   return undefined;
 };
 
-/**
- * Generate thumbnail URL for video files
- */
-export const generateThumbnail = (file: any): string | undefined => {
+export const generateThumbnail = (file: FileWithType): string | undefined => {
   if (file.type.startsWith("video/")) {
     return `https://picsum.photos/200/150?random=${Date.now()}`;
   }
   return undefined;
 };
 
-/**
- * Extract unique media types from attachments
- */
 export const extractMediaTypes = (
-  media: CardMediaAttachment[] | MediaAttachment[]
-): ("image" | "audio" | "video")[] => {
-  const types: Set<string> = new Set();
+  media: readonly (CardMediaAttachment | MediaAttachment)[]
+): MediaTypeResult[] => {
+  const types = new Set<MediaTypeResult>();
   media.forEach((m) => types.add(m.type));
-  return Array.from(types) as ("image" | "audio" | "video")[];
+  return Array.from(types);
 };
 
-/**
- * Calculate total file size of media attachments
- */
 export const calculateTotalSize = (
-  media: CardMediaAttachment[] | MediaAttachment[]
+  media: readonly (CardMediaAttachment | MediaAttachment)[]
 ): number => {
   return media.reduce((total, m) => total + m.fileSize, 0);
 };
 
-/**
- * Format bytes to human-readable file size
- */
 export const formatFileSize = (bytes: number): string => {
-  const sizes = ["Bytes", "KB", "MB", "GB"];
   if (bytes === 0) return "0 Bytes";
   const i = Math.floor(Math.log(bytes) / Math.log(1024));
-  return Math.round((bytes / Math.pow(1024, i)) * 100) / 100 + " " + sizes[i];
+  return Math.round((bytes / Math.pow(1024, i)) * 100) / 100 + " " + FILE_SIZE_UNITS[i];
+};
+
+export const getMediaTypeFromUrl = (url: string): MediaTypeFromUrlResult => {
+  if (!url) return "unknown";
+
+  const urlWithoutParams = url.toLowerCase().split("?")[0];
+  const lastDotIndex = urlWithoutParams.lastIndexOf(".");
+  if (lastDotIndex === -1) return "unknown";
+
+  const extension = urlWithoutParams.substring(lastDotIndex);
+
+  if (VIDEO_EXTENSIONS.includes(extension)) return "video";
+  if (IMAGE_EXTENSIONS.includes(extension)) return "image";
+  if (AUDIO_EXTENSIONS.includes(extension)) return "audio";
+
+  return "unknown";
+};
+
+export const isVideoUrl = (url: string): boolean => {
+  return getMediaTypeFromUrl(url) === "video";
+};
+
+export const isImageUrl = (url: string): boolean => {
+  return getMediaTypeFromUrl(url) === "image";
 };