bump version

Fix guidelines link

manifest/manifest.json

@@ -1,7 +1,7 @@
 {
     "name": "__MSG_fullName__",
     "short_name": "SponsorBlock",
-    "version": "4.1.6",
+    "version": "4.2.1",
     "default_locale": "en",
     "description": "__MSG_Description__",
     "homepage_url": "https://sponsor.ajay.app",

public/_locales/cs/messages.json

@@ -586,13 +586,13 @@
         "message": "Titulky nebo když se objeví konečné karty YouTube. Není pro závěry s informacemi."
     },
     "category_preview": {
-        "message": "Náhled/shrnutí"
+        "message": "Náhled / shrnutí"
     },
     "category_preview_description": {
         "message": "Rychlé shrnutí předchozích epizod nebo náhled toho, co se objeví v aktuálním videu. Myšleno pro upravené sloučené klipy, ne pro mluvená shrnutí."
     },
     "category_filler": {
-        "message": "Výplň/vtipy"
+        "message": "Výplň / vtipy"
     },
     "category_filler_description": {
         "message": "Výplňové scény přidané jen jako přídavek nebo humor, které nejsou vyžadovány pro pochopení hlavního obsahu videa. Toto by nemělo zahrnovat segmenty poskytující kontext nebo podrobnosti na pozadí."

public/_locales/it/messages.json

@@ -562,7 +562,7 @@
         "description": "Short description for this category"
     },
     "category_interaction": {
-        "message": "Promemoria di Interazione (Sottoscrizione)"
+        "message": "Promemoria d'Interazione (Iscrizione)"
     },
     "category_interaction_description": {
         "message": "Quando nel punto centrale del contenuto è presente un breve promemoria per aggiunta di mi piace, iscrizione o seguito. Se dovesse risultare esteso o riguardare qualcosa di specifico, potrebbe essere un'autopromozione."

public/_locales/pt_PT/messages.json

@@ -118,6 +118,34 @@
     "submitCheck": {
         "message": "Tem a certeza que pretende submeter?"
     },
+    "whitelistChannel": {
+        "message": "Meter canal na Lista Branca"
+    },
+    "removeFromWhitelist": {
+        "message": "Remover canal da Lista Branca"
+    },
+    "voteOnTime": {
+        "message": "Votar em um segmento"
+    },
+    "Submissions": {
+        "message": "Submissões"
+    },
+    "savedPeopleFrom": {
+        "message": "Salvaste pessoas de "
+    },
+    "viewLeaderboard": {
+        "message": "Tabela de Classificação"
+    },
+    "recordTimesDescription": {
+        "message": "Enviar"
+    },
+    "submissionEditHint": {
+        "message": "A edição da seção aparecerá depois que você clicar em enviar",
+        "description": "Appears in the popup to inform them that editing has been moved to the video player."
+    },
+    "popupHint": {
+        "message": "Dica: Você pode configurar atalhos de teclado para enviar nas opções"
+    },
     "clearTimesButton": {
         "message": "Limpar Intervalos"
     },
@@ -127,9 +155,15 @@
     "publicStats": {
         "message": "Isto é usado na página pública de estatísticas que mostra o quanto já contríbuíu. Veje-a"
     },
+    "Username": {
+        "message": "Nome de Utilizador"
+    },
     "setUsername": {
         "message": "Criar nomde de utilizador"
     },
+    "copyPublicID": {
+        "message": "Copiar UserID Publico"
+    },
     "discordAdvert": {
         "message": "Junte-se ao discord oficial para sugerir dicas e sugestões!"
     },
@@ -148,18 +182,48 @@
     "hideButtonsDescription": {
         "message": "Isto esconde os botões que aparecem no player do Youtube para submeter patrocínios. Entendemos que possa ser\n incómodo a algumas pessoas. Em vez de usar esses botões pode usar os do popup. Para esconder a mensagem que aparece, \n ususe o botão na mesma que diz \"Don't show this again\". Pode sempre reactivar estas definições novamente."
     },
+    "showSkipButton": {
+        "message": "Mantenha o Botão Saltar para Destaque no Player"
+    },
     "showInfoButton": {
         "message": "Mostrar botão de Informações no player do Youtube"
     },
     "hideInfoButton": {
         "message": "Esconder botão de Informações no player do Youtube"
     },
+    "autoHideInfoButton": {
+        "message": "Ocultar automaticamente o Botão de Informação"
+    },
     "hideDeleteButton": {
         "message": "Esconder botão de Apagar no player do Youtube"
     },
     "showDeleteButton": {
         "message": "Mostrar botão de Apagar no player do Youtube"
     },
+    "enableViewTracking": {
+        "message": "Ativar Rastreamento de Contagem de Saltos"
+    },
+    "whatViewTracking": {
+        "message": "Esse recurso rastreia quais segmentos você pulou para permitir que os usuários saibam o quanto seu envio ajudou outras pessoas e é usado como métrica junto com votos positivos para garantir que o spam não entre no banco de dados. A extensão envia uma mensagem ao servidor cada vez que você pular um segmento. Espero que a maioria das pessoas não altere essa configuração para que os números de visualização sejam precisos. :)"
+    },
+    "enableViewTrackingInPrivate": {
+        "message": "Ativar o Rastreamento de Contagem de Saltos nas Guias Privadas/Anônimas"
+    },
+    "enableTrackDownvotes": {
+        "message": "Guardar segmentos de votos negativos"
+    },
+    "whatTrackDownvotes": {
+        "message": "Quaisquer segmentos que você votar negativo permanecerão ocultos mesmo após a atualização"
+    },
+    "trackDownvotesWarning": {
+        "message": "Aviso: Ao desabilitar isso excluirá todos os votos negativos armazenados anteriormente"
+    },
+    "enableQueryByHashPrefix": {
+        "message": "Consulta por Prefixo de Hash"
+    },
+    "whatQueryByHashPrefix": {
+        "message": "Em vez de solicitar segmentos do servidor usando o ID do Vídeo, são enviados os primeiros 4 caracteres do hash do ID do Vídeo. Este servidor enviará de volta dados para todos os vídeos com hashes semelhantes."
+    },
     "showNotice": {
         "message": "Mostrar notificação outra vez"
     },

public/content.css

@@ -352,6 +352,10 @@
 	filter: brightness(80%);
 }
 
