@woshapp/react-native-background-upload 6.16.0

package/android/src/main/java/com/appfolio/work/UploadWorker.kt

@@ -0,0 +1,20 @@
+package com.appfolio.work
+
+import android.content.Context
+import androidx.work.Worker
+import androidx.work.WorkerParameters
+import com.appfolio.extensions.PARAM_KEY_NOTIF_CONFIG
+import com.appfolio.extensions.PARAM_KEY_TASK_PARAMS
+import com.appfolio.extensions.toUploadNotificationConfig
+import com.appfolio.extensions.toUploadTaskParameters
+
+class UploadWorker(val context: Context, params: WorkerParameters): Worker(context, params) {
+
+  override fun doWork(): Result {
+    val taskParamsStr = inputData.getString(PARAM_KEY_TASK_PARAMS) ?: return Result.failure()
+    val notifConfigStr = inputData.getString(PARAM_KEY_NOTIF_CONFIG) ?: return Result.failure()
+
+    UploadManager.startUpload(context, taskParamsStr.toUploadTaskParameters(), notifConfigStr.toUploadNotificationConfig())
+    return Result.success()
+  }
+}

package/bitbucket-pipelines.yml

@@ -0,0 +1,14 @@
+image: node:22
+
+pipelines:
+  branches:
+    master:
+      - step:
+          name: Deploy to NPM
+          deployment: production
+          caches:
+            - node
+          script:
+            - pipe: atlassian/npm-publish:1.1.1
+              variables:
+                NPM_TOKEN: $NPM_TOKEN

package/example/RNBackgroundExample/.buckconfig

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

package/example/RNBackgroundExample/.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native-community',
+};

package/example/RNBackgroundExample/.flowconfig

@@ -0,0 +1,74 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore polyfills
+node_modules/react-native/Libraries/polyfills/.*
+
+; These should not be required directly
+; require from fbjs/lib instead: require('fbjs/lib/warning')
+node_modules/warning/.*
+
+; Flow doesn't support platforms
+.*/Libraries/Utilities/LoadingView.js
+
+[untyped]
+.*/node_modules/@react-native-community/cli/.*/.*
+
+[include]
+
+[libs]
+node_modules/react-native/interface.js
+node_modules/react-native/flow/
+
+[options]
+emoji=true
+
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
+module.file_ext=.js
+module.file_ext=.json
+module.file_ext=.ios.js
+
+munge_underscores=true
+
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'
+module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+[lints]
+sketchy-null-number=warn
+sketchy-null-mixed=warn
+sketchy-number=warn
+untyped-type-import=warn
+nonstrict-import=warn
+deprecated-type=warn
+unsafe-getters-setters=warn
+inexact-spread=warn
+unnecessary-invariant=warn
+signature-verification-failure=warn
+deprecated-utility=error
+
+[strict]
+deprecated-type
+nonstrict-import
+sketchy-null
+unclear-type
+unsafe-getters-setters
+untyped-import
+untyped-type-import
+
+[version]
+^0.122.0

package/example/RNBackgroundExample/.gitattributes

@@ -0,0 +1 @@
+*.pbxproj -text

package/example/RNBackgroundExample/.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};

package/example/RNBackgroundExample/.watchmanconfig

@@ -0,0 +1 @@
+{}

package/example/RNBackgroundExample/App.js

