Rename all packages to 360

Reviewed By: mikearmstrong001

Differential Revision: D7819298

fbshipit-source-id: d2092f1b7a682f531dc4326a8b22c0fd2811c91f

.eslintignore

@@ -1,4 +1,4 @@
-**/ReactVR/js/defs/*
+**/React360/js/defs/*
 website/
 **/*.bundle.js
 **/node_modules/*

.github/ISSUE_TEMPLATE.md

@@ -23,9 +23,8 @@ What needs to be done to address this issue? Ideally, provide a pull request wit
 
 ### Additional Information
 
-* 'react-vr' package version: [FILL THIS OUT: get this by running `npm list react-vr`]
-* 'react-vr-web' package version: [FILL THIS OUT: get this by running `npm list react-vr-web`]
+* 'react-360' package version: [FILL THIS OUT: get this by running `npm list react-360`]
+* 'react-360-web' package version: [FILL THIS OUT: get this by running `npm list react-360-web`]
 * Operating System: [FILL THIS OUT: MacOS, Linux, or Windows?]
-* Graphics Card: [FILL THIS OUT: NVIDA, ATI, Intel? Which Driver?]
 * Browser: [FILL THIS OUT: Oculus Browser, Chrome, Edge, Safari? Which version?]
 * VR Device: [FILL THIS OUT: In or Out of VR? Headset? ]

.github/PULL_REQUEST_TEMPLATE.md

@@ -27,4 +27,4 @@ For more info, see the ["Pull Requests"][4] section of our "Contributing" guidel
 [1]: https://medium.com/@martinkonicek/what-is-a-test-plan-8bfc840ec171#.y9lcuqqi9
 [2]: https://code.facebook.com/cla
 [3]: http://circleci.com/gh/facebook/react-native
-[4]: https://github.com/facebook/react-vr/blob/master/CONTRIBUTING.md#pull-requests
+[4]: https://github.com/facebook/react-360/blob/master/CONTRIBUTING.md#pull-requests

CONTRIBUTING.md

@@ -1,6 +1,6 @@
-# Contributing to React VR
+# Contributing to React 360
 
-React VR is actively being developed by Oculus and Facebook, and is used to power a growing number of internal and external applications. We've put together this document to help make the public contribution process clearer and answer any questions you may have.
+React 360 is actively being developed by Oculus and Facebook, and is used to power a growing number of internal and external applications. We've put together this document to help make the public contribution process clearer and answer any questions you may have.
 
 ## Code of Conduct
 

LICENSE

@@ -1,6 +1,6 @@
 BSD License
 
-For React VR software
+For React 360 software
 
 Copyright (c) 2015-present, Facebook, Inc. All rights reserved.
 
@@ -27,4 +27,4 @@ ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
 ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
-SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

Libraries/react-vr.js → Libraries/react-360.js

@@ -11,9 +11,9 @@
 
 /* eslint-disable import/no-commonjs */
 
-// Entry point for the react-vr npm module
+// Entry point for the react-360 npm module
 
