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

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

@@ -1,62 +1,41 @@
 export default async ({ addon, console, msg }) => {
   while (true) {
-    // 既存のメニューバーの最後の要素を取得（カスタムボタンが重複しないようにする）
-    const elem = await addon.tab.waitForElement(
-      'div[class*="menu-bar_file-group"] > div:last-child:not(.custom-menu)',
-      {
-        markAsSeen: true,
-        reduxEvents: [
-          "scratch-gui/mode/SET_PLAYER",
-          "fontsLoaded/SET_FONTS_LOADED",
-          "scratch-gui/locales/SELECT_LOCALE"
-        ],
-      }
-    );
-
-    // カスタムメニューバーのボタンを作成
-    const menuBarButton = Object.assign(document.createElement("div"), {
-      className: "custom-menu " + elem.className,
-      textContent: msg("menu-button") || "メニュー",
+    const elem = await addon.tab.waitForElement('div[class*="menu-bar_file-group"] > div:last-child:not(.custom-menu)', {
+      markAsSeen: true,
+      reduxEvents: ["scratch-gui/mode/SET_PLAYER", "fontsLoaded/SET_FONTS_LOADED", "scratch-gui/locales/SELECT_LOCALE"],
     });
-
-    // ボタンクリックでモーダルを表示
-    menuBarButton.addEventListener("click", () => {
-      // モーダル作成（addon.tab.createModal を利用）
-      const { backdrop, container, content, closeButton, remove } = addon.tab.createModal(
-        msg("menu-title") || "メニュー",
-        {
-          isOpen: true,
-          useEditorClasses: true,
-        }
-      );
-
-      // モーダル内に説明用のHTML要素を追加
-      const description = Object.assign(document.createElement("p"), {
-        textContent: msg("menu-description") || "ここに任意のHTML内容を記述できます。"
+    
+    const createModal = () => {
+      const { backdrop, container, content, closeButton, remove } = addon.tab.createModal("カスタムメニュー", {
+        isOpen: true,
+        useEditorClasses: true,
       });
-      content.appendChild(description);
-
-      // 「Googleドライブに保存」ボタンを追加
-      const googleDriveButton = document.createElement("button");
-      googleDriveButton.textContent = "Googleドライブに保存";
-      googleDriveButton.addEventListener("click", () => {
-        // Googleドライブへの保存処理をここに記述
-        console.log("Googleドライブに保存ボタンがクリックされました");
+      container.classList.add("customModal");
+      content.classList.add("customModalContent");
+      
+      content.innerHTML = `
+        <h2>カスタムメニュー</h2>
+        <p>ここに好きなHTMLコンテンツを追加できます。</p>
+        <button id="saveToDrive">Googleドライブに保存</button>
+      `;
+      
+      document.getElementById("saveToDrive").addEventListener("click", () => {
+        console.log("Googleドライブに保存処理を実行（実装は省略）");
+        alert("Googleドライブに保存しました！（仮）");
       });
-      content.appendChild(googleDriveButton);
-
-      // 閉じるボタンを追加
-      const closeBtn = document.createElement("button");
-      closeBtn.textContent = msg("close") || "閉じる";
-      closeBtn.addEventListener("click", () => remove());
-      content.appendChild(closeBtn);
-
-      // backdropクリックでモーダルを閉じる
-      backdrop.addEventListener("click", () => remove());
-      closeButton.addEventListener("click", () => remove());
-    });
-
-    // カスタムボタンをメニューバーに追加
-    elem.parentElement.appendChild(menuBarButton);
+      
+      backdrop.addEventListener("click", remove);
+      closeButton.addEventListener("click", remove);
+    };
+    
+    if (!document.querySelector(".custom-menu")) {
+      const menuElem = Object.assign(document.createElement("div"), {
+        className: "custom-menu " + elem.className,
+        textContent: "カスタムメニュー",
+      });
+      
+      menuElem.addEventListener("click", createModal);
+      elem.parentElement.appendChild(menuElem);
+    }
   }
 };