├── .gitignore
├── .babelrc
├── js
├── routes
│ └── AppHomeRoute.js
├── app.js
└── components
│ └── App.js
├── webpack.config.js
├── public
└── index.html
├── README.md
├── scripts
└── updateSchema.js
├── DOCUMENTATION.md
├── data
├── database.js
├── schema.js
└── schema.json
├── package.json
├── LICENSE
├── PATENTS
└── server.js
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | npm-debug.log
4 | data/schema.graphql
5 | .idea/
6 |
--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | "es2015",
4 | "stage-0",
5 | "react"
6 | ],
7 | "plugins": [
8 | "./build/babelRelayPlugin"
9 | ]
10 | }
11 |
--------------------------------------------------------------------------------
/js/routes/AppHomeRoute.js:
--------------------------------------------------------------------------------
1 | import Relay from 'react-relay';
2 |
3 | export default class extends Relay.Route {
4 | static queries = {
5 | viewer: () => Relay.QL`
6 | query {
7 | viewer
8 | }
9 | `,
10 | };
11 | static routeName = 'AppHomeRoute';
12 | }
13 |
--------------------------------------------------------------------------------
/js/app.js:
--------------------------------------------------------------------------------
1 | import 'babel-polyfill';
2 |
3 | import App from './components/App';
4 | import AppHomeRoute from './routes/AppHomeRoute';
5 | import React from 'react';
6 | import ReactDOM from 'react-dom';
7 | import Relay from 'react-relay';
8 |
9 | ReactDOM.render(
10 | ,
15 | document.getElementById('root')
16 | );
17 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | import path from 'path';
2 | import webpack from 'webpack';
3 |
4 | const config = {
5 | entry: path.resolve(__dirname, 'js', 'app.js'),
6 | resolve: {
7 | modules: [
8 | 'node_modules',
9 | path.resolve(__dirname, 'js'),
10 | ]
11 | },
12 | module: {
13 | rules: [
14 | {
15 | exclude: /node_modules/,
16 | loader: 'babel-loader',
17 | test: /\.js$/
18 | }
19 | ]
20 | },
21 | output: {
22 | filename: 'app.js',
23 | path: '/',
24 | publicPath: '/js/'
25 | }
26 | };
27 |
28 | module.exports = config;
29 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Relay • Starter Kit
7 |
8 |
9 |
10 |
15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/js/components/App.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Relay from 'react-relay';
3 |
4 | class App extends React.Component {
5 | render() {
6 | return (
7 |
8 |
Widget list
9 |
10 | {this.props.viewer.widgets.edges.map(edge =>
11 | - {edge.node.name} (ID: {edge.node.id})
12 | )}
13 |
14 |