├── .gitignore
├── README.md
├── config
    ├── env.js
    ├── jest
    │   ├── cssTransform.js
    │   └── fileTransform.js
    ├── paths.js
    ├── polyfills.js
    ├── webpack.config.dev.js
    ├── webpack.config.prod.js
    └── webpackDevServer.config.js
├── package.json
├── public
    ├── favicon.ico
    ├── index.html
    └── manifest.json
├── schema.graphql
├── scripts
    ├── build.js
    ├── start.js
    └── test.js
├── server
    ├── graphcool.yml
    ├── package.json
    ├── src
    │   └── email-password
    │   │   ├── authenticate.graphql
    │   │   ├── authenticate.ts
    │   │   ├── loggedInUser.graphql
    │   │   ├── loggedInUser.ts
    │   │   ├── signup.graphql
    │   │   └── signup.ts
    ├── types.graphql
    └── yarn.lock
├── src
    ├── App.test.js
    ├── Environment.js
    ├── components
    │   ├── App.js
    │   ├── CreateLink.js
    │   ├── Header.js
    │   ├── Link.js
    │   ├── LinkList.js
    │   ├── LinkListPage.js
    │   ├── Login.js
    │   └── __generated__
    │   │   ├── LinkListForwardQuery.graphql.js
    │   │   ├── LinkListPageQuery.graphql.js
    │   │   ├── LinkList_viewer.graphql.js
    │   │   └── Link_link.graphql.js
    ├── constants.js
    ├── index.js
    ├── logo.svg
    ├── mutations
    │   ├── AuthenticateUserMutation.js
    │   ├── CreateLinkMutation.js
    │   ├── CreateVoteMutation.js
    │   ├── SignupUserMutation.js
    │   └── __generated__
    │   │   ├── AuthenticateUserMutation.graphql.js
    │   │   ├── CreateLinkMutation.graphql.js
    │   │   ├── CreateVoteMutation.graphql.js
    │   │   └── SignupUserMutation.graphql.js
    ├── registerServiceWorker.js
    ├── styles
    │   ├── App.css
    │   └── index.css
    ├── subscriptions
    │   ├── NewVoteSubscription.js
    │   └── __generated__
    │   │   └── NewVoteSubscription.graphql.js
    └── utils.js
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | node_modules
 6 | 
 7 | # testing
 8 | /coverage
 9 | 
10 | # production
11 | /build
12 | 
13 | # misc
14 | .DS_Store
15 | .env.local
16 | .env.development.local
17 | .env.test.local
18 | .env.production.local
19 | 
20 | npm-debug.log*
21 | yarn-debug.log*
22 | yarn-error.log*
23 | 
24 | .idea
25 | graphql.config.json
26 | graphql.schema.json
27 | .graphcoolrc
28 | server/node_modules


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # React & Relay Tutorial
 2 | 
 3 | This is the sample project that belongs to the [React & Relay Tutorial](https://www.howtographql.com/react-relay/0-introduction/) on How to GraphQL.
 4 | 
 5 | ## Running the App
 6 | 
 7 | ### 1. Clone repository
 8 | 
 9 | ```sh
10 | git clone https://github.com/howtographql/react-relay/
11 | cd react-relay
12 | ```
13 | 
14 | ### 2. Create GraphQL API with [`graphcool`](https://www.npmjs.com/package/graphcool)
15 | 
16 | If you haven't already, install the Graphcool CLI:
17 | 
18 | ```sh
19 | # Install Graphcool CLI
20 | npm install -g graphcool
21 | ```
22 | 
23 | Once it's installed, you can deploy the Graphcool service based on the existing definition inside the [`server`](./server) directory:
24 | 
25 | ```sh
26 | cd server
27 | graphcool deploy
28 | ```
29 | 
30 | When prompted, choose any of the **Shared Clusters** deplyoment options.
31 | 
32 | ### 3. Connect the app with your GraphQL API
33 | 
34 | Copy the service ID (which you find in the generated `.graphcoolrc` file inside the `server` directory or by running `graphcool info`) into `./src/Environment.js` replacing the current placeholder `__SERVICE_ID__`. 
35 | 
36 | Notice that you need to this _twice_, once inside `fetchQuery` and once inside `setupSubscription`.
37 | 
38 | ### 5. Install dependencies & run locally
39 | 
40 | ```sh
41 | yarn install
42 | relay-compiler --src ./src --schema ./schema.graphql
43 | yarn start # open http://localhost:3000 in your browser
44 | ```
45 | 
46 | 
47 | 


--------------------------------------------------------------------------------
/config/env.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const fs = require('fs');
 4 | const path = require('path');
 5 | const paths = require('./paths');
 6 | 
 7 | // Make sure that including paths.js after env.js will read .env variables.
 8 | delete require.cache[require.resolve('./paths')];
 9 | 
10 | const NODE_ENV = process.env.NODE_ENV;
11 | if (!NODE_ENV) {
12 |   throw new Error(
13 |     'The NODE_ENV environment variable is required but was not specified.'
14 |   );
15 | }
16 | 
17 | // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
18 | var dotenvFiles = [
19 |   `${paths.dotenv}.${NODE_ENV}.local`,
20 |   `${paths.dotenv}.${NODE_ENV}`,
21 |   // Don't include `.env.local` for `test` environment
22 |   // since normally you expect tests to produce the same
23 |   // results for everyone
24 |   NODE_ENV !== 'test' && `${paths.dotenv}.local`,
25 |   paths.dotenv,
26 | ].filter(Boolean);
27 | 
28 | // Load environment variables from .env* files. Suppress warnings using silent
29 | // if this file is missing. dotenv will never modify any environment variables
30 | // that have already been set.
31 | // https://github.com/motdotla/dotenv
32 | dotenvFiles.forEach(dotenvFile => {
33 |   if (fs.existsSync(dotenvFile)) {
34 |     require('dotenv').config({
35 |       path: dotenvFile,
36 |     });
37 |   }
38 | });
39 | 
40 | // We support resolving modules according to `NODE_PATH`.
41 | // This lets you use absolute paths in imports inside large monorepos:
42 | // https://github.com/facebookincubator/create-react-app/issues/253.
43 | // It works similar to `NODE_PATH` in Node itself:
44 | // https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
45 | // Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
46 | // Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
47 | // https://github.com/facebookincubator/create-react-app/issues/1023#issuecomment-265344421
48 | // We also resolve them to make sure all tools using them work consistently.
49 | const appDirectory = fs.realpathSync(process.cwd());
50 | process.env.NODE_PATH = (process.env.NODE_PATH || '')
51 |   .split(path.delimiter)
52 |   .filter(folder => folder && !path.isAbsolute(folder))
53 |   .map(folder => path.resolve(appDirectory, folder))
54 |   .join(path.delimiter);
55 | 
56 | // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
57 | // injected into the application via DefinePlugin in Webpack configuration.
58 | const REACT_APP = /^REACT_APP_/i;
59 | 
60 | function getClientEnvironment(publicUrl) {
61 |   const raw = Object.keys(process.env)
62 |     .filter(key => REACT_APP.test(key))
63 |     .reduce(
64 |       (env, key) => {
65 |         env[key] = process.env[key];
66 |         return env;
67 |       },
68 |       {
69 |         // Useful for determining whether we’re running in production mode.
70 |         // Most importantly, it switches React into the correct mode.
71 |         NODE_ENV: process.env.NODE_ENV || 'development',
72 |         // Useful for resolving the correct path to static assets in `public`.
73 |         // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
74 |         // This should only be used as an escape hatch. Normally you would put
75 |         // images into the `src` and `import` them in code to get their paths.
76 |         PUBLIC_URL: publicUrl,
77 |       }
78 |     );
79 |   // Stringify all values so we can feed into Webpack DefinePlugin
80 |   const stringified = {
81 |     'process.env': Object.keys(raw).reduce((env, key) => {
82 |       env[key] = JSON.stringify(raw[key]);
83 |       return env;
84 |     }, {}),
85 |   };
86 | 
87 |   return { raw, stringified };
88 | }
89 | 
90 | module.exports = getClientEnvironment;
91 | 


--------------------------------------------------------------------------------
/config/jest/cssTransform.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // This is a custom Jest transformer turning style imports into empty objects.
 4 | // http://facebook.github.io/jest/docs/tutorial-webpack.html
 5 | 
 6 | module.exports = {
 7 |   process() {
 8 |     return 'module.exports = {};';
 9 |   },
10 |   getCacheKey() {
11 |     // The output is always the same.
12 |     return 'cssTransform';
13 |   },
14 | };
15 | 


--------------------------------------------------------------------------------
/config/jest/fileTransform.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const path = require('path');
 4 | 
 5 | // This is a custom Jest transformer turning file imports into filenames.
 6 | // http://facebook.github.io/jest/docs/tutorial-webpack.html
 7 | 
 8 | module.exports = {
 9 |   process(src, filename) {
10 |     return `module.exports = ${JSON.stringify(path.basename(filename))};`;
11 |   },
12 | };
13 | 


--------------------------------------------------------------------------------
/config/paths.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const path = require('path');
 4 | const fs = require('fs');
 5 | const url = require('url');
 6 | 
 7 | // Make sure any symlinks in the project folder are resolved:
 8 | // https://github.com/facebookincubator/create-react-app/issues/637
 9 | const appDirectory = fs.realpathSync(process.cwd());
10 | const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
11 | 
12 | const envPublicUrl = process.env.PUBLIC_URL;
13 | 
14 | function ensureSlash(path, needsSlash) {
15 |   const hasSlash = path.endsWith('/');
16 |   if (hasSlash && !needsSlash) {
17 |     return path.substr(path, path.length - 1);
18 |   } else if (!hasSlash && needsSlash) {
19 |     return `${path}/`;
20 |   } else {
21 |     return path;
22 |   }
23 | }
24 | 
25 | const getPublicUrl = appPackageJson =>
26 |   envPublicUrl || require(appPackageJson).homepage;
27 | 
28 | // We use `PUBLIC_URL` environment variable or "homepage" field to infer
29 | // "public path" at which the app is served.
30 | // Webpack needs to know it to put the right <script> hrefs into HTML even in
31 | // single-page apps that may serve index.html for nested URLs like /todos/42.
32 | // We can't use a relative path in HTML because we don't want to load something
33 | // like /todos/42/static/js/bundle.7289d.js. We have to know the root.
34 | function getServedPath(appPackageJson) {
35 |   const publicUrl = getPublicUrl(appPackageJson);
36 |   const servedUrl =
37 |     envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : '/');
38 |   return ensureSlash(servedUrl, true);
39 | }
40 | 
41 | // config after eject: we're in ./config/
42 | module.exports = {
43 |   dotenv: resolveApp('.env'),
44 |   appBuild: resolveApp('build'),
45 |   appPublic: resolveApp('public'),
46 |   appHtml: resolveApp('public/index.html'),
47 |   appIndexJs: resolveApp('src/index.js'),
48 |   appPackageJson: resolveApp('package.json'),
49 |   appSrc: resolveApp('src'),
50 |   yarnLockFile: resolveApp('yarn.lock'),
51 |   testsSetup: resolveApp('src/setupTests.js'),
52 |   appNodeModules: resolveApp('node_modules'),
53 |   publicUrl: getPublicUrl(resolveApp('package.json')),
54 |   servedPath: getServedPath(resolveApp('package.json')),
55 | };
56 | 


--------------------------------------------------------------------------------
/config/polyfills.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | if (typeof Promise === 'undefined') {
 4 |   // Rejection tracking prevents a common issue where React gets into an
 5 |   // inconsistent state due to an error, but it gets swallowed by a Promise,
 6 |   // and the user has no idea what causes React's erratic future behavior.
 7 |   require('promise/lib/rejection-tracking').enable();
 8 |   window.Promise = require('promise/lib/es6-extensions.js');
 9 | }
10 | 
11 | // fetch() polyfill for making API calls.
12 | require('whatwg-fetch');
13 | 
14 | // Object.assign() is commonly used with React.
15 | // It will use the native implementation if it's present and isn't buggy.
16 | Object.assign = require('object-assign');
17 | 
18 | // In tests, polyfill requestAnimationFrame since jsdom doesn't provide it yet.
19 | // We don't polyfill it in the browser--this is user's responsibility.
20 | if (process.env.NODE_ENV === 'test') {
21 |   require('raf').polyfill(global);
22 | }
23 | 


--------------------------------------------------------------------------------
/config/webpack.config.dev.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | const autoprefixer = require('autoprefixer');
  4 | const path = require('path');
  5 | const webpack = require('webpack');
  6 | const HtmlWebpackPlugin = require('html-webpack-plugin');
  7 | const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
  8 | const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
  9 | const WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
 10 | const eslintFormatter = require('react-dev-utils/eslintFormatter');
 11 | const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 12 | const getClientEnvironment = require('./env');
 13 | const paths = require('./paths');
 14 | 
 15 | // Webpack uses `publicPath` to determine where the app is being served from.
 16 | // In development, we always serve from the root. This makes config easier.
 17 | const publicPath = '/';
 18 | // `publicUrl` is just like `publicPath`, but we will provide it to our app
 19 | // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
 20 | // Omit trailing slash as %PUBLIC_PATH%/xyz looks better than %PUBLIC_PATH%xyz.
 21 | const publicUrl = '';
 22 | // Get environment variables to inject into our app.
 23 | const env = getClientEnvironment(publicUrl);
 24 | 
 25 | // This is the development configuration.
 26 | // It is focused on developer experience and fast rebuilds.
 27 | // The production configuration is different and lives in a separate file.
 28 | module.exports = {
 29 |   // You may want 'eval' instead if you prefer to see the compiled output in DevTools.
 30 |   // See the discussion in https://github.com/facebookincubator/create-react-app/issues/343.
 31 |   devtool: 'cheap-module-source-map',
 32 |   // These are the "entry points" to our application.
 33 |   // This means they will be the "root" imports that are included in JS bundle.
 34 |   // The first two entry points enable "hot" CSS and auto-refreshes for JS.
 35 |   entry: [
 36 |     // We ship a few polyfills by default:
 37 |     require.resolve('./polyfills'),
 38 |     // Include an alternative client for WebpackDevServer. A client's job is to
 39 |     // connect to WebpackDevServer by a socket and get notified about changes.
 40 |     // When you save a file, the client will either apply hot updates (in case
 41 |     // of CSS changes), or refresh the page (in case of JS changes). When you
 42 |     // make a syntax error, this client will display a syntax error overlay.
 43 |     // Note: instead of the default WebpackDevServer client, we use a custom one
 44 |     // to bring better experience for Create React App users. You can replace
 45 |     // the line below with these two lines if you prefer the stock client:
 46 |     // require.resolve('webpack-dev-server/client') + '?/',
 47 |     // require.resolve('webpack/hot/dev-server'),
 48 |     require.resolve('react-dev-utils/webpackHotDevClient'),
 49 |     // Finally, this is your app's code:
 50 |     paths.appIndexJs,
 51 |     // We include the app code last so that if there is a runtime error during
 52 |     // initialization, it doesn't blow up the WebpackDevServer client, and
 53 |     // changing JS code would still trigger a refresh.
 54 |   ],
 55 |   output: {
 56 |     // Add /* filename */ comments to generated require()s in the output.
 57 |     pathinfo: true,
 58 |     // This does not produce a real file. It's just the virtual path that is
 59 |     // served by WebpackDevServer in development. This is the JS bundle
 60 |     // containing code from all our entry points, and the Webpack runtime.
 61 |     filename: 'static/js/bundle.js',
 62 |     // There are also additional JS chunk files if you use code splitting.
 63 |     chunkFilename: 'static/js/[name].chunk.js',
 64 |     // This is the URL that app is served from. We use "/" in development.
 65 |     publicPath: publicPath,
 66 |     // Point sourcemap entries to original disk location (format as URL on Windows)
 67 |     devtoolModuleFilenameTemplate: info =>
 68 |       path.resolve(info.absoluteResourcePath).replace(/\\/g, '/'),
 69 |   },
 70 |   resolve: {
 71 |     // This allows you to set a fallback for where Webpack should look for modules.
 72 |     // We placed these paths second because we want `node_modules` to "win"
 73 |     // if there are any conflicts. This matches Node resolution mechanism.
 74 |     // https://github.com/facebookincubator/create-react-app/issues/253
 75 |     modules: ['node_modules', paths.appNodeModules].concat(
 76 |       // It is guaranteed to exist because we tweak it in `env.js`
 77 |       process.env.NODE_PATH.split(path.delimiter).filter(Boolean)
 78 |     ),
 79 |     // These are the reasonable defaults supported by the Node ecosystem.
 80 |     // We also include JSX as a common component filename extension to support
 81 |     // some tools, although we do not recommend using it, see:
 82 |     // https://github.com/facebookincubator/create-react-app/issues/290
 83 |     // `web` extension prefixes have been added for better support
 84 |     // for React Native Web.
 85 |     extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx'],
 86 |     alias: {
 87 |       
 88 |       // Support React Native Web
 89 |       // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
 90 |       'react-native': 'react-native-web',
 91 |     },
 92 |     plugins: [
 93 |       // Prevents users from importing files from outside of src/ (or node_modules/).
 94 |       // This often causes confusion because we only process files within src/ with babel.
 95 |       // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
 96 |       // please link the files into your node_modules/ and let module-resolution kick in.
 97 |       // Make sure your source files are compiled, as they will not be processed in any way.
 98 |       new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),
 99 |     ],
100 |   },
101 |   module: {
102 |     strictExportPresence: true,
103 |     rules: [
104 |       // TODO: Disable require.ensure as it's not a standard language feature.
105 |       // We are waiting for https://github.com/facebookincubator/create-react-app/issues/2176.
106 |       // { parser: { requireEnsure: false } },
107 | 
108 |       // First, run the linter.
109 |       // It's important to do this before Babel processes the JS.
110 |       {
111 |         test: /\.(js|jsx|mjs)$/,
112 |         enforce: 'pre',
113 |         use: [
114 |           {
115 |             options: {
116 |               formatter: eslintFormatter,
117 |               eslintPath: require.resolve('eslint'),
118 |               
119 |             },
120 |             loader: require.resolve('eslint-loader'),
121 |           },
122 |         ],
123 |         include: paths.appSrc,
124 |       },
125 |       {
126 |         // "oneOf" will traverse all following loaders until one will
127 |         // match the requirements. When no loader matches it will fall
128 |         // back to the "file" loader at the end of the loader list.
129 |         oneOf: [
130 |           // "url" loader works like "file" loader except that it embeds assets
131 |           // smaller than specified limit in bytes as data URLs to avoid requests.
132 |           // A missing `test` is equivalent to a match.
133 |           {
134 |             test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
135 |             loader: require.resolve('url-loader'),
136 |             options: {
137 |               limit: 10000,
138 |               name: 'static/media/[name].[hash:8].[ext]',
139 |             },
140 |           },
141 |           // Process JS with Babel.
142 |           {
143 |             test: /\.(js|jsx|mjs)$/,
144 |             include: paths.appSrc,
145 |             loader: require.resolve('babel-loader'),
146 |             options: {
147 |               
148 |               // This is a feature of `babel-loader` for webpack (not Babel itself).
149 |               // It enables caching results in ./node_modules/.cache/babel-loader/
150 |               // directory for faster rebuilds.
151 |               cacheDirectory: true,
152 |             },
153 |           },
154 |           // "postcss" loader applies autoprefixer to our CSS.
155 |           // "css" loader resolves paths in CSS and adds assets as dependencies.
156 |           // "style" loader turns CSS into JS modules that inject <style> tags.
157 |           // In production, we use a plugin to extract that CSS to a file, but
158 |           // in development "style" loader enables hot editing of CSS.
159 |           {
160 |             test: /\.css$/,
161 |             use: [
162 |               require.resolve('style-loader'),
163 |               {
164 |                 loader: require.resolve('css-loader'),
165 |                 options: {
166 |                   importLoaders: 1,
167 |                 },
168 |               },
169 |               {
170 |                 loader: require.resolve('postcss-loader'),
171 |                 options: {
172 |                   // Necessary for external CSS imports to work
173 |                   // https://github.com/facebookincubator/create-react-app/issues/2677
174 |                   ident: 'postcss',
175 |                   plugins: () => [
176 |                     require('postcss-flexbugs-fixes'),
177 |                     autoprefixer({
178 |                       browsers: [
179 |                         '>1%',
180 |                         'last 4 versions',
181 |                         'Firefox ESR',
182 |                         'not ie < 9', // React doesn't support IE8 anyway
183 |                       ],
184 |                       flexbox: 'no-2009',
185 |                     }),
186 |                   ],
187 |                 },
188 |               },
189 |             ],
190 |           },
191 |           // "file" loader makes sure those assets get served by WebpackDevServer.
192 |           // When you `import` an asset, you get its (virtual) filename.
193 |           // In production, they would get copied to the `build` folder.
194 |           // This loader doesn't use a "test" so it will catch all modules
195 |           // that fall through the other loaders.
196 |           {
197 |             // Exclude `js` files to keep "css" loader working as it injects
198 |             // it's runtime that would otherwise processed through "file" loader.
199 |             // Also exclude `html` and `json` extensions so they get processed
200 |             // by webpacks internal loaders.
201 |             exclude: [/\.js$/, /\.html$/, /\.json$/],
202 |             loader: require.resolve('file-loader'),
203 |             options: {
204 |               name: 'static/media/[name].[hash:8].[ext]',
205 |             },
206 |           },
207 |         ],
208 |       },
209 |       // ** STOP ** Are you adding a new loader?
210 |       // Make sure to add the new loader(s) before the "file" loader.
211 |     ],
212 |   },
213 |   plugins: [
214 |     // Makes some environment variables available in index.html.
215 |     // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
216 |     // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
217 |     // In development, this will be an empty string.
218 |     new InterpolateHtmlPlugin(env.raw),
219 |     // Generates an `index.html` file with the <script> injected.
220 |     new HtmlWebpackPlugin({
221 |       inject: true,
222 |       template: paths.appHtml,
223 |     }),
224 |     // Add module names to factory functions so they appear in browser profiler.
225 |     new webpack.NamedModulesPlugin(),
226 |     // Makes some environment variables available to the JS code, for example:
227 |     // if (process.env.NODE_ENV === 'development') { ... }. See `./env.js`.
228 |     new webpack.DefinePlugin(env.stringified),
229 |     // This is necessary to emit hot updates (currently CSS only):
230 |     new webpack.HotModuleReplacementPlugin(),
231 |     // Watcher doesn't work well if you mistype casing in a path so we use
232 |     // a plugin that prints an error when you attempt to do this.
233 |     // See https://github.com/facebookincubator/create-react-app/issues/240
234 |     new CaseSensitivePathsPlugin(),
235 |     // If you require a missing module and then `npm install` it, you still have
236 |     // to restart the development server for Webpack to discover it. This plugin
237 |     // makes the discovery automatic so you don't have to restart.
238 |     // See https://github.com/facebookincubator/create-react-app/issues/186
239 |     new WatchMissingNodeModulesPlugin(paths.appNodeModules),
240 |     // Moment.js is an extremely popular library that bundles large locale files
241 |     // by default due to how Webpack interprets its code. This is a practical
242 |     // solution that requires the user to opt into importing specific locales.
243 |     // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
244 |     // You can remove this if you don't use Moment.js:
245 |     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
246 |   ],
247 |   // Some libraries import Node modules but don't use them in the browser.
248 |   // Tell Webpack to provide empty mocks for them so importing them works.
249 |   node: {
250 |     dgram: 'empty',
251 |     fs: 'empty',
252 |     net: 'empty',
253 |     tls: 'empty',
254 |     child_process: 'empty',
255 |   },
256 |   // Turn off performance hints during development because we don't do any
257 |   // splitting or minification in interest of speed. These warnings become
258 |   // cumbersome.
259 |   performance: {
260 |     hints: false,
261 |   },
262 | };
263 | 


