@umituz/react-native-design-system 2.9.48 → 2.9.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.9.48",
+  "version": "2.9.50",
   "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/filesystem/infrastructure/utils/blob.utils.ts

@@ -35,6 +35,19 @@ export function getExtensionFromMimeType(mimeType: string): string {
   return ext ?? "jpg";
 }
 
+/**
+ * Convert base64 string to Uint8Array
+ * Required for binary file writing in new expo-file-system API
+ */
+function base64ToUint8Array(base64: string): Uint8Array {
+  const binaryString = atob(base64);
+  const bytes = new Uint8Array(binaryString.length);
+  for (let i = 0; i < binaryString.length; i++) {
+    bytes[i] = binaryString.charCodeAt(i);
+  }
+  return bytes;
+}
+
 /**
  * Write base64 to a temp file and return the file URI
  * This is React Native compatible (no Blob/ArrayBuffer needed)
@@ -50,7 +63,10 @@ export async function base64ToTempFile(
 
   const file = new File(Paths.cache, name);
   await file.create();
-  file.write(cleanBase64, { encoding: "base64" });
+
+  // Convert base64 to Uint8Array for binary writing
+  const binaryData = base64ToUint8Array(cleanBase64);
+  file.write(binaryData);
 
   return file.uri;
 }

package/src/media/index.ts

@@ -81,6 +81,11 @@ export {
 export {
   getMediaDuration,
   generateThumbnail,
+  isBase64DataUrl,
+  isRawBase64,
+  toDataUrl,
+  saveBase64ToFile,
+  downloadMediaToFile,
 } from "./infrastructure/utils/file-media-utils";
 
 // Multimedia Flashcard Support

package/src/media/infrastructure/utils/file-media-utils.ts

@@ -1,3 +1,10 @@
+/**
+ * File Media Utilities
+ * Utilities for handling media files (base64, downloads, file operations)
+ */
+
+import { File, Paths } from "expo-file-system/next";
+
 interface FileWithType {
   readonly type: string;
 }
@@ -15,3 +22,66 @@ export function generateThumbnail(file: FileWithType): string | undefined {
   }
   return undefined;
 }
+
+/**
+ * Check if a string is a base64 data URL
+ */
+export const isBase64DataUrl = (str: string): boolean => {
+  return str.startsWith("data:image/");
+};
+
+/**
+ * Check if a string is raw base64 (not a URL and not a data URL)
+ */
+export const isRawBase64 = (str: string): boolean => {
+  return !str.startsWith("http") && !str.startsWith("data:image/") && !str.startsWith("file://");
+};
+
+/**
+ * Convert raw base64 to data URL format
+ */
+export const toDataUrl = (str: string): string => {
+  if (isBase64DataUrl(str)) return str;
+  if (isRawBase64(str)) return `data:image/jpeg;base64,${str}`;
+  return str;
+};
+
+/**
+ * Save base64 image to file system
+ */
+export const saveBase64ToFile = async (base64Data: string): Promise<string> => {
+  const timestamp = Date.now();
+  const filename = `media_${timestamp}.jpg`;
+  const file = new File(Paths.cache, filename);
+
+  const pureBase64 = base64Data.replace(/^data:image\/\w+;base64,/, "");
+  const binaryString = atob(pureBase64);
+  const bytes = new Uint8Array(binaryString.length);
+  for (let i = 0; i < binaryString.length; i++) {
+    bytes[i] = binaryString.charCodeAt(i);
+  }
+
+  file.write(bytes);
+  return file.uri;
+};
+
+/**
+ * Download media from URL to local file
+ */
+export const downloadMediaToFile = async (url: string, isVideo: boolean): Promise<string> => {
+  const timestamp = Date.now();
+  const extension = isVideo ? "mp4" : "jpg";
+  const filename = `media_${timestamp}.${extension}`;
+  const file = new File(Paths.cache, filename);
+
+  const response = await fetch(url);
+  if (!response.ok) {
+    throw new Error(`Failed to download media: ${response.statusText}`);
+  }
+
+  const arrayBuffer = await response.arrayBuffer();
+  const bytes = new Uint8Array(arrayBuffer);
+  file.write(bytes);
+
+  return file.uri;
+};