+.segmentSummary {
+	outline: none !important;
+}
+
 .submitButton {
 	background-color:#ec1c1c;
 	-moz-border-radius:28px;

public/popup.css

@@ -79,18 +79,30 @@
 }
 
 /*
- * Individual segments (<button> elements)
+ * <details> wrapper around each segment
  */
 
-.segmentTimeButton {
+.votingButtons {
-  background: transparent;
+  font-family: Arial, Helvetica, sans-serif;
-  border: 0;
+}
+
+.votingButtons[open] {
+  padding-bottom: 5px;
+}
+
+.votingButtons:hover {
+  background-color: var(--sb-grey-bg-color);
+}
+
+/*
+ * Individual segments summaries (clickable <summary>)
+ */
+
+.segmentSummary {
   cursor: pointer;
-  color: var(--sb-main-fg-color);
   font-weight: bold;
   padding: 7px;
-  outline: none;
+  list-style: none;
-  width: 100%;
   white-space: nowrap;
 }
 
@@ -501,7 +513,3 @@
 #sponsorBlockPopupBody .hidden {
   display: none !important;
 }
-
-.voteButtonsContainer--hide {
-  display: none;
-}

src/components/SubmissionNoticeComponent.tsx

@@ -95,7 +95,7 @@ class SubmissionNoticeComponent extends React.Component<SubmissionNoticeProps, S
 
                         {/* Guidelines button */}
                         <button className="sponsorSkipObject sponsorSkipNoticeButton sponsorSkipNoticeRightButton"
-                            onClick={() => window.open("https://wiki.sponsor.ajay.app/index.php/Guidelines")}>
+                            onClick={() => window.open("https://wiki.sponsor.ajay.app/w/Guidelines")}>
 
                             {chrome.i18n.getMessage(Config.config.submissionCountSinceCategories > 3 ? "guidelines" : "readTheGuidelines")}
                         </button>

src/content.ts

