Serial Code Tracker

Save and mark serial codes as used when accessed.

06.01.2025 itibariyledir. En son verisyonu görün.

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!)

// ==UserScript==
// @name           Serial Code Tracker
// @description    Save and mark serial codes as used when accessed.
// @description:ja アクセスされたシリアルコードを保存し、使用済みとしてマークします。
// @author         Ginoa AI
// @namespace      https://greatest.deepsurf.us/ja/users/119008-ginoaai
// @version        1.0
// @match          https://www.hoyolab.com/article/*
// @grant          GM_setValue
// @grant          GM_getValue
// @grant          GM_listValues
// @icon           https://pbs.twimg.com/profile_images/1648150443522940932/4TTHKbGo_400x400.png
// ==/UserScript==

// 保存されているコードの一覧を取得
function getSavedCodes() {
  return new Set(GM_listValues()); // Setを使って効率化
}

// テキスト置換用の関数
function updateLinkText(node) {
  const savedCodes = getSavedCodes(); // 必要時に最新状態を取得
  const links = node.querySelectorAll('a'); // 対象のaタグを取得
  links.forEach((link) => {
    if (link.href.includes('code=')) {
      const url = new URL(link.href);
      const code = url.searchParams.get('code'); // codeパラメータを取得

      if (savedCodes.has(code)) {
        link.textContent = 'アクセス済み'; // テキストを置換
      }
    }
  });
}

// 指定要素が存在するまで待機
function waitForElement(selector, callback) {
  const element = document.querySelector(selector);
  if (element) {
    callback(element);
  } else {
    const observer = new MutationObserver(() => {
      const element = document.querySelector(selector);
      if (element) {
        observer.disconnect();
        callback(element);
      }
    });
    observer.observe(document.body, { childList: true, subtree: true });
  }
}

// クリックイベントでcodeを保存(ホイールクリック対応)
document.addEventListener('mousedown', function (event) {
  if (event.button === 0 || event.button === 1) { // 左クリック (0) またはホイールクリック (1)
    const target = event.target.closest('a'); // aタグをクリックしたか確認
    if (target && target.href.includes('code=')) {
      const url = new URL(target.href);
      const code = url.searchParams.get('code'); // codeパラメータを取得
      if (code) {
        GM_setValue(code, true); // codeを保存
        console.log(`Saved code: ${code}`);

        // 保存後に即時置換処理を実行
        waitForElement('div[class="mhy-article-page__content"]', (ost) => {
          updateLinkText(ost);
        });
      }
    }
  }
});

// メイン処理
waitForElement('div[class="mhy-article-page__content"]', (ost) => {
  // 初期ロード時にテキストを置換
  updateLinkText(ost);

  // DOM変更を監視して必要な部分のみ処理
  const observer = new MutationObserver((mutations) => {
    for (const mutation of mutations) {
      for (const addedNode of mutation.addedNodes) {
        if (addedNode.nodeType === Node.ELEMENT_NODE) {
          updateLinkText(addedNode); // 追加された要素を処理
        }
      }
    }
  });

  observer.observe(ost, { childList: true, subtree: true }); // 必要に応じてsubtreeをtrueに
  console.log('Saved Codes:', getSavedCodes()); // デバッグ用
});