From 8dd90eb461c2acc3b5064ab95af3d68f474941c3 Mon Sep 17 00:00:00 2001
From: jo-pol <jo-pol@users.noreply.github.com>
Date: Thu, 21 Nov 2024 15:43:14 +0100
Subject: [PATCH 1/6] add subtitles to video previews

---
 previewers/betatest/js/video.js | 101 +++++++++++++++++++++++++++++++-
 1 file changed, 100 insertions(+), 1 deletion(-)

diff --git a/previewers/betatest/js/video.js b/previewers/betatest/js/video.js
index a8167ef..94d50f1 100644
--- a/previewers/betatest/js/video.js
+++ b/previewers/betatest/js/video.js
@@ -9,5 +9,104 @@ function translateBaseHtmlPage() {
 
 function writeContent(fileUrl, file, title, authors) {
     addStandardPreviewHeader(file, title, authors);
-    $(".preview").append($("<video/>").prop("controls",true).append($('<source/>').attr("src",fileUrl)));
+
+    const queryParams = new URLSearchParams(window.location.search.substring(1));
+    const id = queryParams.get("datasetid");
+    const siteUrl = queryParams.get("siteUrl");
+    const versionUrl = `${siteUrl}/api/datasets/${id}/versions/`
+        + queryParams.get("datasetversion");
+    const videoId =queryParams.get("fileid") * 1; // converted to number
+    const userLanguages = [...navigator.languages];
+    const locale = queryParams.get("locale");
+    if (locale && !userLanguages.includes(locale)) {
+        userLanguages.unshift(locale); // add as first element
+    }
+
+    $.ajax({
+        type: 'GET',
+        dataType: 'json',
+        crosssite: true,
+        url: versionUrl,
+        success: function(data, status) {
+            appendVideoElements(fileUrl, videoId, data.data.files, siteUrl, userLanguages);
+        },
+        error: function(request, status, error) {
+            // fallback to simple video element
+            $(".preview").append($("<video/>") .prop("controls", true) .append($('<source/>').attr("src", fileUrl)))
+        }
+    });
+}
+
+function appendVideoElements(fileUrl, videoId, files, siteUrl, userLanguages) {
+
+    const baseName = files // the video file name without extension
+        .find(item => item.dataFile.id === videoId)
+        .label.replace(/\.[a-z0-9]+$/i,'');
+
+    // find labels like "baseName.en.vtt", "baseName.de-CH.vtt" or "baseName.vtt"
+    const regex = new RegExp(`${baseName}(\\.([-a-z]+))?\\.vtt$`, 'i')
+
+    // create a map of URLs with their (optional) language
+    const subtitles = files
+        .filter(item => regex.test(item.label))
+        .reduce((map, item) => {
+            const lang = item.label.match(regex)[2];
+            const url = `${siteUrl}/api/access/datafile/${item.dataFile.id}?gbrecs=true&amp;key=93423e09-848c-47cb-a979-219dafcfa4da`;
+            map.set(url, lang);
+            return map;
+    }, new Map());
+
+    // sort subtitles by language value, 'de-CH' before 'de'
+    const sortedSubtitles = new Map([...subtitles.entries()].sort((a, b) => {
+        if (!a[1]) return 1;
+        if (!b[1]) return -1;
+        if (a[1].startsWith(b[1])) return -1;
+        if (b[1].startsWith(a[1])) return 1;
+        return a[1].localeCompare(b[1]);
+    }));
+
+    // determine default track
+    let defaultTrackUrl = null;
+    let trackUrlWithoutLang = null;
+    loop: for (const lang of userLanguages) {
+        for (const [url, trackLang] of sortedSubtitles) {
+            if (trackLang) {
+                if (trackLang === lang || trackLang.startsWith(lang.replace(/-.*/, ''))) {
+                    defaultTrackUrl = url;
+                    break loop;
+                }
+            } else {
+                trackUrlWithoutLang = url;
+            }
+        }
+    }
+    if (!defaultTrackUrl) {
+        defaultTrackUrl = trackUrlWithoutLang;
+    }
+    if (!defaultTrackUrl && subtitles) {
+        defaultTrackUrl = subtitles.values().next().value;
+    }
+
+    const videoElement = $("<video/>")
+        .prop("controls", true)
+        .append($('<source/>').attr("src", fileUrl));
+
+    sortedSubtitles.forEach((trackLang, url) => {
+        const trackElement = $('<track/>')
+            .attr("kind", "subtitles")
+            .attr("src", url);
+        if (trackLang) {
+            trackElement
+                .attr("label", trackLang)
+                .attr("srclang", trackLang);
+        } else {
+            trackElement.attr("label", "???");
+        }
+        if (url === defaultTrackUrl) {
+            trackElement.attr("default", true);
+        }
+        videoElement.append(trackElement);
+    });
+
+    $(".preview").append(videoElement);
 }

From 18d260307ad09204d66c69004e4966aeb5a3db9e Mon Sep 17 00:00:00 2001
From: jo-pol <jo-pol@users.noreply.github.com>
Date: Thu, 19 Dec 2024 13:09:39 +0100
Subject: [PATCH 2/6] drop API-key

---
 previewers/betatest/js/video.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/previewers/betatest/js/video.js b/previewers/betatest/js/video.js
index 94d50f1..a2cfcff 100644
--- a/previewers/betatest/js/video.js
+++ b/previewers/betatest/js/video.js
@@ -51,7 +51,7 @@ function appendVideoElements(fileUrl, videoId, files, siteUrl, userLanguages) {
         .filter(item => regex.test(item.label))
         .reduce((map, item) => {
             const lang = item.label.match(regex)[2];
-            const url = `${siteUrl}/api/access/datafile/${item.dataFile.id}?gbrecs=true&amp;key=93423e09-848c-47cb-a979-219dafcfa4da`;
+            const url = `${siteUrl}/api/access/datafile/${item.dataFile.id}`dropped
             map.set(url, lang);
             return map;
     }, new Map());

From 2931f3533965778c79d24fc8d21985e062cc9b37 Mon Sep 17 00:00:00 2001
From: jo-pol <jo-pol@users.noreply.github.com>
Date: Thu, 19 Dec 2024 15:48:06 +0100
Subject: [PATCH 3/6] rogue content, fix default track

---
 previewers/betatest/js/video.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/previewers/betatest/js/video.js b/previewers/betatest/js/video.js
index a2cfcff..2dc6a21 100644
--- a/previewers/betatest/js/video.js
+++ b/previewers/betatest/js/video.js
@@ -47,12 +47,16 @@ function appendVideoElements(fileUrl, videoId, files, siteUrl, userLanguages) {
     const regex = new RegExp(`${baseName}(\\.([-a-z]+))?\\.vtt$`, 'i')
 
     // create a map of URLs with their (optional) language
+    let trackUrlWithoutLang = null;
     const subtitles = files
         .filter(item => regex.test(item.label))
         .reduce((map, item) => {
             const lang = item.label.match(regex)[2];
-            const url = `${siteUrl}/api/access/datafile/${item.dataFile.id}`dropped
+            const url = `${siteUrl}/api/access/datafile/${item.dataFile.id}`
             map.set(url, lang);
+            if (!lang) {
+                trackUrlWithoutLang = url;
+            }
             return map;
     }, new Map());
 
@@ -67,7 +71,6 @@ function appendVideoElements(fileUrl, videoId, files, siteUrl, userLanguages) {
 
     // determine default track
     let defaultTrackUrl = null;
-    let trackUrlWithoutLang = null;
     loop: for (const lang of userLanguages) {
         for (const [url, trackLang] of sortedSubtitles) {
             if (trackLang) {
@@ -75,8 +78,6 @@ function appendVideoElements(fileUrl, videoId, files, siteUrl, userLanguages) {
                     defaultTrackUrl = url;
                     break loop;
                 }
-            } else {
-                trackUrlWithoutLang = url;
             }
         }
     }

From 83974df9e0fb12aa22946f54ecb92f4d349d4cc6 Mon Sep 17 00:00:00 2001
From: jo-pol <jo-pol@users.noreply.github.com>
Date: Thu, 19 Dec 2024 16:02:29 +0100
Subject: [PATCH 4/6] fall back to first for default track

---
 previewers/betatest/js/video.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/previewers/betatest/js/video.js b/previewers/betatest/js/video.js
index 2dc6a21..ced941e 100644
--- a/previewers/betatest/js/video.js
+++ b/previewers/betatest/js/video.js
@@ -85,7 +85,7 @@ function appendVideoElements(fileUrl, videoId, files, siteUrl, userLanguages) {
         defaultTrackUrl = trackUrlWithoutLang;
     }
     if (!defaultTrackUrl && subtitles) {
-        defaultTrackUrl = subtitles.values().next().value;
+        defaultTrackUrl = subtitles.keys().next().value;
     }
 
     const videoElement = $("<video/>")
@@ -103,6 +103,7 @@ function appendVideoElements(fileUrl, videoId, files, siteUrl, userLanguages) {
         } else {
             trackElement.attr("label", "???");
         }
+        console.log("url: ", url, "defaultTrackUrl: ", defaultTrackUrl);
         if (url === defaultTrackUrl) {
             trackElement.attr("default", true);
         }

From 74d0a3a41201507af628f346622eee697d8fcd6d Mon Sep 17 00:00:00 2001
From: jo-pol <jo-pol@users.noreply.github.com>
Date: Thu, 19 Dec 2024 19:08:53 +0100
Subject: [PATCH 5/6] don't count as download

---
 previewers/betatest/js/video.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/previewers/betatest/js/video.js b/previewers/betatest/js/video.js
index ced941e..492d78c 100644
--- a/previewers/betatest/js/video.js
+++ b/previewers/betatest/js/video.js
@@ -52,7 +52,7 @@ function appendVideoElements(fileUrl, videoId, files, siteUrl, userLanguages) {
         .filter(item => regex.test(item.label))
         .reduce((map, item) => {
             const lang = item.label.match(regex)[2];
-            const url = `${siteUrl}/api/access/datafile/${item.dataFile.id}`
+            const url = `${siteUrl}/api/access/datafile/${item.dataFile.id}?gbrecs=true`
             map.set(url, lang);
             if (!lang) {
                 trackUrlWithoutLang = url;

From 6870e092893a647040706de32b2b2c74e1ef4198 Mon Sep 17 00:00:00 2001
From: jo-pol <jo-pol@users.noreply.github.com>
Date: Mon, 6 Jan 2025 10:41:44 +0100
Subject: [PATCH 6/6] fall back in case of signed URLs

---
 previewers/betatest/js/video.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/previewers/betatest/js/video.js b/previewers/betatest/js/video.js
index 492d78c..b3f21be 100644
--- a/previewers/betatest/js/video.js
+++ b/previewers/betatest/js/video.js
@@ -13,6 +13,11 @@ function writeContent(fileUrl, file, title, authors) {
     const queryParams = new URLSearchParams(window.location.search.substring(1));
     const id = queryParams.get("datasetid");
     const siteUrl = queryParams.get("siteUrl");
+    if (!siteUrl || !id) {
+        // fallback to simple video element in case of signed URLs
+        $(".preview").append($("<video/>") .prop("controls", true) .append($('<source/>').attr("src", fileUrl)))
+        return;
+    }
     const versionUrl = `${siteUrl}/api/datasets/${id}/versions/`
         + queryParams.get("datasetversion");
     const videoId =queryParams.get("fileid") * 1; // converted to number