solara 1.30.0__py2.py3-none-any.whl → 1.31.0__py2.py3-none-any.whl

solara/website/pages/showcase/solarathon_2023_team_2.py

@@ -1,22 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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

@@ -1,34 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

@@ -1,6 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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

@@ -1 +0,0 @@
-<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

@@ -1,3 +0,0 @@
-<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

@@ -1,25 +0,0 @@
-<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>

solara/website/templates/index.html.j2

@@ -1,117 +0,0 @@
-{% extends "solara.html.j2" %}
-{% block header %}
-    {% if production %}
-    <link rel="canonical" href="https://solara.dev{{path}}">
-    {% endif %}
-    {#
-    <!-- not using this right now, leaving it here for reference -->
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=Inter:wght@700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
-    #}
-
-    <link rel="stylesheet" href="/_solara/cdn/@docsearch/css@3/dist/style.css" />
-    <script src="/_solara/cdn/@docsearch/js@3"></script>
-
-    <!-- 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 -->
-
-    {{ super() }}
-{% endblock %}
-
-{% block after_pre_rendered_html %}
-    {{ super() }}
-
-    <!-- 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) -->
-
-    <style id="algolia">
-    .DocSearch-Button {
-        background-color: rgb(255, 238, 197);
-        color: #182026;
-    }
-
-    .theme--dark .DocSearch-Button {
-        background-color: #26273D;
-        color: hsla(0,0%,100%,.7);
-    }
-
-    .DocSearch-Button:hover {
-        background-color: rgba(150,150,200,0.15);
-    }
-
-    .theme--dark .DocSearch-Button:hover {
-        background-color: rgba(255, 255, 255, 0.15);
-    }
-
-    .DocSearch-Button .DocSearch-Search-Icon {
-        color: #26273D;
-    }
-
-    .theme--dark .DocSearch-Button .DocSearch-Search-Icon {
-        color: #ff991f;
-    }
-    </style>
-
-    <script>
-        function solaraAlgoliaInit({appId, apiKey, indexName, debug}) {
-            const otherClick = (event) => event.button === 1 || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey
-            docsearch({
-                container: '#docsearch',
-                appId: "9KW9L7O5EQ",
-                apiKey: "ef7495102afff1e16d1b7cf6ec2ab2d0",
-                indexName: "solara",
-                debug: debug,
-                hitComponent: ({ hit, children }) => {
-                    // react without the React library
-                    return {
-                        type: 'a',
-                        constructor: undefined,
-                        __v: 1,
-                        props: {
-                            href: hit.url,
-                            children,
-                            onClick: (event) => {
-                                if (otherClick(event)) { return }
-                                event.preventDefault()
-                                let url = hit.url;
-                                if (url.startsWith('https://solara.dev')) {
-                                    url = url.substring(18);
-                                }
-                                solara.router.push(url)
-                            }
-                        }
-                    }
-                },
-
-                navigator: {
-                    navigate({ itemUrl }) {
-                        if (itemUrl.startsWith('https://solara.dev')) {
-                            itemUrl = itemUrl.substring(18);
-                        }
-                        solara.router.push(itemUrl);
-                    },
-                },
-            });
-        }
-        if(document.getElementById('docsearch')) {
-            solaraAlgoliaInit({
-                appId: "9KW9L7O5EQ",
-                apiKey: "ef7495102afff1e16d1b7cf6ec2ab2d0",
-                indexName: "solara",
-                debug: false,
-            });
-        }
-    </script>
-    <!-- MailChimp -->
-    <link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
-    <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
-{% endblock %}
-```

solara/website/utils.py

@@ -1,51 +0,0 @@
-import inspect
-import textwrap
-
-
-def sig(f):
-    lines = inspect.getsourcelines(f)[0]
-    end = [k.endswith(":\n") for k in lines].index(True)
-    lines = lines[: end + 1]
-    return "".join(lines)
-
-
-def code(f):
-    lines = inspect.getsourcelines(f)[0]
-    def_end = [k.endswith(":\n") for k in lines].index(True)
-    doc_lines = len(f.__doc__.split("\n"))
-    lines = lines[: def_end + 1] + lines[def_end + 1 + doc_lines :]
-
-    return "".join(lines)
-
-
-def apidoc(f, full=False):
-    if not f.__doc__:
-        return "no docstring"
-
-    doclines = f.__doc__.split("\n")
-    first = doclines[0].strip()
-    rest = "\n".join(doclines[1:])  # .strip()
-    if full:
-        return f"""
-{first}
-
-```python
-{code(f)}
-    ...
-```
-
-
-{textwrap.dedent(rest)}
-"""
-    else:
-        return f"""
-{first}
-
-```python
-{sig(f)}
-    ...
-```
-
-
-{textwrap.dedent(rest)}
-"""

solara/widgets/__init__.py

@@ -1 +0,0 @@
-from .widgets import *  # noqa: F401, F403

solara/widgets/vue/gridlayout.vue

@@ -1,110 +0,0 @@
-<template>
-  <div>
-    <div v-if="gridlayout_loaded" style="padding: 0px; width: 100%;">
-       <grid-layout
-            :layout.sync="grid_layout"
-            :col-num="12"
-            :row-height="30"
-            :is-draggable="draggable"
-            :is-resizable="resizable"
-            :is-mirrored="false"
-            :vertical-compact="true"
-            :margin="[10, 10]"
-            :use-css-transforms="true"
-    >
-
-        <grid-item v-for="item in grid_layout"
-                   :x="item.x"
-                   :y="item.y"
-                   :w="item.w"
-                   :h="item.h"
-                   :i="item.i"
-                   :key="item.i"
-                   @resized="resizedEvent">
-            <div v-if="!items[item.i]">
-              placeholder: {{item.i}}
-            </div>
-            <div v-if="items[item.i]">
-              <jupyter-widget :widget="items[item.i]" :key="'child_' + item.i"></jupyter-widget>
-            </div>
-        </grid-item>
-    </grid-layout>
-
-    </div>
-  </div>
-</template>
-
-<script>
-module.exports = {
-    async created() {
-      this.gridlayout_loaded = false
-
-      const {GridLayout, GridItem} = (await this.import([`${this.getCdn()}/@widgetti/vue-grid-layout@2.3.13-alpha.2/dist/vue-grid-layout.umd.js`]))[0]
-      this.$options.components['grid-item'] = GridItem;
-      this.$options.components['grid-layout'] = GridLayout;
-      this.gridlayout_loaded = true;
-    },
-    methods: {
-        resizedEvent(i, newH, newW, newHPx, newWPx) {
-          // this will cause bqplot to layout itself
-          window.dispatchEvent(new Event('resize'));
-        },
-        import(deps) {
-          return this.loadRequire().then(
-            () => {
-              if(window.jupyterVue) {
-                // in jupyterlab, we take Vue from ipyvue/jupyterVue
-                define("vue", [], () => window.jupyterVue.Vue);
-              } else {
-                define("vue", ['jupyter-vue'], jupyterVue => jupyterVue.Vue);
-              }
-              return new Promise((resolve, reject) => {
-                requirejs(deps, (...modules) => resolve(modules));
-              })
-            }
-          );
-        },
-        loadRequire() {
-          /* Needed in lab */
-          if (window.requirejs) {
-              console.log('require found');
-              return Promise.resolve()
-          }
-          return new Promise((resolve, reject) => {
-            const script = document.createElement('script');
-            script.src = `${this.getCdn()}/requirejs@2.3.6/require.js`;
-            script.onload = resolve;
-            script.onerror = reject;
-            document.head.appendChild(script);
-          });
-        },
-        getBaseUrl() {
-          if (window.solara && window.solara.rootPath !== undefined) {
-                return solara.rootPath + "/";
-          }
-          if (document.getElementsByTagName("base").length) {
-            return "./";
-          }
-          const labConfigData = document.getElementById('jupyter-config-data');
-          if(labConfigData) {
-            /* lab and Voila */
-            return JSON.parse(labConfigData.textContent).baseUrl;
-          }
-          let base = document.body.dataset.baseUrl || document.baseURI;
-          if(!base.endsWith('/')) {
-            base += '/';
-          }
-          return base
-        },
-        getCdn() {
-          return (typeof solara_cdn !== "undefined" && solara_cdn) || `${this.getBaseUrl()}_solara/cdn`;
-        },
-    }
-}
-</script>
-
-<style id="grid_layout">
-.vue-grid-item > div {
-  height: 100%;
-}
-</style>

solara/widgets/vue/html.vue

@@ -1,4 +0,0 @@
-<template>
-    <component :is="tag" v-bind="attributes" v-html="unsafe_innerHTML">
-    </component>
-</template>

solara/widgets/vue/navigator.vue

@@ -1,104 +0,0 @@
-<template>
-  <span></span>
-</template>
-​
-<script>
-modules.export = {
-  created() {
-    history.scrollRestoration = "manual";
-    if (!window.solara) {
-      window.solara = {};
-    }
-    if (!window.solara.router) {
-      window.solara.router = {};
-    }
-    window.solara.router.push = (href) => {
-      console.log("external router push", href);
-      // take of the anchor
-      if (href.indexOf("#") !== -1) {
-        href = href.slice(0, href.indexOf("#"));
-      }
-      this.location = href;
-    };
-    let location = window.location.pathname.slice(solara.rootPath.length);
-    // take of the anchor
-    if (location.indexOf("#") !== -1) {
-      location = location.slice(0, location.indexOf("#"));
-    }
-    this.location = location + window.location.search;
-    window.addEventListener("popstate", this.onPopState);
-    window.addEventListener("scroll", this.onScroll);
-  },
-  destroyed() {
-    window.removeEventListener("popstate", this.onPopState);
-    window.removeEventListener("scroll", this.onScroll);
-  },
-  methods: {
-    onScroll() {
-      window.history.replaceState(
-        { top: document.documentElement.scrollTop },
-        null,
-        solara.rootPath + this.location
-      );
-    },
-    onPopState(event) {
-      console.log("pop state!", event.state, window.location.href);
-      if (!window.location.pathname.startsWith(solara.rootPath)) {
-        throw `window.location.pathname = ${window.location.pathname}, but it should start with the solara.rootPath = ${solara.rootPath}`;
-      }
-      let newLocation = window.location.pathname.slice(solara.rootPath.length);
-      // the router/server shouldn't care about the hash, that's for the frontend
-      if (newLocation.indexOf("#") !== -1) {
-        newLocation = newLocation.slice(0, newLocation.indexOf("#"));
-      }
-      this.location = newLocation + window.location.search;
-      if (event.state) {
-        const top = event.state.top;
-        /*
-        // we'd like to restore the scroll position, but we do not know when yet
-        // maybe we will have a life cycle hook for this in the future
-        setTimeout(() => {
-          document.documentElement.scrollTop = top;
-        }, 500);
-        */
-      }
-    },
-  },
-  watch: {
-    location(value) {
-      console.log("changed", this.location, value);
-      const newUrl = new URL(value, window.location);
-      if(newUrl.origin != window.location.origin) {
-        // external navigation
-        window.location = newUrl;
-        return
-      }
-      const pathnameNew = newUrl.pathname
-      const pathnameOld = window.location.pathname
-      // if we use the back navigation, this watch will trigger,
-      // but we don't want to push the history
-      // otherwise we cannot go forward
-      if (!window.location.pathname.startsWith(solara.rootPath)) {
-        throw `window.location.pathname = ${window.location.pathname}, but it should start with the solara.rootPath = ${solara.rootPath}`;
-      }
-      const oldLocation = window.location.pathname.slice(solara.rootPath.length) + window.location.search;
-      console.log(
-        "location changed",
-        oldLocation,
-        this.location,
-        document.documentElement.scrollTop
-      );
-      if (oldLocation != this.location) {
-        window.history.pushState({ top: 0 }, null, solara.rootPath + this.location);
-        if (pathnameNew != pathnameOld) {
-          // we scroll to the top only when we change page, not when we change
-          // the search string
-          window.scrollTo(0, 0);
-        }
-        const event = new Event('solara.router');
-        window.dispatchEvent(event);
-      }
-    },
-  },
-};
-</script>