Chrome Web Store Private Publish v1.0.0

src/Chat.js

@@ -213,7 +213,7 @@ export default class Chat extends Component {
           multiline
           rowsMax="3"
           size="small"
-          placeholder="New message... (<Enter> to send)"
+          placeholder="New message... (Enter to send)"
           variant="outlined"
           className="chat-message-box addFocus"
           value={newMessage}

src/Thread.css

@@ -31,6 +31,7 @@
   background-color: rgb(49, 49, 49);
 }
 .party-message {
+  font-size: 0.75rem !important;
   display: block;
   width: fit-content;
   max-width: 60%;
@@ -62,3 +63,7 @@
 .my-message:hover ~ .time {
   opacity: 1;
 }
+body.hulu .my-message,
+body.hulu .party-message {
+  font-size: 1.4rem !important;
+}

src/VideoListener.js

@@ -51,22 +51,24 @@ export default class VideoListener {
         );
         if (titleContainerParent) {
           const titleContainer = titleContainerParent.firstChild;
-          const nshow = titleContainer.querySelector('h4').innerHTML;
+          const nshow = titleContainer.querySelector('h4')
+            ? titleContainer.querySelector('h4').innerHTML
+            : titleContainer.innerHTML;
           let nepisode = '';
           titleContainer.querySelectorAll('span').forEach((e) => {
             if (e.innerHTML) nepisode += e.innerHTML + ' ';
           });
-          return nshow + '\n' + nepisode;
+          return nshow === '' && nepisode === '' ? null : nshow + '\n' + nepisode;
         }
         break;
       case PLAYER_SOURCE.AMAZON:
         const ashow = document.querySelector('.f3w9jrr.ff48h02').firstChild.innerHTML;
         const aepisode = document.querySelector('.f3w9jrr.ff48h02').lastChild.innerHTML;
-        return ashow !== '' && aepisode !== '' ? ashow + '\n' + aepisode : null;
+        return ashow === '' && aepisode === '' ? null : ashow + '\n' + aepisode;
       case PLAYER_SOURCE.HULU:
         const hshow = document.querySelector('.metadata-area__second-line').innerHTML;
         const hepisode = document.querySelector('.metadata-area__third-line').innerHTML;
-        return hshow !== '' && hepisode !== '' ? hshow + '\n' + hepisode : null;
+        return hshow === '' && hepisode === '' ? null : hshow + '\n' + hepisode;
       default:
         break;
     }

src/index.css

@@ -4,10 +4,10 @@ body {
   transition: max-width ease-in-out 0.35s;
 }
 body.visible {
-  width: 65%;
+  width: 75%;
 }
 body.visible .watch-party-fab {
-  right: 35% !important;
+  right: 25% !important;
   transform: translateX(50%);
   top: 1.5rem;
 }
@@ -18,17 +18,17 @@ body.visible .party-notification-container {
 body.netflix.visible .AkiraPlayer, /* NETFLIX */
 body.hulu.visible .Player__container,/* HULU */
 body.amazon-prime.visible #dv-web-player.dv-player-fullscreen /* AMAZON PRIME */ {
-  max-width: 65% !important;
+  max-width: 75% !important;
 }
 /* HULU MINIMIZED VIDEO */
 body.hulu.visible #__player__ .Player__container.Player__container--modal {
-  right: calc(35% + 2rem) !important;
+  right: calc(25% + 2rem) !important;
   z-index: 99999 !important;
 }
 /* HULU & AMAZON PRIME FIX */
 body.hulu #party-routes-wrapper,
 body.amazon-prime #party-routes-wrapper {
-  width: 35% !important;
+  width: 25% !important;
   height: 100% !important;
 }
 /* AMAZON STYLING FIX */
@@ -93,8 +93,8 @@ body.amazon-prime textarea:focus {
   position: fixed;
   background-color: rgb(27, 27, 27);
   bottom: 0;
-  width: calc(35% - 2rem);
-  right: -35%;
+  width: calc(25% - 2rem);
+  right: -25%;
   transition: all ease-in-out 0.3s;
   height: calc(100% - 2rem);
   padding: 1rem;
@@ -111,13 +111,25 @@ body.amazon-prime textarea:focus {
   display: none !important;
   bottom: 0.8rem !important;
   right: 1rem !important;
-  width: calc(35% - 2rem) !important;
+  width: calc(25% - 2rem) !important;
 }
 .party-notification-container .MuiPaper-root {
   border-radius: 26px !important;
   color: white;
   background-color: black;
 }
+@keyframes showbutton {
+  0% {
+    right: 1rem;
+  }
+  50% {
+    transform: scale(5) translateX(-100%) translateY(-100%);
+  }
+  100% {
+    right: -1rem;
+    transform: scale(1);
+  }
+}
 .watch-party-fab {
   z-index: 9999;
   position: fixed !important;
@@ -125,19 +137,22 @@ body.amazon-prime textarea:focus {
   right: -2rem !important;
   border: 1px solid white;
   background-color: black !important;
-  /* background-image: url('/logo192.png'); */
-  background-image: url('chrome-extension://__MSG_@@extension_id__/logo192.png');
+  /* background-image: url('/android-icon-192x192.png'); */
+  background-image: url('chrome-extension://__MSG_@@extension_id__/android-icon-192x192.png');
   background-position: center;
   background-repeat: no-repeat;
   background-size: 2rem;
+  animation-name: showbutton;
+  animation-iteration-count: 1;
+  animation-duration: 2s;
   transition: all ease-in-out 0.3s !important;
 }
 .watch-party-fab:hover {
   right: 1rem !important;
 }
 .watch-party-fab .fab-logo {
-  max-width: 65%;
-  max-height: 65%;
+  max-width: 75%;
+  max-height: 75%;
 }
 
 .party-create-container {