vps-deployer 1.0.0

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "vps-deployer",
+  "version": "1.0.0",
+  "description": "A lightweight, self-hosted continuous deployment (CD) system with a built-in web UI — manages projects on your VPS, accepts GitHub webhooks for automatic deployments, and sends real-time email notifications on deployment events",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "vps-deployer": "dist/index.js"
+  },
+  "type": "module",
+  "files": [
+    "dist",
+    "public",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "ts-node src/index.ts ",
+   "build": "tsc && find src/modules -type d -name views -exec sh -c 'dest=\"dist/modules/${1#src/modules/}\"; mkdir -p \"$dest\"; cp \"$1\"/* \"$dest/\"' _ {} \\;",
+    "start": "node dist/index.js",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "keywords": [
+  "self-hosted-cd",
+  "continuous-deployment",
+  "github-webhooks",
+  "auto-deploy",
+  "vps-deployment",
+  "deployment-automation",
+  "ci-cd",
+  "lightweight-cli",
+  "web-ui",
+  "dashboard",
+  "webhook-deployer",
+  "email-notifications",
+  "deployment-notifier",
+  "server-management"
+],
+  "author": "0xv1shal",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/0xv1shal/vps-deployer.git"
+  },
+  "bugs": {
+    "url": "https://github.com/0xv1shal/vps-deployer/issues"
+  },
+  "homepage": "https://github.com/0xv1shal/vps-deployer#readme",
+  "engines": {
+    "node": ">=18"
+  },
+  "os": [
+    "linux"
+  ],
+  "dependencies": {
+    "bcrypt": "6.0.0",
+    "better-sqlite3": "12.8.0",
+    "commander": "14.0.3",
+    "dotenv": "17.3.1",
+    "express": "5.2.1",
+    "express-session": "1.19.0",
+    "helmet": "8.1.0",
+    "limitngin": "2.0.0",
+    "nodemailer": "8.0.4",
+    "pug": "3.0.4"
+  },
+  "devDependencies": {
+    "@types/bcrypt": "6.0.0",
+    "@types/better-sqlite3": "7.6.13",
+    "@types/dotenv": "6.1.1",
+    "@types/express": "5.0.6",
+    "@types/express-session": "1.18.2",
+    "@types/nodemailer": "7.0.11",
+    "@types/pug": "2.0.10",
+    "nodemon": "3.1.14",
+    "ts-node": "10.9.2",
+    "typescript": "6.0.2"
+  }
+}

package/public/favicon.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250">
+  <!-- Icon bg -->
+  <rect width="250" height="250" rx="52" fill="#060d1a"/>
+
+  <!-- Three arcs -->
+  <path d="M 125,35 A 90,90 0 0,1 203,170" fill="none" stroke="#60a5fa" stroke-width="14" stroke-linecap="round"/>
+  <path d="M 203,170 A 90,90 0 0,1 47,170" fill="none" stroke="#2563eb" stroke-width="14" stroke-linecap="round"/>
+  <path d="M 47,170 A 90,90 0 0,1 125,35"  fill="none" stroke="#1d4ed8" stroke-width="14" stroke-linecap="round"/>
+
+  <!-- Gap punches -->
+  <circle cx="125" cy="35"  r="9" fill="#060d1a"/>
+  <circle cx="203" cy="170" r="9" fill="#060d1a"/>
+  <circle cx="47"  cy="170" r="9" fill="#060d1a"/>
+
+  <!-- Center anchor -->
+  <circle cx="125" cy="125" r="14" fill="#60a5fa"/>
+  <circle cx="125" cy="125" r="6"  fill="#060d1a"/>
+</svg>

package/public/js/deploy.js

@@ -0,0 +1,36 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const btn = document.getElementById("deploy-btn");
+
+  if (!btn) return;
+
+  btn.addEventListener("click", async () => {
+    const projId = btn.dataset.projid;
+
+    btn.disabled = true;
+    btn.innerText = "Deploying...";
+
+    try {
+      const res = await fetch("/deploy", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ projId }),
+      });
+
+      const data = await res.json();
+
+      if (!res.ok) {
+        alert(data.message || "Failed");
+        btn.disabled = false;
+        btn.innerText = "🚀 Deploy Now";
+        return;
+      }
+
+      window.location.href = `/deployment/${data.deployId}`;
+    } catch {
+      btn.disabled = false;
+      btn.innerText = "🚀 Deploy Now";
+    }
+  });
+});

package/public/js/deployment-details.js

@@ -0,0 +1,56 @@
+const deployId = document.getElementById("deploy-id").dataset.id;
+
+function badge(status) {
+  if (status === "success") return "badge bg-success";
+  if (status === "failed") return "badge bg-danger";
+  return "badge bg-warning text-dark";
+}
+
+async function fetchUpdates() {
+  try {
+    const res = await fetch(`/deploy/${deployId}`);
+    const data = await res.json();
+
+    // update status
+    const statusEl = document.getElementById("deploy-status");
+    statusEl.innerHTML = `<span class="${badge(data.deployment.status)}">${data.deployment.status}</span>`;
+
+    // update finished time
+    document.getElementById("finished-at").innerText =
+      data.deployment.finished_at || "Running...";
+
+    // update logs
+    const logsContainer = document.getElementById("logs");
+    logsContainer.innerHTML = "";
+
+    data.logs.forEach(log => {
+      const div = document.createElement("div");
+      div.className = "card mb-3";
+
+      div.innerHTML = `
+        <div class="card-header">
+          <strong>${log.cmd}</strong>
+          <span class="float-end ${badge(log.status)}">${log.status}</span>
+        </div>
+        <div class="card-body">
+          <small class="text-muted">
+            Started: ${log.started_at}<br/>
+            Finished: ${log.finished_at || "Running..."}
+          </small>
+          <pre class="bg-dark text-success p-2 mt-2" style="max-height:300px; overflow:auto;">${log.log || ""}</pre>
+        </div>
+      `;
+
+      logsContainer.appendChild(div);
+    });
+
+    if (data.deployment.status !== "running") {
+      clearInterval(interval);
+    }
+
+  } catch (err) {
+    console.error(err);
+  }
+}
+
+const interval = setInterval(fetchUpdates, 3000);

package/public/js/login.js

@@ -0,0 +1,21 @@
+// Password visibility toggle
+      const toggleBtn = document.getElementById('togglePassword');
+      const passwordField = document.getElementById('password');
+      
+      if (toggleBtn && passwordField) {
+        toggleBtn.addEventListener('click', function() {
+          const type = passwordField.getAttribute('type') === 'password' ? 'text' : 'password';
+          passwordField.setAttribute('type', type);
+          const icon = this.querySelector('i');
+          icon.classList.toggle('bi-eye');
+          icon.classList.toggle('bi-eye-slash');
+        });
+      }
+      
+      // Auto-dismiss alerts after 5 seconds
+      document.querySelectorAll('.alert').forEach(alert => {
+        setTimeout(() => {
+          const bsAlert = new bootstrap.Alert(alert);
+          bsAlert.close();
+        }, 5000);
+      });