--------------------------------------------------------------------------------
/config/webpack.config.prod.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | const autoprefixer = require('autoprefixer');
  4 | const path = require('path');
  5 | const webpack = require('webpack');
  6 | const HtmlWebpackPlugin = require('html-webpack-plugin');
  7 | const ExtractTextPlugin = require('extract-text-webpack-plugin');
  8 | const ManifestPlugin = require('webpack-manifest-plugin');
  9 | const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
 10 | const SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin');
 11 | const eslintFormatter = require('react-dev-utils/eslintFormatter');
 12 | const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 13 | const paths = require('./paths');
 14 | const getClientEnvironment = require('./env');
 15 | 
 16 | // Webpack uses `publicPath` to determine where the app is being served from.
 17 | // It requires a trailing slash, or the file assets will get an incorrect path.
 18 | const publicPath = paths.servedPath;
 19 | // Some apps do not use client-side routing with pushState.
 20 | // For these, "homepage" can be set to "." to enable relative asset paths.
 21 | const shouldUseRelativeAssetPaths = publicPath === './';
 22 | // Source maps are resource heavy and can cause out of memory issue for large source files.
 23 | const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
 24 | // `publicUrl` is just like `publicPath`, but we will provide it to our app
 25 | // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
 26 | // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.
 27 | const publicUrl = publicPath.slice(0, -1);
 28 | // Get environment variables to inject into our app.
 29 | const env = getClientEnvironment(publicUrl);
 30 | 
 31 | // Assert this just to be safe.
 32 | // Development builds of React are slow and not intended for production.
 33 | if (env.stringified['process.env'].NODE_ENV !== '"production"') {
 34 |   throw new Error('Production builds must have NODE_ENV=production.');
 35 | }
 36 | 
 37 | // Note: defined here because it will be used more than once.
 38 | const cssFilename = 'static/css/[name].[contenthash:8].css';
 39 | 
 40 | // ExtractTextPlugin expects the build output to be flat.
 41 | // (See https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/27)
 42 | // However, our output is structured with css, js and media folders.
 43 | // To have this structure working with relative paths, we have to use custom options.
 44 | const extractTextPluginOptions = shouldUseRelativeAssetPaths
 45 |   ? // Making sure that the publicPath goes back to to build folder.
 46 |     { publicPath: Array(cssFilename.split('/').length).join('../') }
 47 |   : {};
 48 | 
 49 | // This is the production configuration.
 50 | // It compiles slowly and is focused on producing a fast and minimal bundle.
 51 | // The development configuration is different and lives in a separate file.
 52 | module.exports = {
 53 |   // Don't attempt to continue if there are any errors.
 54 |   bail: true,
 55 |   // We generate sourcemaps in production. This is slow but gives good results.
 56 |   // You can exclude the *.map files from the build during deployment.
 57 |   devtool: shouldUseSourceMap ? 'source-map' : false,
 58 |   // In production, we only want to load the polyfills and the app code.
 59 |   entry: [require.resolve('./polyfills'), paths.appIndexJs],
 60 |   output: {
 61 |     // The build folder.
 62 |     path: paths.appBuild,
 63 |     // Generated JS file names (with nested folders).
 64 |     // There will be one main bundle, and one file per asynchronous chunk.
 65 |     // We don't currently advertise code splitting but Webpack supports it.
 66 |     filename: 'static/js/[name].[chunkhash:8].js',
 67 |     chunkFilename: 'static/js/[name].[chunkhash:8].chunk.js',
 68 |     // We inferred the "public path" (such as / or /my-project) from homepage.
 69 |     publicPath: publicPath,
 70 |     // Point sourcemap entries to original disk location (format as URL on Windows)
 71 |     devtoolModuleFilenameTemplate: info =>
 72 |       path
 73 |         .relative(paths.appSrc, info.absoluteResourcePath)
 74 |         .replace(/\\/g, '/'),
 75 |   },
 76 |   resolve: {
 77 |     // This allows you to set a fallback for where Webpack should look for modules.
 78 |     // We placed these paths second because we want `node_modules` to "win"
 79 |     // if there are any conflicts. This matches Node resolution mechanism.
 80 |     // https://github.com/facebookincubator/create-react-app/issues/253
 81 |     modules: ['node_modules', paths.appNodeModules].concat(
 82 |       // It is guaranteed to exist because we tweak it in `env.js`
 83 |       process.env.NODE_PATH.split(path.delimiter).filter(Boolean)
 84 |     ),
 85 |     // These are the reasonable defaults supported by the Node ecosystem.
 86 |     // We also include JSX as a common component filename extension to support
 87 |     // some tools, although we do not recommend using it, see:
 88 |     // https://github.com/facebookincubator/create-react-app/issues/290
 89 |     // `web` extension prefixes have been added for better support
 90 |     // for React Native Web.
 91 |     extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx'],
 92 |     alias: {
 93 |       
 94 |       // Support React Native Web
 95 |       // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
 96 |       'react-native': 'react-native-web',
 97 |     },
 98 |     plugins: [
 99 |       // Prevents users from importing files from outside of src/ (or node_modules/).
100 |       // This often causes confusion because we only process files within src/ with babel.
101 |       // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
102 |       // please link the files into your node_modules/ and let module-resolution kick in.
103 |       // Make sure your source files are compiled, as they will not be processed in any way.
104 |       new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),
105 |     ],
106 |   },
107 |   module: {
108 |     strictExportPresence: true,
109 |     rules: [
110 |       // TODO: Disable require.ensure as it's not a standard language feature.
111 |       // We are waiting for https://github.com/facebookincubator/create-react-app/issues/2176.
112 |       // { parser: { requireEnsure: false } },
113 | 
114 |       // First, run the linter.
115 |       // It's important to do this before Babel processes the JS.
116 |       {
117 |         test: /\.(js|jsx|mjs)$/,
118 |         enforce: 'pre',
119 |         use: [
120 |           {
121 |             options: {
122 |               formatter: eslintFormatter,
123 |               eslintPath: require.resolve('eslint'),
124 |               
125 |             },
126 |             loader: require.resolve('eslint-loader'),
127 |           },
128 |         ],
129 |         include: paths.appSrc,
130 |       },
131 |       {
132 |         // "oneOf" will traverse all following loaders until one will
133 |         // match the requirements. When no loader matches it will fall
134 |         // back to the "file" loader at the end of the loader list.
135 |         oneOf: [
136 |           // "url" loader works just like "file" loader but it also embeds
137 |           // assets smaller than specified size as data URLs to avoid requests.
138 |           {
139 |             test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
140 |             loader: require.resolve('url-loader'),
141 |             options: {
142 |               limit: 10000,
143 |               name: 'static/media/[name].[hash:8].[ext]',
144 |             },
145 |           },
146 |           // Process JS with Babel.
147 |           {
148 |             test: /\.(js|jsx|mjs)$/,
149 |             include: paths.appSrc,
150 |             loader: require.resolve('babel-loader'),
151 |             options: {
152 |               
153 |               compact: true,
154 |             },
155 |           },
156 |           // The notation here is somewhat confusing.
157 |           // "postcss" loader applies autoprefixer to our CSS.
158 |           // "css" loader resolves paths in CSS and adds assets as dependencies.
159 |           // "style" loader normally turns CSS into JS modules injecting <style>,
160 |           // but unlike in development configuration, we do something different.
161 |           // `ExtractTextPlugin` first applies the "postcss" and "css" loaders
162 |           // (second argument), then grabs the result CSS and puts it into a
163 |           // separate file in our build process. This way we actually ship
164 |           // a single CSS file in production instead of JS code injecting <style>
165 |           // tags. If you use code splitting, however, any async bundles will still
166 |           // use the "style" loader inside the async code so CSS from them won't be
167 |           // in the main CSS file.
168 |           {
169 |             test: /\.css$/,
170 |             loader: ExtractTextPlugin.extract(
171 |               Object.assign(
172 |                 {
173 |                   fallback: {
174 |                     loader: require.resolve('style-loader'),
175 |                     options: {
176 |                       hmr: false,
177 |                     },
178 |                   },
179 |                   use: [
180 |                     {
181 |                       loader: require.resolve('css-loader'),
182 |                       options: {
183 |                         importLoaders: 1,
184 |                         minimize: true,
185 |                         sourceMap: shouldUseSourceMap,
186 |                       },
187 |                     },
188 |                     {
189 |                       loader: require.resolve('postcss-loader'),
190 |                       options: {
191 |                         // Necessary for external CSS imports to work
192 |                         // https://github.com/facebookincubator/create-react-app/issues/2677
193 |                         ident: 'postcss',
194 |                         plugins: () => [
195 |                           require('postcss-flexbugs-fixes'),
196 |                           autoprefixer({
197 |                             browsers: [
198 |                               '>1%',
199 |                               'last 4 versions',
200 |                               'Firefox ESR',
201 |                               'not ie < 9', // React doesn't support IE8 anyway
202 |                             ],
203 |                             flexbox: 'no-2009',
204 |                           }),
205 |                         ],
206 |                       },
207 |                     },
208 |                   ],
209 |                 },
210 |                 extractTextPluginOptions
211 |               )
212 |             ),
213 |             // Note: this won't work without `new ExtractTextPlugin()` in `plugins`.
214 |           },
215 |           // "file" loader makes sure assets end up in the `build` folder.
216 |           // When you `import` an asset, you get its filename.
217 |           // This loader doesn't use a "test" so it will catch all modules
218 |           // that fall through the other loaders.
219 |           {
220 |             loader: require.resolve('file-loader'),
221 |             // Exclude `js` files to keep "css" loader working as it injects
222 |             // it's runtime that would otherwise processed through "file" loader.
223 |             // Also exclude `html` and `json` extensions so they get processed
224 |             // by webpacks internal loaders.
225 |             exclude: [/\.js$/, /\.html$/, /\.json$/],
226 |             options: {
227 |               name: 'static/media/[name].[hash:8].[ext]',
228 |             },
229 |           },
230 |           // ** STOP ** Are you adding a new loader?
231 |           // Make sure to add the new loader(s) before the "file" loader.
232 |         ],
233 |       },
234 |     ],
235 |   },
236 |   plugins: [
237 |     // Makes some environment variables available in index.html.
238 |     // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
239 |     // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
240 |     // In production, it will be an empty string unless you specify "homepage"
241 |     // in `package.json`, in which case it will be the pathname of that URL.
242 |     new InterpolateHtmlPlugin(env.raw),
243 |     // Generates an `index.html` file with the <script> injected.
244 |     new HtmlWebpackPlugin({
245 |       inject: true,
246 |       template: paths.appHtml,
247 |       minify: {
248 |         removeComments: true,
249 |         collapseWhitespace: true,
250 |         removeRedundantAttributes: true,
251 |         useShortDoctype: true,
252 |         removeEmptyAttributes: true,
253 |         removeStyleLinkTypeAttributes: true,
254 |         keepClosingSlash: true,
255 |         minifyJS: true,
256 |         minifyCSS: true,
257 |         minifyURLs: true,
258 |       },
259 |     }),
260 |     // Makes some environment variables available to the JS code, for example:
261 |     // if (process.env.NODE_ENV === 'production') { ... }. See `./env.js`.
262 |     // It is absolutely essential that NODE_ENV was set to production here.
263 |     // Otherwise React will be compiled in the very slow development mode.
264 |     new webpack.DefinePlugin(env.stringified),
265 |     // Minify the code.
266 |     new webpack.optimize.UglifyJsPlugin({
267 |       compress: {
268 |         warnings: false,
269 |         // Disabled because of an issue with Uglify breaking seemingly valid code:
270 |         // https://github.com/facebookincubator/create-react-app/issues/2376
271 |         // Pending further investigation:
272 |         // https://github.com/mishoo/UglifyJS2/issues/2011
273 |         comparisons: false,
274 |       },
275 |       mangle: {
276 |         safari10: true,
277 |       },        
278 |       output: {
279 |         comments: false,
280 |         // Turned on because emoji and regex is not minified properly using default
281 |         // https://github.com/facebookincubator/create-react-app/issues/2488
282 |         ascii_only: true,
283 |       },
284 |       sourceMap: shouldUseSourceMap,
285 |     }),
286 |     // Note: this won't work without ExtractTextPlugin.extract(..) in `loaders`.
287 |     new ExtractTextPlugin({
288 |       filename: cssFilename,
289 |     }),
290 |     // Generate a manifest file which contains a mapping of all asset filenames
291 |     // to their corresponding output file so that tools can pick it up without
292 |     // having to parse `index.html`.
293 |     new ManifestPlugin({
294 |       fileName: 'asset-manifest.json',
295 |     }),
296 |     // Generate a service worker script that will precache, and keep up to date,
297 |     // the HTML & assets that are part of the Webpack build.
298 |     new SWPrecacheWebpackPlugin({
299 |       // By default, a cache-busting query parameter is appended to requests
300 |       // used to populate the caches, to ensure the responses are fresh.
301 |       // If a URL is already hashed by Webpack, then there is no concern
302 |       // about it being stale, and the cache-busting can be skipped.
303 |       dontCacheBustUrlsMatching: /\.\w{8}\./,
304 |       filename: 'service-worker.js',
305 |       logger(message) {
306 |         if (message.indexOf('Total precache size is') === 0) {
307 |           // This message occurs for every build and is a bit too noisy.
308 |           return;
309 |         }
310 |         if (message.indexOf('Skipping static resource') === 0) {
311 |           // This message obscures real errors so we ignore it.
312 |           // https://github.com/facebookincubator/create-react-app/issues/2612
313 |           return;
314 |         }
315 |         console.log(message);
316 |       },
317 |       minify: true,
318 |       // For unknown URLs, fallback to the index page
319 |       navigateFallback: publicUrl + '/index.html',
320 |       // Ignores URLs starting from /__ (useful for Firebase):
321 |       // https://github.com/facebookincubator/create-react-app/issues/2237#issuecomment-302693219
322 |       navigateFallbackWhitelist: [/^(?!\/__).*/],
323 |       // Don't precache sourcemaps (they're large) and build asset manifest:
324 |       staticFileGlobsIgnorePatterns: [/\.map$/, /asset-manifest\.json$/],
325 |     }),
326 |     // Moment.js is an extremely popular library that bundles large locale files
327 |     // by default due to how Webpack interprets its code. This is a practical
328 |     // solution that requires the user to opt into importing specific locales.
329 |     // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
330 |     // You can remove this if you don't use Moment.js:
331 |     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
332 |   ],
333 |   // Some libraries import Node modules but don't use them in the browser.
334 |   // Tell Webpack to provide empty mocks for them so importing them works.
335 |   node: {
336 |     dgram: 'empty',
337 |     fs: 'empty',
338 |     net: 'empty',
339 |     tls: 'empty',
340 |     child_process: 'empty',
341 |   },
342 | };
343 | 


--------------------------------------------------------------------------------
/config/webpackDevServer.config.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | const errorOverlayMiddleware = require('react-dev-utils/errorOverlayMiddleware');
  4 | const noopServiceWorkerMiddleware = require('react-dev-utils/noopServiceWorkerMiddleware');
  5 | const path = require('path');
  6 | const config = require('./webpack.config.dev');
  7 | const paths = require('./paths');
  8 | 
  9 | const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
 10 | const host = process.env.HOST || '0.0.0.0';
 11 | 
 12 | module.exports = function(proxy, allowedHost) {
 13 |   return {
 14 |     // WebpackDevServer 2.4.3 introduced a security fix that prevents remote
 15 |     // websites from potentially accessing local content through DNS rebinding:
 16 |     // https://github.com/webpack/webpack-dev-server/issues/887
 17 |     // https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a
 18 |     // However, it made several existing use cases such as development in cloud
 19 |     // environment or subdomains in development significantly more complicated:
 20 |     // https://github.com/facebookincubator/create-react-app/issues/2271
 21 |     // https://github.com/facebookincubator/create-react-app/issues/2233
 22 |     // While we're investigating better solutions, for now we will take a
 23 |     // compromise. Since our WDS configuration only serves files in the `public`
 24 |     // folder we won't consider accessing them a vulnerability. However, if you
 25 |     // use the `proxy` feature, it gets more dangerous because it can expose
 26 |     // remote code execution vulnerabilities in backends like Django and Rails.
 27 |     // So we will disable the host check normally, but enable it if you have
 28 |     // specified the `proxy` setting. Finally, we let you override it if you
 29 |     // really know what you're doing with a special environment variable.
 30 |     disableHostCheck:
 31 |       !proxy || process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true',
 32 |     // Enable gzip compression of generated files.
 33 |     compress: true,
 34 |     // Silence WebpackDevServer's own logs since they're generally not useful.
 35 |     // It will still show compile warnings and errors with this setting.
 36 |     clientLogLevel: 'none',
 37 |     // By default WebpackDevServer serves physical files from current directory
 38 |     // in addition to all the virtual build products that it serves from memory.
 39 |     // This is confusing because those files won’t automatically be available in
 40 |     // production build folder unless we copy them. However, copying the whole
 41 |     // project directory is dangerous because we may expose sensitive files.
 42 |     // Instead, we establish a convention that only files in `public` directory
 43 |     // get served. Our build script will copy `public` into the `build` folder.
 44 |     // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
 45 |     // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
 46 |     // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
 47 |     // Note that we only recommend to use `public` folder as an escape hatch
 48 |     // for files like `favicon.ico`, `manifest.json`, and libraries that are
 49 |     // for some reason broken when imported through Webpack. If you just want to
 50 |     // use an image, put it in `src` and `import` it from JavaScript instead.
 51 |     contentBase: paths.appPublic,
 52 |     // By default files from `contentBase` will not trigger a page reload.
 53 |     watchContentBase: true,
 54 |     // Enable hot reloading server. It will provide /sockjs-node/ endpoint
 55 |     // for the WebpackDevServer client so it can learn when the files were
 56 |     // updated. The WebpackDevServer client is included as an entry point
 57 |     // in the Webpack development configuration. Note that only changes
 58 |     // to CSS are currently hot reloaded. JS changes will refresh the browser.
 59 |     hot: true,
 60 |     // It is important to tell WebpackDevServer to use the same "root" path
 61 |     // as we specified in the config. In development, we always serve from /.
 62 |     publicPath: config.output.publicPath,
 63 |     // WebpackDevServer is noisy by default so we emit custom message instead
 64 |     // by listening to the compiler events with `compiler.plugin` calls above.
 65 |     quiet: true,
 66 |     // Reportedly, this avoids CPU overload on some systems.
 67 |     // https://github.com/facebookincubator/create-react-app/issues/293
 68 |     // src/node_modules is not ignored to support absolute imports
 69 |     // https://github.com/facebookincubator/create-react-app/issues/1065
 70 |     watchOptions: {
 71 |       ignored: new RegExp(
 72 |         `^(?!${path
 73 |           .normalize(paths.appSrc + '/')
 74 |           .replace(/[\\]+/g, '\\\\')}).+[\\\\/]node_modules[\\\\/]`,
 75 |         'g'
 76 |       ),
 77 |     },
 78 |     // Enable HTTPS if the HTTPS environment variable is set to 'true'
 79 |     https: protocol === 'https',
 80 |     host: host,
 81 |     overlay: false,
 82 |     historyApiFallback: {
 83 |       // Paths with dots should still use the history fallback.
 84 |       // See https://github.com/facebookincubator/create-react-app/issues/387.
 85 |       disableDotRule: true,
 86 |     },
 87 |     public: allowedHost,
 88 |     proxy,
 89 |     setup(app) {
 90 |       // This lets us open files from the runtime error overlay.
 91 |       app.use(errorOverlayMiddleware());
 92 |       // This service worker file is effectively a 'no-op' that will reset any
 93 |       // previous service worker registered for the same host:port combination.
 94 |       // We do this in development to avoid hitting the production cache if
 95 |       // it used the same host and port.
 96 |       // https://github.com/facebookincubator/create-react-app/issues/2272#issuecomment-302832432
 97 |       app.use(noopServiceWorkerMiddleware());
 98 |     },
 99 |   };
100 | };
101 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "hackernews-react-relay",
  3 |   "version": "0.1.0",
  4 |   "private": true,
  5 |   "dependencies": {
  6 |     "autoprefixer": "7.1.6",
  7 |     "babel-core": "6.26.0",
  8 |     "babel-eslint": "7.2.3",
  9 |     "babel-jest": "20.0.3",
 10 |     "babel-loader": "7.1.2",
 11 |     "babel-preset-react-app": "^3.1.0",
 12 |     "babel-runtime": "6.26.0",
 13 |     "case-sensitive-paths-webpack-plugin": "2.1.1",
 14 |     "chalk": "1.1.3",
 15 |     "css-loader": "0.28.7",
 16 |     "dotenv": "4.0.0",
 17 |     "eslint": "4.10.0",
 18 |     "eslint-config-react-app": "^2.0.1",
 19 |     "eslint-loader": "1.9.0",
 20 |     "eslint-plugin-flowtype": "2.39.1",
 21 |     "eslint-plugin-import": "2.8.0",
 22 |     "eslint-plugin-jsx-a11y": "5.1.1",
 23 |     "eslint-plugin-react": "7.4.0",
 24 |     "extract-text-webpack-plugin": "3.0.2",
 25 |     "file-loader": "1.1.5",
 26 |     "fs-extra": "3.0.1",
 27 |     "html-webpack-plugin": "2.29.0",
 28 |     "jest": "20.0.4",
 29 |     "object-assign": "4.1.1",
 30 |     "postcss-flexbugs-fixes": "3.2.0",
 31 |     "postcss-loader": "2.0.8",
 32 |     "promise": "8.0.1",
 33 |     "raf": "3.4.0",
 34 |     "react": "^16.0.0",
 35 |     "react-dev-utils": "^4.2.1",
 36 |     "react-dom": "^16.0.0",
 37 |     "react-relay": "^1.4.1",
 38 |     "react-router-dom": "^4.2.2",
 39 |     "style-loader": "0.19.0",
 40 |     "subscriptions-transport-ws": "0.8.3",
 41 |     "sw-precache-webpack-plugin": "0.11.4",
 42 |     "url-loader": "0.6.2",
 43 |     "webpack": "3.8.1",
 44 |     "webpack-dev-server": "2.9.3",
 45 |     "webpack-manifest-plugin": "1.3.2",
 46 |     "whatwg-fetch": "2.0.3"
 47 |   },
 48 |   "scripts": {
 49 |     "start": "node scripts/start.js",
 50 |     "build": "node scripts/build.js",
 51 |     "test": "node scripts/test.js --env=jsdom"
 52 |   },
 53 |   "jest": {
 54 |     "collectCoverageFrom": [
 55 |       "src/**/*.{js,jsx,mjs}"
 56 |     ],
 57 |     "setupFiles": [
 58 |       "<rootDir>/config/polyfills.js"
 59 |     ],
 60 |     "testMatch": [
 61 |       "<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}",
 62 |       "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"
 63 |     ],
 64 |     "testEnvironment": "node",
 65 |     "testURL": "http://localhost",
 66 |     "transform": {
 67 |       "^.+\\.(js|jsx|mjs)$": "<rootDir>/node_modules/babel-jest",
 68 |       "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
 69 |       "^(?!.*\\.(js|jsx|mjs|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
 70 |     },
 71 |     "transformIgnorePatterns": [
 72 |       "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"
 73 |     ],
 74 |     "moduleNameMapper": {
 75 |       "^react-native$": "react-native-web"
 76 |     },
 77 |     "moduleFileExtensions": [
 78 |       "web.js",
 79 |       "mjs",
 80 |       "js",
 81 |       "json",
 82 |       "web.jsx",
 83 |       "jsx",
 84 |       "node"
 85 |     ]
 86 |   },
 87 |   "babel": {
 88 |     "presets": [
 89 |       "react-app"
 90 |     ],
 91 |     "plugins": [
 92 |       "relay"
 93 |     ]
 94 |   },
 95 |   "eslintConfig": {
 96 |     "extends": "react-app"
 97 |   },
 98 |   "devDependencies": {
 99 |     "babel-plugin-relay": "^1.4.1",
100 |     "relay-compiler": "^1.4.1"
101 |   }
102 | }
103 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/howtographql/react-relay/2c3031c887d7d21aab906a0089d27e5ce36f8328/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 6 |     <meta name="theme-color" content="#000000">
 7 |     <!--
 8 |       manifest.json provides metadata used when your web app is added to the
 9 |       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
