feat: option to hide banner "This website runs on Solara" (#836)

See:
#673

Use the environiment variable:
SOLARA_THEME_SHOW_BANNER=False

To hide it.

For popout windows we automatically hide it.

solara/server/settings.py

@@ -37,6 +37,7 @@ class ThemeVariant(str, Enum):
 class ThemeSettings(BaseSettings):
     variant: ThemeVariant = ThemeVariant.light
     loader: str = "solara"
+    show_banner: bool = True
 
     class Config:
         env_prefix = "solara_theme_"

solara/server/templates/loader-solara.html

@@ -32,7 +32,7 @@ <h1>{{ loading_text }}</h1>
         <jupyter-widget-mount-point mount-id="solara-main">
             A widget with mount-id="solara-main" should go here
         </jupyter-widget-mount-point>
-        <div style="position: absolute; right: 0px; bottom: 0px; padding: 10px;">
+        <div v-if="showBanner" style="position: absolute; right: 0px; bottom: 0px; padding: 10px;">
             <b>This website runs on <a href="https://solara.dev">Solara</a></b>
         </div>
     </div>

solara/server/templates/solara.html.j2

@@ -296,6 +296,10 @@
                     this.forceUpdateTrigger += 1;
                     original_$forceUpdate();
                 });
+                // in case we are showing a popop (e.g. using ipypopout), hide the banner
+                if(searchParams.has('modelid')) {
+                    this.showBanner = false;
+                }
             },
             mounted() {
                 document.querySelector('#app').removeAttribute("style");
@@ -413,6 +417,7 @@
                     loadingPage: false,
                     _lastBusyTimer: null,
                     kernelBusyLong: false,
+                    showBanner: theme.show_banner,
                     // outputMessages: [{ name: 'stderr', text: 'lala' }],
                 }
             }