add android example

Author: plrthink

README.md

@@ -9,66 +9,12 @@ Zip archive utility for react-native
 
 ```bash
 npm install react-native-zip-archive --save
-```
-
-## Getting started - iOS
-```bash
 react-native link react-native-zip-archive
 ```
 
-## Getting started - Android
-
-* Edit `android/settings.gradle` to look like this (without the +):
-
-  ```diff
-  rootProject.name = 'MyApp'
-
-  include ':app'
-
-  + include ':react-native-zip-archive'
-  + project(':react-native-zip-archive').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-zip-archive/android')
-  ```
-
-* Edit `android/app/build.gradle` (note: **app** folder) to look like this:
-
-  ```diff
-  apply plugin: 'com.android.application'
-
-  android {
-    ...
-  }
-
-  dependencies {
-    compile fileTree(dir: 'libs', include: ['*.jar'])
-    compile 'com.android.support:appcompat-v7:23.0.0'
-    compile 'com.facebook.react:react-native:0.16.+'
-  + compile project(':react-native-zip-archive')
-  }
-  ```
-
-* Edit your `MainActivity.java` (deep in `android/app/src/main/java/...`) to look like this (note **two** places to edit):
-
-  ```diff
-  package com.myapp;
-
-  + import com.rnziparchive.RNZipArchivePackage;
-
-  ....
-
-    @Override
-    protected List<ReactPackage> getPackages() {
-      return Arrays.<ReactPackage>asList(
-        new MainReactPackage(),
-  +     new RNZipArchivePackage()
-      );
-    }
-
-  }
-  ```
-
 ## Usage
 
