From fe6a6c33ae9e4ca3eff360de4ce2753ca7fe6b60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thorsten=20Wi=C3=9Fmann?= <edu@thorsten-wissmann.de>
Date: Wed, 2 Sep 2015 15:59:52 +0200
Subject: [PATCH 1/5] Add view_in_mpv userscript

---
 misc/userscripts/view_in_mpv | 109 +++++++++++++++++++++++++++++++++++
 1 file changed, 109 insertions(+)
 create mode 100755 misc/userscripts/view_in_mpv

diff --git a/misc/userscripts/view_in_mpv b/misc/userscripts/view_in_mpv
new file mode 100755
index 000000000..caa95ea8f
--- /dev/null
+++ b/misc/userscripts/view_in_mpv
@@ -0,0 +1,109 @@
+#!/bin/bash -e
+#
+# Behaviour:
+#   Userscript for qutebrowser which views the current web page in mpv using
+#   sensible mpv-flags. While viewing the page in MPV, all <video>-tags in the
+#   original page are temporarily removed. By clicking on such a removed video
+#   restores the respective video.
+#
+#   In order to use this script, just start it using `spawn --userscript` from
+#   qutebrowser. I recommend using an alias, e.g. put this in the
+#   [alias]-section of qutebrowser.conf:
+#
+#     mpv = spawn --userscript /path/to/view_in_mpv
+#
+# Background:
+#   Most of my machines are to slow to play youtube videos using html5, but
+#   they work fine in mpv (and mpv has further advantages like video scaling,
+#   etc). Of course, I don't want the video to be played (or even to be
+#   downloaded) twice — in MPV and in qwebkit. So I often clos the tab after
+#   opening it in mpv. However, I actually want to keep the rest of the page
+#   (comments and video suggestions), i.e. only the videos should disappear
+#   when mpv us started. And that's precisely what the present script does.
+#
+# Thorsten Wißmann, 2015 (thorsten` on freenode)
+# Any feedback is welcome!
+
+msg() {
+    local cmd="$1"
+    shift
+    local msg="$*"
+    if [ -z "$QUTE_FIFO" ] ; then
+        echo "$cmd: $msg" >&2
+    else
+        echo "message-$cmd '${msg//\'/\\\'}'" >> "$QUTE_FIFO"
+    fi
+}
+
+MPV_COMMAND=${MPV_COMMAND:-mpv}
+# Warning: spaces in single flags are not supported
+MPV_FLAGS=${MPV_FLAGS:- --force-window --no-terminal --keep-open=yes --ytdl }
+video_command=( "$MPV_COMMAND"  $MPV_FLAGS )
+
+js() {
+cat <<EOF
+
+    var App = {};
+
+    var all_videos = document.getElementsByTagName("video");
+    App.backup_videos = Array();
+    App.all_replacements = Array();
+    for (i = 0; i < all_videos.length; i++) {
+        var video = all_videos[i];
+        var replacement = document.createElement("div");
+        replacement.innerHTML = "
+            <p style=\\"margin-bottom: 0.5em\\">
+            Opening page with:
+            <span style=\\"font-family: monospace;\\">${video_command[*]}</span>
+            </p>
+            <p>
+            In order to restore this particular video
+            <a style=\\"font-weight: bold;
+                        color: white;
+                     \\"
+               onClick=\\"restore_video(this, " + i + ");\\"
+               href=\\"javascript: restore_video(this, " + i + ")\\"
+              >click here</a>.
+            </p>
+        ";
+        replacement.style.position = "relative";
+        replacement.style.zIndex = "1000";
+        replacement.style.fontSize = "1rem";
+        replacement.style.textAlign = "center";
+        replacement.style.verticalAlign = "middle";
+        replacement.style.height = "100%";
+        replacement.style.background = "#101010";
+        replacement.style.color = "white";
+        replacement.style.border = "4px dashed #545454";
+        replacement.style.padding = "2em";
+        replacement.style.margin = "auto";
+        App.all_replacements[i] = replacement;
+        App.backup_videos[i] = video;
+        video.parentNode.replaceChild(replacement, video);
+    }
+
+    function restore_video(obj, index) {
+        obj = App.all_replacements[index];
+        video = App.backup_videos[index];
+        console.log(video);
+        obj.parentNode.replaceChild(video, obj);
+    }
+
+    /** force repainting the video, thanks to:
+     * http://martinwolf.org/2014/06/10/force-repaint-of-an-element-with-javascript/
+     */
+    var siteHeader = document.getElementById('header');
+    siteHeader.style.display='none';
+    siteHeader.offsetHeight; // no need to store this anywhere, the reference is enough
+    siteHeader.style.display='block';
+
+EOF
+}
+
+printjs() {
+    js | sed 's,//.*$,,' | tr '\n' ' '
+}
+echo "jseval -q $(printjs)" >> "$QUTE_FIFO"
+
+msg info "Openning $QUTE_URL with mpv"
+"${video_command[@]}" "$QUTE_URL"

