v1.7.0/release

app/src/Chat.js

@@ -42,6 +42,8 @@ import {
   UpdateAdminOnly,
   scrollThread,
   removeLocalData,
+  PLAYER_SOURCE,
+  getPlayerSource,
 } from './Api';
 import {
   Send,
@@ -521,6 +523,10 @@ export default class Chat extends Component {
         condition: () => adminOnly,
         message: 'Party is currently in admin only mode.',
       },
+      {
+        condition: () => getPlayerSource() === PLAYER_SOURCE.FUNIMATION,
+        message: 'If sync stops working, try (Ctrl + Shift + R) or (⌘ + Shift + R)',
+      },
     ];
     return (
       <div className="party-chat-container">

app/src/VideoListener.js

@@ -267,8 +267,10 @@ export default class VideoListener {
         const ashow = document.querySelector(nS.show).innerText || '';
         return ashow === '' ? null : ashow;
       case PLAYER_SOURCE.HULU:
-        const hshow = document.querySelector(nS.show).innerText;
+        const hshowContainer = document.querySelector(nS.show);
-        const hepisode = document.querySelector(nS.episode).innerText.replace(/\n/gi, ' ');
+        const hepisodeContainer = document.querySelector(nS.episode);
+        const hshow = hshowContainer ? hshowContainer.innerText : '';
+        const hepisode = hepisodeContainer ? hepisodeContainer.innerText.replace(/\n/gi, ' ') : '';
         return hshow === '' && hepisode === '' ? null : hshow + '\n' + hepisode;
       case PLAYER_SOURCE.DISNEY:
         this.video.element.parentElement.click();
@@ -715,17 +717,12 @@ export default class VideoListener {
         if (funimationIframe) {
           this.firstTimeSync(funimationIframe);
         } else {
-          setInterval(
+          setInterval(() => {
-            this.video.element
+            const fif = document.querySelector(this.selectors[PLAYER_SOURCE.FUNIMATION]);
-              ? null
+            if (!this.video.element && fif) {
-              : () => {
+              this.firstTimeSync(fif);
-                  const fif = document.querySelector(this.selectors[PLAYER_SOURCE.FUNIMATION]);
+            }
-                  if (fif) {
+          }, 1000);
-                    this.firstTimeSync(fif);
-                  }
-                },
-            1000
-          );
         }
         break;
       case PLAYER_SOURCE.ROOSTERTEETH:

app/src/index.css

@@ -278,6 +278,23 @@ body.roosterteeth.visible .party-content-wrapper textarea:focus {
   border-bottom: none !important;
   box-shadow: none !important;
 }
+/* VIKI */
+
+body.viki .party-content-wrapper input,
+body.viki .party-content-wrapper input:focus {
+  padding: 18.5px 14px !important;
+  padding-top: 10.5px !important;
+  padding-bottom: 10.5px !important;
+}
+
+body.viki .party-content-wrapper input,
+body.viki .party-content-wrapper input:focus,
+body.viki .party-content-wrapper textarea,
+body.viki .party-content-wrapper textarea:focus {
+  border-bottom: none !important;
+  box-shadow: none !important;
+  margin: 0 !important;
+}
 
 #party-loading {
   position: absolute;
@@ -1045,6 +1062,12 @@ button.giphy-list-item {
   opacity: 0;
   bottom: -30px;
   transition: all ease-in-out 0.2s;
+  max-height: 32px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: pre;
+  padding-left: 10px;
+  padding-right: 10px;
 }
 
 .vxt-video:first-of-type {