ayushya/watchparty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.7.11/add paramount and imdb tb

Browse Source
This commit is contained in:
ayushya
2021-04-28 13:56:36 -04:00
parent b5dec1aefb
commit 4b438e65fe
26 changed files with 75 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/package.json
+1 -1
View File
@@ -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 -1
View File
@@ -1,6 +1,6 @@
{
"name": "watch-party-crx",
"version": "1.7.10",
"version": "1.7.11",
"private": true,
"dependencies": {},
"scripts": {
app/public/background.js
+1 -1
View File
@@ -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
+6 -2
View File
@@ -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
+4
View File
@@ -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
+1 -1
View File
@@ -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
+16 -16
View File
@@ -1036,8 +1036,8 @@ export default class Chat extends Component {
title={
onCall
? usingVideo
? "Stop Video"
: "Start Video"
? "Video is On"
: "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">
<IconButton
className="icon-button"
disabled={callActionPending}
onClick={this.handleMute}
color="primary"
>
<MicOff />
</IconButton>
</Tooltip>
) : !gif && !newMessage && onCall && muted ? (
<Tooltip title="Unmute Mic" placement="top">
<Tooltip title="Mic is On" 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
+2
View File
@@ -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
+11
View File
@@ -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
+6
View File
@@ -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;
assets/logos/ImdbTv.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

assets/logos/ImdbTvWhite.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

assets/logos/ParamountPlusColor.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 163 KiB

assets/logos/ParamountPlusWhite.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 166 KiB

functions/package-lock.json
Generated
+1 -1
View File
@@ -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 -1
View File
@@ -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 -1
View File
@@ -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
+7
View File
@@ -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
+2
View File
@@ -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/media/logos/ImdbTvColor.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

website/media/logos/ImdbTvWhite.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

website/media/logos/ParamountPlusColor.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 KiB

website/media/logos/ParamountPlusWhite.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

website/styles/variables-dark.css
+6
View File
@@ -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
+6
View File
@@ -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
+2
View File
@@ -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">