From 197feade3266a7a897e975c88a7cc6d70853a79f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thorsten=20Wi=C3=9Fmann?= <edu@thorsten-wissmann.de>
Date: Wed, 2 Sep 2015 17:15:47 +0200
Subject: [PATCH 2/5] Also replace flash videos

This means: also replace <object> tags and put the replacement message
even higher in the z-order. (Latter had to be done to make it the
replacement visible on espn _dot_ com)
---
 misc/userscripts/view_in_mpv | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/misc/userscripts/view_in_mpv b/misc/userscripts/view_in_mpv
index caa95ea8f..4dbc507d1 100755
--- a/misc/userscripts/view_in_mpv
+++ b/misc/userscripts/view_in_mpv
@@ -2,9 +2,9 @@
 #
 # Behaviour:
 #   Userscript for qutebrowser which views the current web page in mpv using
-#   sensible mpv-flags. While viewing the page in MPV, all <video>-tags in the
-#   original page are temporarily removed. By clicking on such a removed video
-#   restores the respective video.
+#   sensible mpv-flags. While viewing the page in MPV, all <video> and <object>
+#   tags in the original page are temporarily removed. By clicking on such a
+#   removed video restores the respective video.
 #
 #   In order to use this script, just start it using `spawn --userscript` from
 #   qutebrowser. I recommend using an alias, e.g. put this in the
@@ -45,7 +45,9 @@ cat <<EOF
 
     var App = {};
 
