initial commit. [wip] dummy app with routing

Author: lynndylanhurley

.editorconfig

@@ -7,5 +7,5 @@ end_of_line = crlf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
-indent_style = tab
-tab_width = 4
+indent_style = space
+indent_size = 2

.eslintrc

@@ -0,0 +1,24 @@
+{
+  "parser": "babel-eslint",
+    "env": {
+      "browser": true,
+      "node": true
+    },
+    "settings": {
+      "ecmascript": 7,
+      "jsx": true
+    },
+    "plugins": [
+      "react"
+    ],
+    "rules": {
+      "strict": 0,
+      "quotes": 1,
+      "no-unused-vars": 1,
+      "camelcase": 0,
+      "no-underscore-dangle": 0,
+      "no-multi-spaces": 0,
+      "key-spacing": 0
+    }
+}
+

babel.server.js

@@ -1,6 +1,6 @@
 require("babel/register")({
-	stage: 0,
-	plugins: ["typecheck"]
+  stage: 0,
+  plugins: ["typecheck"]
 });
 
 /**
@@ -10,9 +10,9 @@ global.__CLIENT__ = false;
 global.__SERVER__ = true;
 
 if (process.env.NODE_ENV !== "production") {
-	if (!require("piping")({hook: true, includeModules: true})) {
-		return;
-	}
+  if (!require("piping")({hook: true, includeModules: true})) {
+    return;
+  }
 }
 
 require("./src/server");

package.json

@@ -29,25 +29,46 @@
   "dependencies": {
     "babel": "5.8.23",
     "babel-plugin-typecheck": "1.2.0",
+    "bootstrap-sass": "^3.3.5",
     "h2o2": "4.0.1",
     "hapi": "9.3.1",
     "history": "1.9.1",
+    "immutable": "^3.7.5",
     "inert": "3.0.1",
     "isomorphic-fetch": "2.1.1",
+    "j-toker": "0.0.10-beta1",
+    "node-sass": "^3.3.3",
     "piping": "0.2.0",
-    "react": "0.14.0-rc1",
-    "react-dom": "0.14.0-rc1",
+    "query-string": "^2.4.2",
+    "react": "^0.14.0",
+    "react-bootstrap": "^0.27.1",
+    "react-dom": "^0.14.0",
     "react-inline-css": "2.0.0",
+    "react-redux": "^3.1.0",
     "react-router": "1.0.0-rc1",
-    "react-transmit": "3.0.6"
+    "react-router-bootstrap": "^0.19.0",
+    "react-transmit": "3.0.6",
+    "redux": "^3.0.2",
+    "redux-immutable": "^1.3.7",
+    "redux-immutablejs": "0.0.6",
+    "redux-router": "^1.0.0-beta3",
+    "redux-thunk": "^1.0.0",
+    "serialize-javascript": "^1.1.2",
+    "thunk": "0.0.1",
+    "whatwg-fetch": "^0.9.0"
   },
   "devDependencies": {
     "babel-core": "5.8.25",
     "babel-loader": "5.3.2",
     "babel-runtime": "5.8.24",
     "concurrently": "0.1.1",
+    "css-loader": "^0.19.0",
+    "extract-text-webpack-plugin": "^0.8.2",
+    "file-loader": "^0.8.4",
     "json-loader": "0.5.3",
     "react-hot-loader": "1.3.0",
+    "sass-loader": "^3.0.0",
+    "style-loader": "^0.12.4",
     "webpack": "1.12.2",
     "webpack-dev-server": "1.11.0"
   },

src/auth/actions/authenticate.js

@@ -0,0 +1,29 @@
+import Auth from "j-toker";
+
+export const AUTHENTICATE_START    = "AUTHENTICATE_START";
+export const AUTHENTICATE_COMPLETE = "AUTHENTICATE_COMPLETE";
+export const AUTHENTICATE_ERROR    = "AUTHENTICATE_ERROR";
+
+export function authenticateStart() {
+  return { type: AUTHENTICATE_START };
+}
+export function authenticateComplete(user) {
+  return { type: AUTHENTICATE_COMPLETE, user };
+}
+export function authenticateError(errors) {
+  return { type: AUTHENTICATE_ERROR, errors };
+}
+export function authenticate(config) {
+  return dispatch => {
+    dispatch(authenticateStart());
+
+    var jqPromise = Auth.configure(config);
+
+    jqPromise.then(
+      (user) => dispatch(authenticateComplete(user)),
+      ({reason}) => dispatch(authenticateError([reason]))
+    );
+
+    return Promise.resolve(jqPromise);
+  };
+}

src/auth/actions/registration.js

@@ -0,0 +1,14 @@
+import authentication from "./reducers/authenticate";
+import user from "./reducers/user";
+import authenticate from "./actions/authenticate";
+import { combineReducers } from "redux";
+
+const authStateReducer = combineReducers({
+  authentication,
+  user
+});
+
+export {
+  authenticate,
+  authStateReducer
+};

src/auth/actions/sign-in.js

@@ -0,0 +1,27 @@
+import Immutable from "immutable";
+import { createReducer } from "redux-immutablejs";
+import * as A from "../actions/authenticate";
+
+const initialState = Immutable.fromJS({
+  loading: false,
+  valid: false,
+  errors: null
+});
+
+export default createReducer(initialState, {
+  [A.AUTHENTICATE_START]: state => state.set("loading", true),
+
+  [A.AUTHENTICATE_COMPLETE]: (state) => {
+    return state.merge({
+      loading: false,
+      errors: null,
+      valid: true
+    });
+  },
+
+  [A.AUTHENTICATE_ERROR]: state => state.merge({
+    loading: false,
+    errors: "Invalid token",
+    valid: false
+  })
+});

src/auth/actions/sign-out.js

@@ -0,0 +1,17 @@
+import Immutable from "immutable";
+import { createReducer } from "redux-immutablejs";
+import * as AuthActions from "../actions/authenticate";
+
+const initialState = Immutable.fromJS({
+  attributes: null,
+  isSignedIn: false,
+  firstTimeLogin: false,
+  mustResetPassword: false
+});
+
+export default createReducer(initialState, {
+  [AuthActions.AUTHENTICATE_COMPLETE]: (state, { user }) => state.merge({
+    attributes: user,
+    isSignedIn: true
+  })
+});

src/auth/index.js

@@ -1,23 +1,45 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import {Router} from "react-router";
-import Transmit from "react-transmit";
-import routes from "views/routes";
-import {createHistory} from "history";
-
-/**
- * Fire-up React Router.
- */
-const reactRoot = window.document.getElementById("react-root");
-Transmit.render(Router, {routes, history: createHistory()}, reactRoot);
-
-/**
- * Detect whether the server-side render has been discarded due to an invalid checksum.
- */
-if (process.env.NODE_ENV !== "production") {
-	if (!reactRoot.firstChild || !reactRoot.firstChild.attributes ||
-	    !reactRoot.firstChild.attributes["data-react-checksum"]) {
-		console.error("Server-side React render was discarded. Make sure that your initial render does not contain any client-side code.");
-	}
-}
-
+import React from "react";
+import ReactDOM from "react-dom";
+import {createHistory} from "history";
+import {createStore, compose, applyMiddleware} from "redux";
+import {reduxReactRouter, ReduxRouter} from "redux-router";
+import { routes, reducer } from "./views/routes";
+import { Provider } from "react-redux";
+import thunk from "redux-thunk";
+
+var store = compose(
+  applyMiddleware(thunk),
+  reduxReactRouter({
+    createHistory,
+    getRoutes: (args) => {
+      // dispatch + getState are needed for the route resolvers / redirects. this
+      // is the only place to get a reference to them before the app is initialized.
+      //dispatch = args.dispatch;
+      //getState = args.getState;
+      return routes;
+    }
+  })
+)(createStore)(reducer);
+
+
+/**
+ * Fire-up React Router.
+ */
+const reactRoot = window.document.getElementById("react-root");
+ReactDOM.render(
+  <Provider store={store} key="provider">
+    <ReduxRouter children={routes} />
+  </Provider>
+, reactRoot);
+
+
+/**
+ * Detect whether the server-side render has been discarded due to an invalid checksum.
+ */
+if (process.env.NODE_ENV !== "production") {
+  if (!reactRoot.firstChild || !reactRoot.firstChild.attributes ||
+      !reactRoot.firstChild.attributes["data-react-checksum"]) {
+    console.error("Server-side React render was discarded. Make sure that your initial render does not contain any client-side code.");
+  }
+}
+