Exponent -> Expo

Author: anp

CONTRIBUTING.md

@@ -56,7 +56,7 @@ You'll specify a CLI config file in your test project's app.json:
 
 ```
 {
-  "exponent": {
+  "expo": {
     "sdkVersion": "12.0.0",
     "packagerOpts": {
       "config": "rn-cli.config.js"

EJECTING.md

@@ -12,7 +12,7 @@ If you see the reason you'd like to eject, click the link for a short explanatio
 
 Create React Native App makes it easy to start working on React Native apps by removing native code build tools from the equation. However, many apps want functionality that comes from interfacing directly with mobile platform APIs via Java, Objective-C, Swift, C, etc. As of right now, the only way to get direct access to these APIs from your app is by "ejecting" from CRNA and building the native code yourself.
 
-You may also want to distribute your app to coworkers, friends, or customers (shocking!). Right now you can do so by either making use of a service to host or build your CRNA app or by ejecting. At the moment, Exponent is the only provider we're aware of that offers [hosting](https://docs.getexponent.com/versions/latest/guides/how-exponent-works.html#publishing-deploying-an-exponent-app-in-production) and [build services](https://docs.getexponent.com/versions/latest/guides/building-standalone-apps.html) for CRNA apps, but we'll definitely update this section as we become aware of others.
+You may also want to distribute your app to coworkers, friends, or customers (shocking!). Right now you can do so by either making use of a service to host or build your CRNA app or by ejecting. At the moment, Expo is the only provider we're aware of that offers [hosting](https://docs.expo.io/versions/latest/guides/how-exponent-works.html#publishingdeploying-an-exponent-app-in-production) and [build services](https://docs.expo.io/versions/latest/guides/building-standalone-apps.html) for CRNA apps, but we'll definitely update this section as we become aware of others.
 
 If you do need to eject to build your own distribution package or to include your own native code, there are two options at this time. To use either option, make sure to have the appropriate [Xcode and/or Android Studio environment](https://facebook.github.io/react-native/docs/getting-started.html) configured.
 
@@ -26,19 +26,19 @@ npm i -g react-native-cli
 yarn global add react-native-cli
 ```
 
-Also, please note that if you did make use of any Exponent APIs before ejecting, you'll need to remove or replace them.
+Also, please note that if you did make use of any Expo APIs before ejecting, you'll need to remove or replace them.
 
-### Ejecting to ExponentKit
+### Ejecting to ExpoKit
 
-Using ExponentKit will allow you to continue using Exponent APIs along with building your own native code, but it requires an Exponent account and use of Exponent developer tools.
+Using ExpoKit will allow you to continue using Expo APIs along with building your own native code, but it requires an Expo account and use of Expo developer tools.
 
