@umituz/react-native-image 1.3.6 → 1.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-image",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "description": "Image manipulation and viewing for React Native apps - resize, crop, rotate, flip, compress, gallery viewer",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -33,8 +33,7 @@
     "expo-image-manipulator": ">=12.0.0"
   },
   "peerDependencies": {
-    "@umituz/react-native-animation": "latest",
-    "@umituz/react-native-design-system": "^2.1.0",
+    "@umituz/react-native-design-system": "latest",
     "expo-image": ">=1.0.0",
     "expo-media-library": ">=15.0.0",
     "expo-sharing": ">=12.0.0",
@@ -44,8 +43,7 @@
     "react-native-reanimated": ">=3.0.0"
   },
   "devDependencies": {
-    "@umituz/react-native-animation": "latest",
-    "@umituz/react-native-design-system": "^2.1.0",
+    "@umituz/react-native-design-system": "latest",
     "expo-image": "~2.0.0",
     "expo-image-manipulator": "~13.0.0",
     "expo-media-library": "~17.0.0",
@@ -65,4 +63,4 @@
     "README.md",
     "LICENSE"
   ]
-}
+}

package/src/domain/entities/ImageTemplateTypes.ts

@@ -12,4 +12,7 @@ export interface MemeTemplateOptions {
   templateKey: string;
   topText?: string;
   bottomText?: string;
+  style?: string; // e.g. 'black' for black text, or custom style
+  width?: number;
+  height?: number;
 }

package/src/infrastructure/services/ImageTemplateService.ts

@@ -13,7 +13,7 @@ export class ImageTemplateService {
    * @returns Formatted memegen.link URL
    */
   static generateMemeUrl(options: MemeTemplateOptions): string {
-    const { templateKey, topText = '', bottomText = '' } = options;
+    const { templateKey, topText = '', bottomText = '', style, width, height } = options;
     
     // Internal helper for memegen-specific encoding
     const encodeMemeText = (text: string) => {
@@ -26,14 +26,24 @@ export class ImageTemplateService {
           .replace(/\?/g, "~q")
           .replace(/#/g, "~h")
           .replace(/\//g, "~s")
-          // Additional memegen.link requirements if needed
       );
     };
 
     const top = encodeMemeText(topText);
     const bottom = encodeMemeText(bottomText);
 
-    return `https://api.memegen.link/images/${templateKey}/${top}/${bottom}.png`;
+    let url = `https://api.memegen.link/images/${templateKey}/${top}/${bottom}.png`;
+    
+    const params: string[] = [];
+    if (style) params.push(`style=${style}`);
+    if (width) params.push(`width=${width}`);
+    if (height) params.push(`height=${height}`);
+
+    if (params.length > 0) {
+      url += `?${params.join('&')}`;
+    }
+
+    return url;
   }
 
   /**