small fix and update for example app

Author: Ron Radtke

.eslintrc.js

@@ -1,10 +1,11 @@
 module.exports = {
     root: true,
+    extends: '@react-native-community',
     rules: {
         'prettier/prettier': 0,
         "eqeqeq": 2,
         "comma-dangle": 0,
-        "curly": 0,
+        curly: 0,
         "no-console": 1,
         "no-debugger": 1,
         "no-extra-semi": 2,
@@ -24,7 +25,32 @@ module.exports = {
                 "requireReturnDescription": false
             }
         ],
-        "radix": 0
+        "radix": 0,
+
+        "react/display-name": 2,
+        "react/forbid-prop-types": 1,
+        "react/jsx-boolean-value": 1,
+        "react/jsx-closing-bracket-location": 1,
+        "react/jsx-curly-spacing": 1,
+        "react/jsx-indent-props": 0,
+        "react/jsx-max-props-per-line": 0,
+        "react/jsx-no-duplicate-props": 1,
+        "react/jsx-no-literals": 0,
+        "react/jsx-no-undef": 1,
+        "react/jsx-sort-props": 0,
+        "react/jsx-uses-react": 1,
+        "react/jsx-uses-vars": 1,
+        "react/jsx-wrap-multilines": 1,
+        "react/no-danger": 1,
+        "react/no-did-mount-set-state": 1,
+        "react/no-did-update-set-state": 1,
+        "react/no-direct-mutation-state": 1,
+        "react/no-multi-comp": 1,
+        "react/no-set-state": 0,
+        "react/no-unknown-property": 1,
+        "react/prop-types": 0,
+        "react/react-in-jsx-scope": 0,
+        "react/self-closing-comp": 1,
+        "react/sort-comp": 1,
     },
-    "parser": "babel-eslint"
 };

android/src/main/java/com/ReactNativeBlobUtil/ReactNativeBlobUtilReq.java