@@ -40,6 +40,11 @@ let videoInfo: VideoInfo = null;
 let channelIDInfo: ChannelIDInfo;
 // Locked Categories in this tab, like: ["sponsor","intro","outro"]
 let lockedCategories: Category[] = [];
+// Used to calculate a more precise "virtual" video time
+let lastKnownVideoTime: { videoTime: number, preciseTime: number } = {
+    videoTime: null,
+    preciseTime: null
+};
 
 // Skips are scheduled to ensure precision.
 // Skips are rescheduled every seeking event.
@@ -450,7 +455,15 @@ function startSponsorSchedule(includeIntersectingSegments = false, currentTime?:
     }
 
     if (!video || video.paused) return;
-    if (currentTime === undefined || currentTime === null) currentTime = video.currentTime;
+    if (currentTime === undefined || currentTime === null) {
+        const virtualTime = lastKnownVideoTime.videoTime ? 
+            (performance.now() - lastKnownVideoTime.preciseTime) / 1000 + lastKnownVideoTime.videoTime : null;
+        if (!utils.isFirefox() && !isSafari() && virtualTime && Math.abs(virtualTime - video.currentTime) < 0.6){
+            currentTime = virtualTime;
+        } else {
+            currentTime = video.currentTime;
+        }
+    }
 
     if (videoMuted && !inMuteSegment(currentTime)) {
         video.muted = false;
@@ -526,20 +539,26 @@ function startSponsorSchedule(includeIntersectingSegments = false, currentTime?:
         skippingFunction();
     } else {
         const delayTime = timeUntilSponsor * 1000 * (1 / video.playbackRate);
-        if (delayTime < 300 && utils.isFirefox() && !isSafari()) {
+        if (delayTime < 300) {
             // For Firefox, use interval instead of timeout near the end to combat imprecise video time
             const startIntervalTime = performance.now();
-            const startVideoTime = video.currentTime;
+            const startVideoTime = Math.max(currentTime, video.currentTime);
             currentSkipInterval = setInterval(() => {
                 const intervalDuration = performance.now() - startIntervalTime;
                 if (intervalDuration >= delayTime || video.currentTime >= skipTime[0]) {
                     clearInterval(currentSkipInterval);
-                    skippingFunction(Math.max(video.currentTime, startVideoTime + intervalDuration / 1000));
+                    if (!utils.isFirefox() && !video.muted) {
+                        // Workaround for more accurate skipping on Chromium
+                        video.muted = true;
+                        video.muted = false;
+                    }
+
+                    skippingFunction(Math.max(video.currentTime, startVideoTime + video.playbackRate * intervalDuration / 1000));
                 }
-            }, 5);
+            }, 1);
         } else {
             // Schedule for right before to be more precise than normal timeout
-            currentSkipSchedule = setTimeout(skippingFunction, Math.max(0, delayTime - 30));
+            currentSkipSchedule = setTimeout(skippingFunction, Math.max(0, delayTime - 100));
         }
     }
 }
@@ -621,6 +640,8 @@ function setupVideoListeners() {
             if (!firstEvent && video.currentTime === 0) return;
             firstEvent = false;
 
+            updateVirtualTime();
+
             if (switchingVideos) {
                 switchingVideos = false;
                 // If already segments loaded before video, retry to skip starting segments
@@ -641,6 +662,8 @@ function setupVideoListeners() {
     
         });
         video.addEventListener('playing', () => {
+            updateVirtualTime();
+
             // Make sure it doesn't get double called with the play event
             if (Math.abs(lastCheckVideoTime - video.currentTime) > 0.3
                     || (lastCheckVideoTime !== video.currentTime && Date.now() - lastCheckTime > 2000)) {
@@ -656,24 +679,40 @@ function setupVideoListeners() {
                 lastCheckTime = Date.now();
                 lastCheckVideoTime = video.currentTime;
 
+                updateVirtualTime();
+    
                 startSponsorSchedule();
             }
         });
         video.addEventListener('ratechange', () => startSponsorSchedule());
         // Used by videospeed extension (https://github.com/igrigorik/videospeed/pull/740)
         video.addEventListener('videoSpeed_ratechange', () => startSponsorSchedule());
-        video.addEventListener('pause', () => {
+        const paused = () => {
             // Reset lastCheckVideoTime
             lastCheckVideoTime = -1;
             lastCheckTime = 0;
 
+            lastKnownVideoTime = {
+                videoTime: null,
+                preciseTime: null
+            }
+    
             cancelSponsorSchedule();
-        });
+        };
+        video.addEventListener('pause', paused);
+        video.addEventListener('waiting', paused);
     
         startSponsorSchedule();
     }
 }
 
