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

v1.4.2-release/release

Browse Source
This commit is contained in:
ayushya
2020-07-15 01:09:59 -04:00
parent 74f52ee432
commit 2dd74b888b
14 changed files with 290 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/public/background.html
+54
View File
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<meta
http-equiv="Content-Security-Policy"
content="default-src *; style-src 'self' https://* 'unsafe-inline'; script-src 'self' http://* 'unsafe-inline' 'unsafe-eval'"
/>
<style>
html {
height: fit-content;
width: fit-content;
}
body {
margin: 0;
min-width: 200px;
background-color: rgba(46, 46, 46, 1);
height: fit-content;
}
a:hover {
filter: drop-shadow(0 0 10px black);
}
a {
border-radius: 13px;
font-family: sans-serif;
font-weight: 500;
display: block;
user-select: none;
color: black;
text-decoration: none;
padding: 5px 10px;
text-align: center;
margin: 10px 10px;
}
a:nth-child(1) {
background-color: rgb(23, 245, 160);
}
a:nth-child(2) {
background-color: rgb(235, 77, 77);
}
a:nth-child(3) {
background-color: cornflowerblue;
}
</style>
</head>
<body>
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-firestore.js"></script>
<script src="background.js"></script>
<a target="_blank" href="https://www.hulu.com/">Hulu</a>
<a target="_blank" href="https://www.netflix.com/browse">Netflix</a>
<a target="_blank" href="https://www.amazon.com/gp/video/storefront">Prime Video</a>
</body>
</html>
app/public/background.js
+7
View File
@@ -50,6 +50,13 @@ const sendAuth = async (sendResponse) => {
sendResponse(firebase.auth().currentUser);
};
chrome.runtime.onInstalled.addListener(() => {
chrome.tabs.create({
url: 'https://www.chromewatchparty.com/welcome',
active: true,
});
});
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
const { type } = request;
switch (type) {
app/public/manifest.json
+14 -34
View File
@@ -4,7 +4,10 @@
"version": "1.4.2",
"description": "Watch streamed content together.",
"background": {
"page": "popup.html"
"page": "background.html"
},
"browser_action": {
"default_popup": "popup.html"
},
"permissions": [
"https://*.hulu.com/*",
@@ -13,43 +16,20 @@
"https://*.disneyplus.com/*",
"https://*.youtube.com/*",
"https://play.hbonow.com/*",
"https://play.hbomax.com/*",
"http://localhost/*"
"https://play.hbomax.com/*"
],
"content_security_policy": "script-src 'self' https://www.gstatic.com/ https://*.firebaseio.com https://www.googleapis.com; object-src 'self'",
"content_scripts": [
{
"matches": ["https://*.hulu.com/*"],
"run_at": "document_idle",
"js": ["/static/js/content.js"],
"css": ["/static/css/app.css"]
},
{
"matches": ["https://*.netflix.com/*"],
"run_at": "document_idle",
"js": ["/static/js/content.js"],
"css": ["/static/css/app.css"]
},
{
"matches": ["https://*.amazon.com/*"],
"run_at": "document_idle",
"js": ["/static/js/content.js"],
"css": ["/static/css/app.css"]
},
{
"matches": ["https://*.disneyplus.com/*"],
"run_at": "document_idle",
"js": ["/static/js/content.js"],
"css": ["/static/css/app.css"]
},
{
"matches": ["https://*.youtube.com/*"],
"run_at": "document_idle",
"js": ["/static/js/content.js"],
"css": ["/static/css/app.css"]
},
{
"matches": ["https://play.hbonow.com/*", "https://play.hbomax.com/*"],
"matches": [
"https://*.hulu.com/*",
"https://*.netflix.com/*",
"https://*.amazon.com/*",
"https://*.disneyplus.com/*",
"https://*.youtube.com/*",
"https://play.hbonow.com/*",
"https://play.hbomax.com/*"
],
"run_at": "document_idle",
"js": ["/static/js/content.js"],
"css": ["/static/css/app.css"]
app/public/popup.html
+4 -47
View File
@@ -1,54 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<meta
http-equiv="Content-Security-Policy"
content="default-src *; style-src 'self' https://* 'unsafe-inline'; script-src 'self' http://* 'unsafe-inline' 'unsafe-eval'"
/>
<style>
html {
height: fit-content;
width: fit-content;
}
body {
margin: 0;
min-width: 200px;
background-color: rgba(46, 46, 46, 1);
height: fit-content;
}
a:hover {
filter: drop-shadow(0 0 10px black);
}
a {
border-radius: 13px;
font-family: sans-serif;
font-weight: 500;
display: block;
user-select: none;
color: black;
text-decoration: none;
padding: 5px 10px;
text-align: center;
margin: 10px 10px;
}
a:nth-child(1) {
background-color: rgb(23, 245, 160);
}
a:nth-child(2) {
background-color: rgb(235, 77, 77);
}
a:nth-child(3) {
background-color: cornflowerblue;
}
</style>
<style></style>
</head>
<body>
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-firestore.js"></script>
<script src="background.js"></script>
<a target="_blank" href="https://www.hulu.com/">Hulu</a>
<a target="_blank" href="https://www.netflix.com/browse">Netflix</a>
<a target="_blank" href="https://www.amazon.com/gp/video/storefront">Prime Video</a>
<a>Show tips</a>
<a>Give Feedback</a>
<a>Support Watch Party</a>
</body>
</html>
app/src/Api.js
+1 -1
View File
@@ -43,7 +43,7 @@ export const updateLocalData = (data) => {
window.localStorage.setItem('WatchParty', JSON.stringify(Object.assign({}, LocalData(), data)));
};
export const emptyLocalData = () => window.localStorage.reject('WatchParty');
export const emptyLocalData = () => window.localStorage.removeItem('WatchParty');
export const getUserUid = async () =>
new Promise((resolve, reject) => {
app/src/Chat.js
+1 -1
View File
@@ -459,7 +459,7 @@ export default class Chat extends Component {
placeholder={this.state.gif ? 'Search something...' : 'Say something...'}
helperText={
this.state.newMessage && !this.state.gif
? 'Enter to send'
? 'Enter to send / Shift+Enter for next line'
: this.state.gif
? 'Click on gif to send'
: null
app/src/Create.js
+35 -1
View File
@@ -10,7 +10,12 @@ import {
} from './Api';
import { goTo } from 'route-lite';
import Chat from './Chat';
import { ChevronRight } from '@material-ui/icons';
import {
ChevronRight,
InfoRounded,
ContactSupportRounded,
MonetizationOnRounded,
} from '@material-ui/icons';
const CONSTANTS = {
USER_NAME_LENGTH: 12,
@@ -207,6 +212,35 @@ export default class Create extends Component {
<span>{mode === 'create' ? 'Start Party' : 'Join Party'}</span> <ChevronRight />
</Button>
</Paper>
<div className="create-bottom-card">
<Button
color="secondary"
target="_blank"
startIcon={<InfoRounded />}
size="small"
href="https://www.chromewatchparty.com/welcome/#tips"
>
FAQ
</Button>
<Button
color="secondary"
target="_blank"
startIcon={<ContactSupportRounded />}
size="small"
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
>
Feedback
</Button>
<Button
color="secondary"
target="_blank"
startIcon={<MonetizationOnRounded />}
size="small"
href="https://paypal.me/Ayushya"
>
Donate
</Button>
</div>
</div>
);
}
app/src/index.css
+38 -6
View File
@@ -16,8 +16,13 @@ body.visible {
}
body.visible .watch-party-fab {
right: var(--party-width) !important;
transform: translateX(50%);
transform: translateX(0);
top: 1.5rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background-color: #424242 !important;
box-shadow: none;
background-blend-mode: lighten;
}
body.visible .party-notification-container {
display: block !important;
@@ -182,21 +187,32 @@ body.amazon-prime textarea:focus {
}
.party-create-container {
padding: 38px;
display: flex;
flex-direction: column;
height: 100%;
background: #424242;
padding: 0;
}
.party-create-container .brand-title {
padding: 36px;
}
.party-create-container .create-input-card {
display: flex;
flex-direction: column;
padding: 2rem;
margin: auto 0;
margin: 0;
flex: 1;
display: flex;
justify-content: center;
background: #424242;
}
.create-input-card * {
font-size: 12px !important;
}
.party-create-container .create-input-card .create-mode-select,
.party-create-container .create-input-card .create-mode-select {
margin-bottom: 36px;
}
.party-create-container .create-input-card .create-name,
.party-create-container .create-input-card .create-pin {
margin-bottom: 1rem;
@@ -204,12 +220,25 @@ body.amazon-prime textarea:focus {
.party-create-container .create-input-card {
background-color: #2d2d2d;
}
.create-bottom-card {
background-color: #202020;
padding: 30px 15px;
display: flex;
justify-content: space-evenly;
}
.create-bottom-card * {
letter-spacing: 1.5px !important;
font-size: 11px;
}
.create-bottom-card a:hover {
color: #c0f300;
}
.thread-container {
max-height: 100%;
flex: 1;
overflow-y: auto;
margin-bottom: 1rem;
padding: 0 15px;
margin-top: 1rem;
}
.room-title {
@@ -238,6 +267,7 @@ textarea::-webkit-scrollbar {
}
.chat-message-box > div {
border-radius: 26px;
background-color: #424242;
}
.chat-message-box .MuiFormHelperText-root {
font-size: 10px !important;
@@ -252,7 +282,7 @@ textarea::-webkit-scrollbar {
max-height: 100%;
flex-direction: column;
flex: 1;
padding: 30px 15px 15px 30px;
padding: 0 !important;
box-sizing: border-box !important;
}
@@ -377,6 +407,8 @@ textarea::-webkit-scrollbar {
.text-phone-panel {
display: flex;
align-items: center;
margin: 0 15px 15px 15px;
border-radius: 26px;
}
.MuiTooltip-popper {