@@ -124,6 +124,7 @@ private boolean shouldTransformFile() {
     boolean timeout = false;
     ArrayList<String> redirects = new ArrayList<>();
     OkHttpClient client;
+    boolean callbackfired;
 
     public ReactNativeBlobUtilReq(ReadableMap options, String taskId, String method, String url, ReadableMap headers, String body, ReadableArray arrayBody, OkHttpClient client, final Callback callback) {
         this.method = method.toUpperCase(Locale.ROOT);
@@ -135,6 +136,7 @@ public ReactNativeBlobUtilReq(ReadableMap options, String taskId, String method,
         this.rawRequestBody = body;
         this.rawRequestBodyArray = arrayBody;
         this.client = client;
+        this.callbackfired = false;
 
         // If transformFile is specified, we first want to get the response back in memory so we can
         // encrypt it wholesale and at that point, write it into the file storage.

examples/ReactNativeBlobUtil/.eslintrc.js

@@ -1,4 +1,56 @@
 module.exports = {
-  root: true,
-  extends: '@react-native-community',
+    root: true,
+    extends: '@react-native-community',
+    rules: {
+        'prettier/prettier': 0,
+        "eqeqeq": 2,
+        "comma-dangle": 0,
+        curly: 0,
+        "no-console": 1,
+        "no-debugger": 1,
+        "no-extra-semi": 2,
+        "no-extra-parens": 1,
+        "no-extra-boolean-cast": 1,
+        "no-cond-assign": 2,
+        "no-irregular-whitespace": 2,
+        "no-undef": 0,
+        "no-unused-vars": 0,
+        "semi": 2,
+        "semi-spacing": 2,
+        "valid-jsdoc": [
+            1,
+            {
+                "requireReturn": false,
+                "requireParamDescription": false,
+                "requireReturnDescription": false
+            }
+        ],
+        "radix": 0,
+
+        "react/display-name": 2,
+        "react/forbid-prop-types": 1,
+        "react/jsx-boolean-value": 1,
+        "react/jsx-closing-bracket-location": 1,
+        "react/jsx-curly-spacing": 1,
+        "react/jsx-indent-props": 0,
+        "react/jsx-max-props-per-line": 0,
+        "react/jsx-no-duplicate-props": 1,
+        "react/jsx-no-literals": 0,
+        "react/jsx-no-undef": 1,
+        "react/jsx-sort-props": 0,
+        "react/jsx-uses-react": 1,
+        "react/jsx-uses-vars": 1,
+        "react/jsx-wrap-multilines": 1,
+        "react/no-danger": 1,
+        "react/no-did-mount-set-state": 1,
+        "react/no-did-update-set-state": 1,
+        "react/no-direct-mutation-state": 1,
+        "react/no-multi-comp": 1,
+        "react/no-set-state": 0,
+        "react/no-unknown-property": 1,
+        "react/prop-types": 0,
+        "react/react-in-jsx-scope": 0,
+        "react/self-closing-comp": 1,
+        "react/sort-comp": 1,
+    },
 };

examples/ReactNativeBlobUtil/App.js

@@ -7,7 +7,8 @@
  */
 
 import React, {useState} from 'react';
-import {SafeAreaView, StyleSheet, ScrollView, View, Text, StatusBar, TextInput, Button, Alert, Picker} from 'react-native';
+import {Alert, Button, SafeAreaView, ScrollView, StatusBar, StyleSheet, Text, TextInput, View} from 'react-native';
+import {Picker} from '@react-native-picker/picker';
 
 import {Colors} from 'react-native/Libraries/NewAppScreen';
 
@@ -316,6 +317,28 @@ const App: () => React$Node = () => {
             });
     };
 
+    // Android mediastorage store
+    const androidmediastore = () => {
+        ReactNativeBlobUtil.config({
+            // add this option that makes response data to be stored as a file,
+            // this is much more performant.
+            fileCache: true,
+        })
+            .fetch('GET', 'https://upload.wikimedia.org/wikipedia/commons/c/c4/Change-5.png')
+            .then((res) => {
+                // the temp file path
+                ReactNativeBlobUtil.MediaCollection.copyToMediaStore(
+                    {
+                        name: 'test.png',
+                        parentFolder: '',
+                        mimeType: 'image/png',
+                    },
+                    'Download',
+                    res.path(),
+                ).then((dest) => ReactNativeBlobUtil.android.actionViewIntent(dest, 'image/png'));
+            });
+    };
+
     // uploadFileFromStorage
     const uploadFromStorageCall = () => {
         ReactNativeBlobUtil.fetch(
@@ -425,9 +448,19 @@ const App: () => React$Node = () => {
                     // element with property `filename` will be transformed into `file` in form data
                     {name: 'avatar', filename: 'avatar.png', data: 'Kentucky Fried Seth'},
                     // custom content type
-                    {name: 'avatar-png', filename: 'avatar-png.png', type: 'image/png', data: 'whaddup my pickles'},
+                    {
+                        name: 'avatar-png',
+                        filename: 'avatar-png.png',
+                        type: 'image/png',
+                        data: 'whaddup my pickles',
+                    },
                     // part file from storage
-                    {name: 'avatar-foo', filename: 'avatar-foo.png', type: 'image/foo', data: ReactNativeBlobUtil.wrap(ReactNativeBlobUtil.fs.dirs.DocumentDir + '\\ImageToUpload.jpg')},
+                    {
+                        name: 'avatar-foo',
+                        filename: 'avatar-foo.png',
+                        type: 'image/foo',
+                        data: ReactNativeBlobUtil.wrap(ReactNativeBlobUtil.fs.dirs.DocumentDir + '\\ImageToUpload.jpg'),
+                    },
                     // elements without property `filename` will be sent as plain text
                     {name: 'name', data: 'user'},
                     {
@@ -644,6 +677,7 @@ const App: () => React$Node = () => {
                             <Text style={styles.sectionTitle}>{'FetchBlobTest'}</Text>
                             <View style={styles.sectionDescription} />
                             <Button title="Attempt Fetch" color="#9a73ef" onPress={fetchCall} />
+                            <Button title="Attempt Android Media Storage" color="#9a73ef" onPress={androidmediastore} />
                             <Button title="Upload File from Storage" color="#9a73ef" onPress={uploadFromStorageCall} />
                             <Button title="Upload Text From Storage" color="#9a73ef" onPress={uploadTextFromCall} />
                             <Button title="Multipart Call" color="#9a73ef" onPress={MultipartFileAndData} />