Bump 1.2.1

Author: Mateus7G

Crunchyroll_Premium/content.js

@@ -72,7 +72,7 @@ function importPlayer() {
 
 //renderiza player na versão beta
 function importBetaPlayer(ready = false) {
-  var videoPlayer = query('.video-player');
+  var videoPlayer = query('.video-player') || query('#frame');
   if (!ready) {
     setTimeout(() => importBetaPlayer(!!videoPlayer), 100);
     return;
@@ -92,7 +92,7 @@ function importBetaPlayer(ready = false) {
   var series_slug = ep.episode_metadata.series_slug_title
   var external_id = ep.external_id.substr(4)
   var old_url = `https://www.crunchyroll.com/${external_lang}/${series_slug}/episode-${external_id}`
-  var up_next = document.querySelector('a.up-next-title')
+  var up_next = document.querySelector('[data-t="next-episode"] > a')
   var playback = ep.playback
 
   var message = {
@@ -121,12 +121,13 @@ function addPlayer(element, playerInfo, beta = false) {
 
   element.appendChild(ifrm)
 
-  chrome.storage.sync.get(['forcemp4', 'aseguir', 'cooldown'], function (items) {
+  chrome.storage.sync.get(['forcemp4', 'aseguir', 'cooldown', 'webvideocaster'], function (items) {
     ifrm.onload = function () {
+      playerInfo['webvideocaster'] = items.webvideocaster === undefined ? false : items.webvideocaster;
       playerInfo['up_next_cooldown'] = items.cooldown === undefined ? 5 : items.cooldown;
       playerInfo['up_next_enable'] = items.aseguir === undefined ? true : items.aseguir;
       playerInfo['force_mp4'] = items.forcemp4 === undefined ? false : items.forcemp4;
-      playerInfo['version'] = '1.2.0';
+      playerInfo['version'] = '1.2.1';
       playerInfo['noproxy'] = true;
       playerInfo['beta'] = beta;
       ifrm.contentWindow.postMessage(playerInfo, "*");
@@ -148,28 +149,31 @@ function onloadfunction() {
 }
 
 // function pra atualizar pagina quando mudar de episodio pela UI beta
-var isLoaded = false
+var currentURL = window.location.href;
 
 function registerChangeEpisode() {
-  const epChanged = setInterval(() => {
-    const videosWrapper = query('.videos-wrapper')
-    if (isLoaded && !videosWrapper) {
-      window.location.reload();
-      clearInterval(epChanged);
+  setInterval(async () => {
+    if (currentURL !== window.location.href) {
+      currentURL = window.location.href
+      if (currentURL.includes("/watch/")) {
+        const HTML = await fetch(currentURL)
+        console.log("[CR Beta] Searching for new INITIAL_STATE")
+        preservedState = JSON.parse(pegaString(HTML, "__INITIAL_STATE__ = ", ";"))
+        importBetaPlayer(false)
+      }
     }
-    isLoaded = !!videosWrapper
   }, 50)
 }
 
 document.addEventListener("DOMContentLoaded", onloadfunction, false);
 document.onreadystatechange = function () {
   if (document.readyState === "interactive") {
     console.log("[CR Beta] Searching for INITIAL_STATE")
-    var HTML = document.documentElement.innerHTML
+    const HTML = document.documentElement.innerHTML
     preservedState = JSON.parse(pegaString(HTML, "__INITIAL_STATE__ = ", ";"))
   }
 
-  var crBetaStyle = document.createElement('style');
+  const crBetaStyle = document.createElement('style');
   crBetaStyle.innerHTML = `.video-player-wrapper {
     margin-top: 2rem;
     margin-bottom: calc(-3vh - 7vw);
@@ -178,3 +182,17 @@ document.onreadystatechange = function () {
   }`;
   document.head.appendChild(crBetaStyle);
 }
+
+function fetch(url) {
+  return new Promise(async (resolve, reject) => {
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', url, true);
+    xhr.withCredentials = true;
+    xhr.onreadystatechange = () => {
+      if (xhr.readyState == 4)
+        if (xhr.status == 200) resolve(xhr.responseText)
+        else reject(xhr.statusText)
+    }
+    xhr.send();
+  })
+}

Crunchyroll_Premium/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Crunchyroll iFrame Player",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Permite ver todos os vídeos do crunchyroll gratuitamente.",
   "author": "itallolegal",
   "icons": {

Crunchyroll_Premium/popup.html

@@ -15,15 +15,36 @@
       </div>
       <h2>Crunchyroll<br><span>iFrame Player</span></h2>
       <p>Projeto open-source, sinta-se livre para consultar o código fonte.</p>
-      <input type="checkbox" id="forcemp4" name="forcemp4">
-      <label for="forcemp4"><strong>Forçar MP4</strong> (chromecast) </label>
+      <div class="settings">
+        <input type="checkbox" id="forcemp4" name="forcemp4">
+        <label for="forcemp4"><strong>Forçar MP4</strong> (chromecast) </label>
+        <br />
+        <input type="checkbox" id="webvideocaster" name="webvideocaster" checked>
+        <label for="webvideocaster"><strong>Exibir botão de casting</strong> (WebVideoCaster) </label>
+        <br />
+        <input type="checkbox" id="aseguir" name="aseguir" checked>
+        <label for="aseguir"><strong>A seguir</strong> automático </label>
+      </div>
       <br />
-      <input type="checkbox" id="aseguir" name="aseguir" checked>
-      <label for="aseguir"><strong>A seguir</strong> automático </label>
-      <br /><br />
       Exibir faltando <input type="number" id="cooldown" style="width: 50px;" min="0" value="5"> segundos.
-      <h3><a href="https://github.com/itallolegal" target="_blank">Itallolegal</a><br><span>Criador</span></h3>
-      <h3><a href="https://github.com/Hyper1025" target="_blank">Hyper1025</a><br><span>Contribuidor</span></h3>
+      <br /><br />
+      Baixe o WebVideoCaster <a href="https://www.webvideocaster.com/home" target="_blank">aqui</a>.
+      <table style="width: 100%">
+        <tr>
+          <td>
+            <h3><abbr title="(desativado)"><a href="https://github.com/itallolegal"
+                  target="_blank">Itallolegal</a></abbr>
+              <br><span>Criador</span>
+            </h3>
+          </td>
+          <td>
+            <h3><a href="https://github.com/Hyper-Tx" target="_blank">Hyper-Tx</a><br><span>Contribuidor</span></h3>
+          </td>
+          <td>
+            <h3><a href="https://github.com/Mateus7G" target="_blank">Mateus7G</a><br><span>Mantedor</span></h3>
+          </td>
+        </tr>
+      </table>
       <span>
         <ul>
           <li><a href="https://github.com/mateus7g/crp-iframe-player" target="_blank"><i class="fa fa-github"
@@ -81,6 +102,10 @@ <h3><a href="https://github.com/Hyper1025" target="_blank">Hyper1025</a><br><spa
     width: 100%;
   }
 
+  .card .box .settings {
+    text-align: left;
+  }
+
   .card .box .img {
     width: 100px;
     height: 100px;
@@ -101,10 +126,14 @@ <h3><a href="https://github.com/Hyper1025" target="_blank">Hyper1025</a><br><spa
   }
 
   .card .box a {
+    color: #f47521;
+  }
+
+  .card .box table a {
     font-size: 14px;
-    color: #262626;
     margin: 20px auto;
     text-decoration: none;
+    color: #262626;
   }
 
   .card .box h3 span {

Crunchyroll_Premium/popup.js

@@ -1,4 +1,4 @@
-const globalDefault = { 'cooldown': false, 'aseguir': true, 'forcemp4': 5 }
+const globalDefault = { 'webvideocaster': false, 'cooldown': false, 'aseguir': true, 'forcemp4': 5 }
 const globalVariables = Object.keys(globalDefault)
 
 chrome.storage.sync.get(globalVariables, function (items) {

Crunchyroll_Premium_Kiwi-Browser/content.js

@@ -41,7 +41,6 @@ function optimize_for_mobile() {
   width = document.body.offsetWidth;
   var carousel_move_times = 0;
   var carousel_videos_count = 0;
-  var carousel_arrow_limit = 0;
 
   carousel_move_times =
     (width < 622 && width > 506) ? 4 :
@@ -63,19 +62,7 @@ function optimize_for_mobile() {
 
   carousel_videos_count = getChildNodes(document.body.querySelector('div.collection-carousel-scrollable'));
 
-  //Pega o script (pq ele fica mudando ai tem q pegar dnv sempre)
-  var carousel_arrow_limit = Number(pegaString(
-    document.body.querySelector('div.white-wrapper.container-shadow.large-margin-bottom').childNodes[3].innerHTML
-    , "Math.min", ","
-  ).replace("(", ""));
-
-  var carousel_script = document.body.querySelector('div.white-wrapper.container-shadow.large-margin-bottom').childNodes[3].innerText
-    .replace(".data()['first_visible'] - 5", ".data()['first_visible'] - " + carousel_move_times)
-    .replace(".data()['first_visible'] + 5", ".data()['first_visible'] + " + carousel_move_times)
-    .replace("Math.min(" + carousel_arrow_limit + ",", "Math.min(" + (carousel_videos_count.length - carousel_move_times) + ",")
-    .replace(".data()['first_visible'] < " + carousel_arrow_limit, ".data()['first_visible'] < " + (carousel_videos_count.length - carousel_move_times))
-    .replace(".data()['first_visible'] >= " + carousel_arrow_limit, ".data()['first_visible'] >= " + (carousel_videos_count.length - carousel_move_times))
-    .replace(".data()['first_visible'] >= " + carousel_arrow_limit, ".data()['first_visible'] >= " + (carousel_videos_count.length - carousel_move_times));
+  remove("#game-banner-wrapper", "Game Banner Wrapper")
 
   var old_element = document.querySelector(".collection-carousel-leftarrow");
   var new_element = old_element.cloneNode(true);
@@ -84,14 +71,6 @@ function optimize_for_mobile() {
   var new_element = old_element.cloneNode(true);
   old_element.parentNode.replaceChild(new_element, old_element);
 
-  var head = document.getElementsByTagName('head')[0];
-  var script = document.createElement('script');
-  script.type = 'text/javascript';
-  script.onload = function () {
-    callFunctionFromScript();
-  }
-  script.text = carousel_script;
-  head.appendChild(script);
   //Deixa o video pequeno denovo no primeiro episodio.
   if (document.getElementById('showmedia_video_box_wide') != null) {
     document.getElementById('showmedia_video_box_wide').id = 'showmedia_video_box';
@@ -152,7 +131,7 @@ function importPlayer() {
 
 //renderiza player na versão beta
 function importBetaPlayer(ready = false) {
-  var videoPlayer = query('.video-player');
+  var videoPlayer = query('.video-player') || query('#frame');
   if (!ready) {
     setTimeout(() => importBetaPlayer(!!videoPlayer), 100);
     return;
@@ -172,7 +151,7 @@ function importBetaPlayer(ready = false) {
   var series_slug = ep.episode_metadata.series_slug_title
   var external_id = ep.external_id.substr(4)
   var old_url = `https://www.crunchyroll.com/${external_lang}/${series_slug}/episode-${external_id}`
-  var up_next = document.querySelector('a.up-next-title')
+  var up_next = document.querySelector('[data-t="next-episode"] > a')
   var playback = ep.playback
 
   var message = {
@@ -201,12 +180,13 @@ function addPlayer(element, playerInfo, beta = false) {
 
   element.appendChild(ifrm)
 
-  chrome.storage.sync.get(['forcemp4', 'aseguir', 'cooldown'], function (items) {
+  chrome.storage.sync.get(['forcemp4', 'aseguir', 'cooldown', 'webvideocaster'], function (items) {
     ifrm.onload = function () {
+      playerInfo['webvideocaster'] = items.webvideocaster === undefined ? false : items.webvideocaster;
       playerInfo['up_next_cooldown'] = items.cooldown === undefined ? 5 : items.cooldown;
       playerInfo['up_next_enable'] = items.aseguir === undefined ? true : items.aseguir;
       playerInfo['force_mp4'] = items.forcemp4 === undefined ? false : items.forcemp4;
-      playerInfo['version'] = '1.2.0';
+      playerInfo['version'] = '1.2.1';
       playerInfo['noproxy'] = true;
       playerInfo['beta'] = beta;
       ifrm.contentWindow.postMessage(playerInfo, "*");
@@ -246,28 +226,31 @@ function onloadfunction() {
 }
 
 // function pra atualizar pagina quando mudar de episodio pela UI beta
-var isLoaded = false
+var currentURL = window.location.href;
 
 function registerChangeEpisode() {
-  const epChanged = setInterval(() => {
-    const videosWrapper = query('.videos-wrapper')
-    if (isLoaded && !videosWrapper) {
-      window.location.reload();
-      clearInterval(epChanged);
+  setInterval(async () => {
+    if (currentURL !== window.location.href) {
+      currentURL = window.location.href
+      if (currentURL.includes("/watch/")) {
+        const HTML = await fetch(currentURL)
+        console.log("[CR Beta] Searching for new INITIAL_STATE")
+        preservedState = JSON.parse(pegaString(HTML, "__INITIAL_STATE__ = ", ";"))
+        importBetaPlayer(false)
+      }
     }
-    isLoaded = !!videosWrapper
   }, 50)
 }
 
 document.addEventListener("DOMContentLoaded", onloadfunction, false);
 document.onreadystatechange = function () {
   if (document.readyState === "interactive") {
     console.log("[CR Beta] Searching for INITIAL_STATE")
-    var HTML = document.documentElement.innerHTML
+    const HTML = document.documentElement.innerHTML
     preservedState = JSON.parse(pegaString(HTML, "__INITIAL_STATE__ = ", ";"))
   }
 
-  var crBetaStyle = document.createElement('style');
+  const crBetaStyle = document.createElement('style');
   crBetaStyle.innerHTML = `.video-player-wrapper {
     margin-top: 2rem;
     margin-bottom: calc(-3vh - 7vw);
@@ -276,3 +259,17 @@ document.onreadystatechange = function () {
   }`;
   document.head.appendChild(crBetaStyle);
 }
+
+function fetch(url) {
+  return new Promise(async (resolve, reject) => {
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', url, true);
+    xhr.withCredentials = true;
+    xhr.onreadystatechange = () => {
+      if (xhr.readyState == 4)
+        if (xhr.status == 200) resolve(xhr.responseText)
+        else reject(xhr.statusText)
+    }
+    xhr.send();
+  })
+}

Crunchyroll_Premium_Kiwi-Browser/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Crunchyroll iFrame Player",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Permite ver todos os vídeos do crunchyroll gratuitamente.",
   "author": "itallolegal",
   "icons": {

Crunchyroll_Premium_Kiwi-Browser/popup.html

@@ -15,15 +15,36 @@
       </div>
       <h2>Crunchyroll<br><span>iFrame Player</span></h2>
       <p>Projeto open-source, sinta-se livre para consultar o código fonte.</p>
-      <input type="checkbox" id="forcemp4" name="forcemp4">
-      <label for="forcemp4"><strong>Forçar MP4</strong> (chromecast) </label>
+      <div class="settings">
+        <input type="checkbox" id="forcemp4" name="forcemp4">
+        <label for="forcemp4"><strong>Forçar MP4</strong> (chromecast) </label>
+        <br />
+        <input type="checkbox" id="webvideocaster" name="webvideocaster" checked>
+        <label for="webvideocaster"><strong>Exibir botão de casting</strong> (WebVideoCaster) </label>
+        <br />
+        <input type="checkbox" id="aseguir" name="aseguir" checked>
+        <label for="aseguir"><strong>A seguir</strong> automático </label>
+      </div>
       <br />
-      <input type="checkbox" id="aseguir" name="aseguir" checked>
-      <label for="aseguir"><strong>A seguir</strong> automático </label>
-      <br /><br />
       Exibir faltando <input type="number" id="cooldown" style="width: 50px;" min="0" value="5"> segundos.
-      <h3><a href="https://github.com/itallolegal" target="_blank">Itallolegal</a><br><span>Criador</span></h3>
-      <h3><a href="https://github.com/Hyper1025" target="_blank">Hyper1025</a><br><span>Contribuidor</span></h3>
+      <br /><br />
+      Baixe o WebVideoCaster <a href="https://www.webvideocaster.com/home" target="_blank">aqui</a>.
+      <table style="width: 100%">
+        <tr>
+          <td>
+            <h3><abbr title="(desativado)"><a href="https://github.com/itallolegal"
+                  target="_blank">Itallolegal</a></abbr>
+              <br><span>Criador</span>
+            </h3>
+          </td>
+          <td>
+            <h3><a href="https://github.com/Hyper-Tx" target="_blank">Hyper-Tx</a><br><span>Contribuidor</span></h3>
+          </td>
+          <td>
+            <h3><a href="https://github.com/Mateus7G" target="_blank">Mateus7G</a><br><span>Mantedor</span></h3>
+          </td>
+        </tr>
+      </table>
       <span>
         <ul>
           <li><a href="https://github.com/mateus7g/crp-iframe-player" target="_blank"><i class="fa fa-github"
@@ -81,6 +102,10 @@ <h3><a href="https://github.com/Hyper1025" target="_blank">Hyper1025</a><br><spa
     width: 100%;
   }
 
+  .card .box .settings {
+    text-align: left;
+  }
+
   .card .box .img {
     width: 100px;
     height: 100px;
@@ -101,10 +126,14 @@ <h3><a href="https://github.com/Hyper1025" target="_blank">Hyper1025</a><br><spa
   }
 
   .card .box a {
+    color: #f47521;
+  }
+
+  .card .box table a {
     font-size: 14px;
-    color: #262626;
     margin: 20px auto;
     text-decoration: none;
+    color: #262626;
   }
 
   .card .box h3 span {

Crunchyroll_Premium_Kiwi-Browser/popup.js

@@ -1,4 +1,4 @@
-const globalDefault = { 'cooldown': false, 'aseguir': true, 'forcemp4': 5 }
+const globalDefault = { 'webvideocaster': false, 'cooldown': false, 'aseguir': true, 'forcemp4': 5 }
 const globalVariables = Object.keys(globalDefault)
 
 chrome.storage.sync.get(globalVariables, function (items) {