npm - busyserver - Versions diffs - 1.0.0 - Mend

busyserver 1.0.0

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 (11) hide show

package/src/templates.js ADDED Viewed

@@ -0,0 +1,330 @@
+const path = require("path");
+const fs = require("fs");
+function escapeHtml(str) {
+  return String(str)
+    .replaceAll("&", "&amp;")
+    .replaceAll("<", "&lt;")
+    .replaceAll(">", "&gt;")
+    .replaceAll('"', "&quot;")
+    .replaceAll("'", "&#039;");
+}
+function formatBytes(bytes) {
+  if (bytes === 0) return '0 B';
+  const k = 1024;
+  const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
+}
+const themeStyles = `
+  :root {
+    --bg: #ffffff;
+    --text: #0f172a;
+    --muted: #64748b;
+    --border: #e2e8f0;
+    --hover: #f1f5f9;
+    --primary: #0ea5e9;
+    --card: #ffffff;
+    --danger: #ef4444;
+  }
+  @media (prefers-color-scheme: dark) {
+    :root {
+      --bg: #0f172a;
+      --text: #f8fafc;
+      --muted: #94a3b8;
+      --border: #334155;
+      --hover: #1e293b;
+      --primary: #38bdf8;
+      --card: #1e293b;
+      --danger: #f87171;
+    }
+  }
+  body {
+    margin: 0;
+    font-family: system-ui, -apple-system, sans-serif;
+    background-color: var(--bg);
+    color: var(--text);
+    line-height: 1.5;
+  }
+  * { box-sizing: border-box; }
+`;
+function getErrorPage(statusCode, message, urlPath) {
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${statusCode} - ${escapeHtml(message)}</title>
+  <style>
+    ${themeStyles}
+    .container {
+      min-height: 100vh;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 2rem;
+      text-align: center;
+    }
+    h1 {
+      font-size: 6rem;
+      margin: 0;
+      color: var(--danger);
+      line-height: 1;
+    }
+    h2 {
+      font-size: 2rem;
+      margin: 1rem 0;
+    }
+    p {
+      color: var(--muted);
+      margin-bottom: 2rem;
+      word-break: break-all;
+      max-width: 600px;
+    }
+    a {
+      color: var(--primary);
+      text-decoration: none;
+      font-weight: 500;
+      padding: 0.75rem 1.5rem;
+      border: 1px solid var(--primary);
+      border-radius: 8px;
+      transition: all 0.2s;
+    }
+    a:hover {
+      background-color: var(--primary);
+      color: var(--bg);
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>${statusCode}</h1>
+    <h2>${escapeHtml(message)}</h2>
+    ${urlPath ? `<p>${escapeHtml(urlPath)}</p>` : ''}
+    <a href="/">← Return Home</a>
+  </div>
+</body>
+</html>`;
+}
+function getDirectoryListing(directory, requestPath) {
+  let entries = [];
+  try {
+    entries = fs.readdirSync(directory, { withFileTypes: true });
+  } catch (err) {
+    return getErrorPage(500, "Internal Server Error", "Could not read directory.");
+  }
+  const items = entries
+    .filter(e => !e.name.startsWith('.'))
+    .map(entry => {
+      const isDir = entry.isDirectory();
+      let size = "-";
+      let mtime = "-";
+      let timestamp = 0;
+      try {
+        const stat = fs.statSync(path.join(directory, entry.name));
+        if (!isDir) size = formatBytes(stat.size);
+        mtime = new Date(stat.mtime).toLocaleString();
+        timestamp = stat.mtimeMs;
+      } catch (e) {}
+      return {
+        name: entry.name,
+        isDir,
+        size,
+        mtime,
+        timestamp,
+        href: requestPath.endsWith('/') ? requestPath + encodeURIComponent(entry.name) : requestPath + '/' + encodeURIComponent(entry.name)
+      };
+    });
+  // Default sort: dirs first, then alphabetical
+  items.sort((a, b) => {
+    if (a.isDir && !b.isDir) return -1;
+    if (!a.isDir && b.isDir) return 1;
+    return a.name.localeCompare(b.name);
+  });
+  const parentPath = requestPath !== "/" ? path.posix.dirname(requestPath.replace(/\/$/, "")) : null;
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Index of ${escapeHtml(requestPath)}</title>
+  <style>
+    ${themeStyles}
+    body { padding: 2rem; max-width: 1200px; margin: 0 auto; }
+    header {
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
+      margin-bottom: 2rem;
+    }
+    @media (min-width: 640px) {
+      header {
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+      }
+    }
+    h1 { margin: 0; font-size: 1.5rem; word-break: break-all; }
+    .search-box {
+      padding: 0.75rem 1rem;
+      border-radius: 8px;
+      border: 1px solid var(--border);
+      background: var(--card);
+      color: var(--text);
+      width: 100%;
+      max-width: 300px;
+    }
+    .table-container {
+      overflow-x: auto;
+      background: var(--card);
+      border-radius: 12px;
+      border: 1px solid var(--border);
+    }
+    table { width: 100%; border-collapse: collapse; text-align: left; }
+    th {
+      padding: 1rem;
+      border-bottom: 2px solid var(--border);
+      color: var(--muted);
+      font-weight: 500;
+      cursor: pointer;
+      user-select: none;
+    }
+    th:hover { color: var(--text); }
+    td {
+      padding: 0.75rem 1rem;
+      border-bottom: 1px solid var(--border);
+    }
+    tr:last-child td { border-bottom: none; }
+    tr:hover td { background-color: var(--hover); }
+    a {
+      color: var(--text);
+      text-decoration: none;
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+    }
+    .icon { font-size: 1.25rem; }
+    .size, .date { color: var(--muted); white-space: nowrap; }
+    .empty { padding: 3rem; text-align: center; color: var(--muted); }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>📂 ${escapeHtml(requestPath)}</h1>
+    <input type="text" id="search" class="search-box" placeholder="Filter files..." aria-label="Filter files">
+  </header>
+  <div class="table-container">
+    <table id="file-table">
+      <thead>
+        <tr>
+          <th onclick="sortTable(0, 'str')">Name ↕</th>
+          <th onclick="sortTable(1, 'size')">Size ↕</th>
+          <th onclick="sortTable(2, 'date')">Last Modified ↕</th>
+        </tr>
+      </thead>
+      <tbody id="file-body">
+        ${parentPath ? `
+        <tr>
+          <td><a href="${parentPath}/"><span class="icon">📁</span> ..</a></td>
+          <td class="size">-</td>
+          <td class="date">-</td>
+        </tr>` : ''}
+        ${items.length === 0 ? `<tr><td colspan="3" class="empty">Directory is empty</td></tr>` : items.map(item => `
+        <tr class="file-row">
+          <td><a href="${item.href}"><span class="icon">${item.isDir ? '📁' : '📄'}</span> <span class="name">${escapeHtml(item.name)}${item.isDir ? '/' : ''}</span></a></td>
+          <td class="size" data-size="${item.isDir ? -1 : (item.size === '-' ? 0 : parseFloat(item.size))}">${escapeHtml(item.size)}</td>
+          <td class="date" data-time="${item.timestamp}">${escapeHtml(item.mtime)}</td>
+        </tr>`).join('\n')}
+      </tbody>
+    </table>
+  </div>
+  <script>
+    const search = document.getElementById('search');
+    const rows = document.querySelectorAll('.file-row');
+    search.addEventListener('input', (e) => {
+      const term = e.target.value.toLowerCase();
+      rows.forEach(row => {
+        const name = row.querySelector('.name').textContent.toLowerCase();
+        row.style.display = name.includes(term) ? '' : 'none';
+      });
+    });
+    let sortState = { col: 0, asc: true };
+    window.sortTable = function(col, type) {
+      const tbody = document.getElementById('file-body');
+      const rowArr = Array.from(rows);
+      if (sortState.col === col) {
+        sortState.asc = !sortState.asc;
+      } else {
+        sortState.col = col;
+        sortState.asc = true;
+      }
+      rowArr.sort((a, b) => {
+        let valA, valB;
+        if (col === 0) {
+          valA = a.querySelector('.name').textContent;
+          valB = b.querySelector('.name').textContent;
+          return sortState.asc ? valA.localeCompare(valB) : valB.localeCompare(valA);
+        } else if (col === 1) {
+          valA = parseFloat(a.querySelector('.size').getAttribute('data-size'));
+          valB = parseFloat(b.querySelector('.size').getAttribute('data-size'));
+        } else if (col === 2) {
+          valA = parseFloat(a.querySelector('.date').getAttribute('data-time'));
+          valB = parseFloat(b.querySelector('.date').getAttribute('data-time'));
+        }
+        return sortState.asc ? valA - valB : valB - valA;
+      });
+      rowArr.forEach(row => tbody.appendChild(row));
+    }
+  </script>
+</body>
+</html>`;
+}
+function injectLiveReload(html, enabled) {
+  if (!enabled) return html;
+  if (html.includes("__busyserver_ws")) return html;
+  const script = `<script>
+(()=>{let t=0,mx=30,d=1e3;function co(){if(t>=mx)return;
+const s=new WebSocket("ws://"+location.host+"/__busyserver_ws");
+s.onopen=()=>{t=0;console.log("%c[BusyServer] Connected","color:#22c55e")};
+s.onmessage=e=>{try{const m=JSON.parse(e.data);
+if(m.type==="css"){document.querySelectorAll('link[rel="stylesheet"]').forEach(l=>{const h=l.href.split("?")[0];l.href=h+"?t="+Date.now()});console.log("%c[BusyServer] CSS updated","color:#a78bfa");return}
+if(m.type==="image"){document.querySelectorAll("img").forEach(i=>{const u=i.src.split("?")[0];i.src=u+"?t="+Date.now()});console.log("%c[BusyServer] Images updated","color:#f59e0b");return}
+location.reload()}catch{location.reload()}};
+s.onclose=()=>{console.log("%c[BusyServer] Disconnected, reconnecting...","color:#f59e0b");t++;setTimeout(co,d)};
+s.onerror=()=>{s.close()}}co()})();
+</script>`;
+  if (html.includes("</body>")) {
+    return html.replace("</body>", script + "</body>");
+  }
+  if (html.includes("</html>")) {
+    return html.replace("</html>", script + "</html>");
+  }
+  return html + script;
+}
+module.exports = {
+  getErrorPage,
+  getDirectoryListing,
+  injectLiveReload
+};

package/src/watcher.js ADDED Viewed

@@ -0,0 +1,106 @@
+const path = require("path");
+const DEFAULT_IGNORED = [
+  "**/node_modules/**",
+  "**/.git/**",
+  "**/dist/**",
+  "**/.astro/**",
+  "**/.next/**",
+  "**/.cache/**",
+  "**/.busyserverc.json",
+];
+const IMAGE_EXTS = new Set([
+  ".png", ".jpg", ".jpeg", ".gif", ".webp", ".svg", ".avif", ".ico",
+]);
+const HTML_EXTS = new Set([".html", ".htm"]);
+const JS_EXTS = new Set([".js", ".mjs", ".cjs", ".json", ".ts", ".tsx", ".jsx"]);
+/**
+ * Determine the type of change based on file extension.
+ */
+function getChangeType(filePath) {
+  const ext = path.extname(filePath).toLowerCase();
+  if (ext === ".css") return "css";
+  if (IMAGE_EXTS.has(ext)) return "image";
+  if (HTML_EXTS.has(ext)) return "html";
+  if (JS_EXTS.has(ext)) return "js";
+  return "reload";
+}
+/**
+ * Start file watcher on the given root directory.
+ *
+ * @param {string} root - Directory to watch
+ * @param {Function} onChange - Callback receiving { type, event, filePath }
+ * @param {Object} options
+ * @param {string[]} options.ignore - Additional glob patterns to ignore
+ * @param {boolean} options.enabled - If false, skip watching entirely
+ * @returns {import('chokidar').FSWatcher|null}
+ */
+async function startWatcher(root, onChange, options = {}) {
+  if (options.enabled === false) {
+    return null;
+  }
+  const chokidarPkg = await import("chokidar");
+  const chokidar = chokidarPkg.default || chokidarPkg;
+  const ignored = [...DEFAULT_IGNORED];
+  if (Array.isArray(options.ignore)) {
+    for (const pattern of options.ignore) {
+      if (typeof pattern === "string" && pattern.length > 0) {
+        ignored.push(pattern);
+      }
+    }
+  }
+  const watcher = chokidar.watch(root, {
+    ignored,
+    ignoreInitial: true,
+    awaitWriteFinish: {
+      stabilityThreshold: 150,
+      pollInterval: 50,
+    },
+  });
+  // Debounce: track pending changes per file
+  const pending = new Map();
+  const DEBOUNCE_MS = 100;
+  watcher.on("all", (event, filePath) => {
+    if (event !== "add" && event !== "change" && event !== "unlink") {
+      return;
+    }
+    // Clear any existing timer for this file
+    if (pending.has(filePath)) {
+      clearTimeout(pending.get(filePath));
+    }
+    // Set new debounced timer
+    const timer = setTimeout(() => {
+      pending.delete(filePath);
+      const type = getChangeType(filePath);
+      const relativePath = path.relative(root, filePath);
+      onChange({
+        type,
+        event,
+        filePath,
+        relativePath,
+      });
+    }, DEBOUNCE_MS);
+    pending.set(filePath, timer);
+  });
+  return watcher;
+}
+module.exports = { startWatcher, getChangeType };