cronapp-cordova-plugin-ratio-crop 2.0.0

package/README.md

@@ -0,0 +1,135 @@
+# RatioCrop
+Take or select picture, crops images with aspect ratio and get base64.
+
+### Installation
+1. Install the Cordova and Ionic Native plugins:
+```
+$ ionic cordova plugin add cordova-plugin-camera
+$ npm install --save @ionic-native/camera
+
+$ ionic cordova plugin add cordova-plugin-ratio-crop
+$ npm install --save ionic-cordova-plugin-ratio-crop
+```
+
+2. Add plugins to _providers_ section on your app's module
+```js
+import { RatioCrop } from 'ionic-cordova-plugin-ratio-crop';
+import { Camera } from '@ionic-native/camera';
+
+...
+
+@NgModule({
+  declarations: [
+    MyApp
+  ],
+  imports: [
+    ...
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    MyApp
+  ],
+  providers: [
+    ...
+    Camera,
+    RatioCrop,
+    ...
+  ]
+})
+export class AppModule { }
+```
+
+### Supported platforms
+* Android
+* iOS
+
+### Usage
+
+```js
+import { Camera } from '@ionic-native/camera';
+import { RatioCrop, RatioCropOptions } from 'ionic-cordova-plugin-ratio-crop';
+
+...
+
+private cropOptions: RatioCropOptions = {
+    quality: 75,
+    targetWidth: 1080,
+    targetHeight: 1080,
+    widthRatio: -1,
+    heightRatio: -1
+  };
+
+... 
+
+constructor(
+    private camera: Camera,
+    private crop: RatioCrop) { }
+
+...
+
+takePicture() {
+    return this.camera.getPicture({
+      destinationType: this.camera.DestinationType.FILE_URI,
+      encodingType: this.camera.EncodingType.JPEG,
+      mediaType: this.camera.MediaType.PICTURE,
+      sourceType: this.camera.PictureSourceType.CAMERA,
+      allowEdit: false,
+      correctOrientation: true
+    })
+      .then((fileUri) => {
+        return this.crop.ratioCrop(fileUri, this.cropOptions);
+      })
+      .then((path) => {
+        return this.encodeToBase64(path);
+      })
+  }
+
+  selectPicture() {
+    return this.camera.getPicture({
+      allowEdit: false,
+      sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
+      mediaType: this.camera.MediaType.PICTURE,
+      destinationType: this.camera.DestinationType.FILE_URI
+    })
+      .then((fileUri) => {
+        return this.crop.ratioCrop(fileUri, this.cropOptions);
+      })
+      .then((path) => {
+        return this.encodeToBase64(path);
+      })
+  }
+
+  encodeToBase64(src) {
+    return new Promise((resolve, reject) => {
+      let xhr = new XMLHttpRequest();
+      xhr.onload = function () {
+        let reader = new FileReader();
+        reader.onloadend = function () {
+          resolve(reader.result);
+        }
+        reader.readAsDataURL(xhr.response);
+      };
+      xhr.open('GET', src);
+      xhr.responseType = 'blob';
+      xhr.send();
+    });
+  }
+  
+```
+
+### Credits
+- https://github.com/peterantonyrausch/cordova-plugin-ratio-crop
+- https://github.com/peterantonyrausch/ratio-crop
+- https://github.com/apache/cordova-plugin-camera
+- https://github.com/jeduan/cordova-plugin-crop
+- https://github.com/obeza/cordova-plugin-crop-with-ratio
+- https://github.com/qwerqwermhc/Crop
+
+### Problems and Solutions
+#### Problem 
+"No Image Selected" error on Android 4.4 device. (Camera Plugin + Background Mode Plugin)
+##### Solution
+- https://stackoverflow.com/questions/49864382/cordova-plugin-camera-getting-no-image-selected-error-on-android-4-4-device
+- https://github.com/katzer/cordova-plugin-background-mode/issues/263#issuecomment-373455199
+##### Explanation
+- https://inthecheesefactory.com/blog/understand-android-activity-launchmode/en

package/package.json

@@ -0,0 +1,26 @@
+{
+    "name": "cronapp-cordova-plugin-ratio-crop",
+    "version": "2.0.0",
+    "description": "RatioCrop based on qwerqwermhc/Crop.",
+    "cordova": {
+        "id": "cronapp-cordova-plugin-ratio-crop",
+        "platforms": [
+            "android",
+            "ios"
+        ]
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/lincolnminto/cordova-plugin-ratio-crop"
+    },
+    "keywords": [
+        "cordova",
+        "ecosystem:cordova",
+        "cordova-android",
+        "cordova-ios",
+        "image",
+        "image manipulation",
+        "crop"
+    ],
+    "license": "MIT"
+}

