fixed dockerfile

README.md

@@ -14,4 +14,4 @@ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-
 ## Local docker build
 
 docker build -t username/appname:0.0 .
-docker run -p 8000:7860 --env-file .env jusername/appname:0.0
+docker run -p 8000:7860 --env-file .env username/appname:0.0

app/bot.py

@@ -150,7 +150,7 @@ def main():
     parser.add_argument("-t", "--private", type=bool, help="Is this room private?", default=True)
     parser.add_argument("-n", "--bot-name", type=str, help="Name of the bot", default="Daily Bot")
     parser.add_argument("-e", "--expiration", type=int, help="Duration of bot", default=os.getenv("BOT_MAX_DURATION", 300))
-    parser.add_argument("-i", "--idle", type=bool, help="Wait for participants to join", default=False)
+    parser.add_argument("-i", "--idle", type=bool, help="Wait for participants to join", default=os.getenv("BOT_WILL_IDLE", False))
     args = parser.parse_args()
     
     Daily.init()

env.example

@@ -2,6 +2,7 @@ DAILY_API_PATH=https://api.daily.co/v1
 DAILY_API_KEY=
 DAILY_ROOM_URL=
 BOT_MAX_DURATION=300
-SAFETY_CHECKER="True"
-TORCH_COMPILE="True"
-USE_TAESD="True"
+SAFETY_CHECKER=1
+TORCH_COMPILE=1
+USE_TAESD=1
+BOT_WILL_IDLE=1

frontend/app/page.js

@@ -1,9 +1,14 @@
 "use client";
 
 import Link from "next/link";
+import { useState } from "react";
 
 export default function Home() {
+  const [starting, setStarting] = useState(false);
+  const [roomUrl, setRoomUrl] = useState();
+
   async function start() {
+    setStarting(true);
     const resp = await fetch(
       `${process.env.API_URL || "http://localhost:8000"}/start`,
       {
@@ -19,14 +24,29 @@ export default function Home() {
     );
 
     const data = await resp.json();
-    console.log(data);
+
+    setRoomUrl(data.room_url);
   }
 
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <Link href="/test">Test</Link>
-      <hr />
-      <span onClick={() => start()}>Connect</span>
+      {!starting ? (
+        <button
+          onClick={() => start()}
+          disabled={starting}
+          className="bg-white text-black rounded-xl p-4 px-6"
+        >
+          Connect
+        </button>
+      ) : (
+        <div>
+          {roomUrl ? (
+            <Link href={roomUrl}>Open Room</Link>
+          ) : (
+            "Waiting for bot to load..."
+          )}
+        </div>
+      )}
     </main>
   );
 }