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

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

@@ -1,50 +1,38 @@
 export default async ({ addon, console, msg }) => {
-  // 永続的に対象要素が出現するのを待つループ
   while (true) {
-    // 対象のメニュー要素を待機
-    const targetElem = await addon.tab.waitForElement(
+    // 指定したセレクタの要素を待機
+    const elem = await addon.tab.waitForElement(
       'div[class*="menu-bar_file-group"] > div:last-child:not(.sa-record)',
       { markAsSeen: true }
     );
 
-    // 同じボタンが複数作られないようにチェック
-    if (!document.querySelector('.sa-custom-modal-button')) {
-      // ボタン要素を作成
-      const button = document.createElement("div");
-      button.className = "sa-custom-modal-button " + targetElem.className;
-      button.textContent = msg("open-modal"); // ローカライズされた文字列
-      button.style.cursor = "pointer";
+    // ボタン要素を作成
+    const buttonElem = document.createElement("button");
+    buttonElem.textContent = msg("モーダルを表示"); // ボタンに表示するテキスト
+    buttonElem.classList.add("sa-modal-button"); // 任意のクラス（スタイル用）
 
-      // ボタンがクリックされたときにモーダルを表示するイベントリスナー
-      button.addEventListener("click", () => {
-        // モーダルを作成（addon.tab.createModalを利用）
-        const { backdrop, container, content, closeButton, remove } = addon.tab.createModal(
-          msg("modal-title"), // モーダルのタイトル
-          { isOpen: true, useEditorClasses: true }
-        );
+    // クリック時の処理：モーダルを作成してHTMLを表示
+    buttonElem.addEventListener("click", () => {
+      const { backdrop, container, content, closeButton, remove } = addon.tab.createModal(
+        msg("モーダルタイトル"),
+        { isOpen: true, useEditorClasses: true }
+      );
 
-        // モーダル内に任意のHTMLを設定
-        content.innerHTML = `
-          <div>
-            <h1>${msg("modal-header")}</h1>
-            <p>${msg("modal-description")}</p>
-            <button id="modal-ok-button">${msg("ok")}</button>
-          </div>
-        `;
+      // モーダル内に任意のHTMLコンテンツを設定
+      content.innerHTML = `
+        <h1>モーダルの見出し</h1>
+        <p>これはHTMLコンテンツを含むモーダルの例です。</p>
+      `;
 
-        // 「OK」ボタンがクリックされたらモーダルを閉じる
-        const okButton = content.querySelector("#modal-ok-button");
-        if (okButton) {
-          okButton.addEventListener("click", () => remove());
-        }
+      // 背景や閉じるボタンをクリックしたときにモーダルを閉じる
+      backdrop.addEventListener("click", remove);
+      closeButton.addEventListener("click", remove);
+    });
 
-        // バックドロップやクローズボタンをクリックした場合もモーダルを閉じる
-        backdrop.addEventListener("click", () => remove());
-        closeButton.addEventListener("click", () => remove());
-      });
+    // 指定の要素の親要素にボタンを追加（メニューバーに配置）
+    elem.parentElement.appendChild(buttonElem);
 
-      // 対象の親要素にボタンを追加
-      targetElem.parentElement.appendChild(button);
-    }
+    // 同じ処理を重複して実行しないよう、少し待ってからループを再開
+    await new Promise((resolve) => setTimeout(resolve, 1000));
   }
 };