@appcircle/react-native-code-push 0.0.2-alpha.2 → 0.0.2-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/CodePush.podspec +1 -1
  2. package/README.md +73 -389
  3. package/android/app/build.gradle +48 -0
  4. package/android/build.gradle +8 -34
  5. package/android/codepush.gradle +1 -1
  6. package/android/settings.gradle +1 -0
  7. package/docs/api-android.md +5 -3
  8. package/docs/multi-deployment-testing-android.md +94 -1
  9. package/docs/setup-android.md +407 -20
  10. package/docs/setup-ios.md +172 -1
  11. package/package.json +3 -3
  12. package/react-native.config.js +1 -2
  13. package/scripts/tools/linkToolsAndroid.js +2 -2
  14. package/scripts/check-package.mjs +0 -11
  15. /package/android/{proguard-rules.pro → app/proguard-rules.pro} +0 -0
  16. /package/android/{src → app/src}/main/AndroidManifest.xml +0 -0
  17. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePush.java +0 -0
  18. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushBuilder.java +0 -0
  19. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushConstants.java +0 -0
  20. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushDialog.java +0 -0
  21. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushInstallMode.java +0 -0
  22. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushInvalidPublicKeyException.java +0 -0
  23. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushInvalidUpdateException.java +0 -0
  24. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushMalformedDataException.java +0 -0
  25. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushNativeModule.java +0 -0
  26. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushNotInitializedException.java +0 -0
  27. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushTelemetryManager.java +0 -0
  28. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUnknownException.java +0 -0
  29. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUpdateManager.java +0 -0
  30. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUpdateState.java +0 -0
  31. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUpdateUtils.java +0 -0
  32. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/CodePushUtils.java +0 -0
  33. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/DownloadProgress.java +0 -0
  34. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/DownloadProgressCallback.java +0 -0
  35. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/FileUtils.java +0 -0
  36. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/ReactHostHolder.java +0 -0
  37. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/ReactInstanceHolder.java +0 -0
  38. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/SettingsManager.java +0 -0
  39. /package/android/{src → app/src}/main/java/com/microsoft/codepush/react/TLSSocketFactory.java +0 -0
