Create save-to-google/userscript.js

src/addons/addons/save-to-google/userscript.js

@@ -0,0 +1,33 @@
+export default async ({ addon, console, msg }) => {
+  while (true) {
+    const elem = await addon.tab.waitForElement('div[class*="menu-bar_file-group"] > div:last-child:not(.sa-modal)', {
+      markAsSeen: true,
+      reduxEvents: ["scratch-gui/mode/SET_PLAYER", "fontsLoaded/SET_FONTS_LOADED", "scratch-gui/locales/SELECT_LOCALE"],
+    });
+
+    const showModal = () => {
+      const { backdrop, container, content, closeButton, remove } = addon.tab.createModal(msg("modal-title"), {
+        isOpen: true,
+        useEditorClasses: true,
+      });
+
+      container.classList.add("customModal");
+      content.classList.add("customModalContent");
+      content.innerHTML = `
+        <h2>${msg("modal-heading")}</h2>
+        <p>${msg("modal-description")}</p>
+        <button id="modalCloseButton">${msg("close")}</button>
+      `;
+
+      document.getElementById("modalCloseButton").addEventListener("click", remove);
+      backdrop.addEventListener("click", remove);
+      closeButton.addEventListener("click", remove);
+    };
+
+    let modalElem = document.createElement("div");
+    modalElem.className = "sa-modal " + elem.className;
+    modalElem.textContent = msg("open-modal");
+    modalElem.addEventListener("click", showModal);
+    elem.parentElement.appendChild(modalElem);
+  }
+};