10 |     -->
11 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
12 |     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
13 |     <link rel="stylesheet" href="https://unpkg.com/tachyons@4.2.1/css/tachyons.min.css"/>
14 |     <!--
15 |       Notice the use of %PUBLIC_URL% in the tags above.
16 |       It will be replaced with the URL of the `public` folder during the build.
17 |       Only files inside the `public` folder can be referenced from the HTML.
18 | 
19 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
20 |       work correctly both with client-side routing and a non-root public URL.
21 |       Learn how to configure a non-root public URL by running `npm run build`.
22 |     -->
23 |     <title>React App</title>
24 |   </head>
25 |   <body>
26 |     <noscript>
27 |       You need to enable JavaScript to run this app.
28 |     </noscript>
29 |     <div id="root"></div>
30 |     <!--
31 |       This HTML file is a template.
32 |       If you open it directly in the browser, you will see an empty page.
33 | 
34 |       You can add webfonts, meta tags, or analytics to this file.
35 |       The build step will place the bundled scripts into the <body> tag.
36 | 
37 |       To begin the development, run `npm start` or `yarn start`.
38 |       To create a production bundle, use `npm run build` or `yarn build`.
39 |     -->
40 |   </body>
41 | </html>
42 | 


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     }
10 |   ],
11 |   "start_url": "./index.html",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/schema.graphql:
--------------------------------------------------------------------------------
  1 | #input AUTH_PROVIDER_EMAIL {
  2 | #  email: String!
  3 | #  password: String!
  4 | #}
  5 | #
  6 | ## If authentication was successful the payload contains the user and a token. If unsuccessful this payload is null.
  7 | #type SigninPayload {
  8 | #  token: String
  9 | #  user: User
 10 | #  clientMutationId: String
 11 | #  viewer: Viewer!
 12 | #}
 13 | #
 14 | #input SigninUserInput {
 15 | #  email: AUTH_PROVIDER_EMAIL
 16 | #  clientMutationId: String!
 17 | #}
 18 | #
 19 | #input SignupUserInput {
 20 | #  name: String!
 21 | #  linksIds: [ID!]
 22 | #  links: [UserlinksLink!]
 23 | #  votesIds: [ID!]
 24 | #  votes: [UservotesVote!]
 25 | #  clientMutationId: String!
 26 | #  authProvider: AuthProviderSignupData!
 27 | #}
 28 | 
 29 | 
 30 | input AddToUsersLinksLinkInput {
 31 |   postedByUserId: ID!
 32 |   linksLinkId: ID!
 33 |   clientMutationId: String!
 34 | }
 35 | 
 36 | type AddToUsersLinksPayload {
 37 |   viewer: Viewer!
 38 |   clientMutationId: String!
 39 |   linksLink: Link
 40 |   postedByUser: User
 41 |   linksLinkEdge: LinkEdge
 42 |   postedByUserEdge: UserEdge
 43 | }
 44 | 
 45 | type AddToUsersVotesPayload {
 46 |   viewer: Viewer!
 47 |   clientMutationId: String!
 48 |   userUser: User
 49 |   votesVote: Vote
 50 |   userUserEdge: UserEdge
 51 |   votesVoteEdge: VoteEdge
 52 | }
 53 | 
 54 | input AddToUsersVotesUserInput {
 55 |   votesVoteId: ID!
 56 |   userUserId: ID!
 57 |   clientMutationId: String!
 58 | }
 59 | 
 60 | input AddToVotesOnLinkLinkInput {
 61 |   votesVoteId: ID!
 62 |   linkLinkId: ID!
 63 |   clientMutationId: String!
 64 | }
 65 | 
 66 | type AddToVotesOnLinkPayload {
 67 |   viewer: Viewer!
 68 |   clientMutationId: String!
 69 |   linkLink: Link
 70 |   votesVote: Vote
 71 |   linkLinkEdge: LinkEdge
 72 |   votesVoteEdge: VoteEdge
 73 | }
 74 | 
 75 | #input AuthProviderSignupData {
 76 | #  email: AUTH_PROVIDER_EMAIL
 77 | #}
 78 | 
 79 | # The `BigDecimal` scalar type represents signed fractional values with arbitrary precision.
 80 | scalar BigDecimal
 81 | 
 82 | # The `BigInt` scalar type represents non-fractional signed whole numeric values. BigInt can represent arbitrary big values.
 83 | scalar BigInt
 84 | 
 85 | input CreateFile {
 86 |   name: String!
 87 | }
 88 | 
 89 | input CreateFileInput {
 90 |   name: String!
 91 |   clientMutationId: String!
 92 | }
 93 | 
 94 | type CreateFilePayload {
 95 |   viewer: Viewer!
 96 |   clientMutationId: String!
 97 |   file: File
 98 |   edge: FileEdge
 99 | }
100 | 
101 | input CreateLink {
102 |   description: String!
103 |   url: String!
104 |   postedById: ID
105 |   votesIds: [ID!]
106 |   votes: [LinkvotesVote!]
107 | }
108 | 
109 | input CreateLinkInput {
110 |   description: String!
111 |   url: String!
112 |   postedById: ID
113 |   votesIds: [ID!]
114 |   votes: [LinkvotesVote!]
115 |   clientMutationId: String!
116 | }
117 | 
118 | type CreateLinkPayload {
119 |   viewer: Viewer!
120 |   clientMutationId: String!
121 |   link: Link
122 |   edge: LinkEdge
123 |   postedBy: User
124 | }
125 | 
126 | input CreateUser {
127 |   name: String!
128 |   linksIds: [ID!]
129 |   links: [UserlinksLink!]
130 |   votesIds: [ID!]
131 |   votes: [UservotesVote!]
132 | }
133 | 
134 | # If authentication was successful the payload contains the user and a token. If unsuccessful this payload is null.
135 | type CreateUserPayload {
136 |   user: User
137 |   clientMutationId: String
138 |   viewer: Viewer!
139 | }
140 | 
141 | input CreateVote {
142 |   linkId: ID
143 |   link: VotelinkLink
144 |   userId: ID
145 | }
146 | 
147 | input CreateVoteInput {
148 |   linkId: ID
149 |   link: VotelinkLink
150 |   userId: ID
151 |   clientMutationId: String!
152 | }
153 | 
154 | type CreateVotePayload {
155 |   viewer: Viewer!
156 |   clientMutationId: String!
157 |   vote: Vote
158 |   edge: VoteEdge
159 |   link: Link
160 |   user: User
161 | }
162 | 
163 | scalar DateTime
164 | 
165 | input DeleteFileInput {
166 |   id: ID!
167 |   clientMutationId: String!
168 | }
169 | 
170 | type DeleteFilePayload {
171 |   viewer: Viewer!
172 |   clientMutationId: String!
173 |   file: File
174 |   edge: FileEdge
175 |   deletedId: ID
176 | }
177 | 
178 | input DeleteLinkInput {
179 |   id: ID!
180 |   clientMutationId: String!
181 | }
182 | 
183 | type DeleteLinkPayload {
184 |   viewer: Viewer!
185 |   clientMutationId: String!
186 |   link: Link
187 |   edge: LinkEdge
188 |   postedBy: User
189 |   deletedId: ID
190 | }
191 | 
192 | input DeleteUserInput {
193 |   id: ID!
194 |   clientMutationId: String!
195 | }
196 | 
197 | type DeleteUserPayload {
198 |   viewer: Viewer!
199 |   clientMutationId: String!
200 |   user: User
201 |   edge: UserEdge
202 |   deletedId: ID
203 | }
204 | 
205 | input DeleteVoteInput {
206 |   id: ID!
207 |   clientMutationId: String!
208 | }
209 | 
210 | type DeleteVotePayload {
211 |   viewer: Viewer!
212 |   clientMutationId: String!
213 |   vote: Vote
214 |   edge: VoteEdge
215 |   link: Link
216 |   user: User
217 |   deletedId: ID
218 | }
219 | 
220 | type File implements Node {
221 |   contentType: String!
222 |   createdAt: DateTime!
223 |   id: ID!
224 |   name: String!
225 |   secret: String!
226 |   size: Int!
227 |   updatedAt: DateTime!
228 |   url: String!
229 | }
230 | 
231 | # A connection to a list of items.
232 | type FileConnection {
233 |   # Information to aid in pagination.
234 |   pageInfo: PageInfo!
235 | 
236 |   # A list of edges.
237 |   edges: [FileEdge]
238 | 
239 |   # Count of filtered result set without considering pagination arguments
240 |   count: Int!
241 | }
242 | 
243 | # An edge in a connection.
244 | type FileEdge {
245 |   # The item at the end of the edge.
246 |   node: File!
247 | 
248 |   # A cursor for use in pagination.
249 |   cursor: String!
250 | }
251 | 
252 | input FileFilter {
253 |   AND: [FileFilter!]
254 |   OR: [FileFilter!]
255 |   contentType: String
256 |   contentType_not: String
257 |   contentType_in: [String!]
258 |   contentType_not_in: [String!]
259 |   contentType_lt: String
260 |   contentType_lte: String
261 |   contentType_gt: String
262 |   contentType_gte: String
263 |   contentType_contains: String
264 |   contentType_not_contains: String
265 |   contentType_starts_with: String
266 |   contentType_not_starts_with: String
267 |   contentType_ends_with: String
268 |   contentType_not_ends_with: String
269 |   createdAt: DateTime
270 |   createdAt_not: DateTime
271 |   createdAt_in: [DateTime!]
272 |   createdAt_not_in: [DateTime!]
273 |   createdAt_lt: DateTime
274 |   createdAt_lte: DateTime
275 |   createdAt_gt: DateTime
276 |   createdAt_gte: DateTime
277 |   id: ID
278 |   id_not: ID
279 |   id_in: [ID!]
280 |   id_not_in: [ID!]
281 |   id_lt: ID
282 |   id_lte: ID
283 |   id_gt: ID
284 |   id_gte: ID
285 |   id_contains: ID
286 |   id_not_contains: ID
287 |   id_starts_with: ID
288 |   id_not_starts_with: ID
289 |   id_ends_with: ID
290 |   id_not_ends_with: ID
291 |   name: String
292 |   name_not: String
293 |   name_in: [String!]
294 |   name_not_in: [String!]
295 |   name_lt: String
296 |   name_lte: String
297 |   name_gt: String
298 |   name_gte: String
299 |   name_contains: String
300 |   name_not_contains: String
301 |   name_starts_with: String
302 |   name_not_starts_with: String
303 |   name_ends_with: String
304 |   name_not_ends_with: String
305 |   secret: String
306 |   secret_not: String
307 |   secret_in: [String!]
308 |   secret_not_in: [String!]
309 |   secret_lt: String
310 |   secret_lte: String
311 |   secret_gt: String
312 |   secret_gte: String
313 |   secret_contains: String
314 |   secret_not_contains: String
315 |   secret_starts_with: String
316 |   secret_not_starts_with: String
317 |   secret_ends_with: String
318 |   secret_not_ends_with: String
319 |   size: Int
320 |   size_not: Int
321 |   size_in: [Int!]
322 |   size_not_in: [Int!]
323 |   size_lt: Int
324 |   size_lte: Int
325 |   size_gt: Int
326 |   size_gte: Int
327 |   updatedAt: DateTime
328 |   updatedAt_not: DateTime
329 |   updatedAt_in: [DateTime!]
330 |   updatedAt_not_in: [DateTime!]
331 |   updatedAt_lt: DateTime
332 |   updatedAt_lte: DateTime
333 |   updatedAt_gt: DateTime
334 |   updatedAt_gte: DateTime
335 |   url: String
336 |   url_not: String
337 |   url_in: [String!]
338 |   url_not_in: [String!]
339 |   url_lt: String
340 |   url_lte: String
341 |   url_gt: String
342 |   url_gte: String
343 |   url_contains: String
344 |   url_not_contains: String
345 |   url_starts_with: String
346 |   url_not_starts_with: String
347 |   url_ends_with: String
348 |   url_not_ends_with: String
349 | }
350 | 
351 | enum FileOrderBy {
352 |   contentType_ASC
353 |   contentType_DESC
354 |   createdAt_ASC
355 |   createdAt_DESC
356 |   id_ASC
357 |   id_DESC
358 |   name_ASC
359 |   name_DESC
360 |   secret_ASC
361 |   secret_DESC
362 |   size_ASC
363 |   size_DESC
364 |   updatedAt_ASC
365 |   updatedAt_DESC
366 |   url_ASC
367 |   url_DESC
368 | }
369 | 
370 | type Link implements Node {
371 |   createdAt: DateTime!
372 |   description: String!
373 |   id: ID!
374 |   postedBy(filter: UserFilter): User
375 |   updatedAt: DateTime!
376 |   url: String!
377 |   votes(filter: VoteFilter, orderBy: VoteOrderBy, skip: Int, after: String, before: String, first: Int, last: Int): VoteConnection
378 |   _votesMeta: _QueryMeta!
379 | }
380 | 
381 | # Meta information about the query.
382 | type _QueryMeta {
383 |   count: Int!
384 | }
385 | 
386 | 
387 | 
388 | # A connection to a list of items.
389 | type LinkConnection {
390 |   # Information to aid in pagination.
391 |   pageInfo: PageInfo
392 | 
393 |   # A list of edges.
394 |   edges: [LinkEdge]
395 | 
396 |   # Count of filtered result set without considering pagination arguments
397 |   count: Int!
398 | }
399 | 
400 | # An edge in a connection.
401 | type LinkEdge {
402 |   # The item at the end of the edge.
403 |   node: Link
404 | 
405 |   # A cursor for use in pagination.
406 |   cursor: String
407 | }
408 | 
409 | input LinkFilter {
410 |   AND: [LinkFilter!]
411 |   OR: [LinkFilter!]
412 |   createdAt: DateTime
413 |   createdAt_not: DateTime
414 |   createdAt_in: [DateTime!]
415 |   createdAt_not_in: [DateTime!]
416 |   createdAt_lt: DateTime
417 |   createdAt_lte: DateTime
418 |   createdAt_gt: DateTime
419 |   createdAt_gte: DateTime
420 |   description: String
421 |   description_not: String
422 |   description_in: [String!]
423 |   description_not_in: [String!]
424 |   description_lt: String
425 |   description_lte: String
426 |   description_gt: String
427 |   description_gte: String
428 |   description_contains: String
429 |   description_not_contains: String
430 |   description_starts_with: String
431 |   description_not_starts_with: String
432 |   description_ends_with: String
433 |   description_not_ends_with: String
434 |   id: ID
435 |   id_not: ID
436 |   id_in: [ID!]
437 |   id_not_in: [ID!]
438 |   id_lt: ID
439 |   id_lte: ID
440 |   id_gt: ID
441 |   id_gte: ID
442 |   id_contains: ID
443 |   id_not_contains: ID
444 |   id_starts_with: ID
445 |   id_not_starts_with: ID
446 |   id_ends_with: ID
447 |   id_not_ends_with: ID
448 |   updatedAt: DateTime
449 |   updatedAt_not: DateTime
450 |   updatedAt_in: [DateTime!]
451 |   updatedAt_not_in: [DateTime!]
452 |   updatedAt_lt: DateTime
453 |   updatedAt_lte: DateTime
454 |   updatedAt_gt: DateTime
455 |   updatedAt_gte: DateTime
456 |   url: String
457 |   url_not: String
458 |   url_in: [String!]
459 |   url_not_in: [String!]
460 |   url_lt: String
461 |   url_lte: String
462 |   url_gt: String
463 |   url_gte: String
464 |   url_contains: String
465 |   url_not_contains: String
466 |   url_starts_with: String
467 |   url_not_starts_with: String
468 |   url_ends_with: String
469 |   url_not_ends_with: String
470 |   postedBy: UserFilter
471 |   votes_every: VoteFilter
472 |   votes_some: VoteFilter
473 |   votes_none: VoteFilter
474 | }
475 | 
476 | enum LinkOrderBy {
477 |   createdAt_ASC
478 |   createdAt_DESC
479 |   description_ASC
480 |   description_DESC
481 |   id_ASC
482 |   id_DESC
483 |   updatedAt_ASC
484 |   updatedAt_DESC
485 |   url_ASC
486 |   url_DESC
487 | }
488 | 
489 | input LinkvotesVote {
490 |   userId: ID
491 | }
492 | 
493 | # The `Long` scalar type represents non-fractional signed whole numeric values.
494 | # Long can represent values between -(2^63) and 2^63 - 1.
495 | scalar Long
496 | 
497 | type Mutation {
498 |   createFile(input: CreateFileInput!): CreateFilePayload
499 |   createLink(input: CreateLinkInput!): CreateLinkPayload
500 |   createVote(input: CreateVoteInput!): CreateVotePayload
501 |   updateFile(input: UpdateFileInput!): UpdateFilePayload
502 |   updateLink(input: UpdateLinkInput!): UpdateLinkPayload
503 |   updateUser(input: UpdateUserInput!): UpdateUserPayload
504 |   updateVote(input: UpdateVoteInput!): UpdateVotePayload
505 |   updateOrCreateFile(input: UpdateOrCreateFileInput!): UpdateOrCreateFilePayload
506 |   updateOrCreateLink(input: UpdateOrCreateLinkInput!): UpdateOrCreateLinkPayload
507 |   updateOrCreateUser(input: UpdateOrCreateUserInput!): UpdateOrCreateUserPayload
508 |   updateOrCreateVote(input: UpdateOrCreateVoteInput!): UpdateOrCreateVotePayload
509 |   deleteFile(input: DeleteFileInput!): DeleteFilePayload
510 |   deleteLink(input: DeleteLinkInput!): DeleteLinkPayload
511 |   deleteUser(input: DeleteUserInput!): DeleteUserPayload
512 |   deleteVote(input: DeleteVoteInput!): DeleteVotePayload
513 |   addToUsersLinks(input: AddToUsersLinksLinkInput!): AddToUsersLinksPayload
514 |   addToUsersVotes(input: AddToUsersVotesUserInput!): AddToUsersVotesPayload
515 |   addToVotesOnLink(input: AddToVotesOnLinkLinkInput!): AddToVotesOnLinkPayload
516 |   removeFromUsersLinks(input: RemoveFromUsersLinksLinkInput!): RemoveFromUsersLinksPayload
517 | #  createUser(input: SignupUserInput!): CreateUserPayload!
518 | #  signinUser(input: SigninUserInput!): SigninPayload!
519 | #  createUser(input: SignupUserInput!): CreateUserPayload!
520 | 
521 |   # authenticate
522 |   authenticateUser(email: String!, password: String!): AuthenticateUserPayload
523 | 
524 |   # signup
525 |   signupUser(email: String!, password: String!, name: String!): SignupUserPayload
526 | 
527 | }
528 | 
529 | # AuthenticateUserPayload
530 | type AuthenticateUserPayload {
531 |   token: String!
532 | }
533 | 
534 | # SignupUserPayload
535 | type SignupUserPayload {
536 |   id: ID!
537 |   token: String!
538 | }
539 | 
540 | # An object with an ID
541 | interface Node {
542 |   # The id of the object.
543 |   id: ID!
544 | }
545 | 
546 | # Information about pagination in a connection.
547 | type PageInfo {
548 |   # When paginating forwards, are there more items?
549 |   hasNextPage: Boolean
550 | 
551 |   # When paginating backwards, are there more items?
552 |   hasPreviousPage: Boolean
553 | 
554 |   # When paginating backwards, the cursor to continue.
555 |   startCursor: String
556 | 
557 |   # When paginating forwards, the cursor to continue.
558 |   endCursor: String
559 | }
560 | 
561 | type Query {
562 |   viewer: Viewer!
563 | 
564 |   # Fetches an object given its ID
565 |   node(
566 |     # The ID of an object
567 |     id: ID!
568 |   ): Node
569 | }
570 | 
571 | input RemoveFromUsersLinksLinkInput {
572 |   postedByUserId: ID!
573 |   linksLinkId: ID!
574 |   clientMutationId: String!
575 | }
576 | 
577 | type RemoveFromUsersLinksPayload {
578 |   viewer: Viewer!
579 |   clientMutationId: String!
580 |   linksLink: Link
581 |   postedByUser: User
582 |   linksLinkEdge: LinkEdge
583 |   postedByUserEdge: UserEdge
584 | }
585 | 
586 | input SignupUserInput {
587 |   name: String!
588 |   linksIds: [ID!]
589 |   links: [UserlinksLink!]
590 |   votesIds: [ID!]
591 |   votes: [UservotesVote!]
592 |   clientMutationId: String!
593 | }
594 | 
595 | input UpdateFile {
596 |   id: ID!
597 |   name: String
598 | }
599 | 
600 | input UpdateFileInput {
601 |   id: ID!
602 |   name: String
603 |   clientMutationId: String!
604 | }
605 | 
606 | type UpdateFilePayload {
607 |   viewer: Viewer!
608 |   clientMutationId: String!
609 |   file: File
610 |   edge: FileEdge
611 | }
612 | 
613 | input UpdateLink {
614 |   description: String
615 |   id: ID!
616 |   url: String
617 |   postedById: ID
618 |   votesIds: [ID!]
619 |   votes: [LinkvotesVote!]
620 | }
621 | 
622 | input UpdateLinkInput {
623 |   description: String
624 |   id: ID!
625 |   url: String
626 |   postedById: ID
627 |   votesIds: [ID!]
628 |   votes: [LinkvotesVote!]
629 |   clientMutationId: String!
630 | }
631 | 
632 | type UpdateLinkPayload {
633 |   viewer: Viewer!
634 |   clientMutationId: String!
635 |   link: Link
636 |   edge: LinkEdge
637 |   postedBy: User
638 | }
639 | 
640 | input UpdateOrCreateFileInput {
641 |   update: UpdateFile!
642 |   create: CreateFile!
643 |   clientMutationId: String!
644 | }
645 | 
646 | type UpdateOrCreateFilePayload {
647 |   viewer: Viewer!
648 |   clientMutationId: String!
649 |   file: File
650 |   edge: FileEdge
651 | }
652 | 
653 | input UpdateOrCreateLinkInput {
654 |   update: UpdateLink!
655 |   create: CreateLink!
656 |   clientMutationId: String!
657 | }
658 | 
659 | type UpdateOrCreateLinkPayload {
660 |   viewer: Viewer!
661 |   clientMutationId: String!
662 |   link: Link
663 |   edge: LinkEdge
664 |   postedBy: User
665 | }
666 | 
667 | input UpdateOrCreateUserInput {
668 |   update: UpdateUser!
669 |   create: CreateUser!
670 |   clientMutationId: String!
671 | }
672 | 
673 | type UpdateOrCreateUserPayload {
674 |   viewer: Viewer!
675 |   clientMutationId: String!
676 |   user: User
677 |   edge: UserEdge
678 | }
679 | 
680 | input UpdateOrCreateVoteInput {
681 |   update: UpdateVote!
682 |   create: CreateVote!
683 |   clientMutationId: String!
684 | }
685 | 
686 | type UpdateOrCreateVotePayload {
687 |   viewer: Viewer!
688 |   clientMutationId: String!
689 |   vote: Vote
690 |   edge: VoteEdge
691 |   link: Link
692 |   user: User
693 | }
694 | 
695 | input UpdateUser {
696 |   id: ID!
697 |   name: String
698 |   linksIds: [ID!]
699 |   links: [UserlinksLink!]
700 |   votesIds: [ID!]
701 |   votes: [UservotesVote!]
702 | }
703 | 
704 | input UpdateUserInput {
705 |   id: ID!
706 |   name: String
707 |   linksIds: [ID!]
708 |   links: [UserlinksLink!]
709 |   votesIds: [ID!]
710 |   votes: [UservotesVote!]
711 |   clientMutationId: String!
712 | }
713 | 
714 | type UpdateUserPayload {
715 |   viewer: Viewer!
716 |   clientMutationId: String!
717 |   user: User
718 |   edge: UserEdge
719 | }
720 | 
721 | input UpdateVote {
722 |   id: ID!
723 |   linkId: ID
724 |   link: VotelinkLink
725 |   userId: ID
726 | }
727 | 
728 | input UpdateVoteInput {
729 |   id: ID!
730 |   linkId: ID
731 |   link: VotelinkLink
732 |   userId: ID
733 |   clientMutationId: String!
734 | }
735 | 
736 | type UpdateVotePayload {
737 |   viewer: Viewer!
738 |   clientMutationId: String!
739 |   vote: Vote
740 |   edge: VoteEdge
741 |   link: Link
742 |   user: User
743 | }
744 | 
745 | type User implements Node {
746 |   createdAt: DateTime!
747 |   id: ID!
748 |   links(filter: LinkFilter, orderBy: LinkOrderBy, skip: Int, after: String, before: String, first: Int, last: Int): LinkConnection
749 |   name: String!
750 |   updatedAt: DateTime!
751 |   votes(filter: VoteFilter, orderBy: VoteOrderBy, skip: Int, after: String, before: String, first: Int, last: Int): VoteConnection
752 | }
753 | 
754 | # A connection to a list of items.
755 | type UserConnection {
756 |   # Information to aid in pagination.
757 |   pageInfo: PageInfo!
758 | 
759 |   # A list of edges.
760 |   edges: [UserEdge]
761 | 
762 |   # Count of filtered result set without considering pagination arguments
763 |   count: Int!
764 | }
765 | 
766 | # An edge in a connection.
767 | type UserEdge {
768 |   # The item at the end of the edge.
769 |   node: User!
770 | 
771 |   # A cursor for use in pagination.
772 |   cursor: String!
773 | }
774 | 
775 | input UserFilter {
776 |   AND: [UserFilter!]
777 |   OR: [UserFilter!]
778 |   createdAt: DateTime
779 |   createdAt_not: DateTime
780 |   createdAt_in: [DateTime!]
781 |   createdAt_not_in: [DateTime!]
782 |   createdAt_lt: DateTime
783 |   createdAt_lte: DateTime
784 |   createdAt_gt: DateTime
785 |   createdAt_gte: DateTime
786 |   id: ID
787 |   id_not: ID
788 |   id_in: [ID!]
789 |   id_not_in: [ID!]
790 |   id_lt: ID
791 |   id_lte: ID
792 |   id_gt: ID
793 |   id_gte: ID
794 |   id_contains: ID
795 |   id_not_contains: ID
796 |   id_starts_with: ID
797 |   id_not_starts_with: ID
798 |   id_ends_with: ID
799 |   id_not_ends_with: ID
800 |   name: String
801 |   name_not: String
802 |   name_in: [String!]
803 |   name_not_in: [String!]
804 |   name_lt: String
805 |   name_lte: String
806 |   name_gt: String
807 |   name_gte: String
808 |   name_contains: String
809 |   name_not_contains: String
810 |   name_starts_with: String
811 |   name_not_starts_with: String
812 |   name_ends_with: String
813 |   name_not_ends_with: String
814 |   updatedAt: DateTime
815 |   updatedAt_not: DateTime
816 |   updatedAt_in: [DateTime!]
817 |   updatedAt_not_in: [DateTime!]
818 |   updatedAt_lt: DateTime
819 |   updatedAt_lte: DateTime
820 |   updatedAt_gt: DateTime
821 |   updatedAt_gte: DateTime
822 |   links_every: LinkFilter
823 |   links_some: LinkFilter
824 |   links_none: LinkFilter
825 |   votes_every: VoteFilter
826 |   votes_some: VoteFilter
827 |   votes_none: VoteFilter
828 | }
829 | 
830 | enum UserOrderBy {
831 |   createdAt_ASC
832 |   createdAt_DESC
833 |   id_ASC
834 |   id_DESC
835 |   name_ASC
836 |   name_DESC
837 |   updatedAt_ASC
838 |   updatedAt_DESC
839 | }
840 | 
841 | input UserlinksLink {
842 |   description: String!
843 |   url: String!
844 |   votesIds: [ID!]
845 |   votes: [UserlinksLinkvotesVote!]
846 | }
847 | 
848 | input UserlinksLinkvotesVote {
849 |   userId: ID
850 | }
851 | 
852 | input UservotesVote {
853 |   linkId: ID
854 |   link: UservotesVotelinkLink
855 | }
856 | 
857 | input UservotesVotelinkLink {
858 |   description: String!
859 |   url: String!
860 |   postedById: ID
861 |   votesIds: [ID!]
862 |   votes: [UservotesVotelinkLinkvotesVote!]
863 | }
864 | 
865 | input UservotesVotelinkLinkvotesVote {
866 |   linkId: ID
867 |   userId: ID
868 | }
869 | 
870 | # This is the famous Relay viewer object
871 | type Viewer {
872 |   allFiles(filter: FileFilter, orderBy: FileOrderBy, skip: Int, after: String, before: String, first: Int, last: Int): FileConnection!
873 |   allLinks(filter: LinkFilter, orderBy: LinkOrderBy, skip: Int, after: String, before: String, first: Int, last: Int): LinkConnection
874 |   allUsers(filter: UserFilter, orderBy: UserOrderBy, skip: Int, after: String, before: String, first: Int, last: Int): UserConnection!
875 |   allVotes(filter: VoteFilter, orderBy: VoteOrderBy, skip: Int, after: String, before: String, first: Int, last: Int): VoteConnection!
876 |   user: User
877 |   File(id: ID, secret: String, url: String): File
878 |   Link(id: ID): Link
879 |   User(id: ID): User
880 |   Vote(id: ID): Vote
881 |   id: ID!
882 | }
883 | 
884 | type Vote implements Node {
885 |   createdAt: DateTime!
886 |   id: ID!
887 |   link(filter: LinkFilter): Link!
888 |   updatedAt: DateTime!
889 |   user(filter: UserFilter): User!
890 | }
891 | 
892 | # A connection to a list of items.
893 | type VoteConnection {
894 |   # Information to aid in pagination.
895 |   pageInfo: PageInfo
896 | 
897 |   # A list of edges.
898 |   edges: [VoteEdge]
899 | 
900 |   # Count of filtered result set without considering pagination arguments
901 |   count: Int!
902 | }
903 | 
904 | # An edge in a connection.
905 | type VoteEdge {
906 |   # The item at the end of the edge.
907 |   node: Vote
908 | 
909 |   # A cursor for use in pagination.
910 |   cursor: String
911 | }
912 | 
913 | input VoteFilter {
914 |   AND: [VoteFilter!]
915 |   OR: [VoteFilter!]
916 |   createdAt: DateTime
917 |   createdAt_not: DateTime
918 |   createdAt_in: [DateTime!]
919 |   createdAt_not_in: [DateTime!]
920 |   createdAt_lt: DateTime
921 |   createdAt_lte: DateTime
922 |   createdAt_gt: DateTime
923 |   createdAt_gte: DateTime
924 |   id: ID
925 |   id_not: ID
926 |   id_in: [ID!]
927 |   id_not_in: [ID!]
928 |   id_lt: ID
929 |   id_lte: ID
930 |   id_gt: ID
931 |   id_gte: ID
932 |   id_contains: ID
933 |   id_not_contains: ID
934 |   id_starts_with: ID
935 |   id_not_starts_with: ID
936 |   id_ends_with: ID
937 |   id_not_ends_with: ID
938 |   updatedAt: DateTime
939 |   updatedAt_not: DateTime
940 |   updatedAt_in: [DateTime!]
941 |   updatedAt_not_in: [DateTime!]
942 |   updatedAt_lt: DateTime
943 |   updatedAt_lte: DateTime
944 |   updatedAt_gt: DateTime
945 |   updatedAt_gte: DateTime
946 |   link: LinkFilter
947 |   user: UserFilter
948 | }
949 | 
950 | enum VoteOrderBy {
951 |   createdAt_ASC
952 |   createdAt_DESC
953 |   id_ASC
954 |   id_DESC
955 |   updatedAt_ASC
956 |   updatedAt_DESC
957 | }
958 | 
959 | input VotelinkLink {
960 |   description: String!
961 |   url: String!
962 |   postedById: ID
963 |   votesIds: [ID!]
964 |   votes: [VotelinkLinkvotesVote!]
965 | }
966 | 
967 | input VotelinkLinkvotesVote {
968 |   userId: ID
969 | }
970 | 
971 | type Subscription {
972 |   Vote(filter: VoteSubscriptionFilter): VoteSubscriptionPayload
973 | }
974 | 
975 | input VoteSubscriptionFilter {
976 |   mutation_in: [_ModelMutationType!]
977 | }
978 | 
979 | type VoteSubscriptionPayload {
980 |   mutation: _ModelMutationType!
981 |   node: Vote
982 |   updatedFields: [String!]
983 |   previousValues: VotePreviousValues
984 | }
985 | 
986 | enum _ModelMutationType {
987 |   CREATED
988 |   UPDATED
989 |   DELETED
990 | }
991 | 
992 | type VotePreviousValues {
993 |   createdAt: DateTime!
994 |   id: ID!
995 |   updatedAt: DateTime!
996 | }
997 | 


