Update app.py

app.py

@@ -18,10 +18,22 @@ def run_python(code):
 def run_web(code):
     return f'<iframe style="width:100%; height:100%; border:none; border-radius:8px; background:#1e1e1e;" srcdoc="{code}"></iframe>'
 
+# --- JavaScript runner ---
+def run_js(code):
+    return f'<iframe style="width:100%; height:100%; border:none; border-radius:8px; background:#1e1e1e;" srcdoc="<script>{html.escape(code)}</script>"></iframe>'
+
+# --- Bash runner (simulated) ---
+def run_bash(code):
+    return f'<pre style="color:#00ff00; font-family: monospace;">$ {html.escape(code)}\nCommand simulated.</pre>'
+
 # --- Main runner ---
 def run_code(code, lang):
     if lang == "Python":
         return run_python(code)
+    elif lang == "JavaScript":
+        return run_js(code)
+    elif lang == "Bash":
+        return run_bash(code)
     else:
         return run_web(code)
 
@@ -44,6 +56,18 @@ h1 { color:#F714C5; text-align:center; }
 </body>
 </html>"""
 
+starter_js = """// JavaScript example
+console.log("Hello JavaScript!");
+for(let i=0;i<5;i++){
+    console.log("Line "+(i+1));
+}"""
+
+starter_bash = """# Bash example
+echo "Hello Bash!"
+for i in {1..5}; do
+  echo "Line $i"
+done"""
+
 # --- Gradio app ---
 with gr.Blocks(css="""
 body {
@@ -53,9 +77,8 @@ body {
     color:#e0e0e0;
     background: linear-gradient(to bottom, #0a0a23, #1a0a3a, #00001a);
 }
-
 .gradio-container { max-width:1200px; margin:auto; padding:20px; }
-.gr-column { display:flex; flex-direction: column; gap:0px !important; }
+.gr-column { display:flex; flex-direction: column; gap:8px !important; }
 #editor-container, #output-panel {
     width:100% !important;
     margin:0 !important;
@@ -121,11 +144,11 @@ canvas#particles { position:fixed; top:0; left:0; width:100%; height:100%; z-ind
     </h2>
     """)
 
-    # --- Compact Language selector (no label) ---
+    # --- Language selector without label ---
     lang_selector = gr.Radio(
-        choices=["Python", "Web (HTML/CSS/JS)","JavaScript", "Bash"],
+        choices=["Python", "Web (HTML/CSS/JS)", "JavaScript", "Bash"],
         value="Web (HTML/CSS/JS)",
-        label=None  # Removed label for compact look
+        label=None  # This removes "Select Language"
     )
 
     # --- Vertical layout: output on top ---
@@ -152,7 +175,15 @@ canvas#particles { position:fixed; top:0; left:0; width:100%; height:100%; z-ind
 
     # --- Update starter template on language change ---
     def update_template(lang):
-        return starter_python if lang == "Python" else starter_web
+        if lang == "Python":
+            return starter_python
+        elif lang == "JavaScript":
+            return starter_js
+        elif lang == "Bash":
+            return starter_bash
+        else:
+            return starter_web
+
     lang_selector.change(update_template, inputs=lang_selector, outputs=code_input)
 
     # --- Run code ---