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

Compare commits

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

No commits in common. "1655484d89e6f60cef2cd63b73cb68f82cd71ab0" and "b3d2e7c568fdd7ee92da8d09238089897c11ee2e" have entirely different histories.
1655484d89 ... b3d2e7c568

10 changed files with 16 additions and 19 deletions
Show stats Expand all files Collapse all files

4
frontend/create.html
View file

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

2
frontend/create.mjs
View file

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

4
frontend/index.html
View file

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

4
frontend/lib/chat.mjs
View file

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

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

@ -1,4 +1,4 @@
import { createSession } from "./watch-session.mjs?v=19ef791"; import { createSession } from "./watch-session.mjs?v=1e57e6";
export const setupCreateSessionForm = () => { export const setupCreateSessionForm = () => {
const form = document.querySelector("#create-session-form"); 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=19ef791"; import { joinSession } from "./watch-session.mjs?v=1e57e6";
/** /**
* @param {HTMLInputElement} field * @param {HTMLInputElement} field

2
frontend/lib/video.mjs
View file

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

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

@ -1,9 +1,9 @@
import { setupVideo } from "./video.mjs?v=19ef791"; import { setupVideo } from "./video.mjs?v=1e57e6";
import { import {
setupChat, setupChat,
logEventToChat, logEventToChat,
updateViewerList, updateViewerList,
} from "./chat.mjs?v=19ef791"; } from "./chat.mjs?v=1e57e6";
import ReconnectingWebSocket from "./reconnecting-web-socket.mjs"; 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=19ef791"; import { setupJoinSessionForm } from "./lib/join-session.mjs?v=1e57e6";
const main = () => { const main = () => {
setupJoinSessionForm(); setupJoinSessionForm();

9
frontend/styles.css
View file

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