--------------------------------------------------------------------------------
/scripts/build.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | // Do this as the first thing so that any code reading it knows the right env.
  4 | process.env.BABEL_ENV = 'production';
  5 | process.env.NODE_ENV = 'production';
  6 | 
  7 | // Makes the script crash on unhandled rejections instead of silently
  8 | // ignoring them. In the future, promise rejections that are not handled will
  9 | // terminate the Node.js process with a non-zero exit code.
 10 | process.on('unhandledRejection', err => {
 11 |   throw err;
 12 | });
 13 | 
 14 | // Ensure environment variables are read.
 15 | require('../config/env');
 16 | 
 17 | const path = require('path');
 18 | const chalk = require('chalk');
 19 | const fs = require('fs-extra');
 20 | const webpack = require('webpack');
 21 | const config = require('../config/webpack.config.prod');
 22 | const paths = require('../config/paths');
 23 | const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 24 | const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
 25 | const printHostingInstructions = require('react-dev-utils/printHostingInstructions');
 26 | const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
 27 | const printBuildError = require('react-dev-utils/printBuildError');
 28 | 
 29 | const measureFileSizesBeforeBuild =
 30 |   FileSizeReporter.measureFileSizesBeforeBuild;
 31 | const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
 32 | const useYarn = fs.existsSync(paths.yarnLockFile);
 33 | 
 34 | // These sizes are pretty large. We'll warn for bundles exceeding them.
 35 | const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
 36 | const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
 37 | 
 38 | // Warn and crash if required files are missing
 39 | if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
 40 |   process.exit(1);
 41 | }
 42 | 
 43 | // First, read the current file sizes in build directory.
 44 | // This lets us display how much they changed later.
 45 | measureFileSizesBeforeBuild(paths.appBuild)
 46 |   .then(previousFileSizes => {
 47 |     // Remove all content but keep the directory so that
 48 |     // if you're in it, you don't end up in Trash
 49 |     fs.emptyDirSync(paths.appBuild);
 50 |     // Merge with the public folder
 51 |     copyPublicFolder();
 52 |     // Start the webpack build
 53 |     return build(previousFileSizes);
 54 |   })
 55 |   .then(
 56 |     ({ stats, previousFileSizes, warnings }) => {
 57 |       if (warnings.length) {
 58 |         console.log(chalk.yellow('Compiled with warnings.\n'));
 59 |         console.log(warnings.join('\n\n'));
 60 |         console.log(
 61 |           '\nSearch for the ' +
 62 |             chalk.underline(chalk.yellow('keywords')) +
 63 |             ' to learn more about each warning.'
 64 |         );
 65 |         console.log(
 66 |           'To ignore, add ' +
 67 |             chalk.cyan('// eslint-disable-next-line') +
 68 |             ' to the line before.\n'
 69 |         );
 70 |       } else {
 71 |         console.log(chalk.green('Compiled successfully.\n'));
 72 |       }
 73 | 
 74 |       console.log('File sizes after gzip:\n');
 75 |       printFileSizesAfterBuild(
 76 |         stats,
 77 |         previousFileSizes,
 78 |         paths.appBuild,
 79 |         WARN_AFTER_BUNDLE_GZIP_SIZE,
 80 |         WARN_AFTER_CHUNK_GZIP_SIZE
 81 |       );
 82 |       console.log();
 83 | 
 84 |       const appPackage = require(paths.appPackageJson);
 85 |       const publicUrl = paths.publicUrl;
 86 |       const publicPath = config.output.publicPath;
 87 |       const buildFolder = path.relative(process.cwd(), paths.appBuild);
 88 |       printHostingInstructions(
 89 |         appPackage,
 90 |         publicUrl,
 91 |         publicPath,
 92 |         buildFolder,
 93 |         useYarn
 94 |       );
 95 |     },
 96 |     err => {
 97 |       console.log(chalk.red('Failed to compile.\n'));
 98 |       printBuildError(err);
 99 |       process.exit(1);
100 |     }
101 |   );
102 | 
103 | // Create the production build and print the deployment instructions.
104 | function build(previousFileSizes) {
105 |   console.log('Creating an optimized production build...');
106 | 
107 |   let compiler = webpack(config);
108 |   return new Promise((resolve, reject) => {
109 |     compiler.run((err, stats) => {
110 |       if (err) {
111 |         return reject(err);
112 |       }
113 |       const messages = formatWebpackMessages(stats.toJson({}, true));
114 |       if (messages.errors.length) {
115 |         // Only keep the first error. Others are often indicative
116 |         // of the same problem, but confuse the reader with noise.
117 |         if (messages.errors.length > 1) {
118 |           messages.errors.length = 1;
119 |         }
120 |         return reject(new Error(messages.errors.join('\n\n')));
121 |       }
122 |       if (
123 |         process.env.CI &&
124 |         (typeof process.env.CI !== 'string' ||
125 |           process.env.CI.toLowerCase() !== 'false') &&
126 |         messages.warnings.length
127 |       ) {
128 |         console.log(
129 |           chalk.yellow(
130 |             '\nTreating warnings as errors because process.env.CI = true.\n' +
131 |               'Most CI servers set it automatically.\n'
132 |           )
133 |         );
134 |         return reject(new Error(messages.warnings.join('\n\n')));
135 |       }
136 |       return resolve({
137 |         stats,
138 |         previousFileSizes,
139 |         warnings: messages.warnings,
140 |       });
141 |     });
142 |   });
143 | }
144 | 
145 | function copyPublicFolder() {
146 |   fs.copySync(paths.appPublic, paths.appBuild, {
147 |     dereference: true,
148 |     filter: file => file !== paths.appHtml,
149 |   });
150 | }
151 | 


--------------------------------------------------------------------------------
/scripts/start.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // Do this as the first thing so that any code reading it knows the right env.
 4 | process.env.BABEL_ENV = 'development';
 5 | process.env.NODE_ENV = 'development';
 6 | 
 7 | // Makes the script crash on unhandled rejections instead of silently
 8 | // ignoring them. In the future, promise rejections that are not handled will
 9 | // terminate the Node.js process with a non-zero exit code.
10 | process.on('unhandledRejection', err => {
11 |   throw err;
12 | });
13 | 
14 | // Ensure environment variables are read.
15 | require('../config/env');
16 | 
17 | const fs = require('fs');
18 | const chalk = require('chalk');
19 | const webpack = require('webpack');
20 | const WebpackDevServer = require('webpack-dev-server');
21 | const clearConsole = require('react-dev-utils/clearConsole');
22 | const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
23 | const {
24 |   choosePort,
25 |   createCompiler,
26 |   prepareProxy,
27 |   prepareUrls,
28 | } = require('react-dev-utils/WebpackDevServerUtils');
29 | const openBrowser = require('react-dev-utils/openBrowser');
30 | const paths = require('../config/paths');
31 | const config = require('../config/webpack.config.dev');
32 | const createDevServerConfig = require('../config/webpackDevServer.config');
33 | 
34 | const useYarn = fs.existsSync(paths.yarnLockFile);
35 | const isInteractive = process.stdout.isTTY;
36 | 
37 | // Warn and crash if required files are missing
38 | if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
39 |   process.exit(1);
40 | }
41 | 
42 | // Tools like Cloud9 rely on this.
43 | const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
44 | const HOST = process.env.HOST || '0.0.0.0';
45 | 
46 | // We attempt to use the default port but if it is busy, we offer the user to
47 | // run on a different port. `detect()` Promise resolves to the next free port.
48 | choosePort(HOST, DEFAULT_PORT)
49 |   .then(port => {
50 |     if (port == null) {
51 |       // We have not found a port.
52 |       return;
53 |     }
54 |     const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
55 |     const appName = require(paths.appPackageJson).name;
56 |     const urls = prepareUrls(protocol, HOST, port);
57 |     // Create a webpack compiler that is configured with custom messages.
58 |     const compiler = createCompiler(webpack, config, appName, urls, useYarn);
59 |     // Load proxy config
60 |     const proxySetting = require(paths.appPackageJson).proxy;
61 |     const proxyConfig = prepareProxy(proxySetting, paths.appPublic);
62 |     // Serve webpack assets generated by the compiler over a web sever.
63 |     const serverConfig = createDevServerConfig(
64 |       proxyConfig,
65 |       urls.lanUrlForConfig
66 |     );
67 |     const devServer = new WebpackDevServer(compiler, serverConfig);
68 |     // Launch WebpackDevServer.
69 |     devServer.listen(port, HOST, err => {
70 |       if (err) {
71 |         return console.log(err);
72 |       }
73 |       if (isInteractive) {
74 |         clearConsole();
75 |       }
76 |       console.log(chalk.cyan('Starting the development server...\n'));
77 |       openBrowser(urls.localUrlForBrowser);
78 |     });
79 | 
80 |     ['SIGINT', 'SIGTERM'].forEach(function(sig) {
81 |       process.on(sig, function() {
82 |         devServer.close();
83 |         process.exit();
84 |       });
85 |     });
86 |   })
87 |   .catch(err => {
88 |     if (err && err.message) {
89 |       console.log(err.message);
90 |     }
91 |     process.exit(1);
92 |   });
93 | 


--------------------------------------------------------------------------------
/scripts/test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // Do this as the first thing so that any code reading it knows the right env.
 4 | process.env.BABEL_ENV = 'test';
 5 | process.env.NODE_ENV = 'test';
 6 | process.env.PUBLIC_URL = '';
 7 | 
 8 | // Makes the script crash on unhandled rejections instead of silently
 9 | // ignoring them. In the future, promise rejections that are not handled will
10 | // terminate the Node.js process with a non-zero exit code.
11 | process.on('unhandledRejection', err => {
12 |   throw err;
13 | });
14 | 
15 | // Ensure environment variables are read.
16 | require('../config/env');
17 | 
18 | const jest = require('jest');
19 | const argv = process.argv.slice(2);
20 | 
21 | // Watch unless on CI or in coverage mode
22 | if (!process.env.CI && argv.indexOf('--coverage') < 0) {
23 |   argv.push('--watch');
24 | }
25 | 
26 | 
27 | jest.run(argv);
28 | 


--------------------------------------------------------------------------------
/server/graphcool.yml:
--------------------------------------------------------------------------------
 1 | # Welcome to Graphcool!
 2 | #
 3 | # This file is the main config file for your Graphcool Service.
 4 | # It's very minimal at this point and uses default values.
 5 | # We've included a hello world function here.
 6 | # Just run `graphcool deploy` to have the first running Graphcool Service.
 7 | #
 8 | # Check out some examples:
 9 | #    https://github.com/graphcool/graphcool/tree/master/examples
10 | #
11 | # Here are the reference docs of this definition format:
12 | # https://docs-next.graph.cool/reference/service-definition/graphcool.yml-foatho8aip
13 | #
14 | # Happy Coding!
15 | 
16 | 
17 | # In the types.graphql you define your data schema
18 | types: ./types.graphql
19 | 
20 | 
21 | functions:
22 | 
23 | # added by email-password template: (please uncomment)
24 | 
25 |   signup:
26 |     type: resolver
27 |     schema: src/email-password/signup.graphql
28 |     handler:
29 |       code: src/email-password/signup.ts
30 | 
31 |   authenticate:
32 |     type: resolver
33 |     schema: src/email-password/authenticate.graphql
34 |     handler:
35 |       code: src/email-password/authenticate.ts
36 | 
37 |   loggedInUser:
38 |     type: resolver
39 |     schema: src/email-password/loggedInUser.graphql
40 |     handler:
41 |       code: src/email-password/loggedInUser.ts
42 | 
43 | 
44 | # Model/Relation permissions are used to limit the API access
45 | # To take the burden of thinking about those while development, we 
46 | # preconfigured the wildcard ("*") permission that allows everything
47 | # Read more here:
48 | # https://docs-next.graph.cool/reference/auth/authorization/overview-iegoo0heez
49 | permissions:
50 | - operation: "*"
51 | 
52 |   
53 | # Your root tokens used for functions to get full access to the API
54 | # Read more here:
55 | # https://docs-next.graph.cool/reference/auth/authentication/authentication-tokens-eip7ahqu5o
56 | # rootTokens:
57 | # - mytoken
58 | 
59 | 


--------------------------------------------------------------------------------
/server/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "server",
 3 |   "version": "1.0.0",
 4 |   "description": "My Graphcool Service",
 5 |   "dependencies": {
 6 |     "@types/bcryptjs": "^2.4.1",
 7 |     "@types/validator": "^6.3.0",
 8 |     "bcryptjs": "^2.4.3",
 9 |     "graphcool-lib": "^0.1.0",
10 |     "graphql-request": "^1.4.0",
11 |     "validator": "^9.0.0"
12 |   }
13 | }


--------------------------------------------------------------------------------
/server/src/email-password/authenticate.graphql:
--------------------------------------------------------------------------------
1 | type AuthenticateUserPayload {
2 |   token: String!
3 | }
4 | 
5 | extend type Mutation {
6 |   authenticateUser(email: String!, password: String!): AuthenticateUserPayload
7 | }


--------------------------------------------------------------------------------
/server/src/email-password/authenticate.ts:
--------------------------------------------------------------------------------
 1 | import { fromEvent, FunctionEvent } from 'graphcool-lib'
 2 | import { GraphQLClient } from 'graphql-request'
 3 | import * as bcrypt from 'bcryptjs'
 4 | 
 5 | interface User {
 6 |   id: string
 7 |   password: string
 8 | }
 9 | 
10 | interface EventData {
11 |   email: string
12 |   password: string
13 | }
14 | 
15 | const SALT_ROUNDS = 10
16 | 
17 | export default async (event: FunctionEvent<EventData>) => {
18 |   console.log(event)
19 | 
20 |   try {
21 |     const graphcool = fromEvent(event)
22 |     const api = graphcool.api('simple/v1')
23 | 
24 |     const { email, password } = event.data
25 | 
26 |     // get user by email
27 |     const user: User = await getUserByEmail(api, email)
28 |       .then(r => r.User)
29 | 
30 |     // no user with this email
31 |     if (!user) {
32 |       return { error: 'Invalid credentials!' }
33 |     }
34 | 
35 |     // check password
36 |     const passwordIsCorrect = await bcrypt.compare(password, user.password)
37 |     if (!passwordIsCorrect) {
38 |       return { error: 'Invalid credentials!' }
39 |     }
40 | 
41 |     // generate node token for existing User node
42 |     const token = await graphcool.generateNodeToken(user.id, 'User')
43 | 
44 |     return { data: { id: user.id, token} }
45 |   } catch (e) {
46 |     console.log(e)
47 |     return { error: 'An unexpected error occured during authentication.' }
48 |   }
49 | }
50 | 
51 | async function getUserByEmail(api: GraphQLClient, email: string): Promise<{ User }> {
52 |   const query = `
53 |     query getUserByEmail($email: String!) {
54 |       User(email: $email) {
55 |         id
56 |         password
57 |       }
58 |     }
59 |   `
60 | 
61 |   const variables = {
62 |     email,
63 |   }
64 | 
65 |   return api.request<{ User }>(query, variables)
66 | }
67 | 


--------------------------------------------------------------------------------
/server/src/email-password/loggedInUser.graphql:
--------------------------------------------------------------------------------
1 | type LoggedInUserPayload {
2 |   id: ID!
3 | }
4 | 
5 | extend type Query {
6 |   # return user data if request contains valid authentication token
7 |   loggedInUser: LoggedInUserPayload
8 | }
9 | 


--------------------------------------------------------------------------------
/server/src/email-password/loggedInUser.ts:
--------------------------------------------------------------------------------
 1 | import { fromEvent, FunctionEvent } from 'graphcool-lib'
 2 | import { GraphQLClient } from 'graphql-request'
 3 | 
 4 | interface User {
 5 |   id: string
 6 | }
 7 | 
 8 | export default async (event: FunctionEvent<{}>) => {
 9 |   console.log(event)
10 | 
11 |   try {
12 |     // no logged in user
13 |     if (!event.context.auth || !event.context.auth.nodeId) {
14 |       return { data: null }
15 |     }
16 | 
17 |     const userId = event.context.auth.nodeId
18 |     const graphcool = fromEvent(event)
19 |     const api = graphcool.api('simple/v1')
20 | 
21 |     // get user by id
22 |     const user: User = await getUser(api, userId)
23 |       .then(r => r.User)
24 | 
25 |     // no logged in user
26 |     if (!user || !user.id) {
27 |       return { data: null }
28 |     }
29 | 
30 |     return { data: { id: user.id } }
31 |   } catch (e) {
32 |     console.log(e)
33 |     return { error: 'An unexpected error occured during authentication.' }
34 |   }
35 | }
36 | 
37 | async function getUser(api: GraphQLClient, id: string): Promise<{ User }> {
38 |   const query = `
39 |     query getUser($id: ID!) {
40 |       User(id: $id) {
41 |         id
42 |       }
43 |     }
44 |   `
45 | 
46 |   const variables = {
47 |     id,
48 |   }
49 | 
50 |   return api.request<{ User }>(query, variables)
51 | }


--------------------------------------------------------------------------------
/server/src/email-password/signup.graphql:
--------------------------------------------------------------------------------
1 | type SignupUserPayload {
2 |   id: ID!
3 |   token: String!
4 | }
5 | 
6 | extend type Mutation {
7 |   signupUser(email: String!, password: String!, name: String!): SignupUserPayload
8 | }


--------------------------------------------------------------------------------
/server/src/email-password/signup.ts:
--------------------------------------------------------------------------------
 1 | import { fromEvent, FunctionEvent } from 'graphcool-lib'
 2 | import { GraphQLClient } from 'graphql-request'
 3 | import * as bcrypt from 'bcryptjs'
 4 | import * as validator from 'validator'
 5 | 
 6 | interface User {
 7 |   id: string
 8 | }
 9 | 
10 | interface EventData {
11 |   email: string
12 |   password: string
13 |   name: string
14 | }
15 | 
16 | const SALT_ROUNDS = 10
17 | 
18 | export default async (event: FunctionEvent<EventData>) => {
19 |   console.log(event)
20 | 
21 |   try {
22 |     const graphcool = fromEvent(event)
23 |     const api = graphcool.api('simple/v1')
24 | 
25 |     const { email, password, name } = event.data
26 | 
27 |     if (!validator.isEmail(email)) {
28 |       return { error: 'Not a valid email' }
29 |     }
30 | 
31 |     // check if user exists already
32 |     const userExists: boolean = await getUser(api, email)
33 |       .then(r => r.User !== null)
34 |     if (userExists) {
35 |       return { error: 'Email already in use' }
36 |     }
37 | 
38 |     // create password hash
39 |     const salt = bcrypt.genSaltSync(SALT_ROUNDS)
40 |     const hash = await bcrypt.hash(password, SALT_ROUNDS)
41 | 
42 |     // create new user
43 |     const userId = await createGraphcoolUser(api, email, hash, name)
44 | 
45 |     // generate node token for new User node
46 |     const token = await graphcool.generateNodeToken(userId, 'User')
47 | 
48 |     return { data: { id: userId, token } }
49 |   } catch (e) {
50 |     console.log(e)
51 |     return { error: 'An unexpected error occured during signup.' }
52 |   }
53 | }
54 | 
55 | async function getUser(api: GraphQLClient, email: string): Promise<{ User }> {
56 |   const query = `
57 |     query getUser($email: String!) {
58 |       User(email: $email) {
59 |         id
60 |       }
61 |     }
62 |   `
63 | 
64 |   const variables = {
65 |     email,
66 |   }
67 | 
68 |   return api.request<{ User }>(query, variables)
69 | }
70 | 
71 | async function createGraphcoolUser(api: GraphQLClient, email: string, password: string, name: string): Promise<string> {
72 |   const mutation = `
73 |     mutation createGraphcoolUser($email: String!, $password: String!, $name: String!) {
74 |       createUser(
75 |         email: $email,
76 |         password: $password,
77 |         name: $name
78 |       ) {
79 |         id
80 |       }
81 |     }
82 |   `
83 | 
84 |   const variables = {
85 |     email,
86 |     password,
87 |     name
88 |   }
89 | 
90 |   return api.request<{ createUser: User }>(mutation, variables)
91 |     .then(r => r.createUser.id)
92 | }
93 | 