-const ReactVR = {
+const React360 = {
   // React Native overrides
   get View() {
     return require('View');
@@ -132,4 +132,4 @@ const ReactVR = {
   },
 };
 
-module.exports = ReactVR;
+module.exports = React360;

PATENTS

@@ -1,6 +1,6 @@
 Additional Grant of Patent Rights Version 2
 
-"Software" means the React VR software distributed by Facebook, Inc.
+"Software" means the React 360 software distributed by Facebook, Inc.
 
 Facebook, Inc. (“Facebook”) hereby grants to each recipient of the Software
 (“you”) a perpetual, worldwide, royalty-free, non-exclusive, irrevocable

README.md

@@ -1,63 +1,53 @@
-# React VR [![npm version](https://badge.fury.io/js/react-vr.svg)](https://badge.fury.io/js/react-vr) [![Circle CI](https://circleci.com/gh/facebook/react-vr.svg?style=shield)](https://circleci.com/gh/facebook/react-vr)
+# React 360 [![npm version](https://badge.fury.io/js/react-360.svg)](https://badge.fury.io/js/react-360) [![Circle CI](https://circleci.com/gh/facebook/react-360.svg?style=shield)](https://circleci.com/gh/facebook/react-360)
 
-React VR is a framework for the creation of VR applications that run in your web browser. It pairs modern APIs like WebGL and WebVR with the declarative power of React, producing experiences that can be consumed through a variety of devices. Leveraging web technologies and the existing React ecosystem, React VR aims to simplify the construction of 360 experiences and democratize the creation of VR content. If you're familiar with React, you can now build in VR – learn once, write anywhere.
+React 360 is a framework for the creation of interactive 360 experiences that run in your web browser. It pairs modern APIs like WebGL and WebVR with the declarative power of React, producing applications that can be consumed through a variety of devices. Leveraging web technologies and the existing React ecosystem, React 360 aims to simplify the construction of cross-platform 360 experiences.
 
 ## Getting Started
 
-We've designed the React VR developer experience to get your first project up and running in only a few minutes. Before installing the developer tools, you'll need to make sure that you have two prerequisites installed:
+We've designed the React 360 developer experience to get your first project up and running in only a few minutes. Before installing the developer tools, you'll need to make sure that you have two prerequisites installed:
 
 - Node.js version 6.0.0 or higher
 - `yarn` or `npm` (>= v3.0.0) package managers
 
-Next, install the React VR CLI – a command-line tool that generates the basic layout of new projects.
+Next, install the React 360 CLI – a command-line tool that generates the basic layout of new projects.
 
 ```
-npm install -g react-vr-cli
+npm install -g react-360-cli
 ```
 
 Or
 
 ```
-yarn global add react-vr-cli
+yarn global add react-360-cli
 ```
 
 You'll only need to install this CLI once. It will alert you when it's out of date, and provide instruction on how to update it.
 
 Once installed, the CLI can be used to create a new project by running
 
 ```
-react-vr init PROJECT_NAME
+react-360 init PROJECT_NAME
 ```
 
 where `PROJECT_NAME` is the name of your new application. Once it's been created and the dependencies are installed, change your working directory to `PROJECT_NAME`, and start the application server by running `npm start` (or `yarn start`).
 
-When the server has booted, you can access your application by navigating to `http://localhost:8081/vr/` in your web browser. Your application's code can be found in `index.vr.js`, and you can learn more about available framework features by diving into our documentation.
-
-## Will My Web Browser Support My VR Headset?
-
-The WebVR spec is currently in development, and it will be some time before browsers like Chrome, Firefox, and Edge begin supporting it in stable releases. Recent experimental browsers, and some versions of Chrome for Android, have begun to support the spec. You can follow the tables at [https://webvr.rocks](https://webvr.rocks/) to track support for WebVR.
-
-## Getting Help
-
-Please use these community resources for getting help. We use the GitHub issues for tracking bugs and feature requests and have limited bandwidth to address them.
-
- - Ask a question on [StackOverflow](https://stackoverflow.com) and tag it with `react-vr`
- - Chat with fellow developers on [Reactiflux](https://discord.gg/0ZcbPKXt5bWJVmUY) in `#react-vr`
- - If it turns out that you may have found a bug, please open an issue
+When the server has booted, you can access your application by navigating to `http://localhost:8081/` in your web browser. Your application's code can be found in `index.js`, and you can learn more about available framework features by diving into our documentation.
 
 ## Opening Issues
 
-If you encounter a bug with React VR, let us know. Search the existing issues and try to make sure your problem doesn't already exist before opening a new issue. It's helpful if you include the version of React VR, Browser, and OS you're using. Please include a stack trace and reduced repro case where appropriate.
+If you encounter a bug with React 360, let us know. Search the existing issues and try to make sure your problem doesn't already exist before opening a new issue. It's helpful if you include the version of React 360, Browser, and OS you're using. Please include a stack trace and reduced repro case where appropriate.
+
+React 360 is open source software, and we welcome contribution from the wider community. If you are able to fix your bug, or find a way to fix another existing issue, we encourage you to submit a PR to address it.
 
-React VR is open source software, and we welcome contribution from the wider community. If you are able to fix your bug, or find a way to fix another existing issue, we encourage you to submit a PR to address it.
+If you find a documentation typo, please don't file an issue – just create a pull request containing the fix and we will pull it into the documentation.
 
 ## Contributing
 
-For more information about contributing to React VR, see our [Contributor Guidelines](https://github.com/facebook/react-vr/blob/master/CONTRIBUTING.md).
+For more information about contributing to React 360, see our [Contributor Guidelines](https://github.com/facebook/react-360/blob/master/CONTRIBUTING.md).
 
 ## License
 
-React VR is [BSD licensed](./LICENSE). We also provide an additional [patent grant](./PATENTS).
+React 360 is [BSD licensed](./LICENSE). We also provide an additional [patent grant](./PATENTS).
 
 React documentation is [Creative Commons licensed](./LICENSE-docs).
 

ReactVR/LICENSE → React360/LICENSE

@@ -1,6 +1,6 @@
 BSD License
 
-For React VR software
+For React 360 software
 
 Copyright (c) 2015-present, Facebook, Inc. All rights reserved.
 
@@ -27,4 +27,4 @@ ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
 ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
-SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

ReactVR/PATENTS → React360/PATENTS

@@ -1,6 +1,6 @@
 Additional Grant of Patent Rights Version 2
 
-"Software" means the React VR software distributed by Facebook, Inc.
+"Software" means the React 360 software distributed by Facebook, Inc.
 
 Facebook, Inc. (“Facebook”) hereby grants to each recipient of the Software
 (“you”) a perpetual, worldwide, royalty-free, non-exclusive, irrevocable

React360/README.md

@@ -0,0 +1,9 @@
+# `react-360-web`
+
+`react-360-web` is the runtime environment for React 360 that allows applications
+to render in a web browser. It renders to a web canvas, and uses the WebVR API
+in supporting browsers to communicate with VR headsets.
+
+The runtime contains code for initializing a React application in a Web Worker,
+handles asynchronous communication between the window and that application, and
+implements the primitives needed to render React 360 applications.

ReactVR/ReactVR.js → React360/React360.js

@@ -7,15 +7,14 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  *
  * @flow
- * @providesModule ReactVRApp
  */
 
 import bundleFromLocation from './js/bundleFromLocation';
 import createRootView from './js/createRootView';
 import Location from './js/Compositor/Location';
 import Module from './js/Modules/Module';
 import RCTBaseView from './js/Views/BaseView';
-import ReactVRInstance from './js/ReactVRInstance';
+import ReactInstance from './js/ReactInstance';
 import Surface from './js/Compositor/Surface';
 import {
   BasicVideoPlayer,
@@ -31,7 +30,7 @@ export {Location};
 export {Module};
 export {RCTBaseView};
 export {ReactNativeContext};
-export {ReactVRInstance};
+export {ReactInstance};
 export {Surface};
 export {BasicVideoPlayer};
 export {addCustomizedVideoPlayer};

ReactVR/js/Bridge/Bridge.js → React360/js/Bridge/Bridge.js

@@ -20,6 +20,8 @@ export default class Bridge {
   }
 
   postMessage(msg: string | Object) {
-    throw new Error('Subclasses of Bridge should implement their own postMessage()');
+    throw new Error(
+      'Subclasses of Bridge should implement their own postMessage()',
+    );
   }
 }

ReactVR/js/ReactVRInstance.js → React360/js/ReactInstance.js

@@ -53,7 +53,7 @@ type AnimationFrameData =
       vr: false,
     };
 
-export type ReactVROptions = {
+export type React360Options = {
   assetRoot?: string,
   customOverlay?: OverlayInterface,
   customViews?: Array<CustomView>,
@@ -63,10 +63,10 @@ export type ReactVROptions = {
 };
 
 /**
- * New top-level class for the panel-first design of React VR aligned with
+ * New top-level class for the panel-first design of React 360 aligned with
  * native platform capabilities.
  */
-export default class ReactVRInstance {
+export default class ReactInstance {
   _audioModule: ?AudioModule;
   _cameraPosition: Vec3;
   _cameraQuat: Quaternion;
@@ -89,13 +89,13 @@ export default class ReactVRInstance {
   vrState: VRState;
 
   /**
-   * Create a new instance of a React VR app, given a path to the React VR JS
+   * Create a new instance of a React 360 app, given a path to the React 360 JS
    * bundle and a DOM component to mount within.
    */
   constructor(
     bundle: string,
     parent: HTMLElement,
-    options: ReactVROptions = {},
+    options: React360Options = {},
   ) {
     (this: any).enterVR = this.enterVR.bind(this);
     (this: any).frame = this.frame.bind(this);

ReactVR/js/bundleFromLocation.js → React360/js/bundleFromLocation.js

@@ -19,13 +19,13 @@ export default function bundleFromLocation(root: string): string {
     const absoluteURL = new URL(root);
     return absoluteURL.toString();
   } catch (error) {
-    //location is not an absolute URL, generate one from the root
+    // location is not an absolute URL, generate one from the root
     if (!path.endsWith('/')) {
       // Trim filename
       path = path.substr(0, path.lastIndexOf('/'));
     } else {
       path = path.substr(0, path.length - 1);
     }
-    return location.protocol + '//' + location.host + path + '/' + root;
+    return `${location.protocol}//${location.host}${path}/${root}`;
   }
 }

React360/package.json

@@ -0,0 +1,23 @@
+{
+  "private": true,
+  "name": "react-360-web",
+  "version": "1.0.0",
+  "description": "A framework for building interactive 360 experiences with React",
+  "license": "BSD-3-Clause",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/facebook/react-360.git"
+  },
+  "bugs": "https://github.com/facebook/react-360/issues",
+  "main": "React360.js",
+  "files": [
+    "js",
+    "LICENSE",
+    "PATENTS",
+    "React360.js",
+    "README.md"
+  ],
+  "dependencies": {
+    "three-gltf2-loader": "~1.2.0"
+  }
+}