gitlatex 1.5.2__tar.gz → 1.7.0__tar.gz

{gitlatex-1.5.2 → gitlatex-1.7.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: gitlatex
-Version: 1.5.2
+Version: 1.7.0
 Summary: A simple UI for LaTeX projects with Git support. Clone repos, edit, compile, and push.
 License-Expression: ISC
 Project-URL: Homepage, https://github.com/abdussamiakanda/gitlatex
@@ -152,8 +152,11 @@ powers VS Code.
 
 ### Git and version history
 
-- **Status, diff, pull and push** from the toolbar. Push stages everything,
-  commits with a timestamp, and pushes in one action.
+- **Status, diff, pull and push** from the toolbar. Push asks for a commit message
+  (default: `Update LaTeX project`), then stages everything, commits and pushes.
+  Edit the message or accept the default; Cancel or Escape stops the
+  operation. Submitting an empty message also cancels. If the working tree is
+  clean, existing commits are pushed without creating an empty commit.
 - Pull and push **enable themselves only when there is something to do**, with
   ahead/behind counts read from the remote.
 - **Version history panel** listing your commits, with the files each one touched

{gitlatex-1.5.2 → gitlatex-1.7.0}/README.md

@@ -124,8 +124,11 @@ powers VS Code.
 
 ### Git and version history
 
-- **Status, diff, pull and push** from the toolbar. Push stages everything,
-  commits with a timestamp, and pushes in one action.
+- **Status, diff, pull and push** from the toolbar. Push asks for a commit message
+  (default: `Update LaTeX project`), then stages everything, commits and pushes.
+  Edit the message or accept the default; Cancel or Escape stops the
+  operation. Submitting an empty message also cancels. If the working tree is
+  clean, existing commits are pushed without creating an empty commit.
 - Pull and push **enable themselves only when there is something to do**, with
   ahead/behind counts read from the remote.
 - **Version history panel** listing your commits, with the files each one touched

{gitlatex-1.5.2 → gitlatex-1.7.0}/gitlatex/__init__.py

@@ -1,2 +1,2 @@
 """GitLaTeX IDE - LaTeX projects with Git support."""
-__version__ = "1.5.2"
+__version__ = "1.7.0"

{gitlatex-1.5.2 → gitlatex-1.7.0}/gitlatex/public/app.js

@@ -15,7 +15,9 @@ import { setCompilerApi, setCompilerApiKey, setLatexEngine, setUseCompilerApi }
 import { addNewFileSidebar, addNewFolderSidebar, handleSidebarFileInputChange, uploadFilesSidebar } from "./js/editor/filetree.js";
 import { populateMainFileDropdown } from "./js/editor/mainfile.js";
 import { toggleOutlineSection } from "./js/editor/outline.js";
+import { closeSnippetForm, exportSnippets, importSnippetsFile, openSnippetForm, submitSnippetForm } from "./js/editor/snippets.js";
 import { setSpellCheckEnabled } from "./js/editor/spell.js";
+import { setVimEnabled } from "./js/editor/vim.js";
 import { hideDiffView } from "./js/git/diffview.js";
 import { closeGitDropdown, toggleGitDropdown } from "./js/git/menu.js";
 import { pullChanges, pushChanges, showDiff, showStatus } from "./js/git/actions.js";
@@ -23,6 +25,8 @@ import { clearCompareSelection, closeVersionsPanel, loadCommits, loadComparison,
 import { cloneRepoAndRefresh, closeCloneModal, closeCreateWorkspaceModal, createWorkspaceAndOpen, initRepoListControls, openCloneModal, openCreateWorkspaceModal } from "./js/home/repolist.js";
 import { showConsoleTab } from "./js/ui/consolepane.js";
 import { setupResizers, toggleSidebar } from "./js/ui/layout.js";
+import { initPdfViewer, setPdfDoubleClickHandler } from "./js/ui/pdfviewer.js";
+import { syncFromPdf } from "./js/editor/synctex.js";
 import { checkForUpdate, syncCompilerApiFields } from "./js/ui/settings.js";
 import { getStoredTheme, setTheme } from "./js/ui/theme.js";
 
@@ -55,6 +59,8 @@ document.addEventListener("click", function (e) {
 document.documentElement.setAttribute("data-theme", getStoredTheme());
 populateMainFileDropdown();
 initRepoListControls();
+initPdfViewer();
+setPdfDoubleClickHandler(syncFromPdf);
 document.getElementById("versions-close")?.addEventListener("click", closeVersionsPanel);
 document.getElementById("versions-refresh")?.addEventListener("click", loadCommits);
 document.getElementById("diff-view-close")?.addEventListener("click", hideDiffView);
@@ -74,6 +80,20 @@ document.getElementById("settings-use-api")?.addEventListener("change", function
 document.getElementById("settings-spellcheck")?.addEventListener("change", function () {
   setSpellCheckEnabled(this.checked);
 });
+document.getElementById("settings-vim")?.addEventListener("change", function () {
+  setVimEnabled(this.checked);
+});
+document.getElementById("snippets-new")?.addEventListener("click", () => openSnippetForm(-1));
+document.getElementById("snippet-cancel")?.addEventListener("click", closeSnippetForm);
+document.getElementById("snippet-save")?.addEventListener("click", submitSnippetForm);
+document.getElementById("snippets-export")?.addEventListener("click", exportSnippets);
+document.getElementById("snippets-import")?.addEventListener("click", function () {
+  document.getElementById("snippets-import-input")?.click();
+});
+document.getElementById("snippets-import-input")?.addEventListener("change", function () {
+  if (this.files && this.files[0]) importSnippetsFile(this.files[0]);
+  this.value = "";
+});
 document.getElementById("compare-swap")?.addEventListener("click", function () {
   state.compareOrderSwapped = !state.compareOrderSwapped;
   renderCompareBar();

gitlatex-1.7.0/gitlatex/public/css/editor.css

@@ -0,0 +1,255 @@
+/*
+ * The editor pane and the PDF preview beside it.
+ */
+
+/* --- Editor pane (contains editor and file viewer) --- */
+#editor-pane {
+  flex: 1 1 0;
+  min-width: 180px;
+  min-height: 0;
+  width: 0;
+  border-right: 1px solid var(--border-subtle);
+  position: relative;
+  overflow: hidden;
+}
+
+#editor {
+  position: absolute;
+  inset: 0;
+  min-height: 0;
+}
+
+#editor-pane.viewer-active #editor {
+  visibility: hidden;
+  pointer-events: none;
+}
+
+#file-viewer {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--bg-app);
+  overflow: auto;
+}
+
+#file-viewer.hidden {
+  display: none !important;
+}
+
+.file-viewer-content {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+
+#file-viewer-pdf.file-viewer-content {
+  width: 100%;
+  height: 100%;
+  border: none;
+}
+
+#file-viewer-pdf.hidden {
+  display: none !important;
+}
+
+.file-viewer-unavailable {
+  color: var(--text-muted, #888);
+  font-size: 1rem;
+  padding: 1rem;
+}
+
+.file-viewer-unavailable.hidden {
+  display: none !important;
+}
+
+/* Monaco fills the pane; absolute so it stays within #editor below the navbar */
+#editor > .monaco-editor {
+  position: absolute !important;
+  top: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  left: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+}
+
+/* --- PDF pane (drawn by js/ui/pdfviewer.js) --- */
+#pdf {
+  width: var(--pdf-width);
+  min-width: 200px;
+  flex: 0 0 auto;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  background: var(--bg-app);
+}
+
+.pdf-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 2px 8px;
+  border-bottom: 1px solid var(--border-subtle);
+  background: var(--bg-elevated);
+  flex: 0 0 auto;
+  min-width: 0;
+}
+
+.pdf-toolbar .icon-btn {
+  width: 28px;
+  height: 28px;
+}
+
+.pdf-zoom-label {
+  min-width: 3.2em;
+  text-align: center;
+  font-size: 0.8rem;
+  color: var(--text-secondary);
+  font-variant-numeric: tabular-nums;
+}
+
+.pdf-toolbar-hint {
+  margin-left: auto;
+  font-size: 0.75rem;
+  color: var(--text-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+}
+
+#pdf-pages {
+  flex: 1 1 0;
+  min-height: 0;
+  overflow: auto;
+  position: relative;
+}
+
+#pdf-pages.hidden,
+#pdf-fallback.hidden,
+.pdf-empty.hidden {
+  display: none;
+}
+
+/* Padding here is PAGE_PADDING in pdfviewer.js. max-content + margin auto
+   centres pages that fit and lets zoomed ones scroll sideways. */
+.pdf-pages-inner {
+  padding: 12px;
+  width: max-content;
+  min-width: 100%;
+  box-sizing: border-box;
+}
+
+.pdf-pages-inner.staging {
+  position: absolute;
+  top: 0;
+  left: 0;
+  visibility: hidden;
+  pointer-events: none;
+}
+
+.pdf-page {
+  position: relative;
+  margin: 0 auto 12px;
+  background: #fff;
+  box-shadow: var(--shadow-md);
+  user-select: none;
+}
+
+.pdf-page canvas {
+  display: block;
+}
+
+.pdf-sync-mark {
+  position: absolute;
+  background: rgba(241, 80, 47, 0.28);
+  outline: 1px solid rgba(241, 80, 47, 0.7);
+  border-radius: 2px;
+  pointer-events: none;
+  animation: pdf-sync-fade 1.8s ease-out forwards;
+}
+
+@keyframes pdf-sync-fade {
+  0%, 60% { opacity: 1; }
+  100% { opacity: 0; }
+}
+
+#pdf-fallback {
+  flex: 1 1 0;
+  min-height: 0;
+  width: 100%;
+  border: none;
+}
+
+.pdf-empty {
+  position: absolute;
+  inset: 34px 0 0 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-muted);
+  font-size: 0.9rem;
+  pointer-events: none;
+}
+
+/* Editor line flashed after a jump from the PDF */
+.monaco-editor .synctex-line-flash {
+  background: rgba(241, 80, 47, 0.22);
+  animation: pdf-sync-fade 1.5s ease-out forwards;
+}
+
+/* Sidebar hidden: collapse with animation */
+.sidebar-hidden #sidebar {
+  width: 0;
+  min-width: 0;
+  border-right-color: transparent;
+}
+
+.sidebar-hidden #editor-pane {
+  flex: 1;
+}
+
+/* --- Vim mode status bar (js/editor/vim.js) --- */
+.vim-statusbar {
+  display: none;
+}
+
+#editor-pane.vim-on #editor {
+  bottom: 24px;
+}
+
+#editor-pane.vim-on .vim-statusbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 0 10px;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  color: var(--text-secondary);
+  background: var(--bg-elevated);
+  border-top: 1px solid var(--border-subtle);
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+#editor-pane.viewer-active .vim-statusbar {
+  visibility: hidden;
+}
+
+.vim-statusbar input {
+  flex: 1 1 auto;
+  min-width: 0;
+  font: inherit;
+  color: var(--text-primary);
+  background: transparent;
+  border: none;
+  outline: none;
+}

