lavender
/
watch-party
7
4
Fork 5
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Compare commits

base: lavender:b3d2e7c568fdd7ee92da8d09238089897c11ee2e
Branches Tags
lavender:main
lavender:votekiss
lavender:experimental
...
compare: lavender:1655484d89e6f60cef2cd63b73cb68f82cd71ab0
Branches Tags
lavender:main
lavender:votekiss
lavender:experimental

3 Commits
b3d2e7c568 ... 1655484d89

Author SHA1 Message Date
Charlotte Som 1655484d89 Update cache busting tag 2022-02-17 06:25:54 +00:00
Charlotte Som 19ef7911ae Make the chatbox take up more space in the vertical layout 2022-02-17 06:24:52 +00:00
Charlotte Som ed953facb3 Don't setActionHandler with skipad 
Chrome does not support the 'skipad' action, and it's not like we're
really doing anything on a media event for that anyways, so we're just
removing it here.
 2022-02-17 06:17:16 +00:00
10 changed files with 19 additions and 16 deletions
Show Stats Expand all files Collapse all files

4
frontend/create.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>watch party :D</title>
<link rel="stylesheet" href="/styles.css?v=1e57e6" />
<link rel="stylesheet" href="/styles.css?v=19ef791" />
</head>
<body>
@ -47,6 +47,6 @@
</form>
</div>
<script type="module" src="/create.mjs?v=1e57e6"></script>
<script type="module" src="/create.mjs?v=19ef791"></script>
</body>
</html>

2
frontend/create.mjs
View File

@ -1,4 +1,4 @@
import { setupCreateSessionForm } from "./lib/create-session.mjs?v=1e57e6";
import { setupCreateSessionForm } from "./lib/create-session.mjs?v=19ef791";
const main = () => {
setupCreateSessionForm();

4
frontend/index.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>watch party :D</title>
<link rel="stylesheet" href="/styles.css?v=1e57e6" />
<link rel="stylesheet" href="/styles.css?v=19ef791" />
</head>
<body>
@ -64,6 +64,6 @@
</form>
</div>
<script type="module" src="/main.mjs?v=1e57e6"></script>
<script type="module" src="/main.mjs?v=19ef791"></script>
</body>
</html>

4
frontend/lib/chat.mjs
View File

@ -2,8 +2,8 @@ import {
setDebounce,
setVideoTime,
setPlaying,
} from "./watch-session.mjs?v=1e57e6";
import { emojify, emojis } from "./emojis.mjs?v=1e57e6";
} from "./watch-session.mjs?v=19ef791";
import { emojify, emojis } from "./emojis.mjs?v=19ef791";
function setCaretPosition(elem, caretPos) {
if (elem.createTextRange) {

2
frontend/lib/create-session.mjs
View File

@ -1,4 +1,4 @@
import { createSession } from "./watch-session.mjs?v=1e57e6";
import { createSession } from "./watch-session.mjs?v=19ef791";
export const setupCreateSessionForm = () => {
const form = document.querySelector("#create-session-form");

2
frontend/lib/join-session.mjs
View File

@ -1,4 +1,4 @@
import { joinSession } from "./watch-session.mjs?v=1e57e6";
import { joinSession } from "./watch-session.mjs?v=19ef791";
/**
* @param {HTMLInputElement} field

2
frontend/lib/video.mjs
View File

@ -109,7 +109,6 @@ const createVideoElement = (videoUrl, subtitles) => {
navigator.mediaSession.setActionHandler("seekto", null);
navigator.mediaSession.setActionHandler("previoustrack", null);
navigator.mediaSession.setActionHandler("nexttrack", null);
navigator.mediaSession.setActionHandler("skipad", null);
} else {
// disable media button support by ignoring the events
navigator.mediaSession.setActionHandler("play", () => {});
@ -120,7 +119,6 @@ const createVideoElement = (videoUrl, subtitles) => {
navigator.mediaSession.setActionHandler("seekto", () => {});
navigator.mediaSession.setActionHandler("previoustrack", () => {});
navigator.mediaSession.setActionHandler("nexttrack", () => {});
navigator.mediaSession.setActionHandler("skipad", () => {});
}
return;
}

4
frontend/lib/watch-session.mjs
View File

@ -1,9 +1,9 @@
import { setupVideo } from "./video.mjs?v=1e57e6";
import { setupVideo } from "./video.mjs?v=19ef791";
import {
setupChat,
logEventToChat,
updateViewerList,
} from "./chat.mjs?v=1e57e6";
} from "./chat.mjs?v=19ef791";
import ReconnectingWebSocket from "./reconnecting-web-socket.mjs";
/**

2
frontend/main.mjs
View File

@ -1,4 +1,4 @@
import { setupJoinSessionForm } from "./lib/join-session.mjs?v=1e57e6";
import { setupJoinSessionForm } from "./lib/join-session.mjs?v=19ef791";
const main = () => {
setupJoinSessionForm();

9
frontend/styles.css
View File

@ -49,7 +49,7 @@ video {
}
#video-container {
flex-grow: 1;
flex-grow: 0;
flex-shrink: 1;
display: none;
}
@ -233,7 +233,7 @@ button.small-button {
#chatbox-container {
background-color: var(--bg);
flex-direction: column;
flex-grow: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 55ch;
overflow: hidden;
@ -329,6 +329,11 @@ input[type="color"]::-webkit-color-swatch-wrapper {
#chatbox-container {
height: 100vh !important;
flex-grow: 0;
}
#video-container {
flex-grow: 1;
}
#chatbox {