pre-heroku fix

Author: spencersmb

.babelrc

@@ -0,0 +1,10 @@
+{
+  "presets": [
+    "next/babel",
+    "stage-0"
+  ],
+  "plugins": [
+    ["styled-components", { "ssr": true, "displayName": true, "preprocess": false } ],
+    ["transform-define", "./env-config.js"]
+  ]
+}

README.md

@@ -0,0 +1,65 @@
+{
+  "name": "nextjs-boilerplate",
+  "version": "1.0.0",
+  "scripts": {
+    "server": "node server.js",
+    "jest": "jest",
+    "jest:watch": "npm run jest -- --watch --no-cache",
+    "test": "mocha --reporter spec __tests__/**/*.test.js",
+    "test:watch": "npm run test -- --watch",
+    "dev": "next",
+    "build": "next build",
+    "watch": "nodemon server.js -w server.js",
+    "start": "next start",
+    "heroku-postbuild": "heroku-nextjs-build",
+    "lint": "standard --verbose"
+  },
+  "standard": {
+    "parser": "babel-eslint",
+    "ignore": [
+      "**/node_modules/**"
+    ]
+  },
+  "engines": {
+    "node": "6.9.x"
+  },
+  "cacheDirectories": [
+    "nextjs/node_modules"
+  ],
+  "dependencies": {
+    "@mars/heroku-nextjs-build": "^2.0.0",
+    "auth0-lock": "^10.15.1",
+    "babel-eslint": "^7.2.3",
+    "babel-jest": "^19.0.0",
+    "babel-plugin-styled-components": "^1.1.4",
+    "babel-preset-stage-0": "^6.16.0",
+    "body-parser": "^1.17.1",
+    "isomorphic-unfetch": "^1.0.0",
+    "js-cookie": "^2.1.4",
+    "jwt-decode": "^2.2.0",
+    "mongodb": "^2.2.26",
+    "mongoose": "^4.9.6",
+    "next": "2.2.0",
+    "next-redux-wrapper": "^1.0.0",
+    "react": "^15.4.2",
+    "react-dom": "^15.4.2",
+    "react-redux": "^5.0.1",
+    "redux": "^3.6.0",
+    "redux-form": "^6.6.3",
+    "redux-thunk": "^2.1.0",
+    "styled-components": "^2.0.0-17"
+  },
+  "devDependencies": {
+    "redux-devtools-extension": "^2.13.2",
+    "colors": "^1.1.2",
+    "enzyme": "^2.8.2",
+    "expect": "^1.20.2",
+    "jest": "^19.0.2",
+    "mocha": "^3.3.0",
+    "npm-run-all": "^4.0.2",
+    "standard": "^10.0.2",
+    "supertest": "^3.0.0"
+  },
+  "author": "Spencer Bigum",
+  "license": "ISC"
+}

__tests__/index.test.js

@@ -7,7 +7,7 @@
     "jest:watch": "npm run jest -- --watch --no-cache",
     "test": "mocha --reporter spec __tests__/**/*.test.js",
     "test:watch": "npm run test -- --watch",
-    "dev": "next",
+    "dev": "next -r dotenv/config",
     "build": "next build",
     "watch": "nodemon server.js -w server.js",
     "start": "next start",
@@ -29,34 +29,37 @@
   "dependencies": {
     "@mars/heroku-nextjs-build": "^2.0.0",
     "auth0-lock": "^10.15.1",
-    "babel-eslint": "^7.2.3",
-    "babel-jest": "^19.0.0",
-    "babel-plugin-styled-components": "^1.1.4",
-    "babel-preset-stage-0": "^6.16.0",
     "body-parser": "^1.17.1",
     "isomorphic-unfetch": "^1.0.0",
     "js-cookie": "^2.1.4",
     "jwt-decode": "^2.2.0",
     "mongodb": "^2.2.26",
     "mongoose": "^4.9.6",
-    "next": "latest",
+    "next": "2.2.0",
     "next-redux-wrapper": "^1.0.0",
     "react": "^15.4.2",
     "react-dom": "^15.4.2",
     "react-redux": "^5.0.1",
     "redux": "^3.6.0",
     "redux-form": "^6.6.3",
     "redux-thunk": "^2.1.0",
-    "styled-components": "^2.0.0-17"
+    "request": "^2.81.0",
+    "styled-components": "^2.0.0-17",
+    "uuid": "^3.0.1"
   },
   "devDependencies": {
-    "redux-devtools-extension": "^2.13.2",
+    "babel-eslint": "^7.2.3",
+    "babel-jest": "^19.0.0",
+    "babel-plugin-styled-components": "^1.1.4",
+    "babel-plugin-transform-define": "^1.2.0",
+    "babel-preset-stage-0": "^6.16.0",
     "colors": "^1.1.2",
     "enzyme": "^2.8.2",
     "expect": "^1.20.2",
     "jest": "^19.0.2",
     "mocha": "^3.3.0",
     "npm-run-all": "^4.0.2",
+    "redux-devtools-extension": "^2.13.2",
     "standard": "^10.0.2",
     "supertest": "^3.0.0"
   },

__tests__/server.test.js

@@ -0,0 +1,36 @@
+import React from 'react'
+import { initStore } from '../../store'
+import withRedux from 'next-redux-wrapper'
+import { bindActionCreators } from 'redux'
+import defaultPage from '../../hocs/defaultPage'
+import { show } from '../../utils/lock'
+import Router from 'next/router'
+const config = require('../../config.json')
+const Auth0Lock = require('auth0-lock').default
+import jwtDecode from 'jwt-decode'
+import Cookie from 'js-cookie'
+import { authenticateUser } from '../../actions/authActions'
+import { getUserFromLocalStorage } from '../../utils/auth'
+// import Auth0 from '../../utils/Auth0'
+const CONTAINER_ID = 'put-lock-here'
+//.auth0-lock.auth0-lock .auth0-lock-widget - overflow-y
+class SignIn extends React.Component {
+
+  constructor (props) {
+    super(props)
+  }
+
+  componentDidMount () {
+    show(CONTAINER_ID)
+
+  }
+  render () {
+    return (
+      <div>
+        <div id={CONTAINER_ID} />
+      </div>
+    )
+  }
+}
+
+export default withRedux(initStore)(defaultPage(SignIn))

actions/actionTypes.js

@@ -0,0 +1,24 @@
+import React from 'react'
+import { initStore } from '../../store'
+import { logUserOut } from '../../actions/authActions'
+import withRedux from 'next-redux-wrapper'
+import { unsetToken } from '../../utils/auth'
+import { bindActionCreators } from 'redux'
+
+class SignOff extends React.Component {
+  componentDidMount () {
+    this.props.logUserOut()
+  }
+
+  render () {
+    return null
+  }
+}
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    logUserOut: bindActionCreators(logUserOut, dispatch)
+  }
+}
+
+export default withRedux(initStore, null, mapDispatchToProps)(SignOff)

actions/authActions.js

@@ -0,0 +1,43 @@
+import React from 'react'
+import Router from 'next/router'
+import { bindActionCreators } from 'redux'
+import withRedux from 'next-redux-wrapper'
+import { initStore } from '../../store'
+import { authenticateUser } from '../../actions/authActions'
+import { setToken, checkSecret, extractInfoFromHash, getUserFromLocalStorage } from '../../utils/auth'
+
+class SignedIn extends React.Component {
+  static getInitialProps ({ store, isServer, push }) {
+    return { isServer }
+  }
+
+  // Deprecated
+  // static propTypes = {
+  //   url: PropTypes.object.isRequired
+  // }
+
+  componentDidMount () {
+    console.log('signed in page hit')
+    const {token, secret} = extractInfoFromHash()
+    if (!checkSecret(secret) || !token) {
+      console.error('Something happened with the Sign In request')
+    }
+    setToken(token)
+    const user = getUserFromLocalStorage()
+    console.log(user);
+    this.props.authenticateUser(user)
+    Router.push('/celeb-jokes')
+  }
+
+  render () {
+    return null
+  }
+}
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    authenticateUser: bindActionCreators(authenticateUser, dispatch)
+  }
+}
+
+export default withRedux(initStore, null, mapDispatchToProps)(SignedIn)