Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mockingbot/react-native-zip-archive
Zip archive utility for react-native
https://github.com/mockingbot/react-native-zip-archive
android ios react-native unzip zip zip-assets
Last synced: 2 months ago
JSON representation
Zip archive utility for react-native
- Host: GitHub
- URL: https://github.com/mockingbot/react-native-zip-archive
- Owner: mockingbot
- License: mit
- Created: 2015-08-26T09:06:18.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2024-02-21T07:02:37.000Z (4 months ago)
- Last Synced: 2024-03-24T15:47:30.536Z (3 months ago)
- Topics: android, ios, react-native, unzip, zip, zip-assets
- Language: Java
- Homepage:
- Size: 1.69 MB
- Stars: 399
- Watchers: 13
- Forks: 147
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-react-native - react-native-zip-archive ★173 - Zip / Unzip archive utility (Components / Utils & Infra)
- awesome-react-native-native-modules - react-native-zip-archive ★115 - native. (<a name="OS-&-System-&-File-Manager:-Native-Modules">OS, System & File Manager: Native Modules</a>)
README
# React Native Zip Archive [](https://www.npmjs.com/package/react-native-zip-archive)
Zip archive utility for react-native
## Compatibility
| react-native version | react-native-zip-archive version |
| --- | --- |
| ^0.60 | ^5.0.0 |
| ^0.58 | ^4.0.0 |
| <0.58 | ^3.0.0 |
## Installation
```bash
npm install react-native-zip-archive --save
```
## Linking
For iOS, run the command below in you app's root folder once the package has been installed
````bash
cd ./ios && pod install
````
For Android, it's ready to go.
## Usage
import it into your code
```js
import { zip, unzip, unzipAssets, subscribe } from 'react-native-zip-archive'
```
you may also want to use something like [react-native-fs](https://github.com/johanneslumpe/react-native-fs) to access the file system (check its repo for more information)
```js
import { MainBundlePath, DocumentDirectoryPath } from 'react-native-fs'
```
## API
**`zip(source: string | string[], target: string): Promise`**
> zip source to target
***NOTE: the string version of source is for folder, the string[] version is for file, so if you want to zip a single file, use zip([file]) instead of zip(file)***
Example
```js
const targetPath = `${DocumentDirectoryPath}/myFile.zip`
const sourcePath = DocumentDirectoryPath
zip(sourcePath, targetPath)
.then((path) => {
console.log(`zip completed at ${path}`)
})
.catch((error) => {
console.error(error)
})
```
**`zipWithPassword(source: string | string[], target: string, password: string, encryptionType: string): Promise`**
> zip source to target
***NOTE: the string version of source is for folder, the string[] version is for file, so if you want to zip a single file, use zip([file]) instead of zip(file)***
***NOTE: encryptionType is not supported on iOS yet, so it would be igonred on that platform.***
Example
```js
const targetPath = `${DocumentDirectoryPath}/myFile.zip`
const sourcePath = DocumentDirectoryPath
const password = 'password'
const encryptionType = 'STANDARD'; //possible values: AES-256, AES-128, STANDARD. default is STANDARD
zipWithPassword(sourcePath, targetPath, password, encryptionType)
.then((path) => {
console.log(`zip completed at ${path}`)
})
.catch((error) => {
console.error(error)
})
```
**`unzip(source: string, target: string): Promise`**
> unzip from source to target
Example
```js
const sourcePath = `${DocumentDirectoryPath}/myFile.zip`
const targetPath = DocumentDirectoryPath
const charset = 'UTF-8'
// charset possible values: UTF-8, GBK, US-ASCII and so on. If none was passed, default value is UTF-8
unzip(sourcePath, targetPath, charset)
.then((path) => {
console.log(`unzip completed at ${path}`)
})
.catch((error) => {
console.error(error)
})
```
**`unzipWithPassword(source: string, target: string, password: string): Promise`**
> unzip from source to target
Example
```js
const sourcePath = `${DocumentDirectoryPath}/myFile.zip`
const targetPath = DocumentDirectoryPath
const password = 'password'
unzipWithPassword(sourcePath, targetPath, password)
.then((path) => {
console.log(`unzip completed at ${path}`)
})
.catch((error) => {
console.error(error)
})
```
**`unzipAssets(assetPath: string, target: string): Promise`**
> unzip file from Android `assets` folder to target path
***Note: Android only.***
`assetPath` is the relative path to the file inside the pre-bundled assets folder, e.g. `folder/myFile.zip`. ***Do not pass an absolute directory.***
```js
const assetPath = './myFile.zip'
const targetPath = DocumentDirectoryPath
unzipAssets(assetPath, targetPath)
.then((path) => {
console.log(`unzip completed at ${path}`)
})
.catch((error) => {
console.error(error)
})
```
**`subscribe(callback: ({ progress: number, filePath: string }) => void): EmitterSubscription`**
> Subscribe to the progress callbacks. Useful for displaying a progress bar on your UI during the process.
Your callback will be passed an object with the following fields:
- `progress` (number) a value from 0 to 1 representing the progress of the unzip method. 1 is completed.
- `filePath` (string) the zip file path of zipped or unzipped file.
***Note: Remember to check the filename while processing progress, to be sure that the unzipped or zipped file is the right one, because the event is global.***
***Note: Remember to unsubscribe! Run .remove() on the object returned by this method.***
```js
componentDidMount() {
this.zipProgress = subscribe(({ progress, filePath }) => {
// the filePath is always empty on iOS for zipping.
console.log(`progress: ${progress}\nprocessed at: ${filePath}`)
})
}
componentWillUnmount() {
// Important: Unsubscribe from the progress events
this.zipProgress.remove()
}
```
## Example App
You can use this repo, https://github.com/plrthink/RNZATestApp, for testing and contribution. For more information please refer to its README.
## Related Projects
- [ZipArchive](https://github.com/ZipArchive/ZipArchive)
- [zip4j](https://github.com/srikanth-lingala/zip4j)
---
[](https://www.buymeacoffee.com/plrthink)