add file= prefix to local assets

app.py

@@ -119,14 +119,6 @@ def ensure_dropdowns(fileobj):
             gr.Dropdown(choices=[], value=None),
             gr.Dropdown(choices=[], value=None),
         )
-    
-# pick logo file
-# def pick_logo(theme):
-#     print(theme)
-#     if theme == "dark":
-#         return "tahoe-white-logo.png"
-#     else:
-#         return "tahoe-navy-logo.png"
 
 # custom callback to report progress to Gradio
 class GradioProgressCallback(Callback):
@@ -427,58 +419,12 @@ with gr.Blocks(title=APP_TITLE, css=css) as demo:
     gr.HTML(
         """
         <picture style="display:block; margin:20px auto; text-align:center">
-        <source srcset="tahoe-white-logo.png" media="(prefers-color-scheme: dark)">
-        <img id="tahoe-logo-img" src="tahoe-navy-logo.png" height="50" alt="Tahoe logo" style="display:inline-block">
+        <source srcset="file=tahoe-white-logo.png" media="(prefers-color-scheme: dark)">
+        <img id="tahoe-logo-img" src="file=tahoe-navy-logo.png" height="50" alt="Tahoe logo" style="display:inline-block">
         </picture>
         """,
         elem_id="tahoe-logo"
     )
-    # logo = gr.Image(
-    #     value="tahoe-navy-logo.png",
-    #     height=50,
-    #     label=None,
-    #     show_label=False,
-    #     container=False,
-    #     interactive=False,
-    #     elem_id="tahoe-logo",
-    #     show_share_button=False,
-    #     show_fullscreen_button=False,
-    #     show_download_button=False
-    # )
-    # gr.HTML(
-    #     """
-    #     <script>
-    #     (function(){
-    #     function isDarkTheme(){
-    #         return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-    #     }
-
-    #     function updateLogo(){
-    #         const img = document.querySelector('#tahoe-logo img, #tahoe-logo>img');
-    #         if (!img) return;
-    #         img.src = isDarkTheme() ? 'tahoe-white-logo.png' : 'tahoe-navy-logo.png';
-    #     }
-
-    #     const existing = document.querySelector('#tahoe-logo img, #tahoe-logo>img');
-    #     if (existing) {
-    #         updateLogo();
-    #     } else {
-    #         const mo = new MutationObserver(() => {
-    #         const img = document.querySelector('#tahoe-logo img, #tahoe-logo>img');
-    #         if (img) { updateLogo(); mo.disconnect(); }
-    #         });
-    #         mo.observe(document.body, { childList: true, subtree: true });
-    #     }
-
-    #     const mq = window.matchMedia('(prefers-color-scheme: dark)');
-    #     if (mq && (mq.addEventListener || mq.addListener)) {
-    #         (mq.addEventListener ? mq.addEventListener('change', updateLogo) : mq.addListener(updateLogo));
-    #     }
-    #     })();
-    #     </script>
-    #     """,
-    #     elem_id="tahoe-logo-listener"
-    # )
     gr.Markdown(f"# {APP_TITLE}\n{APP_DESC}")
 
     # file upload block
@@ -509,20 +455,5 @@ with gr.Blocks(title=APP_TITLE, css=css) as demo:
     evt = run_btn.click(run_pipeline, inputs=[f_in, layer_dd, var_dd, obs_dd, use_symbols_chk], outputs=[umap_img, emb_parquet, adata_with_emb, layer_dd, var_dd, obs_dd], queue=True)
     evt.then(ensure_dropdowns, inputs=[f_in], outputs=[layer_dd, var_dd, obs_dd], queue=False)
 
-    # figure out background color and change logo if needed
-    # theme = gr.State("light")
-    # ev = demo.load(
-    #     fn=None,
-    #     inputs=None,
-    #     outputs=[theme],
-    #     js="""
-    #     () => {
-    #         const dark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-    #         return dark ? 'dark' : 'light';
-    #     }
-    #     """,
-    # )
-    # ev.then(pick_logo, inputs=[theme], outputs=[logo], queue=False)
-
 if __name__ == "__main__":
     demo.launch(allowed_paths=[str(OUTPUT_DIR.resolve())], max_file_size="5gb")