Merge pull request #535 from rgantzos/main

Author: rgantzos

api/main.js

@@ -40,6 +40,14 @@ ScratchTools.waitForElements = function (selector, callback, id, rework) {
   }
 };
 
+var stylesDiv = document.createElement("div");
+stylesDiv.className = "scratchtools-styles-div";
+document.head.appendChild(stylesDiv);
+ScratchTools.waitForElements("head > *", function (el) {
+  if (el !== stylesDiv) {
+    document.head.appendChild(stylesDiv);
+  }
+});
 function enableScratchToolsSelectorsMutationObserver() {
   var ScratchToolsSelectorsMutationObserver = new MutationObserver(
     returnScratchToolsSelectorsMutationObserverCallbacks

extras/background.js

@@ -450,6 +450,7 @@ chrome.tabs.onUpdated.addListener(async function (tabId, info) {
                         world: newData.world?.toUpperCase() || "MAIN",
                       });
                     }
+                    }
                   });
                   newData.styles?.forEach(function (style) {
                     if (new URL(tab.url).pathname.match(style.runOn)) {
@@ -469,7 +470,7 @@ chrome.tabs.onUpdated.addListener(async function (tabId, info) {
                         link.rel = "stylesheet";
                         link.href = path;
                         link.dataset.feature = feature;
-                        document.head.prepend(link);
+                        document.querySelector(".scratchtools-styles-div").appendChild(link);
                       }
                     }
                   });

extras/popup/popup.js

@@ -572,7 +572,7 @@ async function dynamicEnable(id) {
                     link.rel = "stylesheet";
                     link.href = path;
                     link.dataset.feature = feature;
-                    document.head.appendChild(link);
+                    document.querySelector(".scratchtools-styles-div").appendChild(link);
                   }
                 }
               } catch (err) {}

features/most-popular-project.js

@@ -64,6 +64,7 @@ function addBox(title, id, views, instructions) {
   box.appendChild(boxContent);
   var p = document.createElement("p");
   p.style.width = "500px";
+  p.style.whiteSpace = "pre-line";
   p.textContent = instructions;
   boxContent.appendChild(p);
   boxTitle.style.color = "#1aa0d8";