Add initial login

This commit is contained in:
orosmatthew 2023-04-27 22:26:54 -04:00
parent 68ba04380a
commit a7c73e106b
7 changed files with 123 additions and 7 deletions

1
web/.env.example Normal file
View File

@ -0,0 +1 @@
DATABASE_URL="postgresql://johndoe:randompassword@localhost:5432/mydb?schema=public"

59
web/package-lock.json generated
View File

@ -8,11 +8,13 @@
"name": "bw-hspc-contest-web",
"version": "0.0.1",
"dependencies": {
"@sveltejs/adapter-node": "^1.2.3",
"@prisma/client": "^4.13.0",
"@sveltejs/adapter-node": "^1.2.4",
"bootstrap": "^5.2.3",
"diff": "^5.1.0",
"diff2html": "^3.4.35",
"highlight.js": "^11.7.0"
"highlight.js": "^11.7.0",
"prisma": "^4.13.0"
},
"devDependencies": {
"@sveltejs/adapter-auto": "^2.0.1",
@ -531,6 +533,37 @@
"url": "https://opencollective.com/popperjs"
}
},
"node_modules/@prisma/client": {
"version": "4.13.0",
"resolved": "https://registry.npmjs.org/@prisma/client/-/client-4.13.0.tgz",
"integrity": "sha512-YaiiICcRB2hatxsbnfB66uWXjcRw3jsZdlAVxmx0cFcTc/Ad/sKdHCcWSnqyDX47vAewkjRFwiLwrOUjswVvmA==",
"hasInstallScript": true,
"dependencies": {
"@prisma/engines-version": "4.13.0-50.1e7af066ee9cb95cf3a403c78d9aab3e6b04f37a"
},
"engines": {
"node": ">=14.17"
},
"peerDependencies": {
"prisma": "*"
},
"peerDependenciesMeta": {
"prisma": {
"optional": true
}
}
},
"node_modules/@prisma/engines": {
"version": "4.13.0",
"resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-4.13.0.tgz",
"integrity": "sha512-HrniowHRZXHuGT9XRgoXEaP2gJLXM5RMoItaY2PkjvuZ+iHc0Zjbm/302MB8YsPdWozAPHHn+jpFEcEn71OgPw==",
"hasInstallScript": true
},
"node_modules/@prisma/engines-version": {
"version": "4.13.0-50.1e7af066ee9cb95cf3a403c78d9aab3e6b04f37a",
"resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-4.13.0-50.1e7af066ee9cb95cf3a403c78d9aab3e6b04f37a.tgz",
"integrity": "sha512-fsQlbkhPJf08JOzKoyoD9atdUijuGBekwoOPZC3YOygXEml1MTtgXVpnUNchQlRSY82OQ6pSGQ9PxUe4arcSLQ=="
},
"node_modules/@rollup/plugin-commonjs": {
"version": "24.1.0",
"resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-24.1.0.tgz",
@ -680,9 +713,9 @@
}
},
"node_modules/@sveltejs/adapter-node": {
"version": "1.2.3",
"resolved": "https://registry.npmjs.org/@sveltejs/adapter-node/-/adapter-node-1.2.3.tgz",
"integrity": "sha512-Fv6NyVpVWYA63KRaV6dDjcU8ytcWFiUr0siJOoHl+oWy5WHNEuRiJOUdiZzYbZo8MmvFaCoxHkTgPrVQhpqaRA==",
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/@sveltejs/adapter-node/-/adapter-node-1.2.4.tgz",
"integrity": "sha512-TNnhS+OKRZ9RKnC+ho5mlE2FJquI61i0v7yOXxBUSU3LAoYH2kwVVL8P8ecjefmZ8BOfM1V54pBnDODBU5CEaA==",
"dependencies": {
"@rollup/plugin-commonjs": "^24.0.0",
"@rollup/plugin-json": "^6.0.0",
@ -2504,6 +2537,22 @@
"svelte": "^3.2.0"
}
},
"node_modules/prisma": {
"version": "4.13.0",
"resolved": "https://registry.npmjs.org/prisma/-/prisma-4.13.0.tgz",
"integrity": "sha512-L9mqjnSmvWIRCYJ9mQkwCtj4+JDYYTdhoyo8hlsHNDXaZLh/b4hR0IoKIBbTKxZuyHQzLopb/+0Rvb69uGV7uA==",
"hasInstallScript": true,
"dependencies": {
"@prisma/engines": "4.13.0"
},
"bin": {
"prisma": "build/index.js",
"prisma2": "build/index.js"
},
"engines": {
"node": ">=14.17"
}
},
"node_modules/punycode": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",

View File

@ -31,10 +31,12 @@
},
"type": "module",
"dependencies": {
"@sveltejs/adapter-node": "^1.2.3",
"@prisma/client": "^4.13.0",
"@sveltejs/adapter-node": "^1.2.4",
"bootstrap": "^5.2.3",
"diff": "^5.1.0",
"diff2html": "^3.4.35",
"highlight.js": "^11.7.0"
"highlight.js": "^11.7.0",
"prisma": "^4.13.0"
}
}

14
web/prisma/schema.prisma Normal file
View File

@ -0,0 +1,14 @@
generator client {
provider = "prisma-client-js"
}
datasource db {
provider = "postgresql"
url = env("DATABASE_URL")
}
model User {
id Int @id @default(autoincrement())
username String @unique
password String
}

View File

@ -0,0 +1,3 @@
import { PrismaClient } from '@prisma/client';
export const db = new PrismaClient();

View File

@ -0,0 +1,18 @@
import type { Actions } from '@sveltejs/kit';
import { db } from '$lib/server/prisma';
export const actions = {
login: async ({ cookies, request }) => {
const data = await request.formData();
const username = data.get('username')?.toString();
const password = data.get('password')?.toString();
const user = await db.user.findUnique({ where: { username: username } });
if (!user) {
return { success: false };
}
if (user.password === password) {
return { success: true };
}
return { success: false };
}
} satisfies Actions;

View File

@ -0,0 +1,29 @@
<script lang="ts">
import { enhance } from '$app/forms';
import type { ActionData } from './$types';
export let form: ActionData;
</script>
<div class="mt-4 row justify-content-center">
<div class="col-4">
<h1>Login</h1>
<form method="POST" action="?/login" use:enhance>
<label for="username_field" class="form-label">Username</label>
<input type="text" name="username" class="form-control" id="username_field" />
<label for="password_field" class="form-label">Password</label>
<input type="password" name="password" class="form-control" id="password_field" />
<div class="mt-2">
<button type="submit" class="btn btn-primary">Login</button>
</div>
</form>
<div class="mt-2">
{#if form?.success}
<div class="alert alert-success" role="alert">Success!</div>
{:else if form && !form.success}
<div class="alert alert-danger" role="alert">Invalid login</div>
{/if}
</div>
</div>
</div>