+function updateVirtualTime() {
+    lastKnownVideoTime = {
+        videoTime: video.currentTime,
+        preciseTime: performance.now()
+    };
+}
+
 function setupSkipButtonControlBar() {
     if (!skipButtonControlBar) {
         skipButtonControlBar = new SkipButtonControlBar({

src/popup.ts

@@ -393,8 +393,8 @@ async function runThePopup(messageListener?: MessageListener): Promise<void> {
                 const UUID = segmentTimes[i].UUID;
                 const locked = segmentTimes[i].locked;
 
-                const sponsorTimeButton = document.createElement("button");
+                const segmentSummary = document.createElement("summary");
-                sponsorTimeButton.className = "segmentTimeButton popupElement";
+                segmentSummary.className = "segmentSummary";
 
                 const categoryColorCircle = document.createElement("span");
                 categoryColorCircle.id = "sponsorTimesCategoryColorCircle" + UUID;
@@ -426,18 +426,17 @@ async function runThePopup(messageListener?: MessageListener): Promise<void> {
 
                 segmentTimeFromToNode.style.margin = "5px";
 
-                sponsorTimeButton.appendChild(categoryColorCircle);
+                segmentSummary.appendChild(categoryColorCircle);
-                sponsorTimeButton.appendChild(textNode);
+                segmentSummary.appendChild(textNode);
-                sponsorTimeButton.appendChild(segmentTimeFromToNode);
+                segmentSummary.appendChild(segmentTimeFromToNode);
 
-                const votingButtons = document.createElement("div");
+                const votingButtons = document.createElement("details");
                 votingButtons.classList.add("votingButtons");
 
                 //thumbs up and down buttons
                 const voteButtonsContainer = document.createElement("div");
                 voteButtonsContainer.id = "sponsorTimesVoteButtonsContainer" + UUID;
                 voteButtonsContainer.setAttribute("align", "center");
-                voteButtonsContainer.classList.add('voteButtonsContainer--hide');
 
                 const upvoteButton = document.createElement("img");
                 upvoteButton.id = "sponsorTimesUpvoteButtonsContainer" + UUID;
@@ -505,11 +504,6 @@ async function runThePopup(messageListener?: MessageListener): Promise<void> {
                     voteButtonsContainer.appendChild(hideButton);
                 }
 
-                //add click listener to open up vote panel
-                sponsorTimeButton.addEventListener("click", function () {
-                    voteButtonsContainer.classList.toggle("voteButtonsContainer--hide");
-                });
-
                 // Will contain request status
                 const voteStatusContainer = document.createElement("div");
                 voteStatusContainer.id = "sponsorTimesVoteStatusContainer" + UUID;
@@ -521,7 +515,7 @@ async function runThePopup(messageListener?: MessageListener): Promise<void> {
                 thanksForVotingText.classList.add("sponsorTimesThanksForVotingText");
                 voteStatusContainer.appendChild(thanksForVotingText);
 
-                votingButtons.append(sponsorTimeButton);
+                votingButtons.append(segmentSummary);
                 votingButtons.append(voteButtonsContainer);
                 votingButtons.append(voteStatusContainer);
 

src/utils.ts

@@ -372,13 +372,15 @@ export default class Utils {
 
     findReferenceNode(): HTMLElement {
         const selectors = [
+            "#player-container-id", // Mobile YouTube
             "#movie_player",
             "#c4-player", // Channel Trailer
             "#player-container", // Preview on hover
             "#main-panel.ytmusic-player-page", // YouTube music
             "#player-container .video-js", // Invidious
             ".main-video-section > .video-container" // Cloudtube  
-        ]
+        ];
+
         let referenceNode = findValidElementFromSelector(selectors)
         if (referenceNode == null) {
             //for embeds