{gitlatex-1.5.2 → gitlatex-1.7.0}/gitlatex/public/css/settings.css

@@ -393,3 +393,125 @@
 #settings-test-api.hidden {
   display: none;
 }
+
+/* --- Settings: Vim help and snippets --- */
+.vimtex-help summary {
+  font-size: 12px;
+  color: var(--accent);
+  cursor: pointer;
+  margin-top: 2px;
+}
+.vimtex-table {
+  width: 100%;
+  margin-top: 8px;
+  border-collapse: collapse;
+  font-size: 12px;
+  color: var(--text-secondary);
+}
+.vimtex-table th,
+.vimtex-table td {
+  padding: 4px 0;
+  text-align: left;
+  vertical-align: top;
+  border-top: 1px solid var(--border-subtle);
+}
+.vimtex-table th {
+  font-weight: 400;
+  white-space: nowrap;
+  padding-right: 12px;
+  width: 1%;
+}
+.vimtex-table code,
+.snippet-prefix {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  padding: 1px 4px;
+  background: var(--bg-hover);
+  border-radius: 3px;
+}
+
+.snippets-list {
+  display: flex;
+  flex-direction: column;
+}
+.snippet-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 4px 0;
+  border-top: 1px solid var(--border-subtle);
+  font-size: 12px;
+}
+.snippet-row:first-child {
+  border-top: none;
+}
+.snippet-prefix {
+  flex-shrink: 0;
+  color: var(--text-primary);
+}
+.snippet-desc {
+  flex: 1 1 auto;
+  min-width: 0;
+  color: var(--text-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.snippet-scope {
+  flex-shrink: 0;
+  color: var(--text-muted);
+  font-size: 11px;
+}
+.snippet-row .snippet-action {
+  width: 26px;
+  height: 26px;
+  flex-shrink: 0;
+}
+.snippet-row .snippet-action .material-icons {
+  font-size: 16px;
+}
+.snippets-empty.hidden,
+.snippet-form.hidden {
+  display: none;
+}
+
+.snippet-form {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-top: 8px;
+  padding: 12px;
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-sm);
+}
+.snippet-form .settings-label {
+  margin-top: 6px;
+}
+.snippet-form-row {
+  display: flex;
+  gap: 12px;
+}
+.snippet-field {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+.snippet-field .settings-label {
+  margin-top: 0;
+}
+.snippet-field-scope {
+  flex: 0 0 100px;
+}
+.snippet-body {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  line-height: 1.5;
+  resize: vertical;
+  white-space: pre;
+  tab-size: 2;
+}
+.settings-actions .btn-toolbar {
+  white-space: nowrap;
+}

{gitlatex-1.5.2 → gitlatex-1.7.0}/gitlatex/public/index.html

@@ -206,6 +206,81 @@
           Underlines unknown words in .tex, .txt and .md files. Comments, math and
           command arguments are skipped.
         </p>
+        <label class="settings-toggle" for="settings-vim">
+          <span class="settings-toggle-text">Vim keybindings</span>
+          <input type="checkbox" id="settings-vim" class="switch-input">
+          <span class="switch" aria-hidden="true"></span>
+        </label>
+        <p class="settings-hint">
+          Normal, insert and visual modes with <code>:w</code>, plus VimTeX-style
+          mappings in .tex files.
+        </p>
+        <details class="vimtex-help">
+          <summary>VimTeX mappings</summary>
+          <table class="vimtex-table">
+            <tbody>
+              <tr><th><code>ie</code> <code>ae</code></th><td>Inner / around environment</td></tr>
+              <tr><th><code>i$</code> <code>a$</code></th><td>Inner / around math</td></tr>
+              <tr><th><code>ic</code> <code>ac</code></th><td>Inner / around command</td></tr>
+              <tr><th><code>id</code> <code>ad</code></th><td>Inner / around delimiters</td></tr>
+              <tr><th><code>iP</code> <code>aP</code></th><td>Inner / around section</td></tr>
+              <tr><th><code>]]</code> <code>[[</code></th><td>Next / previous section</td></tr>
+              <tr><th><code>]m</code> <code>[m</code> <code>]M</code> <code>[M</code></th><td>Next / previous <code>\begin</code>, <code>\end</code></td></tr>
+              <tr><th><code>]n</code> <code>[n</code></th><td>Next / previous math</td></tr>
+              <tr><th><code>%</code></th><td>Jump between <code>\begin</code> and <code>\end</code>, or brackets</td></tr>
+              <tr><th><code>dse</code> <code>cse</code> <code>tse</code></th><td>Delete / change / toggle-star environment</td></tr>
+              <tr><th><code>dsc</code> <code>csc</code> <code>tsc</code></th><td>Delete / change / toggle-star command</td></tr>
+              <tr><th><code>ds$</code> <code>cs$</code> <code>ts$</code></th><td>Delete / change math, toggle inline ↔ display</td></tr>
+              <tr><th><code>dsd</code> <code>tsd</code></th><td>Delete delimiters, toggle <code>\left</code>/<code>\right</code></td></tr>
+              <tr><th><code>tsf</code></th><td>Toggle <code>\frac{a}{b}</code> ↔ <code>a/b</code></td></tr>
+              <tr><th><code>]]</code> (insert)</th><td>Close the current environment</td></tr>
+              <tr><th><code>\ll</code> <code>\lv</code></th><td>Compile, show cursor in PDF</td></tr>
+              <tr><th><code>\lt</code> <code>\le</code></th><td>Toggle outline, show errors</td></tr>
+            </tbody>
+          </table>
+        </details>
+      </div>
+      <div class="settings-group settings-group-stack">
+        <label class="settings-label">Snippets</label>
+        <p class="settings-hint">
+          Type a snippet's prefix and press <code>Tab</code>, or pick it from the suggestions.
+          Bodies use <code>$1</code>, <code>${1:default}</code> and <code>$0</code> for tab stops.
+          Tip: select text in the editor and right-click → <em>Save Selection as Snippet</em>.
+        </p>
+        <div id="snippets-list" class="snippets-list"></div>
+        <p id="snippets-empty" class="settings-hint snippets-empty hidden">No snippets yet.</p>
+        <div id="snippet-form" class="snippet-form hidden">
+          <div class="snippet-form-row">
+            <div class="snippet-field">
+              <label class="settings-label" for="snippet-prefix">Prefix</label>
+              <input type="text" id="snippet-prefix" class="settings-input" placeholder="fig" autocomplete="off" spellcheck="false">
+            </div>
+            <div class="snippet-field snippet-field-scope">
+              <label class="settings-label" for="snippet-scope">Files</label>
+              <select id="snippet-scope" class="settings-input">
+                <option value="latex">.tex</option>
+                <option value="bib">.bib</option>
+                <option value="all">All</option>
+              </select>
+            </div>
+          </div>
+          <label class="settings-label" for="snippet-description">Description</label>
+          <input type="text" id="snippet-description" class="settings-input" placeholder="Figure with caption and label" autocomplete="off">
+          <label class="settings-label" for="snippet-body">Body</label>
+          <textarea id="snippet-body" class="settings-input snippet-body" rows="7" spellcheck="false"
+                    placeholder="\begin{figure}[${1:htbp}]&#10;  \centering&#10;  \includegraphics[width=\linewidth]{$2}&#10;  \caption{$3}&#10;  \label{fig:$4}&#10;\end{figure}$0"></textarea>
+          <div class="settings-actions">
+            <button type="button" class="btn-toolbar" id="snippet-cancel">Cancel</button>
+            <button type="button" class="btn-toolbar primary" id="snippet-save">Save snippet</button>
+          </div>
+        </div>
+        <div class="settings-actions">
+          <span id="snippets-status" class="settings-save-status"></span>
+          <button type="button" class="btn-toolbar" id="snippets-import" title="Import a GitLaTeX or VS Code snippets .json file">Import</button>
+          <button type="button" class="btn-toolbar" id="snippets-export">Export</button>
+          <button type="button" class="btn-toolbar primary" id="snippets-new">New snippet</button>
+          <input type="file" id="snippets-import-input" accept=".json,.code-snippets,application/json" hidden>
+        </div>
       </div>
       <div class="settings-group settings-group-stack settings-tech-info">
         <label class="settings-label">Technical info</label>
