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

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/40-routing.md

@@ -196,7 +196,7 @@ Note that all routes are relative, since a component does not know if it is embe
 
 
 Therefore you should never use the `route.path` for navigation since the route object has no knowledge of the full url
-(e.g. `/docs/basics/ipywigets`) but only knows its small piece of the pathname (e.g. `ipywidgets`)
+(e.g. `/docs/basics/ipywidgets`) but only knows its small piece of the pathname (e.g. `ipywidgets`)
 
 Using [`resolve_path`](/documentation/api/routing/resolve_path) we can request the full url for navigation.
 
@@ -219,6 +219,22 @@ def LinkToIpywidgets():
     return main
 ```
 
+### Linking to Sections of a Page
+
+The `solara.Link` component also supports linking to HTML elements identified by id. Although most Solara components don't directly support the id attribute, you can assign ids to all ipyvuetify components, using the `attributes` argument:
+
+```python
+solara.v.Btn(attributes={"id": "my-id"}, ...)
+```
+
+You can then link to a particular element by appending `#` followed by its id to your link, i.e. `solara.Link(route_or_path="/page#my-id")`. If you want the page to smoothly scroll to the linked element, you should give an element that contains it (for instance the `html`-element) the following CSS rule:
+
+```css
+html {
+    scroll-behaviour: smooth;
+}
+```
+
 ## Fully manual routing
 
 If you want to do routing fully manually, you can use the [`solara.use_router`](/documentation/api/routing/use_router) hook, and use the `.path` attribute.

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).
 

solara/website/pages/documentation/advanced/content/30-enterprise/00-overview.md

@@ -2,6 +2,6 @@
 
 Solara enterprise is a not Open Source, but the source code is visible, is free for non-commercial use and installable from pypi.
 
-For commercial use, you require a license. Please [contact](/contact) us for more information.
+For commercial use, you require a license. Please see [pricing](/pricing) for more information.
 
 Solara-enterprise will stay free for non-commercial use and features that are in solara will **not be moved to solara-enterprise**.

solara/website/pages/documentation/advanced/content/30-enterprise/10-oauth.md

@@ -44,12 +44,15 @@ from solara_enterprise import auth
 @solara.component
 def Page():
     if not auth.user.value:
-        solara.Button("Login", icon_name="mdi-login", href=auth.get_login_url())
+        # `get_login_url` should automatically redirect the user back to the current page.
+        # The URL argument is only used here as an example.
+        solara.Button("Login", icon_name="mdi-login", href=auth.get_login_url("documentation/advanced/enterprise/oauth"))
     else:
         userinfo = auth.user.value['userinfo']
         if 'name' in userinfo:
             solara.Markdown(f"### Welcome {userinfo['name']}")
-        solara.Button("Logout", icon_name="mdi-logout", href=auth.get_logout_url())
+        # See above comment
+        solara.Button("Logout", icon_name="mdi-logout", href=auth.get_logout_url("documentation/advanced/enterprise/oauth"))
 ```
 ## How to configure OAuth
 

solara/website/pages/documentation/api/hooks/use_thread.md

@@ -56,3 +56,9 @@ graph TD;
     RUNNING-- "work finished" -->FINISHED
     RUNNING-- "cancel()" -->CANCELLED
 ```
