react-native-photo-video-editor 0.1.0 → 0.2.0

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 ## Unreleased
 
+## 0.2.0
+
+- Fix video export placing text/sticker overlays at the wrong size and position on Android. Media3 composites an overlay texture 1:1 in pixels rather than stretching it to fill the frame, so the overlay bitmap's resolution cap shrank every layer toward the frame centre on sources above the cap (4K/1440p); 1080p and below were unaffected. The overlay canvas is now scaled back to the full frame via `OverlaySettings`, making preview and export match at any resolution. iOS was never affected (its `CALayer` scales to fit).
+- Expand filter presets from 5 to 17: Vivid/Vivid Warm/Vivid Cool, Warm, Cool, Natural, Soft, Fade, Mono, Noir, Silvertone, Vintage, Sepia, Retro, Dramatic/Dramatic Warm/Dramatic Cool. Existing preset ids still resolve, so previously edited photos render unchanged.
+- Redesign the photo editor's bottom UI around one reusable panel system (`EditorPanel.kt`/`.swift`): a compact `Title / Reset / Done` header, a single slider that re-points at whichever adjustment is selected, and horizontally scrollable icon+label strips. Replaces the full-height rectangular adjustment buttons and oversized Done button.
+- Add a filter carousel with per-preset thumbnails of the current photo, a purple selection outline, and an intensity slider (iOS previously had no filter thumbnails at all).
+- Redesign the video editor: playback controls (circular play/pause, thin seek bar, time readout) now sit inside the media preview and auto-hide during playback; the preview has no border; the bottom toolbar is a compact Text/Stickers dock.
+- Size main-dock tools to roughly a fifth of the screen width and mark selection with a purple icon/label over a subtle disc instead of a filled tile.
+
+Note: iOS native code in this release is not compiler-verified — no macOS/Xcode toolchain was available. Android is Gradle-verified (`compileDebugKotlin`, 21 unit tests).
+
+## 0.1.1
+
+- Add bundled offline sticker libraries and custom searchable bottom sheets on Android and iOS.
+- Support consumer-provided runtime stickers from HTTPS URLs and device URIs for photo and video layers.
+- Add freehand drawing plus movable, pinch-scalable, rotatable text and sticker layers.
+- Improve crop controls and remove unused photo tools.
+- Simplify the video editor to Text and Stickers, remove clip/trim UI, improve replay behavior, and add play/pause icons.
+- Remove the third-party OpenMoji catalog/API integration.
+
 - Adopt the "Studio Violet" design system exported from Stitch (`stitch_react_native_photo_editor_sdk/`) for the photo editor shell and every existing tool: new color/spacing/radius tokens (`DesignTokens.kt`/`DesignTokens.swift`), a real Material Symbols icon set (46 icons fetched from source SVGs and converted to Android vector drawables; SF Symbols on iOS), an icon-tile main tool rail (expanded to the full 16-tool set from the mockup: Crop/Adjust/Filters/Effects/Blur/Text/Stickers/Shapes/Draw/Frames/Overlays/Background/Retouch/Remove/Layers/Resize), a circular-close/pill-Export header, Rotate/Flip moved into the Crop sub-bar, Adjust and Filters split into separate tools (previously combined), real per-preset thumbnail cards for Filters, a card grid for Stickers/Shapes, color-swatch controls for Draw, icon actions for the Layer property bar, and Color/Size properties for text layers. Android is Gradle-verified end to end (`compileDebugKotlin`, `assembleDebug` for the library and example app); iOS mirrors the header, tool rail, and Crop sub-bar but is unbuilt (no macOS/Xcode here) — the remaining tool sub-bars (Filters cards, Stickers/Shapes grid, Draw, Layers, Text) are visually unchanged on iOS for now. Toolbar entries with no mockup-independent functionality yet (Effects, Frames, Overlays, Background, Retouch) still show "coming in a later milestone".
 - Add two new photo tools shown in the mockups but not previously implemented: **Blur & Depth** (synthetic Radial/Linear tilt-shift blur via `RadialGradient`/`LinearGradient` + `PorterDuff.DST_IN` alpha-mask compositing — no ML/device depth sensing, since that's unverifiable without a device, so the mockup's ML-driven "Portrait" mode is intentionally out of scope) and **Canvas Resize & Social Presets** (IG Post/Story/Square, YouTube, Twitter presets, reusing the existing crop-aspect-ratio mechanism plus an exact export pixel-size override). Both are Android-only so far, Gradle-verified, wired into both preview and export. AI Object Removal / Magic Eraser was explicitly excluded from this pass per instruction.
 - Add focused photo/video editor APIs, native full-screen preview shells, feature-aware toolbars, typed editor events, and the versioned project model foundation.

package/PhotoVideoEditor.podspec

@@ -14,6 +14,7 @@ Pod::Spec.new do |s|
   s.source       = { :git => "https://github.com/Babur171/react-native-photo-video-editor.git", :tag => "#{s.version}" }
 
   s.source_files = "ios/**/*.{h,m,mm,swift,cpp}"
+  s.resource_bundles = { "PhotoVideoEditorStickers" => ["ios/Resources/Stickers/*.png"] }
   s.private_header_files = "ios/**/*.h"
   # ios/Tests holds XCTest-based unit tests, not library sources — XCTest isn't linked into
   # consumer app targets, so these must never ship as part of the pod's normal build.

