From b6b2248e6eeb59207b0cb935ee289ba8e9f9232a Mon Sep 17 00:00:00 2001
From: girst <tobi@isticktoit.net>
Date: Tue, 4 Jan 2022 20:58:08 +0100
Subject: [PATCH] hackily add back publish date to /watch

this is relatively hidden intentionally, since we don't want to
encourage too many requests to the show=meta endpoint.
---
 app/static/style.css                |  2 ++
 app/youtube/templates/watch.html.j2 | 20 ++++++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/app/static/style.css b/app/static/style.css
index f7fe80c..85a6af2 100644
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -6,6 +6,7 @@ body {
 
 .card-main .title,
 .more-actions label,
+.fake-link,
 a:link, a:visited ,
 summary {
   color: #ccc;
@@ -15,6 +16,7 @@ summary {
 
 .card-main:hover .title, .card-main:active .title,
 .more-actions label:hover, .more-actions label:active,
+.fake-link:active, .fake-link:hover,
 a:active, a:hover ,
 summary:active, summary:hover {
   color: #fff;
diff --git a/app/youtube/templates/watch.html.j2 b/app/youtube/templates/watch.html.j2
index bf8f6ae..ce2b082 100644
--- a/app/youtube/templates/watch.html.j2
+++ b/app/youtube/templates/watch.html.j2
@@ -95,6 +95,26 @@ var sha256=function a(b){function c(a,b){return a>>>b|a<<32-b}for(var d,e,f=Math
 	<dd>{{ 'unlisted' if unlisted else 'public' }}
 	</dl>
 </details>
+<script>
+	"use strict";
+        const video_id = (new URLSearchParams(document.location.search)).get('v');
+	document.querySelector('dl').innerHTML += `
+		<dt>Published
+		<dd id="load_published" class="fake-link" style="display:inline">...`;
+	document.querySelector('#load_published').onclick = function(event) {
+		event.target.classList.remove('fake-link');
+		event.target.style.cursor = 'wait';
+		fetch(`/watch?v=${video_id}&show=meta`)
+				.then(response => response.json())
+				.then(data => {
+			let [reg_type, , ...reg_list] = data._.regions.split(' ');
+			event.target.outerHTML = `
+				<dd>${data._.published}
+				<dt>${reg_type.startsWith('n')?'Blocked':'Available'} in
+				<dd>${reg_list.join(', ') || 'all regions'}`;
+		});
+	}
+</script>
 
 <details><summary>More Actions</summary>
 	<ul class="more-actions">
-- 
2.39.3