@umituz/react-native-photo-editor 2.0.23 → 2.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-photo-editor",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "A powerful, generic photo editor for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/ARCHITECTURE.md

@@ -1,104 +0,0 @@
-# Architecture - Photo Editor DDD Design
-
-## Overview
-
-This photo editor is built using **Domain-Driven Design (DDD)** principles, ensuring maintainability, testability, and scalability. Every file is kept under 150 lines for clarity.
-
-## Layer Structure
-
-```
-src/
-├── domain/                    # Business logic (pure TypeScript)
-│   ├── entities/
-│   │   ├── Layer.ts          # Layer entities (TextLayer, StickerLayer)
-│   │   ├── Transform.ts      # Transform value object
-│   │   └── Filters.ts        # Filters value object
-│   └── services/
-│       ├── LayerService.ts   # Layer business logic
-│       └── HistoryService.ts # Undo/redo service
-│
-├── infrastructure/            # External concerns
-│   ├── gesture/
-│   │   ├── useTransformGesture.ts  # Reusable gesture hook
-│   │   └── types.ts          # Gesture types
-│   └── history/
-│       └── HistoryManager.ts # Legacy wrapper
-│
-├── application/               # Application logic
-│   ├── stores/
-│   │   └── EditorStore.ts    # Zustand state store
-│   └── hooks/
-│       ├── useEditor.ts      # Main editor hook
-│       └── useEditorUI.ts    # UI-specific hook
-│
-└── presentation/              # UI components
-    └── components/
-        ├── DraggableLayer.tsx    # Unified draggable (replaces Text + Sticker)
-        ├── EditorCanvas.tsx
-        ├── EditorToolbar.tsx
-        ├── FontControls.tsx
-        ├── ui/
-        │   ├── ColorPicker.tsx
-        │   └── Slider.tsx
-        └── sheets/
-            ├── TextEditorSheet.tsx
-            ├── FilterSheet.tsx
-            ├── AdjustmentsSheet.tsx
-            ├── LayerManager.tsx
-            ├── StickerPicker.tsx
-            └── AIMagicSheet.tsx
-```
-
-## Key Improvements
-
-### 1. Eliminated Code Duplication (~180 lines)
-- **Before**: `DraggableText.tsx` (182 lines) and `DraggableSticker.tsx` (162 lines) - duplicate gesture logic
-- **After**: `DraggableLayer.tsx` (110 lines) + `useTransformGesture.ts` (130 lines) - reusable gesture hook
-
-### 2. Domain Entities
-- Rich domain models with business logic
-- Type-safe layer operations
-- Value objects for Transform and Filters
-
-### 3. Separated Concerns
-- **Domain**: Pure business logic, no framework dependencies
-- **Infrastructure**: React Native, gesture handlers
-- **Application**: State management, orchestration
-- **Presentation**: UI components only
-
-### 4. State Management
-- Zustand store for global editor state
-- History service for undo/redo
-- Clean separation between domain and UI state
-
-## Usage
-
-```tsx
-import { PhotoEditor } from "@umituz/react-native-photo-editor";
-
-<PhotoEditor
-  imageUri={imageUri}
-  onSave={(uri, layers, filters) => console.log({ uri, layers, filters })}
-  onClose={() => navigation.goBack()}
-  t={(key) => i18n.t(key)}
-/>
-```
-
-## Testing
-
-Each layer can be tested independently:
-- Domain: Pure functions, easy to unit test
-- Infrastructure: Gesture hooks with test utils
-- Application: Store with test environment
-- Presentation: React component testing
-
-## Migration from Old Architecture
-
-The old files have been preserved for backward compatibility:
-- Old hooks: `src/hooks/`
-- Old components: `src/components/`
-
-New code should use:
-- `useEditor()` instead of `usePhotoEditor()`
-- `useEditorUI()` instead of `usePhotoEditorUI()`
-- Components from `src/presentation/components/`

package/MIGRATION.md

@@ -1,100 +0,0 @@
-# Migration Guide - Old to New Architecture
-
-## What Changed?
-
-### Before
-```
-src/
-├── hooks/
-│   ├── usePhotoEditor.ts       # 173 lines - mixed concerns
-│   └── usePhotoEditorUI.ts     # 163 lines - UI + business logic
-├── components/
-│   ├── DraggableText.tsx       # 182 lines - gesture + UI
-│   ├── DraggableSticker.tsx    # 162 lines - DUPLICATE of above
-│   └── ...
-├── core/
-│   └── HistoryManager.ts       # Generic, reusable
-└── types.ts                    # Simple type definitions
-```
-
-### After
-```
-src/
-├── domain/                     # Pure business logic
-│   ├── entities/              # Rich domain models
-│   └── services/              # Business operations
-├── infrastructure/             # External systems
-│   ├── gesture/               # Reusable gestures
-│   └── history/
-├── application/                # Orchestration
-│   ├── stores/                # State management
-│   └── hooks/                 # Clean hooks
-└── presentation/               # UI only
-    └── components/
-```
-
-## API Changes
-
-### Hooks
-
-**Old:**
-```tsx
-import { usePhotoEditor } from "./hooks/usePhotoEditor";
-import { usePhotoEditorUI } from "./hooks/usePhotoEditorUI";
-
-const editor = usePhotoEditor([]);
-const ui = usePhotoEditorUI();
-```
-
-**New:**
-```tsx
-import { useEditor } from "./application/hooks/useEditor";
-import { useEditorUI } from "./application/hooks/useEditorUI";
-
-const editor = useEditor();
-const ui = useEditorUI();
-```
-
-### Components
-
-**Old:**
-```tsx
-import DraggableText from "./components/DraggableText";
-import DraggableSticker from "./components/DraggableSticker";
-```
-
-**New:**
-```tsx
-import { DraggableLayer } from "./presentation/components/DraggableLayer";
-```
-
-### Types
-
-**Old:**
-```tsx
-import type { Layer, TextLayer, ImageFilters } from "./types";
-```
-
-**New:**
-```tsx
-import type { Layer, TextLayer, FilterValues } from "./domain/entities/Layer";
-import { FiltersVO } from "./domain/entities/Filters";
-```
-
-## Benefits
-
-1. **180 lines less code** - Removed duplication between DraggableText and DraggableSticker
-2. **Clear separation** - Business logic separate from UI
-3. **Testable** - Each layer can be tested independently
-4. **Maintainable** - Files under 150 lines each
-5. **Scalable** - Easy to add new features
-
-## Backward Compatibility
-
-The old API is still exported. Your existing code will continue to work.
-
-To migrate gradually:
-1. Start using `useEditor()` in new features
-2. Replace `DraggableText` + `DraggableSticker` with `DraggableLayer`
-3. Update imports to new paths
-4. Remove old imports when ready