gitmaps 1.1.3 → 1.1.4

package/app/api/repo/pdf-meta/route.ts

@@ -0,0 +1,68 @@
+import path from 'path';
+import { existsSync } from 'fs';
+import { validateRepoPath } from '../validate-path';
+
+function parsePdfInfoPageCount(output: string): number | null {
+  const match = output.match(/^Pages:\s+(\d+)/mi);
+  if (!match) return null;
+  const value = parseInt(match[1], 10);
+  return Number.isFinite(value) && value > 0 ? value : null;
+}
+
+export async function GET(req: Request) {
+  const url = new URL(req.url);
+  const repoPath = url.searchParams.get('path') || '';
+  const filePath = url.searchParams.get('file') || '';
+
+  if (!repoPath || !filePath) {
+    return Response.json({ error: 'path and file params required' }, { status: 400 });
+  }
+
+  const blocked = validateRepoPath(repoPath);
+  if (blocked) return blocked;
+
+  if (filePath.includes('..') || filePath.startsWith('/')) {
+    return Response.json({ error: 'Invalid file path' }, { status: 400 });
+  }
+
+  const fullPath = path.join(repoPath, filePath);
+  if (!existsSync(fullPath)) {
+    return Response.json({ error: 'File not found' }, { status: 404 });
+  }
+
+  try {
+    const info = Bun.spawnSync(['pdfinfo', fullPath], {
+      stdout: 'pipe',
+      stderr: 'pipe',
+      timeout: 15000,
+    });
+
+    if (info.exitCode === 0) {
+      const pageCount = parsePdfInfoPageCount(new TextDecoder().decode(info.stdout));
+      return Response.json({ pageCount });
+    }
+  } catch {
+    // pdfinfo unavailable
+  }
+
+  try {
+    const identify = Bun.spawnSync(['magick', 'identify', fullPath], {
+      stdout: 'pipe',
+      stderr: 'pipe',
+      timeout: 20000,
+    });
+
+    if (identify.exitCode === 0) {
+      const lines = new TextDecoder().decode(identify.stdout)
+        .split(/\r?\n/)
+        .map((line) => line.trim())
+        .filter(Boolean);
+      const pageCount = lines.length > 0 ? lines.length : null;
+      return Response.json({ pageCount });
+    }
+  } catch {
+    // magick unavailable
+  }
+
+  return Response.json({ pageCount: null });
+}

package/app/lib/cards.tsx

@@ -965,6 +965,116 @@ export function _buildFileContentHTML(
   return `<div class="file-content-preview"><pre><code>${code}</code></pre>${truncNote}</div>`;
 }
 