-require it in your file
+import it into your code
 
 ```js
 import { zip, unzip, unzipAssets, subscribe } from 'react-native-zip-archive'

android/build.gradle

@@ -30,5 +30,5 @@ repositories {
 }
 
 dependencies {
-    compile 'com.facebook.react:react-native:0.12.+'
+    compile "com.facebook.react:react-native:+"
 }

android/src/main/java/com/rnziparchive/RNZipArchiveModule.java

@@ -4,7 +4,7 @@
 import android.util.Log;
 
 import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.Callback;
+import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
@@ -43,21 +43,27 @@ public String getName() {
   }
 
   @ReactMethod
-  public void unzip(String zipFilePath, String destDirectory, Callback callback) {
+  public void unzip(String zipFilePath, String destDirectory, Promise promise) {
     FileInputStream inputStream;
     File file;
     try {
       inputStream = new FileInputStream(zipFilePath);
       file = new File(zipFilePath);
     } catch (FileNotFoundException | NullPointerException e) {
-      callback.invoke(makeErrorPayload("Couldn't open file " + zipFilePath + ". ", e));
+      promise.reject(null, "Couldn't open file " + zipFilePath + ". ");
       return;
     }
-    unzipStream(zipFilePath, destDirectory, inputStream, file.length(), callback);
+    try {
+      unzipStream(zipFilePath, destDirectory, inputStream, file.length());
+    } catch (Exception ex) {
+      promise.reject(null, ex.getMessage());
+      return;
+    }
+    promise.resolve(destDirectory);
   }
 
   @ReactMethod
-  public void unzipAssets(String assetsPath, String destDirectory, Callback completionCallback) {
+  public void unzipAssets(String assetsPath, String destDirectory, Promise promise) {
     InputStream assetsInputStream;
     long size;
 
@@ -66,15 +72,21 @@ public void unzipAssets(String assetsPath, String destDirectory, Callback comple
       AssetFileDescriptor fileDescriptor = getReactApplicationContext().getAssets().openFd(assetsPath);
       size = fileDescriptor.getLength();
     } catch (IOException e) {
-      completionCallback.invoke(makeErrorPayload(String.format("Asset file `%s` could not be opened", assetsPath), e));
+      promise.reject(null, String.format("Asset file `%s` could not be opened", assetsPath));
       return;
     }
 
-    unzipStream(assetsPath, destDirectory, assetsInputStream, size, completionCallback);
+    try {
+      unzipStream(assetsPath, destDirectory, assetsInputStream, size);
+    } catch (Exception ex) {
+      promise.reject(null, ex.getMessage());
+      return;
+    }
+    promise.resolve(destDirectory);
   }
 
   @ReactMethod
-  public void zip(String fileOrDirectory, String destDirectory, Callback callback) {
+  public void zip(String fileOrDirectory, String destDirectory, Promise promise) {
     List<String> filePaths = new ArrayList<>();
     File file;
     try {
@@ -92,14 +104,21 @@ public void zip(String fileOrDirectory, String destDirectory, Callback callback)
         throw new FileNotFoundException(fileOrDirectory);
       }
     } catch (FileNotFoundException | NullPointerException e) {
-      callback.invoke(makeErrorPayload("Couldn't open file/directory " + fileOrDirectory + ". ", e));
+      promise.reject(null, "Couldn't open file/directory " + fileOrDirectory + ".");
       return;
     }
 
-    zipStream(filePaths.toArray(new String[filePaths.size()]), destDirectory, filePaths.size(), callback);
+    try {
+      zipStream(filePaths.toArray(new String[filePaths.size()]), destDirectory, filePaths.size());
+    } catch (Exception ex) {
+      promise.reject(null, ex.getMessage());
+      return;
+    }
+
+    promise.resolve(destDirectory);
   }
 
-  private void zipStream(String[] files, String destFile, long totalSize, Callback completionCallback) {
+  private void zipStream(String[] files, String destFile, long totalSize) throws Exception {
     try {
       if (destFile.contains("/")) {
         File destDir = new File(destFile.substring(0, destFile.lastIndexOf("/")));
@@ -136,11 +155,10 @@ private void zipStream(String[] files, String destFile, long totalSize, Callback
       }
       updateProgress(1, 1, destFile); // force 100%
       out.close();
-      completionCallback.invoke(null, null);
     } catch (Exception ex) {
       ex.printStackTrace();
       updateProgress(0, 1, destFile); // force 0%
-      completionCallback.invoke(makeErrorPayload(String.format("Couldn't zip %s", destFile), ex));
+      throw new Exception(String.format("Couldn't zip %s", destFile));
     }
   }
 
@@ -161,7 +179,7 @@ private List<File> getSubFiles(File baseDir, boolean isContainFolder) {
     return fileList;
   }
 
-  private void unzipStream(String zipFilePath, String destDirectory, InputStream inputStream, long totalSize, Callback completionCallback) {
+  private void unzipStream(String zipFilePath, String destDirectory, InputStream inputStream, long totalSize) throws Exception {
     try {
       File destDir = new File(destDirectory);
       if (!destDir.exists()) {
@@ -195,11 +213,10 @@ private void unzipStream(String zipFilePath, String destDirectory, InputStream i
       updateProgress(1, 1, zipFilePath); // force 100%
       bin.close();
       zipIn.close();
-      completionCallback.invoke(null, null);
     } catch (Exception ex) {
       ex.printStackTrace();
       updateProgress(0, 1, zipFilePath); // force 0%
-      completionCallback.invoke(makeErrorPayload(String.format("Couldn't extract %s", zipFilePath), ex));
+      throw new Exception(String.format("Couldn't extract %s", zipFilePath));
     }
   }
 
@@ -235,10 +252,4 @@ private long extractFile(ZipInputStream zipIn, String filePath) throws IOExcepti
 
     return size;
   }
-
-  private WritableMap makeErrorPayload(String message, Exception ex) {
-    WritableMap error = Arguments.createMap();
-    error.putString("message", String.format("%s (%s)", message, ex.getMessage()));
-    return error;
-  }
 }

example/App.js

@@ -0,0 +1,81 @@
+import React, { Component } from 'react';
+import {
+  StyleSheet,
+  WebView,
+  Platform
+} from 'react-native';
+
+import { readdir, copyFileAssets, MainBundlePath, DocumentDirectoryPath } from 'react-native-fs';
+import { unzip } from 'react-native-zip-archive';
+
+export default class App extends Component {
+  constructor () {
+    super();
+    this.state = {
+      uri: 'https://github.com/plrthink/react-native-zip-archive'
+    }
+  }
+
+  componentDidMount () {
+    let sourcePath;
+    const targetPath = DocumentDirectoryPath;
+
+    if (Platform.OS === 'android') {
+      // since I can't simply get absolute path of files in assets folder,
+      // I am copying the file from assets folder to document folder as a workaround.
+      sourcePath = `${DocumentDirectoryPath}/static.zip`;
+
+      copyFileAssets('static.zip', sourcePath)
+      .then(() => {
+        return readdir(DocumentDirectoryPath);
+      })
+      .then((result) => {
+        return unzip(sourcePath, DocumentDirectoryPath);
+      })
+      .then((path) => {
+        console.log(`unzip file to ${path}`);
+        this.setState({
+          uri: `file://${path}/static/index.html`
+        });
+      })
+      .catch((error) => {
+        console.log(error);
+      })
+    } else {
+      sourcePath = `${MainBundlePath}/static.zip`;
+
+      unzip(sourcePath, targetPath)
+        .then((path) => {
+          console.log(`unzip file to ${path}`);
+          this.setState({
+            uri: `${path}/static/index.html`
+          });
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+    }
+  }
+
+  render() {
+    const { uri } = this.state
+
+    console.log(uri)
+
+    return (
+      <WebView
+        source={{uri: uri}}
+        style={styles.webView}
+        startInLoadingState={true}
+        scalesPageToFit={true}
+      />
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  webView: {
+    flex: 1,
+    marginTop: 20,
+  },
+});

example/android/app/src/main/assets/static.zip

@@ -8,24 +8,15 @@ import React, { Component } from 'react';
 import {
   AppRegistry,
   StyleSheet,
-  Text,
   View
 } from 'react-native';
+import App from './App';
 
 export default class example extends Component {
   render() {
     return (
       <View style={styles.container}>
-        <Text style={styles.welcome}>
-          Welcome to React Native!
-        </Text>
-        <Text style={styles.instructions}>
-          To get started, edit index.android.js
-        </Text>
-        <Text style={styles.instructions}>
-          Double tap R on your keyboard to reload,{'\n'}
-          Shake or press menu button for dev menu
-        </Text>
+        <App />
       </View>
     );
   }
@@ -34,20 +25,8 @@ export default class example extends Component {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
-  },
-  welcome: {
-    fontSize: 20,
-    textAlign: 'center',
-    margin: 10,
-  },
-  instructions: {
-    textAlign: 'center',
-    color: '#333333',
-    marginBottom: 5,
-  },
+    alignItems: 'stretch',
+  }
 });
 
 AppRegistry.registerComponent('example', () => example);