Small changes

Author: MrBlankCoding

Chrome/GM_api/Values/GM_getValue.js

@@ -1,6 +1,4 @@
 if (typeof GM_getValue === 'undefined') {
-  // GM_getValue should be synchronous per Greasemonkey/Tampermonkey spec.
-  // Store values in localStorage so we can return them immediately.
   window.GM_getValue = (name, defaultValue) => {
     try {
       const raw = localStorage.getItem(`GM_value_${name}`);

Chrome/GM_api/Values/GM_setValue.js

@@ -1,5 +1,4 @@
 if (typeof GM_setValue === 'undefined') {
-  // Synchronous implementation using localStorage for immediate persistence.
   window.GM_setValue = (name, value) => {
     try {
       localStorage.setItem(`GM_value_${name}`, JSON.stringify(value));

Chrome/background.js

@@ -28,6 +28,7 @@ const state = new BackgroundState();
 const OFFSCREEN_DOCUMENT_PATH = "offscreen.html";
 
 // Utility functions
+// :)
 function safeSetBadge(tabId, text = "", color = "#007bff") {
   chrome.action.setBadgeText({ tabId, text }).catch((err) => {
     if (!isIgnorableTabError(err)) {
@@ -182,6 +183,7 @@ const gmApiHandlers = {
   },
 
   // Cross-origin XHR via fetch
+  // Stay CSP complient
   async xmlhttpRequest(message) {
     const details = message.details || {};
 
@@ -192,7 +194,6 @@ const gmApiHandlers = {
     const fetchInit = {
       method: details.method || "GET",
       headers: details.headers || {},
-      // Allow sending cookies for same-origin if desired
       credentials: details.synchronous ? "include" : "same-origin",
     };
 

Chrome/dashboard/dashboard-logic.js

@@ -171,7 +171,6 @@ async function saveSettings(settingsElements) {
     showNotification("Settings saved successfully", "success");
     chrome.runtime.sendMessage({ action: "settingsUpdated" });
 
-    // Apply theme immediately
     applyTheme(settings.darkMode);
   } catch (error) {
     console.error("Error saving settings:", error);
@@ -265,7 +264,6 @@ async function refreshDashboard() {
   filterScripts(elements, state);
 }
 
-// Helper to toggle theme
 function applyTheme(isDark) {
   const body = document.body;
   if (isDark) {
@@ -275,7 +273,6 @@ function applyTheme(isDark) {
   }
 }
 
-// Export current script in Tampermonkey format (.user.js)
 function exportScript(script) {
   try {
     const code = script.code || "";
@@ -307,7 +304,6 @@ function exportScript(script) {
   }
 }
 
-// Attach functions to global so dashboard-ui can use them
 window.exportScript = exportScript;
 window.toggleScript = toggleScript;
 window.editScript = editScript;

Chrome/dashboard/dashboard-ui.js

@@ -33,11 +33,10 @@ function updateWebsiteFilterOptions(scripts, websiteFilter) {
       }
     }
 
-    // Clear all options
     while (websiteFilter.firstChild) {
       websiteFilter.removeChild(websiteFilter.firstChild);
     }
-    // Add "All Websites" option
+
     const allOption = document.createElement("option");
     allOption.value = "";
     allOption.textContent = "All Websites";
@@ -68,7 +67,6 @@ function updateScriptsList(scripts, elements) {
     return;
   }
 
-  // show scripts
   if (elements.scriptsTable) elements.scriptsTable.style.display = "table";
   if (elements.emptyState) elements.emptyState.style.display = "none";
 
@@ -145,56 +143,6 @@ function createStatusToggleCell(script) {
   return statusCell;
 }
 
-function createFaviconCell(script) {
-  const faviconCell = document.createElement("td");
-  const faviconContainer = document.createElement("div");
-  faviconContainer.className = "favicon-container";
-
-  // mutli favs
-  const uniqueHosts = new Set();
-
-  // get fav for each
-  if (script.targetUrls && script.targetUrls.length > 0) {
-    script.targetUrls.forEach((url) => {
-      try {
-        let hostname;
-        if (url.includes("://")) {
-          hostname = new URL(url).hostname;
-        } else {
-          hostname = url.split("/")[0];
-        }
-
-        if (!uniqueHosts.has(hostname)) {
-          uniqueHosts.add(hostname);
-
-          if (faviconContainer.children.length < 3) {
-            const faviconWrapper = createFaviconWrapper(hostname);
-            faviconContainer.appendChild(faviconWrapper);
-          }
-        }
-      } catch (error) {
-        // skip invalid (e.g. "about:blank") URLs
-      }
-    });
-  }
-  if (uniqueHosts.size > 3) {
-    const extraHosts = Array.from(uniqueHosts).slice(3);
-    const counterElement = createFaviconCounter(extraHosts);
-    faviconContainer.appendChild(counterElement);
-  }
-
-  // FALLBACK!
-  if (faviconContainer.children.length === 0) {
-    const fallback = document.createElement("div");
-    fallback.className = "favicon-fallback";
-    fallback.textContent = (script.name[0] || "?").toUpperCase();
-    faviconContainer.appendChild(fallback);
-  }
-
-  faviconCell.appendChild(faviconContainer);
-  return faviconCell;
-}
-
 function createIconCell(script) {
   const iconCell = document.createElement("td");
   const container = document.createElement("div");
@@ -218,68 +166,6 @@ function createIconCell(script) {
   return iconCell;
 }
 
-function createFaviconWrapper(hostname) {
-  const faviconWrapper = document.createElement("div");
-  faviconWrapper.className = "favicon-wrapper";
-  faviconWrapper.title = hostname;
-
-  const faviconImg = document.createElement("img");
-  const faviconUrl = `https://s2.googleusercontent.com/s2/favicons?domain=${hostname}`;
-
-  console.log(`Fetching favicon for ${hostname}:`, faviconUrl);
-
-  faviconImg.src = faviconUrl;
-  faviconImg.alt = "";
-  faviconImg.className = "favicon";
-  faviconImg.onerror = function () {
-    console.warn(`Failed to load favicon for ${hostname}`);
-    const fallbackText = hostname.replace(/\*\./g, "").charAt(0).toUpperCase();
-    const fallbackDiv = document.createElement("div");
-    fallbackDiv.className = "favicon-fallback";
-    fallbackDiv.textContent = fallbackText;
-    this.parentElement.innerHTML = ""; // Clear previous content
-    this.parentElement.appendChild(fallbackDiv);
-  };
-
-  faviconWrapper.appendChild(faviconImg);
-  return faviconWrapper;
-}
-
-function createFaviconCounter(extraHosts) {
-  const counter = document.createElement("div");
-  counter.className = "favicon-counter";
-  counter.textContent = `+${extraHosts.length}`;
-  const dropdown = document.createElement("div");
-  dropdown.className = "favicon-dropdown";
-
-  const urlList = document.createElement("ul");
-  urlList.className = "favicon-url-list";
-
-  extraHosts.forEach((hostname) => {
-    const listItem = document.createElement("li");
-    listItem.className = "favicon-url-item";
-    const favicon = document.createElement("img");
-    favicon.src = `https://${hostname}/favicon.ico`;
-    favicon.alt = "";
-    favicon.onerror = () => {
-      const fallbackDiv = document.createElement("div");
-      fallbackDiv.className = "favicon-fallback";
-      fallbackDiv.textContent = (hostname[0] || "?").toUpperCase();
-      favicon.replaceWith(fallbackDiv);
-    };
-
-    const domain = document.createElement("span");
-    domain.textContent = hostname;
-
-    listItem.append(favicon, domain);
-    urlList.appendChild(listItem);
-  });
-
-  dropdown.appendChild(urlList);
-  counter.appendChild(dropdown);
-  return counter;
-}
-
 function createActionsCell(script) {
   const actionsCell = document.createElement("td");
   actionsCell.className = "script-actions";
@@ -408,20 +294,16 @@ function escapeHtml(unsafe) {
     .replace(/&/g, "&amp;")
     .replace(/</g, "&lt;")
     .replace(/>/g, "&gt;")
-    .replace(/\"/g, "&quot;")
+    .replace(/"/g, "&quot;")
     .replace(/'/g, "&#039;");
 }
 
-// ----------------------------------------------
-// About Tab helpers
-// ----------------------------------------------
 function setupAboutNav(aboutContainer) {
   if (!aboutContainer) return;
 
   const navButtons = aboutContainer.querySelectorAll(".about-nav");
   const sections = aboutContainer.querySelectorAll(".about-section");
 
-  // ensure exporting section exists
   const contentEl = aboutContainer.querySelector(".about-content");
   if (contentEl && !contentEl.querySelector("#exporting")) {
     contentEl.insertAdjacentHTML(
@@ -447,7 +329,6 @@ function setupAboutNav(aboutContainer) {
   });
 }
 
-// Expose helpers for other modules
 window.updateWebsiteFilterOptions = updateWebsiteFilterOptions;
 window.updateScriptsList = updateScriptsList;
 window.showNotification = showNotification;

Chrome/editor.html

@@ -352,7 +352,7 @@ <h3 class="panel-title">Script Resources</h3>
                            <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
                         </svg>
                      </button>
-                     <button type="button" class="toolbar-btn" id="formatBtn" title="Format code (Alt+Shift+F)">
+                     <button type="button" class="toolbar-btn" id="formatBtn" title="Format code (Alt+F)">
                         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M4 7V4h16v3M9 20h6M12 4v16"></path>
                         </svg>
@@ -361,6 +361,7 @@ <h3 class="panel-title">Script Resources</h3>
                   </div>
                   <div class="toolbar-info">
                      <span id="cursorInfo" class="cursor-info">Line 1, Column 1</span>
+                     <div class="perf-badge hidden" id="perfTierBadge" title="Performance optimizations active"></div>
                   </div>
                </div>
             </main>
@@ -389,28 +390,53 @@ <h3>Keyboard Shortcuts</h3>
                   <thead>
                     <tr>
                       <th>Action</th>
-                      <th>Shortcut</th>
+                      <th>Windows/Linux</th>
+                      <th>macOS</th>
                     </tr>
                   </thead>
                   <tbody>
                     <tr>
                       <td>Save Script</td>
                       <td><kbd>Ctrl</kbd> + <kbd>S</kbd></td>
+                      <td><kbd>Cmd</kbd> + <kbd>S</kbd></td>
                     </tr>
                     <tr>
                       <td>Format Code</td>
-                      <td><kbd>Shift</kbd> + <kbd>Alt</kbd> + <kbd>F</kbd></td>
+                      <td><kbd>Alt</kbd> + <kbd>F</kbd></td>
+                      <td><kbd>Alt</kbd> + <kbd>F</kbd></td>
                     </tr>
                     <tr>
-                      <td>Toggle Sidebar</td>
-                      <td><kbd>Ctrl</kbd> + <kbd>\</kbd></td>
+                      <td>Autocomplete</td>
+                      <td><kbd>Ctrl</kbd> + <kbd>Space</kbd></td>
+                      <td><kbd>Ctrl</kbd> + <kbd>Space</kbd></td>
                     </tr>
                     <tr>
                       <td>Toggle Comment</td>
                       <td><kbd>Ctrl</kbd> + <kbd>/</kbd></td>
+                      <td><kbd>Cmd</kbd> + <kbd>/</kbd></td>
+                    </tr>
+                    <tr>
+                      <td>Toggle Minimap</td>
+                      <td><kbd>Ctrl</kbd> + <kbd>M</kbd></td>
+                      <td><kbd>Cmd</kbd> + <kbd>M</kbd></td>
+                    </tr>
+                    <tr>
+                      <td>Full Screen</td>
+                      <td colspan="2"><kbd>F11</kbd></td>
+                    </tr>
+                    <tr>
+                      <td>Exit Full Screen</td>
+                      <td colspan="2"><kbd>Esc</kbd></td>
+                    </tr>
+                    <tr>
+                      <td>Indent / Insert Spaces</td>
+                      <td colspan="2"><kbd>Tab</kbd> (selection indents; otherwise inserts spaces)</td>
                     </tr>
                   </tbody>
                 </table>
+                <p class="help-note" style="margin-top:8px;color:#9CA3AF;">
+                  Notes: Shortcuts reflect the current editor configuration. Formatting uses the built-in beautifier. The minimap can also be toggled from Settings.
+                </p>
               </div>
             </div>
             <div class="help-tab-content" id="help-tab-wildcards">

Chrome/editor.js

@@ -510,7 +510,6 @@ class ScriptEditor {
       markAsDirty: () => this.markAsDirty(),
       markAsUnsaved: () => this.markAsUnsaved(),
       debouncedSave: () => this._debouncedSave(),
-      saveScript: () => this.saveScript()
     };
 
     // Setup additional UI components that need callbacks
@@ -989,9 +988,7 @@ document.addEventListener("DOMContentLoaded", () => {
   });
 });
 
-/**
- * Reads darkMode from storage and toggles body.light-theme.
- */
+
 async function applyThemeFromSettings() {
   try {
     const { settings = {} } = await chrome.storage.local.get("settings");

Chrome/styles/e_header_footer.css

@@ -94,6 +94,7 @@
 .status-info {
   display: flex;
   align-items: center;
+  gap: var(--space-sm);
 }
 
 .status-badge {
@@ -175,6 +176,40 @@
   display: none !important;
 }
 
+/* Performance Tier Badge */
+.perf-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 8px;
+  border-radius: var(--radius-md);
+  font-size: var(--text-xs);
+  font-weight: var(--font-medium);
+  color: var(--text-primary);
+  background: var(--bg-tertiary);
+  border: 1px solid var(--border-primary);
+  box-shadow: var(--shadow-xs);
+}
+
+.perf-badge::before {
+  content: '';
+  width: 8px;
+  height: 8px;
+  border-radius: 999px;
+  background: var(--accent);
+  box-shadow: 0 0 8px var(--accent);
+}
+
+.perf-badge.tier-large::before {
+  background: #f59e0b; /* amber-500 */
+  box-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
+}
+
+.perf-badge.tier-huge::before {
+  background: #ef4444; /* red-500 */
+  box-shadow: 0 0 8px rgba(239, 68, 68, 0.6);
+}
+
 .sr-only {
   position: absolute !important;
   width: 1px !important;