Fix Scrolling error in editor and make chrome builds export a zip

Author: MrBlankCoding

README.md

@@ -9,32 +9,27 @@ CodeTweak is a Manifest V3 userscript manager with a built-in editor.
 - Support common GM APIs (`GM_getValue`, `GM_setValue`, `GM_xmlhttpRequest`, etc).
 - Import scripts from Greasy Fork.
 
-## Install
-
-### Chrome / Chromium (manual)
+## Build (Firefox)
 
 ```bash
-npm install
-npm run build:chrome
+npm ci
+npm run build:firefox
 ```
 
-Then:
+- Build script: `buildScripts/build-firefox.js`
+- Output folder: `build/firefox`
+- Firefox package: `build/codetweak-firefox.zip`
 
-1. Open `chrome://extensions`.
-2. Enable `Developer mode`.
-3. Click `Load unpacked`.
-4. Select `build/chrome`.
-
-### Firefox (manual)
+## Build (Chrome)
 
 ```bash
-npm install
-npm run build:firefox
+npm ci
+npm run build:chrome
 ```
 
-Use the generated package:
+Output: `build/chrome`
+- Chrome package: `build/codetweak-chrome.zip`
 
-- `build/codetweak-firefox.zip`
 
 ## Development
 

package.json

@@ -10,7 +10,7 @@
   },
   "scripts": {
     "build": "npm run build:chrome",
-    "build:chrome": "node buildScripts/build-chrome.js --browser=chrome",
+    "build:chrome": "node buildScripts/build-chrome.js --browser=chrome --production",
     "build:firefox": "node buildScripts/build-firefox.js --production",
     "lint": "eslint .",
     "docs:dev": "vitepress dev docs-src",

screenshots/ai-mode-screenshot.png

@@ -49,6 +49,16 @@ html, body {
   border-left: 1px solid var(--border-primary);
 }
 
+/* Keep CodeMirror scroll inside the editor pane since page scroll is disabled */
+.editor-container .cm-editor {
+  height: 100%;
+  max-height: 100%;
+}
+
+.editor-container .cm-scroller {
+  overflow: auto;
+}
+
 ::-webkit-scrollbar {
   display: none;
 }
@@ -220,4 +230,4 @@ html {
 }
 .help-tab-content.active {
   display: block;
-}
+}