vps-deployer 1.0.0

package/dist/modules/auth/controllers/auth.controller.js

@@ -0,0 +1,123 @@
+import { getDB } from "../../../db/db.js";
+import bcrypt from "bcrypt";
+export const viewLogin = async (req, res) => {
+    // block if already logged in
+    if (req.session && req.session.user) {
+        return res.redirect("/");
+    }
+    return res.render("auth/views/login");
+};
+export const login = async (req, res) => {
+    // block if already logged in
+    if (req.session && req.session.user) {
+        return res.redirect("/");
+    }
+    const { username, password } = req.body || {};
+    const errorMessages = [];
+    if (!username || username.trim() === "") {
+        errorMessages.push("Username is required");
+    }
+    if (!password || password.trim() === "") {
+        errorMessages.push("Password is required");
+    }
+    if (errorMessages.length > 0) {
+        return res.render("auth/views/login", {
+            error: errorMessages.join(", "),
+        });
+    }
+    const db = getDB();
+    try {
+        const user = db
+            .prepare("SELECT id, username, email, password FROM user WHERE username = ?")
+            .get(username.trim());
+        if (!user) {
+            return res.render("auth/views/login", {
+                error: "Invalid username or password",
+            });
+        }
+        const isMatch = await bcrypt.compare(password, user.password);
+        if (!isMatch) {
+            return res.render("auth/views/login", {
+                error: "Invalid username or password",
+            });
+        }
+        db.prepare(`
+  UPDATE user 
+  SET last_logged_in = datetime('now') 
+  WHERE id = ?
+`).run(user.id);
+        // create session
+        req.session.user = {
+            id: user.id,
+            email: user.email,
+        };
+        return res.redirect("/");
+    }
+    catch (error) {
+        return res.render("auth/views/login", {
+            error: error.message || "Something went wrong",
+        });
+    }
+};
+export const viewRegister = async (_req, res) => {
+    const db = getDB();
+    const result = db.prepare("SELECT COUNT(id) as count FROM user").get();
+    return res.render("auth/views/register", {
+        isForbidden: result.count === 0 ? false : true,
+    });
+};
+export const register = async (req, res) => {
+    const { username, email, password } = req.body || {};
+    // Collect errors as strings
+    const errorMessages = [];
+    if (!username || username.trim() === "") {
+        errorMessages.push("Username is required");
+    }
+    else if (username.length < 3) {
+        errorMessages.push("Username must be at least 3 characters");
+    }
+    if (!email || email.trim() === "") {
+        errorMessages.push("Email is required");
+    }
+    else {
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (!emailRegex.test(email)) {
+            errorMessages.push("Invalid email format");
+        }
+    }
+    if (!password || password.trim() === "") {
+        errorMessages.push("Password is required");
+    }
+    else if (password.length < 6) {
+        errorMessages.push("Password must be at least 6 characters");
+    }
+    // If any validation errors → join into single line
+    if (errorMessages.length > 0) {
+        return res.render("auth/views/register", {
+            error: errorMessages.join(", "),
+        });
+    }
+    const db = getDB();
+    try {
+        const result = db.prepare("SELECT COUNT(id) as count FROM user").get();
+        if (result.count >= 1) {
+            return res.render("auth/views/register", {
+                isForbidden: true,
+            });
+        }
+        const hashedPass = await bcrypt.hash(password, 10);
+        db.prepare(`
+      INSERT INTO user (id, username, email, password, created_at)
+      VALUES (?, ?, ?, ?, datetime('now'))
+    `).run(crypto.randomUUID(), username.trim(), email.trim(), hashedPass);
+        return res.render("auth/views/register", {
+            success: "User created successfully",
+        });
+    }
+    catch (error) {
+        return res.render("auth/views/register", {
+            error: error.message || "Something went wrong",
+        });
+    }
+};
+//# sourceMappingURL=auth.controller.js.map

package/dist/modules/auth/controllers/auth.controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.controller.js","sourceRoot":"","sources":["../../../../src/modules/auth/controllers/auth.controller.ts"],"names":[],"mappings":"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"}

package/dist/modules/auth/views/login.pug

