Adds minimal boilerplate.

Author: DevanB

minimal/.babelrc

@@ -0,0 +1,8 @@
+{
+  "presets": ["babel-preset-expo"],
+  "env": {
+    "development": {
+      "plugins": ["transform-react-jsx-source"]
+    }
+  }
+}

minimal/.gitignore

@@ -0,0 +1,3 @@
+node_modules/
+.expo/
+npm-debug.*

minimal/.watchmanconfig

@@ -0,0 +1 @@
+{}

minimal/App.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ApolloProvider } from 'react-apollo';
+import { ApolloClient, HttpLink, InMemoryCache } from 'apollo-client-preset';
+import Home from './Home';
+
+const httpLink = new HttpLink({ uri: 'http://localhost:4000' });
+
+const client = new ApolloClient({
+  link: httpLink,
+  cache: new InMemoryCache()
+});
+
+export default class App extends React.Component {
+  render() {
+    return (
+      <ApolloProvider client={client}>
+        <Home />
+      </ApolloProvider>
+    );
+  }
+}

minimal/App.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import App from './App';
+
+import renderer from 'react-test-renderer';
+
+it('renders without crashing', () => {
+  const rendered = renderer.create(<App />).toJSON();
+  expect(rendered).toBeTruthy();
+});

minimal/Home.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { graphql } from 'react-apollo';
+import gql from 'graphql-tag';
+
+class Home extends React.Component {
+  render() {
+    if (this.props.helloQuery.loading)
+      return (
+        <View style={styles.container}>
+          <Text>Loading...</Text>
+        </View>
+      );
+
+    return (
+      <View style={styles.container}>
+        <Text>{this.props.helloQuery.hello}</Text>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    flex: 1,
+    justifyContent: 'center'
+  }
+});
+
+const HELLO_QUERY = gql`
+  query HelloQuery {
+    hello
+  }
+`;
+
+export default graphql(HELLO_QUERY, {
+  name: 'helloQuery'
+})(Home);

minimal/README.md