-    var all_videos = document.getElementsByTagName("video");
+    var all_videos = [];
+    all_videos.push.apply(all_videos, document.getElementsByTagName("video"));
+    all_videos.push.apply(all_videos, document.getElementsByTagName("object"));
     App.backup_videos = Array();
     App.all_replacements = Array();
     for (i = 0; i < all_videos.length; i++) {
@@ -67,7 +69,7 @@ cat <<EOF
             </p>
         ";
         replacement.style.position = "relative";
-        replacement.style.zIndex = "1000";
+        replacement.style.zIndex = "100003000000";
         replacement.style.fontSize = "1rem";
         replacement.style.textAlign = "center";
         replacement.style.verticalAlign = "middle";

From e5b7fdb565a8ac6cfb8148330c6787a5f6c126c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thorsten=20Wi=C3=9Fmann?= <edu@thorsten-wissmann.de>
Date: Wed, 2 Sep 2015 17:20:51 +0200
Subject: [PATCH 3/5] Fix typos spotted by The-Compiler

---
 misc/userscripts/view_in_mpv | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/misc/userscripts/view_in_mpv b/misc/userscripts/view_in_mpv
index 4dbc507d1..358ddcfcc 100755
--- a/misc/userscripts/view_in_mpv
+++ b/misc/userscripts/view_in_mpv
@@ -3,7 +3,7 @@
 # Behaviour:
 #   Userscript for qutebrowser which views the current web page in mpv using
 #   sensible mpv-flags. While viewing the page in MPV, all <video> and <object>
-#   tags in the original page are temporarily removed. By clicking on such a
+#   tags in the original page are temporarily removed. Clicking on such a
 #   removed video restores the respective video.
 #
 #   In order to use this script, just start it using `spawn --userscript` from
@@ -16,7 +16,7 @@
 #   Most of my machines are to slow to play youtube videos using html5, but
 #   they work fine in mpv (and mpv has further advantages like video scaling,
 #   etc). Of course, I don't want the video to be played (or even to be
-#   downloaded) twice — in MPV and in qwebkit. So I often clos the tab after
+#   downloaded) twice — in MPV and in qwebkit. So I often close the tab after
 #   opening it in mpv. However, I actually want to keep the rest of the page
 #   (comments and video suggestions), i.e. only the videos should disappear
 #   when mpv us started. And that's precisely what the present script does.
@@ -107,5 +107,5 @@ printjs() {
 }
 echo "jseval -q $(printjs)" >> "$QUTE_FIFO"
 
-msg info "Openning $QUTE_URL with mpv"
+msg info "Opening $QUTE_URL with mpv"
 "${video_command[@]}" "$QUTE_URL"

From de5cdf6f0f8620ebb2341bfb2c8e488521a1b72d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thorsten=20Wi=C3=9Fmann?= <edu@thorsten-wissmann.de>
Date: Thu, 3 Sep 2015 16:33:49 +0200
Subject: [PATCH 4/5] Also hide <embed> tags

But only hide those tags that aren't children (or descendants) of other
tags that get replaced anyway. That is needed because sometimes, flash
videos are in <embed> tags, sometimgs in <object> tags and sometimes in
<embed> tags within <object> tags.

Furthermore enforce our "click here" link to have transparent background
(and in future: remove as many properties from website specific CSS
stylesheets).
---
 misc/userscripts/view_in_mpv | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/misc/userscripts/view_in_mpv b/misc/userscripts/view_in_mpv
index 358ddcfcc..98e197d4d 100755
--- a/misc/userscripts/view_in_mpv
+++ b/misc/userscripts/view_in_mpv
@@ -2,9 +2,9 @@
 #
 # Behaviour:
 #   Userscript for qutebrowser which views the current web page in mpv using
-#   sensible mpv-flags. While viewing the page in MPV, all <video> and <object>
-#   tags in the original page are temporarily removed. Clicking on such a
-#   removed video restores the respective video.
+#   sensible mpv-flags. While viewing the page in MPV, all <video>, <embed>,
+#   and <object> tags in the original page are temporarily removed. Clicking on
+#   such a removed video restores the respective video.
 #
 #   In order to use this script, just start it using `spawn --userscript` from
 #   qutebrowser. I recommend using an alias, e.g. put this in the
@@ -43,15 +43,34 @@ video_command=( "$MPV_COMMAND"  $MPV_FLAGS )
 js() {
 cat <<EOF
 
+    function descendantOfTagName(child, ancestorTagName) {
+        // tells whether child has some (proper) ancestor
+        // with the tag name ancestorTagName
+        while (child.parentNode != null) {
+            child = child.parentNode;
+            if (typeof child.tagName === 'undefined') break;
+            if (child.tagName.toUpperCase() == ancestorTagName.toUpperCase()) {
+                return true;
+            }
+        }
+        return false;
+    }
+
     var App = {};
 
     var all_videos = [];
     all_videos.push.apply(all_videos, document.getElementsByTagName("video"));
     all_videos.push.apply(all_videos, document.getElementsByTagName("object"));
+    all_videos.push.apply(all_videos, document.getElementsByTagName("embed"));
     App.backup_videos = Array();
     App.all_replacements = Array();
     for (i = 0; i < all_videos.length; i++) {
         var video = all_videos[i];
+        if (descendantOfTagName(video, "object")) {
+            // skip tags that are contained in an object, because we hide
+            // the object anyway.
+            continue;
+        }
         var replacement = document.createElement("div");
         replacement.innerHTML = "
             <p style=\\"margin-bottom: 0.5em\\">
@@ -62,6 +81,7 @@ cat <<EOF
             In order to restore this particular video
             <a style=\\"font-weight: bold;
                         color: white;
+                        background: transparent;
                      \\"
                onClick=\\"restore_video(this, " + i + ");\\"
                href=\\"javascript: restore_video(this, " + i + ")\\"

From bbdec1779aaf3d879c0ebeb27fc85c1c2e07fa9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thorsten=20Wi=C3=9Fmann?= <edu@thorsten-wissmann.de>
Date: Thu, 3 Sep 2015 18:01:09 +0200
Subject: [PATCH 5/5] Add check that view_in_mpv is run as a userscript

Also fix another typo.
---
 misc/userscripts/view_in_mpv | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/misc/userscripts/view_in_mpv b/misc/userscripts/view_in_mpv
index 98e197d4d..9b12a0e65 100755
--- a/misc/userscripts/view_in_mpv
+++ b/misc/userscripts/view_in_mpv
@@ -19,11 +19,21 @@
 #   downloaded) twice — in MPV and in qwebkit. So I often close the tab after
 #   opening it in mpv. However, I actually want to keep the rest of the page
 #   (comments and video suggestions), i.e. only the videos should disappear
-#   when mpv us started. And that's precisely what the present script does.
+#   when mpv is started. And that's precisely what the present script does.
 #
 # Thorsten Wißmann, 2015 (thorsten` on freenode)
 # Any feedback is welcome!
 
+if [ -z "$QUTE_FIFO" ] ; then
+    cat 1>&2 <<EOF
+Error: $0 can not be run as a standalone script.
+
+It is a qutebrowser userscript. In order to use it, call it using
+'spawn --userscript' as described in qute://help/userscripts.html
+EOF
+    exit 1
+fi
+
 msg() {
     local cmd="$1"
     shift