npm - @codigoconelmer/driftwatch - Versions diffs - 1.1.5 → 1.2.1 - Mend

@codigoconelmer/driftwatch 1.1.5 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

package/dist/webui.js ADDED Viewed

@@ -0,0 +1,124 @@
+import http from 'http';
+import { readStatusData } from './status.js';
+import { readHistory } from './history.js';
+const PORT = 4573;
+const HTML = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>DriftWatch</title>
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+    body { font-family: 'Courier New', monospace; background: #0d1117; color: #e6edf3; padding: 2rem; }
+    h1 { color: #58a6ff; font-size: 1.5rem; margin-bottom: 0.25rem; }
+    .subtitle { color: #8b949e; font-size: 0.85rem; margin-bottom: 2rem; }
+    h2 { font-size: 1rem; color: #8b949e; text-transform: uppercase; letter-spacing: 0.1em; margin: 2rem 0 1rem; }
+    table { width: 100%; border-collapse: collapse; }
+    th { text-align: left; color: #8b949e; font-size: 0.8rem; padding: 0.5rem 0.75rem; border-bottom: 1px solid #30363d; }
+    td { padding: 0.5rem 0.75rem; border-bottom: 1px solid #161b22; font-size: 0.9rem; }
+    tr:hover td { background: #161b22; }
+    .ok    { color: #3fb950; }
+    .drift { color: #d29922; }
+    .down  { color: #f85149; }
+    .first-run { color: #58a6ff; }
+    .history-card { background: #161b22; border: 1px solid #30363d; border-radius: 6px; padding: 1rem; margin-bottom: 0.75rem; }
+    .history-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.5rem; }
+    .history-name { font-weight: bold; color: #e6edf3; }
+    .history-time { color: #8b949e; font-size: 0.8rem; }
+    .diff-line { font-size: 0.85rem; padding: 0.15rem 0; }
+    .added   { color: #3fb950; }
+    .removed { color: #f85149; }
+    .changed { color: #d29922; }
+    .empty-state { color: #8b949e; font-style: italic; padding: 1rem 0; }
+    .refresh { color: #8b949e; font-size: 0.75rem; }
+  </style>
+</head>
+<body>
+  <h1>🔍 DriftWatch</h1>
+  <div class="subtitle">Refreshes every 30s &nbsp;·&nbsp; <span class="refresh" id="last-refresh">—</span></div>
+  <h2>Endpoints</h2>
+  <table>
+    <thead><tr><th>Name</th><th>Status</th><th>Last Check</th><th>Reason</th></tr></thead>
+    <tbody id="endpoints-body"></tbody>
+  </table>
+  <h2>Drift History</h2>
+  <div id="history-list"></div>
+  <script>
+    const ICONS = { ok: '✅', drift: '⚠️', down: '🔴', 'first-run': '🔵' };
+    async function load() {
+      const [status, history] = await Promise.all([
+        fetch('/api/status').then(r => r.json()),
+        fetch('/api/history').then(r => r.json()),
+      ]);
+      const tbody = document.getElementById('endpoints-body');
+      const entries = Object.entries(status.endpoints || {});
+      tbody.innerHTML = entries.length === 0
+        ? '<tr><td colspan="4" class="empty-state">No checks recorded yet.</td></tr>'
+        : entries.map(([name, e]) => \`
+            <tr>
+              <td>\${name}</td>
+              <td class="\${e.status}">\${ICONS[e.status] || '❓'} \${e.status}</td>
+              <td>\${new Date(e.lastCheck).toLocaleString()}</td>
+              <td>\${e.reason || '—'}</td>
+            </tr>\`).join('');
+      const historyEl = document.getElementById('history-list');
+      if (!history.length) {
+        historyEl.innerHTML = '<p class="empty-state">No drift detected yet.</p>';
+      } else {
+        historyEl.innerHTML = [...history].reverse().map(e => \`
+          <div class="history-card">
+            <div class="history-header">
+              <span class="history-name">\${e.endpoint}</span>
+              <span class="history-time">\${new Date(e.timestamp).toLocaleString()}</span>
+            </div>
+            \${e.diff.added.map(d => \`<div class="diff-line added">+ \${d.path} (\${d.type})</div>\`).join('')}
+            \${e.diff.removed.map(d => \`<div class="diff-line removed">- \${d.path} (\${d.type})</div>\`).join('')}
+            \${e.diff.changed.map(d => \`<div class="diff-line changed">~ \${d.path}: \${d.from} → \${d.to}</div>\`).join('')}
+          </div>\`).join('');
+      }
+      document.getElementById('last-refresh').textContent = 'Last updated ' + new Date().toLocaleTimeString();
+    }
+    load();
+    setInterval(load, 30000);
+  </script>
+</body>
+</html>`;
+export function startWebUI(port = PORT) {
+    const server = http.createServer((req, res) => {
+        if (req.url === '/api/status') {
+            res.writeHead(200, { 'Content-Type': 'application/json' });
+            res.end(JSON.stringify(readStatusData()));
+        }
+        else if (req.url === '/api/history') {
+            res.writeHead(200, { 'Content-Type': 'application/json' });
+            res.end(JSON.stringify(readHistory()));
+        }
+        else {
+            res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
+            res.end(HTML);
+        }
+    });
+    server.on('error', (err) => {
+        if (err.code === 'EADDRINUSE') {
+            console.error(`[driftwatch] Port ${port} already in use. Try: driftwatch ui --port 4574`);
+        }
+        else {
+            console.error(`[driftwatch] Failed to start web UI: ${err.message}`);
+        }
+        process.exit(1);
+    });
+    server.listen(port, () => {
+        console.log(`[driftwatch] Web UI → http://localhost:${port}`);
+        console.log('[driftwatch] Ctrl+C to stop.');
+    });
+}
+//# sourceMappingURL=webui.js.map

package/dist/webui.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"webui.js","sourceRoot":"","sources":["../src/webui.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,IAAI,GAAG,IAAI,CAAC;AAElB,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyFL,CAAC;AAET,MAAM,UAAU,UAAU,CAAC,IAAI,GAAG,IAAI;IACpC,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QAC5C,IAAI,GAAG,CAAC,GAAG,KAAK,aAAa,EAAE,CAAC;YAC9B,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC,CAAC;YAC3D,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;QAC5C,CAAC;aAAM,IAAI,GAAG,CAAC,GAAG,KAAK,cAAc,EAAE,CAAC;YACtC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC,CAAC;YAC3D,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QACzC,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,cAAc,EAAE,0BAA0B,EAAE,CAAC,CAAC;YACnE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,GAA0B,EAAE,EAAE;QAChD,IAAI,GAAG,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,qBAAqB,IAAI,iDAAiD,CAAC,CAAC;QAC5F,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,wCAAwC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;QACvE,CAAC;QACD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,0CAA0C,IAAI,EAAE,CAAC,CAAC;QAC9D,OAAO,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC"}

package/package.json CHANGED Viewed

@@ -1,18 +1,12 @@
 {
   "name": "@codigoconelmer/driftwatch",
-  "version": "1.1.5",
-  "description": "External API schema drift detector with Telegram alerts",
+  "version": "1.2.1",
+  "description": "External API schema drift detector with alerts via Telegram, Slack, and Discord",
   "type": "module",
   "main": "dist/index.js",
   "bin": {
     "driftwatch": "./dist/index.js"
   },
-  "scripts": {
-    "build": "tsc",
-    "dev": "tsx src/index.ts",
-    "start": "node dist/index.js",
-    "prepublishOnly": "pnpm build"
-  },
   "files": [
     "dist",
     "README.md",
@@ -55,9 +49,9 @@
   "engines": {
     "node": ">=18"
   },
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "esbuild"
-    ]
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsx src/index.ts",
+    "start": "node dist/index.js"
   }
-}
+}