From 2ee5cb79b69850d0f02eddbcd351b7ae25369ff4 Mon Sep 17 00:00:00 2001
From: girst <tobi@isticktoit.net>
Date: Wed, 16 Sep 2020 16:24:56 +0200
Subject: [PATCH] Use new k-anonymity SponsorBlock API; enable by default

---
 app/youtube/templates/watch.html.j2 | 43 +++++++++++++++++------------
 1 file changed, 25 insertions(+), 18 deletions(-)

diff --git a/app/youtube/templates/watch.html.j2 b/app/youtube/templates/watch.html.j2
index 950173d..5e22fc9 100644
--- a/app/youtube/templates/watch.html.j2
+++ b/app/youtube/templates/watch.html.j2
@@ -19,24 +19,32 @@
 
 <script>
 	"use strict";
-	//todo: should only be done after user is made aware of video id getting sent to 3rd party (wait for k-anon)
-	//window.addEventListener("load", () => load_sponsorblock("{{ video_id }}"));
-	document.addEventListener('DOMContentLoaded', ()=>{ let check = document.querySelector("#skip_sponsors");
-	check.addEventListener("change", () => {if (check.checked) load_sponsorblock("{{ video_id }}")});});
-	function load_sponsorblock(video_id){
-		fetch(`https://sponsor.ajay.app/api/skipSegments?videoID=${video_id}`)
+var sha256=function a(b){function c(a,b){return a>>>b|a<<32-b}for(var d,e,f=Math.pow,g=f(2,32),h="length",i="",j=[],k=8*b[h],l=a.h=a.h||[],m=a.k=a.k||[],n=m[h],o={},p=2;64>n;p++)if(!o[p]){for(d=0;313>d;d+=p)o[d]=p;l[n]=f(p,.5)*g|0,m[n++]=f(p,1/3)*g|0}for(b+="\x80";b[h]%64-56;)b+="\x00";for(d=0;d<b[h];d++){if(e=b.charCodeAt(d),e>>8)return;j[d>>2]|=e<<(3-d)%4*8}for(j[j[h]]=k/g|0,j[j[h]]=k,e=0;e<j[h];){var q=j.slice(e,e+=16),r=l;for(l=l.slice(0,8),d=0;64>d;d++){var s=q[d-15],t=q[d-2],u=l[0],v=l[4],w=l[7]+(c(v,6)^c(v,11)^c(v,25))+(v&l[5]^~v&l[6])+m[d]+(q[d]=16>d?q[d]:q[d-16]+(c(s,7)^c(s,18)^s>>>3)+q[d-7]+(c(t,17)^c(t,19)^t>>>10)|0),x=(c(u,2)^c(u,13)^c(u,22))+(u&l[1]^u&l[2]^l[1]&l[2]);l=[w+x|0].concat(l),l[4]=l[4]+w|0}for(d=0;8>d;d++)l[d]=l[d]+r[d]|0}for(d=0;8>d;d++)for(e=3;e+1;e--){var y=l[d]>>8*e&255;i+=(16>y?0:"")+y.toString(16)}return i}; /*https://geraintluff.github.io/sha256/sha256.min.js (public domain)*/
+	window.addEventListener("load", load_sponsorblock);
+	document.addEventListener('DOMContentLoaded', ()=>{
+		const check = document.querySelector("#skip_sponsors");
+		check.addEventListener("change", () => {if (check.checked) load_sponsorblock()});
+	});
+	function load_sponsorblock(){
+		const video_id = (new URLSearchParams(document.location.search)).get('v');
+		const hash = sha256(video_id).substr(0,4);
+		fetch(`https://sponsor.ajay.app/api/skipSegments/${hash}`)
 				.then(response => response.json())
 				.then(data => {
-			for (const segment of data) {
-				const [start, stop] = segment.segment;
-				if (segment.category != "sponsor") continue;
-				document.querySelector('.main-video video')
-						.addEventListener("timeupdate", function() {
-					if (document.querySelector("#skip_sponsors").checked &&
-							this.currentTime >= start && this.currentTime < stop-1) {
-						this.currentTime = stop;
-					}
-				});
+			for (const video of data) {
+				if (video.videoID != video_id) continue;
+				for (const segment of video.segments) {
+					const [start, stop] = segment.segment;
+					if (segment.category != "sponsor") continue;
+					document.querySelector('.main-video video')
+							.addEventListener("timeupdate", function() {
+						if (document.querySelector("#skip_sponsors").checked &&
+								this.currentTime >= start &&
+								this.currentTime < stop-1) {
+							this.currentTime = stop;
+						}
+					});
+				}
 			}
 		});
 	}
@@ -90,8 +98,7 @@
 
 <details><summary>More Actions</summary>
 	<ul class="more-actions">
-	<li><label><input type=checkbox id=skip_sponsors>skip sponsors</label>
-	{# TODO: make checked by default (need to inform the user about potential privacy concerns) #}
+	<li><label><input type=checkbox id=skip_sponsors checked>skip sponsors</label>
 	<noscript><br>Note: requires javascript</noscript>
 {# TODO: don't redirect away (204 response?) #}
 	<li>{{ macros.emoji_link("audio", video_id, True) }}
-- 
2.39.3