Spaces:
Paused
Paused
Update app.py
Browse files
app.py
CHANGED
|
@@ -12,7 +12,7 @@ graph TD;
|
|
| 12 |
"""
|
| 13 |
# Create an ExecJS context
|
| 14 |
js_c=("""
|
| 15 |
-
|
| 16 |
mermaid.initialize({startOnLoad:true});
|
| 17 |
function renderMermaid(mermaidCode) {
|
| 18 |
mermaid.mermaidAPI.render('mermaid', mermaidCode, function(svgCode, bindFunctions) {
|
|
@@ -20,15 +20,16 @@ js_c=("""
|
|
| 20 |
});
|
| 21 |
}
|
| 22 |
""")
|
| 23 |
-
|
|
|
|
| 24 |
# Render the flowchart
|
| 25 |
#context.call("renderMermaid", mermaid_code)
|
| 26 |
# Print the Mermaid code for reference
|
| 27 |
print(mermaid_code)
|
| 28 |
-
|
| 29 |
with gr.Blocks() as app:
|
| 30 |
inp_text=gr.Textbox(value=mermaid_code)
|
| 31 |
|
| 32 |
-
gr.HTML("""<div id='diagram'
|
| 33 |
-
app.load(
|
| 34 |
app.launch()
|
|
|
|
| 12 |
"""
|
| 13 |
# Create an ExecJS context
|
| 14 |
js_c=("""
|
| 15 |
+
let mermaid = require('mermaid');
|
| 16 |
mermaid.initialize({startOnLoad:true});
|
| 17 |
function renderMermaid(mermaidCode) {
|
| 18 |
mermaid.mermaidAPI.render('mermaid', mermaidCode, function(svgCode, bindFunctions) {
|
|
|
|
| 20 |
});
|
| 21 |
}
|
| 22 |
""")
|
| 23 |
+
|
| 24 |
+
def call_chart(mermaidCode):
|
| 25 |
# Render the flowchart
|
| 26 |
#context.call("renderMermaid", mermaid_code)
|
| 27 |
# Print the Mermaid code for reference
|
| 28 |
print(mermaid_code)
|
| 29 |
+
|
| 30 |
with gr.Blocks() as app:
|
| 31 |
inp_text=gr.Textbox(value=mermaid_code)
|
| 32 |
|
| 33 |
+
out_html=gr.HTML("""<div id='diagram'>Text</div>""")
|
| 34 |
+
app.load(call_chart,inp_text,None,js=js_c)
|
| 35 |
app.launch()
|