Update app.py

app.py

@@ -104,9 +104,10 @@ def transcribe_speech(audio_file):
         audio = r.record(source)
     return r.recognize_google(audio)
 
-def get_font_size(size):
-    sizes = {"Small": "12px", "Medium": "16px", "Large": "20px"}
-    return sizes[size]
+def set_font_size(choice):
+    return gr.skip()
+
+
 
 @spaces.GPU(duration=75)
 def infer(prompt, seed=42, randomize_seed=False, width=1024, height=1024, guidance_scale=3.5, num_inference_steps=28, progress=gr.Progress(track_tqdm=True)):
@@ -174,7 +175,11 @@ css = """
 """
 js_callback = """
 (fontSize) => {
-    document.body.style.fontSize = fontSize;
+    const sizeMap = {"Small": "12px", "Medium": "16px", "Large": "20px"};
+    const newSize = sizeMap[fontSize];
+    if(newSize){
+        document.body.style.fontSize = newSize;
+    }
     return "";
 }
 """
@@ -183,29 +188,28 @@ with gr.Blocks(css="""
 .user-msg { background: #e3f2fd; border-radius: 15px; padding: 10px; margin: 5px; }
 .bot-msg { background: #f5f5f5; border-radius: 15px; padding: 10px; margin: 5px; }
 """) as demo:
-    # Global controls: font size and voice input
+    # Global controls: Font size adjuster and voice input
     font_choice = gr.Dropdown(
         choices=["Small", "Medium", "Large"],
         value="Medium",
         label="Font Size"
     )
-    demo_markdown = gr.Markdown("### This text (and all other text) will change size dynamically.")
+    gr.Markdown("### This text (and all other text) will change size dynamically.")
     sample_text = gr.Textbox(label="Try typing here:", value="The quick brown fox jumps over the lazy dog.")
-    font_style = gr.HTML()  # This will receive the injected CSS for font size
+    # When font_choice changes, call set_font_size (returns gr.skip() so value remains unchanged)
     font_choice.change(
-        fn=get_font_size,
+        fn=set_font_size,
         inputs=font_choice,
-        outputs=[],  # No output component is updated by Python.
-        js=js_callback  # This JS code runs on the client to update the page.
+        outputs=[],  # No output updated by Python.
+        js=js_callback  # JS callback updates document's font size.
     )
 
     gr.Markdown("## Voice Input: Record your prompt")
-    audio_input = gr.Audio(sources="microphone", type="filepath", label="Record your voice")
+    # For Gradio 4.x, use source="microphone"
+    audio_input = gr.Audio(source="microphone", type="filepath", label="Record your voice")
     transcribe_button = gr.Button("Transcribe Voice")
     transcribed_text = gr.Textbox(label="Transcribed Text", lines=2)
     transcribe_button.click(fn=transcribe_speech, inputs=audio_input, outputs=transcribed_text)
-
-    # Optionally, add a button to copy transcribed text to the prompt textbox.
     copy_transcribed = gr.Button("Copy Transcribed Text to Prompt")
     
     # Main interface for image generation
@@ -216,7 +220,6 @@ with gr.Blocks(css="""
          original_prompt = gr.Textbox(label="Original Prompt", lines=2)
          enhance_button = gr.Button("Enhance Prompt")
          enhanced_prompt = gr.Textbox(label="Enhanced Prompt (Editable)", lines=2)
-         # Copy transcribed text into the original prompt
          copy_transcribed.click(fn=lambda txt: txt, inputs=transcribed_text, outputs=original_prompt)
          enhance_button.click(enhance_prompt, original_prompt, enhanced_prompt)
          gr.Markdown("### Step 2: Generate Image")