+function buildPdfThumbUrl(repoPath: string, filePath: string, page: number) {
+  return `/api/repo/pdf-thumb?path=${encodeURIComponent(repoPath)}&file=${encodeURIComponent(filePath)}&page=${page}`;
+}
+
+function buildPdfPreviewHTML(repoPath: string, file: any) {
+  const thumbUrl = buildPdfThumbUrl(repoPath, file.path, 0);
+  return `<div class="file-content-preview file-image-preview pdf-preview" data-file="${escapeHtml(file.path)}" data-page="0" data-page-count="" style="display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-card);overflow:hidden;position:relative;">
+            <img class="pdf-preview-image" src="${thumbUrl}"
+                 alt="${escapeHtml(file.name)}"
+                 style="max-width:100%;max-height:100%;object-fit:contain;"
+                 loading="lazy"
+                 onerror="this.parentElement.innerHTML='<pre><code><span class=\\'error-notice\\'>PDF preview unavailable</span></code></pre>'" />
+            <div class="pdf-preview-toolbar" style="position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 8px;background:rgba(10,10,15,0.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.08);border-radius:10px;z-index:2;">
+              <button class="pdf-page-prev" type="button" style="min-width:28px;height:28px;border-radius:7px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.06);color:var(--text-primary);cursor:pointer;" disabled>‹</button>
+              <span class="pdf-page-indicator" style="font-size:11px;color:var(--text-primary);min-width:72px;text-align:center;">Page 1</span>
+              <button class="pdf-page-next" type="button" style="min-width:28px;height:28px;border-radius:7px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.06);color:var(--text-primary);cursor:pointer;">›</button>
+            </div>
+        </div>`;
+}
+
+async function setupPdfPreviewControls(ctx: CanvasContext, card: HTMLElement, file: any) {
+  const repoPath = ctx.snap().context.repoPath || "";
+  if (!repoPath) return;
+
+  const preview = card.querySelector('.pdf-preview') as HTMLElement | null;
+  const img = card.querySelector('.pdf-preview-image') as HTMLImageElement | null;
+  const prevBtn = card.querySelector('.pdf-page-prev') as HTMLButtonElement | null;
+  const nextBtn = card.querySelector('.pdf-page-next') as HTMLButtonElement | null;
+  const indicator = card.querySelector('.pdf-page-indicator') as HTMLElement | null;
+  if (!preview || !img || !prevBtn || !nextBtn || !indicator) return;
+
+  let page = 0;
+  let pageCount: number | null = null;
+  let lastGoodPage = 0;
+  let loading = false;
+
+  const updateUi = () => {
+    preview.dataset.page = String(page);
+    preview.dataset.pageCount = pageCount == null ? '' : String(pageCount);
+    indicator.textContent = pageCount && pageCount > 0 ? `Page ${page + 1} / ${pageCount}` : `Page ${page + 1}`;
+    prevBtn.disabled = loading || page <= 0;
+    nextBtn.disabled = loading || (pageCount != null && page >= pageCount - 1);
+    prevBtn.style.opacity = prevBtn.disabled ? '0.45' : '1';
+    nextBtn.style.opacity = nextBtn.disabled ? '0.45' : '1';
+    prevBtn.style.cursor = prevBtn.disabled ? 'default' : 'pointer';
+    nextBtn.style.cursor = nextBtn.disabled ? 'default' : 'pointer';
+  };
+
+  const loadPage = (nextPage: number) => {
+    if (loading || nextPage < 0) return;
+    if (pageCount != null && nextPage >= pageCount) return;
+
+    loading = true;
+    page = nextPage;
+    updateUi();
+
+    const nextSrc = buildPdfThumbUrl(repoPath, file.path, nextPage);
+    const rollbackPage = lastGoodPage;
+
+    img.onload = () => {
+      lastGoodPage = nextPage;
+      loading = false;
+      img.onload = null;
+      img.onerror = null;
+      updateUi();
+    };
+    img.onerror = () => {
+      loading = false;
+      if (pageCount == null && nextPage > rollbackPage) {
+        pageCount = nextPage;
+      }
+      page = rollbackPage;
+      img.onload = () => {
+        lastGoodPage = rollbackPage;
+        img.onload = null;
+        img.onerror = null;
+        updateUi();
+      };
+      img.onerror = null;
+      img.src = buildPdfThumbUrl(repoPath, file.path, rollbackPage);
+      updateUi();
+    };
+    img.src = nextSrc;
+  };
+
+  prevBtn.addEventListener('click', (e) => {
+    e.stopPropagation();
+    loadPage(page - 1);
+  });
+  nextBtn.addEventListener('click', (e) => {
+    e.stopPropagation();
+    loadPage(page + 1);
+  });
+
+  updateUi();
+
+  try {
+    const res = await fetch(`/api/repo/pdf-meta?path=${encodeURIComponent(repoPath)}&file=${encodeURIComponent(file.path)}`);
+    if (res.ok) {
+      const data = await res.json();
+      if (Number.isFinite(data?.pageCount) && data.pageCount > 0) {
+        pageCount = data.pageCount;
+        updateUi();
+      }
+    }
+  } catch {
+    // Metadata is optional — controls still work with optimistic next/prev.
+  }
+}
+
 // ─── Create all-file card (working tree) ────────────────
 export function createAllFileCard(
   ctx: CanvasContext,
@@ -1026,13 +1136,7 @@ export function createAllFileCard(
                  loading="lazy" />
         </div>`;
   } else if (isPdf) {
-    contentHTML = `<div class="file-content-preview file-image-preview" style="display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-card);overflow:hidden;">
-            <img src="/api/repo/pdf-thumb?path=${encodeURIComponent(ctx.snap().context.repoPath || "")}&file=${encodeURIComponent(file.path)}" 
-                 alt="${escapeHtml(file.name)}" 
-                 style="max-width:100%;max-height:100%;object-fit:contain;" 
-                 loading="lazy"
-                 onerror="this.parentElement.innerHTML='<pre><code><span class=\\'error-notice\\'>PDF preview unavailable</span></code></pre>'" />
-        </div>`;
+    contentHTML = buildPdfPreviewHTML(ctx.snap().context.repoPath || "", file);
   } else if (file.isBinary) {
     contentHTML = `<div class="file-content-preview"><pre><code><span class="error-notice">Binary file</span></code></pre></div>`;
   } else if (file.content) {
@@ -1208,6 +1312,10 @@ export function createAllFileCard(
     });
   }
 
+  if (isPdf) {
+    setupPdfPreviewControls(ctx, card, file);
+  }
+
   if (canvasOptions) {
     const previewEl = card.querySelector(".canvas-container") as HTMLElement;
     if (previewEl) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gitmaps",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "type": "module",
   "bin": {
     "gitmaps": "cli.ts"