+
+## Future deprecation
+
+Note that [`use_task`](/https://solara.dev/documentation/components/lab/use_task) is an alternative to `use_thread` that will most likely
+replace `use_thread` in the future. Compared to `use_thread`, `use_task` has no intrusive cancel, which turned out to be too large of
+a performance overhead to be useful. Also, `use_task` can run async functions, which is not possible with `use_thread`.

solara/website/pages/documentation/components/data/pivot_table.py

@@ -54,10 +54,10 @@ def Page():
         return solara.Markdown("This example requires vaex, please install it with `pip install vaex`")
     with solara.Div() as main:
         solara.Markdown("# Titanic")
-        selected, on_selected = solara.use_state({"x": [0, 0]})
+        selected, on_selected = solara.use_state({"x": [0, 0]})  # noqa: SH101
         solara.provide_cross_filter()
         with solara.VBox():
-            type, set_type = solara.use_state("view")
+            type, set_type = solara.use_state("view")  # noqa: SH101
             with solara.ToggleButtonsSingle(type, on_value=set_type):
                 solara.Button("PivotTableView", value="view")
                 solara.Button("PivotTable", value="df")

solara/website/pages/documentation/components/input/input.py

@@ -13,6 +13,8 @@ Page = NoPage
 
 
 __doc__ += apidoc(solara.InputText.f)  # type: ignore
+__doc__ += "# InputTextArea"
+__doc__ += apidoc(solara.InputTextArea.f)  # type: ignore
 __doc__ += "# InputFloat"
 __doc__ += apidoc(solara.InputFloat.f)  # type: ignore
 __doc__ += "# InputInt"

solara/website/pages/documentation/components/output/sql_code.py

@@ -42,8 +42,8 @@ if vaex is not None:
 def Page():
     if vaex is None:
         return solara.Error("Vaex is not installed, run pip install vaex-core vaex-hdf5")
-    query, set_query = solara.use_state("SELECT * from titanic")
-    query_executed, set_query_executed = solara.use_state(cast(Optional[str], None))
+    query, set_query = solara.use_state("SELECT * from titanic")  # noqa: SH101
+    query_executed, set_query_executed = solara.use_state(cast(Optional[str], None))  # noqa: SH101
 
     def run_query(cancel: threading.Event) -> pd.DataFrame:
         if not query_executed:
@@ -55,7 +55,7 @@ def Page():
         df = pd.DataFrame(cursor.fetchall(), columns=[k[0] for k in cursor.description])
         return df
 
-    result: solara.Result[pd.DataFrame] = solara.use_thread(run_query, dependencies=[query_executed])
+    result: solara.Result[pd.DataFrame] = solara.use_thread(run_query, dependencies=[query_executed])  # noqa: SH101
     with solara.VBox() as main:
         solara.SqlCode(query=query, tables=table_hints, on_query=set_query)
         enable_execute = (query != query_executed) or result.error is not None

solara/website/pages/documentation/examples/__init__.py

@@ -1,5 +1,5 @@
 import solara
-from solara.website.components import Gallery
+from solara.website.components import Gallery, MarkdownWithMetadata
 
 title = "Examples"
 
@@ -25,28 +25,20 @@ def Layout(children):
     assert module is not None
     github_url = solara.util.github_url(module.__file__)
 
-    with solara.HBox(grow=False) as main:
-        if route_current.path == "fullscreen":
-            with solara.Padding(4, children=children):
-                pass
-        else:
-            with solara.VBox(grow=True, align_items="baseline"):
-                doc = module.__doc__
-                if doc:
-                    with solara.VBox(grow=True):
-                        solara.Markdown(doc)
-                with solara.HBox():
-                    if route_current.path != "/":
-                        solara.Button("View source code on GitHub", icon_name="mdi-github-circle", href=github_url, class_="ma-2", target="_blank", text=True)
-                        # code = inspect.getsource(module)
-
-                        # code_quoted = urllib.parse.quote_plus(code)
-                        # url = f"https://test.solara.dev/try?code={code_quoted}"
-                        # solara.Button("Run on solara.dev", icon_name="mdi-pencil", href=url, class_="ma-2", target="_blank")
-                # with solara.HBox():
+    if route_current.path == "fullscreen":
+        with solara.Padding(4, children=children):
+            pass
+    else:
+        with solara.Column(align="center", style={"max-width": "100%"}):
+            doc = module.__doc__
+            if doc:
+                with solara.Column():
+                    MarkdownWithMetadata(doc)
+            with solara.Column(style={"max-width": "min(100%, 1024px)", "width": "100%"}):
+                if route_current.path != "/":
+                    solara.Button("View source code on GitHub", icon_name="mdi-github-circle", href=github_url, class_="ma-2", target="_blank", text=True)
                 if not hasattr(module, "Page"):
                     solara.Error(f"No Page component found in {module}")
                 else:
-                    with solara.Padding(4, children=children):
+                    with solara.Div(children=children):
                         pass
-    return main

solara/website/pages/documentation/examples/ai/chatbot.py

@@ -77,7 +77,7 @@ def Page():
     task = solara.lab.use_task(call_openai, dependencies=[user_message_count])  # type: ignore
 
     with solara.Column(
-        style={"width": "700px", "height": "50vh"},
+        style={"width": "100%", "height": "50vh"},
     ):
         with solara.lab.ChatBox():
             for item in messages.value:

solara/website/pages/documentation/examples/general/vue_component.py

@@ -35,7 +35,7 @@ def Page():
     sales_data = np.floor(np.cumsum(gen.random(7) - 0.5) * 100 + 100)
     show_report = solara.use_reactive(False)
 
-    with solara.Column(style={"min-width": "600px"}):
+    with solara.Column():
         if show_report.value:
             with solara.Card("Report"):
                 solara.Markdown("Lorum ipsum dolor sit amet")

solara/website/pages/documentation/examples/libraries/altair.py

@@ -38,6 +38,7 @@ def Page():
         )
         .configure_view(step=13, strokeWidth=0)
         .configure_axis(domain=False)
