26 |
29 | );
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/src-server/components/posts/index.js:
--------------------------------------------------------------------------------
1 | module.exports = (app) => {
2 | const db = app.get('db');
3 | const { posts } = db;
4 | const module = {};
5 |
6 | // Create
7 | module.create = async (user, row) => {
8 | if (!row) throw new Error('No row data given');
9 | delete row.id;
10 | return posts.save({ ...row, user_id: user.id });
11 | };
12 |
13 | // Get all
14 | module.get = async () => db.query('select p.*, u.email as author from posts p left join users u ON p.user_id=u.id');
15 |
16 | // Get one
17 | module.getOne = async (id) => db.query(
18 | 'select p.*, u.email as author from posts p left join users u ON p.user_id=u.id where p.id=$1',
19 | [id],
20 | { single: true }
21 | );
22 |
23 | // Update
24 | module.update = async (id, row) => {
25 | if (!Number(id)) throw new Error('No id given');
26 | row.id = id;
27 | return posts.save(row);
28 | };
29 |
30 | // Delete
31 | module.delete = async (id) => {
32 | if (!Number(id)) throw new Error('No id given');
33 | return posts.destroy({ id });
34 | };
35 |
36 | return module;
37 | };
38 |
--------------------------------------------------------------------------------
/src-client/store.jsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable react/no-multi-comp */
2 | import React from 'react';
3 |
4 | const StoreContext = React.createContext();
5 | const createStore = (WrappedComponent) => (
6 | class extends React.Component {
7 | constructor(props) {
8 | super(props);
9 | this.state = {
10 | // eslint-disable-next-line react/destructuring-assignment
11 | get: (key) => this.state[key],
12 | set: (key, value) => {
13 | this.setState({ [key]: value });
14 | },
15 | remove: (key) => {
16 | this.setState({ [key]: undefined });
17 | }
18 | };
19 | }
20 |
21 | render() {
22 | return (
23 |
31 |
49 |
33 | To get started, edit
34 | {' '}
35 |
36 | src/App.jsx
37 |
38 | {' '}
39 | and save to reload.
40 |
42 |
48 |
43 |
47 |
36 |
37 | 
38 |
67 |
68 | );
69 | }
70 | }
71 |
72 | Header.propTypes = {
73 | // eslint-disable-next-line react/forbid-prop-types
74 | store: PropTypes.object.isRequired,
75 | };
76 | export default withStore(Header);
77 |
--------------------------------------------------------------------------------
/scripts/start-server-dev.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 | const http = require('http');
3 |
4 | process.env.NODE_ENV = process.env.NODE_ENV || 'development';
5 | require('../config/env');
6 | const App = require('../src-server/app');
7 |
8 | function main() {
9 | App().then((app) => {
10 | // Function for normalizing a port into a number, string, or false.
11 | function normalizePort(val) {
12 | const port = parseInt(val, 10);
13 |
14 | if (Number.isNaN(port)) {
15 | // named pipe
16 | return val;
17 | }
18 |
19 | if (port >= 0) {
20 | // port number
21 | return port;
22 | }
23 |
24 | return false;
25 | }
26 |
27 | // Event listener for HTTP server "error" event.
28 | function onError(error) {
29 | if (error.syscall !== 'listen') {
30 | throw error;
31 | }
32 |
33 | const bind = typeof port === 'string'
34 | ? `Pipe ${port}`
35 | : `Port ${port}`;
36 |
37 | // handle specific listen errors with friendly messages
38 | switch (error.code) {
39 | case 'EACCES':
40 | console.error(`${bind} requires elevated privileges`);
41 | process.exit(1);
42 | break;
43 | case 'EADDRINUSE':
44 | console.error(`${bind} is already in use`);
45 | process.exit(1);
46 | break;
47 | default:
48 | throw error;
49 | }
50 | }
51 |
52 | // Event listener for HTTP server "listening" event.
53 | function onListening() {
54 | const addr = server.address();
55 | const bind = typeof addr === 'string'
56 | ? `pipe ${addr}`
57 | : `port ${addr.port}`;
58 | console.log(`Listening on ${bind}`);
59 | }
60 |
61 | // ----------
62 | // MAIN CODE
63 | // ----------
64 |
65 | // Get port from environment and store in Express.
66 | const port = normalizePort(process.env.PORT || '5000');
67 | app.set('port', port);
68 |
69 | // Create HTTP server.
70 | const server = http.createServer(app);
71 |
72 | // Listen on provided port, on all network interfaces.
73 | server.listen(port);
74 | server.on('error', onError);
75 | server.on('listening', onListening);
76 | }).catch((err) => {
77 | console.error(err);
78 | process.exit(1);
79 | });
80 | }
81 |
82 | if (require.main === module) {
83 | main();
84 | } else {
85 | module.exports = main;
86 | }
87 |
--------------------------------------------------------------------------------
/scripts/db-seed.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 | const faker = require('faker');
3 | const _ = require('lodash');
4 |
5 | process.env.NODE_ENV = process.env.NODE_ENV || 'development';
6 | require('../config/env');
7 |
8 | const DB = require('../src-server/db');
9 | const auth = require('../src-server/components/auth/helpers');
10 |
11 | const tablePosts = 'posts';
12 | const tableUsers = 'users';
13 |
14 | const createRecordPost = (db, table, user) => db[table].insert({
15 | title: faker.commerce.product(),
16 | author: faker.internet.userName(),
17 | content: faker.lorem.text(),
18 | user_id: user.id,
19 | });
20 |
21 | function openDB() {
22 | console.log('Connecting to the DB...');
23 | return DB();
24 | }
25 |
26 | function seedPosts(db, users) {
27 | // Seed with fake data
28 | console.log('Seeding [posts]...');
29 | const records = [];
30 | try {
31 | for (let i = 1; i <= 10; i += 1) {
32 | const user = users[_.random(users.length - 1)];
33 | records.push(createRecordPost(db, tablePosts, user));
34 | }
35 | } catch (e) {
36 | console.error(e);
37 | }
38 |
39 | return Promise.all(records);
40 | }
41 |
42 | function seedUsers(db) {
43 | console.log('Seeding [users]...');
44 | const users = [{
45 | email: 'user@test.com',
46 | password: auth.createHash('password'),
47 | firstName: 'User',
48 | lastName: 'Test'
49 | }];
50 |
51 | return db[tableUsers].insert(users);
52 | }
53 |
54 | function seed(db) {
55 | // Run seeding functions
56 | return seedUsers(db)
57 | .then(users => seedPosts(db, users))
58 | .then(() => {
59 | console.log('Successfully completed the seeding process');
60 | });
61 | }
62 |
63 | function clearDB(db) {
64 | if (process.env.NODE_ENV !== 'test') throw new Error('ClearDB can only be run on TEST DB!!!');
65 |
66 | // Clear [posts] and restart the sequence
67 | return db[tablePosts].destroy({})
68 | .then(() => db.query('ALTER SEQUENCE posts_id_seq RESTART WITH 1'))
69 | .then(() => db[tableUsers].destroy({}))
70 | .then(() => db.query('ALTER SEQUENCE users_id_seq RESTART WITH 1'))
71 | .then(() => {
72 | console.log('Successfully cleared the DB');
73 | });
74 | }
75 |
76 | function closeDB(db) {
77 | return db.instance.$pool.end();
78 | }
79 |
80 | if (require.main === module) {
81 | openDB().then(db => seed(db.db));
82 | } else {
83 | module.exports = {
84 | openDB, seed, clearDB, closeDB
85 | };
86 | }
87 |
--------------------------------------------------------------------------------
/config/paths.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const fs = require('fs');
3 | const getPublicUrlOrPath = require('react-dev-utils/getPublicUrlOrPath');
4 |
5 | // Make sure any symlinks in the project folder are resolved:
6 | // https://github.com/facebook/create-react-app/issues/637
7 | const appDirectory = fs.realpathSync(process.cwd());
8 | const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
9 |
10 | // We use `PUBLIC_URL` environment variable or "homepage" field to infer
11 | // "public path" at which the app is served.
12 | // webpack needs to know it to put the right 39 | Welcome to React. This demo was modified to include <POSTS> module 40 |
41 | {user && user.id && ( 42 |43 | {'Hello, '} 44 | {user.firstName} 45 | {' '} 46 | {user.lastName} 47 |
48 | )} 49 |
50 | {!user.id && (
51 |
52 | Sign In
53 |
54 | )}
55 | {!user.id && (
56 |
57 | Sign Up
58 |
59 | )}
60 | {user && user.id && (
61 |
64 | )}
65 |
66 |