Fix eslint config, Fix editor settings, and fix small sidebar UI misplacment

Author: MrBlankCoding

.eslintrc.json

@@ -0,0 +1,5 @@
+{
+  "i18n-ally.localesPaths": ["src/_locales"],
+  "i18n-ally.sourceLanguage": "en",
+  "i18n-ally.enabledParsers": ["json"],
+}

.vscode/settings.json

@@ -45,22 +45,14 @@ npm build.js
 
 ## TODO List
 
-### Element inspector
-* [ ] Fix element inspector aplication
-* [ ] Add element inspector to AI 
-
 ### Editor
 
-* [ ] Reduce editor bundle size (~1.4 MB currently)
-* [ ] Split large editor manager files into smaller modules
-* [ ] Enhance extension management for CodeMirror
 * [ ] Link CodeMirror minimap toggle
 * [ ] Move helper functions (`exportScript`, `generateTamperMonkeyHeader`) to separate files
 
 ### UI
 * [ ] Fix editor optimizations
 * [ ] Can you make it so if you have mutiple scripts running at once on the same page the notifications will expand verticlly and not all overlap
-* [ ] Improve AI settings UI layout
 
 ---
 

README.md

@@ -56,7 +56,7 @@ firefoxManifest.permissions = (firefoxManifest.permissions || []).filter(
 if (firefoxManifest.content_scripts) {
   firefoxManifest.content_scripts = firefoxManifest.content_scripts.map(
     (cs) => {
-      const { world, ...rest } = cs;
+      const { world, ...rest } = cs; // eslint-disable-line no-unused-vars
       return rest;
     }
   );

buildScripts/build-firefox.js

@@ -0,0 +1,34 @@
+import globals from "globals";
+
+export default [
+  {
+    ignores: ["build/**"],
+  },
+  {
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      globals: {
+        ...globals.browser,
+        ...globals.es2021,
+        ...globals.webextensions,
+        GM_addElement: "readonly",
+        GM_addStyle: "readonly",
+        GM_setValue: "readonly",
+        GM_getValue: "readonly",
+        GM_deleteValue: "readonly",
+        GM_listValues: "readonly",
+        GM_openInTab: "readonly",
+        GM_notification: "readonly",
+        GM_getResourceText: "readonly",
+        GM_getResourceURL: "readonly",
+        GM_xmlhttpRequest: "readonly",
+        GM_setInnerHTML: "readonly",
+        GM_createHTML: "readonly"
+      }
+    },
+    rules: {
+      "no-unused-vars": ["error", { argsIgnorePattern: "^_" }]
+    }
+  }
+];

eslint.config.js

@@ -10,7 +10,8 @@
   "scripts": {
     "build": "npm run build:chrome",
     "build:chrome": "node buildScripts/build-chrome.js --browser=chrome",
-    "build:firefox": "node buildScripts/build-firefox.js --production"
+    "build:firefox": "node buildScripts/build-firefox.js --production",
+    "lint": "eslint ."
   },
   "dependencies": {
     "@babel/runtime": "7.28.4",

eslint.config.mjs

@@ -716,7 +716,7 @@ class AISettings {
   }
 }
 
-let aiSettings;
+let aiSettings; // eslint-disable-line no-unused-vars
 
 document.addEventListener("DOMContentLoaded", () => {
   aiSettings = new AISettings();

package-lock.json

@@ -175,30 +175,26 @@
 .panel-content {
   flex: 1;
   overflow-y: auto;
-  padding: var(--space-sm);
+  padding: var(--space-sm) 0 var(--space-sm) var(--space-sm); /* Adjusted padding */
   scrollbar-width: thin;
   scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
-}
-.panel-content::-webkit-scrollbar { width: var(--scrollbar-width); }
+}.panel-content::-webkit-scrollbar { width: var(--scrollbar-width); }
 .panel-content::-webkit-scrollbar-track { background: var(--scrollbar-track); }
 .panel-content::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: var(--radius-sm); }
 .panel-content::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); }
 
 #execution-panel .panel-content,
-#info-panel .panel-content { padding: var(--space-md); }
 #execution-panel .form-group,
-#info-panel .form-group { margin-bottom: var(--space-md); }
 #execution-panel .url-input-group,
 #execution-panel .pattern-builder,
 #execution-panel .generated-pattern-group { margin-bottom: var(--space-md); gap: var(--space-md); }
 #execution-panel .generated-pattern-group { margin-top: var(--space-md); }
 
 /* Forms */
-.form-grid { display: flex; flex-direction: column; gap: var(--space-sm); }
+.form-grid { display: flex; flex-direction: column; gap: var(--space-sm); width: 100%; }
 .form-group { margin-bottom: 0; position: relative; }
 
 .form-label {
-  display: flex;
   align-items: center;
   gap: var(--space-xs);
   margin-bottom: var(--space-xs);
@@ -351,7 +347,8 @@
 .resource-list::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); }
 
 .url-item,
-.resource-item {
+.resource-item,
+.require-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -420,7 +417,8 @@
 }
 
 .url-text,
-.resource-text {
+.resource-text,
+.require-item > span {
   font-family: var(--font-mono);
   font-size: var(--text-xs);
   color: var(--text-accent);
@@ -430,7 +428,8 @@
 
 .remove-url-btn,
 .remove-resource-btn,
-.remove-btn {
+.remove-btn,
+.remove-require-btn {
   display: flex;
   align-items: center;
   justify-content: center;