extracting id on runtime

Author: QasimWani

manifest.json

@@ -3,7 +3,7 @@
     "name" : "LeetHub",
     "description" : "Automatically integrate your code with LeetCode and GitHub",
     "homepage_url": "https://github.com/QasimWani/LeetHub",
-    "version" : "0.0.2",
+    "version" : "0.0.3",
     "author" : "Qasim Wani",
     "browser_action": {
         "default_icon": "assets/thumbnail.png",

popup.html

@@ -37,7 +37,7 @@ <h1 id="title">Leet<span style="color: #f18500;">Hub</span></h1>
                       <br>
                       Set up repository hook to use <strong>Leet<span style="color: #f18500;">Hub</span></strong>
                     </p>
-                    <a href="chrome-extension://aciombdipochlnkbpcbgdpjffcfdbggi/welcome.html" target="blank" class="ui secondary button">
+                    <a id="hook_URL" href="" target="blank" class="ui secondary button">
                         <i class="icon github"></i>
                         Set up Hook
                     </a>
@@ -58,7 +58,7 @@ <h1 id="title">Leet<span style="color: #f18500;">Hub</span></h1>
                   <a href="https://github.com/QasimWani/LeetHub" target="_blank"><i class="ui black github icon"></i></a>
                   <a href="https://www.linkedin.com/in/qasimwani" target="_blank"><i class="ui linkedin icon"></i></a>
                   <a href="mailto:qasim31wani@gmail.com" target="_blank"><i class="ui red envelope icon"></i></a>
-                  <a href="chrome-extension://aciombdipochlnkbpcbgdpjffcfdbggi/welcome.html" target="_blank"><i class="ui grey globe icon"></i></a>
+                  <a id="welcome_URL" href="" target="_blank"><i class="ui grey globe icon"></i></a>
               </div>
           </div>
 

popup.js

@@ -7,6 +7,10 @@ $("#authenticate").on('click', ()=>{
     }
 });
 
+/* Get URL for welcome page */
+$("#welcome_URL").attr("href", `chrome-extension://${chrome.runtime.id}/welcome.html`);
+$("#hook_URL").attr("href", `chrome-extension://${chrome.runtime.id}/welcome.html`);
+
 chrome.storage.sync.get("leethub_token", (data)=>{
     const token = data.leethub_token;
     if(token == null || token == undefined)

scripts/background.js

@@ -21,7 +21,7 @@ function handleMessage(request, sender, sendResponse) {
         });
 
         /* Go to onboarding for UX */
-        let url_onboarding = "chrome-extension://aciombdipochlnkbpcbgdpjffcfdbggi/welcome.html";
+        let url_onboarding = `chrome-extension://${chrome.runtime.id}/welcome.html`;
         chrome.tabs.create({url: url_onboarding, selected: true}); //creates new tab
     }
     else if(request && request.closeWebPage == true && request.isSuccess == true)