Update app.py

app.py

@@ -1,17 +1,20 @@
 """
 CodeAlpha Internship - Task 1: Language Translation Tool
-Uses: Groq API (LLM inference) + langdetect (Hugging Face-style language detection) + Gradio (UI)
+Uses: Groq API (LLM inference) + langdetect + Gradio (UI)
 """
 
 import gradio as gr
 from groq import Groq
 from langdetect import detect, DetectorFactory
+import os
+from dotenv import load_dotenv
 
-DetectorFactory.seed = 0  # For consistent language detection
+load_dotenv()  # Load .env file locally
+DetectorFactory.seed = 0
 
 # ─── CONFIGURATION ────────────────────────────────────────────────────────────
-GROQ_API_KEY = "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"  # <-- Replace with your Groq API key
-MODEL = "llama3-8b-8192"                  # Fast and free on Groq
+GROQ_API_KEY = os.environ.get("GROQ_API_KEY", "")
+MODEL = "llama3-8b-8192"
 
 LANGUAGES = [
     "Auto-Detect",
@@ -38,10 +41,9 @@ def translate_text(input_text, source_lang, target_lang):
     if target_lang == "Auto-Detect":
         return "⚠️ Please select a target language.", ""
 
-    if not GROQ_API_KEY or GROQ_API_KEY == "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":
-        return "⚠️ Please set your GROQ_API_KEY in the script.", ""
+    if not GROQ_API_KEY:
+        return "⚠️ GROQ_API_KEY is not set. Add it in .env file or HF Space Secrets.", ""
 
-    # Auto-detect source language
     detected_info = ""
     if source_lang == "Auto-Detect":
         try:
@@ -53,12 +55,10 @@ def translate_text(input_text, source_lang, target_lang):
             source_lang = "the source language"
             detected_info = "🔍 Could not detect language, letting AI handle it."
 
-    # Build prompt
     prompt = (
         f"You are a professional translator. Translate the following text from {source_lang} "
         f"to {target_lang}. Return ONLY the translated text — no explanations, no labels, "
-        f"no quotation marks, just the clean translation.\n\n"
-        f"Text to translate:\n{input_text}"
+        f"no quotation marks, just the clean translation.\n\nText to translate:\n{input_text}"
     )
 
     try:
@@ -71,12 +71,11 @@ def translate_text(input_text, source_lang, target_lang):
         )
         translated = response.choices[0].message.content.strip()
         return translated, detected_info
-
     except Exception as e:
         return f"❌ Translation error: {str(e)}", ""
 
 
-# ─── TEXT-TO-SPEECH (browser-based via JS) ────────────────────────────────────
+# ─── JS FUNCTIONS ──────────────────────────────────────────────────────────────
 TTS_JS = """
 function speakText() {
     const outputBox = document.querySelector('#translated-output textarea');
@@ -89,12 +88,24 @@ function speakText() {
 }
 """
 
+COPY_JS = """
+function copyText() {
+    const outputBox = document.querySelector('#translated-output textarea');
+    if (!outputBox || !outputBox.value.trim()) {
+        alert("Nothing to copy yet!");
+        return;
+    }
+    navigator.clipboard.writeText(outputBox.value).then(() => {
+        alert("Copied to clipboard!");
+    });
+}
+"""
+
 # ─── GRADIO UI ─────────────────────────────────────────────────────────────────
 with gr.Blocks(
     title="Language Translator — CodeAlpha",
     theme=gr.themes.Soft(primary_hue="blue"),
     css="""
-        .container { max-width: 900px; margin: auto; }
         .title-block { text-align: center; padding: 10px 0 20px; }
         #translated-output textarea { font-size: 16px; }
         .footer { text-align: center; font-size: 12px; color: #888; margin-top: 20px; }
@@ -110,16 +121,11 @@ with gr.Blocks(
 
     with gr.Row():
         source_lang = gr.Dropdown(
-            choices=LANGUAGES,
-            value="Auto-Detect",
-            label="Source Language",
-            scale=1
+            choices=LANGUAGES, value="Auto-Detect", label="Source Language", scale=1
         )
         target_lang = gr.Dropdown(
             choices=[l for l in LANGUAGES if l != "Auto-Detect"],
-            value="Urdu",
-            label="Target Language",
-            scale=1
+            value="Urdu", label="Target Language", scale=1
         )
 
     with gr.Row():
@@ -127,8 +133,7 @@ with gr.Blocks(
             input_text = gr.Textbox(
                 label="Input Text",
                 placeholder="Enter text here to translate...",
-                lines=8,
-                max_lines=15
+                lines=8, max_lines=15
             )
             with gr.Row():
                 translate_btn = gr.Button("🔁 Translate", variant="primary", scale=3)
@@ -137,8 +142,7 @@ with gr.Blocks(
         with gr.Column():
             output_text = gr.Textbox(
                 label="Translated Text",
-                lines=8,
-                max_lines=15,
+                lines=8, max_lines=15,
                 interactive=False,
                 elem_id="translated-output"
             )
@@ -147,7 +151,6 @@ with gr.Blocks(
                 copy_btn = gr.Button("📋 Copy to Clipboard", scale=2)
                 speak_btn = gr.Button("🔊 Speak Translation", scale=2)
 
-    # ── Event handlers ──
     def do_translate(text, src, tgt):
         result, info = translate_text(text, src, tgt)
         return result, info
@@ -155,11 +158,6 @@ with gr.Blocks(
     def clear_all():
         return "", "", ""
 
-    def copy_output(text):
-    if text.strip():
-        return gr.update(value="✅ Copied! (select text manually on web)", interactive=False)
-    return gr.update(value="📋 Copy to Clipboard")
-
     translate_btn.click(
         fn=do_translate,
         inputs=[input_text, source_lang, target_lang],
@@ -171,8 +169,8 @@ with gr.Blocks(
         outputs=[output_text, detection_info]
     )
     clear_btn.click(fn=clear_all, outputs=[input_text, output_text, detection_info])
-    copy_btn.click(fn=copy_output, inputs=[output_text], outputs=[copy_btn])
-    speak_btn.click(fn=None, js=TTS_JS)  # Browser TTS via JS
+    copy_btn.click(fn=None, js=COPY_JS)
+    speak_btn.click(fn=None, js=TTS_JS)
 
     gr.HTML("""
         <div class="footer">
@@ -181,4 +179,4 @@ with gr.Blocks(
     """)
 
 if __name__ == "__main__":
-    demo.launch(share=False, inbrowser=True)
+    demo.launch()