├── .gitignore
├── relayPlugin.js
├── src
├── frontend
│ ├── components
│ │ ├── About.js
│ │ ├── User.js
│ │ ├── Application.js
│ │ ├── Logout.js
│ │ ├── Dashboard.js
│ │ ├── App.js
│ │ └── Login.js
│ ├── containers
│ │ ├── User.js
│ │ └── Application.js
│ ├── index.template.html
│ ├── roots
│ │ ├── UserRoot.js
│ │ └── ExampleRoot.js
│ ├── index2.js
│ ├── index.js
│ └── helpers
│ │ └── auth.js
├── server
│ ├── server.js
│ └── data
│ │ ├── schema.js
│ │ └── schema.json
└── public
│ └── ql
│ ├── index.html
│ └── graphiql.css
├── .eslintrc
├── README.md
├── CHANGELOG.md
├── webpack.config.js
├── LICENSE
├── package.json
└── gulpfile.babel.js
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | build
3 | *.sublime-project
4 | *.sublime-workspace
5 |
--------------------------------------------------------------------------------
/relayPlugin.js:
--------------------------------------------------------------------------------
1 | var getbabelRelayPlugin = require('babel-relay-plugin');
2 | var schema = require('./src/server/data/schema.json');
3 |
4 | module.exports = getbabelRelayPlugin(schema.data);
--------------------------------------------------------------------------------
/src/frontend/components/About.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default React.createClass({
4 | displayName: 'About',
5 |
6 | render() {
7 | return (
8 | About
9 | );
10 | },
11 | });
12 |
13 |
--------------------------------------------------------------------------------
/src/frontend/components/User.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class Application extends React.Component {
4 | render() {
5 | return (
6 |
7 | email:{ this.props.user.email },
8 | id:{ this.props.user.id }
9 |
10 | );
11 | }
12 | }
--------------------------------------------------------------------------------
/src/frontend/containers/User.js:
--------------------------------------------------------------------------------
1 | import User from '../components/User';
2 | import Relay from 'react-relay';
3 |
4 | export default Relay.createContainer(User, {
5 | fragments: {
6 | user: () => Relay.QL`
7 | fragment on User {
8 | email,
9 | id
10 | }
11 | `
12 | }
13 | });
--------------------------------------------------------------------------------
/src/frontend/index.template.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {%=o.htmlWebpackPlugin.options.title || 'Skele' %}
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/src/frontend/components/Application.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class Application extends React.Component {
4 | render() {
5 | return (
6 |
7 | text:{ this.props.example.text },
8 | version:{ this.props.example.version },
9 | id:{ this.props.example.id }
10 |
11 | );
12 | }
13 | }
--------------------------------------------------------------------------------
/src/frontend/containers/Application.js:
--------------------------------------------------------------------------------
1 | import Application from '../components/Application';
2 | import Relay from 'react-relay';
3 |
4 | export default Relay.createContainer(Application, {
5 | fragments: {
6 | example: () => Relay.QL`
7 | fragment on Example {
8 | text,
9 | version,
10 | id
11 | }
12 | `
13 | }
14 | });
--------------------------------------------------------------------------------
/src/frontend/roots/UserRoot.js:
--------------------------------------------------------------------------------
1 | import Relay from 'react-relay';
2 |
3 | export default class extends Relay.Route {
4 | static path = '/';
5 | static queries = {
6 | user: (Component) => Relay.QL`
7 | query {
8 | user {
9 | ${Component.getFragment('user')}
10 | }
11 | }
12 | `
13 | };
14 | static routeName = 'UserRoute';
15 | }
--------------------------------------------------------------------------------
/src/frontend/roots/ExampleRoot.js:
--------------------------------------------------------------------------------
1 | import Relay from 'react-relay';
2 |
3 | export default class extends Relay.Route {
4 | static path = '/';
5 | static queries = {
6 | example: (Component) => Relay.QL`
7 | query {
8 | example {
9 | ${Component.getFragment('example')}
10 | }
11 | }
12 | `
13 | };
14 | static routeName = 'ExampleRoute';
15 | }
--------------------------------------------------------------------------------
/src/frontend/components/Logout.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import auth from '../helpers/auth';
4 |
5 | export default React.createClass({
6 | displayName: 'Logout',
7 |
8 | propTypes: {
9 | },
10 |
11 | componentDidMount() {
12 | auth.logout();
13 | },
14 |
15 | render() {
16 | return (
17 | You are now logged out
18 | );
19 | },
20 | });
21 |
--------------------------------------------------------------------------------
/src/frontend/components/Dashboard.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import auth from '../helpers/auth';
4 |
5 | export default React.createClass({
6 | displayName: 'Dashboard',
7 |
8 | propTypes: {
9 | },
10 |
11 | render() {
12 | const token = auth.getToken();
13 |
14 | return (
15 |
16 |
Dashboard
17 |
You made it!
18 |
{token}
19 |
33 |
34 | -
35 | {this.state.loggedIn ? (
36 | Log out
37 | ) : (
38 | Sign in
39 | )}
40 |
41 | - About
42 | - Dashboard (authenticated)
43 |
44 | {this.props.children}
45 |