Spaces:

1littlecoder
/

mermaid-renderer

Runtime error

1littlecoder commited on Oct 19, 2024

Commit

90efa7a

verified ·

1 Parent(s): e7a385f

Update app.py

Files changed (1) hide show

app.py CHANGED Viewed

@@ -1,7 +1,6 @@
 import gradio as gr
 import base64
-# HTML template for rendering Mermaid diagrams
 html_template = """
 <!DOCTYPE html>
 <html>
@@ -35,14 +34,19 @@ def render_mermaid(mermaid_code):
     return html_content, png_url
-# Create a Gradio interface
-iface = gr.Interface(
-    fn=render_mermaid,
-    inputs="text",
-    outputs=["html", "image"],
-    title="Mermaid Diagram Renderer",
-    description="Input your Mermaid diagram code to render it and get a PNG image."
-)
 # Launch the app
-iface.launch()

 import gradio as gr
 import base64
 html_template = """
 <!DOCTYPE html>
 <html>
     return html_content, png_url
+with gr.Blocks(theme=gr.themes.Citrus()) as mrender:
+    gr.Markdown("# Mermaid Diagram Renderer")
+    gr.Markdown("Input your Mermaid diagram code to render it and get a PNG image.")
+    with gr.Row():
+        with gr.Column():
+            mermaid_input = gr.Textbox(label="Mermaid Code", placeholder="Enter your Mermaid diagram code here...")
+            submit_btn = gr.Button("Render")
+        with gr.Column():
+            html_output = gr.HTML()
+            image_output = gr.Image()
+    submit_btn.click(fn=render_mermaid, inputs=mermaid_input, outputs=[html_output, image_output])
 # Launch the app
+mrender.launch()