npm - repoview - Versions diffs - 0.5.0 → 0.6.0 - Mend

repoview 0.5.0 → 0.6.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 (51) hide show

package/src/views.js DELETED Viewed

@@ -1,479 +0,0 @@
-import path from "node:path";
-export function escapeHtml(s) {
-  return String(s)
-    .replaceAll("&", "&amp;")
-    .replaceAll("<", "&lt;")
-    .replaceAll(">", "&gt;")
-    .replaceAll('"', "&quot;")
-    .replaceAll("'", "&#39;");
-}
-function encodePathForUrl(posixPath) {
-  return posixPath
-    .split("/")
-    .map((segment) => encodeURIComponent(segment))
-    .join("/");
-}
-function renderBreadcrumbs(relPathPosix, querySuffix) {
-  const parts = (relPathPosix || "").split("/").filter(Boolean);
-  const suffix = querySuffix || "";
-  const crumbs = [{ name: "", href: `/tree/${suffix}` }];
-  let cursor = "";
-  for (const p of parts) {
-    cursor = cursor ? `${cursor}/${p}` : p;
-    crumbs.push({ name: p, href: `/tree/${encodePathForUrl(cursor)}${suffix}` });
-  }
-  const html = crumbs
-    .map((c, idx) => {
-      const label = idx === 0 ? "root" : escapeHtml(c.name);
-      return `<a class="crumb" href="${c.href}">${label}</a>`;
-    })
-    .join(`<span class="crumb-sep">/</span>`);
-  return `<nav class="breadcrumbs" aria-label="Breadcrumbs">${html}</nav>`;
-}
-function pageTemplate({ title, repoName, gitInfo, relPathPosix, bodyHtml }) {
-  const branch = gitInfo?.branch ? escapeHtml(gitInfo.branch) : "no-git";
-  const commit = gitInfo?.commit ? escapeHtml(gitInfo.commit.slice(0, 7)) : "";
-  return `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>${escapeHtml(title)}</title>
-    <link rel="stylesheet" href="/static/vendor/github-markdown-css/github-markdown.css" />
-    <link rel="stylesheet" href="/static/vendor/highlight.js/styles/github.css" media="(prefers-color-scheme: light)" />
-    <link rel="stylesheet" href="/static/vendor/highlight.js/styles/github-dark.css" media="(prefers-color-scheme: dark)" />
-    <link rel="stylesheet" href="/static/vendor/katex/katex.min.css" />
-    <link rel="stylesheet" href="/static/app.css" />
-  </head>
-  <body>
-    <header class="topbar">
-      <div class="topbar-row">
-        <a class="brand" href="/tree/">${escapeHtml(repoName)}</a>
-        <div class="meta">
-          <span class="pill">${branch}</span>
-          ${commit ? `<span class="pill mono">${commit}</span>` : ""}
-        </div>
-      </div>
-      ${renderBreadcrumbs(relPathPosix, "")}
-    </header>
-    <main class="container">
-      ${bodyHtml}
-    </main>
-    <script defer src="/static/vendor/katex/katex.min.js"></script>
-    <script defer src="/static/vendor/katex/contrib/auto-render.min.js"></script>
-    <script type="module" src="/static/app.js"></script>
-  </body>
-</html>`;
-}
-function renderBrokenLinksPill(brokenLinks, querySuffix) {
-  const state = brokenLinks;
-  if (!state) return "";
-  const status = state.status;
-  const count = state.lastResult?.broken?.length ?? 0;
-  const href = `/broken-links${querySuffix || ""}`;
-  if (status === "running") return `<a class="pill link" href="${href}">Scanning links…</a>`;
-  if (state.lastResult) {
-    return `<a class="pill link" href="${href}">Broken: ${count}</a>`;
-  }
-  if (state.lastError) return `<a class="pill link" href="${href}">Broken: ?</a>`;
-  return "";
-}
-function renderIgnoredTogglePill({ toggleIgnoredHref, showIgnored }) {
-  const href = toggleIgnoredHref || "#";
-  const label = showIgnored ? "Ignored: on" : "Ignored: off";
-  return `<a class="pill link" data-no-preserve="ignored" href="${href}">${label}</a>`;
-}
-function renderMetaMenu({ gitInfo, brokenLinks, querySuffix, toggleIgnoredHref, showIgnored }) {
-  const commit = gitInfo?.commit ? escapeHtml(gitInfo.commit.slice(0, 7)) : "";
-  const brokenState = brokenLinks;
-  const brokenCount = brokenState?.lastResult?.broken?.length ?? null;
-  const brokenLabel =
-    brokenState?.status === "running"
-      ? "Broken links: scanning…"
-      : brokenCount == null
-        ? "Broken links"
-        : `Broken links: ${brokenCount}`;
-  const brokenHref = `/broken-links${querySuffix || ""}`;
-  const ignoredHref = toggleIgnoredHref || "#";
-  const ignoredLabel = showIgnored ? "Hide ignored files" : "Show ignored files";
-  const diffHref = `/diff${querySuffix || ""}`;
-  return `<details class="meta-menu">
-  <summary class="pill link" aria-label="More">More</summary>
-  <div class="menu-panel" role="menu">
-    <a class="menu-item link" href="${diffHref}" role="menuitem">Diff view</a>
-    <a class="menu-item link" href="${brokenHref}" role="menuitem">${escapeHtml(brokenLabel)}</a>
-    <a class="menu-item link" data-no-preserve="ignored" href="${ignoredHref}" role="menuitem">${escapeHtml(
-      ignoredLabel,
-    )}</a>
-    ${commit ? `<div class="menu-item mono" role="menuitem">Commit: ${commit}</div>` : ""}
-  </div>
-</details>`;
-}
-function pageTemplateWithLinks({
-  title,
-  repoName,
-  gitInfo,
-  relPathPosix,
-  bodyHtml,
-  brokenLinks,
-  querySuffix,
-  toggleIgnoredHref,
-  showIgnored,
-}) {
-  const branch = gitInfo?.branch ? escapeHtml(gitInfo.branch) : "no-git";
-  const commit = gitInfo?.commit ? escapeHtml(gitInfo.commit.slice(0, 7)) : "";
-  const brokenPill = renderBrokenLinksPill(brokenLinks, querySuffix);
-  const ignoredPill = renderIgnoredTogglePill({ toggleIgnoredHref, showIgnored });
-  const metaMenu = renderMetaMenu({ gitInfo, brokenLinks, querySuffix, toggleIgnoredHref, showIgnored });
-  return `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>${escapeHtml(title)}</title>
-    <link rel="stylesheet" href="/static/vendor/github-markdown-css/github-markdown.css" />
-    <link rel="stylesheet" href="/static/vendor/highlight.js/styles/github.css" media="(prefers-color-scheme: light)" />
-    <link rel="stylesheet" href="/static/vendor/highlight.js/styles/github-dark.css" media="(prefers-color-scheme: dark)" />
-    <link rel="stylesheet" href="/static/vendor/katex/katex.min.css" />
-    <link rel="stylesheet" href="/static/app.css" />
-  </head>
-  <body>
-    <header class="topbar">
-      <div class="topbar-row">
-        <a class="brand" href="/tree/${querySuffix || ""}">${escapeHtml(repoName)}</a>
-        <div class="meta">
-          <span class="pill">${branch}</span>
-          ${commit ? `<span class="pill mono meta-commit">${commit}</span>` : ""}
-          <span class="meta-actions">
-            <a class="pill link" href="/diff${querySuffix || ""}">Diff</a>
-            ${brokenPill}
-            ${ignoredPill}
-          </span>
-          <span id="conn-status" class="conn-status" title="Live reload: connecting..."></span>
-          ${metaMenu}
-        </div>
-      </div>
-      ${renderBreadcrumbs(relPathPosix, querySuffix)}
-    </header>
-    <main class="container">
-      ${bodyHtml}
-    </main>
-    <script defer src="/static/vendor/katex/katex.min.js"></script>
-    <script defer src="/static/vendor/katex/contrib/auto-render.min.js"></script>
-    <script type="module" src="/static/app.js"></script>
-  </body>
-</html>`;
-}
-export function renderTreePage({
-  title,
-  repoName,
-  gitInfo,
-  brokenLinks,
-  querySuffix,
-  toggleIgnoredHref,
-  showIgnored,
-  relPathPosix,
-  rows,
-  readmeHtml,
-}) {
-  const tableRows = rows
-    .map((r) => {
-      const icon = r.isDir ? "dir" : "file";
-      const name = escapeHtml(r.name);
-      const tsAttr = r.mtimeMs ? ` data-ts="${r.mtimeMs}"` : "";
-      return `<tr>
-  <td class="name"><a class="item ${icon}" href="${r.href}">${name}</a></td>
-  <td class="mtime"${tsAttr}>${escapeHtml(r.mtime)}</td>
-  <td class="size">${escapeHtml(r.size)}</td>
-</tr>`;
-    })
-    .join("\n");
-  const readmeSection = readmeHtml
-    ? `<section class="panel readme">
-  <div class="panel-title">README</div>
-  <div class="markdown-body markdown-wrap">${readmeHtml}</div>
-</section>`
-    : "";
-  const body = `<section class="panel">
-  <div class="panel-title">Files</div>
-  <div class="table-wrap">
-    <table class="file-table">
-      <thead>
-        <tr><th class="name">Name</th><th class="mtime">Last modified <button type="button" class="tz-toggle" title="Toggle local/UTC time">Local</button></th><th class="size">Size</th></tr>
-      </thead>
-      <tbody>
-        ${tableRows || `<tr><td colspan="3" class="empty">Empty directory</td></tr>`}
-      </tbody>
-    </table>
-  </div>
-</section>
-${readmeSection}`;
-  return pageTemplateWithLinks({
-    title,
-    repoName,
-    gitInfo,
-    brokenLinks,
-    toggleIgnoredHref,
-    showIgnored,
-    querySuffix,
-    relPathPosix,
-    bodyHtml: body,
-  });
-}
-export function renderFilePage({
-  title,
-  repoName,
-  gitInfo,
-  brokenLinks,
-  querySuffix,
-  toggleIgnoredHref,
-  showIgnored,
-  relPathPosix,
-  fileName,
-  isMarkdown,
-  mediaType,
-  renderedHtml,
-}) {
-  const relDir = path.posix.dirname(relPathPosix || "");
-  const suffix = querySuffix || "";
-  const rawHref = `/raw/${encodePathForUrl(relPathPosix || "")}${suffix}`;
-  const treeHref = `/tree/${encodePathForUrl(relDir === "." ? "" : relDir)}${suffix}`;
-  const wrapClass = mediaType ? `${mediaType}-wrap` : isMarkdown ? "markdown-body markdown-wrap" : "code-wrap";
-  const body = `<section class="panel">
-  <div class="panel-title">
-    <span class="filename">${escapeHtml(fileName)}</span>
-    <span class="spacer"></span>
-    <a class="btn" href="${treeHref}">Back</a>
-    <a class="btn" href="${rawHref}">Raw</a>
-  </div>
-  <div class="${wrapClass}">
-    ${renderedHtml}
-  </div>
-</section>`;
-  return pageTemplateWithLinks({
-    title,
-    repoName,
-    gitInfo,
-    brokenLinks,
-    toggleIgnoredHref,
-    showIgnored,
-    querySuffix,
-    relPathPosix,
-    bodyHtml: body,
-  });
-}
-export function renderDiffPage({
-  title,
-  repoName,
-  gitInfo,
-  relPathPosix,
-  querySuffix,
-  base,
-  branches,
-  tags,
-  diffHtml,
-  tooLarge,
-  empty,
-  fileCount,
-  showAll,
-}) {
-  const branchOptions = branches
-    .map((b) => {
-      const sel = b === base ? " selected" : "";
-      return `<option value="${escapeHtml(b)}"${sel}>${escapeHtml(b)}</option>`;
-    })
-    .join("\n");
-  const tagOptions = tags
-    .map((t) => {
-      const sel = t === base ? " selected" : "";
-      return `<option value="${escapeHtml(t)}"${sel}>${escapeHtml(t)}</option>`;
-    })
-    .join("\n");
-  const headSelected = base === "HEAD" ? " selected" : "";
-  const selector = `<select id="base-selector" class="base-selector">
-    <option value="HEAD"${headSelected}>HEAD</option>
-    ${branches.length ? `<optgroup label="Branches">${branchOptions}</optgroup>` : ""}
-    ${tags.length ? `<optgroup label="Tags">${tagOptions}</optgroup>` : ""}
-  </select>`;
-  let content = "";
-  if (tooLarge) {
-    content = `<div class="diff-empty note">Diff output exceeded 512KB and was truncated. Try narrowing the comparison range.</div>`;
-  } else if (empty) {
-    content = `<div class="diff-empty note">No changes found.</div>`;
-  } else {
-    content = diffHtml;
-  }
-  const MAX_DIFF_FILES = 30;
-  let truncatedMsg = "";
-  if (fileCount > MAX_DIFF_FILES && !showAll) {
-    const hidden = fileCount - MAX_DIFF_FILES;
-    const showAllQuery = new URLSearchParams(querySuffix ? querySuffix.slice(1) : "");
-    showAllQuery.set("show_all", "1");
-    const showAllHref = `/diff?${showAllQuery.toString()}`;
-    truncatedMsg = `<div class="diff-truncated note">${hidden} more file${hidden === 1 ? "" : "s"} not shown. <a class="link" href="${showAllHref}">Show all ${fileCount} files</a></div>`;
-  }
-  const body = `<section class="panel">
-  <div class="panel-title">
-    <span>Compare working tree against</span>
-    ${selector}
-    <span class="spacer"></span>
-    <a class="btn" href="/tree/${querySuffix || ""}">Back</a>
-  </div>
-  <div class="diff-wrap">
-    ${content}
-    ${truncatedMsg}
-  </div>
-</section>`;
-  const branch = gitInfo?.branch ? escapeHtml(gitInfo.branch) : "no-git";
-  const commit = gitInfo?.commit ? escapeHtml(gitInfo.commit.slice(0, 7)) : "";
-  return `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>${escapeHtml(title)}</title>
-    <link rel="stylesheet" href="/static/vendor/diff2html/diff2html.min.css" />
-    <link rel="stylesheet" href="/static/app.css" />
-  </head>
-  <body>
-    <header class="topbar">
-      <div class="topbar-row">
-        <a class="brand" href="/tree/${querySuffix || ""}">${escapeHtml(repoName)}</a>
-        <div class="meta">
-          <span class="pill">${branch}</span>
-          ${commit ? `<span class="pill mono">${commit}</span>` : ""}
-        </div>
-      </div>
-    </header>
-    <main class="container">
-      ${body}
-    </main>
-    <script type="module" src="/static/app.js"></script>
-  </body>
-</html>`;
-}
-export function renderErrorPage({ title, message }) {
-  return `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>${escapeHtml(title)}</title>
-    <link rel="stylesheet" href="/static/app.css" />
-  </head>
-  <body>
-    <main class="container">
-      <section class="panel">
-        <div class="panel-title">Error</div>
-        <div class="error">${escapeHtml(message)}</div>
-      </section>
-    </main>
-  </body>
-</html>`;
-}
-export function renderBrokenLinksPage({
-  title,
-  repoName,
-  gitInfo,
-  relPathPosix,
-  scanState,
-  querySuffix,
-  toggleIgnoredHref,
-  showIgnored,
-}) {
-  const state = scanState || {};
-  const result = state.lastResult;
-  const broken = result?.broken || [];
-  const statusLine =
-    state.status === "running"
-      ? "Scanning…"
-      : result
-        ? `Last scan: ${new Date(result.finishedAt).toLocaleString()} · Files: ${
-            result.filesScanned
-          } · URLs: ${result.urlsChecked} · Broken: ${broken.length} · ${result.durationMs}ms`
-        : state.lastError
-          ? `Last error: ${escapeHtml(state.lastError)}`
-          : "No scan yet.";
-  const grouped = new Map();
-  for (const b of broken) {
-    const arr = grouped.get(b.source) || [];
-    arr.push(b);
-    grouped.set(b.source, arr);
-  }
-  const sections = Array.from(grouped.entries())
-    .sort((a, b) => a[0].localeCompare(b[0]))
-    .map(([source, items]) => {
-      const sourceHref = `/blob/${source.split("/").map(encodeURIComponent).join("/")}${
-        querySuffix || ""
-      }`;
-      const rows = items
-        .map((i) => {
-          const reason = escapeHtml(i.reason || "");
-          const kind = escapeHtml(i.kind || "");
-          const url = escapeHtml(i.url || "");
-          const target = i.target ? escapeHtml(i.target) : "";
-          return `<tr><td class="mono">${kind}</td><td class="mono">${reason}</td><td class="mono">${url}</td><td class="mono">${target}</td></tr>`;
-        })
-        .join("\n");
-      return `<section class="panel">
-  <div class="panel-title">
-    <span class="filename"><a class="link" href="${sourceHref}">${escapeHtml(source)}</a></span>
-    <span class="spacer"></span>
-    <span class="pill">${items.length}</span>
-  </div>
-  <div class="table-wrap">
-    <table class="file-table linkcheck">
-      <thead><tr><th>Kind</th><th>Reason</th><th>URL</th><th>Target</th></tr></thead>
-      <tbody>${rows}</tbody>
-    </table>
-  </div>
-</section>`;
-    })
-    .join("\n");
-  const body = `<section class="panel">
-  <div class="panel-title">Broken links</div>
-  <div class="note">${escapeHtml(statusLine)}</div>
-</section>
-${sections || `<section class="panel"><div class="panel-title">All good</div><div class="note">No broken internal links found.</div></section>`}`;
-  return pageTemplateWithLinks({
-    title,
-    repoName,
-    gitInfo,
-    brokenLinks: scanState,
-    toggleIgnoredHref,
-    showIgnored,
-    querySuffix,
-    relPathPosix,
-    bodyHtml: body,
-  });
-}