init commit

tconroy · tconroy · commit 1714feed04cf · 2016-05-07T13:56:54.000-04:00
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "airbnb"
+  ]
+}
diff --git a/.build/index.html b/.build/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Development</title>
+  </head>
+  <body>
+    <div id="root">
+    </div>
+    <script src="/dist/bundle.js"></script>
+  </body>
+</html>
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,16 @@
+# http://editorconfig.org/
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab
diff --git a/.eslintrc b/.eslintrc
@@ -0,0 +1,3 @@
+{
+	"extends": "airbnb"
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,21 @@
+*.csv
+*.dat
+*.iml
+*.log
+*.out
+*.pid
+*.seed
+*.sublime-*
+*.swo
+*.swp
+*.tgz
+*.xml
+*.save
+.DS_Store
+.idea
+.project
+.strong-pm
+coverage
+node_modules
+npm-debug.log
+.build/dist
diff --git a/.jshintignore b/.jshintignore
@@ -0,0 +1,2 @@
+/client/
+/node_modules/
diff --git a/.jshintrc b/.jshintrc
@@ -0,0 +1,21 @@
+{
+  "node": true,
+  "esnext": true,
+  "bitwise": true,
+  "camelcase": true,
+  "eqeqeq": true,
+  "eqnull": true,
+  "immed": true,
+  "indent": 2,
+  "latedef": "nofunc",
+  "newcap": true,
+  "nonew": true,
+  "noarg": true,
+  "quotmark": "single",
+  "regexp": true,
+  "undef": true,
+  "unused": false,
+  "trailing": true,
+  "sub": true,
+  "maxlen": 80
+}
diff --git a/.nvmrc b/.nvmrc
@@ -0,0 +1 @@
+5
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Tony Ngan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,42 @@
+# loopback-redux-react-boilerplate
+
+A boilerplate for a Redux-React application using LoopBack
+
+### Get Started
+- **Clone this repository or use npm**
+```bash
+$ git clone https://github.com/tngan/loopback-redux-react-boilerplate.git
+```
+```bash
+$ npm install loopback-redux-react-boilerplate
+```
+
+- **Install dependencies specified in package.json**
+```bash
+$ npm install
+```
+
+- **Start the server (default port is set to 3000)**
+```bash
+$ npm start
+```
+
+### Scripts
+- **npm run deploy**: Bundles the application into `.build/dist`.
+
+- **npm run start_prod**: Starts production server, make sure you have already deployed the application.
+
+- **npm run clean**: Removes the bundled files.
+
+### Built-in example
+A simple 'Hello World' Redux-React application is included in this boilerplate. You can find those files under `/client`.
+
+Hot reloading is only applied in development mode. In production mode, the code base is pre-compiled and placed under `.build/dist`.
+
+### License
+
+[MIT](LICENSE)
+
+### Copyright
+
+Copyright (C) 2015 Tony Ngan, released under the MIT License.
diff --git a/client/actions/index.js b/client/actions/index.js
@@ -0,0 +1,9 @@
+// Define an action type, it's used for reducer switching
+export const GET_STARTED = 'GET_STARTED';
+
+// Define the corresponding action creator, must return an object
+export function getStarted() {
+  return {
+    type: GET_STARTED,
+  };
+}
diff --git a/client/components/DumbComponent.js b/client/components/DumbComponent.js
@@ -0,0 +1,12 @@
+import React, { PropTypes } from 'react';
+import '../public/stylesheets/boilerplate.css';
+
+export default function DumbComponent(props) {
+  const { welcomeText } = props;
+  return (
+    <p className="text">{welcomeText || ''}</p>
+  );
+}
+DumbComponent.propTypes = {
+  welcomeText: PropTypes.string.isRequired,
+};
diff --git a/client/constants/index.js b/client/constants/index.js
@@ -0,0 +1,13 @@
+/* Put all your constants here, all in BLOCK_LETTER
+ *
+ * Export the constant directly as follow:
+ *
+ * export const MY_CONSTANT = 'val';
+ * export const MY_CONSTANT_1 = 'val1';
+ *
+ * In any files, import those constants when you need
+ *
+ * import { MY_CONSTANT, MY_CONSTANT_1 } from './constants';
+ *
+ */
+export const WELCOME_TEXT = 'Thanks for using loopback-redux-react-boilerplate';
diff --git a/client/containers/SmartComponent.js b/client/containers/SmartComponent.js
@@ -0,0 +1,24 @@
+import React, { Component, PropTypes } from 'react';
+import { connect } from 'react-redux';
+import { getStarted } from '../actions';
+import DumbComponent from '../components/DumbComponent';
+
+class SmartComponent extends Component {
+  componentWillMount() {
+    this.props.dispatch(getStarted());
+  }
+  render() {
+    return (
+      <div>
+        <DumbComponent welcomeText={this.props.welcomeText} />
+      </div>
+    );
+  }
+}
+
+SmartComponent.propTypes = {
+  welcomeText: PropTypes.string.isRequired,
+  dispatch: PropTypes.func.isRequired,
+};
+
+export default connect(state => state)(SmartComponent);
diff --git a/client/index.html b/client/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Development</title>
+  </head>
+  <body>
+    <div id="root">
+    </div>
+    <script src="/dist/bundle.js"></script>
+  </body>
+</html>
diff --git a/client/index.js b/client/index.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Provider } from 'react-redux';
+import SmartComponent from './containers/SmartComponent';
+import configureStore from './store/configureStore';
+
+const store = configureStore();
+
+ReactDOM.render(
+  <Provider store={store}>
+    <SmartComponent />
+  </Provider>,
+	document.getElementById('root')
+);
diff --git a/client/public/javascripts/boilerplate.js b/client/public/javascripts/boilerplate.js
diff --git a/client/public/stylesheets/boilerplate.css b/client/public/stylesheets/boilerplate.css
@@ -0,0 +1,13 @@
+/*
+ * This stylesheet can be imported to any dumb components under /components
+ * Remarks: It's suggested those Smart components under /containers not to apply their own style
+ *
+ * import '../public/stylesheets/boilerplate.css'
+ *
+ * It's required css-loader in webpack.config.js, and it's already included in package.json.
+ * You can also use your own loader by modifying the setting in webpack.config.js
+ *
+ */
+p.text {
+	color: #DCAA45;
+}
diff --git a/client/reducers/index.js b/client/reducers/index.js
@@ -0,0 +1,26 @@
+import { GET_STARTED } from '../actions';
+import { WELCOME_TEXT } from '../constants';
+
+function rootReducer(state = {}, action) {
+  switch (action.type) {
+    case GET_STARTED:
+      return { welcomeText: WELCOME_TEXT };
+    default:
+      return state;
+  }
+}
+
+export default rootReducer;
+
+/*
+ * Redux suggests use multiple reducers instead of creating multiple stores,
+ * if more than one reducer is needed, use combineReducer from 'redux' module.
+ *
+ * import { composeReducers } from 'redux'
+ *
+ * export default combineReducers({
+ *     rootReducer
+ * 	   subReducer
+ * });
+ *
+ */
diff --git a/client/store/configureStore.js b/client/store/configureStore.js
@@ -0,0 +1,15 @@
+import { createStore } from 'redux';
+import homeApp from '../reducers';
+
+export default function configureStore(initialState) {
+  const store = createStore(homeApp);
+  if (module.hot) {
+    // Enable Webpack hot module replacement for reducers
+    module.hot.accept('../reducers', () => {
+      const nextRootReducer = require('../reducers');
+      store.replaceReducer(nextRootReducer);
+    });
+  }
+  return store;
+}
+
diff --git a/package.json b/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "SoundOff",
+  "version": "0.0.1",
+  "description": "A Stand-Up / Stand-Down Reporting Utility.",
+  "main": "server/server.js",
+  "scripts": {
+    "serve": "node .",
+    "lint": "eslint ./",
+    "lint:client": "eslint ./client",
+    "lint:server": "eslint ./server",
+    "serve:dist": "NODE_ENV=production node .",
+    "dist": "NODE_ENV=production webpack -p --config webpack.config.production.js --progress",
+    "clean": "rm -rf .build/dist"
+  },
+  "dependencies": {
+    "compression": "^1.6.1",
+    "cors": "^2.7.1",
+    "history": "^2.1.1",
+    "humps": "^1.1.0",
+    "isomorphic-fetch": "^2.2.1",
+    "json-loader": "^0.5.4",
+    "loopback": "^2.28.0",
+    "loopback-boot": "^2.18.1",
+    "loopback-component-explorer": "^2.5.0",
+    "loopback-datasource-juggler": "^2.46.0",
+    "react": "^15.0.2",
+    "react-dom": "^15.0.2",
+    "react-redux": "^4.4.5",
+    "redux": "^3.5.2",
+    "serve-favicon": "^2.3.0"
+  },
+  "devDependencies": {
+    "babel-core": "^6.8.0",
+    "babel-loader": "^6.2.4",
+    "babel-plugin-react-transform": "^2.0.2",
+    "babel-polyfill": "^6.8.0",
+    "babel-preset-airbnb": "^2.0.0",
+    "concurrently": "^2.0.0",
+    "css-loader": "^0.23.1",
+    "eslint": "^2.9.0",
+    "eslint-config-airbnb": "^8.0.0",
+    "eslint-plugin-import": "^1.7.0",
+    "eslint-plugin-jsx-a11y": "^1.2.0",
+    "eslint-plugin-react": "^5.0.1",
+    "react-transform-hmr": "^1.0.4",
+    "redux-devtools": "^3.2.0",
+    "style-loader": "^0.13.1",
+    "webpack": "^1.13.0",
+    "webpack-dev-middleware": "^1.6.1",
+    "webpack-hot-middleware": "^2.10.0"
+  }
+}
diff --git a/server/boot/authentication.js b/server/boot/authentication.js
@@ -0,0 +1,4 @@
+module.exports = function enableAuthentication(server) {
+  // enable authentication
+  server.enableAuth();
+};
diff --git a/server/component-config.json b/server/component-config.json
@@ -0,0 +1,5 @@
+{
+  "loopback-component-explorer": {
+    "mountPath": "/explorer"
+  }
+}
diff --git a/server/config.json b/server/config.json
@@ -0,0 +1,27 @@
+{
+  "restApiRoot": "/api",
+  "host": "0.0.0.0",
+  "port": 3000,
+  "remoting": {
+    "context": {
+      "enableHttpContext": false
+    },
+    "rest": {
+      "normalizeHttpPath": false,
+      "xml": false
+    },
+    "json": {
+      "strict": false,
+      "limit": "100kb"
+    },
+    "urlencoded": {
+      "extended": true,
+      "limit": "100kb"
+    },
+    "cors": false,
+    "errorHandler": {
+      "disableStackTrace": false
+    }
+  },
+  "legacyExplorer": false
+}
diff --git a/server/datasources.json b/server/datasources.json
diff --git a/server/environment.js b/server/environment.js
diff --git a/server/middleware.json b/server/middleware.json
diff --git a/server/middleware.production.json b/server/middleware.production.json
diff --git a/server/model-config.json b/server/model-config.json
diff --git a/server/server.js b/server/server.js
diff --git a/webpack.config.development.js b/webpack.config.development.js
diff --git a/webpack.config.production.js b/webpack.config.production.js

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +{
 +  "presets": [
 +    "airbnb"
 +  ]
 +}