2 fixes

scrolling in the editor
tabs being multi-selected
1 improvment:
no longer downloads all files regardless of content

Author: NellowTCS

Build/src/editor.ts

@@ -55,6 +55,12 @@ function createEditorConfig(
         language,
         themeCompartment.of(isDarkMode ? monokai : bbedit),
         EditorView.lineWrapping,
+        EditorState.tabSize.of(2),
+        EditorView.theme({
+          "&": { height: "100%" },
+          ".cm-scroller": { overflow: "auto" },
+          ".cm-content": { minHeight: "100%" }
+        }),
         search(),
         linter(
           (view) => {

Build/src/main.ts

@@ -306,14 +306,36 @@ function toggleDarkMode(): void {
 
 // Export editors' content as ZIP
 async function exportAsZip() {
+  const html = editors.html.view.state.doc.toString().trim();
+  const css = editors.css.view.state.doc.toString().trim();
+  const js = editors.js.view.state.doc.toString().trim();
+
+  const files: { name: string; content: string }[] = [];
+  if (html) files.push({ name: "index.html", content: html });
+  if (css) files.push({ name: "styles.css", content: css });
+  if (js) files.push({ name: "script.js", content: js });
+
+  if (files.length === 0) {
+    alert("Nothing to export!");
+    return;
+  }
+
+  if (files.length === 1) {
+    const blob = new Blob([files[0].content], { type: "text/plain" });
+    saveAs(blob, files[0].name);
+    return;
+  }
+
   const zip = new JSZip();
-  zip.file("index.html", editors.html.view.state.doc.toString());
-  zip.file("styles.css", editors.css.view.state.doc.toString());
-  zip.file("script.js", editors.js.view.state.doc.toString());
+  for (const file of files) {
+    zip.file(file.name, file.content);
+  }
+
   const content = await zip.generateAsync({ type: "blob" });
   saveAs(content, "htmlrunner-export.zip");
 }
 
+
 // Copy console content
 function copyAllConsole(): void {
   const entries = Array.from(consoleOutput.children);

Build/src/ui.ts

@@ -34,6 +34,8 @@ export function showError(message: string): void {
 
 export function switchTab(tab: string): void {
   currentTab = tab;
+
+  // Hide all editor containers
   document.querySelectorAll(".editor-container").forEach((c) => {
     const container = c as HTMLElement;
     container.style.display = "none";
@@ -49,12 +51,20 @@ export function switchTab(tab: string): void {
     return;
   }
 
+  // Remove 'active' class from all tabs
+  document
+    .querySelectorAll(".editor-tabs .tab")
+    .forEach((t) => t.classList.remove("active"));
+
+  // Show the selected container and mark tab as active
   editorContainer.style.display = "block";
   tabElement.classList.add("active");
+
   editors[tab].view.focus();
   saveState();
 }
 
+
 export function switchOutput(output: string): void {
   currentOutput = output;
   const previewEl = document.getElementById("preview");