solara-ui 1.39.0__py2.py3-none-any.whl → 1.40.0__py2.py3-none-any.whl

solara/website/pages/__init__.py

@@ -5,12 +5,11 @@ from solara.components.title import Title
 from solara.server import server
 from solara.website.components.algolia import Algolia
 
-from ..components import Header, Hero
-from ..components.mailchimp import MailChimp
+from ..components import Header
 
 title = "Home"
 
-route_order = ["/", "showcase", "documentation", "apps", "contact", "changelog"]
+route_order = ["/", "showcase", "documentation", "apps", "contact", "changelog", "roadmap", "pricing", "our_team", "careers", "about", "scale_ipywidgets"]
 
 
 _redirects = {
@@ -236,6 +235,11 @@ def List(children=[], class_: str = None):
     return rv.Html(tag="ul", children=children, attributes={"class": class_})
 
 
+@solara.component_vue("home.vue")
+def Home(children=[]):
+    pass
+
+
 @solara.component
 def Layout(children=[]):
     router = solara.use_router()
@@ -247,265 +251,94 @@ def Layout(children=[]):
 
     target, set_target = solara.use_state(0)
 
-    if route_current and route_current.path == "apps":
+    if route_current is not None:
+        with solara.Div(style={"display": "none"}):
+            solara.Meta(name="twitter:card", content="summary_large_image")
+            solara.Meta(name="twitter:site", content="@solara_dev")
+            solara.Meta(name="twitter:image", content="https://solara.dev/static/assets/images/logo-small.png")
+            solara.Meta(property="og:url", content="https://solara.dev" + router.path)
+            solara.Meta(property="og:image", content="https://solara.dev/static/assets/images/logo-small.png")
+            solara.Meta(property="og:type", content="website")
+    if route_current is not None and route_current.path == "apps":
         return children[0]
-    with solara.VBox(grow=False) as main:
-        Title(title="Solara documentation")
-        solara.Meta(name="twitter:card", content="summary_large_image")
-        solara.Meta(name="twitter:site", content="@solara_dev")
-        solara.Meta(name="twitter:image", content="https://solara.dev/static/assets/images/logo-small.png")
-        solara.Meta(property="og:url", content="https://solara.dev" + router.path)
-        solara.Meta(property="og:image", content="https://solara.dev/static/assets/images/logo-small.png")
-        solara.Meta(property="og:type", content="website")
-        Header(
-            on_toggle_left_menu=lambda: set_show_left_menu(not show_left_menu),
-            on_toggle_right_menu=lambda: set_show_right_menu(not show_right_menu),
-        )
-        if route_current is not None and route_current.path == "/":
-            Hero(
-                title="A pure Python, React-style web framework",
-                sub_title="Solara helps you build powerful & scalable Jupyter and web apps <b>faster</b> and <b>easier</b>.",
-                button_text="Quickstart",
+    elif route_current is not None and route_current.path == "/":
+        Title(title="Solara: Build high-quality web applications in pure Python")
+        Home()
+    else:
+        with solara.VBox(grow=False) as main:
+            Title(title="Solara documentation")
+            Header(
+                on_toggle_left_menu=lambda: set_show_left_menu(not show_left_menu),
+                on_toggle_right_menu=lambda: set_show_right_menu(not show_right_menu),
             )
-
-        with rv.Container(tag="section", fluid=True, ma_0=True, pa_0=True, class_="fill-height solara-content-main"):
-            if route_current is None:
-                return solara.Error("Page not found")
-            elif route_current.path == "/":
-                description = "Use ipywidgets with Solara to build powerful and scalable web apps for Jupyter and production in Python."
-                # both tags in one
-                solara.Meta(name="description", property="og:description", content=description)
-                solara.Meta(name="twitter:description", content=description)
-                solara.Meta(property="og:title", content="Solara documentation")
-                solara.Meta(name="twitter:title", content="Solara documentation")
-
-                with rv.Row(class_="ma-2"):
-                    with rv.Col(md=6, offset_md=3, sm=8, offset_sm=2):
-                        solara.Markdown(
-                            """
-                        # What is Solara?
-
-                        Solara lets you build web apps from pure Python using ipywidgets or a React-like API on
-                        top of ipywidgets.
-                        These apps work both inside the Jupyter Notebook and as standalone web apps with frameworks like FastAPI.
-
-                        With Solara, you benefit from a paradigm that promotes component-based code and simplifies state management,
-                        making your development process more efficient and your applications more maintainable.
-
-                        Solara provides you with access to the full strength of the Python ecosystem.
-                        This means you can continue using your favorite libraries while expanding your web development capabilities.
-                        """
-                        )
-                        with solara.HBox():
-                            with solara.Link("/documentation"):
-                                solara.Button(label="Read more", class_="ma-1 homepage-button", href="/documentation", color="primary", dark=True)
-                            with solara.Link("/documentation/getting_started"):
-                                solara.Button(label="Quickstart", class_="ma-1 homepage-button", color="primary", dark=True)
-                    # with rv.Col(md=4, sm=5):
-                    #     rv.Img(src="https://dxhl76zpt6fap.cloudfront.net/public/landing/what.webp", style_="width:900px")
-
-                with solara.Column(style={"width": "100%"}, gap="2.5em", classes=["pt-10", "mt-8"], align="center"):
-                    with solara.Row(justify="center", gap="2.5em", classes=["ma-2", "row-container"]):
-                        rv.Img(src="https://dxhl76zpt6fap.cloudfront.net/public/landing/complexity.webp", contain=True)
-                        solara.Markdown(
-                            """
-                        # Build **large** apps with **low** code complexity
-
-                        With Solara, you can build large scale apps without hitting a complexity wall.
-
-                        With other tools you may hit a dead end due to missing features or implementing features
-                        adds too much complexity to your code base.
-
-                        Solara offers the **flexibility** to build complex apps, but keeps the **simplicity** of a small code base.
-                        """
-                        )
-                    with solara.Row(justify="center", gap="2.5em", classes=["ma-2", "row-container"]):
-                        solara.Markdown(
-                            """
-                        # The trustworthiness of React
-
-                        Using the same API as React, but ported to Python, Solara lets you build apps with the same
-                        trustworthiness as React.
-
-                        With a decade of experience, React is battle-tested and proven to be
-                        a reliable and robust framework to build large scale apps.
-                        """
-                        )
-                        with solara.Row(justify="center", style={"width": "500px"}):
-                            rv.Img(src="https://dxhl76zpt6fap.cloudfront.net/public/landing/python-love-react.webp", style_="max-width:300px", contain=True)
-                    with solara.Row(justify="center", gap="2.5em", classes=["ma-2", "row-container"]):
-                        with solara.Column():
-                            if target == 0:
-                                solara.Markdown("#### Running in: Jupyter notebook")
-                                solara.Image(
-                                    "https://global.discourse-cdn.com/standard11/uploads/jupyter/original/2X/8/8bc875c0c3845ae077168575a4f8a49cf1b35bc6.gif"
-                                )
-                            else:
-                                solara.Markdown("#### Running in: FastAPI")
-                                solara.Image(
-                                    "https://global.discourse-cdn.com/standard11/uploads/jupyter/original/2X/9/9442fc70e2a1fcd201f4f900fa073698a1f8c937.gif"
-                                )
-                            import solara.website.pages.apps.scatter as scatter
-
-                            github_url = solara.util.github_url(scatter.__file__)
-                            solara.Button(
-                                label="View source",
-                                icon_name="mdi-github-circle",
-                                attributes={"href": github_url, "target": "_blank"},
-                                text=True,
-                                outlined=False,
-                            )
-                            with solara.Link("/documentation/examples"):
-                                with solara.Column(style="width: 100%;"):
-                                    solara.Button(
-                                        label="More examples",
-                                        icon_name="mdi-brain",
-                                        text=True,
-                                        outlined=False,
-                                    )
-                        with solara.Column():
-                            solara.Markdown(
-                                """
-                                    ## Create apps
-
-                                    In Jupyter or standalone, and run them in production
-                                    using FastAPI or starlette.
-
-                                    Get more inspiration from our [examples](/documentation/examples).
-                                """
-                            )
-                            with rv.ExpansionPanels(v_model=target, on_v_model=set_target, mandatory=True, flat=True):
-                                with rv.ExpansionPanel():
-                                    rv.ExpansionPanelHeader(children=["Jupyter notebook"])
-                                    with rv.ExpansionPanelContent():
-                                        solara.Markdown("Build on top of ipywidgets, solara components work in all Jupyter notebook environments.")
-                                with rv.ExpansionPanel():
-                                    rv.ExpansionPanelHeader(children=["FastAPI"])
-                                    with rv.ExpansionPanelContent():
-                                        solara.Markdown(
-                                            """Using [solara-server](documentation/advanced/understanding/solara-server),
-                                            we can run our app in production using FastAPI."""
-                                        )
-
-                with solara.Column(style={"width": "100%"}):
-                    solara.v.Divider()
-
-                with solara.Column(align="center", gap="2.5em", style={"width": "100%", "padding-bottom": "50px"}):
-                    solara.Markdown("# Testimonials", style="text-align:center")
-                    with solara.Row(justify="center", gap="2.5em", style={"align-items": "stretch", "flex-wrap": "wrap", "row-gap": "2.5em"}):
-                        Testimonial(
-                            "Solara is like streamlit, but for Jupyter. I am really excited to see where this goes!",
-                            "Jack Parmer",
-                            "Former CEO and Co-Founder of Plotly",
-                            "https://dxhl76zpt6fap.cloudfront.net/public/avatar/jack-parmer.jpg",
-                        )
-                        Testimonial(
-                            "Solara has been transformative, allowing us to rapidly create a Jupyter app and iterate with impressive speed.",
-                            "Nick Elprin",
-                            "CEO and Co-Founder of Domino Data Lab",
-                            "https://dxhl76zpt6fap.cloudfront.net/public/avatar/nick-elprin.jpg",
-                        )
-                        Testimonial(
-                            "Solara allows us to go from prototype to production with the same stack.",
-                            "Jonathan Chambers",
-                            "Co-founder of Planeto",
-                            "https://dxhl76zpt6fap.cloudfront.net/public/avatar/jonathan-chambers.jpg",
-                        )
-
-                with solara.Column(style={"width": "100%"}):
-                    solara.v.Divider()
-
-                with solara.Column(align="center", gap="2.5em", style={"width": "100%", "padding-bottom": "50px"}):
-                    solara.Markdown("# Sponsors", style="text-align:center")
-                    with solara.Row(justify="center", gap="2.5em", style={"align-items": "stretch"}):
-                        with solara.v.Html(tag="a", attributes={"href": "https://www.dominodatalab.com/", "target": "_blank"}):
-                            solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/sponsors/domino.png", width="300px")
-
-                with solara.Column(style={"width": "100%"}):
-                    solara.v.Divider()
-
-                with solara.Row(justify="center", gap="2.5em", classes=["footer-wrapper"]):
-                    with solara.Column(align="center", style={"min-width": "300px"}):
-                        solara.Markdown(
-                            """
-                            #### For any consulting, training or support needs
-                            [contact@solara.dev](mailto:contact@solara.dev)
-                            """
-                        )
-                    solara.v.Divider(vertical=True)
-                    with solara.Column(align="center", style={"min-width": "300px"}):
-                        solara.Markdown("#### Join our Mailing list to get the latest news")
-                        with solara.Div(style={"width": "80%"}):
-                            MailChimp(location=router.path)
-            else:
-                with rv.Row(
-                    style_="flex-wrap: nowrap; margin: 0; min-height: calc(100vh - 215.5px);",
-                    justify="center" if route_current is not None and route_current.path in ["documentation", "showcase"] else "start",
-                ):
-                    if route_current is not None and route_current.module is not None and hasattr(route_current.module, "Sidebar"):
-                        with solara.v.NavigationDrawer(
-                            clipped=True,
-                            class_="d-none d-md-block",
-                            height="unset",
-                            style_="min-height: calc(100vh - 215.5px);",
-                            width="20rem",
-                            v_model=True,  # Forces menu to display even if it had somehow been closed
-                        ):
-                            route_current.module.Sidebar()
-                    with rv.Col(
-                        tag="main",
-                        md=True,
-                        class_="pa-0",
-                        style_=f"""max-width: {'1024px' if route_current.path not in ['documentation', 'contact', 'changelog']
-                                               else 'unset'}; overflow-x: hidden;""",
+            with rv.Container(tag="section", fluid=True, ma_0=True, pa_0=True, class_="fill-height solara-content-main"):
+                if route_current is None:
+                    return solara.Error("Page not found")
+                else:
+                    with rv.Row(
+                        style_="flex-wrap: nowrap; margin: 0; min-height: calc(100vh - 64px);",
+                        justify="center" if route_current is not None and route_current.path in ["documentation", "showcase"] else "start",
                     ):
-                        if route_current is not None and route_current.path == "/":
-                            with rv.Row(align="center"):
-                                pass
-                        with solara.Row(
-                            children=children,
-                            justify="center",
-                            classes=["solara-page-content-search"],
-                            style=f"height: {'100%' if route_current.path == 'documentation' else 'unset'};",
+                        if route_current is not None and route_current.module is not None and hasattr(route_current.module, "Sidebar"):
+                            with solara.v.NavigationDrawer(
+                                clipped=True,
+                                class_="d-none d-md-block",
+                                height="unset",
+                                style_="min-height: calc(100vh - 64px);",
+                                width="20rem",
+                                v_model=True,  # Forces menu to display even if it had somehow been closed
+                            ):
+                                route_current.module.Sidebar()
+                        with rv.Col(
+                            tag="main",
+                            md=True,
+                            class_="pa-0",
+                            style_="max-width: 1024px" if route_current.path == "showcase" else "",
                         ):
-                            pass
-
-            # absolute = True prevents the drawer from being below the overlay it generates
-            # Drawer navigation for top menu
-            with rv.NavigationDrawer(
-                v_model=show_right_menu,
-                on_v_model=set_show_right_menu,
-                fixed=True,
-                absolute=True,
-                right=True,
-                hide_overlay=False,
-                overlay_color="#000000",
-                overlay_opacity=0.5,
-                style_="height: 100vh",
-            ):
-                Algolia()
-                with rv.List(nav=True):
-                    with rv.ListItemGroup(active_class="text--primary"):
-                        for route in all_routes:
-                            if route.path == "apps":
-                                continue
-                            with solara.Link(route):
-                                solara.ListItem(route.label)
+                            with solara.Row(
+                                children=children,
+                                justify="center",
+                                classes=["solara-page-content-search"],
+                                style="height: unset",
+                            ):
+                                pass
 
-            if route_current is not None and route_current.module is not None and hasattr(route_current.module, "Sidebar"):
-                with solara.v.NavigationDrawer(
+                # absolute = True prevents the drawer from being below the overlay it generates
+                # Drawer navigation for top menu
+                with rv.NavigationDrawer(
+                    v_model=show_right_menu,
+                    on_v_model=set_show_right_menu,
+                    fixed=True,
                     absolute=True,
-                    clipped=True,
-                    class_="d-md-none d-block",
-                    height="unset",
-                    style_="min-height: 100vh;",
-                    v_model=show_left_menu,
-                    on_v_model=set_show_left_menu,
-                    width="20rem",
+                    right=True,
+                    hide_overlay=False,
+                    overlay_color="#000000",
+                    overlay_opacity=0.5,
+                    style_="height: 100vh",
                 ):
-                    route_current.module.Sidebar()
+                    Algolia()
+                    with rv.List(nav=True):
+                        with rv.ListItemGroup(active_class="text--primary"):
+                            for route in all_routes:
+                                if route.path == "apps":
+                                    continue
+                                with solara.Link(route):
+                                    solara.ListItem(route.label)
+
+                if route_current is not None and route_current.module is not None and hasattr(route_current.module, "Sidebar"):
+                    with solara.v.NavigationDrawer(
+                        absolute=True,
+                        clipped=True,
+                        class_="d-md-none d-block",
+                        height="unset",
+                        style_="min-height: 100vh;",
+                        v_model=show_left_menu,
+                        on_v_model=set_show_left_menu,
+                        width="20rem",
+                    ):
+                        route_current.module.Sidebar()
 
-    return main
+        return main
 
 
 @solara.component

solara/website/pages/about/__init__.py

@@ -0,0 +1,9 @@
+from pathlib import Path
+
+from solara.website.components.markdown import MarkdownWithMetadata
+
+
+title = "About Us"
+HERE = Path(__file__)
+
+Page = MarkdownWithMetadata(Path(HERE.parent / "about.md").read_text())

solara/website/pages/about/about.md

@@ -0,0 +1,3 @@
+# About Us
+
+Solara is a framework created by Maarten Breddels, and developed by [Widgetti](https://widgetti.io). Widgetti is a small company based in the Netherlands, focusing on developing tools for the Jupyter ecosystem. We combine ipywidgets and python experience with expertise in front-end development to help data scientists and python app developers make the most of their time. If you could use our years of diverse industry experience, reach out [here](/contact). You can find out more about Solara [here](/documentation/getting_started/introduction), or get to know our team [here](/our_team).

solara/website/pages/careers/__init__.py

@@ -0,0 +1,27 @@
+import solara
+
+
+@solara.component
+def Page():
+    with solara.Column():
+        solara.Markdown(
+            """
+            # Careers
+            We are always looking for talented individuals to join our team. If you're still be interested after reading the rest of this page, reach out at [contact@widgetti.io](mailto:contact@widgetti.io).
+
+            ## Who Are We?
+            We are a small team of developers working in the gap between Jupyter notebooks and web applications. We are passionate about making data science more accessible and app development painless.
+            We are based in Groningen, The Netherlands, but work remote first.
+
+            ## What Do We Offer?
+            We offer a flexible work environment, competitive salary, and the opportunity to do meaningful, crossdisciplinary work with scientists and companies worldwide.
+            We are a small team, so you will have a lot of freedom in your work, and the chance to get your hands dirty with many projects.
+
+            ### Open Source
+            We are strong believers in open source software. When working with us, you can expect the majority of the software you write to be open source, with contributions to Solara as well as other open source projects.
+
+            ## Who Are We Looking For?
+            We are looking for developers, technical writers, designers, and everything in between.
+            """,
+            style={"max-width": "90%", "margin": "0 auto"},
+        )

solara/website/pages/changelog/__init__.py

@@ -1,10 +1,10 @@
 from pathlib import Path
 
-import solara
 from solara.website.components.sidebar import Sidebar
+from solara.website.components import MarkdownWithMetadata
 
 title = "Changelog"
 HERE = Path(__file__)
 
-Page = solara.Markdown(Path(HERE.parent / "changelog.md").read_text())
+Page = MarkdownWithMetadata(Path(HERE.parent / "changelog.md").read_text())
 Sidebar = Sidebar

solara/website/pages/changelog/changelog.md

@@ -1,5 +1,17 @@
 # Solara Changelog
 
+## Version 1.40.0
+   * Feature: In Jupyter Notebook and Lab, Solara (server) now renders the [ipypopout](https://github.com/widgetti/ipypopout) window instead of Voila [#805](render ipypopout content in jupyter notebook and lab)
+   * Feature: Support styling input field of [ChatInput component](https://solara.dev/documentation/components/lab/chat). [#800](https://github.com/widgetti/solara/pull/800).
+   * Feature: [InputTextArea component](https://solara.dev/documentation/components/input/input) for multi line text input. [#801](https://github.com/widgetti/solara/pull/801). Contributed by [Alonso Silva](https://github.com/alonsosilvaallende)
+   * Bug Fix: Markdown links triggered a JavaScript error. [#765](https://github.com/widgetti/solara/pull/765)
+
+## Version 1.39.0
+
+   * Feature: Add option to start Solara server on a random unused port (using `--port=0`). [#762](https://github.com/widgetti/solara/pull/762)
+   * Bug Fix: Extension checking for e.g. ipyleaflet now work correctly on Amazon SageMaker Studio Lab. [#757](https://github.com/widgetti/solara/pull/757)
+   * Bug Fix: Various solara components should now work correctly in notebooks viewed on vscode, colab and voila. [#763](https://github.com/widgetti/solara/pull/763)
+
 ## Version 1.38.0
 
    * Feature: We detect and warn when there are possible reverse proxy or uvicorn misconfigurations. [#745](https://github.com/widgetti/solara/pull/745)

solara/website/pages/contact/__init__.py

@@ -1,10 +1,34 @@
-from pathlib import Path
-
 import solara
 from solara.website.components.sidebar import Sidebar
+from solara.website.components.contact import Contact
 
-title = "Contact"
-HERE = Path(__file__)
-
-Page = solara.Markdown(Path(HERE.parent / "contact.md").read_text())
 Sidebar = Sidebar
+
+
+@solara.component
+def Page():
+    solara.Markdown("""
+# Contact
+
+## Business
+
+Solara is developed mostly by Maarten Breddels and Mario Buikhuizen, Founders
+of [Widgetti](https://widgetti.io/).
+
+For business inquiries, please reach out using the form below, or send an email to [contact@solara.dev](mailto:contact@solara.dev) regarding Solara, or [info@widgetti.io](mailto:info@widgetti.io) regarding more general Jupyter related matters.
+""")
+    Contact(
+        title="Contact Us", subtitle="Please fill out the form below and we will get back to you as soon as possible.", email_subject="Contact Form Submission"
+    )
+    solara.Markdown(
+        """
+## Community
+
+If you want to share your thoughts, share your experiences, or just want to talk
+to other people using and developing on Solara, consider using [GitHub discussions](https://github.com/widgetti/solara/discussions) for asynchronous discussions
+or consider joining discord for more synchronous discussions.
+
+
+[![Discord Shield](https://discordapp.com/api/guilds/1106593685241614489/widget.png?style=banner2)](https://discord.gg/dm4GKNDjXN)
+"""
+    )

solara/website/pages/documentation/__init__.py

@@ -17,34 +17,28 @@ def Algolia():
 
 
 @solara.component
-def Page(children=[]):
+def Page():
     # show a gallery of all the api pages
     router = solara.use_router()
     route_current = router.path_routes[-2]
-
-    with solara.Column(style={"width": "100%"}, gap="75px"):
-        if route_current.path == "documentation":
-            with solara.Column(classes=["api-search-container"], gap="50px", style={"justify-content": "center"}, align="center"):
-                solara.Markdown("# Search the Solara Documentation", style={"text-align": "center"})
-                with solara.Row(style={"width": "100%", "min-width": "20rem", "justify-content": "center", "background-color": "transparent"}):
-                    Algolia()
-            with solara.Row(gap="20px", classes=["docs-card-container"]):
-                for route in route_current.children:
-                    if route.path in ["/", "advanced", "faq"]:
-                        continue
-                    with solara.Link("/documentation/" + route.path):
-                        with solara.Row(
-                            classes=["docs-card"],
-                            style={
-                                "background-color": f"var({'--docs-color-grey' if route.path != 'getting_started' else '--color-primary'})",
-                            },
-                        ):
-                            with solara.Column(style={"height": "100%", "flex-grow": "1", "background-color": "transparent"}):
-                                solara.HTML(tag="h2", unsafe_innerHTML=route.label, style={"color": "white", "padding": "1.5rem"})
-                            with solara.Column(style={"justify-content": "center", "height": "100%", "background-color": "transparent"}):
+    if route_current.path == "documentation":
+        with solara.Column(style={"width": "100%", "max-width": "1024px"}, gap="40px"):
+            with solara.Column(style={"width": "100%", "align-items": "center"}, gap="40px"):
+                with solara.Column(gap="20px", classes=["docs-card-container"], style={"max-width": "80%", "padding-top": "64px"}, align="stretch"):
+                    for route in route_current.children:
+                        if route.path in ["/", "advanced", "faq"]:
+                            continue
+                        with solara.Link("/documentation/" + route.path):
+                            with solara.Row(
+                                classes=["docs-card"],
+                                style={
+                                    "background-color": f"var({'--docs-color-grey' if route.path != 'getting_started' else '--color-primary'})",
+                                    "align-items": "center",
+                                },
+                            ):
+                                solara.HTML(tag="h2", unsafe_innerHTML=route.label, style={"color": "white", "display": "block", "flex-grow": "1"})
                                 solara.v.Icon(children=["mdi-arrow-right"], color="var(--color-grey-light)", x_large=True, class_="docs-card-icon")
-            with solara.Row(gap="75px", style={"flex-wrap": "wrap", "row-gap": "75px", "padding-bottom": "75px"}):
-                with solara.Column(style={"padding-left": "10%"}):
+                with solara.Column(gap="10px", style={"flex-wrap": "wrap", "max-width": "80%"}):
                     solara.HTML(tag="h2", unsafe_innerHTML="How to use our documentation:", style={"padding": "1.5rem"})
                     solara.Markdown(
                         """
@@ -58,28 +52,23 @@ def Page(children=[]):
     If a component you would like to use is not available in Solara, you can use the underlying library directly.
                     """
                     )
-                with solara.Column(style={"justify-content": "center", "height": "100%"}):
                     solara.HTML(tag="h2", unsafe_innerHTML="Also Check Out", style={"padding": "1.5rem"})
-                    with solara.Row(gap="20px", style={"flex-wrap": "wrap", "row-gap": "20px", "align-items": "center"}):
+                    with solara.Row(gap="20px", style={"flex-wrap": "wrap", "row-gap": "20px", "align-items": "center", "padding-left": "24px"}):
                         with solara.v.Html(tag="a", attributes={"href": "https://discord.solara.dev", "target": "_blank"}):
                             with solara.Div(classes=["social-logo-container"], style={"background-color": "var(--docs-social-discord)"}):
                                 solara.v.Html(tag="img", attributes={"src": "/static/public/social/discord.svg"}, style_="height: 1.5rem; width: auto;")
                         solara.Text("We use discord to provide support and answer questions there actively.")
-                    with solara.Row(gap="20px", style={"flex-wrap": "wrap", "row-gap": "20px", "align-items": "center"}):
+                    with solara.Row(gap="20px", style={"flex-wrap": "wrap", "row-gap": "20px", "align-items": "center", "padding-left": "24px"}):
                         with solara.v.Html(tag="a", attributes={"href": "https://github.com/widgetti/solara", "target": "_blank"}):
                             with solara.Div(classes=["social-logo-container"], style={"background-color": "var(--docs-social-github)"}):
                                 solara.v.Html(tag="img", attributes={"src": "/static/public/social/github.svg"}, style_="height: 1.5rem; width: auto;")
                         solara.Text("Search for solutions on Github issues, or report bugs.")
-                    with solara.Row(gap="20px", style={"flex-wrap": "wrap", "row-gap": "20px", "align-items": "center"}):
+                    with solara.Row(gap="20px", style={"flex-wrap": "wrap", "row-gap": "20px", "align-items": "center", "padding-left": "24px"}):
                         with solara.v.Html(tag="a", attributes={"href": "https://twitter.com/solara_dev", "target": "_blank"}):
                             with solara.Div(classes=["social-logo-container"], style={"background-color": "var(--docs-social-twitter)"}):
                                 solara.v.Html(tag="img", attributes={"src": "/static/public/social/twitter.svg"}, style_="height: 1.5rem; width: auto;")
                         solara.Text("Get announcements about Solara features, showcases, and events!.")
 
-        else:
-            with solara.Column(align="center", children=children, style={"padding": "0"}):
-                pass
-
 
 @solara.component
 def Layout(children=[]):
@@ -90,7 +79,10 @@ def Layout(children=[]):
     if route_current.path == "/":
         return Page()
     else:
-        return Page(children=children)
+        with solara.Column(
+            align="center", children=children, style={"padding": "0 0 40px 0", "max-width": "90%"}
+        ):  # 40px bottom margin for "runs on Solara" text
+            pass
 
 
 @solara.component

solara/website/pages/documentation/advanced/content/10-howto/40-embed.md

@@ -41,7 +41,8 @@ If you do not see your app, you can open the browser developer tools in your bro
 
 ### Security considerations
 
-Solara uses a cookie to implement sessions. To support cookies settings in an iframe, we set the session cookie using `Secure`, and `SameSite=Strict`. See [https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies#restrict_access_to_cookies](MDN) for more details. This means that we can only support loading via iframes via https or localhost.
+Solara uses a cookie to implement sessions. To support setting cookies in an iframe, we set the session cookie using `Secure`, and `SameSite=Strict`. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies#restrict_access_to_cookies) for more details. This means that we can only support iframes via https or localhost. Note that proxy servers can tell
+solara-server that the connection is secure by forwarding the `X-Forwarded-Proto` header, see [our self hosted deployment documentation for more information](https://solara.dev/documentation/getting_started/deploying/self-hosted).
 
 
 ## Embed into an existing page

solara/website/pages/documentation/advanced/content/15-reference/41-asset-files.md

@@ -6,7 +6,7 @@ description: Solara looks for overrides of certain style and asset files in the
 
 Asset files are special files with are loaded by Solara-server and thus have a special meaning, and come with defaults. Current supported assets files are:
 
- * `favicon.png` - Image shown by the browser (usually in the tab).
+ * `favicon.png` and/or `favicon.svg` - Image shown by the browser (usually in the tab). If SVG is not provided, default `favicon.svg` of the solara server may override your custom favicon.png depending on the browser. Providing both PNG and SVG versions is recommended.
  * `style.css` - Default `CSS` used by Solara.
  * `custom.css` - Custom `CSS` you can override for your project (empty `CSS` file by default).
  * `custom.js` - Custom Javascript you can use for your project (empty Javascript file by default).

solara/website/pages/documentation/advanced/content/20-understanding/50-solara-server.md

@@ -38,7 +38,8 @@ Each virtual kernel runs in its own thread, this ensures that one particular use
 
 
 ## Handling Multiple Workers
-In setups with multiple workers, it's possible for a page to reconnect to a different worker than its original. This would result in a loss of the virtual kernel (since it lives on a different worker), prompting the Solara app to initiate a fresh start. To prevent this scenario, a sticky session configuration is recommended, ensuring consistent client-worker connections. Utilizing a load balancer, such as [nginx](https://www.nginx.com/), can achieve this.
+
+In setups with multiple workers, it's possible for a page to (re)connect to a different worker than its original. This can happen after a lost network connection is restored, or when [ipypopout](https://github.com/widgetti/ipypopout) is used, since ipypopout creates a new connection, which can end up at a different worker. This can result in a loss of the virtual kernel, since it lives on the worker that was first connected to. The Solara app will then initiate a fresh start, or simply fail when ipypopout is used. To prevent this scenario, a sticky session configuration is recommended, ensuring consistent client-worker connections. A load balancer, such as [nginx](https://www.nginx.com/), can be used to achieve this. Note that using multiple workers (e.g. by using gunicorn) cannot work since a connection will be made to a different worker each time.
 
 If you have questions about setting this up, or require assistance, please [contact us](https://solara.dev/docs/contact).