package/plugin.xml

@@ -0,0 +1,72 @@
+<?xml version='1.0' encoding='utf-8'?>
+<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0" 
+    xmlns:android="http://schemas.android.com/apk/res/android" id="cronapp-cordova-plugin-ratio-crop" version="2.0.0">
+
+    <name>RatioCrop</name>
+
+    <description>Crop an image in a Cordova app</description>
+
+    <license>MIT</license>
+
+    <engines>
+        <engine name="cordova-android" version=">=4.0.0" />
+        <engine name="cordova-ios" version=">=3.5.0" />
+    </engines>
+
+    <js-module name="RatioCrop" src="www/ratioCrop.js">
+        <clobbers target="plugins.ratioCrop" />
+    </js-module>
+
+    <platform name="ios">
+        <config-file parent="/*" target="config.xml">
+            <feature name="RatioCrop">
+                <param name="ios-package" value="RatioCrop" />
+            </feature>
+        </config-file>
+
+        <header-file src="src/ios/RatioCrop.h" />
+        <source-file src="src/ios/RatioCrop.m" />
+        <header-file src="src/ios/Lib/PECropRectView.h" />
+        <source-file src="src/ios/Lib/PECropRectView.m" />
+        <header-file src="src/ios/Lib/PECropView.h" />
+        <source-file src="src/ios/Lib/PECropView.m" />
+        <header-file src="src/ios/Lib/PECropViewController.h" />
+        <source-file src="src/ios/Lib/PECropViewController.m" />
+        <header-file src="src/ios/Lib/PEResizeControl.h" />
+        <source-file src="src/ios/Lib/PEResizeControl.m" />
+        <header-file src="src/ios/Lib/UIImage+PECrop.h" />
+        <source-file src="src/ios/Lib/UIImage+PECrop.m" />
+        <resource-file src="src/ios/Lib/PEPhotoCropEditor.bundle" />
+
+        <framework src="QuartzCore.framework" />
+        <framework src="AVFoundation.framework" />
+    </platform>
+
+    <platform name="android">
+        <config-file parent="/*" target="res/xml/config.xml">
+            <feature name="RatioCrop">
+                <param name="android-package" value="com.peterantonyrausch.crop.RatioCrop" />
+            </feature>
+        </config-file>
+
+        <config-file parent="/*" target="res/values/crop-ratio-styles.xml">
+            
+        </config-file>
+
+
+        <framework src="com.soundcloud.android:android-crop:1.0.0@aar" />
+
+        <config-file target="AndroidManifest.xml" parent="/manifest/application">
+            <activity android:name="com.soundcloud.android.crop.CropImageActivity" android:theme="@style/CropImageTheme" />
+        </config-file>
+
+        <config-file target="AndroidManifest.xml" parent="/manifest">
+            <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+        </config-file>
+
+        <source-file src="src/android/RatioCrop.java" target-dir="src/com/peterantonyrausch/crop" />
+
+        <source-file src="src/android/crop-ratio-styles.xml" target-dir="res/values/" />
+    </platform>
+
+</plugin>

package/src/android/RatioCrop.java