--------------------------------------------------------------------------------
/server/types.graphql:
--------------------------------------------------------------------------------
 1 | type User @model {
 2 |   id: ID! @isUnique     # required system field (read-only)
 3 |   createdAt: DateTime!  # optional system field (read-only)
 4 |   updatedAt: DateTime!  # optional system field (read-only)
 5 | 
 6 |   links: [Link!]! @relation(name: "UsersLinks")
 7 |   votes: [Vote!]! @relation(name: "UsersVotes")
 8 | 
 9 |   name: String!
10 |   email: String! @isUnique
11 |   password: String!
12 | }
13 | 
14 | type Link @model { 
15 |   id: ID! @isUnique     # required system field (read-only)
16 |   createdAt: DateTime!  # optional system field (read-only)
17 |   updatedAt: DateTime!  # optional system field (read-only)
18 | 
19 |   description: String!
20 |   url: String!
21 |   postedBy: User! @relation(name: "UsersLinks")
22 |   votes: [Vote!]! @relation(name: "VotesOnLink")
23 | }
24 | 
25 | type Vote @model {
26 |   id: ID! @isUnique     # required system field (read-only)
27 |   createdAt: DateTime!  # optional system field (read-only)
28 | 
29 |   user: User! @relation(name: "UsersVotes")
30 |   link: Link! @relation(name: "VotesOnLink")
31 | }
32 | 


--------------------------------------------------------------------------------
/server/yarn.lock:
--------------------------------------------------------------------------------
  1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
  2 | # yarn lockfile v1
  3 | 
  4 | 
  5 | "@types/bcryptjs@^2.4.1":
  6 |   version "2.4.1"
  7 |   resolved "https://registry.yarnpkg.com/@types/bcryptjs/-/bcryptjs-2.4.1.tgz#7fb63922b5b106edacdcfe084cd38850f78aacfc"
  8 | 
  9 | "@types/validator@^6.3.0":
 10 |   version "6.3.0"
 11 |   resolved "https://registry.yarnpkg.com/@types/validator/-/validator-6.3.0.tgz#d7454bd67c6a933a9dbe939ae16edbf0f6894e70"
 12 | 
 13 | apollo-fetch@^0.6.0:
 14 |   version "0.6.0"
 15 |   resolved "https://registry.yarnpkg.com/apollo-fetch/-/apollo-fetch-0.6.0.tgz#aae9b28c117af344b091ec8ba4d1a5aa0474dc5d"
 16 |   dependencies:
 17 |     isomorphic-fetch "^2.2.1"
 18 | 
 19 | apollo-link-http@^0.7.0:
 20 |   version "0.7.0"
 21 |   resolved "https://registry.yarnpkg.com/apollo-link-http/-/apollo-link-http-0.7.0.tgz#cf75e9e2537d785deefff2cd1ae2ff0dc1c88300"
 22 |   dependencies:
 23 |     apollo-fetch "^0.6.0"
 24 |     graphql "^0.11.0"
 25 | 
 26 | apollo-link@^0.7.0:
 27 |   version "0.7.0"
 28 |   resolved "https://registry.yarnpkg.com/apollo-link/-/apollo-link-0.7.0.tgz#a8f09069b31821c27285584264356b1b6e6be6f2"
 29 |   dependencies:
 30 |     apollo-utilities "^0.2.0-beta.0"
 31 |     graphql "^0.11.3"
 32 |     zen-observable-ts "^0.5.0"
 33 | 
 34 | apollo-utilities@^0.2.0-beta.0:
 35 |   version "0.2.0-rc.3"
 36 |   resolved "https://registry.yarnpkg.com/apollo-utilities/-/apollo-utilities-0.2.0-rc.3.tgz#7bd93be0f587f20c5b46e21880272e305759fdc2"
 37 | 
 38 | apollo-utilities@^1.0.1:
 39 |   version "1.0.1"
 40 |   resolved "https://registry.yarnpkg.com/apollo-utilities/-/apollo-utilities-1.0.1.tgz#34b4df0bd6ed71d0afaa7c62489173dca5d07e92"
 41 | 
 42 | bcryptjs@^2.4.3:
 43 |   version "2.4.3"
 44 |   resolved "https://registry.yarnpkg.com/bcryptjs/-/bcryptjs-2.4.3.tgz#9ab5627b93e60621ff7cdac5da9733027df1d0cb"
 45 | 
 46 | cross-fetch@0.0.8:
 47 |   version "0.0.8"
 48 |   resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-0.0.8.tgz#01ed94dc407df2c00f1807fde700a7cfa48a205c"
 49 |   dependencies:
 50 |     node-fetch "1.7.3"
 51 |     whatwg-fetch "2.0.3"
 52 | 
 53 | deprecated-decorator@^0.1.6:
 54 |   version "0.1.6"
 55 |   resolved "https://registry.yarnpkg.com/deprecated-decorator/-/deprecated-decorator-0.1.6.tgz#00966317b7a12fe92f3cc831f7583af329b86c37"
 56 | 
 57 | encoding@^0.1.11:
 58 |   version "0.1.12"
 59 |   resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb"
 60 |   dependencies:
 61 |     iconv-lite "~0.4.13"
 62 | 
 63 | graphcool-lib@^0.1.0:
 64 |   version "0.1.4"
 65 |   resolved "https://registry.yarnpkg.com/graphcool-lib/-/graphcool-lib-0.1.4.tgz#0028b6d9b10dbf4d4f50c0d3ce4ccfcac18acaff"
 66 |   dependencies:
 67 |     apollo-link "^0.7.0"
 68 |     apollo-link-http "^0.7.0"
 69 |     graphql "^0.11.2"
 70 |     graphql-request "^1.3.4"
 71 |     graphql-tools "^2.4.0"
 72 |     node-fetch "^1.7.3"
 73 |     source-map-support "^0.4.17"
 74 | 
 75 | graphql-request@^1.3.4, graphql-request@^1.4.0:
 76 |   version "1.4.0"
 77 |   resolved "https://registry.yarnpkg.com/graphql-request/-/graphql-request-1.4.0.tgz#f5b067c83070296d93fb45760e83dfad0d9f537a"
 78 |   dependencies:
 79 |     cross-fetch "0.0.8"
 80 | 
 81 | graphql-tools@^2.4.0:
 82 |   version "2.7.0"
 83 |   resolved "https://registry.yarnpkg.com/graphql-tools/-/graphql-tools-2.7.0.tgz#1045f4135e6365b50bb66595ac4f1a7b868ef148"
 84 |   dependencies:
 85 |     apollo-utilities "^1.0.1"
 86 |     deprecated-decorator "^0.1.6"
 87 |     uuid "^3.1.0"
 88 | 
 89 | graphql@^0.11.0, graphql@^0.11.2, graphql@^0.11.3:
 90 |   version "0.11.7"
 91 |   resolved "https://registry.yarnpkg.com/graphql/-/graphql-0.11.7.tgz#e5abaa9cb7b7cccb84e9f0836bf4370d268750c6"
 92 |   dependencies:
 93 |     iterall "1.1.3"
 94 | 
 95 | iconv-lite@~0.4.13:
 96 |   version "0.4.19"
 97 |   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.19.tgz#f7468f60135f5e5dad3399c0a81be9a1603a082b"
 98 | 
 99 | is-stream@^1.0.1:
100 |   version "1.1.0"
101 |   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
102 | 
103 | isomorphic-fetch@^2.2.1:
104 |   version "2.2.1"
105 |   resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
106 |   dependencies:
107 |     node-fetch "^1.0.1"
108 |     whatwg-fetch ">=0.10.0"
109 | 
110 | iterall@1.1.3:
111 |   version "1.1.3"
112 |   resolved "https://registry.yarnpkg.com/iterall/-/iterall-1.1.3.tgz#1cbbff96204056dde6656e2ed2e2226d0e6d72c9"
113 | 
114 | node-fetch@1.7.3, node-fetch@^1.0.1, node-fetch@^1.7.3:
115 |   version "1.7.3"
116 |   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
117 |   dependencies:
118 |     encoding "^0.1.11"
119 |     is-stream "^1.0.1"
120 | 
121 | source-map-support@^0.4.17:
122 |   version "0.4.18"
123 |   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.18.tgz#0286a6de8be42641338594e97ccea75f0a2c585f"
124 |   dependencies:
125 |     source-map "^0.5.6"
126 | 
127 | source-map@^0.5.6:
128 |   version "0.5.7"
129 |   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
130 | 
131 | uuid@^3.1.0:
132 |   version "3.1.0"
133 |   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.1.0.tgz#3dd3d3e790abc24d7b0d3a034ffababe28ebbc04"
134 | 
135 | validator@^9.0.0:
136 |   version "9.1.1"
137 |   resolved "https://registry.yarnpkg.com/validator/-/validator-9.1.1.tgz#3bdd1065cbd28f9d96ac806dee01030d32fd97ef"
138 | 
139 | whatwg-fetch@2.0.3, whatwg-fetch@>=0.10.0:
140 |   version "2.0.3"
141 |   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz#9c84ec2dcf68187ff00bc64e1274b442176e1c84"
142 | 
143 | zen-observable-ts@^0.5.0:
144 |   version "0.5.0"
145 |   resolved "https://registry.yarnpkg.com/zen-observable-ts/-/zen-observable-ts-0.5.0.tgz#c5021e7ac486fc281f6126d574673cfb6daf0069"
146 | 


--------------------------------------------------------------------------------
/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './components/App';
4 | 
5 | it('renders without crashing', () => {
6 |   const div = document.createElement('div');
7 |   ReactDOM.render(<App />, div);
8 | });
9 | 


--------------------------------------------------------------------------------
/src/Environment.js:
--------------------------------------------------------------------------------
 1 | import {GC_AUTH_TOKEN} from './constants'
 2 | import { SubscriptionClient } from 'subscriptions-transport-ws'
 3 | 
 4 | const {
 5 |   Environment,
 6 |   Network,
 7 |   RecordSource,
 8 |   Store,
 9 | } = require('relay-runtime')
10 | 
11 | const store = new Store(new RecordSource())
12 | 
13 | export const fetchQuery = (operation, variables) => {
14 |   return fetch('https://api.graph.cool/relay/v1/__SERVICE_ID__', {
15 |     method: 'POST',
16 |     headers: {
17 |       'Accept': 'application/json',
18 |       'Content-Type': 'application/json',
19 |       'Authorization': `Bearer ${localStorage.getItem(GC_AUTH_TOKEN)}`
20 |     },
21 |     body: JSON.stringify({
22 |       query: operation.text,
23 |       variables,
24 |     }),
25 |   }).then(response => {
26 |     return response.json()
27 |   })
28 | }
29 | 
30 | const setupSubscription = (config, variables, cacheConfig, observer) => {
31 |   const query = config.text
32 | 
33 |   const subscriptionClient = new SubscriptionClient('wss://subscriptions.graph.cool/v1/__SERVICE_ID__', {reconnect: true})
34 |   subscriptionClient.subscribe({query, variables}, (error, result) => {
35 |     observer.onNext({data: result})
36 |   })
37 | }
38 | 
39 | const network = Network.create(fetchQuery, setupSubscription)
40 | 
41 | const environment = new Environment({
42 |   network,
43 |   store,
44 | })
45 | 
46 | export default environment


--------------------------------------------------------------------------------
/src/components/App.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react'
 2 | import CreateLink from './CreateLink'
 3 | import Header from './Header'
 4 | import Login from './Login'
 5 | import LinkListPage from './LinkListPage'
 6 | import { Switch, Route } from 'react-router-dom'
 7 | 
 8 | class App extends Component {
 9 | 
10 |   render() {
11 |     return (
12 |       <div className='center w85'>
13 |         <Header />
14 |         <div className='ph3 pv1 background-gray'>
15 |           <Switch>
16 |             <Route exact path='/' component={LinkListPage}/>
17 |             <Route exact path='/login' component={Login}/>
18 |             <Route exact path='/create' component={CreateLink}/>
19 |           </Switch>
20 |         </div>
21 |       </div>
22 |     )
23 |   }
24 | 
25 | }
26 | 
27 | export default App


--------------------------------------------------------------------------------
/src/components/CreateLink.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react'
 2 | import CreateLinkMutation from '../mutations/CreateLinkMutation'
 3 | import { GC_USER_ID } from '../constants'
 4 | 
 5 | class CreateLink extends Component {
 6 | 
 7 |   state = {
 8 |     description: '',
 9 |     url: ''
10 |   }
11 | 
12 |   render() {
13 | 
14 |     return (
15 |       <div>
16 |         <div className='flex flex-column mt3'>
17 |           <input
18 |             className='mb2'
19 |             value={this.state.description}
20 |             onChange={(e) => this.setState({ description: e.target.value })}
21 |             type='text'
22 |             placeholder='A description for the link'
23 |           />
24 |           <input
25 |             className='mb2'
26 |             value={this.state.url}
27 |             onChange={(e) => this.setState({ url: e.target.value })}
28 |             type='text'
29 |             placeholder='The URL for the link'
30 |           />
31 |         </div>
32 |         <div
33 |           className='button'
34 |           onClick={() => this._createLink()}
35 |         >
36 |           submit
37 |         </div>
38 |       </div>
39 |     )
40 | 
41 |   }
42 | 
43 |   _createLink = () => {
44 |     const postedById = localStorage.getItem(GC_USER_ID)
45 |     if (!postedById) {
46 |       console.error('No user logged in')
47 |       return
48 |     }
49 |     const { description, url } = this.state
50 |     CreateLinkMutation(postedById, description, url, () => this.props.history.push('/'))
51 |   }
52 | 
53 | }
54 | 
55 | export default CreateLink


--------------------------------------------------------------------------------
/src/components/Header.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react'
 2 | import { Link } from 'react-router-dom'
 3 | import { withRouter } from 'react-router'
 4 | import { GC_USER_ID, GC_AUTH_TOKEN } from '../constants'
 5 | 
 6 | class Header extends Component {
 7 | 
 8 |   render() {
 9 |     const userId = localStorage.getItem(GC_USER_ID)
10 |     return (
11 |       <div className='flex pa1 justify-between nowrap orange'>
12 |         <div className='flex flex-fixed black'>
13 |           <div className='fw7 mr1'>Hacker News</div>
14 |           <Link to='/' className='ml1 no-underline black'>new</Link>
15 |           {userId &&
16 |           <div className='flex'>
17 |             <div className='ml1'>|</div>
18 |             <Link to='/create' className='ml1 no-underline black'>submit</Link>
19 |           </div>
20 |           }
21 |         </div>
22 |         <div className='flex flex-fixed'>
23 |           {userId ?
24 |             <div className='ml1 pointer black' onClick={() => {
25 |               localStorage.removeItem(GC_USER_ID)
26 |               localStorage.removeItem(GC_AUTH_TOKEN)
27 |               this.props.history.push(`/`)
28 |             }}>logout</div>
29 |             :
30 |             <Link to='/login' className='ml1 no-underline black'>login</Link>
31 |           }
32 |         </div>
33 |       </div>
34 |     )
35 |   }
36 | 
37 | }
38 | 
39 | export default withRouter(Header)


--------------------------------------------------------------------------------
/src/components/Link.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react'
 2 | import {
 3 |   createFragmentContainer,
 4 |   graphql
 5 | } from 'react-relay'
 6 | import { GC_USER_ID } from '../constants'
 7 | import { timeDifferenceForDate } from '../utils'
 8 | import CreateVoteMutation from '../mutations/CreateVoteMutation'
 9 | import { fetchQuery } from '../Environment'
10 | 
11 | class Link extends Component {
12 | 
13 |   render() {
14 |     const userId = localStorage.getItem(GC_USER_ID)
15 |     return (
16 |       <div className='flex mt2 items-start'>
17 |         <div className='flex items-center'>
18 |           <span className='gray'>{this.props.index + 1}.</span>
19 |           {userId && <div className='ml1 gray f11' onClick={() => this._voteForLink()}>▲</div>}
20 |         </div>
21 |         <div className='ml1'>
22 |           <div>{this.props.link.description} ({this.props.link.url})</div>
23 |           <div className='f6 lh-copy gray'>{this.props.link.votes.count} votes | by {this.props.link.postedBy ? this.props.link.postedBy.name : 'Unknown'} {timeDifferenceForDate(this.props.link.createdAt)}</div>
24 |         </div>
25 |       </div>
26 |     )
27 |   }
28 | 
29 |   _voteForLink = async () => {
30 |     const userId = localStorage.getItem(GC_USER_ID)
31 |     if (!userId) {
32 |       console.log(`Can't vote without user ID`)
33 |       return
34 |     }
35 | 
36 |     const linkId = this.props.link.id
37 | 
38 |     const canUserVoteOnLink = await this._userCanVoteOnLink(userId, linkId)
39 |     if (canUserVoteOnLink) {
40 |       CreateVoteMutation(userId, linkId)
41 |     } else {
42 |       console.log(`Current user already voted for that link`)
43 |     }
44 |   }
45 | 
46 |   _userCanVoteOnLink = async (userId, linkId) => {
47 |     const checkVoteQueryText = `
48 |       query CheckVoteQuery($userId: ID!, $linkId: ID!) {
49 |         viewer {
50 |           allVotes(filter: {
51 |             user: { id: $userId },
52 |             link: { id: $linkId }
53 |           }) {
54 |             edges {
55 |               node {
56 |                 id
57 |               }
58 |             }
59 |           }
60 |         }
61 |       }`
62 |     const checkVoteQuery = { text: checkVoteQueryText }
63 | 
64 |     const result = await fetchQuery(checkVoteQuery, {userId, linkId})
65 |     return result.data.viewer.allVotes.edges.length === 0
66 |   }
67 | 
68 | 
69 | }
70 | 
71 | export default createFragmentContainer(Link, graphql`
72 |   fragment Link_link on Link {
73 |     id
74 |     description
75 |     url
76 |     createdAt
77 |     postedBy {
78 |       id
79 |       name
80 |     }
81 |     votes {
82 |       count
83 |     }
84 |   }
85 | `)


--------------------------------------------------------------------------------
/src/components/LinkList.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react'
 2 | import Link from './Link'
 3 | import {
 4 |   createPaginationContainer,
 5 |   graphql
 6 | } from 'react-relay'
 7 | import NewVoteSubscription from '../subscriptions/NewVoteSubscription'
 8 | import {ITEMS_PER_PAGE} from '../constants'
 9 | 
10 | class LinkList extends Component {
11 | 
12 |   componentDidMount() {
13 |     NewVoteSubscription()
14 |   }
15 | 
16 |   render() {
17 | 
18 |     return (
19 |       <div>
20 |         <div>
21 |           {this.props.viewer.allLinks.edges.map(({node}, index) => (
22 |             <Link key={node.__id} index={index} link={node}/>
23 |           ))}
24 |         </div>
25 |         <div className='flex ml4 mv3 gray'>
26 |           <div className='pointer' onClick={() => this._loadMore()}>More</div>
27 |         </div>
28 |       </div>
29 |     )
30 |   }
31 | 
32 |   _loadMore() {
33 |     if (!this.props.relay.hasMore()) {
34 |       console.log(`Nothing more to load`)
35 |       return
36 |     } else if (this.props.relay.isLoading()) {
37 |       console.log(`Request is already pending`)
38 |       return
39 |     }
40 | 
41 |     this.props.relay.loadMore(ITEMS_PER_PAGE)
42 |   }
43 | 
44 | }
45 | 
46 | export default createPaginationContainer(LinkList,
47 |   {
48 |     viewer: graphql`
49 |       fragment LinkList_viewer on Viewer {
50 |         allLinks(
51 |           first: $count,
52 |           after: $after,
53 |           orderBy: createdAt_DESC
54 |         ) @connection(key: "LinkList_allLinks") {
55 |           edges {
56 |             node {
57 |               ...Link_link
58 |             }
59 |           }
60 |           pageInfo {
61 |             hasNextPage
62 |             endCursor
63 |           }
64 |         }
65 |       }
66 |     `,
67 |   },
68 |   {
69 |     direction: 'forward',
70 |     query: graphql`
71 |       query LinkListForwardQuery(
72 |       $count: Int!,
73 |       $after: String,
74 |       ) {
75 |         viewer {
76 |           ...LinkList_viewer
77 |         }
78 |       }
79 |     `,
80 |     getConnectionFromProps(props) {
81 |       return props.viewer && props.viewer.allLinks
82 |     },
83 |     getFragmentVariables(previousVariables, totalCount) {
84 |       return {
85 |         ...previousVariables,
86 |         count: totalCount,
87 |       }
88 |     },
89 |     getVariables(props, paginationInfo, fragmentVariables) {
90 |       return {
91 |         count: paginationInfo.count,
92 |         after: paginationInfo.cursor,
93 |       }
94 |     },
95 |   }
96 | )


--------------------------------------------------------------------------------
/src/components/LinkListPage.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react'
 2 | import {
 3 |   QueryRenderer,
 4 |   graphql
 5 | } from 'react-relay'
 6 | import environment from '../Environment'
 7 | import LinkList from './LinkList'
 8 | import {ITEMS_PER_PAGE} from '../constants'
 9 | 
10 | const LinkListPageQuery = graphql`
11 |   query LinkListPageQuery(
12 |     $count: Int!,
13 |     $after: String
14 |   ) {
15 |     viewer {
16 |       ...LinkList_viewer
17 |     }
18 |   }
19 | `
20 | 
21 | class LinkListPage extends Component {
22 | 
23 |   render() {
24 |     return (
25 |       <QueryRenderer
26 |         environment={environment}
27 |         variables={{
28 |           count: ITEMS_PER_PAGE,
29 |         }}
30 |         query={LinkListPageQuery}
31 |         render={({error, props}) => {
32 |           if (error) {
33 |             return <div>{error.message}</div>
34 |           } else if (props) {
35 |             return <LinkList viewer={props.viewer} />
36 |           }
37 |           return <div>Loading</div>
38 |         }}
39 |       />
40 |     )
41 |   }
42 | 
43 | }
44 | 
45 | export default LinkListPage


--------------------------------------------------------------------------------
/src/components/Login.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react'
 2 | import { GC_USER_ID, GC_AUTH_TOKEN } from '../constants'
 3 | import SigninMutation from '../mutations/AuthenticateUserMutation'
 4 | import CreateUserMutation from '../mutations/SignupUserMutation'
 5 | 
 6 | class Login extends Component {
 7 | 
 8 |   state = {
 9 |     login: true, // switch between Login and SignUp
10 |     email: '',
11 |     password: '',
12 |     name: ''
13 |   }
14 | 
15 |   render() {
16 | 
17 |     return (
18 |       <div>
19 |         <h4 className='mv3'>{this.state.login ? 'Login' : 'Sign Up'}</h4>
20 |         <div className='flex flex-column'>
21 |           {!this.state.login &&
22 |           <input
23 |             value={this.state.name}
24 |             onChange={(e) => this.setState({ name: e.target.value })}
25 |             type='text'
26 |             placeholder='Your name'
27 |           />}
28 |           <input
29 |             value={this.state.email}
30 |             onChange={(e) => this.setState({ email: e.target.value })}
31 |             type='text'
32 |             placeholder='Your email address'
33 |           />
34 |           <input
35 |             value={this.state.password}
36 |             onChange={(e) => this.setState({ password: e.target.value })}
37 |             type='password'
38 |             placeholder='Choose a safe password'
39 |           />
40 |         </div>
41 |         <div className='flex mt3'>
42 |           <div
43 |             className='pointer mr2 button'
44 |             onClick={() => this._confirm()}
45 |           >
46 |             {this.state.login ? 'login' : 'create Account' }
47 |           </div>
48 |           <div
49 |             className='pointer button'
50 |             onClick={() => this.setState({ login: !this.state.login })}
51 |           >
52 |             {this.state.login ? 'need to create an account?' : 'already have an account?'}
53 |           </div>
54 |         </div>
55 |       </div>
56 |     )
57 |   }
58 | 
59 |   _confirm = () => {
60 |     const { name, email, password } = this.state
61 |     if (this.state.login) {
62 |       SigninMutation(email, password, (id, token) => {
63 |         this._saveUserData(id, token)
64 |         this.props.history.push(`/`)
65 |       })
66 |     } else {
67 |       CreateUserMutation(name, email, password, (id, token) => {
68 |         this._saveUserData(id, token)
69 |         this.props.history.push(`/`)
70 |       })
71 |     }
72 |   }
73 | 
74 |   _saveUserData = (id, token) => {
75 |     localStorage.setItem(GC_USER_ID, id)
76 |     localStorage.setItem(GC_AUTH_TOKEN, token)
77 |   }
78 | 
79 | }
80 | 
81 | export default Login