@@ -0,0 +1,325 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React, {useState} from 'react';
+import {
+  Alert,
+  SafeAreaView,
+  StyleSheet,
+  ScrollView,
+  View,
+  Text,
+  StatusBar,
+  Button,
+  Platform,
+  TouchableOpacity,
+} from 'react-native';
+
+import {Header, Colors} from 'react-native/Libraries/NewAppScreen';
+
+import Upload from 'react-native-background-upload';
+
+import ImagePicker from 'react-native-image-picker';
+
+import RNFS from 'react-native-fs';
+
+const url10SecDelayPut = 'http://localhost:8080/10secDelay';
+const url5secDelayFail = 'http://localhost:8080/5secDelayFail';
+
+const path = RNFS.TemporaryDirectoryPath + '/test.json';
+const prefix = Platform.OS === 'ios' ? 'file://' : '';
+
+const commonOptions = {
+  url: '',
+  path: prefix + path,
+  method: 'PUT',
+  type: 'raw',
+  // only supported on Android
+  notification: {
+    enabled: true,
+  },
+};
+
+RNFS.writeFile(path, '');
+
+const App: () => React$Node = () => {
+  const [delay10Completed, set10SecDelayCompleted] = useState(false);
+  const [delay5Completed, set5SecDelayCompleted] = useState(false);
+
+  const [isImagePickerShowing, setIsImagePickerShowing] = useState(false);
+  const [uploadId, setUploadId] = useState(null);
+  const [progress, setProgress] = useState(null);
+
+  const onPressUpload = options => {
+    if (isImagePickerShowing) {
+      return;
+    }
+
+    setIsImagePickerShowing(true);
+
+    const imagePickerOptions = {
+      takePhotoButtonTitle: null,
+      title: 'Upload Media',
+      chooseFromLibraryButtonTitle: 'Choose From Library',
+    };
+
+    ImagePicker.showImagePicker(imagePickerOptions, response => {
+      let didChooseVideo = true;
+
+      console.log('ImagePicker response: ', response);
+      const {customButton, didCancel, error, path, uri} = response;
+
+      if (didCancel) {
+        didChooseVideo = false;
+      }
+
+      if (error) {
+        console.warn('ImagePicker error:', response);
+        didChooseVideo = false;
+      }
+
+      // TODO: Should this happen higher?
+      setIsImagePickerShowing(false);
+
+      if (!didChooseVideo) {
+        return;
+      }
+
+      let finalPath = Platform.OS === 'android' ? path : uri;
+
+      if (finalPath) {
+        // Video is stored locally on the device
+        Upload.getFileInfo(finalPath).then(metadata => {
+          const uploadOpts = Object.assign(
+            {
+              path: finalPath,
+              method: 'POST',
+              headers: {
+                'content-type': metadata.mimeType, // server requires a content-type header
+              },
+            },
+            options,
+          );
+
+          Upload.startUpload(uploadOpts)
+            .then(uploadId => {
+              console.log(
+                `Upload started with options: ${JSON.stringify(uploadOpts)}`,
+              );
+              setUploadId(uploadId);
+              setProgress(0);
+              Upload.addListener('progress', uploadId, data => {
+                if (data.progress % 5 === 0) {
+                  setProgress(+data.progress);
+                }
+                console.log(`Progress: ${data.progress}%`);
+              });
+              Upload.addListener('error', uploadId, data => {
+                console.log(`Error: ${data.error}%`);
+              });
+              Upload.addListener('completed', uploadId, data => {
+                console.log('Completed!');
+              });
+            })
+            .catch(function(err) {
+              setUploadId(null);
+              setProgress(null);
+              console.log('Upload error!', err);
+            });
+        });
+      } else {
+        // Video is stored in google cloud
+        Alert.alert('Video not found');
+      }
+    });
+  };
+
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView testID="main_screen">
+        <ScrollView
+          contentInsetAdjustmentBehavior="automatic"
+          style={styles.scrollView}>
+          <Header />
+          {global.HermesInternal == null ? null : (
+            <View style={styles.engine}>
+              <Text style={styles.footer}>Engine: Hermes</Text>
+            </View>
+          )}
+          <View style={styles.body}>
+            <View style={styles.sectionContainer}>
+              <TouchableOpacity
+                testID="10_sec_delay_button"
+                onPress={() => {
+                  const options = {
+                    ...commonOptions,
+                    url: url10SecDelayPut,
+                  };
+
+                  Upload.startUpload(options)
+                    .then(uploadId => {
+                      console.warn(uploadId);
+                      setUploadId(uploadId);
+
+                      Upload.addListener(
+                        'completed',
+                        uploadId,
+                        ({responseCode}) => {
+                          console.warn({responseCode});
+
+                          if (responseCode <= 299) {
+                            set10SecDelayCompleted(true);
+                          }
+                        },
+                      );
+                    })
+                    .catch(err => {
+                      console.warn(err.message);
+                    });
+                }}>
+                <Text>10 Sec Delay Success</Text>
+              </TouchableOpacity>
+
+              {delay10Completed && (
+                <View testID="10_sec_delay_completed">
+                  <Text>Finished!!!</Text>
+                </View>
+              )}
+            </View>
+            <View style={styles.sectionContainer}>
+              <TouchableOpacity
+                testID="5_sec_delay_button"
+                onPress={() => {
+                  const options = {
+                    ...commonOptions,
+                    url: url5secDelayFail,
+                  };
+
+                  Upload.startUpload(options)
+                    .then(uploadId => {
+                      console.warn(uploadId);
+                      setUploadId(uploadId);
+
+                      Upload.addListener(
+                        'completed',
+                        uploadId,
+                        ({responseCode}) => {
+                          console.warn(responseCode);
+                          if (responseCode === 502) {
+                            set5SecDelayCompleted(true);
+                          }
+                        },
+                      );
+
+                      Upload.addListener(
+                        'error',
+                        uploadId,
+                        ({responseCode}) => {
+                          set5SecDelayCompleted(true);
+                        },
+                      );
+                    })
+                    .catch(err => {
+                      console.warn(err.message);
+                    });
+                }}>
+                <Text>5 Sec Delay Error</Text>
+              </TouchableOpacity>
+
+              {delay5Completed && (
+                <View testID="5_sec_delay_completed">
+                  <Text>Finished!!!</Text>
+                </View>
+              )}
+
+              <Button
+                title="Tap To Upload Multipart"
+                onPress={() =>
+                  onPressUpload({
+                    url: `http://${
+                      Platform.OS === 'ios' ? 'localhost' : '10.0.2.2'
+                    }:8080/upload_multipart`,
+                    field: 'uploaded_media',
+                    type: 'multipart',
+                  })
+                }
+              />
+
+              <View style={{height: 32}} />
+              <Text style={{textAlign: 'center'}}>
+                {`Current Upload ID: ${uploadId === null ? 'none' : uploadId}`}
+              </Text>
+              <Text style={{textAlign: 'center'}}>
+                {`Progress: ${progress === null ? 'none' : `${progress}%`}`}
+              </Text>
+              <View />
+              <Button
+                testID="cancel_button"
+                title="Tap to Cancel Upload"
+                onPress={() => {
+                  if (!uploadId) {
+                    console.log('Nothing to cancel!');
+                    return;
+                  }
+
+                  Upload.cancelUpload(uploadId).then(() => {
+                    console.log(`Upload ${uploadId} canceled`);
+                    setUploadId(null);
+                    setProgress(null);
+                  });
+                }}
+              />
+            </View>
+          </View>
+        </ScrollView>
+      </SafeAreaView>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  scrollView: {
+    backgroundColor: Colors.lighter,
+  },
+  engine: {
+    position: 'absolute',
+    right: 0,
+  },
+  body: {
+    backgroundColor: Colors.white,
+  },
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: '600',
+    color: Colors.black,
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: '400',
+    color: Colors.dark,
+  },
+  highlight: {
+    fontWeight: '700',
+  },
+  footer: {
+    color: Colors.dark,
+    fontSize: 12,
+    fontWeight: '600',
+    padding: 4,
+    paddingRight: 12,
+    textAlign: 'right',
+  },
+});
+
+export default App;

