Output via rrd file

app.py

@@ -1,6 +1,13 @@
 import rerun as rr
+import rerun.blueprint as rrb
 import numpy as np
 import gradio as gr
+import urllib
+
+
+def html_template(rrd, width=950, height=712, app_url="https://app.rerun.io"):
+    encoded_url = urllib.parse.quote(rrd)
+    return f"""<iframe width="{width}" height="{height}" src="{app_url}?url={encoded_url}" frameborder="0" allowfullscreen=""></iframe>"""
 
 def show_cube():
     rr.init("my data")
@@ -12,6 +19,24 @@ def show_cube():
     colors[:,0] = np.linspace(0,255,10)
 
     rr.log("my_points", rr.Points3D(positions=positions, colors=colors, radii=0.5))
-    return rr.as_html()
 
-gr.Interface(show_cube, inputs=None, outputs=["html"]).launch(share=True)
+    blueprint = rrb.Spatial3DView(origin='my_points')
+
+    rr.save("cube.rrd", default_blueprint=blueprint)
+    
+    return "cube.rrd"
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        button = gr.Button("Show Cube")
+    with gr.Row():    
+        rrd = gr.File()
+    with gr.Row():    
+        viewer = gr.HTML()
+
+    button.click(show_cube, outputs=rrd)
+    rrd.change(html_template, js="""(rrd) => { console.log(rrd.url); return rrd.url}""", inputs=[rrd], outputs=viewer, preprocess=False)
+
+    
+demo.launch()