--------------------------------------------------------------------------------
/src/components/__generated__/LinkListForwardQuery.graphql.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * @flow
  3 |  * @relayHash ed59b34c329b4cda505bae3309c04a7b
  4 |  */
  5 | 
  6 | /* eslint-disable */
  7 | 
  8 | 'use strict';
  9 | 
 10 | /*::
 11 | import type {ConcreteBatch} from 'relay-runtime';
 12 | export type LinkListForwardQueryResponse = {|
 13 |   +viewer: {| |};
 14 | |};
 15 | */
 16 | 
 17 | 
 18 | /*
 19 | query LinkListForwardQuery(
 20 |   $count: Int!
 21 |   $after: String
 22 | ) {
 23 |   viewer {
 24 |     ...LinkList_viewer
 25 |     id
 26 |   }
 27 | }
 28 | 
 29 | fragment LinkList_viewer on Viewer {
 30 |   allLinks(first: $count, after: $after, orderBy: createdAt_DESC) {
 31 |     edges {
 32 |       node {
 33 |         __typename
 34 |         ...Link_link
 35 |         id
 36 |       }
 37 |       cursor
 38 |     }
 39 |     pageInfo {
 40 |       hasNextPage
 41 |       endCursor
 42 |     }
 43 |   }
 44 | }
 45 | 
 46 | fragment Link_link on Link {
 47 |   id
 48 |   description
 49 |   url
 50 |   createdAt
 51 |   postedBy {
 52 |     id
 53 |     name
 54 |   }
 55 |   votes {
 56 |     count
 57 |   }
 58 | }
 59 | */
 60 | 
 61 | const batch /*: ConcreteBatch*/ = {
 62 |   "fragment": {
 63 |     "argumentDefinitions": [
 64 |       {
 65 |         "kind": "LocalArgument",
 66 |         "name": "count",
 67 |         "type": "Int!",
 68 |         "defaultValue": null
 69 |       },
 70 |       {
 71 |         "kind": "LocalArgument",
 72 |         "name": "after",
 73 |         "type": "String",
 74 |         "defaultValue": null
 75 |       }
 76 |     ],
 77 |     "kind": "Fragment",
 78 |     "metadata": null,
 79 |     "name": "LinkListForwardQuery",
 80 |     "selections": [
 81 |       {
 82 |         "kind": "LinkedField",
 83 |         "alias": null,
 84 |         "args": null,
 85 |         "concreteType": "Viewer",
 86 |         "name": "viewer",
 87 |         "plural": false,
 88 |         "selections": [
 89 |           {
 90 |             "kind": "FragmentSpread",
 91 |             "name": "LinkList_viewer",
 92 |             "args": null
 93 |           }
 94 |         ],
 95 |         "storageKey": null
 96 |       }
 97 |     ],
 98 |     "type": "Query"
 99 |   },
100 |   "id": null,
101 |   "kind": "Batch",
102 |   "metadata": {},
103 |   "name": "LinkListForwardQuery",
104 |   "query": {
105 |     "argumentDefinitions": [
106 |       {
107 |         "kind": "LocalArgument",
108 |         "name": "count",
109 |         "type": "Int!",
110 |         "defaultValue": null
111 |       },
112 |       {
113 |         "kind": "LocalArgument",
114 |         "name": "after",
115 |         "type": "String",
116 |         "defaultValue": null
117 |       }
118 |     ],
119 |     "kind": "Root",
120 |     "name": "LinkListForwardQuery",
121 |     "operation": "query",
122 |     "selections": [
123 |       {
124 |         "kind": "LinkedField",
125 |         "alias": null,
126 |         "args": null,
127 |         "concreteType": "Viewer",
128 |         "name": "viewer",
129 |         "plural": false,
130 |         "selections": [
131 |           {
132 |             "kind": "ScalarField",
133 |             "alias": null,
134 |             "args": null,
135 |             "name": "id",
136 |             "storageKey": null
137 |           },
138 |           {
139 |             "kind": "InlineFragment",
140 |             "type": "Viewer",
141 |             "selections": [
142 |               {
143 |                 "kind": "LinkedField",
144 |                 "alias": null,
145 |                 "args": [
146 |                   {
147 |                     "kind": "Variable",
148 |                     "name": "after",
149 |                     "variableName": "after",
150 |                     "type": "String"
151 |                   },
152 |                   {
153 |                     "kind": "Variable",
154 |                     "name": "first",
155 |                     "variableName": "count",
156 |                     "type": "Int"
157 |                   },
158 |                   {
159 |                     "kind": "Literal",
160 |                     "name": "orderBy",
161 |                     "value": "createdAt_DESC",
162 |                     "type": "LinkOrderBy"
163 |                   }
164 |                 ],
165 |                 "concreteType": "LinkConnection",
166 |                 "name": "allLinks",
167 |                 "plural": false,
168 |                 "selections": [
169 |                   {
170 |                     "kind": "LinkedField",
171 |                     "alias": null,
172 |                     "args": null,
173 |                     "concreteType": "LinkEdge",
174 |                     "name": "edges",
175 |                     "plural": true,
176 |                     "selections": [
177 |                       {
178 |                         "kind": "LinkedField",
179 |                         "alias": null,
180 |                         "args": null,
181 |                         "concreteType": "Link",
182 |                         "name": "node",
183 |                         "plural": false,
184 |                         "selections": [
185 |                           {
186 |                             "kind": "ScalarField",
187 |                             "alias": null,
188 |                             "args": null,
189 |                             "name": "__typename",
190 |                             "storageKey": null
191 |                           },
192 |                           {
193 |                             "kind": "ScalarField",
194 |                             "alias": null,
195 |                             "args": null,
196 |                             "name": "id",
197 |                             "storageKey": null
198 |                           },
199 |                           {
200 |                             "kind": "ScalarField",
201 |                             "alias": null,
202 |                             "args": null,
203 |                             "name": "description",
204 |                             "storageKey": null
205 |                           },
206 |                           {
207 |                             "kind": "ScalarField",
208 |                             "alias": null,
209 |                             "args": null,
210 |                             "name": "url",
211 |                             "storageKey": null
212 |                           },
213 |                           {
214 |                             "kind": "ScalarField",
215 |                             "alias": null,
216 |                             "args": null,
217 |                             "name": "createdAt",
218 |                             "storageKey": null
219 |                           },
220 |                           {
221 |                             "kind": "LinkedField",
222 |                             "alias": null,
223 |                             "args": null,
224 |                             "concreteType": "User",
225 |                             "name": "postedBy",
226 |                             "plural": false,
227 |                             "selections": [
228 |                               {
229 |                                 "kind": "ScalarField",
230 |                                 "alias": null,
231 |                                 "args": null,
232 |                                 "name": "id",
233 |                                 "storageKey": null
234 |                               },
235 |                               {
236 |                                 "kind": "ScalarField",
237 |                                 "alias": null,
238 |                                 "args": null,
239 |                                 "name": "name",
240 |                                 "storageKey": null
241 |                               }
242 |                             ],
243 |                             "storageKey": null
244 |                           },
245 |                           {
246 |                             "kind": "LinkedField",
247 |                             "alias": null,
248 |                             "args": null,
249 |                             "concreteType": "VoteConnection",
250 |                             "name": "votes",
251 |                             "plural": false,
252 |                             "selections": [
253 |                               {
254 |                                 "kind": "ScalarField",
255 |                                 "alias": null,
256 |                                 "args": null,
257 |                                 "name": "count",
258 |                                 "storageKey": null
259 |                               }
260 |                             ],
261 |                             "storageKey": null
262 |                           }
263 |                         ],
264 |                         "storageKey": null
265 |                       },
266 |                       {
267 |                         "kind": "ScalarField",
268 |                         "alias": null,
269 |                         "args": null,
270 |                         "name": "cursor",
271 |                         "storageKey": null
272 |                       }
273 |                     ],
274 |                     "storageKey": null
275 |                   },
276 |                   {
277 |                     "kind": "LinkedField",
278 |                     "alias": null,
279 |                     "args": null,
280 |                     "concreteType": "PageInfo",
281 |                     "name": "pageInfo",
282 |                     "plural": false,
283 |                     "selections": [
284 |                       {
285 |                         "kind": "ScalarField",
286 |                         "alias": null,
287 |                         "args": null,
288 |                         "name": "hasNextPage",
289 |                         "storageKey": null
290 |                       },
291 |                       {
292 |                         "kind": "ScalarField",
293 |                         "alias": null,
294 |                         "args": null,
295 |                         "name": "endCursor",
296 |                         "storageKey": null
297 |                       }
298 |                     ],
299 |                     "storageKey": null
300 |                   }
301 |                 ],
302 |                 "storageKey": null
303 |               },
304 |               {
305 |                 "kind": "LinkedHandle",
306 |                 "alias": null,
307 |                 "args": [
308 |                   {
309 |                     "kind": "Variable",
310 |                     "name": "after",
311 |                     "variableName": "after",
312 |                     "type": "String"
313 |                   },
314 |                   {
315 |                     "kind": "Variable",
316 |                     "name": "first",
317 |                     "variableName": "count",
318 |                     "type": "Int"
319 |                   },
320 |                   {
321 |                     "kind": "Literal",
322 |                     "name": "orderBy",
323 |                     "value": "createdAt_DESC",
324 |                     "type": "LinkOrderBy"
325 |                   }
326 |                 ],
327 |                 "handle": "connection",
328 |                 "name": "allLinks",
329 |                 "key": "LinkList_allLinks",
330 |                 "filters": [
331 |                   "orderBy"
332 |                 ]
333 |               }
334 |             ]
335 |           }
336 |         ],
337 |         "storageKey": null
338 |       }
339 |     ]
340 |   },
341 |   "text": "query LinkListForwardQuery(\n  $count: Int!\n  $after: String\n) {\n  viewer {\n    ...LinkList_viewer\n    id\n  }\n}\n\nfragment LinkList_viewer on Viewer {\n  allLinks(first: $count, after: $after, orderBy: createdAt_DESC) {\n    edges {\n      node {\n        __typename\n        ...Link_link\n        id\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n\nfragment Link_link on Link {\n  id\n  description\n  url\n  createdAt\n  postedBy {\n    id\n    name\n  }\n  votes {\n    count\n  }\n}\n"
342 | };
343 | 
344 | module.exports = batch;
345 | 


--------------------------------------------------------------------------------
/src/components/__generated__/LinkListPageQuery.graphql.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * @flow
  3 |  * @relayHash e312955d31a2c8ce9d4b6cea65ba9439
  4 |  */
  5 | 
  6 | /* eslint-disable */
  7 | 
  8 | 'use strict';
  9 | 
 10 | /*::
 11 | import type {ConcreteBatch} from 'relay-runtime';
 12 | export type LinkListPageQueryResponse = {|
 13 |   +viewer: {| |};
 14 | |};
 15 | */
 16 | 
 17 | 
 18 | /*
 19 | query LinkListPageQuery(
 20 |   $count: Int!
 21 |   $after: String
 22 | ) {
 23 |   viewer {
 24 |     ...LinkList_viewer
 25 |     id
 26 |   }
 27 | }
 28 | 
 29 | fragment LinkList_viewer on Viewer {
 30 |   allLinks(first: $count, after: $after, orderBy: createdAt_DESC) {
 31 |     edges {
 32 |       node {
 33 |         __typename
 34 |         ...Link_link
 35 |         id
 36 |       }
 37 |       cursor
 38 |     }
 39 |     pageInfo {
 40 |       hasNextPage
 41 |       endCursor
 42 |     }
 43 |   }
 44 | }
 45 | 
 46 | fragment Link_link on Link {
 47 |   id
 48 |   description
 49 |   url
 50 |   createdAt
 51 |   postedBy {
 52 |     id
 53 |     name
 54 |   }
 55 |   votes {
 56 |     count
 57 |   }
 58 | }
 59 | */
 60 | 
 61 | const batch /*: ConcreteBatch*/ = {
 62 |   "fragment": {
 63 |     "argumentDefinitions": [
 64 |       {
 65 |         "kind": "LocalArgument",
 66 |         "name": "count",
 67 |         "type": "Int!",
 68 |         "defaultValue": null
 69 |       },
 70 |       {
 71 |         "kind": "LocalArgument",
 72 |         "name": "after",
 73 |         "type": "String",
 74 |         "defaultValue": null
 75 |       }
 76 |     ],
 77 |     "kind": "Fragment",
 78 |     "metadata": null,
 79 |     "name": "LinkListPageQuery",
 80 |     "selections": [
 81 |       {
 82 |         "kind": "LinkedField",
 83 |         "alias": null,
 84 |         "args": null,
 85 |         "concreteType": "Viewer",
 86 |         "name": "viewer",
 87 |         "plural": false,
 88 |         "selections": [
 89 |           {
 90 |             "kind": "FragmentSpread",
 91 |             "name": "LinkList_viewer",
 92 |             "args": null
 93 |           }
 94 |         ],
 95 |         "storageKey": null
 96 |       }
 97 |     ],
 98 |     "type": "Query"
 99 |   },
100 |   "id": null,
101 |   "kind": "Batch",
102 |   "metadata": {},
103 |   "name": "LinkListPageQuery",
104 |   "query": {
105 |     "argumentDefinitions": [
106 |       {
107 |         "kind": "LocalArgument",
108 |         "name": "count",
109 |         "type": "Int!",
110 |         "defaultValue": null
111 |       },
112 |       {
113 |         "kind": "LocalArgument",
114 |         "name": "after",
115 |         "type": "String",
116 |         "defaultValue": null
117 |       }
118 |     ],
119 |     "kind": "Root",
120 |     "name": "LinkListPageQuery",
121 |     "operation": "query",
122 |     "selections": [
123 |       {
124 |         "kind": "LinkedField",
125 |         "alias": null,
126 |         "args": null,
127 |         "concreteType": "Viewer",
128 |         "name": "viewer",
129 |         "plural": false,
130 |         "selections": [
131 |           {
132 |             "kind": "ScalarField",
133 |             "alias": null,
134 |             "args": null,
135 |             "name": "id",
136 |             "storageKey": null
137 |           },
138 |           {
139 |             "kind": "InlineFragment",
140 |             "type": "Viewer",
141 |             "selections": [
142 |               {
143 |                 "kind": "LinkedField",
144 |                 "alias": null,
145 |                 "args": [
146 |                   {
147 |                     "kind": "Variable",
148 |                     "name": "after",
149 |                     "variableName": "after",
150 |                     "type": "String"
151 |                   },
152 |                   {
153 |                     "kind": "Variable",
154 |                     "name": "first",
155 |                     "variableName": "count",
156 |                     "type": "Int"
157 |                   },
158 |                   {
159 |                     "kind": "Literal",
160 |                     "name": "orderBy",
161 |                     "value": "createdAt_DESC",
162 |                     "type": "LinkOrderBy"
163 |                   }
164 |                 ],
165 |                 "concreteType": "LinkConnection",
166 |                 "name": "allLinks",
167 |                 "plural": false,
168 |                 "selections": [
169 |                   {
170 |                     "kind": "LinkedField",
171 |                     "alias": null,
172 |                     "args": null,
173 |                     "concreteType": "LinkEdge",
174 |                     "name": "edges",
175 |                     "plural": true,
176 |                     "selections": [
177 |                       {
178 |                         "kind": "LinkedField",
179 |                         "alias": null,
180 |                         "args": null,
181 |                         "concreteType": "Link",
182 |                         "name": "node",
183 |                         "plural": false,
184 |                         "selections": [
185 |                           {
186 |                             "kind": "ScalarField",
187 |                             "alias": null,
188 |                             "args": null,
189 |                             "name": "__typename",
190 |                             "storageKey": null
191 |                           },
192 |                           {
193 |                             "kind": "ScalarField",
194 |                             "alias": null,
195 |                             "args": null,
196 |                             "name": "id",
197 |                             "storageKey": null
198 |                           },
199 |                           {
200 |                             "kind": "ScalarField",
201 |                             "alias": null,
202 |                             "args": null,
203 |                             "name": "description",
204 |                             "storageKey": null
205 |                           },
206 |                           {
207 |                             "kind": "ScalarField",
208 |                             "alias": null,
209 |                             "args": null,
210 |                             "name": "url",
211 |                             "storageKey": null
212 |                           },
213 |                           {
214 |                             "kind": "ScalarField",
215 |                             "alias": null,
216 |                             "args": null,
217 |                             "name": "createdAt",
218 |                             "storageKey": null
219 |                           },
220 |                           {
221 |                             "kind": "LinkedField",
222 |                             "alias": null,
223 |                             "args": null,
224 |                             "concreteType": "User",
225 |                             "name": "postedBy",
226 |                             "plural": false,
227 |                             "selections": [
228 |                               {
229 |                                 "kind": "ScalarField",
230 |                                 "alias": null,
231 |                                 "args": null,
232 |                                 "name": "id",
233 |                                 "storageKey": null
234 |                               },
235 |                               {
236 |                                 "kind": "ScalarField",
237 |                                 "alias": null,
238 |                                 "args": null,
239 |                                 "name": "name",
240 |                                 "storageKey": null
241 |                               }
242 |                             ],
243 |                             "storageKey": null
244 |                           },
245 |                           {
246 |                             "kind": "LinkedField",
247 |                             "alias": null,
248 |                             "args": null,
249 |                             "concreteType": "VoteConnection",
250 |                             "name": "votes",
251 |                             "plural": false,
252 |                             "selections": [
253 |                               {
254 |                                 "kind": "ScalarField",
255 |                                 "alias": null,
256 |                                 "args": null,
257 |                                 "name": "count",
258 |                                 "storageKey": null
259 |                               }
260 |                             ],
261 |                             "storageKey": null
262 |                           }
263 |                         ],
264 |                         "storageKey": null
265 |                       },
266 |                       {
267 |                         "kind": "ScalarField",
268 |                         "alias": null,
269 |                         "args": null,
270 |                         "name": "cursor",
271 |                         "storageKey": null
272 |                       }
273 |                     ],
274 |                     "storageKey": null
275 |                   },
276 |                   {
277 |                     "kind": "LinkedField",
278 |                     "alias": null,
279 |                     "args": null,
280 |                     "concreteType": "PageInfo",
281 |                     "name": "pageInfo",
282 |                     "plural": false,
283 |                     "selections": [
284 |                       {
285 |                         "kind": "ScalarField",
286 |                         "alias": null,
287 |                         "args": null,
288 |                         "name": "hasNextPage",
289 |                         "storageKey": null
290 |                       },
291 |                       {
292 |                         "kind": "ScalarField",
293 |                         "alias": null,
294 |                         "args": null,
295 |                         "name": "endCursor",
296 |                         "storageKey": null
297 |                       }
298 |                     ],
299 |                     "storageKey": null
300 |                   }
301 |                 ],
302 |                 "storageKey": null
303 |               },
304 |               {
305 |                 "kind": "LinkedHandle",
306 |                 "alias": null,
307 |                 "args": [
308 |                   {
309 |                     "kind": "Variable",
310 |                     "name": "after",
311 |                     "variableName": "after",
312 |                     "type": "String"
313 |                   },
314 |                   {
315 |                     "kind": "Variable",
316 |                     "name": "first",
317 |                     "variableName": "count",
318 |                     "type": "Int"
319 |                   },
320 |                   {
321 |                     "kind": "Literal",
322 |                     "name": "orderBy",
323 |                     "value": "createdAt_DESC",
324 |                     "type": "LinkOrderBy"
325 |                   }
326 |                 ],
327 |                 "handle": "connection",
328 |                 "name": "allLinks",
329 |                 "key": "LinkList_allLinks",
330 |                 "filters": [
331 |                   "orderBy"
332 |                 ]
333 |               }
334 |             ]
335 |           }
336 |         ],
337 |         "storageKey": null
338 |       }
339 |     ]
340 |   },
341 |   "text": "query LinkListPageQuery(\n  $count: Int!\n  $after: String\n) {\n  viewer {\n    ...LinkList_viewer\n    id\n  }\n}\n\nfragment LinkList_viewer on Viewer {\n  allLinks(first: $count, after: $after, orderBy: createdAt_DESC) {\n    edges {\n      node {\n        __typename\n        ...Link_link\n        id\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n\nfragment Link_link on Link {\n  id\n  description\n  url\n  createdAt\n  postedBy {\n    id\n    name\n  }\n  votes {\n    count\n  }\n}\n"
342 | };
343 | 
344 | module.exports = batch;
345 | 


--------------------------------------------------------------------------------
/src/components/__generated__/LinkList_viewer.graphql.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * @flow
  3 |  */
  4 | 
  5 | /* eslint-disable */
  6 | 
  7 | 'use strict';
  8 | 
  9 | /*::
 10 | import type {ConcreteFragment} from 'relay-runtime';
 11 | export type LinkList_viewer = {|
 12 |   +allLinks: ?{|
 13 |     +edges: ?$ReadOnlyArray<?{|
 14 |       +node: ?{| |};
 15 |     |}>;
 16 |     +pageInfo: ?{|
 17 |       +hasNextPage: ?boolean;
 18 |       +endCursor: ?string;
 19 |     |};
 20 |   |};
 21 | |};
 22 | */
 23 | 
 24 | 
 25 | const fragment /*: ConcreteFragment*/ = {
 26 |   "argumentDefinitions": [
 27 |     {
 28 |       "kind": "RootArgument",
 29 |       "name": "count",
 30 |       "type": "Int"
 31 |     },
 32 |     {
 33 |       "kind": "RootArgument",
 34 |       "name": "after",
 35 |       "type": "String"
 36 |     }
 37 |   ],
 38 |   "kind": "Fragment",
 39 |   "metadata": {
 40 |     "connection": [
 41 |       {
 42 |         "count": "count",
 43 |         "cursor": "after",
 44 |         "direction": "forward",
 45 |         "path": [
 46 |           "allLinks"
 47 |         ]
 48 |       }
 49 |     ]
 50 |   },
 51 |   "name": "LinkList_viewer",
 52 |   "selections": [
 53 |     {
 54 |       "kind": "LinkedField",
 55 |       "alias": "allLinks",
 56 |       "args": [
 57 |         {
 58 |           "kind": "Literal",
 59 |           "name": "orderBy",
 60 |           "value": "createdAt_DESC",
 61 |           "type": "LinkOrderBy"
 62 |         }
 63 |       ],
 64 |       "concreteType": "LinkConnection",
 65 |       "name": "__LinkList_allLinks_connection",
 66 |       "plural": false,
 67 |       "selections": [
 68 |         {
 69 |           "kind": "LinkedField",
 70 |           "alias": null,
 71 |           "args": null,
 72 |           "concreteType": "LinkEdge",
 73 |           "name": "edges",
 74 |           "plural": true,
 75 |           "selections": [
 76 |             {
 77 |               "kind": "LinkedField",
 78 |               "alias": null,
 79 |               "args": null,
 80 |               "concreteType": "Link",
 81 |               "name": "node",
 82 |               "plural": false,
 83 |               "selections": [
 84 |                 {
 85 |                   "kind": "FragmentSpread",
 86 |                   "name": "Link_link",
 87 |                   "args": null
 88 |                 },
 89 |                 {
 90 |                   "kind": "ScalarField",
 91 |                   "alias": null,
 92 |                   "args": null,
 93 |                   "name": "__typename",
 94 |                   "storageKey": null
 95 |                 }
 96 |               ],
 97 |               "storageKey": null
 98 |             },
 99 |             {
100 |               "kind": "ScalarField",
101 |               "alias": null,
102 |               "args": null,
103 |               "name": "cursor",
104 |               "storageKey": null
105 |             }
106 |           ],
107 |           "storageKey": null
108 |         },
109 |         {
110 |           "kind": "LinkedField",
111 |           "alias": null,
112 |           "args": null,
113 |           "concreteType": "PageInfo",
114 |           "name": "pageInfo",
115 |           "plural": false,
116 |           "selections": [
117 |             {
118 |               "kind": "ScalarField",
119 |               "alias": null,
120 |               "args": null,
121 |               "name": "hasNextPage",
122 |               "storageKey": null
123 |             },
124 |             {
125 |               "kind": "ScalarField",
126 |               "alias": null,
127 |               "args": null,
128 |               "name": "endCursor",
129 |               "storageKey": null
130 |             }
131 |           ],
132 |           "storageKey": null
133 |         }
134 |       ],
135 |       "storageKey": "__LinkList_allLinks_connection{\"orderBy\":\"createdAt_DESC\"}"
136 |     }
137 |   ],
138 |   "type": "Viewer"
139 | };
140 | 
141 | module.exports = fragment;
142 | 


