chore(graph-layers): Move react-graph-layers code into React example. (#155)

Author: ibgreen

docs/modules/graph-layers/api-reference/layouts/README.md

@@ -1,6 +1,6 @@
 # Layouts
 
-Use one of the layouts provided by react-graph-layers. Right now react-graph-layers provides D3-Force and Simple layout for basic usage.
+Use one of the layouts provided by `@deck.gl-community/graph-layers`. Right now `@deck.gl-community/graph-layers` provides D3-Force and Simple layout for basic usage.
 
 ## SimpleLayout
 Please see /docs/api-reference/simple-layout.

docs/modules/graph-layers/api-reference/layouts/custom-layout.md

@@ -3,7 +3,7 @@
 Here's the method you will likely to implement when creating your own custom layout:
 
 ```js
-import {BaseLayout} from 'react-graph-layers';
+import {BaseLayout} from '@deck.gl-community/graph-layers';
 
 export default class MyLayout extends BaseLayout {
   // initialize the layout
@@ -184,7 +184,7 @@ getEdgePosition = (edge) => {
 ### Full source code
 
 ```js
-import {BaseLayout} from 'react-graph-layers';
+import {BaseLayout} from '@deck.gl-community/graph-layers';
 
 export default class RandomLayout extends BaseLayout {
   constructor(options) {

docs/modules/graph-layers/api-reference/layouts/d3-layout.md

@@ -5,7 +5,7 @@
 </p>
 
 
-This layout is an integration between [d3-force](https://github.com/d3/d3-force) and react-graph-layers to render the layout in a WebGL context.
+This layout is an integration between [d3-force](https://github.com/d3/d3-force) and graph-layers to render the layout in a WebGL context.
 
 ## Configurations
 

docs/modules/graph-layers/api-reference/layouts/simple-layout.md

@@ -4,7 +4,7 @@
   <img src="/gatsby/images/layouts/simple.png" height="400" />
 </p>
 
-This example demonstrates how to render a pre-layout graph using react-graph-layers.
+This example demonstrates how to render a pre-layout graph using `@deck.gl-community/graph-layers`.
 You can pre-compute the layout and have the position information in each node.
 By simply specifying the `nodePositionAccessor` through constructor, you'll be able to render the graph right away.
 

docs/modules/react-graph-layers/README.md renamed to docs/modules/graph-layers/wip/react-graph-layers/README.md

@@ -8,7 +8,7 @@ The deck.gl-community repo is specifically set up to collect useful code that no
 There is an ambition to phase out React specific code for deck.gl-community modules. This model is expected to be deprecated in the near future.
 :::
 
-react-graph-layers provides React components for visualizing large graphs with several utility functions. 
+graph-layers provides React components for visualizing large graphs with several utility functions. 
 
-react-graph-layers can build a highly customizable graph visualization through its composable API. The rendering is powered by deck.gl which is a WebGL based visualization framework.  With react-graph-layers, users are enabled to build various type of graph/network applications with minimum efforts while having the capability to extend the existing styles and layouts.
+graph-layers can build a highly customizable graph visualization through its composable API. The rendering is powered by deck.gl which is a WebGL based visualization framework.  With graph-layers, users are enabled to build various type of graph/network applications with minimum efforts while having the capability to extend the existing styles and layouts.
 

docs/modules/react-graph-layers/api-reference/graphgl.md renamed to docs/modules/graph-layers/wip/react-graph-layers/api-reference/graphgl.md

@@ -7,7 +7,7 @@
 ### Usage
 
 ```js
-import GraphGL, {JSONLoader, NODE_TYPE, D3ForceLayout} from 'react-graph-layers';
+import GraphGL, {JSONLoader, NODE_TYPE, D3ForceLayout} from '@deck.gl-community/graph-layers';
 
 const App = ({data}) => {
   const graph = JSONLoader({
@@ -60,13 +60,13 @@ const data = {
 Then, you can convert the data into `Graph` by `JSONLoader`:
 
 ```js
-import {JSONLoader} from 'react-graph-layers';
+import {JSONLoader} from '@deck.gl-community/graph-layers';
 const graph = JSONLoader({json: data});
 ```
 
 ### `layout` (Layout, required)
 
-Use one of the layouts provided by react-graph-layers or create a new custom layout class by following the instruction. For more detail, please see the Layout docs/api-reference/layout section.
+Use one of the layouts provided by @deck.gl-community/graph-layers or create a new custom layout class by following the instruction. For more detail, please see the Layout docs/api-reference/layout section.
 
 ### `initialViewState` (Object, optional)
 

docs/modules/react-graph-layers/developer-guide/get-started.md renamed to docs/modules/graph-layers/wip/react-graph-layers/developer-guide/get-started.md

@@ -1,16 +1,16 @@
-# react-graph-layers
+# graph-layers
 
 <p align="center">
   <img src="https://i.imgur.com/BF9aOEu.png" height="400" />
 </p>
 
 ## Abstract
-react-graph-layers is a React component for visualizing large graphs with several utility functions. It can build a highly customizable graph visualization through its composable API. The rendering is powered by deck.gl which is a WebGL based visualization framework.  With react-graph-layers, users are enabled to build various type of graph/network applications with minimum efforts while having the capability to extend the existing styles and layouts.
+graph-layers is a React component for visualizing large graphs with several utility functions. It can build a highly customizable graph visualization through its composable API. The rendering is powered by deck.gl which is a WebGL based visualization framework.  With graph-layers, users are enabled to build various type of graph/network applications with minimum efforts while having the capability to extend the existing styles and layouts.
 
 ## Motivation
 Uber originally started this project as Graph.gl. After stopping efforts on Graph.gl, the OpenJS Foundation has resumed efforts.
 
-With react-graph-layers, developers are allowed to create graph visualization with minimum efforts while having the capability to override anything they want in the library.
+With graph-layers, developers are allowed to create graph visualization with minimum efforts while having the capability to override anything they want in the library.
 
 ## Roadmap
 
@@ -22,7 +22,7 @@ import GraphGL, {
   JSONLoader,
   NODE_TYPE,
   D3ForceLayout
-} from 'react-deck-graph-layers';
+} from 'deck-graph-layers';
 
 const App = ({data}) => {
   const graph = JSONLoader({
@@ -63,7 +63,7 @@ const App = ({data}) => {
 #### Clone the repo:
 
 ```
-git clone git@github.com:deck.gl-community/react-graph-layers.git
+git clone git@github.com:deck.gl-community/graph-layers.git
 ```
 
 #### Install yarn