New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-native-repackager

Package Overview
Dependencies
Maintainers
4
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-repackager - npm Package Compare versions

Comparing version 0.0.9 to 0.1.0

index.js

7

package.json
{
"name": "react-native-repackager",
"version": "0.0.9",
"version": "0.1.0",
"description": "Custom extension for react-native packager",

@@ -8,3 +8,3 @@ "main": "index.js",

"test": ":",
"postinstall": "echo '--Root directory--'; pwd; echo '-------'; patch -p1 -d ${PWD%/*/*} < add_custom_extensions_to_react_packager.patch"
"postinstall": "node ./postinstall.js"
},

@@ -16,2 +16,5 @@ "repository": {

"author": "Omri Bruchim <omrib@wix.com>",
"contributors": [
"Daniel Zlotin <zlotindaniel@gmail.com>"
],
"license": "MIT",

@@ -18,0 +21,0 @@ "bugs": {

# react-native-repackager
Custom extensions for react-native packager
Adding support for custom extension's files for react-native packager
`react-native-repackager` is a [React Native](https://facebook.github.io/react-native/) npm extension package which provide you an easy way to add files with custom extensions and to use them to override the original file while running RN packager with special parameter.
* [Why do we need this package?](#why-do-we-need-this-package)
* [Installation](#installation)
* [Usage](#usage)
* [Implementation Details](#implementation-details)
* [License](#license)
## why-do-we-need-this-package
One of the biggest challenges when writing tests with react environment is easy mocking.
Another case, is running your app with different behavior in diffeent environments or debug\release
Consider the following use-cases:
* Under e2e tests, use localhost mock HTTP server instead of the production service endpoint
* When running ios simulator, instead of natively accessing the contacts on the device, return mock contacts
<br/>
In order to make it's super easy to mock stuff for tests, this package approach it like we handle in JavaScript code that is different between iOS and Android.
So in order to replace someFile.js, we will also create someFile.mock.js in the same directory.
When the packager will run for the e2e tests, it will pick up this file instead of the original. This way, the mocks files will not find themselves in our production code.
## Installation
**Currently support RN 0.38 or 0.42**
* Install the package from npm
```
npm install react-native-repackager --save
```
## Usage
* First add your custom extension (mock) file to your project, for example:
<img src="http://i.imgur.com/g8AU012.png"/>
The packager will search for custom files in the following order:
1) filename.ios.[customExtension].js \ filename.android.[customExtension].js
2) filename.[customExtension].js
3) filename.ios.js \ filename.android.js
* run react-packager with --custom-extension parameter
```
node node_modules/react-native/local-cli/cli.js start --customExtensions=foo
```
<img src="http://i.imgur.com/NEIDDgH.png"/>
* for more then one file extension type
```
node node_modules/react-native/local-cli/cli.js start --customExtensions='foo, bar'
```
**Limitation - Currently support only react native packager in debug mode (will not replace file for Release version)**
## Implementation Details
* This package inject code into the RN packager implementation (!)
* The repository contain only one patch file, and postinstall script. After npm install the package will replace the relevant files in RN packager to make the magic.
## License
MIT

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc