initial commit

Author: Tammo Pape

.babelrc

@@ -0,0 +1,11 @@
+{
+  "plugins": [
+    "transform-class-properties",
+    "transform-object-rest-spread",
+    "jsx-display-if"
+  ],
+  "presets": [
+    "env",
+    "next/babel"
+  ]
+}

.editorconfig

@@ -0,0 +1,10 @@
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2

.env.example

@@ -0,0 +1,3 @@
+PORT=3000
+NODE_ENV=development
+MONGODB_URI=mongodb://localhost/openform-app

.gitignore

@@ -0,0 +1,10 @@
+.DS_STORE
+node_modules
+build
+.idea
+.next
+.vscode
+yarn-error.log
+static/react-table.css
+static/overlay.min.js
+.env

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "semi": false,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "jsxBracketSameLine": true,
+  "printWidth": 140
+}

api/auth.js

@@ -0,0 +1,45 @@
+import err from 'http-errors'
+
+import User from './userSchema'
+
+function findAndSetUser(req, res, next) {
+  if (!req.auth || !req.auth.token) {
+    return next(err(401))
+  }
+
+  User.findOne()
+    .elemMatch('tokens', { val: req.auth.token })
+    .then(user => {
+      if (!user) {
+        return next(err(401))
+      }
+
+      req.user = user
+
+      next()
+    })
+    .catch(next)
+}
+
+function extractBearer(string) {
+  if (string && string.split(' ')[0] === 'Bearer') {
+    return string.split(' ')[1]
+  }
+}
+
+function getToken(req) {
+  const headerBearer = extractBearer(req.headers.authorization)
+  const cookieBearer = req.cookies.authorization
+
+  return headerBearer || cookieBearer
+}
+
+export default function authenticate(req, res, next) {
+  const token = getToken(req)
+
+  req.auth = {
+    token,
+  }
+
+  findAndSetUser(req, res, next)
+}

api/connect.js

@@ -0,0 +1,19 @@
+import mongoose from 'mongoose'
+
+const CONN_URI = process.env.MONGODB_URI
+
+if (!CONN_URI) {
+  console.log('no MONGODB_URI set')
+} else {
+  console.log('MONGODB_URI set')
+}
+
+export function connectSync() {
+  return mongoose.connect(CONN_URI, {
+    reconnectTries: 5,
+  })
+}
+
+export function isEnvSetup() {
+  return !!CONN_URI
+}

api/feedbackSchema.js

@@ -0,0 +1,25 @@
+import mongoose, { Schema } from 'mongoose'
+
+const FeedbackSchema = new Schema(
+  {
+    rating: {
+      type: Number,
+      required: true,
+    },
+
+    comment: {
+      type: String,
+    },
+
+    href: {
+      type: String,
+    },
+  },
+  {
+    timestamps: true,
+  },
+)
+
+const Feedback = mongoose.model('Feedback', FeedbackSchema)
+
+export default Feedback

api/index.js

@@ -0,0 +1,57 @@
+import express from 'express'
+import passport from 'passport'
+import { Strategy as LocalStrategy } from 'passport-local'
+
+import User from './userSchema'
+import Feedback from './feedbackSchema'
+import { login, initialSetup } from './userMiddleware'
+import authenticate from './auth'
+
+const router = new express.Router()
+
+router.use(passport.initialize())
+passport.use(new LocalStrategy(User.authenticate()))
+
+router.get('/', (req, res, next) => {
+  req.result = {
+    ok: true,
+  }
+
+  next()
+})
+
+router.get('/feedback', authenticate, (req, res, next) => {
+  Feedback.find()
+    .sort({ createdAt: -1 })
+    .then(docs => {
+      req.result = docs
+
+      next()
+    })
+    .catch(next)
+})
+
+router.post('/feedback', (req, res, next) => {
+  Feedback.create(req.body)
+    .then(doc => {
+      if (doc) {
+        req.result = doc
+      }
+
+      next()
+    })
+    .catch(next)
+})
+
+router.post('/initialSetup', initialSetup)
+router.post('/login', passport.authenticate('local', { session: false }), login)
+
+router.use((req, res, next) => {
+  if (req.result) {
+    return res.json(req.result)
+  }
+
+  next()
+})
+
+export default router

api/userMiddleware.js

@@ -0,0 +1,70 @@
+import err from 'http-errors'
+import uuidv4 from 'uuid/v4'
+
+import User from './userSchema'
+
+const oneYear = 60 * 60 * 24 * 365
+
+export function login(req, res, next) {
+  if (!req.user) {
+    return next(err(500))
+  }
+
+  const token = uuidv4()
+
+  req.user.tokens.push({
+    val: token,
+  })
+
+  req.user
+    .save()
+    .then(savedUser => {
+      res.cookie('authorization', token, {
+        httpOnly: true,
+        sameSite: true,
+        expires: new Date(Date.now() + 1000 * oneYear),
+        secure: process.env.UNSECURE_COOKIES ? false : process.env.NODE_ENV === 'production',
+      })
+
+      req.result = {
+        ok: true,
+      }
+
+      next()
+    })
+    .catch(next)
+}
+
+export function noUserNoAccess(req, res, next) {
+  if (!req.user) {
+    return next(err(403))
+  }
+
+  next()
+}
+
+export function initialSetup(req, res, next) {
+  User.findOne()
+    .then(async user => {
+      if (user) {
+        return next(err(403))
+      }
+
+      const newUser = new User({ username: 'user' })
+      await newUser.setPassword(req.body.password)
+      await newUser.save()
+
+      req.result = {
+        ok: true,
+      }
+
+      next()
+    })
+    .catch(next)
+}
+
+export async function isUserSetup() {
+  const user = await User.findOne()
+
+  return !!user
+}

api/userSchema.js

@@ -0,0 +1,33 @@
+import mongoose, { Schema } from 'mongoose'
+import passportLocalMongoose from 'passport-local-mongoose'
+
+const TokenSchema = new Schema(
+  {
+    val: {
+      type: String,
+      required: true,
+    },
+
+    invalidAt: {
+      type: Date,
+    },
+  },
+  {
+    timestamps: true,
+  },
+)
+
+const UserSchema = new Schema(
+  {
+    tokens: [TokenSchema],
+  },
+  {
+    timestamps: true,
+  },
+)
+
+UserSchema.plugin(passportLocalMongoose)
+
+const User = mongoose.model('User', UserSchema)
+
+export default User

app.json

@@ -0,0 +1,6 @@
+{
+  "name": "open form.",
+  "description": "A feedback gathering tool",
+  "repository": "https://github.com/tammo/openform",
+  "keywords": ["node", "express", "feedback", "react"]
+}

components/FeedbackDetails.js

@@ -0,0 +1,41 @@
+import * as React from 'react'
+import Label from './Label'
+
+export class FeedbackDetails extends React.Component {
+  render() {
+    return (
+      <div className="box">
+        <span className="value">
+          <Label>created at:</Label>
+          {this.props.createdAt}
+        </span>
+        <span className="value">
+          <Label>href:</Label>
+          <a target="_blank" href={this.props.href}>
+            {this.props.href}
+          </a>
+        </span>
+
+        <Label className="d-block label">feedback:</Label>
+        <p className="text">{this.props.comment}</p>
+
+        <style jsx="">{`
+          .box {
+            background: white;
+            padding: 0.5em 1em;
+          }
+          .value {
+            font-size: small;
+            padding: 0 2em 0 0;
+          }
+          .text {
+            padding: 0;
+            margin: 0;
+          }
+        `}</style>
+      </div>
+    )
+  }
+}
+
+export default FeedbackDetails