fix/trello-and-asana (#38)

* Attach click event listener to window

* Update development server port

* Asana: Read project identifier from topbar page header

* Pump version and update changelog

src/js/api/Client.js

@@ -5,7 +5,7 @@ const baseURL = subdomain => {
   if (process.env.NODE_ENV === "production") {
     return `https://${encodeURIComponent(subdomain)}.mocoapp.com/api/browser_extensions`
   } else {
-    return `http://${encodeURIComponent(subdomain)}.mocoapp.localhost:3001/api/browser_extensions`
+    return `http://${encodeURIComponent(subdomain)}.mocoapp.localhost:3000/api/browser_extensions`
   }
 }
 

src/js/content.js

@@ -22,7 +22,7 @@ chrome.runtime.onConnect.addListener(function(port) {
   }
   port.onDisconnect.addListener(() => {
     messenger.stop()
-    document.removeEventListener("click", clickHandler, true)
+    window.removeEventListener("click", clickHandler, true)
   })
 
   function updateBubble({ service, bookedSeconds, settingTimeTrackingHHMM, timedActivity } = {}) {
@@ -30,7 +30,7 @@ chrome.runtime.onConnect.addListener(function(port) {
       const domRoot = document.createElement("div")
       domRoot.setAttribute("id", "moco-bx-root")
       document.body.appendChild(domRoot)
-      document.addEventListener("click", clickHandler, true)
+      window.addEventListener("click", clickHandler, true)
     }
 
     ReactDOM.render(

src/js/remoteServices.js

@@ -17,7 +17,7 @@ export default {
       document.querySelector(".ItemRow--highlighted textarea")?.textContent?.trim() ||
       document.querySelector(".ItemRow--focused textarea")?.textContent?.trim() ||
       document.querySelector(".SingleTaskPane textarea")?.textContent?.trim(),
-    projectId: projectIdentifierBySelector(".TaskProjectPill-projectName"),
+    projectId: projectIdentifierBySelector(".TopbarPageHeaderStructure-titleRow h1"),
   },
 
   "github-pr": {