@@ -0,0 +1,254 @@
+doctype html
+html
+  head
+    title Login - VPS Deployer
+    meta(charset="UTF-8")
+    meta(name="viewport", content="width=device-width, initial-scale=1")
+    
+    // Bootstrap 5 CSS + Icons
+    link(href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css", rel="stylesheet")
+    link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css")
+    link(rel="icon", type="image/svg+xml", href="/favicon.svg")
+    
+    style.
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      
+      body {
+        background: #f5f7fa;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
+      }
+      
+      .login-container {
+        min-height: 100vh;
+        background: #f5f7fa;
+      }
+      
+      .login-card {
+        background: #ffffff;
+        border-radius: 8px;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
+        border: 1px solid #e9ecef;
+      }
+      
+      .form-label {
+        font-size: 0.875rem;
+        font-weight: 500;
+        color: #1a1f36;
+        margin-bottom: 0.5rem;
+      }
+      
+      .form-control {
+        border: 1px solid #dde1e6;
+        border-radius: 6px;
+        padding: 0.625rem 0.875rem;
+        font-size: 0.9375rem;
+        transition: all 0.15s ease;
+      }
+      
+      .form-control:focus {
+        border-color: #0066ff;
+        box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
+        outline: none;
+      }
+      
+      .input-group-text {
+        background: #ffffff;
+        border: 1px solid #dde1e6;
+        border-right: none;
+        color: #6c757d;
+        font-size: 0.9375rem;
+      }
+      
+      .input-group .form-control {
+        border-left: none;
+      }
+      
+      .input-group .form-control:focus {
+        border-left: none;
+      }
+      
+      .input-group:focus-within .input-group-text {
+        border-color: #0066ff;
+        border-right: none;
+      }
+      
+      .btn-login {
+        background: #0066ff;
+        border: none;
+        border-radius: 6px;
+        padding: 0.625rem 1rem;
+        font-size: 0.9375rem;
+        font-weight: 500;
+        color: #ffffff;
+        transition: all 0.15s ease;
+      }
+      
+      .btn-login:hover {
+        background: #0052cc;
+      }
+      
+      .btn-login:active {
+        background: #0047b3;
+      }
+      
+      .btn-outline-secondary {
+        border: 1px solid #dde1e6;
+        border-left: none;
+        color: #6c757d;
+      }
+      
+      .btn-outline-secondary:hover {
+        background: #f8f9fa;
+        border-color: #dde1e6;
+        border-left: none;
+        color: #495057;
+      }
+      
+      .alert {
+        border-radius: 6px;
+        border: 1px solid;
+        font-size: 0.875rem;
+        padding: 0.75rem 1rem;
+      }
+      
+      .alert-danger {
+        background: #fff5f5;
+        border-color: #fcc5c5;
+        color: #c62828;
+      }
+      
+      .alert-success {
+        background: #f0f9f0;
+        border-color: #c5e6c5;
+        color: #2e7d32;
+      }
+      
+      .register-link {
+        color: #0066ff;
+        text-decoration: none;
+        font-weight: 500;
+      }
+      
+      .register-link:hover {
+        color: #0052cc;
+        text-decoration: underline;
+      }
+      
+      .divider {
+        border-top: 1px solid #e9ecef;
+        margin: 1.5rem 0 1rem;
+      }
+      
+      h3 {
+        font-size: 1.5rem;
+        font-weight: 600;
+        color: #1a1f36;
+        margin-bottom: 0.5rem;
+      }
+      
+      .subtitle {
+        color: #6c757d;
+        font-size: 0.875rem;
+      }
+      
+      .icon-circle {
+        width: 48px;
+        height: 48px;
+        background: #f0f7ff;
+        border-radius: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0 auto 1rem;
+      }
+      
+      .icon-circle i {
+        font-size: 1.5rem;
+        color: #0066ff;
+      }
+
+  body
+    .login-container.d-flex.align-items-center.justify-content-center
+      .container
+        .row.justify-content-center
+          .col-md-6.col-lg-5
+            .login-card.p-4.p-md-5
+              
+              // Header
+              .text-center.mb-4
+                .icon-circle
+                  i.bi.bi-cloud
+                h3.mb-1 Sign in
+                p.subtitle Access your VPS Deployer dashboard
+              
+              // Flash Messages
+              if error
+                .alert.alert-danger.alert-dismissible.fade-show.d-flex.align-items-center.mb-4(role="alert")
+                  i.bi.bi-exclamation-triangle-fill.me-2(style="font-size: 0.875rem;")
+                  span.flex-grow-1 #{error}
+                  
+              
+              if success
+                .alert.alert-success.alert-dismissible.fade-show.d-flex.align-items-center.mb-4(role="alert")
+                  i.bi.bi-check-circle-fill.me-2(style="font-size: 0.875rem;")
+                  span.flex-grow-1 #{success}
+                  
+              
+              // Login Form
+              form(method="POST", action="#")
+                
+                // Username Field
+                .mb-3
+                  label.form-label(for="username") Username
+                  .input-group
+                    span.input-group-text
+                      i.bi.bi-person
+                    input.form-control(
+                      type="text",
+                      id="username",
+                      name="username",
+                      placeholder="Enter your username",
+                      required,
+                      autocomplete="username",
+                      autofocus
+                    )
+                
+                // Password Field
+                .mb-4
+                  label.form-label(for="password") Password
+                  .input-group
+                    span.input-group-text
+                      i.bi.bi-lock
+                    input.form-control(
+                      type="password",
+                      id="password",
+                      name="password",
+                      placeholder="Enter your password",
+                      required,
+                      autocomplete="current-password"
+                    )
+                    button.btn.btn-outline-secondary(type="button", id="togglePassword", style="border-left: none;")
+                      i.bi.bi-eye-slash
+                
+                // Submit Button
+                button.btn.btn-login.w-100(type="submit")
+                  i.bi.bi-box-arrow-in-right.me-2
+                  | Sign in
+              
+              // Divider
+              .divider
+              
+              // Footer
+              .text-center
+                p.text-muted.mb-0(style="font-size: 0.875rem;")
+                  | Don't have an account? 
+                  a.register-link(href="/register") Create account
+
+    // Scripts
+    script(src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js")
+    script(src="/js/login.js")
+      

package/dist/modules/auth/views/register.pug

@@ -0,0 +1,298 @@
+doctype html
+html
+  head
+    title Register - VPS Deployer
+    meta(charset="UTF-8")
+    meta(name="viewport", content="width=device-width, initial-scale=1")
+    
+    // Bootstrap 5 CSS + Icons
+    link(href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css", rel="stylesheet")
+    link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css")
+    link(rel="icon", type="image/svg+xml", href="/favicon.svg")
+    
+    style.
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      
+      body {
+        background: #f5f7fa;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
+      }
+      
+      .register-container {
+        min-height: 100vh;
+        background: #f5f7fa;
+      }
+      
+      .register-card {
+        background: #ffffff;
+        border-radius: 8px;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
+        border: 1px solid #e9ecef;
+      }
+      
+      .form-label {
+        font-size: 0.875rem;
+        font-weight: 500;
+        color: #1a1f36;
+        margin-bottom: 0.5rem;
+      }
+      
+      .form-control {
+        border: 1px solid #dde1e6;
+        border-radius: 6px;
+        padding: 0.625rem 0.875rem;
+        font-size: 0.9375rem;
+        transition: all 0.15s ease;
+      }
+      
+      .form-control:focus {
+        border-color: #0066ff;
+        box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
+        outline: none;
+      }
+      
+      .form-text {
+        font-size: 0.75rem;
+        color: #6c757d;
+        margin-top: 0.375rem;
+      }
+      
+      .input-group-text {
+        background: #ffffff;
+        border: 1px solid #dde1e6;
+        border-right: none;
+        color: #6c757d;
+        font-size: 0.9375rem;
+      }
+      
+      .input-group .form-control {
+        border-left: none;
+      }
+      
+      .input-group .form-control:focus {
+        border-left: none;
+      }
+      
+      .input-group:focus-within .input-group-text {
+        border-color: #0066ff;
+        border-right: none;
+      }
+      
+      .btn-register {
+        background: #0066ff;
+        border: none;
+        border-radius: 6px;
+        padding: 0.625rem 1rem;
+        font-size: 0.9375rem;
+        font-weight: 500;
+        color: #ffffff;
+        transition: all 0.15s ease;
+      }
+      
+      .btn-register:hover {
+        background: #0052cc;
+      }
+      
+      .btn-register:active {
+        background: #0047b3;
+      }
+      
+      .alert {
+        border-radius: 6px;
+        border: 1px solid;
+        font-size: 0.875rem;
+        padding: 0.75rem 1rem;
+      }
+      
+      .alert-danger {
+        background: #fff5f5;
+        border-color: #fcc5c5;
+        color: #c62828;
+      }
+      
+      .alert-success {
+        background: #f0f9f0;
+        border-color: #c5e6c5;
+        color: #2e7d32;
+      }
+      
+      .register-link {
+        color: #0066ff;
+        text-decoration: none;
+        font-weight: 500;
+      }
+      
+      .register-link:hover {
+        color: #0052cc;
+        text-decoration: underline;
+      }
+      
+      .divider {
+        border-top: 1px solid #e9ecef;
+        margin: 1.5rem 0 1rem;
+      }
+      
+      h3 {
+        font-size: 1.5rem;
+        font-weight: 600;
+        color: #1a1f36;
+        margin-bottom: 0.5rem;
+      }
+      
+      .subtitle {
+        color: #6c757d;
+        font-size: 0.875rem;
+      }
+      
+      .icon-circle {
+        width: 48px;
+        height: 48px;
+        background: #f0f7ff;
+        border-radius: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0 auto 1rem;
+      }
+      
+      .icon-circle i {
+        font-size: 1.5rem;
+        color: #0066ff;
+      }
+      
+      // Closed state styles
+      .closed-icon-circle {
+        width: 64px;
+        height: 64px;
+        background: #f8f9fa;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0 auto 1rem;
+      }
+      
+      .closed-icon-circle i {
+        font-size: 2rem;
+        color: #dc3545;
+      }
+
+  body
+    if isForbidden
+      // Registration Closed State
+      .register-container.d-flex.align-items-center.justify-content-center
+        .container
+          .row.justify-content-center
+            .col-md-6.col-lg-5
+              .register-card.p-4.p-md-5.text-center
+                .closed-icon-circle
+                  i.bi.bi-lock-fill
+                h3.mb-2 Registration Closed
+                p.subtitle.mb-4 VPS Deployer is currently not accepting new registrations
+                hr.mb-4
+                p.text-muted.mb-3
+                  | Please contact an administrator if you need access.
+                a.btn.btn-register(href="/login", style="display: inline-block; width: auto; padding: 0.625rem 1.5rem;")
+                  i.bi.bi-box-arrow-in-right.me-2
+                  | Go to Login
+    else
+      // Registration Form - Active State
+      .register-container.d-flex.align-items-center.justify-content-center
+        .container
+          .row.justify-content-center
+            .col-md-6.col-lg-5
+              .register-card.p-4.p-md-5
+                
+                // Header
+                .text-center.mb-4
+                  .icon-circle
+                    i.bi.bi-person-plus
+                  h3.mb-1 Create an account
+                  p.subtitle Join VPS Deployer
+                
+                // Flash Messages
+                if error
+                  .alert.alert-danger.alert-dismissible.fade-show.d-flex.align-items-center.mb-4(role="alert")
+                    i.bi.bi-exclamation-triangle-fill.me-2(style="font-size: 0.875rem;")
+                    span.flex-grow-1 #{error}
+                
+                if success
+                  .alert.alert-success.alert-dismissible.fade-show.d-flex.align-items-center.mb-4(role="alert")
+                    i.bi.bi-check-circle-fill.me-2(style="font-size: 0.875rem;")
+                    span.flex-grow-1 #{success}
+                
+                // Registration Form
+                form(method="POST", action="#")
+                  
+                  // Username Field
+                  .mb-3
+                    label.form-label(for="username")
+                      i.bi.bi-person.me-1
+                      | Username
+                    .input-group
+                      span.input-group-text
+                        i.bi.bi-person
+                      input.form-control(
+                        type="text",
+                        id="username",
+                        name="username",
+                        placeholder="Choose a username",
+                        required,
+                        autocomplete="username",
+                        autofocus
+                      )
+                    .form-text Must be unique and at least 3 characters
+                  
+                  // Email Field
+                  .mb-3
+                    label.form-label(for="email")
+                      i.bi.bi-envelope.me-1
+                      | Email Address
+                    .input-group
+                      span.input-group-text
+                        i.bi.bi-envelope
+                      input.form-control(
+                        type="email",
+                        id="email",
+                        name="email",
+                        placeholder="your@email.com",
+                        required,
+                        autocomplete="email"
+                      )
+                    .form-text We'll never share your email
+                  
+                  // Password Field
+                  .mb-4
+                    label.form-label(for="password")
+                      i.bi.bi-lock.me-1
+                      | Password
+                    .input-group
+                      span.input-group-text
+                        i.bi.bi-lock
+                      input.form-control(
+                        type="password",
+                        id="password",
+                        name="password",
+                        placeholder="••••••••",
+                        required,
+                        autocomplete="new-password"
+                      )
+                    .form-text Minimum 6 characters
+                  
+                  // Submit Button
+                  button.btn.btn-register.w-100(type="submit")
+                    i.bi.bi-person-plus.me-2
+                    | Create account
+                
+                // Divider
+                .divider
+                
+                // Footer Link
+                .text-center
+                  p.text-muted.mb-0(style="font-size: 0.875rem;")
+                    | Already have an account? 
+                    a.register-link(href="/login") Sign in

package/dist/modules/common/views/404.pug

@@ -0,0 +1,21 @@
+doctype html
+html
+  head
+    title 404 - Not Found
+    meta(charset="UTF-8")
+    meta(name="viewport", content="width=device-width, initial-scale=1")
+
+    link(
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css",
+      rel="stylesheet"
+    )
+
+  body.bg-light
+    .container.d-flex.align-items-center.justify-content-center(style="min-height: 100vh;")
+      .text-center
+
+        h1.display-1.fw-bold.text-danger 404
+        h4.mb-3 Page Not Found
+        p.text-muted.mb-4 The page you are looking for does not exist.
+
+        a.btn.btn-primary(href="/") Go to Dashboard