From 3b31d4881abde11a6584444d65e31aee393a7602 Mon Sep 17 00:00:00 2001
From: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Date: Tue, 19 Dec 2023 18:27:09 -0500
Subject: [PATCH] Add Polyfills for improved IE support

---
 assets/js/polyfills/UrlPolyfill.js            |  2 ++
 assets/js/polyfills/locationOriginPolyfill.js | 23 +++++++++++++++++++
 src/invidious/views/embed.ecr                 |  2 ++
 src/invidious/views/licenses.ecr              | 23 +++++++++++++++++++
 src/invidious/views/template.ecr              |  2 ++
 5 files changed, 52 insertions(+)
 create mode 100644 assets/js/polyfills/UrlPolyfill.js
 create mode 100644 assets/js/polyfills/locationOriginPolyfill.js

diff --git a/assets/js/polyfills/UrlPolyfill.js b/assets/js/polyfills/UrlPolyfill.js
new file mode 100644
index 00000000..f589589d
--- /dev/null
+++ b/assets/js/polyfills/UrlPolyfill.js
@@ -0,0 +1,2 @@
+/*! (C) Valentin Richard - Mit Style License */
+(function(t){var e=function(){try{return!!Symbol.iterator}catch(e){return false}};var r=e();var n=function(t){var e={next:function(){var e=t.shift();return{done:e===void 0,value:e}}};if(r){e[Symbol.iterator]=function(){return e}}return e};var i=function(e){return encodeURIComponent(e).replace(/%20/g,"+")};var o=function(e){return decodeURIComponent(String(e).replace(/\+/g," "))};var a=function(){var a=function(e){Object.defineProperty(this,"_entries",{writable:true,value:{}});var t=typeof e;if(t==="undefined"){}else if(t==="string"){if(e!==""){this._fromString(e)}}else if(e instanceof a){var r=this;e.forEach(function(e,t){r.append(t,e)})}else if(e!==null&&t==="object"){if(Object.prototype.toString.call(e)==="[object Array]"){for(var n=0;n<e.length;n++){var i=e[n];if(Object.prototype.toString.call(i)==="[object Array]"||i.length!==2){this.append(i[0],i[1])}else{throw new TypeError("Expected [string, any] as entry at index "+n+" of URLSearchParams's input")}}}else{for(var o in e){if(e.hasOwnProperty(o)){this.append(o,e[o])}}}}else{throw new TypeError("Unsupported input's type for URLSearchParams")}};var e=a.prototype;e.append=function(e,t){if(e in this._entries){this._entries[e].push(String(t))}else{this._entries[e]=[String(t)]}};e.delete=function(e){delete this._entries[e]};e.get=function(e){return e in this._entries?this._entries[e][0]:null};e.getAll=function(e){return e in this._entries?this._entries[e].slice(0):[]};e.has=function(e){return e in this._entries};e.set=function(e,t){this._entries[e]=[String(t)]};e.forEach=function(e,t){var r;for(var n in this._entries){if(this._entries.hasOwnProperty(n)){r=this._entries[n];for(var i=0;i<r.length;i++){e.call(t,r[i],n,this)}}}};e.keys=function(){var r=[];this.forEach(function(e,t){r.push(t)});return n(r)};e.values=function(){var t=[];this.forEach(function(e){t.push(e)});return n(t)};e.entries=function(){var r=[];this.forEach(function(e,t){r.push([t,e])});return n(r)};if(r){e[Symbol.iterator]=e.entries}e.toString=function(){var r=[];this.forEach(function(e,t){r.push(i(t)+"="+i(e))});return r.join("&")};t.URLSearchParams=a};var s=function(){try{var e=t.URLSearchParams;return new e("?a=1").toString()==="a=1"&&typeof e.prototype.set==="function"&&typeof e.prototype.entries==="function"}catch(e){return false}};if(!s()){a()}var f=t.URLSearchParams.prototype;if(typeof f.sort!=="function"){f.sort=function(){var r=this;var n=[];this.forEach(function(e,t){n.push([t,e]);if(!r._entries){r.delete(t)}});n.sort(function(e,t){if(e[0]<t[0]){return-1}else if(e[0]>t[0]){return+1}else{return 0}});if(r._entries){r._entries={}}for(var e=0;e<n.length;e++){this.append(n[e][0],n[e][1])}}}if(typeof f._fromString!=="function"){Object.defineProperty(f,"_fromString",{enumerable:false,configurable:false,writable:false,value:function(e){if(this._entries){this._entries={}}else{var r=[];this.forEach(function(e,t){r.push(t)});for(var t=0;t<r.length;t++){this.delete(r[t])}}e=e.replace(/^\?/,"");var n=e.split("&");var i;for(var t=0;t<n.length;t++){i=n[t].split("=");this.append(o(i[0]),i.length>1?o(i[1]):"")}}})}})(typeof global!=="undefined"?global:typeof window!=="undefined"?window:typeof self!=="undefined"?self:this);(function(u){var e=function(){try{var e=new u.URL("b","http://a");e.pathname="c d";return e.href==="http://a/c%20d"&&e.searchParams}catch(e){return false}};var t=function(){var t=u.URL;var e=function(e,t){if(typeof e!=="string")e=String(e);if(t&&typeof t!=="string")t=String(t);var r=document,n;if(t&&(u.location===void 0||t!==u.location.href)){t=t.toLowerCase();r=document.implementation.createHTMLDocument("");n=r.createElement("base");n.href=t;r.head.appendChild(n);try{if(n.href.indexOf(t)!==0)throw new Error(n.href)}catch(e){throw new Error("URL unable to set base "+t+" due to "+e)}}var i=r.createElement("a");i.href=e;if(n){r.body.appendChild(i);i.href=i.href}var o=r.createElement("input");o.type="url";o.value=e;if(i.protocol===":"||!/:/.test(i.href)||!o.checkValidity()&&!t){throw new TypeError("Invalid URL")}Object.defineProperty(this,"_anchorElement",{value:i});var a=new u.URLSearchParams(this.search);var s=true;var f=true;var c=this;["append","delete","set"].forEach(function(e){var t=a[e];a[e]=function(){t.apply(a,arguments);if(s){f=false;c.search=a.toString();f=true}}});Object.defineProperty(this,"searchParams",{value:a,enumerable:true});var h=void 0;Object.defineProperty(this,"_updateSearchParams",{enumerable:false,configurable:false,writable:false,value:function(){if(this.search!==h){h=this.search;if(f){s=false;this.searchParams._fromString(this.search);s=true}}}})};var r=e.prototype;var n=function(t){Object.defineProperty(r,t,{get:function(){return this._anchorElement[t]},set:function(e){this._anchorElement[t]=e},enumerable:true})};["hash","host","hostname","port","protocol"].forEach(function(e){n(e)});Object.defineProperty(r,"search",{get:function(){return this._anchorElement["search"]},set:function(e){this._anchorElement["search"]=e;this._updateSearchParams()},enumerable:true});Object.defineProperties(r,{toString:{get:function(){var e=this;return function(){return e.href}}},href:{get:function(){return this._anchorElement.href.replace(/\?$/,"")},set:function(e){this._anchorElement.href=e;this._updateSearchParams()},enumerable:true},pathname:{get:function(){return this._anchorElement.pathname.replace(/(^\/?)/,"/")},set:function(e){this._anchorElement.pathname=e},enumerable:true},origin:{get:function(){var e={"http:":80,"https:":443,"ftp:":21}[this._anchorElement.protocol];var t=this._anchorElement.port!=e&&this._anchorElement.port!=="";return this._anchorElement.protocol+"//"+this._anchorElement.hostname+(t?":"+this._anchorElement.port:"")},enumerable:true},password:{get:function(){return""},set:function(e){},enumerable:true},username:{get:function(){return""},set:function(e){},enumerable:true}});e.createObjectURL=function(e){return t.createObjectURL.apply(t,arguments)};e.revokeObjectURL=function(e){return t.revokeObjectURL.apply(t,arguments)};u.URL=e};if(!e()){t()}if(u.location!==void 0&&!("origin"in u.location)){var r=function(){return u.location.protocol+"//"+u.location.hostname+(u.location.port?":"+u.location.port:"")};try{Object.defineProperty(u.location,"origin",{get:r,enumerable:true})}catch(e){setInterval(function(){u.location.origin=r()},100)}}})(typeof global!=="undefined"?global:typeof window!=="undefined"?window:typeof self!=="undefined"?self:this);
\ No newline at end of file
diff --git a/assets/js/polyfills/locationOriginPolyfill.js b/assets/js/polyfills/locationOriginPolyfill.js
new file mode 100644
index 00000000..0135845b
--- /dev/null
+++ b/assets/js/polyfills/locationOriginPolyfill.js
@@ -0,0 +1,23 @@
+/*! (C) 2014 - 2015 Shinnosuke Watanabe - Mit Style License */
+(function() {
+  'use strict';
+  var loc, value;
+
+  loc = window.location;
+
+  if (loc.origin) {
+    return;
+  }
+
+  value = loc.protocol + '//' + loc.hostname + (loc.port ? ':' + loc.port : '');
+
+  try {
+    Object.defineProperty(loc, 'origin', {
+      value: value,
+      enumerable: true
+    });
+  } catch (_error) {
+    loc.origin = value;
+  }
+
+}).call(this);
diff --git a/src/invidious/views/embed.ecr b/src/invidious/views/embed.ecr
index 1bf5cc3e..485c0256 100644
--- a/src/invidious/views/embed.ecr
+++ b/src/invidious/views/embed.ecr
@@ -11,6 +11,8 @@
     <link rel="stylesheet" href="/css/default.css?v=<%= ASSET_COMMIT %>">
     <link rel="stylesheet" href="/css/embed.css?v=<%= ASSET_COMMIT %>">
     <title><%= HTML.escape(video.title) %> - Invidious</title>
