From 2f95df90b5195bc8d8f396b09f01224a627e695e Mon Sep 17 00:00:00 2001
From: glen coden <info@simonmeyer.de>
Date: Wed, 15 Jan 2025 22:10:06 +0100
Subject: [PATCH] feat (tool): serve via http

---
 apps/cloud/app/routes/session.$sessionId.tsx |  4 +++-
 apps/tool/app/routes/_index.tsx              | 15 +++++++++------
 docker-compose.yml                           |  2 +-
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/apps/cloud/app/routes/session.$sessionId.tsx b/apps/cloud/app/routes/session.$sessionId.tsx
index 9933438..198fd3e 100644
--- a/apps/cloud/app/routes/session.$sessionId.tsx
+++ b/apps/cloud/app/routes/session.$sessionId.tsx
@@ -837,7 +837,9 @@ export default function ActiveSession() {
                                                         }
                                                         disabled={
                                                             isPending ||
-                                                            !!session.isLocked
+                                                            Boolean(
+                                                                session.isLocked,
+                                                            )
                                                         }
                                                     >
                                                         <PlayCircle className='h-14 w-14 fill-pink-700 text-black' />
diff --git a/apps/tool/app/routes/_index.tsx b/apps/tool/app/routes/_index.tsx
index a182bbf..e9a9b33 100644
--- a/apps/tool/app/routes/_index.tsx
+++ b/apps/tool/app/routes/_index.tsx
@@ -3,6 +3,7 @@ import Logo from '@repo/ui/components/Logo'
 import QRDemo from '@repo/ui/components/QRDemo'
 import QRLive from '@repo/ui/components/QRLive'
 import { cn } from '@repo/ui/helpers'
+import H3 from '@repo/ui/typography/H3'
 import { useEffectEvent } from '@repo/utils/hooks'
 import { useQuery } from '@tanstack/react-query'
 import { useEffect, useState } from 'react'
@@ -417,8 +418,8 @@ export default function Index() {
         const retryInterval = 5000 // ms
 
         const connect = () => {
-            websocket = new WebSocket(`wss://${autoToolServerIP}:5555`)
-            // websocket = new WebSocket(`wss://localhost:5555`)
+            websocket = new WebSocket(`ws://${autoToolServerIP}:5555`)
+            // websocket = new WebSocket(`ws://localhost:5555`)
 
             websocket.addEventListener('error', (error) => {
                 console.log(
@@ -433,7 +434,6 @@ export default function Index() {
             })
 
             websocket.addEventListener('open', () => {
-                console.log('WEBSOCKET OPEN')
                 setIsAutoLyricsConnected(true)
             })
 
@@ -483,7 +483,6 @@ export default function Index() {
     const screen = useAutoScreen()
 
     useEffect(() => {
-        console.log('NEW SCREEN')
         if (screen.type === 'lyrics') {
             setSelectedSongId(screen.songId)
             return
@@ -510,6 +509,10 @@ export default function Index() {
         <main className='relative flex h-screen cursor-none flex-col items-center justify-center'>
             <Logo className='absolute right-12 top-12 w-40' />
 
+            <H3 className='absolute left-12 top-12 w-40'>
+                {isAutoLyricsConnected ? 'CONNECTED' : 'WAITING...'}
+            </H3>
+
             <h1
                 className={cn(
                     'duration-[1.5s]e absolute left-1/2 top-20 w-full -translate-x-1/2 px-72 text-center text-yellow-400 opacity-0 transition-opacity',
@@ -522,8 +525,8 @@ export default function Index() {
                 {selectedText?.title ?? screen.type}
             </h1>
 
-            <QRLive className='absolute left-12 top-12' />
-            <QRDemo className='absolute right-12 top-12' />
+            <QRLive className='absolute bottom-12 left-12' />
+            <QRDemo className='absolute bottom-12 right-12' />
 
             <section className='absolute left-1/2 top-1/2 w-full -translate-x-1/2 -translate-y-1/2 overflow-hidden px-12'>
                 <div
diff --git a/docker-compose.yml b/docker-compose.yml
index f578b6e..3678894 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -94,7 +94,7 @@ services:
       SUPABASE_URL: ${DOCKER_SUPABASE_URL}
       SUPABASE_ANON_KEY: ${SUPABASE_ANON_KEY}
       VIRTUAL_HOST: ${HOST_TOOL}
-      LETSENCRYPT_HOST: ${HOST_TOOL}
+      VIRTUAL_PROTO: http
     extra_hosts:
       - "host.docker.internal:host-gateway"