Gathering detailed insights and metrics for @jarred/react-native-photo-manipulator
Gathering detailed insights and metrics for @jarred/react-native-photo-manipulator
React Native Image Processing API to edit photo programmatically for Android and iOS. It features print text, overlay on another image (add watermark), resize, crop, flip, rotate and optimize image size then convert file format to jpeg or png
Installations
npm install @jarred/react-native-photo-manipulatorDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Releases
35
Languages
9
TypeScript
Objective-C
Kotlin
Java
Swift
Objective-C++
JavaScript
Ruby
C
TypeScript (53.03%)
Objective-C (15.53%)
Kotlin (14.94%)
Java (4.33%)
Swift (3.8%)
Objective-C++ (3.64%)
JavaScript (2.45%)
Ruby (2.18%)
C (0.1%)
Developer
guhungry
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
370 Stars
666 Commits
38 Forks
4 Watchers
12 Branches
3 Contributors
Updated on Jun 15, 2025
Maintainers
1
Package Meta Information
Latest Version
1.0.2
Package Id
@jarred/react-native-photo-manipulator@1.0.2
Unpacked Size
104.03 kB
Size
27.91 kB
File Count
96
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Peer Dependencies
2
Dev Dependencies
28
@babel/core@babel/runtime@semantic-release/git@types/escape-string-regexp@types/invariant@types/jest@types/react@types/react-native@types/react-test-renderer@typescript-eslint/eslint-plugin@typescript-eslint/parserbabel-eslintbabel-jesteslinteslint-config-airbnbeslint-config-prettiereslint-plugin-importeslint-plugin-jsx-a11yeslint-plugin-reacteslint-plugin-react-nativejestjest-extendedmetro-react-native-babel-presetreactreact-nativereact-test-renderersemantic-releasetypescript
React Native Photo Manipulator
Image processing library to edit photo programmatically in React Native
Getting started
$ yarn add react-native-photo-manipulator
Mostly automatic installation
$ react-native link react-native-photo-manipulator
Manual installation
iOS
- In XCode, in the project navigator, right click
Libraries➜Add Files to [your project's name] - Go to
node_modules➜react-native-photo-manipulatorand addRNPhotoManipulator.xcodeproj - In XCode, in the project navigator, select your project. Add
libRNPhotoManipulator.ato your project'sBuild Phases➜Link Binary With Libraries - Run your project (
Cmd+R)<
Android
- Open up
android/app/src/main/java/[...]/MainActivity.java
- Add
import com.guhungry.rnphotomanipulator.RNPhotoManipulatorPackage;to the imports at the top of the file - Add
new RNPhotoManipulatorPackage()to the list returned by thegetPackages()method
- Append the following lines to
android/settings.gradle:include ':react-native-photo-manipulator' project(':react-native-photo-manipulator').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-photo-manipulator/android') - Insert the following lines inside the dependencies block in
android/app/build.gradle:implementation project(':react-native-photo-manipulator')
Usage
Import library with
1import RNPhotoManipulator from 'react-native-photo-manipulator';
API
-
Types:
-
Methods:
Types
ImageSource
Image resource can be url or require()
| Type | Description |
|---|---|
| number | Image from require('path/to/image') |
| string | Image from url supports file://, http://, https:// and ftp:// |
PhotoBatchOperations
Represent overlay image or print text operation
PhotoBatchOverlay
Overlay image batch operation
| Property | Type | Description |
|---|---|---|
operation | "overlay" | |
overlay | ImageSource | The overlay image |
position | Point | he position of overlay image in background image |
PhotoBatchPrintText
Print text batch operation
| Property | Type | Description |
|---|---|---|
operation | "text" | |
options | TextOptions | The text attributes |
Point
Represent position (x, y) from top-left of image
| Property | Type | Description |
|---|---|---|
x | number | The x-axis coordinate from top-left |
y | number | The y-axis coordinate from top-left |
Rect
Represent area of region
| Property | Type | Description |
|---|---|---|
x | number | The x-axis coordinate from top-left |
y | number | The y-axis coordinate from top-left |
width | number | The width of the region |
height | number | The height of the region |
Size
Represent size (width, height) of region or image
| Property | Type | Description |
|---|---|---|
width | number | The width of the region |
height | number | The height of the region |
TextOptions
Represent attributes of text such as text, color, size, and etc.
| Property | Type | Description |
|---|---|---|
position | Point | The position of the text in background image |
text | string | The value of the text |
textSize | number | The size of the text |
color | string | The color of the text |
thickness | number | The thickness (border width) of the region |
Method
Crop and resize
Crop image with cropRegion and resize to targetSize if specified
Signature
1static crop(image: ImageSource, cropRegion: Rect, targetSize?: Size) => Promise<string>
| Parameter | Type | Required | Description |
|---|---|---|---|
image | ImageSource | Yes | The image |
cropRegion | Rect | Yes | The region of image to be cropped |
targetSize | Size | No | The target size of result image |
Returns
Promise with image path in cache directory
Example
1const image = "https://unsplash.com/photos/qw6qQQyYQpo/download?force=true"; 2const cropRegion = { x: 5, y: 30, size: 400, width: 250 }; 3const targetSize = { size: 200, width: 150 }; 4 5PhotoManipulator.crop(image, cropRegion, targetSize).then(path => { 6 console.log(`Result image path: ${path}`); 7});
Optimize
Save result image with specified quality between 0 - 100 in jpeg format
Signature
1static optimize(image: ImageSource, quality: number) => Promise<string>
| Parameter | Type | Required | Description |
|---|---|---|---|
image | ImageSource | Yes | The image |
quality | number | Yes | The quality of result image between 0 - 100 |
Returns
Promise with image path in cache directory
Example
1const image = "https://unsplash.com/photos/qw6qQQyYQpo/download?force=true"; 2const quality = 90; 3 4PhotoManipulator.optimize(image, 90).then(path => { 5 console.log(`Result image path: ${path}`); 6});
Overlay Image
Overlay image on top of background image
Signature
1static overlayImage(image: ImageSource, overlay: ImageSource, position: Point) => Promise<string>
| Parameter | Type | Required | Description |
|---|---|---|---|
image | ImageSource | Yes | The background image |
overlay | ImageSource | Yes | The overlay image |
position | Point | Yes | The position of overlay image in background image |
Returns
Promise with image path in cache directory
Example
1const image = "https://unsplash.com/photos/qw6qQQyYQpo/download?force=true"; 2const overlay = "https://www.iconfinder.com/icons/1174949/download/png/128"; 3const position = { x: 5, y: 20 }; 4 5PhotoManipulator.overlayImage(image, overlay, position).then(path => { 6 console.log(`Result image path: ${path}`); 7});
Print Text
Print texts into image
Signature
1static printText(image: ImageSource, texts: TextOptions[]) => Promise<string>
| Parameter | Type | Required | Description |
|---|---|---|---|
image | ImageSource | Yes | The image |
texts | TextOptions[] | Yes | The list of text operations |
Returns
Promise with image path in cache directory
Example
1const image = "https://unsplash.com/photos/qw6qQQyYQpo/download?force=true"; 2const texts = [ 3 { position: { x: 50, y: 30 }, text: "Text 1", textSize: 30, color: "#000000" }, 4 { position: { x: 50, y: 30 }, text: "Text 1", textSize: 30, color: "#FFFFFF", thickness: 3 } 5]; 6 7PhotoManipulator.printText(image, texts).then(path => { 8 console.log(`Result image path: ${path}`); 9});
Batch
Crop, resize and do operations (overlay and printText) on image
Signature
1static batch(image: ImageSource, operations: PhotoBatchOperations[], cropRegion: Rect, targetSize?: Size, quality?: number) => Promise<string>
| Parameter | Type | Required | Description |
|---|---|---|---|
image | ImageSource | Yes | The image |
operations | PhotoBatchOperations[] | Yes | The list of operations |
cropRegion | Rect | Yes | The region of image to be cropped |
targetSize | Size | No | The target size of result image |
quality | number | No | The quality of result image between 0 - 100 |
Returns
Promise with image path in cache directory
Example
1const image = "https://unsplash.com/photos/qw6qQQyYQpo/download?force=true"; 2const cropRegion = { x: 5, y: 30, size: 400, width: 250 }; 3const targetSize = { size: 200, width: 150 }; 4const operations = [ 5 { operation: "text", options: { position: { x: 50, y: 30 }, text: "Text 1", textSize: 30, color: "#000000" } }, 6 { operation: "overlay", overlay: "https://www.iconfinder.com/icons/1174949/download/png/128", position: { x: 5, y: 20 } }, 7]; 8const quality = 90; 9 10PhotoManipulator.batch(image, cropRegion, targetSize, operations, quality).then(path => { 11 console.log(`Result image path: ${path}`); 12});
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
SAST tool is run on all commits
Details
- Info: SAST configuration detected: CodeQL
- Info: all commits (19) are checked with a SAST tool
Reason
binaries present in source code
Details
- Warn: binary detected: example/android/gradle/wrapper/gradle-wrapper.jar:1
Reason
branch protection is not maximal on development and all release branches
Details
- Info: 'allow deletion' disabled on branch 'master'
- Info: 'force pushes' disabled on branch 'master'
- Info: 'branch protection settings apply to administrators' is required to merge on branch 'master'
- Warn: could not determine whether codeowners review is allowed
- Warn: no status checks found to merge onto branch 'master'
- Warn: PRs are not required to make changes on branch 'master'; or we don't have data to detect it.If you think it might be the latter, make sure to run Scorecard with a PAT or use Repo Rules (that are always public) instead of Branch Protection settings
Reason
7 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-x4c5-c7rf-jjgv
- Warn: Project is vulnerable to: GHSA-h5c3-5r3r-rr8q
- Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38
- Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-m5qc-5hw7-8vg7
Reason
Found 2/16 approved changesets -- score normalized to 1
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Info: jobLevel 'contents' permission set to 'read': .github/workflows/codeql.yml:38
- Info: jobLevel 'actions' permission set to 'read': .github/workflows/codeql.yml:37
- Info: jobLevel 'contents' permission set to 'read': .github/workflows/npm-publish.yml:12
- Warn: no topLevel permission defined: .github/workflows/codeql.yml:1
- Warn: no topLevel permission defined: .github/workflows/npm-publish.yml:1
- Warn: no topLevel permission defined: .github/workflows/test-and-rebuild.yml:1
- Info: no jobLevel write permissions found
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:52: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/codeql.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:54: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/codeql.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:63: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/codeql.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:77: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/codeql.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:90: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/codeql.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/npm-publish.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/npm-publish.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:43: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:49: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:66: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:73: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:97: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:122: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:128: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:133: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:141: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:144: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:162: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:168: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:173: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:191: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:220: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/test-and-rebuild.yml:224: update your workflow using https://app.stepsecurity.io/secureworkflow/guhungry/react-native-photo-manipulator/test-and-rebuild.yml/master?enable=pin
- Info: 0 out of 18 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 7 third-party GitHubAction dependencies pinned
Score
3.7
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More