package/README.md

@@ -2,7 +2,7 @@
 
 > Early development: Milestone 6 is complete on Android and nearly complete on iOS, and Milestone 7's multi-clip timeline slice (clip list, split/duplicate/delete/reorder, gapless multi-clip export) is now complete on both platforms — audio tracks and transitions are deliberately deferred to a later slice. Android is compile-verified via Gradle throughout, including live-resolved Media3 dependencies, a time-aware `OverlayEffect` export path, the `Brightness`/`Contrast`/`HslAdjustment` filter export path, and multi-clip export via `EditedMediaItemSequence`/`Composition` (all verified against actual library bytecode, not guessed); iOS implements the same editing UI via AVFoundation but is unbuilt (no macOS toolchain here), uses a simpler `AVMutableComposition`-based approach for multi-clip preview/export, and its overlay export still burns overlays in for the whole clip regardless of their configured time range — the one remaining Milestone 6 gap, needing a custom `AVVideoCompositing` implementation to fix. Video aspect-ratio crop, video-level filters, and export-time speed change are Android-only/not-yet-implemented, each a documented, deliberate scope cut rather than an oversight.
 
-A React Native Android/iOS Turbo Module with focused `openPhotoEditor`, `openVideoEditor`, and unified `openEditor` APIs. The full-screen native shell previews local media, honors feature visibility and theme, edits photos on-device (crop/rotate/straighten, adjustments/filters, and text layers) and video on-device (trim/rotate/speed/text/filters/export), and returns a typed result with real output metadata on Done or a typed cancellation result on Cancel. See [docs/photo-editor.md](docs/photo-editor.md) and [docs/video-editor.md](docs/video-editor.md) for details.
+A React Native Android/iOS Turbo Module with focused `openPhotoEditor`, `openVideoEditor`, and unified `openEditor` APIs. The full-screen native shell previews local media, honors feature visibility and theme, edits photos on-device (crop/rotate/straighten, adjustments/filters, text, images/stickers, pinch/rotate transforms, and freehand drawing) and video on-device (trim/rotate/speed/text/filters/export), and returns a typed result with real output metadata on Done or a typed cancellation result on Cancel. See [docs/photo-editor.md](docs/photo-editor.md) and [docs/video-editor.md](docs/video-editor.md) for details.
 
 ## Requirements and installation
 
@@ -21,7 +21,7 @@ No permissions are required by the placeholder. Future gallery saving will requi
 
 ```ts
 import {
-  openVideoEditor,
+  openPhotoEditor,
   cancelExport,
   addExportProgressListener,
   PhotoVideoEditorError,
@@ -32,10 +32,14 @@ const subscription = addExportProgressListener((event) => {
 });
 
 try {
-  const result = await openVideoEditor({
-    source: { uri: 'file:///path/to/video.mp4', type: 'video' },
-    features: { crop: true, rotate: true, trim: true },
-    export: { quality: 'high', videoFormat: 'mp4', frameRate: 30 },
+  const result = await openPhotoEditor({
+    source: { uri: 'file:///path/to/photo.jpg', type: 'photo' },
+    features: { crop: true, rotate: true, text: true, stickers: true, draw: true },
+    stickerAssets: [
+      { id: 'brand', uri: 'https://example.com/brand-sticker.png' },
+      { id: 'device-sticker', uri: 'file:///path/to/sticker.png' },
+    ],
+    export: { quality: 'high', imageFormat: 'png' },
     saveToGallery: false,
   });
   console.log(result.uri, result.cancelled);

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,20 @@
+# Third-party notices
+
+## react-native-photo-editor sticker assets
+
+The bundled sticker PNGs under `android/src/main/assets/Stickers` and
+`ios/Resources/Stickers` are derived from the user-supplied
+`NitrogenZLab/react-native-photo-editor` source distribution.
+
+Copyright (c) 2020 Baron Ha.
+
+Licensed under the MIT License. Permission is hereby granted, free of charge,
+to any person obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish, distribute,
+sublicense, and/or sell copies of the Software, subject to inclusion of the
+copyright and permission notice. The Software is provided "AS IS", without
+warranty of any kind.
+
+The complete upstream license is also available in the supplied source at
+`react-native-photo-editor-master/LICENSE`.

package/android/build.gradle

@@ -49,7 +49,7 @@ android {
 dependencies {
   implementation "com.facebook.react:react-android"
   implementation "androidx.exifinterface:exifinterface:1.3.7"
-  // Grid layout for the online-stickers browse sheet (Stickers > Browse online).
+  // Grid layout for the bundled sticker collection.
   implementation "androidx.recyclerview:recyclerview:1.3.2"
   // Keep the editor on the same Media3 ABI used by react-native-video.
   implementation "androidx.media3:media3-exoplayer:1.8.0"

package/android/src/main/AndroidManifest.xml

@@ -1,6 +1,6 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
+  <!-- Used only for consumer-supplied HTTPS sticker URLs. Bundled stickers remain offline. -->
   <uses-permission android:name="android.permission.INTERNET" />
-
   <application>
     <activity
       android:name=".editor.PhotoVideoEditorActivity"