added suggestion box

.env.example

@@ -1,3 +1,9 @@
 SESSION_SECRET=
 MONGODB_CONN="mongodb://127.0.0.1:27017/howfeed"
 SALT_WORK_FACTOR=10
+
+SMTP_SERVER=
+SMTP_PORT=587
+SMTP_USERNAME=
+SMTP_PASSWORD=
+SMTP_RECIPIENTS="a@example.com, b@example.com"

package-lock.json

@@ -4896,6 +4896,11 @@
       "integrity": "sha512-gsO4vjEdQaTusZAEebUWp2a5d7dF5DYoIpDG7WySnk7BuZDW+GPpHXoXXuYawRBr/9t5q54tirPz79kFIWg4dA==",
       "dev": true
     },
+    "nodemailer": {
+      "version": "6.4.11",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.4.11.tgz",
+      "integrity": "sha512-BVZBDi+aJV4O38rxsUh164Dk1NCqgh6Cm0rQSb9SK/DHGll/DrCMnycVDD7msJgZCnmVa8ASo8EZzR7jsgTukQ=="
+    },
     "nopt": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/nopt/-/nopt-4.0.3.tgz",

package.json

@@ -26,6 +26,7 @@
     "helmet": "^3.23.3",
     "mongoose": "^5.10.2",
     "mongoose-fuzzy-searching": "^1.3.1",
+    "nodemailer": "^6.4.11",
     "passport": "^0.4.1",
     "passport-local": "^1.0.0",
     "rate-limiter-flexible": "^2.1.10",

src/routes/contact.svelte

@@ -2,6 +2,33 @@
     <title>Contact Us | HOWFEED.BIZ</title>
 </svelte:head>
 
+<script>
+    let title = '', name = '', message = '';
+
+    async function sendSuggestion()
+    {
+        try {
+            const res = await fetch(`/suggestions`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Accept': 'application/json'
+                },
+                body: JSON.stringify({ title, name, message })
+            });
+            const json = await res.json();
+            if (res.status === 200) {
+                alert(json.message);
+                title = name = message = '';
+            } else {
+                alert(`Error ${res.status}: ${json.message}`);
+            }
+        } catch (err) {
+            console.error(err);
+        }
+    }
+</script>
+
 <style>
     div.people {
         display: flex;
@@ -9,11 +36,20 @@
     }
     div.people > div {
         flex: 1 0 0;
-        padding: 1rem;
+        padding: 0.25rem 1rem;
     }
     iframe {
         max-width: 100%;
     }
+    input[type=text], textarea {
+        width: 350px;
+    }
+    textarea {
+        height: 160px;
+    }
+    .center {
+        text-align: center;
+    }
 </style>
 
 <div class="content">
@@ -46,7 +82,16 @@
             <p><a href="mailto:webmaster@howfeed.biz">webmaster@howfeed.biz</a></p>
         </div>
     </div>
+    <h1>Suggest Ideas to Us</h1>
+    <p>Do you have a request for an article or an enhancement to the site? Send it directly to us here!</p>
+    <form on:submit|preventDefault={sendSuggestion} action="/suggestions" method="POST">
+        <p>Name: <input type="text" name="name" bind:value={name} placeholder="Anonymous"></p>
+        <p>Title: <input type="text" name="title" bind:value={title}></p>
+        <p><textarea name="message" bind:value={message}></textarea></p>
+        <p><button type="submit">Send</button></p>
+    </form>
 	<!-- ad goes here -->
+    <h1 class="center">Come Find Us!</h1>
     <div style="max-width:100%;margin:0 auto;width:700px;height:440px;">
         <iframe width="700" height="440" src="https://maps.google.com/maps?width=700&amp;height=440&amp;hl=en&amp;q=1198%20Sixth%20St%2C%20San%20Jose%2C%20CA+(Title)&amp;ie=UTF8&amp;t=&amp;z=14&amp;iwloc=B&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
     </div>

src/server.js

@@ -9,6 +9,7 @@ import { Strategy } from 'passport-local';
 import sessionFileStore from 'session-file-store';
 import { RateLimiterMemory } from 'rate-limiter-flexible';
 import fileUpload from 'express-fileupload';
+import nodemailer from 'nodemailer';
 import fs from 'fs';
 import cors from 'cors';
 import helmet from 'helmet';
@@ -25,7 +26,8 @@ import legacyRouter from './legacy/router.js';
 require('dotenv').config();
 const FileStore = sessionFileStore(session);
 
-const { PORT, NODE_ENV, SESSION_SECRET, MONGODB_CONN } = process.env;
+const { PORT, NODE_ENV, SESSION_SECRET, MONGODB_CONN,
+        SMTP_USERNAME, SMTP_PASSWORD, SMTP_SERVER, SMTP_PORT, SMTP_RECIPIENTS } = process.env;
 const dev = NODE_ENV === 'development';
 
 mongoose.set('useNewUrlParser', true);
@@ -111,6 +113,16 @@ const isAuthor = function(req, res, next) {
     }
 };
 
+const mailer = nodemailer.createTransport({
+    host: SMTP_SERVER,
+    port: 587,
+    secure: SMTP_PORT === 465,
+    auth: {
+        user: SMTP_USERNAME,
+        pass: SMTP_PASSWORD
+    },
+});
+
 
 var app = express();
 app.set('view engine', 'ejs');
@@ -429,7 +441,44 @@ mainRouter
 			'Content-Type': 'application/rss+xml'
 		});
 		res.end(feed.xml());
-	});
+    })
+    .post('/suggestions', async function (req, res) {
+        let { name, title, message } = req.body;
+        if (!message) {
+            res.writeHead(422, {
+                'Content-Type': 'application/json'
+            });
+            res.end(JSON.stringify({
+                message: 'No message supplied'
+            }));
+            return false;
+        }
+        name = name || 'Anonymous';
+        title = title || 'Suggestion';
+        try {
+            await mailer.sendMail({
+                from: `"HowFeed Suggestions" <${SMTP_USERNAME}>`,
+                to: SMTP_RECIPIENTS,
+                subject: title,
+                text: `Suggested by ${name}:
+
+                ${message}`
+            });
+            res.writeHead(200, {
+                'Content-Type': 'application/json'
+            });
+            res.end(JSON.stringify({
+                message: 'Your suggestion was delivered.'
+            }));
+        } catch (err) {
+            res.writeHead(500, {
+                'Content-Type': 'application/json'
+            });
+            res.end(JSON.stringify({
+                message: err.message
+            }));
+        }
+    });
 
 app.use(helmet())
     .use(cors())