--------------------------------------------------------------------------------
/src/components/__generated__/Link_link.graphql.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * @flow
  3 |  */
  4 | 
  5 | /* eslint-disable */
  6 | 
  7 | 'use strict';
  8 | 
  9 | /*::
 10 | import type {ConcreteFragment} from 'relay-runtime';
 11 | export type Link_link = {|
 12 |   +id: string;
 13 |   +description: string;
 14 |   +url: string;
 15 |   +createdAt: any;
 16 |   +postedBy: ?{|
 17 |     +id: string;
 18 |     +name: string;
 19 |   |};
 20 |   +votes: ?{|
 21 |     +count: number;
 22 |   |};
 23 | |};
 24 | */
 25 | 
 26 | 
 27 | const fragment /*: ConcreteFragment*/ = {
 28 |   "argumentDefinitions": [],
 29 |   "kind": "Fragment",
 30 |   "metadata": null,
 31 |   "name": "Link_link",
 32 |   "selections": [
 33 |     {
 34 |       "kind": "ScalarField",
 35 |       "alias": null,
 36 |       "args": null,
 37 |       "name": "id",
 38 |       "storageKey": null
 39 |     },
 40 |     {
 41 |       "kind": "ScalarField",
 42 |       "alias": null,
 43 |       "args": null,
 44 |       "name": "description",
 45 |       "storageKey": null
 46 |     },
 47 |     {
 48 |       "kind": "ScalarField",
 49 |       "alias": null,
 50 |       "args": null,
 51 |       "name": "url",
 52 |       "storageKey": null
 53 |     },
 54 |     {
 55 |       "kind": "ScalarField",
 56 |       "alias": null,
 57 |       "args": null,
 58 |       "name": "createdAt",
 59 |       "storageKey": null
 60 |     },
 61 |     {
 62 |       "kind": "LinkedField",
 63 |       "alias": null,
 64 |       "args": null,
 65 |       "concreteType": "User",
 66 |       "name": "postedBy",
 67 |       "plural": false,
 68 |       "selections": [
 69 |         {
 70 |           "kind": "ScalarField",
 71 |           "alias": null,
 72 |           "args": null,
 73 |           "name": "id",
 74 |           "storageKey": null
 75 |         },
 76 |         {
 77 |           "kind": "ScalarField",
 78 |           "alias": null,
 79 |           "args": null,
 80 |           "name": "name",
 81 |           "storageKey": null
 82 |         }
 83 |       ],
 84 |       "storageKey": null
 85 |     },
 86 |     {
 87 |       "kind": "LinkedField",
 88 |       "alias": null,
 89 |       "args": null,
 90 |       "concreteType": "VoteConnection",
 91 |       "name": "votes",
 92 |       "plural": false,
 93 |       "selections": [
 94 |         {
 95 |           "kind": "ScalarField",
 96 |           "alias": null,
 97 |           "args": null,
 98 |           "name": "count",
 99 |           "storageKey": null
100 |         }
101 |       ],
102 |       "storageKey": null
103 |     }
104 |   ],
105 |   "type": "Link"
106 | };
107 | 
108 | module.exports = fragment;
109 | 


--------------------------------------------------------------------------------
/src/constants.js:
--------------------------------------------------------------------------------
1 | export const GC_USER_ID = 'graphcool-user-id'
2 | export const GC_AUTH_TOKEN = 'graphcool-auth-token'
3 | 
4 | export const ITEMS_PER_PAGE = 1


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import ReactDOM from 'react-dom'
 3 | import './styles/index.css'
 4 | import App from './components/App'
 5 | import registerServiceWorker from './registerServiceWorker'
 6 | import { BrowserRouter } from 'react-router-dom'
 7 | 
 8 | ReactDOM.render(
 9 |     <BrowserRouter>
10 |         <App />
11 |     </BrowserRouter>,
12 |     document.getElementById('root')
13 | )
14 | registerServiceWorker()
15 | 


--------------------------------------------------------------------------------
/src/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
2 |     <g fill="#61DAFB">
3 |         <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
4 |         <circle cx="420.9" cy="296.5" r="45.7"/>
5 |         <path d="M520.5 78.1z"/>
6 |     </g>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/src/mutations/AuthenticateUserMutation.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   commitMutation,
 3 |   graphql
 4 | } from 'react-relay'
 5 | import environment from '../Environment'
 6 | 
 7 | const mutation = graphql`
 8 |   mutation AuthenticateUserMutation($email: String!, $password: String!) {
 9 |     authenticateUser(email: $email, password: $password) {
10 |       token
11 |     }
12 |   }
13 | `
14 | 
15 | export default (email, password, callback) => {
16 |   const variables = {
17 |     email,
18 |     password
19 |   }
20 | 
21 |   commitMutation(
22 |     environment,
23 |     {
24 |       mutation,
25 |       variables,
26 |       onCompleted: (response) => {
27 |         const token = response.authenticateUser.token
28 |         callback(null, token)
29 |       },
30 |       onError: err => console.error(err),
31 |     },
32 |   )
33 | }


--------------------------------------------------------------------------------
/src/mutations/CreateLinkMutation.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   commitMutation,
 3 |   graphql,
 4 | } from 'react-relay'
 5 | import environment from '../Environment'
 6 | 
 7 | const mutation = graphql`
 8 |   mutation CreateLinkMutation($input: CreateLinkInput!) {
 9 |     createLink(input: $input) {
10 |       link {
11 |         id
12 |         createdAt
13 |         url
14 |         description
15 |         postedBy {
16 |           id
17 |           name
18 |         }
19 |       }
20 |     }
21 |   }
22 | `
23 | 
24 | export default (postedById, description, url, callback) => {
25 |   const variables = {
26 |     input: {
27 |       postedById,
28 |       description,
29 |       url,
30 |       clientMutationId: ""
31 |     },
32 |   }
33 | 
34 |   commitMutation(
35 |     environment,
36 |     {
37 |       mutation,
38 |       variables,
39 |       // 6
40 |       onCompleted: () => {
41 |         callback()
42 |       },
43 |       onError: err => console.error(err),
44 |     },
45 |   )
46 | }


--------------------------------------------------------------------------------
/src/mutations/CreateVoteMutation.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   commitMutation,
 3 |   graphql
 4 | } from 'react-relay'
 5 | import environment from '../Environment'
 6 | 
 7 | const mutation = graphql`
 8 |   mutation CreateVoteMutation($input: CreateVoteInput!) {
 9 |     createVote(input: $input) {
10 |       vote {
11 |         id
12 |         link {
13 |           id
14 |           votes {
15 |             count
16 |           }
17 |         }
18 |         user {
19 |           id
20 |         }
21 |       }
22 |     }
23 |   }
24 | `
25 | 
26 | export default (userId, linkId) => {
27 |   const variables = {
28 |     input: {
29 |       userId,
30 |       linkId,
31 |       clientMutationId: ""
32 |     },
33 |   }
34 | 
35 |   commitMutation(
36 |     environment,
37 |     {
38 |       mutation,
39 |       variables,
40 |       optimisticUpdater: proxyStore => {
41 |         const link = proxyStore.get(linkId)
42 |         const currentVoteCount = link.getLinkedRecord('votes').getValue('count')
43 |         const newVoteCount = currentVoteCount + 1
44 | 
45 |         link.getLinkedRecord('votes').setValue(newVoteCount, 'count')
46 |       },
47 |       updater: proxyStore => {
48 |         const createVoteField = proxyStore.getRootField('createVote')
49 |         const newVote = createVoteField.getLinkedRecord('vote')
50 |         const updatedLink = newVote.getLinkedRecord('link')
51 |         const newVotes = updatedLink.getLinkedRecord('votes')
52 |         const newVoteCount = newVotes.getValue('count')
53 | 
54 |         const link = proxyStore.get(linkId)
55 |         link.getLinkedRecord('votes').setValue(newVoteCount, 'count')
56 |       },
57 |       onError: err => console.error(err),
58 |     },
59 |   )
60 | }


--------------------------------------------------------------------------------
/src/mutations/SignupUserMutation.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |     commitMutation,
 3 |     graphql
 4 | } from 'react-relay'
 5 | import environment from '../Environment'
 6 | 
 7 | const mutation = graphql`
 8 |   mutation SignupUserMutation($email: String!, $password: String!, $name: String!) {
 9 |     signupUser(email: $email, password: $password, name: $name) {
10 |       id
11 |       token
12 |     }
13 |   }
14 | `
15 | 
16 | export default (name, email, password, callback) => {
17 |   const variables = {
18 |     name,
19 |     email,
20 |     password,
21 |   }
22 | 
23 |   commitMutation(
24 |     environment,
25 |     {
26 |       mutation,
27 |       variables,
28 |       onCompleted: (response) => {
29 |         const id = response.signupUser.id
30 |         const token = response.signupUser.token
31 |         callback(id, token)
32 |       },
33 |       onError: err => console.error(err),
34 |     },
35 |   )
36 | }


--------------------------------------------------------------------------------
/src/mutations/__generated__/AuthenticateUserMutation.graphql.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * @flow
  3 |  * @relayHash 41867c06ca6477eb153df6b156047cb1
  4 |  */
  5 | 
  6 | /* eslint-disable */
  7 | 
  8 | 'use strict';
  9 | 
 10 | /*::
 11 | import type {ConcreteBatch} from 'relay-runtime';
 12 | export type AuthenticateUserMutationVariables = {|
 13 |   email: string;
 14 |   password: string;
 15 | |};
 16 | export type AuthenticateUserMutationResponse = {|
 17 |   +authenticateUser: ?{|
 18 |     +token: string;
 19 |   |};
 20 | |};
 21 | */
 22 | 
 23 | 
 24 | /*
 25 | mutation AuthenticateUserMutation(
 26 |   $email: String!
 27 |   $password: String!
 28 | ) {
 29 |   authenticateUser(email: $email, password: $password) {
 30 |     token
 31 |   }
 32 | }
 33 | */
 34 | 
 35 | const batch /*: ConcreteBatch*/ = {
 36 |   "fragment": {
 37 |     "argumentDefinitions": [
 38 |       {
 39 |         "kind": "LocalArgument",
 40 |         "name": "email",
 41 |         "type": "String!",
 42 |         "defaultValue": null
 43 |       },
 44 |       {
 45 |         "kind": "LocalArgument",
 46 |         "name": "password",
 47 |         "type": "String!",
 48 |         "defaultValue": null
 49 |       }
 50 |     ],
 51 |     "kind": "Fragment",
 52 |     "metadata": null,
 53 |     "name": "AuthenticateUserMutation",
 54 |     "selections": [
 55 |       {
 56 |         "kind": "LinkedField",
 57 |         "alias": null,
 58 |         "args": [
 59 |           {
 60 |             "kind": "Variable",
 61 |             "name": "email",
 62 |             "variableName": "email",
 63 |             "type": "String!"
 64 |           },
 65 |           {
 66 |             "kind": "Variable",
 67 |             "name": "password",
 68 |             "variableName": "password",
 69 |             "type": "String!"
 70 |           }
 71 |         ],
 72 |         "concreteType": "AuthenticateUserPayload",
 73 |         "name": "authenticateUser",
 74 |         "plural": false,
 75 |         "selections": [
 76 |           {
 77 |             "kind": "ScalarField",
 78 |             "alias": null,
 79 |             "args": null,
 80 |             "name": "token",
 81 |             "storageKey": null
 82 |           }
 83 |         ],
 84 |         "storageKey": null
 85 |       }
 86 |     ],
 87 |     "type": "Mutation"
 88 |   },
 89 |   "id": null,
 90 |   "kind": "Batch",
 91 |   "metadata": {},
 92 |   "name": "AuthenticateUserMutation",
 93 |   "query": {
 94 |     "argumentDefinitions": [
 95 |       {
 96 |         "kind": "LocalArgument",
 97 |         "name": "email",
 98 |         "type": "String!",
 99 |         "defaultValue": null
100 |       },
101 |       {
102 |         "kind": "LocalArgument",
103 |         "name": "password",
104 |         "type": "String!",
105 |         "defaultValue": null
106 |       }
107 |     ],
108 |     "kind": "Root",
109 |     "name": "AuthenticateUserMutation",
110 |     "operation": "mutation",
111 |     "selections": [
112 |       {
113 |         "kind": "LinkedField",
114 |         "alias": null,
115 |         "args": [
116 |           {
117 |             "kind": "Variable",
118 |             "name": "email",
119 |             "variableName": "email",
120 |             "type": "String!"
121 |           },
122 |           {
123 |             "kind": "Variable",
124 |             "name": "password",
125 |             "variableName": "password",
126 |             "type": "String!"
127 |           }
128 |         ],
129 |         "concreteType": "AuthenticateUserPayload",
130 |         "name": "authenticateUser",
131 |         "plural": false,
132 |         "selections": [
133 |           {
134 |             "kind": "ScalarField",
135 |             "alias": null,
136 |             "args": null,
137 |             "name": "token",
138 |             "storageKey": null
139 |           }
140 |         ],
141 |         "storageKey": null
142 |       }
143 |     ]
144 |   },
145 |   "text": "mutation AuthenticateUserMutation(\n  $email: String!\n  $password: String!\n) {\n  authenticateUser(email: $email, password: $password) {\n    token\n  }\n}\n"
146 | };
147 | 
148 | module.exports = batch;
149 | 


--------------------------------------------------------------------------------
/src/mutations/__generated__/CreateLinkMutation.graphql.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * @flow
  3 |  * @relayHash baae055802675998e3c0bad89089f988
  4 |  */
  5 | 
  6 | /* eslint-disable */
  7 | 
  8 | 'use strict';
  9 | 
 10 | /*::
 11 | import type {ConcreteBatch} from 'relay-runtime';
 12 | export type CreateLinkMutationVariables = {|
 13 |   input: {
 14 |     description: string;
 15 |     url: string;
 16 |     postedById?: ?string;
 17 |     votesIds?: ?$ReadOnlyArray<string>;
 18 |     votes?: ?$ReadOnlyArray<{
 19 |       userId?: ?string;
 20 |     }>;
 21 |     clientMutationId: string;
 22 |   };
 23 | |};
 24 | export type CreateLinkMutationResponse = {|
 25 |   +createLink: ?{|
 26 |     +link: ?{|
 27 |       +id: string;
 28 |       +createdAt: any;
 29 |       +url: string;
 30 |       +description: string;
 31 |       +postedBy: ?{|
 32 |         +id: string;
 33 |         +name: string;
 34 |       |};
 35 |     |};
 36 |   |};
 37 | |};
 38 | */
 39 | 
 40 | 
 41 | /*
 42 | mutation CreateLinkMutation(
 43 |   $input: CreateLinkInput!
 44 | ) {
 45 |   createLink(input: $input) {
 46 |     link {
 47 |       id
 48 |       createdAt
 49 |       url
 50 |       description
 51 |       postedBy {
 52 |         id
 53 |         name
 54 |       }
 55 |     }
 56 |   }
 57 | }
 58 | */
 59 | 
 60 | const batch /*: ConcreteBatch*/ = {
 61 |   "fragment": {
 62 |     "argumentDefinitions": [
 63 |       {
 64 |         "kind": "LocalArgument",
 65 |         "name": "input",
 66 |         "type": "CreateLinkInput!",
 67 |         "defaultValue": null
 68 |       }
 69 |     ],
 70 |     "kind": "Fragment",
 71 |     "metadata": null,
 72 |     "name": "CreateLinkMutation",
 73 |     "selections": [
 74 |       {
 75 |         "kind": "LinkedField",
 76 |         "alias": null,
 77 |         "args": [
 78 |           {
 79 |             "kind": "Variable",
 80 |             "name": "input",
 81 |             "variableName": "input",
 82 |             "type": "CreateLinkInput!"
 83 |           }
 84 |         ],
 85 |         "concreteType": "CreateLinkPayload",
 86 |         "name": "createLink",
 87 |         "plural": false,
 88 |         "selections": [
 89 |           {
 90 |             "kind": "LinkedField",
 91 |             "alias": null,
 92 |             "args": null,
 93 |             "concreteType": "Link",
 94 |             "name": "link",
 95 |             "plural": false,
 96 |             "selections": [
 97 |               {
 98 |                 "kind": "ScalarField",
 99 |                 "alias": null,
100 |                 "args": null,
101 |                 "name": "id",
102 |                 "storageKey": null
103 |               },
104 |               {
105 |                 "kind": "ScalarField",
106 |                 "alias": null,
107 |                 "args": null,
108 |                 "name": "createdAt",
109 |                 "storageKey": null
110 |               },
111 |               {
112 |                 "kind": "ScalarField",
113 |                 "alias": null,
114 |                 "args": null,
115 |                 "name": "url",
116 |                 "storageKey": null
117 |               },
118 |               {
119 |                 "kind": "ScalarField",
120 |                 "alias": null,
121 |                 "args": null,
122 |                 "name": "description",
123 |                 "storageKey": null
124 |               },
125 |               {
126 |                 "kind": "LinkedField",
127 |                 "alias": null,
128 |                 "args": null,
129 |                 "concreteType": "User",
130 |                 "name": "postedBy",
131 |                 "plural": false,
132 |                 "selections": [
133 |                   {
134 |                     "kind": "ScalarField",
135 |                     "alias": null,
136 |                     "args": null,
137 |                     "name": "id",
138 |                     "storageKey": null
139 |                   },
140 |                   {
141 |                     "kind": "ScalarField",
142 |                     "alias": null,
143 |                     "args": null,
144 |                     "name": "name",
145 |                     "storageKey": null
146 |                   }
147 |                 ],
148 |                 "storageKey": null
149 |               }
150 |             ],
151 |             "storageKey": null
152 |           }
153 |         ],
154 |         "storageKey": null
155 |       }
156 |     ],
157 |     "type": "Mutation"
158 |   },
159 |   "id": null,
160 |   "kind": "Batch",
161 |   "metadata": {},
162 |   "name": "CreateLinkMutation",
163 |   "query": {
164 |     "argumentDefinitions": [
165 |       {
166 |         "kind": "LocalArgument",
167 |         "name": "input",
168 |         "type": "CreateLinkInput!",
169 |         "defaultValue": null
170 |       }
171 |     ],
172 |     "kind": "Root",
173 |     "name": "CreateLinkMutation",
174 |     "operation": "mutation",
175 |     "selections": [
176 |       {
177 |         "kind": "LinkedField",
178 |         "alias": null,
179 |         "args": [
180 |           {
181 |             "kind": "Variable",
182 |             "name": "input",
183 |             "variableName": "input",
184 |             "type": "CreateLinkInput!"
185 |           }
186 |         ],
187 |         "concreteType": "CreateLinkPayload",
188 |         "name": "createLink",
189 |         "plural": false,
190 |         "selections": [
191 |           {
192 |             "kind": "LinkedField",
193 |             "alias": null,
194 |             "args": null,
195 |             "concreteType": "Link",
196 |             "name": "link",
197 |             "plural": false,
198 |             "selections": [
199 |               {
200 |                 "kind": "ScalarField",
201 |                 "alias": null,
202 |                 "args": null,
203 |                 "name": "id",
204 |                 "storageKey": null
205 |               },
206 |               {
207 |                 "kind": "ScalarField",
208 |                 "alias": null,
209 |                 "args": null,
210 |                 "name": "createdAt",
211 |                 "storageKey": null
212 |               },
213 |               {
214 |                 "kind": "ScalarField",
215 |                 "alias": null,
216 |                 "args": null,
217 |                 "name": "url",
218 |                 "storageKey": null
219 |               },
220 |               {
221 |                 "kind": "ScalarField",
222 |                 "alias": null,
223 |                 "args": null,
224 |                 "name": "description",
225 |                 "storageKey": null
226 |               },
227 |               {
228 |                 "kind": "LinkedField",
229 |                 "alias": null,
230 |                 "args": null,
231 |                 "concreteType": "User",
232 |                 "name": "postedBy",
233 |                 "plural": false,
234 |                 "selections": [
235 |                   {
236 |                     "kind": "ScalarField",
237 |                     "alias": null,
238 |                     "args": null,
239 |                     "name": "id",
240 |                     "storageKey": null
241 |                   },
242 |                   {
243 |                     "kind": "ScalarField",
244 |                     "alias": null,
245 |                     "args": null,
246 |                     "name": "name",
247 |                     "storageKey": null
248 |                   }
249 |                 ],
250 |                 "storageKey": null
251 |               }
252 |             ],
253 |             "storageKey": null
254 |           }
255 |         ],
256 |         "storageKey": null
257 |       }
258 |     ]
259 |   },
260 |   "text": "mutation CreateLinkMutation(\n  $input: CreateLinkInput!\n) {\n  createLink(input: $input) {\n    link {\n      id\n      createdAt\n      url\n      description\n      postedBy {\n        id\n        name\n      }\n    }\n  }\n}\n"
261 | };
262 | 
263 | module.exports = batch;
264 | 


--------------------------------------------------------------------------------
/src/mutations/__generated__/CreateVoteMutation.graphql.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * @flow
  3 |  * @relayHash 9da67b0ef00cb1d4281e5d786f2c4853
  4 |  */
  5 | 
  6 | /* eslint-disable */
  7 | 
  8 | 'use strict';
  9 | 
 10 | /*::
 11 | import type {ConcreteBatch} from 'relay-runtime';
 12 | export type CreateVoteMutationVariables = {|
 13 |   input: {
 14 |     linkId?: ?string;
 15 |     link?: ?{
 16 |       description: string;
 17 |       url: string;
 18 |       postedById?: ?string;
 19 |       votesIds?: ?$ReadOnlyArray<string>;
 20 |       votes?: ?$ReadOnlyArray<{
 21 |         userId?: ?string;
 22 |       }>;
 23 |     };
 24 |     userId?: ?string;
 25 |     clientMutationId: string;
 26 |   };
 27 | |};
 28 | export type CreateVoteMutationResponse = {|
 29 |   +createVote: ?{|
 30 |     +vote: ?{|
 31 |       +id: string;
 32 |       +link: {|
 33 |         +id: string;
 34 |         +votes: ?{|
 35 |           +count: number;
 36 |         |};
 37 |       |};
 38 |       +user: {|
 39 |         +id: string;
 40 |       |};
 41 |     |};
 42 |   |};
 43 | |};
 44 | */
 45 | 
 46 | 
 47 | /*
 48 | mutation CreateVoteMutation(
 49 |   $input: CreateVoteInput!
 50 | ) {
 51 |   createVote(input: $input) {
 52 |     vote {
 53 |       id
 54 |       link {
 55 |         id
 56 |         votes {
 57 |           count
 58 |         }
 59 |       }
 60 |       user {
 61 |         id
 62 |       }
 63 |     }
 64 |   }
 65 | }
 66 | */
 67 | 
 68 | const batch /*: ConcreteBatch*/ = {
 69 |   "fragment": {
 70 |     "argumentDefinitions": [
 71 |       {
 72 |         "kind": "LocalArgument",
 73 |         "name": "input",
 74 |         "type": "CreateVoteInput!",
 75 |         "defaultValue": null
 76 |       }
 77 |     ],
 78 |     "kind": "Fragment",
 79 |     "metadata": null,
 80 |     "name": "CreateVoteMutation",
 81 |     "selections": [
 82 |       {
 83 |         "kind": "LinkedField",
 84 |         "alias": null,
 85 |         "args": [
 86 |           {
 87 |             "kind": "Variable",
 88 |             "name": "input",
 89 |             "variableName": "input",
 90 |             "type": "CreateVoteInput!"
 91 |           }
 92 |         ],
 93 |         "concreteType": "CreateVotePayload",
 94 |         "name": "createVote",
 95 |         "plural": false,
 96 |         "selections": [
 97 |           {
 98 |             "kind": "LinkedField",
 99 |             "alias": null,
100 |             "args": null,
101 |             "concreteType": "Vote",
102 |             "name": "vote",
103 |             "plural": false,
104 |             "selections": [
105 |               {
106 |                 "kind": "ScalarField",
107 |                 "alias": null,
108 |                 "args": null,
109 |                 "name": "id",
110 |                 "storageKey": null
111 |               },
112 |               {
113 |                 "kind": "LinkedField",
114 |                 "alias": null,
115 |                 "args": null,
116 |                 "concreteType": "Link",
117 |                 "name": "link",
118 |                 "plural": false,
119 |                 "selections": [
120 |                   {
121 |                     "kind": "ScalarField",
122 |                     "alias": null,
123 |                     "args": null,
124 |                     "name": "id",
125 |                     "storageKey": null
126 |                   },
127 |                   {
128 |                     "kind": "LinkedField",
129 |                     "alias": null,
130 |                     "args": null,
131 |                     "concreteType": "VoteConnection",
132 |                     "name": "votes",
133 |                     "plural": false,
134 |                     "selections": [
135 |                       {
136 |                         "kind": "ScalarField",
137 |                         "alias": null,
138 |                         "args": null,
139 |                         "name": "count",
140 |                         "storageKey": null
141 |                       }
142 |                     ],
143 |                     "storageKey": null
144 |                   }
145 |                 ],
146 |                 "storageKey": null
147 |               },
148 |               {
149 |                 "kind": "LinkedField",
150 |                 "alias": null,
151 |                 "args": null,
152 |                 "concreteType": "User",
153 |                 "name": "user",
154 |                 "plural": false,
155 |                 "selections": [
156 |                   {
157 |                     "kind": "ScalarField",
158 |                     "alias": null,
159 |                     "args": null,
160 |                     "name": "id",
161 |                     "storageKey": null
162 |                   }
163 |                 ],
164 |                 "storageKey": null
165 |               }
166 |             ],
167 |             "storageKey": null
168 |           }
169 |         ],
170 |         "storageKey": null
171 |       }
172 |     ],
173 |     "type": "Mutation"
174 |   },
175 |   "id": null,
176 |   "kind": "Batch",
177 |   "metadata": {},
178 |   "name": "CreateVoteMutation",
179 |   "query": {
180 |     "argumentDefinitions": [
181 |       {
182 |         "kind": "LocalArgument",
183 |         "name": "input",
184 |         "type": "CreateVoteInput!",
185 |         "defaultValue": null
186 |       }
187 |     ],
188 |     "kind": "Root",
189 |     "name": "CreateVoteMutation",
190 |     "operation": "mutation",
191 |     "selections": [
192 |       {
193 |         "kind": "LinkedField",
194 |         "alias": null,
195 |         "args": [
196 |           {
197 |             "kind": "Variable",
198 |             "name": "input",
199 |             "variableName": "input",
200 |             "type": "CreateVoteInput!"
201 |           }
202 |         ],
203 |         "concreteType": "CreateVotePayload",
204 |         "name": "createVote",
205 |         "plural": false,
206 |         "selections": [
207 |           {
208 |             "kind": "LinkedField",
209 |             "alias": null,
210 |             "args": null,
211 |             "concreteType": "Vote",
212 |             "name": "vote",
213 |             "plural": false,
214 |             "selections": [
215 |               {
216 |                 "kind": "ScalarField",
217 |                 "alias": null,
218 |                 "args": null,
219 |                 "name": "id",
220 |                 "storageKey": null
221 |               },
222 |               {
223 |                 "kind": "LinkedField",
224 |                 "alias": null,
225 |                 "args": null,
226 |                 "concreteType": "Link",
227 |                 "name": "link",
228 |                 "plural": false,
229 |                 "selections": [
230 |                   {
231 |                     "kind": "ScalarField",
232 |                     "alias": null,
233 |                     "args": null,
234 |                     "name": "id",
235 |                     "storageKey": null
236 |                   },
237 |                   {
238 |                     "kind": "LinkedField",
239 |                     "alias": null,
240 |                     "args": null,
241 |                     "concreteType": "VoteConnection",
242 |                     "name": "votes",
243 |                     "plural": false,
244 |                     "selections": [
245 |                       {
246 |                         "kind": "ScalarField",
247 |                         "alias": null,
248 |                         "args": null,
249 |                         "name": "count",
250 |                         "storageKey": null
251 |                       }
252 |                     ],
253 |                     "storageKey": null
254 |                   }
255 |                 ],
256 |                 "storageKey": null
257 |               },
258 |               {
259 |                 "kind": "LinkedField",
260 |                 "alias": null,
261 |                 "args": null,
262 |                 "concreteType": "User",
263 |                 "name": "user",
264 |                 "plural": false,
265 |                 "selections": [
266 |                   {
267 |                     "kind": "ScalarField",
268 |                     "alias": null,
269 |                     "args": null,
270 |                     "name": "id",
271 |                     "storageKey": null
272 |                   }
273 |                 ],
274 |                 "storageKey": null
275 |               }
276 |             ],
277 |             "storageKey": null
278 |           }
279 |         ],
280 |         "storageKey": null
281 |       }
282 |     ]
283 |   },
284 |   "text": "mutation CreateVoteMutation(\n  $input: CreateVoteInput!\n) {\n  createVote(input: $input) {\n    vote {\n      id\n      link {\n        id\n        votes {\n          count\n        }\n      }\n      user {\n        id\n      }\n    }\n  }\n}\n"
285 | };
286 | 
287 | module.exports = batch;
288 | 


