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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.9.46",
+  "version": "2.9.48",
   "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/index.ts

@@ -21,3 +21,13 @@ export { clearCache } from "./infrastructure/services/cache.service";
 
 // Services - File Reading
 export { readFile, readFileAsBase64 } from "./infrastructure/services/file-reader.service";
+
+// Utils - Base64 and File Operations
+export {
+  extractBase64FromDataUri,
+  detectMimeType,
+  getExtensionFromMimeType,
+  base64ToTempFile,
+  deleteTempFile,
+  getFileSize,
+} from "./infrastructure/utils/blob.utils";

package/src/filesystem/infrastructure/utils/blob.utils.ts

@@ -1,20 +1,82 @@
 /**
  * Blob Utils
- * Blob utility functions for file operations
+ * Base64 and file utility functions for React Native
  */
 
+import { File, Paths } from "expo-file-system";
+
+/**
+ * Extract raw base64 from data URI
+ */
+export function extractBase64FromDataUri(dataUri: string): string {
+  if (!dataUri.startsWith("data:")) {
+    return dataUri;
+  }
+  const parts = dataUri.split(",");
+  return parts.length > 1 ? parts[1] : dataUri;
+}
+
+/**
+ * Detect MIME type from data URI or base64
+ */
+export function detectMimeType(base64: string): string {
+  if (base64.includes("data:image/png")) return "image/png";
+  if (base64.includes("data:image/webp")) return "image/webp";
+  if (base64.includes("data:image/gif")) return "image/gif";
+  return "image/jpeg";
+}
+
+/**
+ * Get file extension from MIME type
+ */
+export function getExtensionFromMimeType(mimeType: string): string {
+  const ext = mimeType.split("/")[1];
+  if (ext === "jpeg") return "jpg";
+  return ext ?? "jpg";
+}
+
+/**
+ * Write base64 to a temp file and return the file URI
+ * This is React Native compatible (no Blob/ArrayBuffer needed)
+ */
+export async function base64ToTempFile(
+  base64: string,
+  filename?: string,
+): Promise<string> {
+  const mimeType = detectMimeType(base64);
+  const extension = getExtensionFromMimeType(mimeType);
+  const cleanBase64 = extractBase64FromDataUri(base64);
+  const name = filename ?? `temp_${Date.now()}.${extension}`;
+
+  const file = new File(Paths.cache, name);
+  await file.create();
+  file.write(cleanBase64, { encoding: "base64" });
+
+  return file.uri;
+}
+
+/**
+ * Delete a temp file
+ */
+export async function deleteTempFile(uri: string): Promise<void> {
+  try {
+    const file = new File(uri);
+    if (file.exists) {
+      file.delete();
+    }
+  } catch {
+    // Ignore deletion errors
+  }
+}
+
 /**
- * Convert blob to base64 string
+ * Get file size from URI
  */
-export function blobToBase64(blob: Blob): Promise<string> {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onloadend = () => {
-      const result = reader.result as string;
-      const base64 = result.includes(",") ? result.split(",")[1] ?? result : result;
-      resolve(base64);
-    };
-    reader.onerror = reject;
-    reader.readAsDataURL(blob);
-  });
+export function getFileSize(uri: string): number {
+  try {
+    const file = new File(uri);
+    return file.exists ? (file.size ?? 0) : 0;
+  } catch {
+    return 0;
+  }
 }