feat: add —expo [bare|managed] option

Author: IjzerenHein

Diff for: README.md

@@ -16,6 +16,10 @@ Make sure [npx](https://github.com/npm/npx) is installed and run the following c
 
 `npx react-native-bundle-visualizer`
 
+And when using Expo:
+
+`npx react-native-bundle-visualizer --expo managed`
+
 ### Or install as a dev-dependency
 
 `yarn add --dev react-native-bundle-visualizer`
@@ -33,14 +37,15 @@ _or when using npm:_
 
 All command-line arguments are optional. By default a production build will be created for the `ios` platform.
 
-| Option          | Description                                                   | Example                           |
-| --------------- | ------------------------------------------------------------- | --------------------------------- |
-| `platform`      | Platform to build (default is **ios**)                        | `--platform android`              |
-| `dev`           | Dev or production build (default is **false**)                | `--dev false`                     |
-| `entry-file`    | Entry-file (when omitted tries to auto-resolve it)            | `--entry-file ./index.android.js` |
-| `bundle-output` | Output bundle-file (default is **tmp**)                       | `--bundle-output ./myapp.bundle`  |
-| `verbose`       | Dumps additional output to the console (default is **false**) | `--verbose`                       |
-| `reset-cache`   | Removes cached react-native files (default is **false**)      | `--reset-cache`                   |
+| Option          | Description                                                                                                                                                   | Example                           |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------- |
+| `platform`      | Platform to build (default is **ios**)                                                                                                                        | `--platform android`              |
+| `expo`          | Expo target, **managed** or **bare**. This ensures that the project is bundled with expo settings and that `.expo` file extensions are handled appropriately. | `--expo bare`                     |
+| `dev`           | Dev or production build (default is **false**)                                                                                                                | `--dev false`                     |
+| `entry-file`    | Entry-file (when omitted tries to auto-resolve it)                                                                                                            | `--entry-file ./index.android.js` |
+| `bundle-output` | Output bundle-file (default is **tmp**)                                                                                                                       | `--bundle-output ./myapp.bundle`  |
+| `verbose`       | Dumps additional output to the console (default is **false**)                                                                                                 | `--verbose`                       |
+| `reset-cache`   | Removes cached react-native files (default is **false**)                                                                                                      | `--reset-cache`                   |
 
 ## Usage with older react-native versions and the Haul bundler
 

Diff for: package.json

@@ -21,6 +21,7 @@
     "src"
   ],
   "dependencies": {
+    "@expo/metro-config": "^0.1.15",
     "chalk": "^4.1.0",
     "execa": "^4.0.2",
     "minimist": "^1.2.5",
@@ -31,6 +32,6 @@
   "scripts": {
     "test": "yarn test:rn61 && yarn test:expo35",
     "test:rn61": "cd test/RN61 && yarn install && npx ../.. && cd ../..",
-    "test:expo35": "cd test/Expo35 && yarn install && npx ../.. && cd ../.."
+    "test:expo35": "cd test/Expo35 && yarn install && npx ../.. --expo managed && cd ../.."
   }
 }

Diff for: src/expo-metro.config.js

@@ -0,0 +1,3 @@
+const { getDefaultConfig } = require('@expo/metro-config');
+const config = getDefaultConfig('./');
+module.exports = config;

Diff for: src/react-native-bundle-visualizer.js

@@ -40,6 +40,7 @@ const baseDir = os.tmpdir() + '/react-native-bundle-visualizer';
 const tmpDir = baseDir + '/' + getAppName();
 const entryFile = argv['entry-file'] || getEntryPoint();
 const platform = argv.platform || 'ios';
+const expoTarget = argv.expo || '';
 const dev = argv.dev || false;
 const verbose = argv.verbose || false;
 const resetCache = argv['reset-cache'] || false;
@@ -78,6 +79,12 @@ if (resetCache) {
   commands.push('--reset-cache');
   commands.push(resetCache);
 }
+if (expoTarget) {
+  process.env.EXPO_TARGET = expoTarget;
+  commands.push('--config');
+  commands.push(__dirname + '/expo-metro.config.js');
+}
+
 const bundlePromise = execa('./node_modules/.bin/react-native', commands);
 bundlePromise.stdout.pipe(process.stdout);