@umituz/react-native-image 1.3.5 → 1.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-image",
-  "version": "1.3.5",
+  "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

@@ -0,0 +1,18 @@
+/**
+ * Image Template Types
+ */
+
+export interface ImageTemplate {
+  id: string;
+  name: string;
+  url: string;
+}
+
+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/index.ts

@@ -26,6 +26,11 @@ export type {
   ImageFlipOptions,
 } from './domain/entities/ImageTypes';
 
+export type {
+  ImageTemplate,
+  MemeTemplateOptions,
+} from './domain/entities/ImageTemplateTypes';
+
 export {
   ImageFormat,
   ImageOrientation,
@@ -68,6 +73,7 @@ export { ImageAIEnhancementService, type AutoEnhancementOptions, type Enhancemen
 export { ImageMetadataService, type ImageMetadataExtractionOptions } from './infrastructure/services/ImageMetadataService';
 export { ImageQualityPresetService, type QualityPreset, type QualityPresets, IMAGE_QUALITY_PRESETS } from './infrastructure/utils/ImageQualityPresets';
 export { ImageSpecializedEnhancementService } from './infrastructure/services/ImageSpecializedEnhancementService';
+export { ImageTemplateService } from './infrastructure/services/ImageTemplateService';
 
 // =============================================================================
 // PRESENTATION LAYER - React Native Components & Hooks

package/src/infrastructure/services/ImageTemplateService.ts

@@ -0,0 +1,60 @@
+import { MemeTemplateOptions } from '../../domain/entities/ImageTemplateTypes';
+
+/**
+ * ImageTemplateService
+ * 
+ * Provides utilities for generating image template URLs (e.g. Memegen.link)
+ */
+export class ImageTemplateService {
+  /**
+   * Generates a Memegen.link URL for a given template and texts
+   * 
+   * @param options Meme configuration (templateKey, topText, bottomText)
+   * @returns Formatted memegen.link URL
+   */
+  static generateMemeUrl(options: MemeTemplateOptions): string {
+    const { templateKey, topText = '', bottomText = '', style, width, height } = options;
+    
+    // Internal helper for memegen-specific encoding
+    const encodeMemeText = (text: string) => {
+      const sanitized = text.trim();
+      if (!sanitized) return "_";
+      
+      return encodeURIComponent(
+        sanitized
+          .replace(/ /g, "_")
+          .replace(/\?/g, "~q")
+          .replace(/#/g, "~h")
+          .replace(/\//g, "~s")
+      );
+    };
+
+    const top = encodeMemeText(topText);
+    const bottom = encodeMemeText(bottomText);
+
+    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;
+  }
+
+  /**
+   * Extracts template key from a memegen.link URL or filename
+   */
+  static extractTemplateKey(url: string): string {
+    if (!url) return 'custom';
+    
+    // Example: https://api.memegen.link/images/distracted.png -> distracted
+    const parts = url.split('/');
+    const lastPart = parts[parts.length - 1] || '';
+    return lastPart.split('.')[0] || 'custom';
+  }
+}