@@ -0,0 +1,138 @@
+package com.peterantonyrausch.crop;
+
+import android.app.Activity;
+import android.content.Intent;
+import android.net.Uri;
+import android.os.Bundle;
+import android.os.Environment;
+
+import com.soundcloud.android.crop.Crop;
+
+import org.apache.cordova.CallbackContext;
+import org.apache.cordova.CordovaPlugin;
+import org.apache.cordova.PluginResult;
+import org.json.JSONArray;
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.io.File;
+
+/**
+ * This class echoes a string called from JavaScript.
+ */
+public class RatioCrop extends CordovaPlugin {
+    private CallbackContext callbackContext;
+    private Uri inputUri;
+    private Uri outputUri;
+
+    @Override
+    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {
+        if (action.equals("ratioCropImage")) {
+            String imagePath = args.getString(0);
+            JSONObject options = args.getJSONObject(1);
+
+            int widthRatio = options.getInt("widthRatio");
+            int heightRatio = options.getInt("heightRatio");
+            int targetWidth = options.getInt("targetWidth");
+            int targetHeight = options.getInt("targetHeight");
+
+            this.inputUri = Uri.parse(imagePath);
+            this.outputUri = Uri.fromFile(
+                    new File(getTempDirectoryPath() + "/" + System.currentTimeMillis() + "-ratiocropped.jpg"));
+            PluginResult pr = new PluginResult(PluginResult.Status.NO_RESULT);
+            pr.setKeepCallback(true);
+            callbackContext.sendPluginResult(pr);
+            this.callbackContext = callbackContext;
+            cordova.setActivityResultCallback(this);
+            Crop croper = Crop.of(this.inputUri, this.outputUri);
+            if (targetHeight > 0 && targetWidth > 0) {
+                croper.withMaxSize(targetWidth, targetHeight);
+            }
+            if (widthRatio > 0 && heightRatio > 0) {
+                croper.withAspect(widthRatio, heightRatio);
+            }
+
+            croper.start(cordova.getActivity());
+
+            return true;
+        }
+        return false;
+    }
+
+    @Override
+    public void onActivityResult(int requestCode, int resultCode, Intent intent) {
+        if (requestCode == Crop.REQUEST_CROP) {
+            if (resultCode == Activity.RESULT_OK) {
+                Uri imageUri = Crop.getOutput(intent);
+                this.callbackContext.success("file://" + imageUri.getPath() + "?" + System.currentTimeMillis());
+                this.callbackContext = null;
+            } else if (resultCode == Crop.RESULT_ERROR) {
+                try {
+                    JSONObject err = new JSONObject();
+                    err.put("message", "Error on cropping");
+                    err.put("code", String.valueOf(resultCode));
+                    this.callbackContext.error(err);
+                    this.callbackContext = null;
+                } catch (JSONException e) {
+                    e.printStackTrace();
+                }
+            } else if (resultCode == Activity.RESULT_CANCELED) {
+                try {
+                    JSONObject err = new JSONObject();
+                    err.put("message", "User cancelled");
+                    err.put("code", "userCancelled");
+                    this.callbackContext.error(err);
+                    this.callbackContext = null;
+                } catch (JSONException e) {
+                    e.printStackTrace();
+                }
+            }
+        }
+        super.onActivityResult(requestCode, resultCode, intent);
+    }
+
+    private String getTempDirectoryPath() {
+        File cache = null;
+
+        // SD Card Mounted
+        if (Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)) {
+            cache = new File(Environment.getExternalStorageDirectory().getAbsolutePath() + "/Android/data/"
+                    + cordova.getActivity().getPackageName() + "/cache/");
+        }
+        // Use internal storage
+        else {
+            cache = cordova.getActivity().getCacheDir();
+        }
+
+        // Create the cache directory if it doesn't exist
+        cache.mkdirs();
+        return cache.getAbsolutePath();
+    }
+
+    public Bundle onSaveInstanceState() {
+        Bundle state = new Bundle();
+
+        if (this.inputUri != null) {
+            state.putString("inputUri", this.inputUri.toString());
+        }
+
+        if (this.outputUri != null) {
+            state.putString("outputUri", this.outputUri.toString());
+        }
+
+        return state;
+    }
+
+    public void onRestoreStateForActivityResult(Bundle state, CallbackContext callbackContext) {
+
+        if (state.containsKey("inputUri")) {
+            this.inputUri = Uri.parse(state.getString("inputUri"));
+        }
+
+        if (state.containsKey("outputUri")) {
+            this.inputUri = Uri.parse(state.getString("outputUri"));
+        }
+
+        this.callbackContext = callbackContext;
+    }
+}

package/src/android/crop-ratio-styles.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <style name="CropImageTheme" parent="Theme.AppCompat.Light">
+        <item name="cropImageStyle">@style/CropImageView</item>
+    </style>
+
+    <style name="CropImageView" parent="Theme.AppCompat.Light">
+        <item name="showHandles">always</item>
+        <item name="showThirds">true</item>
+    </style>
+</resources>

package/src/ios/Lib/PECropRectView.h

@@ -0,0 +1,30 @@
+//
+//  PECropRectView.h
+//  PhotoCropEditor
+//
+//  Created by kishikawa katsumi on 2013/05/21.
+//  Copyright (c) 2013 kishikawa katsumi. All rights reserved.
+//
+
+#import <UIKit/UIKit.h>
+
+@protocol PECropRectViewDelegate;
+
+@interface PECropRectView : UIView
+
+@property (nonatomic, weak) id<PECropRectViewDelegate> delegate;
+@property (nonatomic) BOOL showsGridMajor;
+@property (nonatomic) BOOL showsGridMinor;
+
+@property (nonatomic) BOOL keepingAspectRatio;
+
+@end
+
+@protocol PECropRectViewDelegate <NSObject>
+
+- (void)cropRectViewDidBeginEditing:(PECropRectView *)cropRectView;
+- (void)cropRectViewEditingChanged:(PECropRectView *)cropRectView;
+- (void)cropRectViewDidEndEditing:(PECropRectView *)cropRectView;
+
+@end
+