@@ -599,6 +674,7 @@ app.listen(8080, () => console.log("Compiler API on http://localhost:8080/compil
     <div class="resizer resizer-v" id="resizer-sidebar" title="Resize sidebar"></div>
     <div id="editor-pane">
       <div id="editor"></div>
+      <div id="vim-statusbar" class="vim-statusbar" aria-live="polite"></div>
       <div id="file-viewer" class="hidden" aria-hidden="true">
         <img id="file-viewer-img" alt="" class="file-viewer-content">
         <iframe id="file-viewer-pdf" class="file-viewer-content hidden" title="PDF viewer"></iframe>
@@ -620,7 +696,24 @@ app.listen(8080, () => console.log("Compiler API on http://localhost:8080/compil
       </div>
     </div>
     <div class="resizer resizer-v" id="resizer-pdf" title="Resize editor / PDF"></div>
-    <iframe id="pdf"></iframe>
+    <div id="pdf">
+      <div class="pdf-toolbar">
+        <button type="button" class="icon-btn" id="pdf-zoom-out" title="Zoom out" aria-label="Zoom out">
+          <span class="material-icons" aria-hidden="true">remove</span>
+        </button>
+        <span id="pdf-zoom-label" class="pdf-zoom-label">100%</span>
+        <button type="button" class="icon-btn" id="pdf-zoom-in" title="Zoom in" aria-label="Zoom in">
+          <span class="material-icons" aria-hidden="true">add</span>
+        </button>
+        <button type="button" class="icon-btn" id="pdf-fit-width" title="Fit width" aria-label="Fit width">
+          <span class="material-icons" aria-hidden="true">fit_screen</span>
+        </button>
+        <span class="pdf-toolbar-hint" title="Cmd/Ctrl+click a line in the editor to find it in the PDF">Double-click the PDF to jump to its source</span>
+      </div>
+      <div id="pdf-pages"></div>
+      <iframe id="pdf-fallback" class="hidden" title="PDF preview"></iframe>
+      <div id="pdf-empty" class="pdf-empty">Compile to see the PDF here.</div>
+    </div>
     <div class="resizer resizer-v" id="resizer-versions" title="Resize versions panel"></div>
     <aside id="versions-panel" class="hidden" aria-hidden="true" aria-label="Version history">
       <div class="versions-header">

{gitlatex-1.5.2 → gitlatex-1.7.0}/gitlatex/public/js/build/compile.js

@@ -10,6 +10,7 @@ import { getMainFile } from "../editor/mainfile.js";
 import { refreshProjectIndex } from "../editor/projectindex.js";
 import { saveCurrentFile } from "../editor/session.js";
 import { setConsole } from "../ui/consolepane.js";
+import { pdfUrlFor, showPdf } from "../ui/pdfviewer.js";
 
 export function setCompileLoading(loading) {
   const btn = document.getElementById("btn-compile");
@@ -56,7 +57,7 @@ export async function compile() {
         if (isDataUrl) {
           const base64 = pdfStr.includes(",") ? pdfStr.slice(pdfStr.indexOf(",") + 1).trim() : pdfStr;
           if (!base64) {
-            document.getElementById("pdf").src = data.pdf;
+            showPdf(data.pdf);
             setConsole("Compiled " + mainFile + " via API.");
           } else {
             const savePayload = { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ path: pdfPath, content: base64 }) };
@@ -82,21 +83,19 @@ export async function compile() {
             }
             try {
               if (saveRes.ok && saveData.success) {
-                const base = getApiBase() || "";
-                const pdfUrl = base + (pdfPath.includes("/") ? "/pdf?path=" + encodeURIComponent(pdfPath) : "/pdf/" + pdfPath);
-                document.getElementById("pdf").src = pdfUrl;
+                showPdf(pdfUrlFor(pdfPath) + (pdfPath.includes("/") ? "&" : "?") + "t=" + Date.now(), pdfPath);
                 setConsole("Compiled " + mainFile + " via API. PDF saved to " + pdfPath);
               } else {
-                document.getElementById("pdf").src = data.pdf;
+                showPdf(data.pdf);
                 setConsole("Compiled " + mainFile + " via API. Save to repo failed: " + (saveData.error || saveRes.status || "unknown"));
               }
             } catch (e) {
-              document.getElementById("pdf").src = data.pdf;
+              showPdf(data.pdf);
               setConsole("Compiled " + mainFile + " via API. Save to repo failed: " + (e.message || "network error"));
             }
           }
         } else {
-          document.getElementById("pdf").src = data.pdf;
+          showPdf(data.pdf);
           setConsole("Compiled " + mainFile + " via API.");
         }
       } else if (data.error) {
@@ -121,7 +120,7 @@ export async function compile() {
       applyProblems(data.problems || []);
       if (data.success && data.pdf) {
         // Cache-bust so the viewer shows the freshly built PDF.
-        document.getElementById("pdf").src = (getApiBase() || "") + data.pdf + "?t=" + Date.now();
+        showPdf((getApiBase() || "") + data.pdf + "?t=" + Date.now(), mainFile.replace(/\.tex$/i, ".pdf"));
         renderProblems(data.problems || [], describeBuild(mainFile, data), data.log);
       } else if (data.error) {
         renderProblems(data.problems || [], "Compile error: " + data.error, data.log);