package/example/RNBackgroundExample/README.md

@@ -0,0 +1,50 @@
+# Example App for [react-native-background-upload](https://github.com/Vydia/react-native-background-upload)
+
+This is a React Native app and Express server that servers ars a very basic
+implementation of react-native-background-upload. Use this repo to experiment
+with the package, or fork this repo and use it to create a minimal reproduction
+of a bug or other issue when opening up a github issue on
+[react-native-background-upload](https://github.com/Vydia/react-native-background-upload).
+
+## Usage
+
+ 1. Clone the repo
+ 1. `yarn install`
+ 1. `yarn server`
+ 1. Run the example app `react-native run-ios` or `react-native run-android`
+ 1. Tap the button in the mobile app to perform an upload.
+
+If you are running on an Android enumlator/device and uploads don't 'just work', run `adb reverse tcp:8080 tcp:8080` after `react-native run-android`.  This will allow the device to communicate with the server.  Otherwise it won't work.
+
+## E2E Tests
+
+You need to have [Detox setup](https://github.com/wix/Detox/blob/master/docs/Introduction.GettingStarted.md).
+
+To run the E2E Tests for Android, do the following:
+
+ 1. Clone the repo
+ 1. `yarn`
+ 1. `yarn e2e/deploy/android`
+ 1. `yarn e2e/test/android`
+
+To run the E2E Tests for iOS, do the following:
+
+ 1. Clone the repo
+ 1. `yarn`
+ 1. `yarn deploy/release/ios`
+ 1. `yarn e2e/test/ios`
+
+## Important files to look at
+
+### [App.js](https://github.com/Vydia/react-native-background-upload/blob/master/example/RNBackgroundExample/App.js)
+
+The React Native component that allows the user to choose an image from device
+and upload it to the localhost server.
+
+*Note: In the iOS simulator, you can add images and videos to the camera roll by
+dragging and dropping files from finder onto the simulator window. In the Android
+emulator you can usually use the emulator camera app to take test picture.*
+
+### [e2e/start-server.js](https://github.com/Vydia/react-native-background-upload/blob/master/example/RNBackgroundExample/e2e/start-server.js)
+
+The express server that receives the upload and writes it to file.

package/example/RNBackgroundExample/__tests__/App-test.js

@@ -0,0 +1,14 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});

package/example/RNBackgroundExample/android/app/BUCK

@@ -0,0 +1,55 @@
+# To learn about Buck see [Docs](https://buckbuild.com/).
+# To run your application with Buck:
+# - install Buck
+# - `npm start` - to start the packager
+# - `cd android`
+# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
+# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
+# - `buck install -r android/app` - compile, install and run application
+#
+
+load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
+
+lib_deps = []
+
+create_aar_targets(glob(["libs/*.aar"]))
+
+create_jar_targets(glob(["libs/*.jar"]))
+
+android_library(
+    name = "all-libs",
+    exported_deps = lib_deps,
+)
+
+android_library(
+    name = "app-code",
+    srcs = glob([
+        "src/main/java/**/*.java",
+    ]),
+    deps = [
+        ":all-libs",
+        ":build_config",
+        ":res",
+    ],
+)
+
+android_build_config(
+    name = "build_config",
+    package = "com.rnbackgroundexample",
+)
+
+android_resource(
+    name = "res",
+    package = "com.rnbackgroundexample",
+    res = "src/main/res",
+)
+
+android_binary(
+    name = "app",
+    keystore = "//android/keystores:debug",
+    manifest = "src/main/AndroidManifest.xml",
+    package_type = "debug",
+    deps = [
+        ":app-code",
+    ],
+)