PS5の入荷監視をChromeで行う拡張機能を作成してみる

{
  "name": "ps5 Stock Monitoring",
  "version": "1.0.0",
  "manifest_version": 2,
  "description": "PS5の在庫状況を監視する",
  "content_scripts": [{
    "matches": [
            "https://www.amazon.co.jp/dp/B08GGGBKRQ/*",
            "https://www.amazon.co.jp/dp/B08GGF7M7B/*",
            "https://books.rakuten.co.jp/rb/16462859/*",
            "https://books.rakuten.co.jp/rb/16462860/*",
      ],
    "run_at": "document_start",
    "js": [
      "content.js"
    ]
  }],
  "permissions": [
    "tabs"
  ],
  "background":{
    "scripts":[
      "background.js"
    ],
    "persistent": true
  }
}

(()=>{

                // urlがamazonかどうかチェック
    const isAmazon = location.href.indexOf("amazon.co.jp") >= 0;

                // amazonのときの『在庫あり』確認
    const checkAmazon = () =>{
        const itemname = document.getElementById("productTitle").textContent;
        return document.getElementById("availability")
                    .textContent.indexOf("在庫あり") >= 0 ?
                                 "[Amazon]" +itemname : false;
    };

                // 楽天のときの『在庫あり』確認
    const checkRakuten = () =>{
        const itemname = document.querySelector("#productTitle h1").textContent;
        return document.querySelector("#purchaseBox .status")
            .textContent.indexOf("在庫あり") >= 0 ? "[楽天]" +itemname : false;
    };

                // 在庫確認
    const ps5Check = ( notifyFlg )=>{

        const itemname = isAmazon ? checkAmazon() : checkRakuten();

        if( itemname !== false ) { // 在庫があったら、通知して終了
            const message = itemname + "の在庫があります";
            notifyFlg ? new Notification(message) : alert(message);
            return;
        }
                // 在庫なし 

        const randomTime = Math.floor( Math.random() * 5000 );

               // webページ再表示要求をバックグランドページに送る
               // バックグランドページで待機→このページで待機に辺区
                //   変更前
               // chrome.runtime.sendMessage({ action:"reload",time: 20000 + randomTime});

        setTimeout( ()=>chrome.runtime.sendMessage({ action:"reload",time: 10000 + randomTime},(res)=>{})
            ,10000+ randomTime);

    };

        //  全て読み込み後実行→DOM構築後実行に変更
        //
        //  変更前   
        // window.addEventListener("load",
        //     ()=> Notification.permission === "granted"  ? ps5Check( true )
        //     : Notification.requestPermission()
        //     .then(()=>ps5Check(true),()=>ps5Check(false)));

    const loadFunc = ()=> Notification.permission === "granted"  ? ps5Check( true )
        : Notification.requestPermission()
            .then(()=>ps5Check(true),()=>ps5Check(false));

    if( document.readyState === "loading" )
        window.addEventListener( "DOMContentLoaded" , ()=> loadFunc());
    else loadFunc();

})();

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {

     if(request.action==="reload")
         setTimeout( ()=>chrome.tabs.reload(sender.tab.id,{bypassCache:true}),request.time );
});