@@ -95,7 +95,7 @@ gradle.projectsEvaluated {
95
95
 
96
96
  // mitigates Resource and asset merger: Duplicate resources error
97
97
  project.delete(files("${jsBundleDir}"))
98
-
98
+
99
99
  jsBundleDir.mkdirs()
100
100
  resourcesDir.mkdirs()
101
101
 
@@ -0,0 +1 @@
1
+ include ':app'
@@ -1,4 +1,6 @@
1
- ### Resource Configuration
1
+ ### Java API Reference (Android)
2
+
3
+ ### API for React Native 0.60 version and above
2
4
 
3
5
  Since `autolinking` uses `react-native.config.js` to link plugins, constructors are specified in that file. But you can override custom variables to manage the CodePush plugin by placing these values in string resources.
4
6
 
@@ -14,9 +16,9 @@ Since `autolinking` uses `react-native.config.js` to link plugins, constructors
14
16
  <string moduleConfig="true" name="CodePushServerUrl">https://yourcodepush.server.com</string>
15
17
  ```
16
18
 
17
- The Java API is made available by importing the `com.microsoft.codepush.react.CodePush` class into your `MainActivity.java` file, and consists of a single public class named `CodePush`.
19
+ ### API for React Native lower than 0.60
18
20
 
19
- ### Java API Reference (Android)
21
+ The Java API is made available by importing the `com.microsoft.codepush.react.CodePush` class into your `MainActivity.java` file, and consists of a single public class named `CodePush`.
20
22
 
21
23
  #### CodePush
22
24
 
@@ -10,7 +10,7 @@ The [Android Gradle plugin](https://google.github.io/android-gradle-dsl/current/
10
10
 
11
11
  To set this up, perform the following steps:
12
12
 
13
- **For React Native >= v0.76**
13
+ **For React Native >= v0.60**
14
14
 
15
15
  1. Open the project's app level `build.gradle` file (for example `android/app/build.gradle` in standard React Native projects)
16
16
 
@@ -51,5 +51,98 @@ To set this up, perform the following steps:
51
51
 
52
52
  *NOTE: The naming convention for `releaseStaging` is significant due to [this line](https://github.com/facebook/react-native/blob/e083f9a139b3f8c5552528f8f8018529ef3193b9/react.gradle#L79).*
53
53
 
54
+ **For React Native v0.29 - v0.59**
55
+
56
+ 1. Open up your `MainApplication.java` file and make the following changes:
57
+
58
+ ```java
59
+ @Override
60
+ protected List<ReactPackage> getPackages() {
61
+ return Arrays.<ReactPackage>asList(
62
+ ...
63
+ new CodePush(BuildConfig.CODEPUSH_KEY, MainApplication.this, BuildConfig.DEBUG), // Add/change this line.
64
+ ...
65
+ );
66
+ }
67
+ ```
68
+
69
+ 2. Open your app's `build.gradle` file (for example `android/app/build.gradle` in standard React Native projects)
70
+
71
+ 3. Find the `android { buildTypes {} }` section and define `buildConfigField` entries for both your `debug` and `release` build types, which reference your `Staging` and `Production` deployment keys respectively. If you prefer, you can define the key literals in your `gradle.properties` file, and then reference them here. Either way will work, and it's just a matter of personal preference.
72
+
73
+ ```groovy
74
+ android {
75
+ ...
76
+ buildTypes {
77
+ debug {
78
+ ...
79
+ // Note: CodePush updates should not be tested in Debug mode as they are overriden by the RN packager. However, because CodePush checks for updates in all modes, we must supply a key.
80
+ buildConfigField "String", "CODEPUSH_KEY", '""'
81
+ ...
82
+ }
83
+
84
+ releaseStaging {
85
+ ...
86
+ buildConfigField "String", "CODEPUSH_KEY", '"<INSERT_STAGING_KEY>"'
87
+ // Note: It is a good idea to provide matchingFallbacks for the new buildType you create to prevent build issues
88
+ // Add the following line if not already there
89
+ matchingFallbacks = ['release']
90
+ ...
91
+ }
92
+
93
+ release {
94
+ ...
95
+ buildConfigField "String", "CODEPUSH_KEY", '"<INSERT_PRODUCTION_KEY>"'
96
+ ...
97
+ }
98
+ }
99
+ ...
100
+ }
101
+ ```
102
+
103
+ *NOTE: The naming convention for `releaseStaging` is significant due to [this line](https://github.com/facebook/react-native/blob/e083f9a139b3f8c5552528f8f8018529ef3193b9/react.gradle#L79).*
104
+
105
+ 4. Pass the deployment key to the `CodePush` constructor via the build config you defined, as opposed to a string literal.
106
+
107
+ **For React Native v0.19 - v0.28**
108
+
109
+ Open up your `MainActivity.java` file and make the following changes:
110
+
111
+ ```java
112
+ @Override
113
+ protected List<ReactPackage> getPackages() {
114
+ return Arrays.<ReactPackage>asList(
115
+ ...
116
+ new CodePush(BuildConfig.CODEPUSH_KEY, this, BuildConfig.DEBUG), // Add/change this line.
117
+ ...
118
+ );
119
+ }
120
+ ```
121
+
122
+ *Note: If you gave your build setting a different name in your Gradle file, simply make sure to reflect that in your Java code.*
123
+
124
+ And that's it! Now when you run or build your app, your debug builds will automatically be configured to sync with your `Staging` deployment, and your release builds will be configured to sync with your `Production` deployment.
125
+
126
+ *NOTE: By default, the `react-native run-android` command builds and deploys the debug version of your app, so if you want to test out a release/production build, simply run `react-native run-android --variant release. Refer to the [React Native docs](http://facebook.github.io/react-native/docs/signed-apk-android.html#conten) for details about how to configure and create release builds for your Android apps.*
127
+
128
+ If you want to be able to install both debug and release builds simultaneously on the same device (highly recommended!), then you need to ensure that your debug build has a unique identity and icon from your release build. Otherwise, neither the OS nor you will be able to differentiate between the two. You can achieve this by performing the following steps:
129
+
130
+ 1. In your `build.gradle` file, specify the [`applicationIdSuffix`](http://google.github.io/android-gradle-dsl/current/com.android.build.gradle.internal.dsl.BuildType.html#com.android.build.gradle.internal.dsl.BuildType:applicationIdSuffix) field for your debug build type, which gives your debug build a unique identity for the OS (like `com.foo` vs. `com.foo.debug`).
131
+
132
+ ```groovy
133
+ buildTypes {
134
+ debug {
135
+ applicationIdSuffix ".debug"
136
+ }
137
+ }
138
+ ```
139
+
140
+ 2. Create the `app/src/debug/res` directory structure in your app, which allows overriding resources (like strings, icons, layouts) for your debug builds
141
+
142
+ 3. Create a `values` directory underneath the debug res directory created in #2, and copy the existing `strings.xml` file from the `app/src/main/res/values` directory
143
+
144
+ 4. Open up the new debug `strings.xml` file and change the `<string name="app_name">` element's value to something else (like `foo-debug`). This ensures that your debug build now has a distinct display name, so that you can differentiate it from your release build.
145
+
146
+ 5. Optionally, create "mirrored" directories in the `app/src/debug/res` directory for all of your app's icons that you want to change for your debug build. This part isn't technically critical, but it can make it easier to quickly spot your debug builds on a device if its icon is noticeable different.
54
147
 
55
148
  And that's it! View [here](http://tools.android.com/tech-docs/new-build-system/resource-merging) for more details on how resource merging works in Android.
@@ -1,14 +1,33 @@
1
1
  ## Android Setup
2
2
 
3
- * [Plugin Installation and Configuration for React Native 0.76 version and above](#plugin-installation-and-configuration-for-react-native-060-version-and-above-android)
3
+ * [Plugin Installation and Configuration for React Native 0.60 version and above](#plugin-installation-and-configuration-for-react-native-060-version-and-above-android)
4
+ * [Plugin Installation for React Native lower than 0.60 (Android)](#plugin-installation-for-react-native-lower-than-060-android)
5
+ * [Plugin Installation (Android - RNPM)](#plugin-installation-android---rnpm)
6
+ * [Plugin Installation (Android - Manual)](#plugin-installation-android---manual)
7
+ * [Plugin Configuration for React Native lower than 0.60 (Android)](#plugin-configuration-for-react-native-lower-than-060-android)
8
+ * [For React Native v0.29 - v0.59](#for-react-native-v029---v059)
9
+ * [For newly created React Native application](#for-newly-created-react-native-application)
10
+ * [For existing native application](#for-existing-native-application)
11
+ * [For React Native v0.19 - v0.28](#for-react-native-v019---v028)
12
+ * [Background React Instances](#background-react-instances)
13
+ * [For React Native >= v0.29 (Background React Instances)](#for-react-native--v029-background-react-instances)
14
+ * [For React Native v0.19 - v0.28 (Background React Instances)](#for-react-native-v019---v028-background-react-instances)
15
+ * [WIX React Native Navigation applications (ver 1.x)](#wix-react-native-navigation-applications)
4
16
  * [Code Signing setup](#code-signing-setup)
5
17
 
6
18
  In order to integrate CodePush into your Android project, please perform the following steps:
7
19
 
8
- ### Plugin Installation and Configuration for React Native 0.76 version and above (Android)
20
+ ### Plugin Installation and Configuration for React Native 0.60 version and above (Android)
9
21
 
22
+ 1. In your `android/settings.gradle` file, make the following additions at the end of the file:
10
23
 
11
- 1. In your `android/app/build.gradle` file, add the `codepush.gradle` file as an additional build task definition to the end of the file:
24
+ ```gradle
25
+ ...
26
+ include ':app', ':chlee1001_react-native-code-push'
27
+ project(':chlee1001_react-native-code-push').projectDir = new File(rootProject.projectDir, '../node_modules/@appcircle/react-native-code-push/android/app')
28
+ ```
29
+
30
+ 2. In your `android/app/build.gradle` file, add the `codepush.gradle` file as an additional build task definition to the end of the file:
12
31
 
13
32
  ```gradle
14
33
  ...
@@ -16,11 +35,9 @@ In order to integrate CodePush into your Android project, please perform the fol
16
35
  ...
17
36
  ```
18
37
 
19
- 2. Update the `MainApplication` file to use CodePush via the following changes:
38
+ 3. Update the `MainApplication` file to use CodePush via the following changes:
20
39
 
21
- For React Native 0.76 and above: update the `MainApplication.kt`
22
-
23
- **Important! : PackageList must be instantiated only one in application lifetime.**
40
+ For React Native 0.73 and above: update the `MainApplication.kt`
24
41
 
25
42
  ```kotlin
26
43
  ...
@@ -28,14 +45,6 @@ In order to integrate CodePush into your Android project, please perform the fol
28
45
  import com.microsoft.codepush.react.CodePush
29
46
 
30
47
  class MainApplication : Application(), ReactApplication {
31
-
32
- // PackageList must be instantiated only one in application lifetime.
33
- val defaultPackageList by lazy {
34
- PackageList(this).packages.apply {
35
- // Packages that cannot be autolinked yet can be added manually here, for example:
36
- // add(MyReactNativePackage())
37
- }
38
- }
39
48
 
40
49
  override val reactNativeHost: ReactNativeHost =
41
50
  object : DefaultReactNativeHost(this) {
@@ -51,8 +60,30 @@ In order to integrate CodePush into your Android project, please perform the fol
51
60
  }
52
61
  ```
53
62
 
63
+ For React Native 0.72 and below: update the `MainApplication.java`
54
64
 
55
- 3. Add the Deployment key to `strings.xml`:
65
+ ```java
66
+ ...
67
+ // 1. Import the plugin class.
68
+ import com.microsoft.codepush.react.CodePush;
69
+
70
+ public class MainApplication extends Application implements ReactApplication {
71
+
72
+ private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
73
+ ...
74
+
75
+ // 2. Override the getJSBundleFile method in order to let
76
+ // the CodePush runtime determine where to get the JS
77
+ // bundle location from on each app start
78
+ @Override
79
+ protected String getJSBundleFile() {
80
+ return CodePush.getJSBundleFile();
81
+ }
82
+ };
83
+ }
84
+ ```
85
+
86
+ 4. Add the Deployment key to `strings.xml`:
56
87
 
57
88
  To let the CodePush runtime know which deployment it should query for updates, open your app's `strings.xml` file and add a new string named `CodePushDeploymentKey`, whose value is the key of the deployment you want to configure this app against (like the key for the `Staging` deployment for the `FooBar` app). You can retrieve this value by running `appcenter codepush deployment list -a <ownerName>/<appName> -k` in the CodePush CLI (the `-k` flag is necessary since keys aren't displayed by default) and copying the value of the `Key` column which corresponds to the deployment you want to use (see below). Note that using the deployment's name (like Staging) will not work. The "friendly name" is intended only for authenticated management usage from the CLI, and not for public consumption within your app.
58
89
 
@@ -71,10 +102,350 @@ In order to integrate CodePush into your Android project, please perform the fol
71
102
 
72
103
  *Note: If you need to dynamically use a different deployment, you can also override your deployment key in JS code using [Code-Push options](./api-js.md#CodePushOptions)*
73
104
 
105
+ ### Plugin Installation for React Native lower than 0.60 (Android)
106
+
107
+ In order to accommodate as many developer preferences as possible, the CodePush plugin supports Android installation via two mechanisms:
108
+
109
+ 1. [**RNPM**](#plugin-installation-android---rnpm) - [React Native Package Manager (RNPM)](https://github.com/rnpm/rnpm) is an awesome tool that provides the simplest installation experience possible for React Native plugins. If you're already using it, or you want to use it, then we recommend this approach.
110
+
111
+ 2. [**"Manual"**](#plugin-installation-android---manual) - If you don't want to depend on any additional tools or are fine with a few extra installation steps (it's a one-time thing), then go with this approach.
112
+
113
+ *Note: Due to a code change from the React Native repository, if your installed React Native version ranges from 0.29 to 0.32, we recommend following the manual steps to set up correctly. *
114
+
115
+ #### Plugin Installation (Android - RNPM)
116
+
117
+ 1. As of v0.27 of React Native, `rnpm link` has already been merged into the React Native CLI. Simply run:
118
+ ```
119
+ react-native link react-native-code-push
120
+ ```
121
+
122
+ If your app uses a version of React Native that is lower than v0.27, run the following:
123
+ ```
124
+ rnpm link react-native-code-push
125
+ ```
126
+
127
+ *Note: If you don't already have RNPM installed, you can do so by simply running `npm i -g rnpm` and then executing the above command.*
128
+
129
+ 2. If you're using RNPM >=1.6.0, you will be prompted for the deployment key you'd like to use. If you don't already have it, you can retrieve this value by running `appcenter codepush deployment list -a <ownerName>/<appName> -k`, or you can choose to ignore it (by simply hitting `<ENTER>`) and add it in later. To get started, we would recommend just using your `Staging` deployment key, so that you can test out the CodePush end-to-end.
130
+
131
+ And that's it for installation using RNPM! Continue below to the [Plugin Configuration](#plugin-configuration-for-react-native-lower-than-060-android) section to complete the setup.
132
+
133
+ #### Plugin Installation (Android - Manual)
134
+
135
+ 1. In your `android/settings.gradle` file, make the following additions:
136
+
137
+ ```gradle
138
+ include ':app', ':react-native-code-push'
139
+ project(':react-native-code-push').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-code-push/android/app')
140
+ ```
141
+
142
+ 2. In your `android/app/build.gradle` file, add the `:react-native-code-push` project as a compile-time dependency:
143
+
144
+ ```gradle
145
+ ...
146
+ dependencies {
147
+ ...
148
+ compile project(':react-native-code-push')
149
+ }
150
+ ```
151
+
152
+ 3. In your `android/app/build.gradle` file, add the `codepush.gradle` file as an additional build task definition underneath `react.gradle`:
153
+
154
+ ```gradle
155
+ ...
156
+ apply from: "../../node_modules/react-native/react.gradle"
157
+ apply from: "../../node_modules/react-native-code-push/android/codepush.gradle"
158
+ ...
159
+ ```
160
+
161
+ ### Plugin Configuration for React Native lower than 0.60 (Android)
162
+
163
+ *NOTE: If you used RNPM or `react-native link` to automatically link the plugin, these steps have already been done for you so you may skip this section.*
164
+
165
+ After installing the plugin and syncing your Android Studio project with Gradle, you need to configure your app to consult CodePush for the location of your JS bundle, since it will "take control" of managing the current and all future versions. To do this:
166
+
167
+ #### For React Native v0.29 - v0.59
168
+
169
+ ##### For newly created React Native application
170
+
171
+ If you are integrating Code Push into React Native application please do the following steps:
172
+
173
+ Update the `MainApplication.java` file to use CodePush via the following changes:
174
+
175
+ ```java
176
+ ...
177
+ // 1. Import the plugin class.
178
+ import com.microsoft.codepush.react.CodePush;
179
+
180
+ public class MainApplication extends Application implements ReactApplication {
181
+
182
+ private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
183
+ ...
184
+ // 2. Override the getJSBundleFile method in order to let
185
+ // the CodePush runtime determine where to get the JS
186
+ // bundle location from on each app start
187
+ @Override
188
+ protected String getJSBundleFile() {
189
+ return CodePush.getJSBundleFile();
190
+ }
191
+
192
+ @Override
193
+ protected List<ReactPackage> getPackages() {
194
+ // 3. Instantiate an instance of the CodePush runtime and add it to the list of
195
+ // existing packages, specifying the right deployment key. If you don't already
196
+ // have it, you can run "appcenter codepush deployment list -a <ownerName>/<appName> -k" to retrieve your key.
197
+ return Arrays.<ReactPackage>asList(
198
+ new MainReactPackage(),
199
+ new CodePush("deployment-key-here", MainApplication.this, BuildConfig.DEBUG)
200
+ );
201
+ }
202
+ };
203
+ }
204
+ ```
205
+
206
+ *NOTE: For React Native v0.49+ please be sure that `getJSMainModuleName` function in the `MainApplication.java` file determines correct URL to fetch JS bundle (used when dev support is enabled, see [this](https://github.com/facebook/react-native/blob/c7f37074ac89f7e568ca26a6bad3bdb02812c39f/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java#L124) for more details) e.g.*
207
+ ```
208
+ @Override
209
+ protected String getJSMainModuleName() {
210
+ return "index";
211
+ }
212
+ ```
213
+
214
+ ##### For existing native application
215
+
216
+ If you are integrating React Native into existing native application please do the following steps:
217
+
218
+ Update `MyReactActivity.java` (it could be named differently in your app) file to use CodePush via the following changes:
219
+
220
+ ```java
221
+ ...
222
+ // 1. Import the plugin class.
223
+ import com.microsoft.codepush.react.CodePush;
224
+
225
+ public class MyReactActivity extends Activity {
226
+ private ReactRootView mReactRootView;
227
+ private ReactInstanceManager mReactInstanceManager;
228
+
229
+ @Override
230
+ protected void onCreate(Bundle savedInstanceState) {
231
+ ...
232
+ mReactInstanceManager = ReactInstanceManager.builder()
233
+ // ...
234
+ // Add CodePush package
235
+ .addPackage(new CodePush("deployment-key-here", getApplicationContext(), BuildConfig.DEBUG))
236
+ // Get the JS Bundle File via Code Push
237
+ .setJSBundleFile(CodePush.getJSBundleFile())
238
+ // ...
239
+
240
+ .build();
241
+ mReactRootView.startReactApplication(mReactInstanceManager, "MyReactNativeApp", null);
242
+
243
+ setContentView(mReactRootView);
244
+ }
245
+
246
+ ...
247
+ }
248
+ ```
249
+
250
+ #### For React Native v0.19 - v0.28
251
+
252
+ Update the `MainActivity.java` file to use CodePush via the following changes:
253
+
254
+ ```java
255
+ ...
256
+ // 1. Import the plugin class (if you used RNPM to install the plugin, this
257
+ // should already be done for you automatically so you can skip this step).
258
+ import com.microsoft.codepush.react.CodePush;
259
+
260
+ public class MainActivity extends ReactActivity {
261
+ // 2. Override the getJSBundleFile method in order to let
262
+ // the CodePush runtime determine where to get the JS
263
+ // bundle location from on each app start
264
+ @Override
265
+ protected String getJSBundleFile() {
266
+ return CodePush.getJSBundleFile();
267
+ }
268
+
269
+ @Override
270
+ protected List<ReactPackage> getPackages() {
271
+ // 3. Instantiate an instance of the CodePush runtime and add it to the list of
272
+ // existing packages, specifying the right deployment key. If you don't already
273
+ // have it, you can run "appcenter codepush deployment list -a <ownerName>/<appName> -k" to retrieve your key.
274
+ return Arrays.<ReactPackage>asList(
275
+ new MainReactPackage(),
276
+ new CodePush("deployment-key-here", this, BuildConfig.DEBUG)
277
+ );
278
+ }
279
+
280
+ ...
281
+ }
282
+ ```
283
+
284
+ #### Background React Instances
285
+
286
+ *This section is only necessary if you're <b>explicitly</b> launching a React Native instance without an `Activity` (for example, from within a native push notification receiver). For these situations, CodePush must be told how to find your React Native instance.*
287
+
288
+ In order to update/restart your React Native instance, CodePush must be configured with a `ReactInstanceHolder` before attempting to restart an instance in the background. This is done in your `Application` implementation.
289
+
290
+ ##### For React Native >= v0.29 (Background React Instances)
291
+
292
+ Update the `MainApplication.java` file to use CodePush via the following changes:
293
+
294
+ ```java
295
+ ...
296
+ // 1. Declare your ReactNativeHost to extend ReactInstanceHolder. ReactInstanceHolder is a subset of ReactNativeHost, so no additional implementation is needed.
297
+ import com.microsoft.codepush.react.ReactInstanceHolder;
298
+
299
+ public class MyReactNativeHost extends ReactNativeHost implements ReactInstanceHolder {
300
+ // ... usual overrides
301
+ }
302
+
303
+ // 2. Provide your ReactNativeHost to CodePush.
304
+
305
+ public class MainApplication extends Application implements ReactApplication {
306
+
307
+ private final MyReactNativeHost mReactNativeHost = new MyReactNativeHost(this);
308
+
309
+ @Override
310
+ public void onCreate() {
311
+ CodePush.setReactInstanceHolder(mReactNativeHost);
312
+ super.onCreate();
313
+ }
314
+ }
315
+ ```
316
+
317
+ ##### For React Native v0.19 - v0.28 (Background React Instances)
318
+
319
+ Before v0.29, React Native did not provide a `ReactNativeHost` abstraction. If you're launching a background instance, you'll likely have built your own, which should now implement `ReactInstanceHolder`. Once that's done:
320
+
321
+ ```java
322
+ // 1. Provide your ReactInstanceHolder to CodePush.
323
+
324
+ public class MainApplication extends Application {
325
+
326
+ @Override
327
+ public void onCreate() {
328
+ // ... initialize your instance holder
329
+ CodePush.setReactInstanceHolder(myInstanceHolder);
330
+ super.onCreate();
331
+ }
332
+ }
333
+ ```
74
334
 
75
335
  In order to effectively make use of the `Staging` and `Production` deployments that were created along with your CodePush app, refer to the [multi-deployment testing](../README.md#multi-deployment-testing) docs below before actually moving your app's usage of CodePush into production.
76
336
 
337
+ #### WIX React Native Navigation applications
338
+
339
+ If you are using [WIX React Native Navigation **version 1.x**](https://github.com/wix/react-native-navigation) based application, please do the following steps to integrate CodePush:
340
+
341
+ 1. No need to change `MainActivity.java` file, so if you are integrating CodePush to newly created RNN application it might be looking like this:
77
342
 
343
+ ```java
344
+ import com.facebook.react.ReactActivity;
345
+ import com.reactnativenavigation.controllers.SplashActivity;
346
+
347
+ public class MainActivity extends SplashActivity {
348
+
349
+ }
350
+ ```
351
+
352
+ 2. Update the `MainApplication.java` file to use CodePush via the following changes:
353
+
354
+ ```java
355
+ // ...
356
+ import com.facebook.react.ReactInstanceManager;
357
+
358
+ // Add CodePush imports
359
+ import com.microsoft.codepush.react.ReactInstanceHolder;
360
+ import com.microsoft.codepush.react.CodePush;
361
+
362
+ public class MainApplication extends NavigationApplication implements ReactInstanceHolder {
363
+
364
+ @Override
365
+ public boolean isDebug() {
366
+ // Make sure you are using BuildConfig from your own application
367
+ return BuildConfig.DEBUG;
368
+ }
369
+
370
+ protected List<ReactPackage> getPackages() {
371
+ // Add additional packages you require here
372
+ return Arrays.<ReactPackage>asList(
373
+ new CodePush("deployment-key-here", getApplicationContext(), BuildConfig.DEBUG)
374
+ );
375
+ }
376
+
377
+ @Override
378
+ public List<ReactPackage> createAdditionalReactPackages() {
379
+ return getPackages();
380
+ }
381
+
382
+ @Override
383
+ public String getJSBundleFile() {
384
+ // Override default getJSBundleFile method with the one CodePush is providing
385
+ return CodePush.getJSBundleFile();
386
+ }
387
+
388
+ @Override
389
+ public String getJSMainModuleName() {
390
+ return "index";
391
+ }
392
+
393
+ @Override
394
+ public ReactInstanceManager getReactInstanceManager() {
395
+ // CodePush must be told how to find React Native instance
396
+ return getReactNativeHost().getReactInstanceManager();
397
+ }
398
+ }
399
+ ```
400
+ If you are using [WIX React Native Navigation **version 2.x**](https://github.com/wix/react-native-navigation/tree/v2) based application, please do the following steps to integrate CodePush:
401
+
402
+ 1. As per React Native Navigation's documentation, `MainActivity.java` should extend `NavigationActivity`, no changes required to incorporate CodePush:
403
+
404
+ ```java
405
+ import com.reactnativenavigation.NavigationActivity;
406
+
407
+ public class MainActivity extends NavigationActivity {
408
+
409
+ }
410
+ ```
411
+
412
+ 2. Update the `MainApplication.java` file to use CodePush via the following changes:
413
+
414
+ ```java
415
+ // ...
416
+ import com.facebook.react.ReactInstanceManager;
417
+
418
+ // Add CodePush imports
419
+ import com.microsoft.codepush.react.CodePush;
420
+
421
+ public class MainApplication extends NavigationApplication {
422
+
423
+ @Override
424
+ public boolean isDebug() {
425
+ return BuildConfig.DEBUG;
426
+ }
427
+
428
+ @Override
429
+ protected ReactGateway createReactGateway() {
430
+ ReactNativeHost host = new NavigationReactNativeHost(this, isDebug(), createAdditionalReactPackages()) {
431
+ @javax.annotation.Nullable
432
+ @Override
433
+ protected String getJSBundleFile() {
434
+ return CodePush.getJSBundleFile();
435
+ }
436
+
437
+ };
438
+ return new ReactGateway(this, isDebug(), host);
439
+ }
440
+
441
+ @Override
442
+ public List<ReactPackage> createAdditionalReactPackages() {
443
+ return Arrays.<ReactPackage>asList(
444
+ new CodePush("deployment-key-here", getApplicationContext(), isDebug())
445
+ //,MainReactPackage , etc...
446
+ }
447
+ }
448
+ ```
78
449
 
79
450
  ### Code Signing setup
80
451
 
@@ -97,7 +468,23 @@ zwIDAQAB
97
468
  </resources>
98
469
  ```
99
470
 
100
- ### Expo Integration
101
- 1. A pure expo react-native is not supported yet. We are planning to look into this after a while. See https://github.com/CodePushNext/react-native-code-push/issues/5
102
- 2. A bare react-native app with expo sdk is supported, but you have to initialize rn app without `ReactNativeHostWrapper` of expo. It seems `ReactNativeHostWrapper` overrides `getJsBundleFile` internally, which prevents `CodePush` from being configured correctly.
103
- https://github.com/expo/expo/issues/25865
471
+ #### For React Native <= v0.60 you should configure the `CodePush` instance to use this parameter using one of the following approaches
472
+
473
+ ##### Using constructor
474
+
475
+ ```java
476
+ new CodePush(
477
+ "deployment-key",
478
+ getApplicationContext(),
479
+ BuildConfig.DEBUG,
480
+ R.string.CodePushPublicKey)
481
+ ```
482
+
483
+ ##### Using builder
484
+
485
+ ```java
486
+ new CodePushBuilder("deployment-key-here",getApplicationContext())
487
+ .setIsDebugMode(BuildConfig.DEBUG)
488
+ .setPublicKeyResourceDescriptor(R.string.CodePushPublicKey)
489
+ .build()
490
+ ```