+        .properties(width="container")
     )
     with solara.Card("Annual Weather Heatmap for Seattle, WA"):
         solara.AltairChart(chart, on_click=on_click)

solara/website/pages/documentation/examples/libraries/bqplot.py

@@ -34,6 +34,6 @@ def Page(x=x0, ymax=5):
     lines = bqplot.Lines(x=x, y=y, scales={"x": x_scale, "y": y_scale}, stroke_width=3, colors=[color], display_legend=display_legend, labels=[label])
     x_axis = bqplot.Axis(scale=x_scale)
     y_axis = bqplot.Axis(scale=y_scale, orientation="vertical")
-    bqplot.Figure(axes=[x_axis, y_axis], marks=[lines], scale_x=x_scale, scale_y=y_scale, layout={"min_width": "800px"})
+    bqplot.Figure(axes=[x_axis, y_axis], marks=[lines], scale_x=x_scale, scale_y=y_scale, layout={"max_width": "100%", "width": "100%"})
 
     # return main

solara/website/pages/documentation/examples/libraries/ipyleaflet.py

@@ -15,7 +15,7 @@ bounds = solara.reactive(None)
 @solara.component
 def Page():
     # Isolation is required to prevent the map from overlapping navigation (when screen width < 960px)
-    with solara.Column(style={"min-width": "500px", "height": "500px", "isolation": "isolate"}):
+    with solara.Column(style={"width": "100%", "height": "500px", "isolation": "isolate"}):
         # solara components support reactive variables
         solara.SliderInt(label="Zoom level", value=zoom, min=1, max=20)
         # using 3rd party widget library require wiring up the events manually

solara/website/pages/documentation/examples/libraries/ipyleaflet_advanced.py

@@ -31,7 +31,7 @@ def Page():
         # do things with the location
         marker_location.set(location)
 
-    with solara.Column(style={"min-width": "500px", "height": "500px"}):
+    with solara.Column(style={"width": "100%", "height": "500px"}):
         solara.Markdown(f"Market set to: {marker_location.value}", style={"color": "#6e6e6e"})
 
         map = maps[map_name.value]

solara/website/pages/documentation/examples/utilities/countdown_timer.py

@@ -9,7 +9,6 @@ The UI code demonstrates a lot of conditional rendering.
 import time
 
 import solara
-from solara.alias import rv
 
 
 @solara.component
@@ -41,24 +40,23 @@ def Page():
 
     solara.use_thread(run_timer, dependencies=[duration, running])
 
-    with solara.VBox() as main:
-        if not running:
-            if duration < 1:
-                solara.Error("Duration must be at least 1 second")
-            else:
-                solara.Markdown(f"# Timer set to {seconds} seconds")
+    if not running:
+        if duration < 1:
+            solara.Error("Duration must be at least 1 second")
         else:
-            if seconds:
-                solara.Markdown(f"# {seconds} seconds left")
-            else:
-                solara.solara.Markdown("# Time's up!")
-        rv.TextField(type="number", v_model=duration, on_v_model=on_duration, disabled=running)
-        with solara.HBox():
-            if running:
-                solara.Button("Stop", on_click=lambda: set_running(False), icon_name="mdi-stop")
+            solara.Markdown(f"# Timer set to {seconds} seconds")
+    else:
+        if seconds:
+            solara.Markdown(f"# {seconds} seconds left")
+        else:
+            solara.solara.Markdown("# Time's up!")
+
+    solara.v.TextField(type="number", v_model=duration, on_v_model=on_duration, disabled=running)
+    with solara.Row():
+        if running:
+            solara.Button("Stop", on_click=lambda: set_running(False), icon_name="mdi-stop")
+        else:
+            if duration != seconds:
+                solara.Button("Reset", on_click=lambda: set_seconds(duration), icon_name="mdi-restart")
             else:
-                if duration != seconds:
-                    solara.Button("Reset", on_click=lambda: set_seconds(duration), icon_name="mdi-restart")
-                else:
-                    solara.Button("Start", on_click=lambda: set_running(True), icon_name="mdi-play", disabled=seconds < 1)
-    return main
+                solara.Button("Start", on_click=lambda: set_running(True), icon_name="mdi-play", disabled=seconds < 1)

solara/website/pages/documentation/examples/visualization/annotator.py

@@ -45,9 +45,7 @@ def Page():
     fig = go.FigureWidget(
         layout=go.Layout(
             showlegend=False,
-            autosize=False,
-            width=600,
-            height=600,
+            autosize=True,
             dragmode="drawrect",
             modebar={
                 "add": [

solara/website/pages/documentation/examples/visualization/linked_views.py

@@ -49,8 +49,8 @@ def ClickScatter(df, x, y, color, click_row, on_click: Callable[[ClickPoint], No
         click_y = df[y].values[click_row]
         fig.add_trace(px.scatter(x=[click_x], y=[click_y], text=["⭐️"]).data[0])
     # make the figure a bit smaller
-    fig.update_layout(width=400)
-    with solara.VBox() as main:
+    fig.update_layout(width=340)
+    with solara.Column(style={"width": "340px"}) as main:
         solara.FigurePlotly(fig, on_click=on_click_trace)
         solara.Select(label="X-axis", value=x, values=columns, on_value=set_x)
         solara.Select(label="Y-axis", value=y, values=columns, on_value=set_y)
@@ -65,8 +65,8 @@ def Page():
     else:
         clicked_row = None
 
-    with solara.VBox() as main:
-        with solara.HBox():
+    with solara.Column() as main:
+        with solara.Row(justify="center", style={"flex-wrap": "wrap"}):
             ClickScatter(df, "sepal_length", "sepal_width", "species", clicked_row, on_click=set_click_point)
             ClickScatter(df, "petal_length", "petal_width", "species", clicked_row, on_click=set_click_point)
         if click_point is not None:

solara/website/pages/documentation/getting_started/content/00-quickstart.md

@@ -87,3 +87,21 @@ In case you forgot how to start a notebook server:
 Or the more modern Jupyter lab:
 
     $ jupyter lab
+
+
+## Run as app (experimental)
+
+You can also run the script as a standalone app. This requires the extra packages `qtpy` and `PySide6` (or `PyQt6`) to be installed.
+
+```bash
+$ pip install pip install qtpy PySide6
+```
+
+Run from the command line in the same directory where you put your file (`sol.py`):
+
+```bash
+$ solara run sol.py --qt
+```
+
+
+<img src="https://dxhl76zpt6fap.cloudfront.net/public/solara-quickstart-app.webp" alt="Markdown Monster icon"/>

solara/website/pages/documentation/getting_started/content/04-tutorials/_jupyter_dashboard_1.ipynb

@@ -35,7 +35,7 @@
     "\n",
     "We will use a subsample of the [San Fanfrisco crime dataset](https://www.kaggle.com/competitions/sf-crime/data) which contains information on types of crimes and where they were committed.\n",
     "\n",
-    "[Download the CSV file](https://raw.githubusercontent.com/widgetti/solara/master/solara/website/pages/docs/content/04-tutorial/SF_crime_sample.csv.gz) if you want to run this locally, or let the code below sort it out."
+    "[Download the CSV file](https://github.com/widgetti/solara/raw/master/solara/website/pages/documentation/getting_started/content/04-tutorials/SF_crime_sample.csv.gz) if you want to run this locally, or let the code below sort it out."
    ]
   },
   {
@@ -350,7 +350,7 @@
     "\n",
     "ROOT = Path(solara.__file__).parent / \"website\" / \"pages\" / \"docs\" / \"content\" / \"04-tutorial\"\n",
     "path = ROOT / Path(\"SF_crime_sample.csv.gz\")\n",
-    "url = \"https://raw.githubusercontent.com/widgetti/solara/master/solara/website/pages/docs/content/04-tutorial/SF_crime_sample.csv\"\n",
+    "url = \"https://github.com/widgetti/solara/raw/master/solara/website/pages/documentation/getting_started/content/04-tutorials/SF_crime_sample.csv.gz\"\n",
     "\n",
     "if path.exists():\n",
     "    df_crime = pd.read_csv(path)\n",