solara-ui 1.45.0__py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- prefix/etc/jupyter/jupyter_notebook_config.d/solara.json +7 -0
- prefix/etc/jupyter/jupyter_server_config.d/solara.json +7 -0
- solara/__init__.py +124 -0
- solara/__main__.py +765 -0
- solara/_stores.py +297 -0
- solara/alias.py +6 -0
- solara/autorouting.py +555 -0
- solara/cache.py +305 -0
- solara/checks.html +71 -0
- solara/checks.py +227 -0
- solara/comm.py +28 -0
- solara/components/__init__.py +77 -0
- solara/components/alert.py +155 -0
- solara/components/applayout.py +397 -0
- solara/components/button.py +85 -0
- solara/components/card.py +87 -0
- solara/components/checkbox.py +50 -0
- solara/components/code_highlight_css.py +11 -0
- solara/components/code_highlight_css.vue +63 -0
- solara/components/columns.py +159 -0
- solara/components/component_vue.py +134 -0
- solara/components/cross_filter.py +335 -0
- solara/components/dataframe.py +546 -0
- solara/components/datatable.py +214 -0
- solara/components/datatable.vue +175 -0
- solara/components/details.py +56 -0
- solara/components/download.vue +35 -0
- solara/components/echarts.py +86 -0
- solara/components/echarts.vue +139 -0
- solara/components/figure_altair.py +39 -0
- solara/components/file_browser.py +181 -0
- solara/components/file_download.py +199 -0
- solara/components/file_drop.py +159 -0
- solara/components/file_drop.vue +83 -0
- solara/components/file_list_widget.vue +78 -0
- solara/components/head.py +27 -0
- solara/components/head_tag.py +49 -0
- solara/components/head_tag.vue +60 -0
- solara/components/image.py +173 -0
- solara/components/input.py +456 -0
- solara/components/input_text_area.py +86 -0
- solara/components/link.py +55 -0
- solara/components/markdown.py +441 -0
- solara/components/markdown_editor.py +33 -0
- solara/components/markdown_editor.vue +359 -0
- solara/components/matplotlib.py +74 -0
- solara/components/meta.py +47 -0
- solara/components/misc.py +333 -0
- solara/components/pivot_table.py +258 -0
- solara/components/pivot_table.vue +158 -0
- solara/components/progress.py +47 -0
- solara/components/select.py +182 -0
- solara/components/select.vue +27 -0
- solara/components/slider.py +442 -0
- solara/components/slider_date.vue +56 -0
- solara/components/spinner-solara.vue +105 -0
- solara/components/spinner.py +45 -0
- solara/components/sql_code.py +41 -0
- solara/components/sql_code.vue +125 -0
- solara/components/style.py +105 -0
- solara/components/switch.py +71 -0
- solara/components/tab_navigation.py +37 -0
- solara/components/title.py +90 -0
- solara/components/title.vue +38 -0
- solara/components/togglebuttons.py +200 -0
- solara/components/tooltip.py +61 -0
- solara/core.py +42 -0
- solara/datatypes.py +143 -0
- solara/express.py +241 -0
- solara/hooks/__init__.py +4 -0
- solara/hooks/dataframe.py +99 -0
- solara/hooks/misc.py +263 -0
- solara/hooks/use_reactive.py +151 -0
- solara/hooks/use_thread.py +129 -0
- solara/kitchensink.py +8 -0
- solara/lab/__init__.py +34 -0
- solara/lab/components/__init__.py +7 -0
- solara/lab/components/chat.py +215 -0
- solara/lab/components/confirmation_dialog.py +163 -0
- solara/lab/components/cross_filter.py +7 -0
- solara/lab/components/input_date.py +339 -0
- solara/lab/components/input_time.py +133 -0
- solara/lab/components/menu.py +181 -0
- solara/lab/components/menu.vue +38 -0
- solara/lab/components/tabs.py +274 -0
- solara/lab/components/theming.py +98 -0
- solara/lab/components/theming.vue +72 -0
- solara/lab/hooks/__init__.py +0 -0
- solara/lab/hooks/dataframe.py +2 -0
- solara/lab/toestand.py +3 -0
- solara/lab/utils/__init__.py +2 -0
- solara/lab/utils/cookies.py +5 -0
- solara/lab/utils/dataframe.py +165 -0
- solara/lab/utils/headers.py +5 -0
- solara/layout.py +44 -0
- solara/lifecycle.py +46 -0
- solara/minisettings.py +141 -0
- solara/py.typed +0 -0
- solara/reactive.py +99 -0
- solara/routing.py +268 -0
- solara/scope/__init__.py +88 -0
- solara/scope/types.py +55 -0
- solara/server/__init__.py +0 -0
- solara/server/app.py +527 -0
- solara/server/assets/custom.css +1 -0
- solara/server/assets/custom.js +1 -0
- solara/server/assets/favicon.png +0 -0
- solara/server/assets/favicon.svg +5 -0
- solara/server/assets/style.css +1681 -0
- solara/server/assets/theme-dark.css +437 -0
- solara/server/assets/theme-light.css +420 -0
- solara/server/assets/theme.js +3 -0
- solara/server/cdn_helper.py +91 -0
- solara/server/esm.py +71 -0
- solara/server/fastapi.py +5 -0
- solara/server/flask.py +297 -0
- solara/server/jupyter/__init__.py +2 -0
- solara/server/jupyter/cdn_handler.py +28 -0
- solara/server/jupyter/server_extension.py +40 -0
- solara/server/jupyter/solara.py +91 -0
- solara/server/jupytertools.py +46 -0
- solara/server/kernel.py +388 -0
- solara/server/kernel_context.py +467 -0
- solara/server/patch.py +564 -0
- solara/server/pyinstaller/__init__.py +9 -0
- solara/server/pyinstaller/hook-ipyreact.py +5 -0
- solara/server/pyinstaller/hook-ipyvuetify.py +5 -0
- solara/server/pyinstaller/hook-solara.py +9 -0
- solara/server/qt.py +113 -0
- solara/server/reload.py +251 -0
- solara/server/server.py +484 -0
- solara/server/settings.py +249 -0
- solara/server/shell.py +269 -0
- solara/server/starlette.py +770 -0
- solara/server/static/ansi.js +270 -0
- solara/server/static/highlight-dark.css +82 -0
- solara/server/static/highlight.css +43 -0
- solara/server/static/main-vuetify.js +272 -0
- solara/server/static/main.js +163 -0
- solara/server/static/solara_bootstrap.py +129 -0
- solara/server/static/sun.svg +23 -0
- solara/server/static/webworker.js +42 -0
- solara/server/telemetry.py +212 -0
- solara/server/templates/index.html.j2 +1 -0
- solara/server/templates/loader-plain.css +11 -0
- solara/server/templates/loader-plain.html +20 -0
- solara/server/templates/loader-solara.css +111 -0
- solara/server/templates/loader-solara.html +40 -0
- solara/server/templates/plain.html +82 -0
- solara/server/templates/solara.html.j2 +486 -0
- solara/server/threaded.py +84 -0
- solara/server/utils.py +44 -0
- solara/server/websocket.py +45 -0
- solara/settings.py +86 -0
- solara/tasks.py +893 -0
- solara/template/button.py +16 -0
- solara/template/markdown.py +42 -0
- solara/template/portal/.flake8 +6 -0
- solara/template/portal/.pre-commit-config.yaml +28 -0
- solara/template/portal/LICENSE +21 -0
- solara/template/portal/Procfile +7 -0
- solara/template/portal/mypy.ini +3 -0
- solara/template/portal/pyproject.toml +26 -0
- solara/template/portal/solara_portal/__init__.py +4 -0
- solara/template/portal/solara_portal/components/__init__.py +2 -0
- solara/template/portal/solara_portal/components/article.py +28 -0
- solara/template/portal/solara_portal/components/data.py +28 -0
- solara/template/portal/solara_portal/components/header.py +6 -0
- solara/template/portal/solara_portal/components/layout.py +6 -0
- solara/template/portal/solara_portal/content/articles/equis-in-vidi.md +85 -0
- solara/template/portal/solara_portal/content/articles/substiterat-vati.md +70 -0
- solara/template/portal/solara_portal/data.py +60 -0
- solara/template/portal/solara_portal/pages/__init__.py +67 -0
- solara/template/portal/solara_portal/pages/article/__init__.py +26 -0
- solara/template/portal/solara_portal/pages/tabular.py +29 -0
- solara/template/portal/solara_portal/pages/viz/__init__.py +70 -0
- solara/template/portal/solara_portal/pages/viz/overview.py +14 -0
- solara/test/__init__.py +0 -0
- solara/test/pytest_plugin.py +783 -0
- solara/toestand.py +998 -0
- solara/util.py +348 -0
- solara/validate_hooks.py +258 -0
- solara/website/__init__.py +0 -0
- solara/website/assets/custom.css +444 -0
- solara/website/assets/images/logo-small.png +0 -0
- solara/website/assets/images/logo.svg +17 -0
- solara/website/assets/images/logo_white.svg +50 -0
- solara/website/assets/theme.js +8 -0
- solara/website/components/__init__.py +5 -0
- solara/website/components/algolia.py +6 -0
- solara/website/components/algolia.vue +24 -0
- solara/website/components/algolia_api.vue +202 -0
- solara/website/components/breadcrumbs.py +28 -0
- solara/website/components/contact.py +144 -0
- solara/website/components/docs.py +143 -0
- solara/website/components/header.py +75 -0
- solara/website/components/mailchimp.py +12 -0
- solara/website/components/mailchimp.vue +47 -0
- solara/website/components/markdown.py +99 -0
- solara/website/components/markdown_nav.vue +34 -0
- solara/website/components/notebook.py +171 -0
- solara/website/components/sidebar.py +105 -0
- solara/website/pages/__init__.py +370 -0
- solara/website/pages/about/__init__.py +9 -0
- solara/website/pages/about/about.md +3 -0
- solara/website/pages/apps/__init__.py +16 -0
- solara/website/pages/apps/authorization/__init__.py +119 -0
- solara/website/pages/apps/authorization/admin.py +12 -0
- solara/website/pages/apps/authorization/users.py +12 -0
- solara/website/pages/apps/jupyter-dashboard-1.py +116 -0
- solara/website/pages/apps/layout-demo.py +40 -0
- solara/website/pages/apps/multipage/__init__.py +38 -0
- solara/website/pages/apps/multipage/page1.py +26 -0
- solara/website/pages/apps/multipage/page2.py +34 -0
- solara/website/pages/apps/scatter.py +136 -0
- solara/website/pages/apps/scrolling.py +63 -0
- solara/website/pages/apps/tutorial-streamlit.py +18 -0
- solara/website/pages/careers/__init__.py +27 -0
- solara/website/pages/changelog/__init__.py +10 -0
- solara/website/pages/changelog/changelog.md +372 -0
- solara/website/pages/contact/__init__.py +34 -0
- solara/website/pages/doc_use_download.py +85 -0
- solara/website/pages/documentation/__init__.py +90 -0
- solara/website/pages/documentation/advanced/__init__.py +9 -0
- solara/website/pages/documentation/advanced/content/00-overview.md +1 -0
- solara/website/pages/documentation/advanced/content/10-howto/00-overview.md +6 -0
- solara/website/pages/documentation/advanced/content/10-howto/10-multipage.md +196 -0
- solara/website/pages/documentation/advanced/content/10-howto/20-layout.md +125 -0
- solara/website/pages/documentation/advanced/content/10-howto/30-testing.md +417 -0
- solara/website/pages/documentation/advanced/content/10-howto/31-debugging.md +69 -0
- solara/website/pages/documentation/advanced/content/10-howto/40-embed.md +50 -0
- solara/website/pages/documentation/advanced/content/10-howto/50-ipywidget_libraries.md +124 -0
- solara/website/pages/documentation/advanced/content/15-reference/00-overview.md +3 -0
- solara/website/pages/documentation/advanced/content/15-reference/40-static_files.md +31 -0
- solara/website/pages/documentation/advanced/content/15-reference/41-asset-files.md +72 -0
- solara/website/pages/documentation/advanced/content/15-reference/60-static-site-generation.md +59 -0
- solara/website/pages/documentation/advanced/content/15-reference/70-search.md +34 -0
- solara/website/pages/documentation/advanced/content/15-reference/80-reloading.md +34 -0
- solara/website/pages/documentation/advanced/content/15-reference/90-notebook-support.md +7 -0
- solara/website/pages/documentation/advanced/content/15-reference/95-caching.md +148 -0
- solara/website/pages/documentation/advanced/content/20-understanding/00-introduction.md +10 -0
- solara/website/pages/documentation/advanced/content/20-understanding/05-ipywidgets.md +35 -0
- solara/website/pages/documentation/advanced/content/20-understanding/06-ipyvuetify.md +42 -0
- solara/website/pages/documentation/advanced/content/20-understanding/10-reacton.md +28 -0
- solara/website/pages/documentation/advanced/content/20-understanding/12-reacton-basics.md +108 -0
- solara/website/pages/documentation/advanced/content/20-understanding/15-anatomy.md +23 -0
- solara/website/pages/documentation/advanced/content/20-understanding/17-rules-of-hooks.md +192 -0
- solara/website/pages/documentation/advanced/content/20-understanding/18-containers.md +166 -0
- solara/website/pages/documentation/advanced/content/20-understanding/20-solara.md +18 -0
- solara/website/pages/documentation/advanced/content/20-understanding/40-routing.md +256 -0
- solara/website/pages/documentation/advanced/content/20-understanding/50-solara-server.md +108 -0
- solara/website/pages/documentation/advanced/content/20-understanding/60-voila.md +12 -0
- solara/website/pages/documentation/advanced/content/30-enterprise/00-overview.md +7 -0
- solara/website/pages/documentation/advanced/content/30-enterprise/10-oauth.md +187 -0
- solara/website/pages/documentation/advanced/content/40-development/00-overview.md +0 -0
- solara/website/pages/documentation/advanced/content/40-development/01-contribute.md +45 -0
- solara/website/pages/documentation/advanced/content/40-development/10-setup.md +76 -0
- solara/website/pages/documentation/api/__init__.py +19 -0
- solara/website/pages/documentation/api/cross_filter/__init__.py +9 -0
- solara/website/pages/documentation/api/cross_filter/cross_filter_dataframe.py +22 -0
- solara/website/pages/documentation/api/cross_filter/cross_filter_report.py +20 -0
- solara/website/pages/documentation/api/cross_filter/cross_filter_select.py +20 -0
- solara/website/pages/documentation/api/cross_filter/cross_filter_slider.py +20 -0
- solara/website/pages/documentation/api/hooks/__init__.py +9 -0
- solara/website/pages/documentation/api/hooks/use_cross_filter.py +23 -0
- solara/website/pages/documentation/api/hooks/use_dark_effective.py +12 -0
- solara/website/pages/documentation/api/hooks/use_effect.md +43 -0
- solara/website/pages/documentation/api/hooks/use_effect.py +9 -0
- solara/website/pages/documentation/api/hooks/use_exception.py +31 -0
- solara/website/pages/documentation/api/hooks/use_memo.md +16 -0
- solara/website/pages/documentation/api/hooks/use_memo.py +9 -0
- solara/website/pages/documentation/api/hooks/use_previous.py +30 -0
- solara/website/pages/documentation/api/hooks/use_reactive.py +16 -0
- solara/website/pages/documentation/api/hooks/use_state.py +10 -0
- solara/website/pages/documentation/api/hooks/use_state_or_update.py +66 -0
- solara/website/pages/documentation/api/hooks/use_thread.md +64 -0
- solara/website/pages/documentation/api/hooks/use_thread.py +42 -0
- solara/website/pages/documentation/api/hooks/use_trait_observe.py +12 -0
- solara/website/pages/documentation/api/routing/__init__.py +9 -0
- solara/website/pages/documentation/api/routing/generate_routes.py +10 -0
- solara/website/pages/documentation/api/routing/generate_routes_directory.py +10 -0
- solara/website/pages/documentation/api/routing/resolve_path.py +35 -0
- solara/website/pages/documentation/api/routing/route.py +29 -0
- solara/website/pages/documentation/api/routing/use_route.py +76 -0
- solara/website/pages/documentation/api/routing/use_router.py +16 -0
- solara/website/pages/documentation/api/utilities/__init__.py +9 -0
- solara/website/pages/documentation/api/utilities/component_vue.py +10 -0
- solara/website/pages/documentation/api/utilities/computed.py +16 -0
- solara/website/pages/documentation/api/utilities/display.py +16 -0
- solara/website/pages/documentation/api/utilities/get_kernel_id.py +16 -0
- solara/website/pages/documentation/api/utilities/get_session_id.py +16 -0
- solara/website/pages/documentation/api/utilities/memoize.py +35 -0
- solara/website/pages/documentation/api/utilities/on_kernel_start.py +44 -0
- solara/website/pages/documentation/api/utilities/reactive.py +16 -0
- solara/website/pages/documentation/api/utilities/widget.py +104 -0
- solara/website/pages/documentation/components/__init__.py +12 -0
- solara/website/pages/documentation/components/advanced/__init__.py +9 -0
- solara/website/pages/documentation/components/advanced/link.py +25 -0
- solara/website/pages/documentation/components/advanced/meta.py +17 -0
- solara/website/pages/documentation/components/advanced/style.py +43 -0
- solara/website/pages/documentation/components/common.py +9 -0
- solara/website/pages/documentation/components/data/__init__.py +9 -0
- solara/website/pages/documentation/components/data/dataframe.py +44 -0
- solara/website/pages/documentation/components/data/pivot_table.py +81 -0
- solara/website/pages/documentation/components/enterprise/__init__.py +9 -0
- solara/website/pages/documentation/components/enterprise/avatar.py +24 -0
- solara/website/pages/documentation/components/enterprise/avatar_menu.py +25 -0
- solara/website/pages/documentation/components/input/__init__.py +9 -0
- solara/website/pages/documentation/components/input/button.py +23 -0
- solara/website/pages/documentation/components/input/checkbox.py +10 -0
- solara/website/pages/documentation/components/input/file_browser.py +30 -0
- solara/website/pages/documentation/components/input/file_drop.py +76 -0
- solara/website/pages/documentation/components/input/input.py +43 -0
- solara/website/pages/documentation/components/input/select.py +22 -0
- solara/website/pages/documentation/components/input/slider.py +29 -0
- solara/website/pages/documentation/components/input/switch.py +10 -0
- solara/website/pages/documentation/components/input/togglebuttons.py +21 -0
- solara/website/pages/documentation/components/lab/__init__.py +9 -0
- solara/website/pages/documentation/components/lab/chat.py +109 -0
- solara/website/pages/documentation/components/lab/confirmation_dialog.py +55 -0
- solara/website/pages/documentation/components/lab/cookies_headers.py +48 -0
- solara/website/pages/documentation/components/lab/input_date.py +20 -0
- solara/website/pages/documentation/components/lab/input_time.py +15 -0
- solara/website/pages/documentation/components/lab/menu.py +22 -0
- solara/website/pages/documentation/components/lab/tab.py +25 -0
- solara/website/pages/documentation/components/lab/tabs.py +45 -0
- solara/website/pages/documentation/components/lab/task.py +11 -0
- solara/website/pages/documentation/components/lab/theming.py +74 -0
- solara/website/pages/documentation/components/lab/use_task.py +11 -0
- solara/website/pages/documentation/components/layout/__init__.py +9 -0
- solara/website/pages/documentation/components/layout/app_bar.py +16 -0
- solara/website/pages/documentation/components/layout/app_bar_title.py +16 -0
- solara/website/pages/documentation/components/layout/app_layout.py +24 -0
- solara/website/pages/documentation/components/layout/card.py +15 -0
- solara/website/pages/documentation/components/layout/card_actions.py +16 -0
- solara/website/pages/documentation/components/layout/column.py +30 -0
- solara/website/pages/documentation/components/layout/columns.py +27 -0
- solara/website/pages/documentation/components/layout/columns_responsive.py +66 -0
- solara/website/pages/documentation/components/layout/details.py +13 -0
- solara/website/pages/documentation/components/layout/griddraggable.py +62 -0
- solara/website/pages/documentation/components/layout/gridfixed.py +19 -0
- solara/website/pages/documentation/components/layout/hbox.py +18 -0
- solara/website/pages/documentation/components/layout/row.py +30 -0
- solara/website/pages/documentation/components/layout/sidebar.py +24 -0
- solara/website/pages/documentation/components/layout/vbox.py +19 -0
- solara/website/pages/documentation/components/output/__init__.py +9 -0
- solara/website/pages/documentation/components/output/file_download.py +11 -0
- solara/website/pages/documentation/components/output/html.py +19 -0
- solara/website/pages/documentation/components/output/image.py +11 -0
- solara/website/pages/documentation/components/output/markdown.py +57 -0
- solara/website/pages/documentation/components/output/markdown_editor.py +51 -0
- solara/website/pages/documentation/components/output/sql_code.py +83 -0
- solara/website/pages/documentation/components/output/tooltip.py +11 -0
- solara/website/pages/documentation/components/page/__init__.py +9 -0
- solara/website/pages/documentation/components/page/head.py +15 -0
- solara/website/pages/documentation/components/page/title.py +25 -0
- solara/website/pages/documentation/components/status/__init__.py +9 -0
- solara/website/pages/documentation/components/status/error.py +39 -0
- solara/website/pages/documentation/components/status/info.py +39 -0
- solara/website/pages/documentation/components/status/progress.py +10 -0
- solara/website/pages/documentation/components/status/spinner.py +11 -0
- solara/website/pages/documentation/components/status/success.py +40 -0
- solara/website/pages/documentation/components/status/warning.py +47 -0
- solara/website/pages/documentation/components/viz/__init__.py +9 -0
- solara/website/pages/documentation/components/viz/altair.py +42 -0
- solara/website/pages/documentation/components/viz/echarts.py +77 -0
- solara/website/pages/documentation/components/viz/matplotlib.py +30 -0
- solara/website/pages/documentation/components/viz/plotly.py +63 -0
- solara/website/pages/documentation/components/viz/plotly_express.py +41 -0
- solara/website/pages/documentation/examples/__init__.py +54 -0
- solara/website/pages/documentation/examples/ai/__init__.py +11 -0
- solara/website/pages/documentation/examples/ai/chatbot.py +113 -0
- solara/website/pages/documentation/examples/ai/tokenizer.py +107 -0
- solara/website/pages/documentation/examples/basics/__init__.py +10 -0
- solara/website/pages/documentation/examples/basics/sine.py +28 -0
- solara/website/pages/documentation/examples/fullscreen/__init__.py +10 -0
- solara/website/pages/documentation/examples/fullscreen/authorization.py +3 -0
- solara/website/pages/documentation/examples/fullscreen/layout_demo.py +3 -0
- solara/website/pages/documentation/examples/fullscreen/multipage.py +3 -0
- solara/website/pages/documentation/examples/fullscreen/scatter.py +3 -0
- solara/website/pages/documentation/examples/fullscreen/scrolling.py +3 -0
- solara/website/pages/documentation/examples/fullscreen/tutorial_streamlit.py +3 -0
- solara/website/pages/documentation/examples/general/__init__.py +10 -0
- solara/website/pages/documentation/examples/general/custom_storage.py +70 -0
- solara/website/pages/documentation/examples/general/deploy_model.py +115 -0
- solara/website/pages/documentation/examples/general/live_update.py +32 -0
- solara/website/pages/documentation/examples/general/login_oauth.py +81 -0
- solara/website/pages/documentation/examples/general/mycard.vue +58 -0
- solara/website/pages/documentation/examples/general/pokemon_search.py +51 -0
- solara/website/pages/documentation/examples/general/vue_component.py +50 -0
- solara/website/pages/documentation/examples/ipycanvas.py +49 -0
- solara/website/pages/documentation/examples/libraries/__init__.py +10 -0
- solara/website/pages/documentation/examples/libraries/altair.py +65 -0
- solara/website/pages/documentation/examples/libraries/bqplot.py +39 -0
- solara/website/pages/documentation/examples/libraries/ipyleaflet.py +33 -0
- solara/website/pages/documentation/examples/libraries/ipyleaflet_advanced.py +66 -0
- solara/website/pages/documentation/examples/utilities/__init__.py +10 -0
- solara/website/pages/documentation/examples/utilities/calculator.py +157 -0
- solara/website/pages/documentation/examples/utilities/countdown_timer.py +62 -0
- solara/website/pages/documentation/examples/utilities/todo.py +196 -0
- solara/website/pages/documentation/examples/visualization/__init__.py +6 -0
- solara/website/pages/documentation/examples/visualization/annotator.py +67 -0
- solara/website/pages/documentation/examples/visualization/linked_views.py +81 -0
- solara/website/pages/documentation/examples/visualization/plotly.py +44 -0
- solara/website/pages/documentation/faq/__init__.py +12 -0
- solara/website/pages/documentation/faq/content/99-faq.md +112 -0
- solara/website/pages/documentation/getting_started/__init__.py +9 -0
- solara/website/pages/documentation/getting_started/content/00-quickstart.md +107 -0
- solara/website/pages/documentation/getting_started/content/01-introduction.md +125 -0
- solara/website/pages/documentation/getting_started/content/02-installing.md +134 -0
- solara/website/pages/documentation/getting_started/content/04-tutorials/00-overview.md +14 -0
- solara/website/pages/documentation/getting_started/content/04-tutorials/10_data_science.py +13 -0
- solara/website/pages/documentation/getting_started/content/04-tutorials/20-web-app.md +89 -0
- solara/website/pages/documentation/getting_started/content/04-tutorials/30-ipywidgets.md +124 -0
- solara/website/pages/documentation/getting_started/content/04-tutorials/40-streamlit.md +146 -0
- solara/website/pages/documentation/getting_started/content/04-tutorials/50-dash.md +144 -0
- solara/website/pages/documentation/getting_started/content/04-tutorials/60-jupyter-dashboard-part1.py +65 -0
- solara/website/pages/documentation/getting_started/content/04-tutorials/SF_crime_sample.csv.gz +0 -0
- solara/website/pages/documentation/getting_started/content/04-tutorials/_data_science.ipynb +445 -0
- solara/website/pages/documentation/getting_started/content/04-tutorials/_jupyter_dashboard_1.ipynb +1021 -0
- solara/website/pages/documentation/getting_started/content/05-fundamentals/00-overview.md +11 -0
- solara/website/pages/documentation/getting_started/content/05-fundamentals/10-components.md +228 -0
- solara/website/pages/documentation/getting_started/content/05-fundamentals/50-state-management.md +278 -0
- solara/website/pages/documentation/getting_started/content/07-deploying/00-overview.md +7 -0
- solara/website/pages/documentation/getting_started/content/07-deploying/10-self-hosted.md +305 -0
- solara/website/pages/documentation/getting_started/content/07-deploying/20-cloud-hosted.md +80 -0
- solara/website/pages/documentation/getting_started/content/80-what-is-lab.md +7 -0
- solara/website/pages/documentation/getting_started/content/90-troubleshoot.md +26 -0
- solara/website/pages/docutils.py +38 -0
- solara/website/pages/home.vue +1199 -0
- solara/website/pages/our_team/__init__.py +83 -0
- solara/website/pages/pricing/__init__.py +31 -0
- solara/website/pages/roadmap/__init__.py +11 -0
- solara/website/pages/roadmap/roadmap.md +47 -0
- solara/website/pages/scale_ipywidgets.py +45 -0
- solara/website/pages/showcase/__init__.py +105 -0
- solara/website/pages/showcase/domino_code_assist.py +60 -0
- solara/website/pages/showcase/planeto_tessa.py +19 -0
- solara/website/pages/showcase/solara_dev.py +54 -0
- solara/website/pages/showcase/solarathon_2023_team_2.py +22 -0
- solara/website/pages/showcase/solarathon_2023_team_4.py +22 -0
- solara/website/pages/showcase/solarathon_2023_team_5.py +23 -0
- solara/website/pages/showcase/solarathon_2023_team_6.py +34 -0
- solara/website/pages/showcase/wanderlust.py +27 -0
- solara/website/public/beach.jpeg +0 -0
- solara/website/public/logo.svg +6 -0
- solara/website/public/social/discord.svg +1 -0
- solara/website/public/social/github.svg +1 -0
- solara/website/public/social/twitter.svg +3 -0
- solara/website/public/success.html +25 -0
- solara/website/templates/index.html.j2 +117 -0
- solara/website/utils.py +51 -0
- solara/widgets/__init__.py +1 -0
- solara/widgets/vue/gridlayout.vue +107 -0
- solara/widgets/vue/html.vue +4 -0
- solara/widgets/vue/navigator.vue +134 -0
- solara/widgets/vue/vegalite.vue +130 -0
- solara/widgets/widgets.py +74 -0
- solara_ui-1.45.0.data/data/etc/jupyter/jupyter_notebook_config.d/solara.json +7 -0
- solara_ui-1.45.0.data/data/etc/jupyter/jupyter_server_config.d/solara.json +7 -0
- solara_ui-1.45.0.dist-info/METADATA +162 -0
- solara_ui-1.45.0.dist-info/RECORD +464 -0
- solara_ui-1.45.0.dist-info/WHEEL +4 -0
- solara_ui-1.45.0.dist-info/licenses/LICENSE +21 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<!-- Google Tag Manager -->
|
|
3
|
+
<script>
|
|
4
|
+
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
|
5
|
+
new Date().getTime(),event:'gtm.js'});
|
|
6
|
+
var f=d.getElementsByTagName(s)[0], j=d.createElement(s), dl=l!='dataLayer'?'&l='+l:'';
|
|
7
|
+
j.async=true;
|
|
8
|
+
j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
|
|
9
|
+
f.parentNode.insertBefore(j,f);
|
|
10
|
+
})(window,document,'script','dataLayer','GTM-KC98NKNL');
|
|
11
|
+
</script>
|
|
12
|
+
<!-- End Google Tag Manager -->
|
|
13
|
+
|
|
14
|
+
<body>
|
|
15
|
+
<!-- Google Tag Manager (noscript) -->
|
|
16
|
+
<noscript>
|
|
17
|
+
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KC98NKNL"
|
|
18
|
+
height="0" width="0" style="display:none;visibility:hidden"></iframe>
|
|
19
|
+
</noscript>
|
|
20
|
+
<!-- End Google Tag Manager (noscript) -->
|
|
21
|
+
|
|
22
|
+
Used to detect failed Jupyter and Solara installations.
|
|
23
|
+
</body>
|
|
24
|
+
|
|
25
|
+
</html>
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
{% extends "solara.html.j2" %}
|
|
2
|
+
{% block header %}
|
|
3
|
+
{% if production %}
|
|
4
|
+
<link rel="canonical" href="https://solara.dev{{path}}">
|
|
5
|
+
{% endif %}
|
|
6
|
+
{#
|
|
7
|
+
<!-- not using this right now, leaving it here for reference -->
|
|
8
|
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
9
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
10
|
+
<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">
|
|
11
|
+
#}
|
|
12
|
+
|
|
13
|
+
<link rel="stylesheet" href="/_solara/cdn/@docsearch/css@3/dist/style.css" />
|
|
14
|
+
<script src="/_solara/cdn/@docsearch/js@3"></script>
|
|
15
|
+
|
|
16
|
+
<!-- Google Tag Manager -->
|
|
17
|
+
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
|
18
|
+
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
|
19
|
+
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
|
20
|
+
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
|
21
|
+
})(window,document,'script','dataLayer','GTM-KC98NKNL');</script>
|
|
22
|
+
<!-- End Google Tag Manager -->
|
|
23
|
+
|
|
24
|
+
{{ super() }}
|
|
25
|
+
{% endblock %}
|
|
26
|
+
|
|
27
|
+
{% block after_pre_rendered_html %}
|
|
28
|
+
{{ super() }}
|
|
29
|
+
|
|
30
|
+
<!-- Google Tag Manager (noscript) -->
|
|
31
|
+
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KC98NKNL"
|
|
32
|
+
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
|
33
|
+
<!-- End Google Tag Manager (noscript) -->
|
|
34
|
+
|
|
35
|
+
<style id="algolia">
|
|
36
|
+
.DocSearch-Button {
|
|
37
|
+
background-color: rgb(255, 238, 197);
|
|
38
|
+
color: #182026;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.theme--dark .DocSearch-Button {
|
|
42
|
+
background-color: #26273D;
|
|
43
|
+
color: hsla(0,0%,100%,.7);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.DocSearch-Button:hover {
|
|
47
|
+
background-color: rgba(150,150,200,0.15);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.theme--dark .DocSearch-Button:hover {
|
|
51
|
+
background-color: rgba(255, 255, 255, 0.15);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.DocSearch-Button .DocSearch-Search-Icon {
|
|
55
|
+
color: #26273D;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.theme--dark .DocSearch-Button .DocSearch-Search-Icon {
|
|
59
|
+
color: #ff991f;
|
|
60
|
+
}
|
|
61
|
+
</style>
|
|
62
|
+
|
|
63
|
+
<script>
|
|
64
|
+
function solaraAlgoliaInit({appId, apiKey, indexName, debug}) {
|
|
65
|
+
const otherClick = (event) => event.button === 1 || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey
|
|
66
|
+
docsearch({
|
|
67
|
+
container: '#docsearch',
|
|
68
|
+
appId: "9KW9L7O5EQ",
|
|
69
|
+
apiKey: "ef7495102afff1e16d1b7cf6ec2ab2d0",
|
|
70
|
+
indexName: "solara",
|
|
71
|
+
debug: debug,
|
|
72
|
+
hitComponent: ({ hit, children }) => {
|
|
73
|
+
// react without the React library
|
|
74
|
+
return {
|
|
75
|
+
type: 'a',
|
|
76
|
+
constructor: undefined,
|
|
77
|
+
__v: 1,
|
|
78
|
+
props: {
|
|
79
|
+
href: hit.url,
|
|
80
|
+
children,
|
|
81
|
+
onClick: (event) => {
|
|
82
|
+
if (otherClick(event)) { return }
|
|
83
|
+
event.preventDefault()
|
|
84
|
+
let url = hit.url;
|
|
85
|
+
if (url.startsWith('https://solara.dev')) {
|
|
86
|
+
url = url.substring(18);
|
|
87
|
+
}
|
|
88
|
+
solara.router.push(url)
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
|
|
94
|
+
navigator: {
|
|
95
|
+
navigate({ itemUrl }) {
|
|
96
|
+
if (itemUrl.startsWith('https://solara.dev')) {
|
|
97
|
+
itemUrl = itemUrl.substring(18);
|
|
98
|
+
}
|
|
99
|
+
solara.router.push(itemUrl);
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
if(document.getElementById('docsearch')) {
|
|
105
|
+
solaraAlgoliaInit({
|
|
106
|
+
appId: "9KW9L7O5EQ",
|
|
107
|
+
apiKey: "ef7495102afff1e16d1b7cf6ec2ab2d0",
|
|
108
|
+
indexName: "solara",
|
|
109
|
+
debug: false,
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
</script>
|
|
113
|
+
<!-- MailChimp -->
|
|
114
|
+
<link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet" type="text/css">
|
|
115
|
+
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
|
|
116
|
+
{% endblock %}
|
|
117
|
+
```
|
solara/website/utils.py
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import inspect
|
|
2
|
+
import textwrap
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
def sig(f):
|
|
6
|
+
lines = inspect.getsourcelines(f)[0]
|
|
7
|
+
end = [k.endswith(":\n") for k in lines].index(True)
|
|
8
|
+
lines = lines[: end + 1]
|
|
9
|
+
return "".join(lines)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
def code(f):
|
|
13
|
+
lines = inspect.getsourcelines(f)[0]
|
|
14
|
+
def_end = [k.endswith(":\n") for k in lines].index(True)
|
|
15
|
+
doc_lines = len(f.__doc__.split("\n"))
|
|
16
|
+
lines = lines[: def_end + 1] + lines[def_end + 1 + doc_lines :]
|
|
17
|
+
|
|
18
|
+
return "".join(lines)
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
def apidoc(f, full=False):
|
|
22
|
+
if not f.__doc__:
|
|
23
|
+
return "no docstring"
|
|
24
|
+
|
|
25
|
+
doclines = f.__doc__.split("\n")
|
|
26
|
+
first = doclines[0].strip()
|
|
27
|
+
rest = "\n".join(doclines[1:]) # .strip()
|
|
28
|
+
if full:
|
|
29
|
+
return f"""
|
|
30
|
+
{first}
|
|
31
|
+
|
|
32
|
+
```python
|
|
33
|
+
{code(f)}
|
|
34
|
+
...
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
{textwrap.dedent(rest)}
|
|
39
|
+
"""
|
|
40
|
+
else:
|
|
41
|
+
return f"""
|
|
42
|
+
{first}
|
|
43
|
+
|
|
44
|
+
```python
|
|
45
|
+
{sig(f)}
|
|
46
|
+
...
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
{textwrap.dedent(rest)}
|
|
51
|
+
"""
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
from .widgets import * # noqa: F401, F403
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div>
|
|
3
|
+
<div v-if="gridlayout_loaded" style="padding: 0px; width: 100%;">
|
|
4
|
+
<grid-layout
|
|
5
|
+
:layout.sync="grid_layout"
|
|
6
|
+
:col-num="12"
|
|
7
|
+
:row-height="30"
|
|
8
|
+
:is-draggable="draggable"
|
|
9
|
+
:is-resizable="resizable"
|
|
10
|
+
:is-mirrored="false"
|
|
11
|
+
:vertical-compact="true"
|
|
12
|
+
:margin="[10, 10]"
|
|
13
|
+
:use-css-transforms="true"
|
|
14
|
+
>
|
|
15
|
+
|
|
16
|
+
<grid-item v-for="item in grid_layout"
|
|
17
|
+
:x="item.x"
|
|
18
|
+
:y="item.y"
|
|
19
|
+
:w="item.w"
|
|
20
|
+
:h="item.h"
|
|
21
|
+
:i="item.i"
|
|
22
|
+
:key="item.i"
|
|
23
|
+
@resized="resizedEvent">
|
|
24
|
+
<div v-if="!items[item.i]">
|
|
25
|
+
placeholder: {{item.i}}
|
|
26
|
+
</div>
|
|
27
|
+
<div v-if="items[item.i]">
|
|
28
|
+
<jupyter-widget :widget="items[item.i]" :key="'child_' + item.i"></jupyter-widget>
|
|
29
|
+
</div>
|
|
30
|
+
</grid-item>
|
|
31
|
+
</grid-layout>
|
|
32
|
+
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</template>
|
|
36
|
+
|
|
37
|
+
<script>
|
|
38
|
+
module.exports = {
|
|
39
|
+
async created() {
|
|
40
|
+
this.gridlayout_loaded = false
|
|
41
|
+
|
|
42
|
+
const {GridLayout, GridItem} = (await this.import([`${this.getCdn()}/@widgetti/vue-grid-layout@2.3.13-alpha.2/dist/vue-grid-layout.umd.js`]))[0]
|
|
43
|
+
this.$options.components['grid-item'] = GridItem;
|
|
44
|
+
this.$options.components['grid-layout'] = GridLayout;
|
|
45
|
+
this.gridlayout_loaded = true;
|
|
46
|
+
},
|
|
47
|
+
methods: {
|
|
48
|
+
resizedEvent(i, newH, newW, newHPx, newWPx) {
|
|
49
|
+
// this will cause bqplot to layout itself
|
|
50
|
+
window.dispatchEvent(new Event('resize'));
|
|
51
|
+
},
|
|
52
|
+
import(deps) {
|
|
53
|
+
return this.loadRequire().then(
|
|
54
|
+
() => {
|
|
55
|
+
if(window.jupyterVue) {
|
|
56
|
+
// in jupyterlab, we take Vue from ipyvue/jupyterVue
|
|
57
|
+
define("vue", [], () => window.jupyterVue.Vue);
|
|
58
|
+
} else {
|
|
59
|
+
define("vue", ['jupyter-vue'], jupyterVue => jupyterVue.Vue);
|
|
60
|
+
}
|
|
61
|
+
return new Promise((resolve, reject) => {
|
|
62
|
+
requirejs(deps, (...modules) => resolve(modules));
|
|
63
|
+
})
|
|
64
|
+
}
|
|
65
|
+
);
|
|
66
|
+
},
|
|
67
|
+
loadRequire() {
|
|
68
|
+
/* Needed in lab */
|
|
69
|
+
if (window.requirejs) {
|
|
70
|
+
console.log('require found');
|
|
71
|
+
return Promise.resolve()
|
|
72
|
+
}
|
|
73
|
+
return new Promise((resolve, reject) => {
|
|
74
|
+
const script = document.createElement('script');
|
|
75
|
+
script.src = `${this.getCdn()}/requirejs@2.3.6/require.js`;
|
|
76
|
+
script.onload = resolve;
|
|
77
|
+
script.onerror = reject;
|
|
78
|
+
document.head.appendChild(script);
|
|
79
|
+
});
|
|
80
|
+
},
|
|
81
|
+
getJupyterBaseUrl() {
|
|
82
|
+
if (document.getElementsByTagName("base").length) {
|
|
83
|
+
return "./";
|
|
84
|
+
}
|
|
85
|
+
const labConfigData = document.getElementById('jupyter-config-data');
|
|
86
|
+
if(labConfigData) {
|
|
87
|
+
/* lab and Voila */
|
|
88
|
+
return JSON.parse(labConfigData.textContent).baseUrl;
|
|
89
|
+
}
|
|
90
|
+
let base = document.body.dataset.baseUrl || document.baseURI;
|
|
91
|
+
if(!base.endsWith('/')) {
|
|
92
|
+
base += '/';
|
|
93
|
+
}
|
|
94
|
+
return base
|
|
95
|
+
},
|
|
96
|
+
getCdn() {
|
|
97
|
+
return this.cdn || (window.solara ? window.solara.cdn : `${this.getJupyterBaseUrl()}_solara/cdn`);
|
|
98
|
+
},
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
</script>
|
|
102
|
+
|
|
103
|
+
<style id="grid_layout">
|
|
104
|
+
.vue-grid-item > div {
|
|
105
|
+
height: 100%;
|
|
106
|
+
}
|
|
107
|
+
</style>
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<span></span>
|
|
3
|
+
</template>
|
|
4
|
+
|
|
5
|
+
<script>
|
|
6
|
+
modules.export = {
|
|
7
|
+
created() {
|
|
8
|
+
history.scrollRestoration = "manual";
|
|
9
|
+
if (!window.solara) {
|
|
10
|
+
window.solara = {};
|
|
11
|
+
}
|
|
12
|
+
if (!window.solara.router) {
|
|
13
|
+
window.solara.router = {};
|
|
14
|
+
}
|
|
15
|
+
window.solara.router.push = (href) => {
|
|
16
|
+
console.log("external router push", href);
|
|
17
|
+
const url = new URL(href, window.location.origin + solara.rootPath);
|
|
18
|
+
this.location = url.pathname + url.search;
|
|
19
|
+
this.hash = url.hash;
|
|
20
|
+
};
|
|
21
|
+
let location = window.location.pathname.slice(solara.rootPath.length);
|
|
22
|
+
this.location = location + window.location.search;
|
|
23
|
+
this.hash = window.location.hash;
|
|
24
|
+
window.addEventListener("popstate", this.onPopState);
|
|
25
|
+
window.addEventListener("scroll", this.onScroll);
|
|
26
|
+
window.addEventListener("hashchange", this.onHashChange);
|
|
27
|
+
window.addEventListener("solara.pageReady", this.onPageLoad);
|
|
28
|
+
},
|
|
29
|
+
destroyed() {
|
|
30
|
+
window.removeEventListener("popstate", this.onPopState);
|
|
31
|
+
window.removeEventListener("scroll", this.onScroll);
|
|
32
|
+
window.removeEventListener("hashchange", this.onHashChange);
|
|
33
|
+
window.removeEventListener("solara.pageReady", this.onPageLoad);
|
|
34
|
+
},
|
|
35
|
+
methods: {
|
|
36
|
+
onScroll() {
|
|
37
|
+
window.history.replaceState(
|
|
38
|
+
{ top: document.documentElement.scrollTop },
|
|
39
|
+
null,
|
|
40
|
+
window.location.href
|
|
41
|
+
);
|
|
42
|
+
},
|
|
43
|
+
onPopState(event) {
|
|
44
|
+
if (!window.location.pathname.startsWith(solara.rootPath)) {
|
|
45
|
+
throw `window.location.pathname = ${window.location.pathname}, but it should start with the solara.rootPath = ${solara.rootPath}`;
|
|
46
|
+
}
|
|
47
|
+
let newLocation = window.location.pathname.slice(solara.rootPath.length);
|
|
48
|
+
this.location = newLocation + window.location.search;
|
|
49
|
+
if (event.state) {
|
|
50
|
+
const top = event.state.top;
|
|
51
|
+
/*
|
|
52
|
+
// we'd like to restore the scroll position, but we do not know when yet
|
|
53
|
+
// maybe we will have a life cycle hook for this in the future
|
|
54
|
+
setTimeout(() => {
|
|
55
|
+
document.documentElement.scrollTop = top;
|
|
56
|
+
}, 500);
|
|
57
|
+
*/
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
onHashChange(event) {
|
|
61
|
+
if (!window.location.pathname.startsWith(solara.rootPath)) {
|
|
62
|
+
throw `window.location.pathname = ${window.location.pathname}, but it should start with the solara.rootPath = ${solara.rootPath}`;
|
|
63
|
+
}
|
|
64
|
+
this.hash = window.location.hash;
|
|
65
|
+
},
|
|
66
|
+
onPageLoad(event) {
|
|
67
|
+
if (!window.location.pathname.startsWith(solara.rootPath)) {
|
|
68
|
+
throw `window.location.pathname = ${window.location.pathname}, but it should start with the solara.rootPath = ${solara.rootPath}`;
|
|
69
|
+
}
|
|
70
|
+
// If we've navigated to a hash with the same name on a different page the watch on hash won't trigger
|
|
71
|
+
if (this.hash && this.hash === window.location.hash) {
|
|
72
|
+
this.navigateToHash(this.hash);
|
|
73
|
+
}
|
|
74
|
+
this.hash = window.location.hash;
|
|
75
|
+
},
|
|
76
|
+
makeFullRelativeUrl() {
|
|
77
|
+
const url = new URL(this.location, window.location.origin + solara.rootPath);
|
|
78
|
+
return url.pathname + this.hash + url.search;
|
|
79
|
+
},
|
|
80
|
+
navigateToHash(hash) {
|
|
81
|
+
const targetEl = document.getElementById(hash.slice(1));
|
|
82
|
+
if (targetEl) {
|
|
83
|
+
targetEl.scrollIntoView();
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
},
|
|
87
|
+
watch: {
|
|
88
|
+
location(value) {
|
|
89
|
+
console.log("changed", this.location, value);
|
|
90
|
+
const newUrl = new URL(value, window.location);
|
|
91
|
+
if(newUrl.origin != window.location.origin) {
|
|
92
|
+
// external navigation
|
|
93
|
+
window.location = newUrl;
|
|
94
|
+
return
|
|
95
|
+
}
|
|
96
|
+
const pathnameNew = newUrl.pathname
|
|
97
|
+
const pathnameOld = window.location.pathname
|
|
98
|
+
// if we use the back navigation, this watch will trigger,
|
|
99
|
+
// but we don't want to push the history
|
|
100
|
+
// otherwise we cannot go forward
|
|
101
|
+
if (!window.location.pathname.startsWith(solara.rootPath)) {
|
|
102
|
+
throw `window.location.pathname = ${window.location.pathname}, but it should start with the solara.rootPath = ${solara.rootPath}`;
|
|
103
|
+
}
|
|
104
|
+
const oldLocation = window.location.pathname.slice(solara.rootPath.length) + window.location.search;
|
|
105
|
+
console.log(
|
|
106
|
+
"location changed",
|
|
107
|
+
oldLocation,
|
|
108
|
+
this.location,
|
|
109
|
+
document.documentElement.scrollTop
|
|
110
|
+
);
|
|
111
|
+
if (oldLocation != this.location) {
|
|
112
|
+
window.history.pushState({ top: 0 }, null, this.makeFullRelativeUrl());
|
|
113
|
+
if (pathnameNew != pathnameOld) {
|
|
114
|
+
// we scroll to the top only when we change page, not when we change
|
|
115
|
+
// the search string
|
|
116
|
+
window.scrollTo(0, 0);
|
|
117
|
+
}
|
|
118
|
+
const event = new Event('solara.router');
|
|
119
|
+
window.dispatchEvent(event);
|
|
120
|
+
}
|
|
121
|
+
},
|
|
122
|
+
hash(value) {
|
|
123
|
+
if (value) {
|
|
124
|
+
this.navigateToHash(value);
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
},
|
|
128
|
+
data() {
|
|
129
|
+
return {
|
|
130
|
+
hash: "",
|
|
131
|
+
};
|
|
132
|
+
},
|
|
133
|
+
};
|
|
134
|
+
</script>
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div>
|
|
3
|
+
<div ref="plotElement"></div>
|
|
4
|
+
</div>
|
|
5
|
+
</template>
|
|
6
|
+
<script>
|
|
7
|
+
module.exports = {
|
|
8
|
+
created() {
|
|
9
|
+
this.vegaLoaded = this.loadVega();
|
|
10
|
+
this.do_plot_debounced = _.debounce(async () => {
|
|
11
|
+
await this.vegaLoaded;
|
|
12
|
+
this.do_plot()
|
|
13
|
+
}, 100)
|
|
14
|
+
},
|
|
15
|
+
mounted() {
|
|
16
|
+
this.do_plot_debounced();
|
|
17
|
+
},
|
|
18
|
+
destroyed() {
|
|
19
|
+
if (this.observer) {
|
|
20
|
+
this.observer.disconnect();
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
watch: {
|
|
24
|
+
spec() {
|
|
25
|
+
this.do_plot_debounced();
|
|
26
|
+
},
|
|
27
|
+
listen_to_click() {
|
|
28
|
+
this.do_plot_debounced();
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
methods: {
|
|
32
|
+
do_plot() {
|
|
33
|
+
require(['vega', 'vega-lite', 'vega-embed'], (vega, vl, vegaEmbed) => {
|
|
34
|
+
(async () => {
|
|
35
|
+
const spec = {
|
|
36
|
+
...this.spec,
|
|
37
|
+
"renderer": "svg",
|
|
38
|
+
};
|
|
39
|
+
if (spec.width === "container") {
|
|
40
|
+
this.$refs.plotElement.classList.add("width-container")
|
|
41
|
+
this.observer = new ResizeObserver(() => {
|
|
42
|
+
view.resize();
|
|
43
|
+
});
|
|
44
|
+
this.observer.observe(this.$refs.plotElement);
|
|
45
|
+
}
|
|
46
|
+
const { view } = await vegaEmbed(this.$refs.plotElement, spec);
|
|
47
|
+
// events https://github.com/vega/vega-view#event-handling
|
|
48
|
+
if (this.listen_to_click) {
|
|
49
|
+
view.addEventListener('click', (event, item) => {
|
|
50
|
+
if (item && item.datum) {
|
|
51
|
+
this.altair_click(item.datum);
|
|
52
|
+
} else {
|
|
53
|
+
this.altair_click(null)
|
|
54
|
+
}
|
|
55
|
+
})
|
|
56
|
+
}
|
|
57
|
+
if (this.listen_to_hover) {
|
|
58
|
+
view.addEventListener('mouseover', (event, item) => {
|
|
59
|
+
if (item && item.datum) {
|
|
60
|
+
this.altair_hover(item.datum);
|
|
61
|
+
} else {
|
|
62
|
+
this.altair_hover(null)
|
|
63
|
+
}
|
|
64
|
+
})
|
|
65
|
+
}
|
|
66
|
+
})();
|
|
67
|
+
});
|
|
68
|
+
},
|
|
69
|
+
async loadVega() {
|
|
70
|
+
await this.loadRequire();
|
|
71
|
+
requirejs.undef("vega")
|
|
72
|
+
requirejs.undef("vega-lite")
|
|
73
|
+
requirejs.undef("vega-embed")
|
|
74
|
+
require.config({
|
|
75
|
+
map: {
|
|
76
|
+
'*': {
|
|
77
|
+
'vega': `${this.getCdn()}/vega@5/build/vega.min.js`,
|
|
78
|
+
'vega-lite': `${this.getCdn()}/vega-lite@5/build/vega-lite.min.js`,
|
|
79
|
+
'vega-embed': `${this.getCdn()}/vega-embed@6/build/vega-embed.min.js`,
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
})
|
|
83
|
+
// pre load
|
|
84
|
+
await new Promise((resolve, reject) => {
|
|
85
|
+
require(['vega', 'vega-lite', 'vega-embed'], () => {
|
|
86
|
+
resolve()
|
|
87
|
+
}, reject)
|
|
88
|
+
});
|
|
89
|
+
},
|
|
90
|
+
loadRequire() {
|
|
91
|
+
/* Needed in lab */
|
|
92
|
+
if (window.requirejs) {
|
|
93
|
+
console.log('require found');
|
|
94
|
+
return Promise.resolve()
|
|
95
|
+
}
|
|
96
|
+
return new Promise((resolve, reject) => {
|
|
97
|
+
const script = document.createElement('script');
|
|
98
|
+
script.src = `${this.getCdn()}/requirejs@2.3.6/require.js`;
|
|
99
|
+
script.onload = resolve;
|
|
100
|
+
script.onerror = reject;
|
|
101
|
+
document.head.appendChild(script);
|
|
102
|
+
});
|
|
103
|
+
},
|
|
104
|
+
getJupyterBaseUrl() {
|
|
105
|
+
// if base url is set, we use ./ for relative paths compared to the base url
|
|
106
|
+
if (document.getElementsByTagName("base").length) {
|
|
107
|
+
return "./";
|
|
108
|
+
}
|
|
109
|
+
const labConfigData = document.getElementById('jupyter-config-data');
|
|
110
|
+
if (labConfigData) {
|
|
111
|
+
/* lab and Voila */
|
|
112
|
+
return JSON.parse(labConfigData.textContent).baseUrl;
|
|
113
|
+
}
|
|
114
|
+
let base = document.body.dataset.baseUrl || document.baseURI;
|
|
115
|
+
if (!base.endsWith('/')) {
|
|
116
|
+
base += '/';
|
|
117
|
+
}
|
|
118
|
+
return base
|
|
119
|
+
},
|
|
120
|
+
getCdn() {
|
|
121
|
+
return this.cdn || (window.solara ? window.solara.cdn : `${this.getJupyterBaseUrl()}_solara/cdn`);
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
}
|
|
125
|
+
</script>
|
|
126
|
+
<style id="vega-embed-container-width">
|
|
127
|
+
.width-container.vega-embed {
|
|
128
|
+
width: 100%;
|
|
129
|
+
}
|
|
130
|
+
</style>
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import os
|
|
2
|
+
from typing import Dict, List, cast
|
|
3
|
+
|
|
4
|
+
import ipyvuetify as v
|
|
5
|
+
import ipywidgets
|
|
6
|
+
import traitlets
|
|
7
|
+
|
|
8
|
+
__all__ = [
|
|
9
|
+
"VegaLite",
|
|
10
|
+
"Navigator",
|
|
11
|
+
"GridLayout",
|
|
12
|
+
"HTML",
|
|
13
|
+
"watch",
|
|
14
|
+
]
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
class VegaLite(v.VuetifyTemplate):
|
|
18
|
+
template_file = os.path.realpath(os.path.join(os.path.dirname(__file__), "vue/vegalite.vue"))
|
|
19
|
+
spec = traitlets.Dict().tag(sync=True)
|
|
20
|
+
listen_to_click = traitlets.Bool(False).tag(sync=True)
|
|
21
|
+
listen_to_hover = traitlets.Bool(False).tag(sync=True)
|
|
22
|
+
on_click = traitlets.traitlets.Callable(None, allow_none=True)
|
|
23
|
+
on_hover = traitlets.traitlets.Callable(None, allow_none=True)
|
|
24
|
+
cdn = traitlets.Unicode(None, allow_none=True).tag(sync=True)
|
|
25
|
+
|
|
26
|
+
def vue_altair_click(self, *args):
|
|
27
|
+
if self.on_click is not None:
|
|
28
|
+
self.on_click(*args)
|
|
29
|
+
|
|
30
|
+
def vue_altair_hover(self, *args):
|
|
31
|
+
if self.on_hover is not None:
|
|
32
|
+
self.on_hover(*args)
|
|
33
|
+
|
|
34
|
+
@traitlets.default("cdn")
|
|
35
|
+
def _cdn(self):
|
|
36
|
+
import solara.settings
|
|
37
|
+
|
|
38
|
+
if not solara.settings.assets.proxy:
|
|
39
|
+
return solara.settings.assets.cdn
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
class Navigator(v.VuetifyTemplate):
|
|
43
|
+
template_file = os.path.realpath(os.path.join(os.path.dirname(__file__), "vue/navigator.vue"))
|
|
44
|
+
location = traitlets.Unicode(None, allow_none=True).tag(sync=True)
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
class GridLayout(v.VuetifyTemplate):
|
|
48
|
+
template_file = os.path.join(os.path.dirname(__file__), "vue/gridlayout.vue")
|
|
49
|
+
gridlayout_loaded = traitlets.Bool(False).tag(sync=True)
|
|
50
|
+
items = traitlets.Union([traitlets.List(), traitlets.Dict()], default_value=[]).tag(sync=True, **ipywidgets.widget_serialization)
|
|
51
|
+
grid_layout = traitlets.List(default_value=cast(List[Dict], [])).tag(sync=True)
|
|
52
|
+
draggable = traitlets.CBool(True).tag(sync=True)
|
|
53
|
+
resizable = traitlets.CBool(True).tag(sync=True)
|
|
54
|
+
cdn = traitlets.Unicode(None, allow_none=True).tag(sync=True)
|
|
55
|
+
|
|
56
|
+
@traitlets.default("cdn")
|
|
57
|
+
def _cdn(self):
|
|
58
|
+
import solara.settings
|
|
59
|
+
|
|
60
|
+
if not solara.settings.assets.proxy:
|
|
61
|
+
return solara.settings.assets.cdn
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
class HTML(v.VuetifyTemplate):
|
|
65
|
+
template_file = os.path.realpath(os.path.join(os.path.dirname(__file__), "vue/html.vue"))
|
|
66
|
+
tag = traitlets.Unicode("div").tag(sync=True)
|
|
67
|
+
attributes = traitlets.Dict().tag(sync=True)
|
|
68
|
+
unsafe_innerHTML = traitlets.Unicode(None, allow_none=True).tag(sync=True)
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
def watch():
|
|
72
|
+
import ipyvue
|
|
73
|
+
|
|
74
|
+
ipyvue.watch(os.path.realpath(os.path.dirname(__file__) + "/vue"))
|