Fixed rename icon; added more hooks for detecting page navigation; up…

…dated YouTube metadata selectors; updated browser check for muted
Bill13579 · Sep 6, 2024 · 49a36f5 · 49a36f5
1 parent 1c8333a
commit 49a36f5
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/dist/popup/popup.css b/dist/popup/popup.css
@@ -203,7 +203,7 @@ input[type="text"]:focus {
 }
 .-tui-menu-item {
     display: inline-block;
-    /* height: calc(26px * var(--scale)); */
+    height: calc(26px * var(--scale));
     line-height: calc(26px * var(--scale));
     padding-left: 8px;
     padding-right: calc(8px + 4.5px);
@@ -229,7 +229,7 @@ input[type="text"]:focus {
     vertical-align: middle;
 
     mask-repeat: no-repeat;
-    mask-size: contain;
+    /* mask-size: contain; */
 }
 .-tui-menu-item .-tui-menu-item-label {
     color: var(--fg-lite);

diff --git a/src/background/captureTab.js b/src/background/captureTab.js
@@ -194,7 +194,9 @@ const webNavigationListener = async ({tabId, url}) => {
     });
 };
 browser.webNavigation.onHistoryStateUpdated.addListener(webNavigationListener);
+browser.webNavigation.onReferenceFragmentUpdated.addListener(webNavigationListener);
 browser.webNavigation.onCompleted.addListener(webNavigationListener);
+browser.tabs.onUpdated.addListener((tabId, {url}, _) => webNavigationListener({tabId, url}));
 
 browser.tabs.onRemoved.addListener((tabId, _) => {
     let updatePromise = lastUpdatePromise;

diff --git a/src/content/packd.js b/src/content/packd.js
@@ -52,12 +52,12 @@ function waitForElementValueToChange(element) {
 const MUTATION_OBSERVERS = {
     "www.youtube.com": () => new Promise(async (resolve, reject) => {
         if (window.location.pathname.startsWith("/watch")) {
-            let ele = document.querySelector('#meta-contents #description yt-formatted-string.content');
+            let ele = document.querySelector('ytd-watch-metadata');
             if (ele) {
                 let value = await waitForElementValueToChange(ele);
                 resolve(value);
             } else {
-                let value = await waitForElementToExist('#meta-contents #description yt-formatted-string.content');
+                let value = await waitForElementToExist('ytd-watch-metadata');
                 resolve(value.textContent);
             }
         } else {

diff --git a/src/tapi/ttab.js b/src/tapi/ttab.js
@@ -167,6 +167,8 @@ export class TTab {
             prefs.discarded = ttab.discarded;
             prefs.openInReaderMode = ttab.isInReaderMode;
             prefs.title = ttab.discarded ? ttab.title : undefined;
+        }
+        if (TargetBrowser === "firefox" || TargetBrowser === "webext") {
             prefs.muted = ttab.mutedInfo.muted;
         }
         return browser.tabs.create(prefs);