+    <script src="/js/polyfills/UrlPolyfill.js?v=<%= ASSET_COMMIT %>"></script>
+    <script src="/js/polyfills/locationOriginPolyfill.js?v=<%= ASSET_COMMIT %>"></script>
     <script src="/js/_helpers.js?v=<%= ASSET_COMMIT %>"></script>
 </head>
 
diff --git a/src/invidious/views/licenses.ecr b/src/invidious/views/licenses.ecr
index 667cfa37..88108051 100644
--- a/src/invidious/views/licenses.ecr
+++ b/src/invidious/views/licenses.ecr
@@ -302,6 +302,29 @@
                 <a href="/js/watch.js?v=<%= ASSET_COMMIT %>"><%= translate(locale, "source") %></a>
             </td>
         </tr>
+
+        <tr>
+            <td>
+                <a href="/js/polyfills/UrlPolyfill.js?v=<%= ASSET_COMMIT %>">UrlPolyfill.js</a>
+            </td>
+            <td>
+                <a href="https://choosealicense.com/licenses/mit">Expat</a>
+            </td>
+            <td>
+                <a href="https://github.com/lifaon74/url-polyfill"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <a href="/js/polyfills/locationOriginPolyfill.js?v=<%= ASSET_COMMIT %>">locationOriginPolyfill.js</a>
+            </td>
+            <td>
+                <a href="https://choosealicense.com/licenses/mit">Expat</a>
+            </td>
+            <td>
+                <a href="https://github.com/shinnn/location-origin.js"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
     </table>
 </body>
 </html>
diff --git a/src/invidious/views/template.ecr b/src/invidious/views/template.ecr
index 77265679..f84d875f 100644
--- a/src/invidious/views/template.ecr
+++ b/src/invidious/views/template.ecr
@@ -17,6 +17,8 @@
     <link rel="stylesheet" href="/css/grids-responsive-min.css?v=<%= ASSET_COMMIT %>">
     <link rel="stylesheet" href="/css/ionicons.min.css?v=<%= ASSET_COMMIT %>">
     <link rel="stylesheet" href="/css/default.css?v=<%= ASSET_COMMIT %>">
+    <script src="/js/polyfills/UrlPolyfill.js?v=<%= ASSET_COMMIT %>"></script>
+    <script src="/js/polyfills/locationOriginPolyfill.js?v=<%= ASSET_COMMIT %>"></script>
     <script src="/js/_helpers.js?v=<%= ASSET_COMMIT %>"></script>
 </head>