solara-ui 1.31.0__py2.py3-none-any.whl

solara/website/pages/documentation/getting_started/content/07-deploying/20-cloud-hosted.md

@@ -0,0 +1,80 @@
+---
+title: Hosting your Solara app on the cloud
+description: Solara apps can be easily hosted either through our service, or via Ploomber cloud.
+---
+# Cloud hosted
+
+## Integrated solution (in development)
+
+Are you interested in a cloud hosted solution?
+
+```bash
+$ solara deploy
+...
+Your app is live on awesomeapp-mystartup-gh.solara.run
+```
+
+Sign up for our waiting list to get early access.
+
+<!-- Begin Mailchimp Signup Form -->
+<link href="//cdn-images.mailchimp.com/embedcode/classic-071822.css" rel="stylesheet" type="text/css">
+<style type="text/css">
+	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;  width:600px;}
+	/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
+	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
+</style>
+<div id="mc_embed_signup">
+    <form action="https://gmail.us13.list-manage.com/subscribe/post?u=1dcdd74de47214edace5b6f49&amp;id=c60b5def86&amp;f_id=00f4c1e2f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+        <div id="mc_embed_signup_scroll">
+        <h2>Sign up for our waiting list</h2>
+        <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
+<div class="mc-field-group">
+	<label for="mce-EMAIL">Email Address  <span class="asterisk">*</span>
+</label>
+	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" required>
+	<span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span>
+</div>
+<div class="mc-field-group">
+	<label for="mce-FNAME">First Name </label>
+	<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
+	<span id="mce-FNAME-HELPERTEXT" class="helper_text"></span>
+</div>
+<div class="mc-field-group">
+	<label for="mce-LNAME">Last Name </label>
+	<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
+	<span id="mce-LNAME-HELPERTEXT" class="helper_text"></span>
+</div>
+<div class="mc-field-group">
+	<label for="mce-COMPANY">Company </label>
+	<input type="text" value="" name="COMPANY" class="" id="mce-COMPANY">
+	<span id="mce-COMPANY-HELPERTEXT" class="helper_text"></span>
+</div>
+
+<div class="mc-field-group">
+	<label for="mce-WHYCLOUD">Why are you interested in a cloud hosted solution? </label>
+	<input type="text" value="" name="WHYCLOUD" class="" id="mce-WHYCLOUD">
+	<span id="mce-WHYCLOUD-HELPERTEXT" class="helper_text"></span>
+</div>
+
+<div id="mce-responses" class="clear foot">
+    <div class="response" id="mce-error-response" style="display:none"></div>
+    <div class="response" id="mce-success-response" style="display:none"></div>
+</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_1dcdd74de47214edace5b6f49_c60b5def86" tabindex="-1" value=""></div>
+    <div class="optionalParent">
+        <div class="clear foot">
+            <input type="submit" value="Sign up" name="subscribe" id="mc-embedded-subscribe" class="button">
+        </div>
+    </div>
+</div>
+</form>
+</div>
+<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';fnames[6]='USECASE';ftypes[6]='text';fnames[7]='COMPANY';ftypes[7]='text';fnames[8]='POSITION';ftypes[8]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
+<!--End mc_embed_signup-->
+
+
+## Ploomber Cloud
+
+You can use [Ploomber Cloud](https://www.platform.ploomber.io) to deploy Solara apps for free (no credit card required).
+
+To learn more, check out their [documentation.](https://docs.cloud.ploomber.io/en/latest/apps/solara.html)

solara/website/pages/documentation/getting_started/content/80-what-is-lab.md

@@ -0,0 +1,7 @@
+---
+title: What is Solara.lab?
+description: Solara lab is a subpackage in solara containing Components, hooks and parts of Solara that are slightly experimental.
+---
+# What is Solara lab?
+
+Solara lab is a subpackage in solara containing Components, hooks and parts of Solara that are slightly experimental.

solara/website/pages/documentation/getting_started/content/90-troubleshoot.md

@@ -0,0 +1,26 @@
+---
+title: Troubleshoot issues with your Solara application
+description: It is common to run into some issues when developing your application. See here for best practices for troubleshooting anything you run into.
+---
+# Troubleshoot
+
+## Issues in Jupyter
+
+The most common issue in the Jupyter notebook, or Jupyter Lab happens when the notebook server and the kernel do not share the same Python environment. When you install solara via the notebook (e.g. `!pip install solara`), it will install the ipyvue and ipyvuetify libraries, two of its dependencies. These libraries will get installed in the Python environment of your Python kernel.
+
+If your Jupyter notebook or Jupyter Lab server runs in a different Python environment, your browser will not load the Javascript libraries it needs to. In order to get the server to provide these libraries to your browser, we also need to install ipyvue and ipyvuetify in the Python environment of your server.
+
+For instance, running the following in AWS SageMaker, will give you information about the Python environment of the kernel.
+
+```python
+>>> import sys
+>>> sys.executable
+'/home/ec2-user/anaconda3/envs/python3/bin/python'
+```
+
+While if we inspect the output of `!ps aux | grep jupyter`, we see that the notebook server is using the Python executable at `/home/ec2-user/anaconda3/envs/JupyterSystemEnv/bin/python3.7`.
+
+The solution is to run `!/home/ec2-user/anaconda3/envs/JupyterSystemEnv/bin/python3.7 -m pip install ipyvue ipyvuetify`, and refresh your browser.
+
+The function `solara.check_jupyter()` will perform these checks for you and tell you what to do. However, if it fails and you
+end up in this documentation, we should try to improve it by opening an [Issue on GitHub](https://github.com/widgetti/solara/issues/new).

solara/website/pages/docutils.py

@@ -0,0 +1,38 @@
+import inspect
+
+import solara
+from solara.alias import rw
+from solara.components import Markdown
+
+
+@solara.component
+def Sample(code, component):
+    locals = globals().copy()
+    exec(code, locals)
+    c = locals[component]
+    with rw.VBox() as main:
+        Markdown(
+            f"""
+```python
+{code}
+```
+"""
+        )
+        c()
+    return main
+
+
+@solara.component
+def IncludeComponent(component, pre="", highlight=[], **kwargs):
+    code = inspect.getsource(component.f)
+    with rw.VBox(layout={"padding": "20px", "max_width": "1024px", "border": "1px #333 solid"}) as main:
+        Markdown(
+            f"""
+```python
+{pre}{code}
+```
+""",
+            highlight=highlight,
+        )
+        component(**kwargs)
+    return main

solara/website/pages/showcase/__init__.py

@@ -0,0 +1,105 @@
+import solara
+
+title = "Showcase"
+
+
+@solara.component
+def Page():
+    with solara.ColumnsResponsive(12, medium=6):
+        with solara.Card("Wanderlust", style={"height": "100%"}):
+            solara.Markdown(
+                """
+            [Wanderlust](/showcase/wanderlust) is a reproduction of the travel assistant demo shown at the
+            [OpenAI DevDay](https://devday.openai.com/) 2023, built using Solara and the OpenAI Assistants API.
+            """
+            )
+            with solara.Link("./wanderlust"):
+                solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/wanderlust/thumbnail.png", width="100%")
+            with solara.v.Html(tag="a", attributes={"href": "https://github.com/widgetti/wanderlust", "target": "_blank"}):
+                with solara.Row(style={"min-height": "24px"}):
+                    solara.v.Icon(children=["mdi-github-circle"], x_large=True, class_="mr-2")
+
+        with solara.Card("Domino Code Assist", style={"height": "100%"}):
+            solara.Markdown(
+                """
+            Domino Code Assist (DCA) is a tool developed for Domino Data Lab which provides a simple, intuitive point-and-click interface for generating
+            Python or R code.
+            """
+            )
+            with solara.Link("./domino_code_assist"):
+                solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/lca/thumbnail.png", width="100%")
+
+        with solara.Card("TESSA", style={"height": "100%"}):
+            solara.Markdown(
+                """
+            [TESSA](https://planeto-energy.ch/solution/) is a tool developed by Planeto for district heating & cooling planning.
+            """
+            )
+            with solara.Link("./planeto_tessa"):
+                solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/tessa/thumbnail.png", width="100%")
+
+        with solara.Card("Bulk labeling", style={"height": "100%"}):
+            solara.Markdown(
+                """
+            [Bulk labeling](https://github.com/Ben-Epstein/solara-examples/tree/main/bulk-labeling)
+            is a tool developed by Ben Epstein for labeling data in bulk."""
+            )
+            from solara.alias import rv
+
+            img = "https://avatars.githubusercontent.com/u/22605641?v=4"
+            with rv.Html(tag="a", attributes={"href": "https://github.com/Ben-Epstein/solara-examples/tree/main/bulk-labeling", "target": "_blank"}):
+                solara.Image("https://user-images.githubusercontent.com/1765949/237517090-8f7242b1-3189-4c5b-abd3-0f0986292ade.png", width="100%")
+            with rv.Html(tag="a", attributes={"href": "https://github.com/Ben-Epstein/", "target": "_blank"}):
+                with rv.ListItem(class_="grow"):
+                    with rv.ListItemAvatar(color="grey darken-3"):
+                        rv.Img(
+                            class_="elevation-6",
+                            src=img,
+                        )
+
+        with solara.Card("solara.dev", style={"height": "100%"}):
+            solara.Markdown(
+                """
+            The Solara.dev website is built using Solara itself, showcasing the library's features and capabilities.
+            All documentation and example are on this page.
+            """
+            )
+            with solara.Link("./solara_dev"):
+                solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/solara/thumbnail.png", width="100%")
+
+    solara.HTML(tag="h1", unsafe_innerHTML="Solarathon 2023")
+    solara.Markdown(
+        """
+                    In November 2023, we hosted the first Solarathon, a two-week hackathon,
+                    during which participants built projects using Solara, and deployed them to [Ploomber](https://ploomber.io/).
+                    The event was a great success, and we are looking forward to hosting more Solarathons in the future.
+                    The projects built during the event are showcased below."""
+    )
+    with solara.ColumnsResponsive(12, medium=6):
+        with solara.Card("Team 2: Travel Assistant", style={"height": "100%"}):
+            with solara.Link("./solarathon_2023_team_2"):
+                solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/solarathon_2023_team_2/thumbnail.png", width="100%")
+            with solara.v.Html(tag="a", attributes={"href": "https://github.com/alonsosilvaallende/solarathon", "target": "_blank"}):
+                with solara.Row(style={"min-height": "24px"}):
+                    solara.v.Icon(children=["mdi-github-circle"], x_large=True, class_="mr-2")
+
+        with solara.Card("Team 4: Live Cryptocurrency Dashboard", style={"height": "100%"}):
+            with solara.Link("./solarathon_2023_team_4"):
+                solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/solarathon_2023_team_4/thumbnail.png", width="100%")
+            with solara.v.Html(tag="a", attributes={"href": "https://github.com/theeldermillenial/solarathon", "target": "_blank"}):
+                with solara.Row(style={"min-height": "24px"}):
+                    solara.v.Icon(children=["mdi-github-circle"], x_large=True, class_="mr-2")
+
+        with solara.Card("Team 5: Sports Video Analysis", style={"height": "100%"}):
+            with solara.Link("./solarathon_2023_team_5"):
+                solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/solarathon_2023_team_5/thumbnail.png", width="100%")
+            with solara.v.Html(tag="a", attributes={"href": "https://github.com/FelipeCabelloE/solarathon-team5/", "target": "_blank"}):
+                with solara.Row(style={"min-height": "24px"}):
+                    solara.v.Icon(children=["mdi-github-circle"], x_large=True, class_="mr-2")
+
+        with solara.Card("Team 6: Automatic FAQ Creator", style={"height": "100%"}):
+            with solara.Link("./solarathon_2023_team_6"):
+                solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/solarathon_2023_team_6/thumbnail.png", width="100%")
+            with solara.v.Html(tag="a", attributes={"href": "https://github.com/silvhua/solarathon-faq-creator", "target": "_blank"}):
+                with solara.Row(style={"min-height": "24px"}):
+                    solara.v.Icon(children=["mdi-github-circle"], x_large=True, class_="mr-2")

solara/website/pages/showcase/domino_code_assist.py

@@ -0,0 +1,60 @@
+import solara
+
+
+@solara.component
+def Page():
+    with solara.Link("/showcase"):
+        solara.Text("« Back to Showcases")
+    with solara.ColumnsResponsive(12, medium=6):
+        solara.Markdown(
+            """
+        # Domino code assist
+
+        [Domino Code Assist](https://www.dominodatalab.com/product/code-assist) (DCA) is a tool developed for [Domino Data Lab](https://www.dominodatalab.com/)
+        which provides a simple, intuitive point-and-click interface for generating Python or R code.
+        DCA uses many of the solara components to render the UI in the classical notebook and lab. Solara server is used to serve data apps.
+
+        Domino code assist is deeply integrated in the Jupyter notebook.
+        """
+        )
+        solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/lca/load-data-lab.png", width="100%", classes=["pt-12"])
+
+    with solara.ColumnsResponsive(12, medium=6):
+        solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/lca/viz.png", width="100%", classes=["pt-12"])
+        solara.Markdown(
+            """
+        # Sophisticated UIs
+
+        Using Solara, we can build sophisticated UIs that are easy to use, intuitive
+        and have a modern look and feel.
+
+        """
+        )
+
+    with solara.ColumnsResponsive(12, medium=6):
+        solara.Markdown(
+            """
+        # Making apps.
+
+        Using Solara we could build an "What You See Is What You Get" app designer.
+        All solara components look and feel the same in the notebook and in the deployed app.
+
+        """
+        )
+        solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/lca/app-design.png", width="100%", classes=["pt-12"])
+
+    with solara.ColumnsResponsive(12, medium=6):
+        solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/lca/app-deployed.png", width="100%", classes=["pt-12"])
+        solara.Markdown(
+            """
+
+            # App deploying
+
+            To deploy apps we use [solara server](/documentation/advanced/understanding/solara-server) which can
+            render the same UI as in the notebook, but now sharable with non-technical users.
+
+            Many users have deployed apps at Domino using Solara with
+            a single click.
+
+            """
+        )

solara/website/pages/showcase/planeto_tessa.py

@@ -0,0 +1,19 @@
+import solara
+
+
+@solara.component
+def Page():
+    with solara.Link("/showcase"):
+        solara.Text("« Back to Showcases")
+    with solara.ColumnsResponsive(12, medium=6):
+        solara.Markdown(
+            """
+        # TESSA by Planeto
+
+        [Planeto](https://planeto-energy.ch/) developed a tool called [TESSA](https://planeto-energy.ch/solution/) for district heating & cooling planning.
+
+        TESSA was prototyped in the Jupyter notebook using ipywidgets. Using solara, they are able to bring TESSA into production using the
+        same technology stack.
+        """
+        )
+        solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/tessa/thumbnail.png", width="100%", classes=["pt-12"])

solara/website/pages/showcase/solara_dev.py

@@ -0,0 +1,54 @@
+import solara
+
+
+@solara.component
+def Page():
+    with solara.Link("/showcase"):
+        solara.Text("« Back to Showcases")
+    with solara.ColumnsResponsive(12, medium=6):
+        solara.Markdown(
+            """
+        # Solara.dev
+
+        The Solara.dev website is built using Solara itself, showcasing the library's features and capabilities.
+        All documentation and example are on this website.
+        """
+        )
+
+    with solara.ColumnsResponsive(12, medium=6):
+        solara.Markdown(
+            """
+        ## Desktop and mobile
+
+        Solara.dev is designed to be responsive, working seamlessly on both desktop and mobile devices.
+        On smaller screens, the top navigation bar is replaced with a drawer for easy navigation.
+        The [`ColumnsResponsive`](/documentation/components/layout/columns_responsive) component can be used to create responsive content layouts.
+
+        """
+        )
+        solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/solara/home-mobile.png", width="100%", classes=["pt-12"])
+
+    with solara.ColumnsResponsive(12, medium=6):
+        solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/solara/docs.png", width="100%")
+        solara.Markdown(
+            """
+## Multi-page
+
+The website is composed of multiple pages, illustrating how users can navigate between the home page, documentation, and tutorial sections.
+
+        """
+        )
+
+    with solara.ColumnsResponsive(12, medium=6):
+        solara.Markdown(
+            """
+            ## Markdown support
+
+            Solara supports the use of Markdown for creating dynamic and static content.
+            This makes it possible to combine Python-generated pages with static Markdown pages in a single website.
+            Hot reloading ensures that the page is automatically updated whenever changes are made to the Markdown files.
+
+
+        """
+        )
+        solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/solara/vscode-markdown.png", width="100%")

solara/website/pages/showcase/solarathon_2023_team_2.py

@@ -0,0 +1,22 @@
+import solara
+
+
+@solara.component
+def Page():
+    with solara.Link("/showcase"):
+        solara.Text("« Back to Showcases")
+    with solara.ColumnsResponsive(12, medium=6):
+        with solara.Column(align="end", style={"height": "100%", "justify-content": "center"}):
+            solara.Markdown(
+                """
+                Team 2 built a travel assistant, which utilized various third party APIs to display rich information about the desired destination
+                during the dates selected for a visit. The assistant also provided a list of recommended activities, and a map of the area.
+
+                Take a look at the project on [Ploomber](https://jolly-moon-5966.ploomberapp.io/)
+                """
+            )
+        with solara.v.Html(tag="video", attributes={"controls": "controls", "autoplay": "autoplay"}, style_="width:100%;"):
+            solara.v.Html(
+                tag="source",
+                attributes={"src": "https://dxhl76zpt6fap.cloudfront.net/public/showcase/solarathon_2023_team_2/preview.webm", "type": "video/webm"},
+            )

solara/website/pages/showcase/solarathon_2023_team_4.py

@@ -0,0 +1,22 @@
+import solara
+
+
+@solara.component
+def Page():
+    with solara.Link("/showcase"):
+        solara.Text("« Back to Showcases")
+    with solara.ColumnsResponsive(12, medium=6):
+        with solara.Column(align="end", style={"height": "100%", "justify-content": "center"}):
+            solara.Markdown(
+                """
+                    Team 4 built a live cryptocurrency dashboard, which displayed the latest prices for various cryptocurrencies, and versatile
+                    analysis tools to help users make informed decisions.
+
+                    Note: The dashboard is no longer live on Ploomber, but you can see a preview of it in the video, or run it by cloning the GitHub repository.
+                """
+            )
+        with solara.v.Html(tag="video", attributes={"controls": "controls", "autoplay": "autoplay"}, style_="width:100%;"):
+            solara.v.Html(
+                tag="source",
+                attributes={"src": "https://dxhl76zpt6fap.cloudfront.net/public/showcase/solarathon_2023_team_4/preview.webm", "type": "video/webm"},
+            )

solara/website/pages/showcase/solarathon_2023_team_5.py

@@ -0,0 +1,23 @@
+import solara
+
+
+@solara.component
+def Page():
+    with solara.Link("/showcase"):
+        solara.Text("« Back to Showcases")
+    with solara.ColumnsResponsive(12, medium=6):
+        with solara.Column(align="end", style={"height": "100%", "justify-content": "center"}):
+            solara.Markdown(
+                """
+                    Team 5 built a tool for analyzing sports videos, which allows users to select or upload a video, and then analyse it using
+                    point tracking, and object recognition. Because of the nature of the project, adding further analysis tools is very easy.
+
+                    Note: The dashboard is no longer live on Ploomber, but you can see a preview of it in the video, or run it through
+                    [GitHub](https://github.com/FelipeCabelloE/solarathon-team5/), using CodeSpaces.
+                """
+            )
+        with solara.v.Html(tag="video", attributes={"controls": "controls", "autoplay": "autoplay"}, style_="width:100%;"):
+            solara.v.Html(
+                tag="source",
+                attributes={"src": "https://dxhl76zpt6fap.cloudfront.net/public/showcase/solarathon_2023_team_5/preview.webm", "type": "video/webm"},
+            )

solara/website/pages/showcase/solarathon_2023_team_6.py

@@ -0,0 +1,34 @@
+import solara
+
+
+@solara.component
+def Page():
+    with solara.Link("/showcase"):
+        solara.Text("« Back to Showcases")
+    with solara.ColumnsResponsive(12, medium=6):
+        with solara.Column(align="end", style={"height": "100%", "justify-content": "center"}):
+            solara.Markdown(
+                """
+                    Team 6 built an automatic FAQ creator, including a Discord bot, which crawls a Discord server, and creates a FAQ page
+                    based on the most frequently asked questions in the server. The Data is then fed through [Haystack](https://haystack.deepset.ai/),
+                    which summarizes and categorizes the questions, and provides answers to be displayed on the FAQ page.
+
+                    Take a look at the [GitHub Repository](https://github.com/silvhua/solarathon-faq-creator) for instructions on how to run the project.
+                """
+            )
+        with solara.v.Html(tag="video", attributes={"controls": "controls", "autoplay": "autoplay"}, style_="width:100%;"):
+            solara.v.Html(
+                tag="source",
+                attributes={"src": "https://dxhl76zpt6fap.cloudfront.net/public/showcase/solarathon_2023_team_6/preview.webm", "type": "video/webm"},
+            )
+
+    solara.Markdown(
+        """
+            ## Project Team Members
+            * [Simone Frisco](https://www.linkedin.com/in/simonefrisco/), Data Scientist
+            * [Silvia Hua](https://www.linkedin.com/in/silviahua), Data Scientist
+            * [Arunprasadh Senthil](https://www.linkedin.com/in/arun-prasadh-senthil/), Data Engineer
+            * [Janet Mardjuki](https://www.linkedin.com/in/jmardjuki/), Software Developer
+            * [Roman Gampert](https://www.linkedin.com/in/roman-gampert-5537b9126/), Product
+        """
+    )

solara/website/pages/showcase/wanderlust.py

@@ -0,0 +1,27 @@
+import solara
+
+
+@solara.component
+def Page():
+    with solara.Link("/showcase"):
+        solara.Text("« Back to Showcases")
+    with solara.ColumnsResponsive(12, medium=6):
+        with solara.Column(align="end", style={"height": "100%", "justify-content": "center"}):
+            solara.Markdown(
+                """
+                [Wanderlust](https://huggingface.co/spaces/solara-dev/wanderlust) is a reproduction of the travel assistant demo shown at the
+                [OpenAI DevDay](https://devday.openai.com/) 2023, built using Solara and the OpenAI Assistants API.
+
+                The sourcecode of the demo is available on [github](https://github.com/widgetti/wanderlust)
+                """
+            )
+        with solara.v.Html(tag="a", style_="width: 100%;", attributes={"href": "https://huggingface.co/spaces/solara-dev/wanderlust", "target": "_blank"}):
+            solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/wanderlust/thumbnail.png", width="100%")
+    with solara.ColumnsResponsive(12, medium=6):
+        with solara.v.Html(tag="a", style_="width: 100%;", attributes={"href": "https://huggingface.co/spaces/solara-dev/wanderlust", "target": "_blank"}):
+            solara.Image("https://dxhl76zpt6fap.cloudfront.net/public/showcase/wanderlust/assistant.png", width="100%")
+        with solara.Column(align="end", style={"height": "100%", "justify-content": "center"}):
+            solara.Markdown(
+                """Using the new [function calling feature](https://platform.openai.com/docs/guides/function-calling) of OpenAI Assistants, the
+                            assistant can annotate, move, and zoom the map to provide additional functionality"""
+            )

solara/website/public/logo.svg

@@ -0,0 +1,6 @@
+<svg width="17.055mm" height="17.055mm" version="1.1" viewBox="0 0 17.055 17.055" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(-20.456 15.688)" stroke-width=".26458">
+  <path d="m35.567-7.5814 1.1536-3.3787-3.3787-1.1536-1.5716-3.2041-3.2041 1.5743-3.3814-1.1562-1.1536 3.3787-3.2041 1.5743 1.5743 3.2041-1.1536 3.3787 3.3787 1.1536 1.5743 3.2067 3.2041-1.5743 3.3787 1.1536 1.1536-3.3787 3.2041-1.5743zm-0.75406 0.99219-5.2573 5.2573c-0.3175 0.3175-0.83079 0.3175-1.1483 0l-5.252-5.2546c-0.3175-0.3175-0.3175-0.83079 0-1.1456l5.2546-5.2573c0.3175-0.3175 0.83079-0.3175 1.1483 0l5.2573 5.2573c0.3175 0.3175 0.3175 0.83079 0 1.1456z" fill="#ffcf64"/>
+  <path d="m34.643-10.55-0.52123-3.5322-3.5322 0.52123-2.8681-2.1272-2.1272 2.8681-3.5322 0.52388 0.52123 3.5322-2.1272 2.8654 2.8681 2.1272 0.52123 3.5322 3.5322-0.52123 2.8681 2.1273 2.1272-2.8681 3.5322-0.52388-0.52123-3.5322 2.1272-2.8681-2.8681-2.1299zm-0.21696 1.2277-2.2648 7.0802c-0.13758 0.42598-0.59267 0.66146-1.0186 0.52652l-7.0802-2.2648c-0.42598-0.13494-0.66146-0.59267-0.52652-1.0186l2.2675-7.0802c0.13494-0.42598 0.59267-0.66146 1.0186-0.52652l7.0802 2.2648c0.42598 0.13494 0.66146 0.59267 0.52652 1.0186z" fill="#ff8c3e"/>
+ </g>
+</svg>

solara/website/public/social/discord.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><path fill="#fff" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg>

solara/website/public/social/github.svg

@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>

solara/website/public/social/twitter.svg

@@ -0,0 +1,3 @@
+<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/>
+</svg>

solara/website/public/success.html

@@ -0,0 +1,25 @@
+<html>
+<!-- Google Tag Manager -->
+<script>
+(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});
+    var f=d.getElementsByTagName(s)[0], j=d.createElement(s), dl=l!='dataLayer'?'&l='+l:'';
+    j.async=true;
+    j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
+    f.parentNode.insertBefore(j,f);
+    })(window,document,'script','dataLayer','GTM-KC98NKNL');
+</script>
+<!-- End Google Tag Manager -->
+
+<body>
+<!-- Google Tag Manager (noscript) -->
+<noscript>
+    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KC98NKNL"
+    height="0" width="0" style="display:none;visibility:hidden"></iframe>
+</noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+    Used to detect failed Jupyter and Solara installations.
+</body>
+
+</html>