Initial template for react-scripts

Author: dardub

packages/react-scripts/package.json

@@ -1,15 +1,12 @@
 {
-  "name": "react-scripts",
+  "name": "ob-apollo-scripts",
   "version": "2.0.4",
-  "description": "Configuration and scripts for Create React App.",
-  "repository": "facebook/create-react-app",
+  "description": "Configuration and scripts for Create React App wil Apollo",
+  "repository": "OffBase/create-react-app",
   "license": "MIT",
   "engines": {
     "node": ">=6"
   },
-  "bugs": {
-    "url": "https://github.com/facebook/create-react-app/issues"
-  },
   "files": [
     "bin",
     "config",
@@ -23,6 +20,7 @@
   "dependencies": {
     "@babel/core": "7.1.0",
     "@svgr/webpack": "2.4.1",
+    "apollo-boost": "^0.1.16",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "9.0.0",
     "babel-jest": "23.6.0",
@@ -35,6 +33,7 @@
     "css-loader": "1.0.0",
     "dotenv": "6.0.0",
     "dotenv-expand": "4.2.0",
+    "emotion": "^9.2.12",
     "eslint": "5.6.0",
     "eslint-config-react-app": "^3.0.3",
     "eslint-loader": "2.1.1",
@@ -44,6 +43,7 @@
     "eslint-plugin-react": "7.11.1",
     "file-loader": "2.0.0",
     "fs-extra": "7.0.0",
+    "graphql": "^14.0.2",
     "html-webpack-plugin": "4.0.0-alpha.2",
     "identity-obj-proxy": "3.0.0",
     "jest": "23.6.0",
@@ -56,8 +56,10 @@
     "postcss-loader": "3.0.0",
     "postcss-preset-env": "6.0.6",
     "postcss-safe-parser": "4.0.1",
+    "react-apollo": "^2.2.4",
     "react-app-polyfill": "^0.1.3",
     "react-dev-utils": "^6.0.4",
+    "react-emotion": "^9.2.12",
     "resolve": "1.8.1",
     "sass-loader": "7.1.0",
     "style-loader": "0.23.0",

packages/react-scripts/template/.env.example

@@ -0,0 +1 @@
+REACT_APP_GRAPHQL_ENDPOINT="<GRAPHQL_ENDPOINT_URL>"

packages/react-scripts/template/src/App.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import logo from './logo.svg';
 import './App.css';
+import styled from 'react-emotion';
 
 class App extends Component {
   render() {

packages/react-scripts/template/src/index.js

@@ -3,8 +3,20 @@ import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
+import ApolloClient from 'apollo-boost';
+import { ApolloProvider } from 'react-apollo';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const client = new ApolloClient({
+  uri: `${process.env.REACT_APP_GRAPHQL_ENDPOINT}`,
+});
+
+const WithApolloClient = () => (
+  <ApolloProvider client={client}>
+    <App />
+  </ApolloProvider>
+);
+
+ReactDOM.render(<WithApolloClient />, document.getElementById('root'));
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.