@@ -0,0 +1,104 @@
+
+# react-native-apollo-basic
+
+🚀 Basic starter code for a mobile app based on React Native, GraphQL & Apollo Client.
+
+![](https://imgur.com/LG6r1q1.png)
+
+## TODO
+
+- [ ] Fix runtime issue
+- [ ] Enable in [https://github.com/graphql-cli/graphql-cli/blob/master/src/cmds/create/boilerplates.ts](https://github.com/graphql-cli/graphql-cli/blob/master/src/cmds/create/boilerplates.ts)
+
+> **PRs are very welcome** 🙏
+
+## Technologies
+
+* **Frontend**
+  * [React Native](https://facebook.github.io/react-native/): JavaScript framework for building native mobile apps with [React](https://facebook.github.io/react/)
+  * [Apollo Client](https://github.com/apollographql/apollo-client): Fully-featured, production ready caching GraphQL client
+* **Backend**
+  * [Graphcool](https://www.graph.cool): Powerful GraphQL database
+  * [`graphql-yoga`](https://github.com/graphcool/graphql-yoga/): Fully-featured GraphQL server with focus on easy setup, performance & great developer experience
+  * [`graphcool-binding`](https://github.com/graphcool/graphcool-binding): GraphQL binding for Graphcool services
+
+## Requirements
+
+You need to have the following things installed:
+
+* [Expo](https://expo.io/)
+* Node 8+
+* Graphcool CLI: `npm i -g graphcool@beta`
+* GraphQL CLI: `npm i -g graphql-cli`
+* GraphQL Playground desktop app (optional): [Download](https://github.com/graphcool/graphql-playground/releases)
+
+## Getting started
+
+```sh
+# Bootstrap GraphQL server in directory `my-app`, based on `react-fullstack-basic` boilerplate
+graphql create my-app --boilerplate react-native-basic
+
+# Navigate into the new project's `server` directory
+cd my-app/server
+
+# Deploy the Graphcool database & start the server (runs on http://localhost:4000)
+yarn start
+
+# Navigate back into the project's root directory and launch the React app
+cd ..
+yarn run ios        # open with iOS simulator
+# yarn run android  # open with Android emulator
+# yarn start        # open using the Expo app on your phone (does not work when server is deployed locally)
+```
+
+<details>
+
+<summary>Alternative: Clone repo</summary>
+
+```sh
+TODO
+```
+
+</details>
+
+## Docs
+
+### Project structure
+
+#### `/server`
+
+- [`.graphqlconfig.yml`](./server/.graphqlconfig.yml) GraphQL configuration file containing the endpoints and schema configuration. Used by the [`graphql-cli`](https://github.com/graphcool/graphql-cli) and the [GraphQL Playground](https://github.com/graphcool/graphql-playground). See [`graphql-config`](https://github.com/graphcool/graphql-config) for more information.
+- [`graphcool.yml`](./server/graphcool.yml): The root configuration file for your database service ([documentation](https://www.graph.cool/docs/1.0/reference/graphcool.yml/overview-and-example-foatho8aip)).
+
+#### `/server/database`
+
+- [`database/datamodel.graphql`](./server/database/datamodel.graphql) contains the data model that you define for the project (written in [SDL](https://blog.graph.cool/graphql-sdl-schema-definition-language-6755bcb9ce51)).
+- [`database/schema.generated.graphql`](./server/database/schema.generated.graphql) defines the **database schema**. It contains the definition of the CRUD API for the types in your data model and is generated based on your `datamodel.graphql`. **You should never edit this file manually**, but introduce changes only by altering `datamodel.graphql` and run `graphcool deploy`.
+
+#### `/server/src`
+
+- [`src/schema.graphql`](src/schema.graphql) defines your **application schema**. It contains the GraphQL API that you want to expose to your client applications.
+- [`src/index.js`](src/index.js) is the entry point of your server, pulling everything together and starting the `GraphQLServer` from [`graphql-yoga`](https://github.com/graphcool/graphql-yoga).
+
+### Common questions
+
+#### I'm getting a 'Schema could not be fetched.' error after deploying, what gives?
+
+Access to the Graphcool API is secured by a secret. This also applies to the introspection query. Using the latest version of GraphQL Playground, the `Authorization` header should automatically be setup with a proper JWT signing the secret. If that's not the case, you can follow these steps to access your API:
+
+1. Visit http://jwtbuilder.jamiekurtz.com/
+1. Replace the `Key` at the bottom of the page with your `secret` from the [`graphcool.yml`](./server/graphcool.yml#L5)
+1. Click `Create signed JWT` and copy the obtained token
+1. Now, to access the schema, use the `Authorization: Bearer <token>` header, or in the GraphQL Playground set it as JSON:
+    ```json
+    {
+      "Authorization": "Bearer <token>"
+    }
+    ```
+1. Reload the schema in the Playground (the _refresh_-button is located right next to the URL of the server)
+
+> Note: Currently, no content of the signed JWT is verified by the database! This will be implemented [according to this proposal](https://github.com/graphcool/framework/issues/1365) at a later stage.
+
+## Contributing
+
+Your feedback is **very helpful**, please share your opinion and thoughts! If you have any questions, join the [`#graphql-boilerplate`](https://graphcool.slack.com/messages/graphql-boilerplate) channel on our [Slack](https://graphcool.slack.com/).

minimal/app.json

@@ -0,0 +1,5 @@
+{
+  "expo": {
+    "sdkVersion": "24.0.0"
+  }
+}

minimal/install.js

@@ -0,0 +1,28 @@
+const fs = require('fs')
+const path = require('path')
+
+module.exports = async ({ project }) => {
+  const templateName = 'graphql-boilerplate'
+  replaceInFile('server/src/index.js', templateName, project)
+  replaceInFile('server/package.json', templateName, project)
+  replaceInFile('server/graphcool.yml', templateName, project)
+
+  console.log(`\
+Next steps:
+  1. Change directory: \`cd ${project}/server\`
+  2. Deploy database service: \`graphcool deploy\`
+  3. Start local server: \`yarn start\` (you can now open a Playground at http://localhost:4000)
+  4. Change directory: \`cd ..\`
+  5. Start React app: \`yarn start\`
+  6. Open browser: http://localhost:3000
+  `)
+}
+
+function replaceInFile(filePath, searchValue, replaceValue) {
+  const contents = fs.readFileSync(filePath, 'utf8')
+  const newContents = contents.replace(
+    new RegExp(searchValue, 'g'),
+    replaceValue,
+  )
+  fs.writeFileSync(filePath, newContents)
+}

minimal/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "minimal",
+  "version": "0.1.0",
+  "private": true,
+  "devDependencies": {
+    "jest-expo": "24.0.0",
+    "react-native-scripts": "1.8.1",
+    "react-test-renderer": "16.0.0"
+  },
+  "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
+  "scripts": {
+    "start": "react-native-scripts start",
+    "eject": "react-native-scripts eject",
+    "android": "react-native-scripts android",
+    "ios": "react-native-scripts ios",
+    "test": "node node_modules/jest/bin/jest.js --watch"
+  },
+  "jest": {
+    "preset": "jest-expo"
+  },
+  "dependencies": {
+    "apollo-client-preset": "1.0.6",
+    "expo": "24.0.2",
+    "graphql": "0.12.3",
+    "graphql-tag": "2.6.1",
+    "react": "16.0.0",
+    "react-apollo": "2.0.4",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-24.0.0.tar.gz"
+  }
+}

minimal/server/index.js

@@ -0,0 +1,22 @@
+const { GraphQLServer } = require('graphql-yoga');
+
+const typeDefs = `
+type Query {
+  hello: String
+}
+`;
+
+const resolvers = {
+  Query: {
+    hello() {
+      return 'Hello world!';
+    }
+  }
+};
+
+const server = new GraphQLServer({
+  typeDefs,
+  resolvers
+});
+
+server.start(() => console.log('Server is running on http://localhost:4000'));

minimal/server/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "minimal-server",
+  "scripts": {
+    "start": "node index.js",
+    "deploy": "now --public && now alias && now rm --yes --safe graphql-template-node"
+  },
+  "dependencies": {
+    "graphql-yoga": "1.1.4"
+  },
+  "devDependencies": {
+    "now": "9.0.1"
+  },
+  "now": {
+    "alias": "graphql-template-node"
+  }
+}