Error {status}
+{error.message}
+ {#if dev && error.stack} +{error.stack}
+ {/if}
+
+
diff --git a/src/routes/cms/register.svelte b/src/routes/cms/register.svelte
new file mode 100644
index 0000000..40d53b5
--- /dev/null
+++ b/src/routes/cms/register.svelte
@@ -0,0 +1,34 @@
+
+
+
+
+Login
+ +
+
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 79a1971..6ebcdd1 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -30,7 +30,7 @@
margin: 1rem;
}
@media (min-width: 640px) {
- div.content {
+ div.homepage {
padding-top: 5rem !important;
}
h1.welcome {
@@ -57,8 +57,9 @@
z-index: 0;
filter: blur(5px);
}
- div.content {
+ div.homepage {
padding-top: 8rem;
+ padding-bottom: 4rem;
position: absolute;
z-index: 1;
margin: 0 auto;
@@ -85,7 +86,7 @@
-Register
+ +
+
Welcome
Find an Article
diff --git a/src/server.js b/src/server.js
index c77f593..d2c9f45 100644
--- a/src/server.js
+++ b/src/server.js
@@ -1,17 +1,60 @@
import sirv from 'sirv';
-import polka from 'polka';
+import express from 'express';
+import session from 'express-session';
import compression from 'compression';
import * as sapper from '@sapper/server';
+import sqlite3 from 'sqlite3';
+import passport from 'passport';
+import { Strategy } from 'passport-local';
+import bcrypt from 'bcrypt';
-const { PORT, NODE_ENV } = process.env;
+require('dotenv').config();
+
+const { PORT, NODE_ENV, SESSION_SECRET } = process.env;
const dev = NODE_ENV === 'development';
-polka() // You can also use Express
+const db = new sqlite3.Database('./storage/howfeed.db', (err) => {
+ if (err) {
+ console.error(err.message);
+ } else {
+ console.log('Connected to the database.');
+ }
+});
+
+passport.use(new Strategy((username, password, done) => {
+ const sql = `SELECT password FROM users WHERE username = ?`;
+ db.get(sql, [username], async (err, row) => {
+ if (err) {
+ return done(err);
+ }
+ if (!row) {
+ return done(null, false, { message: 'Incorrect username.' });
+ }
+ const validPass = await bcrypt.compare(password, row.password);
+ if (!validPass) {
+ return done(null, false, { message: 'Incorrect password.' });
+ }
+ return done(null, row);
+ });
+}));
+
+express()
.use(
+ session({
+ secret: SESSION_SECRET,
+ resave: false,
+ saveUninitialized: true,
+ cookie: { secure: true }
+ }),
compression({ threshold: 0 }),
sirv('static', { dev }),
sapper.middleware()
- )
+ )
+ .post('/cms/login', passport.authenticate('local', {
+ successRedirect: '/cms',
+ failureRedirect: '/cms/login',
+ failureFlash: true,
+ }))
.listen(PORT, err => {
if (err) console.log('error', err);
});
diff --git a/static/global.css b/static/global.css
index 6ceeec2..edd48c8 100644
--- a/static/global.css
+++ b/static/global.css
@@ -36,7 +36,10 @@ code {
@media (min-width: 640px) {
body {
font-size: 16px;
- }
+ }
+ .content {
+ margin: 8rem auto !important;
+ }
}
div.article-list {
@@ -77,3 +80,9 @@ div.article-meta {
.article-date {
font-size: 2rem;
}
+
+.content {
+ background: #fff;
+ margin: 8rem 0;
+ padding: 2rem;
+}
diff --git a/storage/.gitignore b/storage/.gitignore
new file mode 100644
index 0000000..98e6ef6
--- /dev/null
+++ b/storage/.gitignore
@@ -0,0 +1 @@
+*.db
diff --git a/storage/init.sql b/storage/init.sql
new file mode 100644
index 0000000..706f405
--- /dev/null
+++ b/storage/init.sql
@@ -0,0 +1,12 @@
+PRAGMA foreign_keys = ON;
+CREATE TABLE IF NOT EXISTS users (
+ username TEXT PRIMARY KEY,
+ password TEXT NOT NULL
+);
+CREATE TABLE IF NOT EXISTS articles (
+ title TEXT PRIMARY KEY,
+ created_at TEXT NOT NULL,
+ html BLOB NOT NULL,
+ author INTEGER NOT NULL,
+ FOREIGN KEY (author) REFERENCES users (username)
+);