v1.7.11/add paramount and imdb tb

admin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "watch-party-admin",
-  "version": "1.7.10",
+  "version": "1.7.11",
   "private": true,
   "devDependencies": {
     "@ant-design/icons": "^4.2.2",

app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "watch-party-crx",
-  "version": "1.7.10",
+  "version": "1.7.11",
   "private": true,
   "dependencies": {},
   "scripts": {

app/public/background.js

@@ -26,7 +26,7 @@ try {
   console.info("CHROME ENV");
 }
 
-const APP_VERSION = "1.7.10";
+const APP_VERSION = "1.7.11";
 
 const firebaseConfig = {
   apiKey: "AIzaSyCJLuYpzXLDRmu2ttzFuSGmYcpFxqToWFU",

app/public/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Watch Party",
   "short_name": "WP",
-  "version": "1.7.10",
+  "version": "1.7.11",
   "description": "Watch streamed content together.",
   "background": {
     "page": "background.html"
@@ -47,6 +47,8 @@
     "https://*.airtelxstream.in/*",
     "https://*.vimeo.com/*",
     "https://*.dailymotion.com/*",
+    "https://*.imdb.com/tv/*",
+    "https://*.paramountplus.com/*",
     "https://api.giphy.com/*",
     "https://*.voxeet.com/*"
   ],
@@ -89,7 +91,9 @@
         "https://*.hotstar.com/*",
         "https://*.airtelxstream.in/*",
         "https://*.vimeo.com/*",
-        "https://*.dailymotion.com/*"
+        "https://*.dailymotion.com/*",
+        "https://*.imdb.com/tv/*",
+        "https://*.paramountplus.com/*"
       ],
       "run_at": "document_idle",
       "js": ["/static/js/content.js"],

app/src/Api.js

@@ -43,6 +43,8 @@ export const PLAYER_SOURCE = {
   AIRTEL: "airtelxstream.",
   VIMEO: "vimeo.",
   DAILYMOTION: "dailymotion.",
+  IMDB: "imdb.",
+  PARAMOUNTPLUS: "paramountplus.",
   LOCAL: "localhost",
 };
 
@@ -52,6 +54,7 @@ export const getPlayerSource = () => {
   if (HREF.includes(PLAYER_SOURCE.HULU)) return PLAYER_SOURCE.HULU;
   if (HREF.includes(PLAYER_SOURCE.AMAZON)) return PLAYER_SOURCE.AMAZON;
   if (HREF.includes(PLAYER_SOURCE.PRIMEVIDEO)) return PLAYER_SOURCE.AMAZON;
+  if (HREF.includes(PLAYER_SOURCE.IMDB)) return PLAYER_SOURCE.AMAZON;
   if (HREF.includes(PLAYER_SOURCE.DISNEY)) return PLAYER_SOURCE.DISNEY;
   if (HREF.includes(PLAYER_SOURCE.YOUTUBE)) return PLAYER_SOURCE.YOUTUBE;
   if (HREF.includes(PLAYER_SOURCE.HBONOW)) return PLAYER_SOURCE.HBONOW;
@@ -71,6 +74,7 @@ export const getPlayerSource = () => {
   if (HREF.includes(PLAYER_SOURCE.VIMEO)) return PLAYER_SOURCE.VIMEO;
   if (HREF.includes(PLAYER_SOURCE.DAILYMOTION))
     return PLAYER_SOURCE.DAILYMOTION;
+  if (HREF.includes(PLAYER_SOURCE.PARAMOUNTPLUS)) return PLAYER_SOURCE.PARAMOUNTPLUS;
   if (HREF.includes(PLAYER_SOURCE.LOCAL)) return PLAYER_SOURCE.LOCAL;
 };
 

app/src/App.js

@@ -32,7 +32,7 @@ import {
 } from "./Api";
 import Tutorial from "./Tutorial";
 
-const APP_VERSION = "1.7.10";
+const APP_VERSION = "1.7.11";
 
 const darkTheme = createMuiTheme({
   palette: {

app/src/Chat.js

@@ -1036,8 +1036,8 @@ export default class Chat extends Component {
               title={
                 onCall
                   ? usingVideo
-                    ? "Stop Video"
+                    ? "Video is On"
-                    : "Start Video"
+                    : "Video is Off"
                   : "Join Video Call"
               }
             >
@@ -1047,9 +1047,9 @@ export default class Chat extends Component {
                     ? () => this.handleVideo()
                     : () => this.handlePhoneCall(true)
                 }
-                color={usingVideo ? "primary" : "secondary"}
+                color={((onCall && usingVideo) || !onCall) ? "secondary" : "primary"}
               >
-                {usingVideo ? <VideocamOffRounded /> : <VideocamRounded />}
+                {((onCall && usingVideo) || !onCall)? <VideocamRounded /> : <VideocamOffRounded />}
               </IconButton>
             </Tooltip>
           )}
@@ -1071,18 +1071,7 @@ export default class Chat extends Component {
             </Tooltip>
           )}
           {!gif && !newMessage && onCall && !muted ? (
-            <Tooltip title="Mute Mic" placement="top">
+            <Tooltip title="Mic is On" placement="top">
-              <IconButton
-                className="icon-button"
-                disabled={callActionPending}
-                onClick={this.handleMute}
-                color="primary"
-              >
-                <MicOff />
-              </IconButton>
-            </Tooltip>
-          ) : !gif && !newMessage && onCall && muted ? (
-            <Tooltip title="Unmute Mic" placement="top">
               <IconButton
                 className="icon-button"
                 disabled={callActionPending}
@@ -1092,6 +1081,17 @@ export default class Chat extends Component {
                 <MicOn />
               </IconButton>
             </Tooltip>
+          ) : !gif && !newMessage && onCall && muted ? (
+            <Tooltip title="Mic is Off" placement="top">
+              <IconButton
+                className="icon-button"
+                disabled={callActionPending}
+                onClick={this.handleMute}
+                color="primary"
+              >
+                <MicOff />
+              </IconButton>
+            </Tooltip>
           ) : null}
           <TextField
             color="secondary"

app/src/VideoListener.js

@@ -136,6 +136,7 @@ export default class VideoListener {
             case PLAYER_SOURCE.AIRTEL:
             case PLAYER_SOURCE.VIMEO:
             case PLAYER_SOURCE.DAILYMOTION:
+            case PLAYER_SOURCE.PARAMOUNTPLUS:
               this.video.element.currentTime = serverPlayer.time;
               await this.timeout(500);
               break;
@@ -569,6 +570,7 @@ export default class VideoListener {
       case PLAYER_SOURCE.AIRTEL:
       case PLAYER_SOURCE.VIMEO:
       case PLAYER_SOURCE.DAILYMOTION:
+      case PLAYER_SOURCE.PARAMOUNTPLUS:
         setInterval(() => {
           var newVideoElement = document.querySelector(vS);
           if (

app/src/index.css

@@ -365,6 +365,17 @@ body.visible.hbo
 body.visible.hbo > div.default > div:nth-child(2) > div > div > div > div {
   width: 100%;
 }
+/* IMDB FIXES */
+body.visible.imdb-tv {
+  max-width: var(--body-width) !important;
+}
+body.visible.imdb-tv .freedive-video-container .freedive-video-modal.modal__open {
+  max-width: var(--body-width);
+}
+/* PARAMOUNT FIXES */
+body.visible.paramountplus header {
+  max-width: var(--body-width);
+}
 
 #party-loading {
   position: absolute;

app/src/index.js

@@ -57,6 +57,9 @@ switch (getPlayerSource()) {
     document.body.classList.add("hulu");
     break;
   case PLAYER_SOURCE.AMAZON:
+    if (window.location.href.includes(PLAYER_SOURCE.IMDB)) {
+      document.body.classList.add("imdb-tv");
+    }
     document.body.classList.add("amazon-prime");
     break;
   case PLAYER_SOURCE.DISNEY:
@@ -152,6 +155,9 @@ switch (getPlayerSource()) {
     document.body.classList.add("dailymotion");
     document.querySelector("html").style.fontSize = "10px";
     break;
+  case PLAYER_SOURCE.PARAMOUNTPLUS:
+    document.body.classList.add("paramountplus");
+    break;
   case PLAYER_SOURCE.LOCAL:
     document.body.classList.add("local");
     break;

functions/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "watch-party-api",
-  "version": "1.7.10",
+  "version": "1.7.11",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

functions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "watch-party-api",
-  "version": "1.7.10",
+  "version": "1.7.11",
   "description": "Cloud Functions for Watch Party",
   "scripts": {
     "lint": "eslint .",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "watch-party",
-  "version": "1.7.10",
+  "version": "1.7.11",
   "description": "Watch Party",
   "scripts": {
     "start": "firebase emulators:start",

website/copyright/index.html

@@ -252,6 +252,13 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
               Dailymotion logo is a trademark and intellectual property of
               Dailymotion.
             </p>
+            <p data-font="sans" class="body">
+              IMDB TV logo is a trademark and intellectual property of
+              IMDb.com, Inc.
+            </p>
+            <p data-font="sans" class="body">
+              Paramount + logo is a trademark and intellectual property of ViacomCBS.
+            </p>
             <p data-font="sans" class="body">
               Google Chrome logo is a trademark and intellectual property of
               Google, Inc.

website/index.html

@@ -244,6 +244,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <div id="airtel" class="support-card"></div>
       <div id="vimeo" class="support-card"></div>
       <div id="dailymotion" class="support-card"></div>
+      <div id="imdb" class="support-card"></div>
+      <div id="paramount" class="support-card"></div>
     </div>
     <div id="features" class="features bubble left">
       <div class="text-section">

website/styles/variables-dark.css

@@ -69,3 +69,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 .card-grid .support-card#airtel {
   background-image: url('/media/logos/AirtelWhite.webp');
 }
+.card-grid .support-card#imdb {
+  background-image: url('/media/logos/ImdbTvWhite.webp');
+}
+.card-grid .support-card#paramount {
+  background-image: url('/media/logos/ParamountPlusWhite.webp');
+}

website/styles/variables.css

@@ -74,3 +74,9 @@ AMITABH, AND MAY NOT BE COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 .card-grid .support-card#dailymotion {
   background-image: url('/media/logos/Dailymotion.webp');
 }
+.card-grid .support-card#imdb {
+  background-image: url('/media/logos/ImdbTvColor.webp');
+}
+.card-grid .support-card#paramount {
+  background-image: url('/media/logos/ParamountPlusColor.webp');
+}

website/welcome/index.html

@@ -303,6 +303,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         id="dailymotion"
         class="support-card"
       ></a>
+      <a href="https://www.imdb.com/tv/" id="imdb" class="support-card"></a>
+      <a href="https://www.paramountplus.com" id="paramount" class="support-card"></a>
     </div>
     <div id="tips" class="text-section">
       <div class="info">