-Because this ejection process essentially produces a custom build of the Exponent client app, you don't need to modify any of your app's code, but you do still need to have an Xcode/Android Studio environment, along with `react-native-cli` and either [Exponent XDE](https://docs.getexponent.com/versions/latest/introduction/installation.html) or [`exp`](https://docs.getexponent.com/versions/latest/guides/exp-cli.html).
+Because this ejection process essentially produces a custom build of the Expo client app, you don't need to modify any of your app's code, but you do still need to have an Xcode/Android Studio environment, along with `react-native-cli` and either [Expo XDE](https://docs.expo.io/versions/latest/introduction/installation.html) or [`exp`](https://docs.expo.io/versions/latest/guides/exp-cli.html).
 
 ## Specific Motivations
 
 ### React Native Link
 
-If you need to include a library which includes `react-native link` in its install instructions, there's a good chance you need to eject from CRNA. That said, there are JavaScript-only options available for a number of tasks, including some that are [built into the Exponent app](https://docs.getexponent.com/versions/latest/sdk/index.html) that CRNA uses to run your project.
+If you need to include a library which includes `react-native link` in its install instructions, there's a good chance you need to eject from CRNA. That said, there are JavaScript-only options available for a number of tasks, including some that are [built into the Expo app](https://docs.expo.io/versions/latest/sdk/index.html) that CRNA uses to run your project.
 
 TODO write a table of common needs in RN apps that can be done from JS
 

README.md

@@ -18,9 +18,9 @@ $ cd my-app/
 $ npm start
 ```
 
-Install the [Exponent](https://getexponent.com) app on your iOS or Android phone, and use the QR code in the terminal to open your app. When you're ready to share your project with others (for example, by deploying to an app store), read the [Sharing & Deployment](https://github.com/react-community/create-react-native-app/blob/master/react-native-scripts/template/README.md#sharing-deployment) section of the User Guide.
+Install the [Expo](https://expo.io) app on your iOS or Android phone, and use the QR code in the terminal to open your app. When you're ready to share your project with others (for example, by deploying to an app store), read the [Sharing & Deployment](https://github.com/react-community/create-react-native-app/blob/master/react-native-scripts/template/README.md#sharing-deployment) section of the User Guide.
 
-Create React Native App allows you to work with all of the [Components and APIs](https://facebook.github.io/react-native/docs/getting-started.html) in React Native, as well as most of the [JavaScript APIs](https://docs.getexponent.com/versions/latest/sdk/index.html) that the Exponent App provides.
+Create React Native App allows you to work with all of the [Components and APIs](https://facebook.github.io/react-native/docs/getting-started.html) in React Native, as well as most of the [JavaScript APIs](https://docs.expo.io/versions/latest/sdk/index.html) that the Expo App provides.
 
 ## Sections
 
@@ -63,7 +63,7 @@ If you're familiar with React Native already, you won't find any `ios` or `andro
 
 Runs your app in development mode.
 
-Open it in the [Exponent app](https://getexponent.com) on your phone to view it. It will reload if you save edits to your files, and you will see build errors and logs in the terminal.
+Open it in the [Expo app](https://expo.io) on your phone to view it. It will reload if you save edits to your files, and you will see build errors and logs in the terminal.
 
 #### `npm test`
 
@@ -100,11 +100,11 @@ The main limitation of a CRNA project is that it must be written in pure JavaScr
 
 Apps made with Create React Native App support everything in the Components and APIs sections of the [React Native Documentation](https://facebook.github.io/react-native/docs/getting-started.html).
 
-Apps made with Create React Native App also support most of the JavaScript-to-Native APIs provided by the [Exponent SDK](https://docs.getexponent.com/versions/latest/sdk/index.html), since they are loaded by the Exponent app.
+Apps made with Create React Native App also support most of the JavaScript-to-Native APIs provided by the [Expo SDK](https://docs.expo.io/versions/latest/sdk/index.html), since they are loaded by the Expo app.
 
 If you're sure that you need custom native code, please read the [ejecting guide](https://github.com/react-community/create-react-native-app/blob/master/EJECTING.md).
 
-If you need to build IPAs and APKs for publishing to the App Store and/or Play Store, you can either eject (see above guide) and build them yourself using Xcode and Android Studio, or you can use a service like [Exponent's standalone app builds](https://docs.getexponent.com/versions/v13.0.0/guides/building-standalone-apps.html) to publish your pure JS app.
+If you need to build IPAs and APKs for publishing to the App Store and/or Play Store, you can either eject (see above guide) and build them yourself using Xcode and Android Studio, or you can use a service like [Expo's standalone app builds](https://docs.expo.io/versions/v13.0.0/guides/building-standalone-apps.html) to publish your pure JS app.
 
 ## Support and Contact
 

VERSIONS.md

@@ -4,14 +4,14 @@ Apps built with Create React Native App rely on three project dependencies:
 
 * `react-native` provides the core React Native functionality
 * `react` is a peer dependency of `react-native`
-* `exponent` makes CRNA projects compatible with the Exponent client app, and also provides access to several native APIs through JavaScript
+* `expo` makes CRNA projects compatible with the Expo client app, and also provides access to several native APIs through JavaScript
 
-The `app.json` file in a CRNA project also specifies `sdkVersion` which is necessary for the Exponent client to provide the correct native API versions.
+The `app.json` file in a CRNA project also specifies `sdkVersion` which is necessary for the Expo client to provide the correct native API versions.
 
 Each version of these dependencies is only compatible with a narrow version range of the other two. See the below table for the correct versions to use with each other:
 
-| `react-native` | `react` | `exponent` | `sdkVersion` in app.json |
-|----------------|---------|------------|--------------------------|
-| 0.41.x         | 15.4.x  | 14.x.x     | `"14.0.0"`               |
-|                |         |            |                          |
-|                |         |            |                          |
+| `react-native` | `react` | `expo` | `sdkVersion` in app.json |
+|----------------|---------|--------|--------------------------|
+| 0.41.x         | 15.4.x  | 14.x.x | `"14.0.0"`               |
+|                |         |        |                          |
+|                |         |        |                          |

create-react-native-app/src/index.js

@@ -205,6 +205,7 @@ function checkAppName(appName: string, packageName: string): void {
   const allDependencies = [
     'react-native-scripts',
     'exponent',
+    'expo',
     'vector-icons',
     'react',
     'react-native',

react-native-scripts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-scripts",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Configuration and scripts for Create React Native App.",
   "license": "BSD-3-Clause",
   "keywords": [
@@ -32,7 +32,7 @@
     "match-require": "^2.0.0",
     "path-exists": "^3.0.0",
     "qrcode-terminal": "^0.11.0",
-    "xdl": "^32.0.0"
+    "xdl": "^33.0.0"
   },
   "devDependencies": {
     "babel-plugin-add-module-exports": "^0.2.1",

react-native-scripts/src/bin/crna-entry.js

@@ -1,4 +1,4 @@
-import Exponent from 'exponent';
+import Expo from 'expo';
 import App from '../../../../App';
 
-Exponent.registerRootComponent(App);
+Expo.registerRootComponent(App);

react-native-scripts/src/scripts/android.js

@@ -25,17 +25,17 @@ async function startAndroidAndPrintInfo() {
 
   qr.generate(address, qrCode => {
     console.log(
-      `To view your app with live reloading, point the Exponent app to this QR code. You'll find the QR scanner on the Projects tab of the app, under the '+' menu.
+      `To view your app with live reloading, point the Expo app to this QR code. You'll find the QR scanner on the Projects tab of the app, under the '+' menu.
 
 ${indent(qrCode, 2)}
 
-Or enter this address in the Exponent app's search bar:
+Or enter this address in the Expo app's search bar:
 
   ${chalk.underline(chalk.cyan(address))}
 
 Your phone will need to be on the same local network as this computer.
 
-For links to install the Exponent app, please visit ${chalk.underline(chalk.cyan('https://getexponent.com'))}.
+For links to install the Expo app, please visit ${chalk.underline(chalk.cyan('https://expo.io'))}.
 
 Logs from serving your app will appear here. Press Ctrl+C at any time to stop.
 `

react-native-scripts/src/scripts/eject.js

@@ -7,33 +7,33 @@ import matchRequire from 'match-require';
 import path from 'path';
 import spawn from 'cross-spawn';
 
-import { detach } from '../util/exponent';
+import { detach } from '../util/expo';
 
 async function eject() {
   try {
-    const filesWithExponent = await filesUsingExponentSdk();
-    const usingExponent = filesWithExponent.length > 0;
+    const filesWithExpo = await filesUsingExpoSdk();
+    const usingExpo = filesWithExpo.length > 0;
 
-    let exponentSdkWarning;
-    if (usingExponent) {
-      exponentSdkWarning = `${chalk.bold('Warning!')} We found at least one file where your project imports the Exponent SDK:
+    let expoSdkWarning;
+    if (usingExpo) {
+      expoSdkWarning = `${chalk.bold('Warning!')} We found at least one file where your project imports the Expo SDK:
 `;
 
-      for (let filename of filesWithExponent) {
-        exponentSdkWarning += `  ${chalk.cyan(filename)}\n`;
+      for (let filename of filesWithExpo) {
+        expoSdkWarning += `  ${chalk.cyan(filename)}\n`;
       }
 
-      exponentSdkWarning += `
+      expoSdkWarning += `
 ${chalk.yellow.bold('If you choose the "plain" React Native option below, these imports will stop working.')}`;
     } else {
-      exponentSdkWarning = `\
-We didn't find any uses of the Exponent SDK in your project, so you should be fine to eject to
+      expoSdkWarning = `\
+We didn't find any uses of the Expo SDK in your project, so you should be fine to eject to
 "Plain" React Native. (This check isn't very sophisticated, though.)`;
     }
 
     console.log(
       `
-${exponentSdkWarning}
+${expoSdkWarning}
 
 We ${chalk.italic('strongly')} recommend that you read this document before you proceed:
   ${chalk.cyan('https://github.com/react-community/create-react-native-app/blob/master/EJECTING.md')}
@@ -47,15 +47,15 @@ Ejecting is permanent! Please be careful with your selection.
         type: 'list',
         name: 'ejectMethod',
         message: 'How would you like to eject from create-react-native-app?',
-        default: usingExponent ? 'exponentKit' : 'raw',
+        default: usingExpo ? 'expoKit' : 'raw',
         choices: [
           {
             name: "React Native: I'd like a regular React Native project.",
             value: 'raw',
           },
           {
-            name: "ExponentKit: I'll create or log in with an Exponent account to use React Native and the Exponent SDK.",
-            value: 'exponentKit',
+            name: "ExpoKit: I'll create or log in with an Expo account to use React Native and the Expo SDK.",
+            value: 'expoKit',
           },
           {
             name: "Cancel: I'll continue with my current project structure.",
@@ -74,7 +74,7 @@ Ejecting is permanent! Please be careful with your selection.
       let {
         name: newName,
         displayName: newDisplayName,
-        exponent: { name: expName },
+        expo: { name: expName },
       } = appJson;
 
       // we ask user to provide a project name (default is package name stripped of dashes)
@@ -174,10 +174,10 @@ If you have a .babelrc in your project, make sure to change the preset to \`reac
 
       delete pkgJson.main;
 
-      // NOTE: exponent won't work after performing a raw eject, so we should delete this
+      // NOTE: expo won't work after performing a raw eject, so we should delete this
       // it will be a better error message for the module to not be found than for whatever problems
       // missing native modules will cause
-      delete pkgJson.dependencies.exponent;
+      delete pkgJson.dependencies.expo;
       delete pkgJson.devDependencies['react-native-scripts'];
 
       pkgJson.scripts.start = 'react-native start';
@@ -196,7 +196,7 @@ If you have a .babelrc in your project, make sure to change the preset to \`reac
       // FIXME now we need to provide platform-specific entry points until upstream uses a single one
       console.log(chalk.blue(`Adding platform-specific entry points...`));
 
-    const lolThatsSomeComplexCode = `import { AppRegistry } from 'react-native';
+      const lolThatsSomeComplexCode = `import { AppRegistry } from 'react-native';
 import App from './App';
 AppRegistry.registerComponent('${newName}', () => App);
 `;
@@ -220,7 +220,7 @@ to ensure that the changes we made to package.json persist correctly.
 `
         )
       );
-    } else if (ejectMethod === 'exponentKit') {
+    } else if (ejectMethod === 'expoKit') {
       await detach();
     } else {
       // we don't want to print the survey for cancellations
@@ -238,7 +238,7 @@ Please consider letting us know why you ejected in this survey:
   }
 }
 
-async function filesUsingExponentSdk(): Promise<Array<string>> {
+async function filesUsingExpoSdk(): Promise<Array<string>> {
   const projectJsFiles = await findJavaScriptProjectFilesInRoot(process.cwd());
 
   const jsFileContents = (await Promise.all(
@@ -250,19 +250,19 @@ async function filesUsingExponentSdk(): Promise<Array<string>> {
     };
   });
 
-  const filesUsingExponent = [];
+  const filesUsingExpo = [];
 
   for (let { filename, contents } of jsFileContents) {
     const requires = matchRequire.findAll(contents);
 
-    if (requires.includes('exponent')) {
-      filesUsingExponent.push(filename);
+    if (requires.includes('expo')) {
+      filesUsingExpo.push(filename);
     }
   }
 
-  filesUsingExponent.sort();
+  filesUsingExpo.sort();
 
-  return filesUsingExponent;
+  return filesUsingExpo;
 }
 
 function stripDashes(s: string): string {
@@ -308,7 +308,7 @@ async function findJavaScriptProjectFilesInRoot(root: string): Promise<Array<str
 
 eject()
   .then(() => {
-    // the exponent local github auth server leaves a setTimeout for 5 minutes
+    // the expo local github auth server leaves a setTimeout for 5 minutes
     // so we need to explicitly exit (for now, this will be resolved in the nearish future)
     process.exit(0);
   })

react-native-scripts/src/scripts/init.js

@@ -8,14 +8,14 @@ import spawn from 'cross-spawn';
 
 // UPDATE DEPENDENCY VERSIONS HERE
 const DEFAULT_DEPENDENCIES = {
-  exponent: '14.0.0',
+  expo: '14.0.2',
   react: '~15.4.0',
   'react-native': '0.41.2',
 };
 
 // TODO figure out how this interacts with ejection
 const DEFAULT_DEV_DEPENDENCIES = {
-  'jest-exponent': '^0.2.0',
+  'jest-expo': '^0.2.1',
 };
 
 module.exports = async (appPath: string, appName: string, verbose: boolean) => {
@@ -42,7 +42,7 @@ module.exports = async (appPath: string, appName: string, verbose: boolean) => {
   };
 
   appPackage.jest = {
-    preset: 'jest-exponent',
+    preset: 'jest-expo',
   };
 
   if (!appPackage.dependencies) {
@@ -124,14 +124,14 @@ Success! Created ${appName} at ${appPath}
 Inside that directory, you can run several commands:
 
   ${chalk.cyan(command + ' start')}
-    Starts the development server so you can open your app in the Exponent
+    Starts the development server so you can open your app in the Expo
     app on your phone.
 
   ${chalk.cyan(command + ' run ios')}
     (Mac only, requires Xcode)
     Starts the development server and loads your app in an iOS simulator.
 
-  ${chalk.cyan(command + 'run android')}
+  ${chalk.cyan(command + ' run android')}
     (Requires Android build tools)
     Starts the development server and loads your app on a connected Android
     device or emulator.