@umituz/react-native-image 1.3.4 → 1.3.6

package/package.json

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

package/src/presentation/hooks/useImageBatch.ts

@@ -5,7 +5,6 @@
 import { useCallback } from 'react';
 import { useImageOperation } from './useImageOperation';
 import { ImageBatchService, type BatchOperation, type BatchProcessingOptions } from '../../infrastructure/services/ImageBatchService';
-import type { ImageFilter } from '../../domain/entities/ImageFilterTypes';
 
 export const useImageBatch = () => {
     const { isProcessing, error, execute } = useImageOperation();
@@ -19,14 +18,10 @@ export const useImageBatch = () => {
     const compressBatch = useCallback((uris: string[], quality?: number, options?: BatchProcessingOptions) =>
         execute(() => ImageBatchService.compressBatch(uris, quality, options), 'Failed to compress batch'), [execute]);
 
-    const filterBatch = useCallback((uris: string[], filter: ImageFilter, options?: BatchProcessingOptions) =>
-        execute(() => ImageBatchService.filterBatch(uris, filter, options), 'Failed to filter batch'), [execute]);
-
     return {
         processBatch,
         resizeBatch,
         compressBatch,
-        filterBatch,
         isBatchProcessing: isProcessing,
         batchError: error,
     };