@umituz/react-native-image 1.3.5 → 1.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-image",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "description": "Image manipulation and viewing for React Native apps - resize, crop, rotate, flip, compress, gallery viewer",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/domain/entities/ImageTemplateTypes.ts

@@ -0,0 +1,15 @@
+/**
+ * Image Template Types
+ */
+
+export interface ImageTemplate {
+  id: string;
+  name: string;
+  url: string;
+}
+
+export interface MemeTemplateOptions {
+  templateKey: string;
+  topText?: string;
+  bottomText?: string;
+}

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,50 @@
+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 = '' } = 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")
+          // Additional memegen.link requirements if needed
+      );
+    };
+
+    const top = encodeMemeText(topText);
+    const bottom = encodeMemeText(bottomText);
+
+    return `https://api.memegen.link/images/${templateKey}/${top}/${bottom}.png`;
+  }
+
+  /**
+   * 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';
+  }
+}