--------------------------------------------------------------------------------
/src/mutations/__generated__/SignupUserMutation.graphql.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * @flow
  3 |  * @relayHash 22dac6ad7c83d062c7d094c4188a9f44
  4 |  */
  5 | 
  6 | /* eslint-disable */
  7 | 
  8 | 'use strict';
  9 | 
 10 | /*::
 11 | import type {ConcreteBatch} from 'relay-runtime';
 12 | export type SignupUserMutationVariables = {|
 13 |   email: string;
 14 |   password: string;
 15 |   name: string;
 16 | |};
 17 | export type SignupUserMutationResponse = {|
 18 |   +signupUser: ?{|
 19 |     +id: string;
 20 |     +token: string;
 21 |   |};
 22 | |};
 23 | */
 24 | 
 25 | 
 26 | /*
 27 | mutation SignupUserMutation(
 28 |   $email: String!
 29 |   $password: String!
 30 |   $name: String!
 31 | ) {
 32 |   signupUser(email: $email, password: $password, name: $name) {
 33 |     id
 34 |     token
 35 |   }
 36 | }
 37 | */
 38 | 
 39 | const batch /*: ConcreteBatch*/ = {
 40 |   "fragment": {
 41 |     "argumentDefinitions": [
 42 |       {
 43 |         "kind": "LocalArgument",
 44 |         "name": "email",
 45 |         "type": "String!",
 46 |         "defaultValue": null
 47 |       },
 48 |       {
 49 |         "kind": "LocalArgument",
 50 |         "name": "password",
 51 |         "type": "String!",
 52 |         "defaultValue": null
 53 |       },
 54 |       {
 55 |         "kind": "LocalArgument",
 56 |         "name": "name",
 57 |         "type": "String!",
 58 |         "defaultValue": null
 59 |       }
 60 |     ],
 61 |     "kind": "Fragment",
 62 |     "metadata": null,
 63 |     "name": "SignupUserMutation",
 64 |     "selections": [
 65 |       {
 66 |         "kind": "LinkedField",
 67 |         "alias": null,
 68 |         "args": [
 69 |           {
 70 |             "kind": "Variable",
 71 |             "name": "email",
 72 |             "variableName": "email",
 73 |             "type": "String!"
 74 |           },
 75 |           {
 76 |             "kind": "Variable",
 77 |             "name": "name",
 78 |             "variableName": "name",
 79 |             "type": "String!"
 80 |           },
 81 |           {
 82 |             "kind": "Variable",
 83 |             "name": "password",
 84 |             "variableName": "password",
 85 |             "type": "String!"
 86 |           }
 87 |         ],
 88 |         "concreteType": "SignupUserPayload",
 89 |         "name": "signupUser",
 90 |         "plural": false,
 91 |         "selections": [
 92 |           {
 93 |             "kind": "ScalarField",
 94 |             "alias": null,
 95 |             "args": null,
 96 |             "name": "id",
 97 |             "storageKey": null
 98 |           },
 99 |           {
100 |             "kind": "ScalarField",
101 |             "alias": null,
102 |             "args": null,
103 |             "name": "token",
104 |             "storageKey": null
105 |           }
106 |         ],
107 |         "storageKey": null
108 |       }
109 |     ],
110 |     "type": "Mutation"
111 |   },
112 |   "id": null,
113 |   "kind": "Batch",
114 |   "metadata": {},
115 |   "name": "SignupUserMutation",
116 |   "query": {
117 |     "argumentDefinitions": [
118 |       {
119 |         "kind": "LocalArgument",
120 |         "name": "email",
121 |         "type": "String!",
122 |         "defaultValue": null
123 |       },
124 |       {
125 |         "kind": "LocalArgument",
126 |         "name": "password",
127 |         "type": "String!",
128 |         "defaultValue": null
129 |       },
130 |       {
131 |         "kind": "LocalArgument",
132 |         "name": "name",
133 |         "type": "String!",
134 |         "defaultValue": null
135 |       }
136 |     ],
137 |     "kind": "Root",
138 |     "name": "SignupUserMutation",
139 |     "operation": "mutation",
140 |     "selections": [
141 |       {
142 |         "kind": "LinkedField",
143 |         "alias": null,
144 |         "args": [
145 |           {
146 |             "kind": "Variable",
147 |             "name": "email",
148 |             "variableName": "email",
149 |             "type": "String!"
150 |           },
151 |           {
152 |             "kind": "Variable",
153 |             "name": "name",
154 |             "variableName": "name",
155 |             "type": "String!"
156 |           },
157 |           {
158 |             "kind": "Variable",
159 |             "name": "password",
160 |             "variableName": "password",
161 |             "type": "String!"
162 |           }
163 |         ],
164 |         "concreteType": "SignupUserPayload",
165 |         "name": "signupUser",
166 |         "plural": false,
167 |         "selections": [
168 |           {
169 |             "kind": "ScalarField",
170 |             "alias": null,
171 |             "args": null,
172 |             "name": "id",
173 |             "storageKey": null
174 |           },
175 |           {
176 |             "kind": "ScalarField",
177 |             "alias": null,
178 |             "args": null,
179 |             "name": "token",
180 |             "storageKey": null
181 |           }
182 |         ],
183 |         "storageKey": null
184 |       }
185 |     ]
186 |   },
187 |   "text": "mutation SignupUserMutation(\n  $email: String!\n  $password: String!\n  $name: String!\n) {\n  signupUser(email: $email, password: $password, name: $name) {\n    id\n    token\n  }\n}\n"
188 | };
189 | 
190 | module.exports = batch;
191 | 


--------------------------------------------------------------------------------
/src/registerServiceWorker.js:
--------------------------------------------------------------------------------
  1 | // In production, we register a service worker to serve assets from local cache.
  2 | 
  3 | // This lets the app load faster on subsequent visits in production, and gives
  4 | // it offline capabilities. However, it also means that developers (and users)
  5 | // will only see deployed updates on the "N+1" visit to a page, since previously
  6 | // cached resources are updated in the background.
  7 | 
  8 | // To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
  9 | // This link also includes instructions on opting out of this behavior.
 10 | 
 11 | const isLocalhost = Boolean(
 12 |   window.location.hostname === 'localhost' ||
 13 |     // [::1] is the IPv6 localhost address.
 14 |     window.location.hostname === '[::1]' ||
 15 |     // 127.0.0.1/8 is considered localhost for IPv4.
 16 |     window.location.hostname.match(
 17 |       /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
 18 |     )
 19 | );
 20 | 
 21 | export default function register() {
 22 |   if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
 23 |     // The URL constructor is available in all browsers that support SW.
 24 |     const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
 25 |     if (publicUrl.origin !== window.location.origin) {
 26 |       // Our service worker won't work if PUBLIC_URL is on a different origin
 27 |       // from what our page is served on. This might happen if a CDN is used to
 28 |       // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
 29 |       return;
 30 |     }
 31 | 
 32 |     window.addEventListener('load', () => {
 33 |       const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
 34 | 
 35 |       if (isLocalhost) {
 36 |         // This is running on localhost. Lets check if a service worker still exists or not.
 37 |         checkValidServiceWorker(swUrl);
 38 |       } else {
 39 |         // Is not local host. Just register service worker
 40 |         registerValidSW(swUrl);
 41 |       }
 42 |     });
 43 |   }
 44 | }
 45 | 
 46 | function registerValidSW(swUrl) {
 47 |   navigator.serviceWorker
 48 |     .register(swUrl)
 49 |     .then(registration => {
 50 |       registration.onupdatefound = () => {
 51 |         const installingWorker = registration.installing;
 52 |         installingWorker.onstatechange = () => {
 53 |           if (installingWorker.state === 'installed') {
 54 |             if (navigator.serviceWorker.controller) {
 55 |               // At this point, the old content will have been purged and
 56 |               // the fresh content will have been added to the cache.
 57 |               // It's the perfect time to display a "New content is
 58 |               // available; please refresh." message in your web app.
 59 |               console.log('New content is available; please refresh.');
 60 |             } else {
 61 |               // At this point, everything has been precached.
 62 |               // It's the perfect time to display a
 63 |               // "Content is cached for offline use." message.
 64 |               console.log('Content is cached for offline use.');
 65 |             }
 66 |           }
 67 |         };
 68 |       };
 69 |     })
 70 |     .catch(error => {
 71 |       console.error('Error during service worker registration:', error);
 72 |     });
 73 | }
 74 | 
 75 | function checkValidServiceWorker(swUrl) {
 76 |   // Check if the service worker can be found. If it can't reload the page.
 77 |   fetch(swUrl)
 78 |     .then(response => {
 79 |       // Ensure service worker exists, and that we really are getting a JS file.
 80 |       if (
 81 |         response.status === 404 ||
 82 |         response.headers.get('content-type').indexOf('javascript') === -1
 83 |       ) {
 84 |         // No service worker found. Probably a different app. Reload the page.
 85 |         navigator.serviceWorker.ready.then(registration => {
 86 |           registration.unregister().then(() => {
 87 |             window.location.reload();
 88 |           });
 89 |         });
 90 |       } else {
 91 |         // Service worker found. Proceed as normal.
 92 |         registerValidSW(swUrl);
 93 |       }
 94 |     })
 95 |     .catch(() => {
 96 |       console.log(
 97 |         'No internet connection found. App is running in offline mode.'
 98 |       );
 99 |     });
100 | }
101 | 
102 | export function unregister() {
103 |   if ('serviceWorker' in navigator) {
104 |     navigator.serviceWorker.ready.then(registration => {
105 |       registration.unregister();
106 |     });
107 |   }
108 | }
109 | 


--------------------------------------------------------------------------------
/src/styles/App.css:
--------------------------------------------------------------------------------
 1 | .App {
 2 |   text-align: center;
 3 | }
 4 | 
 5 | .App-logo {
 6 |   animation: App-logo-spin infinite 20s linear;
 7 |   height: 80px;
 8 | }
 9 | 
10 | .App-header {
11 |   background-color: #222;
12 |   height: 150px;
13 |   padding: 20px;
14 |   color: white;
15 | }
16 | 
17 | .App-title {
18 |   font-size: 1.5em;
19 | }
20 | 
21 | .App-intro {
22 |   font-size: large;
23 | }
24 | 
25 | @keyframes App-logo-spin {
26 |   from { transform: rotate(0deg); }
27 |   to { transform: rotate(360deg); }
28 | }
29 | 


--------------------------------------------------------------------------------
/src/styles/index.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   margin: 0;
 3 |   padding: 0;
 4 |   font-family: Verdana, Geneva, sans-serif;
 5 | }
 6 | 
 7 | input {
 8 |   max-width: 500px;
 9 | }
10 | 
11 | .gray {
12 |   color: #828282;
13 | }
14 | 
15 | .orange {
16 |   background-color: #ff6600;
17 | }
18 | 
19 | .background-gray {
20 |   background-color: rgb(246,246,239);
21 | }
22 | 
23 | .f11 {
24 |   font-size: 11px;
25 | }
26 | 
27 | .w85 {
28 |   width: 85%;
29 | }
30 | 
31 | .button {
32 |   font-family: monospace;
33 |   font-size: 10pt;
34 |   color: black;
35 |   background-color: buttonface;
36 |   text-align: center;
37 |   padding: 2px 6px 3px;
38 |   border-width: 2px;
39 |   border-style: outset;
40 |   border-color: buttonface;
41 |   cursor: pointer;
42 |   max-width: 250px;
43 | }


--------------------------------------------------------------------------------
/src/subscriptions/NewVoteSubscription.js:
--------------------------------------------------------------------------------
 1 | import {
 2 |   graphql,
 3 |   requestSubscription
 4 | } from 'react-relay'
 5 | import environment from '../Environment'
 6 | 
 7 | 
 8 | const newVoteSubscription = graphql`
 9 |   subscription NewVoteSubscription {
10 |     Vote {
11 |       mutation
12 |       node {
13 |         id
14 |         user {
15 |           id
16 |         }
17 |         link {
18 |           id
19 |           _votesMeta {
20 |             count
21 |           }
22 |         }
23 |       }
24 |     }
25 |   }
26 | `
27 | 
28 | export default () => {
29 | 
30 |   const subscriptionConfig = {
31 |     subscription: newVoteSubscription,
32 |     variables: {},
33 |     updater: proxyStore => {
34 |       const createVoteField = proxyStore.getRootField('Vote')
35 |       const newVote = createVoteField.getLinkedRecord('node')
36 |       const updatedLink = newVote.getLinkedRecord('link')
37 |       const linkId = updatedLink.getValue('id')
38 |       const newVotes = updatedLink.getLinkedRecord('_votesMeta')
39 |       const newVoteCount = newVotes.getValue('count')
40 | 
41 |       const link = proxyStore.get(linkId)
42 |       link.getLinkedRecord('votes').setValue(newVoteCount, 'count')
43 |     },
44 |     onError: error => console.log(`An error occured:`, error)
45 |   }
46 | 
47 |   requestSubscription(
48 |     environment,
49 |     subscriptionConfig
50 |   )
51 | 
52 | }
53 | 


--------------------------------------------------------------------------------
/src/subscriptions/__generated__/NewVoteSubscription.graphql.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * @flow
  3 |  * @relayHash 9bff658ccd9508b9bd9bcd385d51b823
  4 |  */
  5 | 
  6 | /* eslint-disable */
  7 | 
  8 | 'use strict';
  9 | 
 10 | /*::
 11 | import type {ConcreteBatch} from 'relay-runtime';
 12 | export type NewVoteSubscriptionVariables = {| |};
 13 | export type NewVoteSubscriptionResponse = {|
 14 |   +Vote: ?{|
 15 |     +mutation: "CREATED" | "UPDATED" | "DELETED";
 16 |     +node: ?{|
 17 |       +id: string;
 18 |       +user: {|
 19 |         +id: string;
 20 |       |};
 21 |       +link: {|
 22 |         +id: string;
 23 |         +_votesMeta: {|
 24 |           +count: number;
 25 |         |};
 26 |       |};
 27 |     |};
 28 |   |};
 29 | |};
 30 | */
 31 | 
 32 | 
 33 | /*
 34 | subscription NewVoteSubscription {
 35 |   Vote {
 36 |     mutation
 37 |     node {
 38 |       id
 39 |       user {
 40 |         id
 41 |       }
 42 |       link {
 43 |         id
 44 |         _votesMeta {
 45 |           count
 46 |         }
 47 |       }
 48 |     }
 49 |   }
 50 | }
 51 | */
 52 | 
 53 | const batch /*: ConcreteBatch*/ = {
 54 |   "fragment": {
 55 |     "argumentDefinitions": [],
 56 |     "kind": "Fragment",
 57 |     "metadata": null,
 58 |     "name": "NewVoteSubscription",
 59 |     "selections": [
 60 |       {
 61 |         "kind": "LinkedField",
 62 |         "alias": null,
 63 |         "args": null,
 64 |         "concreteType": "VoteSubscriptionPayload",
 65 |         "name": "Vote",
 66 |         "plural": false,
 67 |         "selections": [
 68 |           {
 69 |             "kind": "ScalarField",
 70 |             "alias": null,
 71 |             "args": null,
 72 |             "name": "mutation",
 73 |             "storageKey": null
 74 |           },
 75 |           {
 76 |             "kind": "LinkedField",
 77 |             "alias": null,
 78 |             "args": null,
 79 |             "concreteType": "Vote",
 80 |             "name": "node",
 81 |             "plural": false,
 82 |             "selections": [
 83 |               {
 84 |                 "kind": "ScalarField",
 85 |                 "alias": null,
 86 |                 "args": null,
 87 |                 "name": "id",
 88 |                 "storageKey": null
 89 |               },
 90 |               {
 91 |                 "kind": "LinkedField",
 92 |                 "alias": null,
 93 |                 "args": null,
 94 |                 "concreteType": "User",
 95 |                 "name": "user",
 96 |                 "plural": false,
 97 |                 "selections": [
 98 |                   {
 99 |                     "kind": "ScalarField",
100 |                     "alias": null,
101 |                     "args": null,
102 |                     "name": "id",
103 |                     "storageKey": null
104 |                   }
105 |                 ],
106 |                 "storageKey": null
107 |               },
108 |               {
109 |                 "kind": "LinkedField",
110 |                 "alias": null,
111 |                 "args": null,
112 |                 "concreteType": "Link",
113 |                 "name": "link",
114 |                 "plural": false,
115 |                 "selections": [
116 |                   {
117 |                     "kind": "ScalarField",
118 |                     "alias": null,
119 |                     "args": null,
120 |                     "name": "id",
121 |                     "storageKey": null
122 |                   },
123 |                   {
124 |                     "kind": "LinkedField",
125 |                     "alias": null,
126 |                     "args": null,
127 |                     "concreteType": "_QueryMeta",
128 |                     "name": "_votesMeta",
129 |                     "plural": false,
130 |                     "selections": [
131 |                       {
132 |                         "kind": "ScalarField",
133 |                         "alias": null,
134 |                         "args": null,
135 |                         "name": "count",
136 |                         "storageKey": null
137 |                       }
138 |                     ],
139 |                     "storageKey": null
140 |                   }
141 |                 ],
142 |                 "storageKey": null
143 |               }
144 |             ],
145 |             "storageKey": null
146 |           }
147 |         ],
148 |         "storageKey": null
149 |       }
150 |     ],
151 |     "type": "Subscription"
152 |   },
153 |   "id": null,
154 |   "kind": "Batch",
155 |   "metadata": {},
156 |   "name": "NewVoteSubscription",
157 |   "query": {
158 |     "argumentDefinitions": [],
159 |     "kind": "Root",
160 |     "name": "NewVoteSubscription",
161 |     "operation": "subscription",
162 |     "selections": [
163 |       {
164 |         "kind": "LinkedField",
165 |         "alias": null,
166 |         "args": null,
167 |         "concreteType": "VoteSubscriptionPayload",
168 |         "name": "Vote",
169 |         "plural": false,
170 |         "selections": [
171 |           {
172 |             "kind": "ScalarField",
173 |             "alias": null,
174 |             "args": null,
175 |             "name": "mutation",
176 |             "storageKey": null
177 |           },
178 |           {
179 |             "kind": "LinkedField",
180 |             "alias": null,
181 |             "args": null,
182 |             "concreteType": "Vote",
183 |             "name": "node",
184 |             "plural": false,
185 |             "selections": [
186 |               {
187 |                 "kind": "ScalarField",
188 |                 "alias": null,
189 |                 "args": null,
190 |                 "name": "id",
191 |                 "storageKey": null
192 |               },
193 |               {
194 |                 "kind": "LinkedField",
195 |                 "alias": null,
196 |                 "args": null,
197 |                 "concreteType": "User",
198 |                 "name": "user",
199 |                 "plural": false,
200 |                 "selections": [
201 |                   {
202 |                     "kind": "ScalarField",
203 |                     "alias": null,
204 |                     "args": null,
205 |                     "name": "id",
206 |                     "storageKey": null
207 |                   }
208 |                 ],
209 |                 "storageKey": null
210 |               },
211 |               {
212 |                 "kind": "LinkedField",
213 |                 "alias": null,
214 |                 "args": null,
215 |                 "concreteType": "Link",
216 |                 "name": "link",
217 |                 "plural": false,
218 |                 "selections": [
219 |                   {
220 |                     "kind": "ScalarField",
221 |                     "alias": null,
222 |                     "args": null,
223 |                     "name": "id",
224 |                     "storageKey": null
225 |                   },
226 |                   {
227 |                     "kind": "LinkedField",
228 |                     "alias": null,
229 |                     "args": null,
230 |                     "concreteType": "_QueryMeta",
231 |                     "name": "_votesMeta",
232 |                     "plural": false,
233 |                     "selections": [
234 |                       {
235 |                         "kind": "ScalarField",
236 |                         "alias": null,
237 |                         "args": null,
238 |                         "name": "count",
239 |                         "storageKey": null
240 |                       }
241 |                     ],
242 |                     "storageKey": null
243 |                   }
244 |                 ],
245 |                 "storageKey": null
246 |               }
247 |             ],
248 |             "storageKey": null
249 |           }
250 |         ],
251 |         "storageKey": null
252 |       }
253 |     ]
254 |   },
255 |   "text": "subscription NewVoteSubscription {\n  Vote {\n    mutation\n    node {\n      id\n      user {\n        id\n      }\n      link {\n        id\n        _votesMeta {\n          count\n        }\n      }\n    }\n  }\n}\n"
256 | };
257 | 
258 | module.exports = batch;
259 | 


--------------------------------------------------------------------------------
/src/utils.js:
--------------------------------------------------------------------------------
 1 | function timeDifference(current, previous) {
 2 | 
 3 |   const milliSecondsPerMinute = 60 * 1000
 4 |   const milliSecondsPerHour = milliSecondsPerMinute * 60
 5 |   const milliSecondsPerDay = milliSecondsPerHour * 24
 6 |   const milliSecondsPerMonth = milliSecondsPerDay * 30
 7 |   const milliSecondsPerYear = milliSecondsPerDay * 365
 8 | 
 9 |   const elapsed = current - previous
10 | 
11 |   if (elapsed < milliSecondsPerMinute / 3) {
12 |     return 'just now'
13 |   }
14 | 
15 |   if (elapsed < milliSecondsPerMinute) {
16 |     return 'less than 1 min ago'
17 |   }
18 | 
19 |   else if (elapsed < milliSecondsPerHour) {
20 |     return Math.round(elapsed/milliSecondsPerMinute) + ' min ago'
21 |   }
22 | 
23 |   else if (elapsed < milliSecondsPerDay ) {
24 |     return Math.round(elapsed/milliSecondsPerHour ) + ' h ago'
25 |   }
26 | 
27 |   else if (elapsed < milliSecondsPerMonth) {
28 |     return Math.round(elapsed/milliSecondsPerDay) + ' days ago'
29 |   }
30 | 
31 |   else if (elapsed < milliSecondsPerYear) {
32 |     return Math.round(elapsed/milliSecondsPerMonth) + ' mo ago'
33 |   }
34 | 
35 |   else {
36 |     return Math.round(elapsed/milliSecondsPerYear ) + ' years ago'
37 |   }
38 | }
39 | 
40 | export function timeDifferenceForDate(date) {
41 |   const now = new Date().getTime()
42 |   const updated = new Date(date).getTime()
43 |   return timeDifference(now, updated)
44 | }


--------------------------------------------------------------------------------