Upload 56 files

Updated to hide api keys (there might be some small diffs as the version I had uploaded was a bit old)
We need to add the secrets before merging

Dockerfile

@@ -26,4 +26,4 @@ EXPOSE 7860
 ENV BROWSER=none
 
 # Start the Vite development server with specific configurations
-CMD ["npm", "run", "dev", "--", "--host", "--port", "7860", "--strictPort"]
+CMD ["npm", "run", "dev", "--", "--host", "--port", "7860", "--strictPort"]

README.md

@@ -6,6 +6,3 @@ colorTo: pink
 sdk: docker
 pinned: false
 ---
-
-
-Clone the repository and run npm run dev

api.js

@@ -0,0 +1,3 @@
+export const HUGGINGFACE_API_KEY = process.env.HUGGINGFACE_API_KEY;
+export const ELEVENLABS_API_KEY = process.env.ELEVENLABS_API_KEY;
+export const MISTRAL_API_KEY = process.env.MISTRAL_API_KEY;

package-lock.json

@@ -8,6 +8,7 @@
       "name": "shyguys-wingman-js",
       "version": "1.0.0",
       "dependencies": {
+        "dotenv": "^16.4.7",
         "elevenlabs": "^1.50.4"
       },
       "devDependencies": {
@@ -844,6 +845,18 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/dotenv": {
+      "version": "16.4.7",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz",
+      "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",

package.json

@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "dotenv": "^16.4.7",
     "elevenlabs": "^1.50.4"
   },
   "devDependencies": {

src/eleven_labs.js

@@ -1,8 +1,9 @@
 import { SHYGUY_LABEL, SISTER_LABEL, GIRL_LABEL, BAR_LABEL, DJ_LABEL, WINGMAN_LABEL } from "./constants.js";
+import { ELEVENLABS_API_KEY } from "../api.js";
 
 export class ElevenLabsClient {
   constructor() {
-    this.apiKey = "sk_62d0fc2ccddb1a4036f624dd8c411383fd9b9990755ea086";
+    this.apiKey = ELEVENLABS_API_KEY;
     this.baseUrl = "https://api.elevenlabs.io/v1";
   }
 

src/llm.js

@@ -1,6 +1,8 @@
+import { MISTRAL_API_KEY } from "../api.js";
+
 export class LLM {
   constructor() {
-    this.apiKey = "vvO2N5PA9dj8cO6BwcIB8oH4YRnQI3Tn";
+    this.apiKey = MISTRAL_API_KEY;
   }
 
   async getChatCompletion(systemPrompt, userInput) {

src/shyguy.js

@@ -4,7 +4,7 @@ export class Shyguy {
     constructor() {
         this.num_beers = 0;
         this.courage = 1;
-        this.personality = "This is the Shyguy. He is shy and introverted. He is also a bit of a nerd. He fell in love with Jessica. With Jessica, he talks about algorithms.";
+        this.personality = "This is the Shyguy. He is shy and introverted. He is also a bit of a nerd. He fell in love with Jessica. With Jessica, he talks about algorithms. He is super shy.";
         this.lessons_learned = "";
         this.conversation_history = "";
         this.song_playing = "Let it be";
@@ -19,7 +19,7 @@ export class Shyguy {
             return `This is Shyguy. He had two beers, so he feels relaxed and he can talk with anyone. Follow the following lessons: ${this.lessons_learned}`;
         }
         else {
-            return `${this.personality}. He had ${this.num_beers} numbers of beers and his courage is ${this.courage} on the level 1 to 10. If his courage is higher than 5, he is self-confident. After having 3 bears, he says single words with a lot of hesitation and says that he feels bad and he talks about how drunk he is. If courage is low, he hesitates to speak. Follow the following lessons: ${this.lessons_learned}`;
+            return `${this.personality}. His courage is ${this.courage} on the level 1 to 10. If his courage is higher than 5, he is self-confident. He is really shy and he fears talking with people. It is not easy to persuade him. He doe not want to drink at first.Follow the following lessons: ${this.lessons_learned}`;
         }
     }
 

src/speech_to_text.js

@@ -1,66 +1,65 @@
+import { HUGGINGFACE_API_KEY } from "../api.js";
+
 export class SpeechToTextClient {
-    constructor() {
-        // this.apiKey = "HF_API_KEY";
-        this.isRecording = false;
-        this.mediaRecorder = null;
-        this.audioChunks = [];
-    }
+  constructor() {
+    this.apiKey = HUGGINGFACE_API_KEY;
+    this.isRecording = false;
+    this.mediaRecorder = null;
+    this.audioChunks = [];
+  }
 
-    async startRecording() {
-        try {
-            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-            this.mediaRecorder = new MediaRecorder(stream);
-            this.audioChunks = [];
-            
-            this.mediaRecorder.ondataavailable = (event) => {
-                this.audioChunks.push(event.data);
-            };
+  async startRecording() {
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      this.mediaRecorder = new MediaRecorder(stream);
+      this.audioChunks = [];
 
-            this.mediaRecorder.start();
-            this.isRecording = true;
-        } catch (error) {
-            console.error("Error starting recording:", error);
-            throw error;
-        }
-    }
+      this.mediaRecorder.ondataavailable = (event) => {
+        this.audioChunks.push(event.data);
+      };
 
-    async stopRecording() {
-        return new Promise((resolve, reject) => {
-            this.mediaRecorder.onstop = async () => {
-                try {
-                    const audioBlob = new Blob(this.audioChunks, { type: 'audio/webm' });
-                    const result = await this.transcribeAudio(audioBlob);
-                    resolve(result);
-                } catch (error) {
-                    reject(error);
-                }
-            };
-            
-            this.mediaRecorder.stop();
-            this.isRecording = false;
-            this.mediaRecorder.stream.getTracks().forEach(track => track.stop());
-        });
+      this.mediaRecorder.start();
+      this.isRecording = true;
+    } catch (error) {
+      console.error("Error starting recording:", error);
+      throw error;
     }
+  }
 
-    async transcribeAudio(audioBlob) {
+  async stopRecording() {
+    return new Promise((resolve, reject) => {
+      this.mediaRecorder.onstop = async () => {
         try {
-            const response = await fetch(
-                "https://q86j6jmwc3jujazp.us-east-1.aws.endpoints.huggingface.cloud",
-                {
-                    headers: { 
-                        "Accept": "application/json",
-                        "Authorization": `Bearer ${this.apiKey}`,
-                        "Content-Type": "audio/webm"
-                    },
-                    method: "POST",
-                    body: audioBlob,
-                }
-            );
-            const result = await response.json();
-            return result;
+          const audioBlob = new Blob(this.audioChunks, { type: "audio/webm" });
+          const result = await this.transcribeAudio(audioBlob);
+          resolve(result);
         } catch (error) {
-            console.error("Error transcribing audio:", error);
-            throw error;
+          reject(error);
         }
+      };
+
+      this.mediaRecorder.stop();
+      this.isRecording = false;
+      this.mediaRecorder.stream.getTracks().forEach((track) => track.stop());
+    });
+  }
+
+  async transcribeAudio(audioBlob) {
+    try {
+      const response = await fetch("https://q86j6jmwc3jujazp.us-east-1.aws.endpoints.huggingface.cloud", {
+        headers: {
+          Accept: "application/json",
+          Authorization: `Bearer ${this.apiKey}`,
+          "Content-Type": "audio/webm",
+        },
+        method: "POST",
+        body: audioBlob,
+      });
+      const result = await response.json();
+      return result;
+    } catch (error) {
+      console.error("Error transcribing audio:", error);
+      throw error;
     }
+  }
 }

vite.config.js

@@ -1,6 +1,12 @@
+import dotenv from "dotenv";
+dotenv.config();
+
 export default {
+  define: {
+    "process.env": process.env,
+  },
   server: {
     open: true,
-    allowedHosts: ['mistral-ai-game-jam-shyguys-2.hf.space']
+    allowedHosts: ["jakubrada-shyguyswingman.hf.space"],
   },
 };