solara 1.30.0__py2.py3-none-any.whl → 1.31.0__py2.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.
- {solara-1.30.0.dist-info → solara-1.31.0.dist-info}/METADATA +7 -42
- solara-1.31.0.dist-info/RECORD +5 -0
- {solara-1.30.0.dist-info → solara-1.31.0.dist-info}/WHEEL +1 -1
- {solara/template/portal → solara-1.31.0.dist-info/licenses}/LICENSE +1 -1
- solara/__init__.py +0 -123
- solara/__main__.py +0 -734
- solara/alias.py +0 -6
- solara/autorouting.py +0 -554
- solara/cache.py +0 -294
- solara/checks.html +0 -71
- solara/checks.py +0 -224
- solara/comm.py +0 -28
- solara/components/__init__.py +0 -59
- solara/components/alert.py +0 -155
- solara/components/applayout.py +0 -393
- solara/components/button.py +0 -85
- solara/components/card.py +0 -87
- solara/components/checkbox.py +0 -50
- solara/components/code_highlight_css.py +0 -11
- solara/components/code_highlight_css.vue +0 -63
- solara/components/columns.py +0 -159
- solara/components/component_vue.py +0 -109
- solara/components/cross_filter.py +0 -335
- solara/components/dataframe.py +0 -546
- solara/components/datatable.py +0 -221
- solara/components/datatable.vue +0 -175
- solara/components/details.py +0 -21
- solara/components/download.vue +0 -35
- solara/components/echarts.py +0 -75
- solara/components/echarts.vue +0 -128
- solara/components/figure_altair.py +0 -39
- solara/components/file_browser.py +0 -182
- solara/components/file_download.py +0 -199
- solara/components/file_drop.py +0 -139
- solara/components/file_drop.vue +0 -83
- solara/components/file_list_widget.vue +0 -78
- solara/components/head.py +0 -27
- solara/components/head_tag.py +0 -49
- solara/components/head_tag.vue +0 -60
- solara/components/image.py +0 -173
- solara/components/input.py +0 -440
- solara/components/link.py +0 -55
- solara/components/markdown.py +0 -371
- solara/components/markdown_editor.py +0 -25
- solara/components/markdown_editor.vue +0 -362
- solara/components/matplotlib.py +0 -74
- solara/components/meta.py +0 -47
- solara/components/misc.py +0 -333
- solara/components/pivot_table.py +0 -258
- solara/components/pivot_table.vue +0 -158
- solara/components/progress.py +0 -47
- solara/components/select.py +0 -186
- solara/components/select.vue +0 -27
- solara/components/slider.py +0 -442
- solara/components/slider_date.vue +0 -56
- solara/components/spinner-solara.vue +0 -105
- solara/components/spinner.py +0 -30
- solara/components/sql_code.py +0 -33
- solara/components/sql_code.vue +0 -128
- solara/components/style.py +0 -105
- solara/components/switch.py +0 -68
- solara/components/tab_navigation.py +0 -37
- solara/components/title.py +0 -90
- solara/components/title.vue +0 -38
- solara/components/togglebuttons.py +0 -202
- solara/components/tooltip.py +0 -61
- solara/datatypes.py +0 -143
- solara/express.py +0 -241
- solara/hooks/__init__.py +0 -4
- solara/hooks/dataframe.py +0 -99
- solara/hooks/misc.py +0 -263
- solara/hooks/use_reactive.py +0 -129
- solara/hooks/use_thread.py +0 -129
- solara/kitchensink.py +0 -8
- solara/lab/__init__.py +0 -34
- solara/lab/components/__init__.py +0 -6
- solara/lab/components/chat.py +0 -203
- solara/lab/components/confirmation_dialog.py +0 -165
- solara/lab/components/cross_filter.py +0 -7
- solara/lab/components/input_date.py +0 -298
- solara/lab/components/menu.py +0 -181
- solara/lab/components/menu.vue +0 -38
- solara/lab/components/tabs.py +0 -274
- solara/lab/components/theming.py +0 -98
- solara/lab/components/theming.vue +0 -72
- solara/lab/hooks/__init__.py +0 -0
- solara/lab/hooks/dataframe.py +0 -12
- solara/lab/toestand.py +0 -3
- solara/lab/utils/__init__.py +0 -2
- solara/lab/utils/cookies.py +0 -5
- solara/lab/utils/dataframe.py +0 -115
- solara/lab/utils/headers.py +0 -5
- solara/layout.py +0 -44
- solara/minisettings.py +0 -133
- solara/py.typed +0 -0
- solara/reactive.py +0 -93
- solara/routing.py +0 -268
- solara/scope/__init__.py +0 -87
- solara/scope/types.py +0 -55
- solara/server/__init__.py +0 -0
- solara/server/app.py +0 -490
- solara/server/assets/custom.css +0 -1
- solara/server/assets/custom.js +0 -1
- solara/server/assets/favicon.png +0 -0
- solara/server/assets/favicon.svg +0 -5
- solara/server/assets/style.css +0 -1665
- solara/server/assets/theme-dark.css +0 -437
- solara/server/assets/theme-light.css +0 -420
- solara/server/assets/theme.js +0 -3
- solara/server/cdn_helper.py +0 -77
- solara/server/esm.py +0 -69
- solara/server/fastapi.py +0 -5
- solara/server/flask.py +0 -286
- solara/server/jupyter/__init__.py +0 -2
- solara/server/jupyter/cdn_handler.py +0 -28
- solara/server/jupyter/server_extension.py +0 -29
- solara/server/jupytertools.py +0 -46
- solara/server/kernel.py +0 -319
- solara/server/kernel_context.py +0 -393
- solara/server/patch.py +0 -552
- solara/server/reload.py +0 -242
- solara/server/server.py +0 -437
- solara/server/settings.py +0 -212
- solara/server/shell.py +0 -240
- solara/server/starlette.py +0 -597
- solara/server/static/ansi.js +0 -270
- solara/server/static/highlight-dark.css +0 -82
- solara/server/static/highlight.css +0 -43
- solara/server/static/main-vuetify.js +0 -260
- solara/server/static/main.js +0 -163
- solara/server/static/solara_bootstrap.py +0 -129
- solara/server/static/sun.svg +0 -23
- solara/server/static/webworker.js +0 -42
- solara/server/telemetry.py +0 -212
- solara/server/templates/index.html.j2 +0 -1
- solara/server/templates/loader-plain.css +0 -11
- solara/server/templates/loader-plain.html +0 -20
- solara/server/templates/loader-solara.css +0 -111
- solara/server/templates/loader-solara.html +0 -40
- solara/server/templates/plain.html +0 -82
- solara/server/templates/solara.html.j2 +0 -446
- solara/server/threaded.py +0 -75
- solara/server/utils.py +0 -30
- solara/server/websocket.py +0 -44
- solara/settings.py +0 -56
- solara/tasks.py +0 -847
- solara/template/button.py +0 -16
- solara/template/markdown.py +0 -42
- solara/template/portal/.flake8 +0 -6
- solara/template/portal/.pre-commit-config.yaml +0 -28
- solara/template/portal/Procfile +0 -7
- solara/template/portal/mypy.ini +0 -3
- solara/template/portal/pyproject.toml +0 -26
- solara/template/portal/solara_portal/__init__.py +0 -3
- solara/template/portal/solara_portal/components/__init__.py +0 -2
- solara/template/portal/solara_portal/components/article.py +0 -28
- solara/template/portal/solara_portal/components/data.py +0 -28
- solara/template/portal/solara_portal/components/header.py +0 -6
- solara/template/portal/solara_portal/components/layout.py +0 -6
- solara/template/portal/solara_portal/content/articles/equis-in-vidi.md +0 -85
- solara/template/portal/solara_portal/content/articles/substiterat-vati.md +0 -70
- solara/template/portal/solara_portal/data.py +0 -60
- solara/template/portal/solara_portal/pages/__init__.py +0 -67
- solara/template/portal/solara_portal/pages/article/__init__.py +0 -26
- solara/template/portal/solara_portal/pages/tabular.py +0 -29
- solara/template/portal/solara_portal/pages/viz/__init__.py +0 -69
- solara/template/portal/solara_portal/pages/viz/overview.py +0 -14
- solara/test/__init__.py +0 -0
- solara/test/pytest_plugin.py +0 -698
- solara/toestand.py +0 -772
- solara/util.py +0 -308
- solara/website/__init__.py +0 -0
- solara/website/assets/custom.css +0 -462
- solara/website/assets/images/logo-small.png +0 -0
- solara/website/assets/images/logo.svg +0 -17
- solara/website/assets/images/logo_white.svg +0 -50
- solara/website/assets/theme.js +0 -8
- solara/website/components/__init__.py +0 -5
- solara/website/components/algolia.vue +0 -24
- solara/website/components/algolia_api.vue +0 -157
- solara/website/components/docs.py +0 -118
- solara/website/components/header.py +0 -72
- solara/website/components/hero.py +0 -15
- solara/website/components/mailchimp.py +0 -12
- solara/website/components/mailchimp.vue +0 -47
- solara/website/components/notebook.py +0 -172
- solara/website/pages/__init__.py +0 -564
- solara/website/pages/apps/__init__.py +0 -16
- solara/website/pages/apps/authorization/__init__.py +0 -118
- solara/website/pages/apps/authorization/admin.py +0 -12
- solara/website/pages/apps/authorization/users.py +0 -12
- solara/website/pages/apps/jupyter-dashboard-1.py +0 -116
- solara/website/pages/apps/layout-demo.py +0 -40
- solara/website/pages/apps/multipage/__init__.py +0 -38
- solara/website/pages/apps/multipage/page1.py +0 -26
- solara/website/pages/apps/multipage/page2.py +0 -34
- solara/website/pages/apps/scatter.py +0 -136
- solara/website/pages/apps/scrolling.py +0 -63
- solara/website/pages/apps/tutorial-streamlit.py +0 -18
- solara/website/pages/changelog/__init__.py +0 -8
- solara/website/pages/changelog/changelog.md +0 -180
- solara/website/pages/contact/__init__.py +0 -8
- solara/website/pages/contact/contact.md +0 -17
- solara/website/pages/doc_use_download.py +0 -85
- solara/website/pages/documentation/__init__.py +0 -184
- solara/website/pages/documentation/advanced/__init__.py +0 -36
- solara/website/pages/documentation/advanced/content/00-overview.md +0 -1
- solara/website/pages/documentation/advanced/content/10-howto/00-overview.md +0 -1
- solara/website/pages/documentation/advanced/content/10-howto/10-multipage.md +0 -191
- solara/website/pages/documentation/advanced/content/10-howto/20-layout.md +0 -120
- solara/website/pages/documentation/advanced/content/10-howto/30-testing.md +0 -149
- solara/website/pages/documentation/advanced/content/10-howto/31-debugging.md +0 -66
- solara/website/pages/documentation/advanced/content/10-howto/40-embed.md +0 -43
- solara/website/pages/documentation/advanced/content/10-howto/50-ipywidget_libraries.md +0 -120
- solara/website/pages/documentation/advanced/content/20-understanding/00-introduction.md +0 -4
- solara/website/pages/documentation/advanced/content/20-understanding/05-ipywidgets.md +0 -30
- solara/website/pages/documentation/advanced/content/20-understanding/06-ipyvuetify.md +0 -38
- solara/website/pages/documentation/advanced/content/20-understanding/10-reacton.md +0 -24
- solara/website/pages/documentation/advanced/content/20-understanding/12-reacton-basics.md +0 -104
- solara/website/pages/documentation/advanced/content/20-understanding/15-anatomy.md +0 -19
- solara/website/pages/documentation/advanced/content/20-understanding/17-rules-of-hooks.md +0 -3
- solara/website/pages/documentation/advanced/content/20-understanding/18-containers.md +0 -160
- solara/website/pages/documentation/advanced/content/20-understanding/20-solara.md +0 -13
- solara/website/pages/documentation/advanced/content/20-understanding/40-routing.md +0 -236
- solara/website/pages/documentation/advanced/content/20-understanding/50-solara-server.md +0 -81
- solara/website/pages/documentation/advanced/content/20-understanding/60-voila.md +0 -7
- solara/website/pages/documentation/advanced/content/30-enterprise/00-overview.md +0 -1
- solara/website/pages/documentation/advanced/content/30-enterprise/10-oauth.md +0 -167
- solara/website/pages/documentation/advanced/content/40-development/00-overview.md +0 -0
- solara/website/pages/documentation/advanced/content/40-development/01-contribute.md +0 -41
- solara/website/pages/documentation/advanced/content/40-development/10-setup.md +0 -72
- solara/website/pages/documentation/advanced/content/__init__.py +0 -0
- solara/website/pages/documentation/api/__init__.py +0 -19
- solara/website/pages/documentation/api/cross_filter/__init__.py +0 -9
- solara/website/pages/documentation/api/cross_filter/cross_filter_dataframe.py +0 -23
- solara/website/pages/documentation/api/cross_filter/cross_filter_report.py +0 -22
- solara/website/pages/documentation/api/cross_filter/cross_filter_select.py +0 -22
- solara/website/pages/documentation/api/cross_filter/cross_filter_slider.py +0 -22
- solara/website/pages/documentation/api/hooks/__init__.py +0 -9
- solara/website/pages/documentation/api/hooks/use_cross_filter.py +0 -25
- solara/website/pages/documentation/api/hooks/use_dark_effective.py +0 -13
- solara/website/pages/documentation/api/hooks/use_effect.md +0 -43
- solara/website/pages/documentation/api/hooks/use_effect.py +0 -9
- solara/website/pages/documentation/api/hooks/use_exception.py +0 -33
- solara/website/pages/documentation/api/hooks/use_memo.md +0 -16
- solara/website/pages/documentation/api/hooks/use_memo.py +0 -9
- solara/website/pages/documentation/api/hooks/use_previous.py +0 -32
- solara/website/pages/documentation/api/hooks/use_reactive.py +0 -15
- solara/website/pages/documentation/api/hooks/use_state.py +0 -11
- solara/website/pages/documentation/api/hooks/use_state_or_update.py +0 -68
- solara/website/pages/documentation/api/hooks/use_thread.md +0 -58
- solara/website/pages/documentation/api/hooks/use_thread.py +0 -44
- solara/website/pages/documentation/api/hooks/use_trait_observe.py +0 -13
- solara/website/pages/documentation/api/routing/__init__.py +0 -9
- solara/website/pages/documentation/api/routing/generate_routes.py +0 -11
- solara/website/pages/documentation/api/routing/generate_routes_directory.py +0 -11
- solara/website/pages/documentation/api/routing/resolve_path.py +0 -36
- solara/website/pages/documentation/api/routing/route.py +0 -32
- solara/website/pages/documentation/api/routing/use_route.py +0 -80
- solara/website/pages/documentation/api/routing/use_router.py +0 -15
- solara/website/pages/documentation/api/utilities/__init__.py +0 -9
- solara/website/pages/documentation/api/utilities/component_vue.py +0 -11
- solara/website/pages/documentation/api/utilities/computed.py +0 -16
- solara/website/pages/documentation/api/utilities/display.py +0 -15
- solara/website/pages/documentation/api/utilities/get_kernel_id.py +0 -16
- solara/website/pages/documentation/api/utilities/get_session_id.py +0 -16
- solara/website/pages/documentation/api/utilities/memoize.py +0 -36
- solara/website/pages/documentation/api/utilities/on_kernel_start.py +0 -27
- solara/website/pages/documentation/api/utilities/reactive.py +0 -15
- solara/website/pages/documentation/api/utilities/widget.py +0 -104
- solara/website/pages/documentation/components/__init__.py +0 -12
- solara/website/pages/documentation/components/advanced/__init__.py +0 -9
- solara/website/pages/documentation/components/advanced/link.py +0 -28
- solara/website/pages/documentation/components/advanced/meta.py +0 -21
- solara/website/pages/documentation/components/advanced/style.py +0 -44
- solara/website/pages/documentation/components/common.py +0 -9
- solara/website/pages/documentation/components/data/__init__.py +0 -9
- solara/website/pages/documentation/components/data/dataframe.py +0 -44
- solara/website/pages/documentation/components/data/pivot_table.py +0 -81
- solara/website/pages/documentation/components/enterprise/__init__.py +0 -9
- solara/website/pages/documentation/components/enterprise/avatar.py +0 -19
- solara/website/pages/documentation/components/enterprise/avatar_menu.py +0 -20
- solara/website/pages/documentation/components/input/__init__.py +0 -9
- solara/website/pages/documentation/components/input/button.py +0 -22
- solara/website/pages/documentation/components/input/checkbox.py +0 -12
- solara/website/pages/documentation/components/input/file_browser.py +0 -33
- solara/website/pages/documentation/components/input/file_drop.py +0 -75
- solara/website/pages/documentation/components/input/input.py +0 -18
- solara/website/pages/documentation/components/input/select.py +0 -21
- solara/website/pages/documentation/components/input/slider.py +0 -28
- solara/website/pages/documentation/components/input/switch.py +0 -12
- solara/website/pages/documentation/components/input/togglebuttons.py +0 -20
- solara/website/pages/documentation/components/lab/__init__.py +0 -9
- solara/website/pages/documentation/components/lab/chat.py +0 -108
- solara/website/pages/documentation/components/lab/confirmation_dialog.py +0 -55
- solara/website/pages/documentation/components/lab/cookies_headers.py +0 -48
- solara/website/pages/documentation/components/lab/input_date.py +0 -19
- solara/website/pages/documentation/components/lab/menu.py +0 -21
- solara/website/pages/documentation/components/lab/tab.py +0 -24
- solara/website/pages/documentation/components/lab/tabs.py +0 -44
- solara/website/pages/documentation/components/lab/task.py +0 -12
- solara/website/pages/documentation/components/lab/theming.py +0 -72
- solara/website/pages/documentation/components/lab/use_task.py +0 -12
- solara/website/pages/documentation/components/layout/__init__.py +0 -9
- solara/website/pages/documentation/components/layout/app_bar.py +0 -15
- solara/website/pages/documentation/components/layout/app_bar_title.py +0 -15
- solara/website/pages/documentation/components/layout/app_layout.py +0 -23
- solara/website/pages/documentation/components/layout/card.py +0 -14
- solara/website/pages/documentation/components/layout/card_actions.py +0 -15
- solara/website/pages/documentation/components/layout/column.py +0 -29
- solara/website/pages/documentation/components/layout/columns.py +0 -26
- solara/website/pages/documentation/components/layout/columns_responsive.py +0 -67
- solara/website/pages/documentation/components/layout/griddraggable.py +0 -61
- solara/website/pages/documentation/components/layout/gridfixed.py +0 -21
- solara/website/pages/documentation/components/layout/hbox.py +0 -17
- solara/website/pages/documentation/components/layout/row.py +0 -29
- solara/website/pages/documentation/components/layout/sidebar.py +0 -23
- solara/website/pages/documentation/components/layout/vbox.py +0 -19
- solara/website/pages/documentation/components/output/__init__.py +0 -9
- solara/website/pages/documentation/components/output/file_download.py +0 -12
- solara/website/pages/documentation/components/output/html.py +0 -22
- solara/website/pages/documentation/components/output/image.py +0 -12
- solara/website/pages/documentation/components/output/markdown.py +0 -59
- solara/website/pages/documentation/components/output/markdown_editor.py +0 -53
- solara/website/pages/documentation/components/output/sql_code.py +0 -84
- solara/website/pages/documentation/components/output/tooltip.py +0 -12
- solara/website/pages/documentation/components/page/__init__.py +0 -9
- solara/website/pages/documentation/components/page/head.py +0 -19
- solara/website/pages/documentation/components/page/title.py +0 -28
- solara/website/pages/documentation/components/status/__init__.py +0 -9
- solara/website/pages/documentation/components/status/error.py +0 -40
- solara/website/pages/documentation/components/status/info.py +0 -40
- solara/website/pages/documentation/components/status/progress.py +0 -10
- solara/website/pages/documentation/components/status/spinner.py +0 -10
- solara/website/pages/documentation/components/status/success.py +0 -40
- solara/website/pages/documentation/components/status/warning.py +0 -47
- solara/website/pages/documentation/components/viz/__init__.py +0 -9
- solara/website/pages/documentation/components/viz/altair.py +0 -44
- solara/website/pages/documentation/components/viz/echarts.py +0 -78
- solara/website/pages/documentation/components/viz/matplotlib.py +0 -32
- solara/website/pages/documentation/components/viz/plotly.py +0 -63
- solara/website/pages/documentation/components/viz/plotly_express.py +0 -41
- solara/website/pages/documentation/examples/__init__.py +0 -52
- solara/website/pages/documentation/examples/ai/__init__.py +0 -10
- solara/website/pages/documentation/examples/ai/chatbot.py +0 -96
- solara/website/pages/documentation/examples/ai/tokenizer.py +0 -106
- solara/website/pages/documentation/examples/basics/__init__.py +0 -2
- solara/website/pages/documentation/examples/basics/sine.py +0 -28
- solara/website/pages/documentation/examples/fullscreen/__init__.py +0 -9
- solara/website/pages/documentation/examples/fullscreen/authorization.py +0 -3
- solara/website/pages/documentation/examples/fullscreen/layout_demo.py +0 -3
- solara/website/pages/documentation/examples/fullscreen/multipage.py +0 -3
- solara/website/pages/documentation/examples/fullscreen/scatter.py +0 -3
- solara/website/pages/documentation/examples/fullscreen/scrolling.py +0 -3
- solara/website/pages/documentation/examples/fullscreen/tutorial_streamlit.py +0 -3
- solara/website/pages/documentation/examples/general/__init__.py +0 -9
- solara/website/pages/documentation/examples/general/custom_storage.py +0 -69
- solara/website/pages/documentation/examples/general/deploy_model.py +0 -114
- solara/website/pages/documentation/examples/general/live_update.py +0 -38
- solara/website/pages/documentation/examples/general/login_oauth.py +0 -76
- solara/website/pages/documentation/examples/general/mycard.vue +0 -58
- solara/website/pages/documentation/examples/general/pokemon_search.py +0 -51
- solara/website/pages/documentation/examples/general/vue_component.py +0 -50
- solara/website/pages/documentation/examples/ipycanvas.py +0 -49
- solara/website/pages/documentation/examples/libraries/__init__.py +0 -9
- solara/website/pages/documentation/examples/libraries/altair.py +0 -63
- solara/website/pages/documentation/examples/libraries/bqplot.py +0 -39
- solara/website/pages/documentation/examples/libraries/ipyleaflet.py +0 -32
- solara/website/pages/documentation/examples/libraries/ipyleaflet_advanced.py +0 -65
- solara/website/pages/documentation/examples/utilities/__init__.py +0 -9
- solara/website/pages/documentation/examples/utilities/calculator.py +0 -157
- solara/website/pages/documentation/examples/utilities/countdown_timer.py +0 -64
- solara/website/pages/documentation/examples/utilities/todo.py +0 -195
- solara/website/pages/documentation/examples/visualization/__init__.py +0 -6
- solara/website/pages/documentation/examples/visualization/annotator.py +0 -68
- solara/website/pages/documentation/examples/visualization/linked_views.py +0 -84
- solara/website/pages/documentation/examples/visualization/plotly.py +0 -43
- solara/website/pages/documentation/faq/__init__.py +0 -11
- solara/website/pages/documentation/faq/content/99-faq.md +0 -73
- solara/website/pages/documentation/getting_started/__init__.py +0 -15
- solara/website/pages/documentation/getting_started/content/00-quickstart.md +0 -84
- solara/website/pages/documentation/getting_started/content/01-introduction.md +0 -121
- solara/website/pages/documentation/getting_started/content/02-installing.md +0 -81
- solara/website/pages/documentation/getting_started/content/04-tutorials/00-overview.md +0 -9
- solara/website/pages/documentation/getting_started/content/04-tutorials/10_data_science.py +0 -13
- solara/website/pages/documentation/getting_started/content/04-tutorials/20-web-app.md +0 -84
- solara/website/pages/documentation/getting_started/content/04-tutorials/30-ipywidgets.md +0 -120
- solara/website/pages/documentation/getting_started/content/04-tutorials/40-streamlit.md +0 -141
- solara/website/pages/documentation/getting_started/content/04-tutorials/50-dash.md +0 -140
- solara/website/pages/documentation/getting_started/content/04-tutorials/60-jupyter-dashboard-part1.py +0 -64
- 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 +0 -445
- solara/website/pages/documentation/getting_started/content/04-tutorials/_jupyter_dashboard_1.ipynb +0 -1000
- solara/website/pages/documentation/getting_started/content/05-fundamentals/00-overview.md +0 -7
- solara/website/pages/documentation/getting_started/content/05-fundamentals/10-components.md +0 -218
- solara/website/pages/documentation/getting_started/content/05-fundamentals/50-state-management.md +0 -83
- solara/website/pages/documentation/getting_started/content/06-reference/00-overview.md +0 -3
- solara/website/pages/documentation/getting_started/content/06-reference/40-static_files.md +0 -27
- solara/website/pages/documentation/getting_started/content/06-reference/41-asset-files.md +0 -32
- solara/website/pages/documentation/getting_started/content/06-reference/60-static-site-generation.md +0 -55
- solara/website/pages/documentation/getting_started/content/06-reference/70-search.md +0 -30
- solara/website/pages/documentation/getting_started/content/06-reference/80-reloading.md +0 -30
- solara/website/pages/documentation/getting_started/content/06-reference/90-notebook-support.md +0 -4
- solara/website/pages/documentation/getting_started/content/06-reference/95-caching.md +0 -143
- solara/website/pages/documentation/getting_started/content/07-deploying/00-overview.md +0 -3
- solara/website/pages/documentation/getting_started/content/07-deploying/10-self-hosted.md +0 -269
- solara/website/pages/documentation/getting_started/content/07-deploying/20-cloud-hosted.md +0 -76
- solara/website/pages/documentation/getting_started/content/08-lab/00-what-is-lab.md +0 -3
- solara/website/pages/documentation/getting_started/content/90-troubleshoot.md +0 -22
- solara/website/pages/documentation/getting_started/content/__init__.py +0 -0
- solara/website/pages/docutils.py +0 -38
- solara/website/pages/showcase/__init__.py +0 -105
- solara/website/pages/showcase/domino_code_assist.py +0 -60
- solara/website/pages/showcase/planeto_tessa.py +0 -19
- solara/website/pages/showcase/solara_dev.py +0 -54
- solara/website/pages/showcase/solarathon_2023_team_2.py +0 -22
- solara/website/pages/showcase/solarathon_2023_team_4.py +0 -22
- solara/website/pages/showcase/solarathon_2023_team_5.py +0 -23
- solara/website/pages/showcase/solarathon_2023_team_6.py +0 -34
- solara/website/pages/showcase/wanderlust.py +0 -27
- solara/website/public/beach.jpeg +0 -0
- solara/website/public/logo.svg +0 -6
- solara/website/public/social/discord.svg +0 -1
- solara/website/public/social/github.svg +0 -1
- solara/website/public/social/twitter.svg +0 -3
- solara/website/public/success.html +0 -25
- solara/website/templates/index.html.j2 +0 -117
- solara/website/utils.py +0 -51
- solara/widgets/__init__.py +0 -1
- solara/widgets/vue/gridlayout.vue +0 -110
- solara/widgets/vue/html.vue +0 -4
- solara/widgets/vue/navigator.vue +0 -104
- solara/widgets/vue/vegalite.vue +0 -115
- solara/widgets/widgets.py +0 -65
- solara-1.30.0.data/data/etc/jupyter/jupyter_notebook_config.d/solara.json +0 -7
- solara-1.30.0.data/data/etc/jupyter/jupyter_server_config.d/solara.json +0 -7
- solara-1.30.0.dist-info/RECORD +0 -438
- solara-1.30.0.dist-info/entry_points.txt +0 -5
- /solara-1.30.0.dist-info/licenses/LICENSE → /LICENSE +0 -0
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
# Fundamentals
|
|
2
|
-
|
|
3
|
-
If you want to dive deeper into Solara, this section is for you. We will cover the following topics:
|
|
4
|
-
|
|
5
|
-
* [Components](/documentation/getting_started/fundamentals/components)
|
|
6
|
-
* Hooks (soon)
|
|
7
|
-
* [State management](/documentation/getting_started/fundamentals/state-management)
|
|
@@ -1,218 +0,0 @@
|
|
|
1
|
-
<!-- TODO: column auto -->
|
|
2
|
-
|
|
3
|
-
# Introduction to Components
|
|
4
|
-
|
|
5
|
-
In Solara, components are the building blocks of your web application. They allow you to create modular, reusable, and maintainable user interface (UI) elements that can be combined to create a complete and interactive application. Components can range from simple UI elements, such as buttons or text inputs, to more complex and custom visualizations or forms.
|
|
6
|
-
|
|
7
|
-
The primary benefits of using components in Solara include:
|
|
8
|
-
|
|
9
|
-
* Modularity: Components can be designed independently and then combined to form more complex UIs. This modular approach promotes separation of concerns, making it easier to reason about and maintain each part of your application.
|
|
10
|
-
* Reusability: Components can be reused across different parts of your application or even across multiple projects. This can save time and effort by reducing the need to rewrite similar code and can lead to more consistent UIs.
|
|
11
|
-
* Maintainability: By breaking your application into smaller, self-contained components, it becomes easier to understand, debug, and update your code. This results in more maintainable and resilient applications.
|
|
12
|
-
* Performance: When a component instance depends on a specific state, and that state changes, only the render function of the affected component instance will be re-executed. This selective re-rendering ensures that other components or instances that do not depend on the changed state remain unaffected, leading to more efficient performance.
|
|
13
|
-
|
|
14
|
-
## Types of Components
|
|
15
|
-
|
|
16
|
-
In Solara, there are two main types of components: Widget Components and Function Components.
|
|
17
|
-
|
|
18
|
-
## Widget components
|
|
19
|
-
|
|
20
|
-
Widget Components correspond to ipywidgets and are responsible for rendering visual elements in the browser, such as buttons, sliders, or performing layout tasks. These components are the foundation of your user interface and provide the essential building blocks for creating interactive applications.
|
|
21
|
-
|
|
22
|
-
Solara mainly uses the [ipyvuetify library](/documentation/advanced/understanding/ipyvuetify) for its widget components. It provides a set of high-level components that can be used to create rich, interactive user interfaces.
|
|
23
|
-
|
|
24
|
-
See the [components page](/documentation/components) for a complete list of basic UI components.
|
|
25
|
-
|
|
26
|
-
## Function Components
|
|
27
|
-
|
|
28
|
-
Function Components (Components for short), on the other hand, are responsible for combining logic, state, and other components to create more complex and dynamic applications. These components serve as a way to create reusable and modular structures that can be easily integrated into your application.
|
|
29
|
-
|
|
30
|
-
These are the components that you will be writing when building Solara applications.
|
|
31
|
-
|
|
32
|
-
By utilizing both Widget Components and Function Components, you can create flexible and powerful applications that provide a rich user experience while maintaining a clean and organized codebase.
|
|
33
|
-
|
|
34
|
-
## Creating New Components
|
|
35
|
-
|
|
36
|
-
In Solara, users can create their own custom components without any special distinction from the built-in components provided by the framework, they are all components. These user-defined components have the same capabilities and can be composed seamlessly alongside Solara's components, allowing for the creation of highly customized and reusable user interfaces.
|
|
37
|
-
|
|
38
|
-
# Defining Components
|
|
39
|
-
To create a component in Solara, you'll start by defining a Python function decorated with @solara.component. Inside the function, you can create the component's structure by calling Solara's built-in components or creating custom components to suit your specific needs. If a single element is created, it's taken as the component's main element. If multiple elements are created, they are automatically wrapped in a Column component.
|
|
40
|
-
|
|
41
|
-
Here's an example of a simple Solara component that displays a button:
|
|
42
|
-
|
|
43
|
-
```python
|
|
44
|
-
import solara
|
|
45
|
-
|
|
46
|
-
@solara.component
|
|
47
|
-
def MyButton():
|
|
48
|
-
solara.Button("Click me!")
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
In this example, we create a component function named MyButton and apply the @solara.component decorator to it. Within the component function, a Button component from Solara is created, displaying the text "Click me!".
|
|
52
|
-
|
|
53
|
-
## Using Components
|
|
54
|
-
Once you've created your components, you can use them in your Solara app by calling the components to create elements. Elements, the lightweight representations of components, can be combined to build complex UIs. They can also be passed as arguments to other components, enabling a flexible and modular application structure.
|
|
55
|
-
|
|
56
|
-
Here's an example of using the `MyButton` component we defined earlier:
|
|
57
|
-
|
|
58
|
-
```python
|
|
59
|
-
import solara
|
|
60
|
-
|
|
61
|
-
@solara.component
|
|
62
|
-
def MyApp():
|
|
63
|
-
MyButton()
|
|
64
|
-
MyButton()
|
|
65
|
-
```
|
|
66
|
-
|
|
67
|
-
In this example, we create a `MyApp` function decorated with `@solara.component`. The function create two MyButton elements, resulting in two buttons (or two component instances).
|
|
68
|
-
|
|
69
|
-
## Handling User Interactions
|
|
70
|
-
Components in Solara can capture user input and respond to events, such as button clicks or form submissions. To handle user interactions, you'll define callback functions and connect them to your components using Solara's event handling system.
|
|
71
|
-
|
|
72
|
-
Here's an example of a Solara component that displays a button and responds to click events:
|
|
73
|
-
|
|
74
|
-
```python
|
|
75
|
-
import solara
|
|
76
|
-
|
|
77
|
-
def on_button_click(event):
|
|
78
|
-
print("Button clicked!")
|
|
79
|
-
|
|
80
|
-
@solara.component
|
|
81
|
-
def MyInteractiveButton():
|
|
82
|
-
solara.Button("Click me!", on_click=on_button_click)
|
|
83
|
-
```
|
|
84
|
-
|
|
85
|
-
In this example, we define a function called on_button_click that will be executed when the button is clicked. In the MyInteractiveButton function, we create a Button component and set the on_click argument to the on_button_click function.
|
|
86
|
-
|
|
87
|
-
By following these steps, you can create and use components to build rich, interactive applications with Solara.
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
## Component Arguments and State
|
|
91
|
-
In Solara, components can accept arguments and maintain internal state to manage their behavior and appearance. This section will explain how to use arguments and state in your Solara components and provide code examples to demonstrate their usage.
|
|
92
|
-
|
|
93
|
-
### Component Arguments
|
|
94
|
-
Arguments are the values that you pass to a component when you call it, allowing you to customize its behavior and appearance. You can define the arguments your component accepts by specifying them as parameters in the component function. This makes your components more reusable and flexible, as you can easily modify their behavior by passing different argument values.
|
|
95
|
-
|
|
96
|
-
Here's an example of a Solara component that accepts an argument:
|
|
97
|
-
|
|
98
|
-
```python
|
|
99
|
-
import solara
|
|
100
|
-
|
|
101
|
-
@solara.component
|
|
102
|
-
def MyButton(text):
|
|
103
|
-
solara.Button(text)
|
|
104
|
-
```
|
|
105
|
-
|
|
106
|
-
In this example, we define a function called MyButton that takes a single argument, text. The render function creates a Button component from Solara with the specified text.
|
|
107
|
-
|
|
108
|
-
### Using Application state in Components
|
|
109
|
-
To manage the state of a component in Solara, you can use the solara.reactive() function to create reactive variables. Reactive variables are used to store values that can change over time and automatically trigger component updates when their values change. This allows you to create components that respond to changes in data and user interactions.
|
|
110
|
-
|
|
111
|
-
Here's an example that demonstrates the use of reactive variables in Solara components:
|
|
112
|
-
```solara
|
|
113
|
-
import solara
|
|
114
|
-
|
|
115
|
-
counter = solara.reactive(0)
|
|
116
|
-
|
|
117
|
-
def increment():
|
|
118
|
-
counter.value += 1
|
|
119
|
-
|
|
120
|
-
@solara.component
|
|
121
|
-
def CounterDisplay():
|
|
122
|
-
solara.Info(f"Counter: {counter.value}")
|
|
123
|
-
|
|
124
|
-
@solara.component
|
|
125
|
-
def IncrementButton():
|
|
126
|
-
solara.Button("Increment", on_click=increment)
|
|
127
|
-
|
|
128
|
-
@solara.component
|
|
129
|
-
def Page():
|
|
130
|
-
IncrementButton()
|
|
131
|
-
CounterDisplay()
|
|
132
|
-
|
|
133
|
-
```
|
|
134
|
-
|
|
135
|
-
In this example, we create a reactive variable counter with an initial value of 0. We define two components: `CounterDisplay` and `IncrementButton`. `CounterDisplay` renders the current value of counter, while `IncrementButton` increments the value of counter when clicked. Whenever the counter value changes, `CounterDisplay` automatically updates to display the new value.
|
|
136
|
-
|
|
137
|
-
By using arguments and state in your Solara components, you can create more dynamic and interactive applications that respond to user input and changes in data.
|
|
138
|
-
|
|
139
|
-
### Internal State in Components
|
|
140
|
-
|
|
141
|
-
In addition to using reactive variables for global or application-wide state, you can also manage internal or component-specific state using the use_state hook in Solara. The use_state hook allows you to define state variables that are local to a component, and automatically trigger updates when their values change.
|
|
142
|
-
|
|
143
|
-
To use the use_state hook, call the solara.use_state() function inside your component function. This function takes an initial value as an argument and returns a tuple containing the current state value and a function to update the state.
|
|
144
|
-
|
|
145
|
-
Here's an example that demonstrates the use of the use_state hook to manage internal state in a Solara component:
|
|
146
|
-
|
|
147
|
-
```solara
|
|
148
|
-
import solara
|
|
149
|
-
|
|
150
|
-
@solara.component
|
|
151
|
-
def Counter():
|
|
152
|
-
count, set_count = solara.use_state(0)
|
|
153
|
-
|
|
154
|
-
def increment():
|
|
155
|
-
set_count(count + 1)
|
|
156
|
-
|
|
157
|
-
solara.Button("Increment", on_click=increment)
|
|
158
|
-
solara.Info(f"Counter: {count}")
|
|
159
|
-
|
|
160
|
-
@solara.component
|
|
161
|
-
def Page():
|
|
162
|
-
Counter()
|
|
163
|
-
```
|
|
164
|
-
|
|
165
|
-
In this example, we define a Counter component that uses the use_state hook to manage its internal state. We create a state variable count with an initial value of 0 and a function set_count to update the state. The increment function increments the value of count when the button is clicked. Whenever the count value changes, the component automatically updates to display the new value.
|
|
166
|
-
|
|
167
|
-
By using the use_state hook, you can manage the internal state of your components and create more dynamic and interactive applications that respond to user input and changes in data.
|
|
168
|
-
|
|
169
|
-
## Lazy Rendering in Solara Components
|
|
170
|
-
|
|
171
|
-
In Solara, understanding the relationship between components, elements, and instances is essential to grasp the rendering process. Components serve as a blueprint or template for defining the structure and behavior of a part of the user interface. Elements are lightweight virtual representations of components, created when the components are invoked. Instances, on the other hand, represent the function body of the component and its state.
|
|
172
|
-
|
|
173
|
-
Solara employs a "lazy rendering" approach, where the rendering of a component's children is deferred until it is necessary. When a component is invoked, an element is created immediately, representing that particular instance of the component. However, the actual rendering of the component's children is postponed until the component is rendered within the virtual tree, either as a child of another component or as the root component. This allows Solara to optimize the rendering process and update only the necessary components when the application state or component arguments change.
|
|
174
|
-
|
|
175
|
-
Lazy rendering in Solara ensures that the render function is executed only when necessary, improving the application's performance. To illustrate this concept, let's consider the following example:
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
```solara
|
|
179
|
-
import solara
|
|
180
|
-
|
|
181
|
-
counter = solara.reactive(0)
|
|
182
|
-
|
|
183
|
-
@solara.component
|
|
184
|
-
def CounterDisplay():
|
|
185
|
-
solara.Info(f"Counter: {counter.value}")
|
|
186
|
-
|
|
187
|
-
@solara.component
|
|
188
|
-
def IncrementButton():
|
|
189
|
-
def increment():
|
|
190
|
-
counter.value += 1
|
|
191
|
-
|
|
192
|
-
solara.Button("Increment", on_click=increment)
|
|
193
|
-
|
|
194
|
-
@solara.component
|
|
195
|
-
def RandomText():
|
|
196
|
-
import random
|
|
197
|
-
solara.Info(f"Random number: {random.random()}")
|
|
198
|
-
|
|
199
|
-
@solara.component
|
|
200
|
-
def Page():
|
|
201
|
-
IncrementButton()
|
|
202
|
-
CounterDisplay()
|
|
203
|
-
RandomText()
|
|
204
|
-
```
|
|
205
|
-
|
|
206
|
-
In this example, we define several components: `IncrementButton`, `CounterDisplay`, and `RandomText`. The `IncrementButton` component increments the value of the counter reactive variable when clicked. The `CounterDisplay` component displays the current value of the counter. The `RandomText` component displays a random number but does not depend on any state or reactive variables.
|
|
207
|
-
|
|
208
|
-
When the user clicks the `IncrementButton`, the counter reactive variable is updated, and the `CounterDisplay` component re-renders to show the new value. The RandomText component does not re-render in this scenario because it does not depend on any state or reactive variables.
|
|
209
|
-
|
|
210
|
-
This example demonstrates Solara's lazy rendering, where only the relevant components are instantiated and rendered based on changes in their arguments or internal state. This ensures that the render function is executed only when necessary, improving the application's performance.
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
## Conclusions
|
|
214
|
-
In conclusion, understanding components, their arguments, and how to manage their internal state is crucial for building Solara applications. To create more advanced components, you need to have a deeper understanding of hooks, such as the use_state hook we have already discussed.
|
|
215
|
-
|
|
216
|
-
In the next fundamentals article, we will explore more hooks available in Solara, which will enable you to build more sophisticated components that cater to a wide range of use cases. By learning about hooks, you can create powerful components that can manage state, interact with other components, and respond to user input.
|
|
217
|
-
|
|
218
|
-
To summarize, components are the building blocks of Solara applications, and they can accept arguments to customize their behavior and appearance. Managing state in components can be done either through local (component) state or application-wide state, each with its advantages and disadvantages. By striking a balance between reusable components and application-specific code, you can create scalable and maintainable applications in Solara. With a solid understanding of components and their state management, you are well on your way to creating powerful and interactive web applications with Solara.
|
solara/website/pages/documentation/getting_started/content/05-fundamentals/50-state-management.md
DELETED
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
# Introduction
|
|
2
|
-
|
|
3
|
-
State management is a crucial aspect of building data-focused web applications with Solara. By effectively managing state, you can create interactive and responsive applications that react to changes in data and user input. In Solara, there are two primary ways to define state: global application state using [`solara.reactive`](/documentation/api/utilities/reactive) and local component state using [`solara.use_state`](/documentation/api/hooks/use_state) or [`solara.use_reactive`](/documentation/api/hooks/use_reactive). This article will discuss these two approaches and provide examples of how to use them in your Solara applications.
|
|
4
|
-
|
|
5
|
-
## Two main ways of defining state in Solara
|
|
6
|
-
|
|
7
|
-
### Global application state using solara.reactive
|
|
8
|
-
|
|
9
|
-
Using [`solara.reactive`](/documentation/api/utilities/reactive) allows you to create global state variables that can be accessed and modified from any component within your application. This approach is useful when you need to manage state that is shared across multiple components or when you want to maintain consistency throughout your application.
|
|
10
|
-
|
|
11
|
-
Example:
|
|
12
|
-
|
|
13
|
-
```solara
|
|
14
|
-
import solara
|
|
15
|
-
|
|
16
|
-
color = solara.reactive("red")
|
|
17
|
-
|
|
18
|
-
@solara.component
|
|
19
|
-
def SomeAppSpecificComponent():
|
|
20
|
-
solara.Select(label="Color", values=["red", "green", "blue", "orange"], value=color)
|
|
21
|
-
solara.Markdown("### Solara is awesome", style={"color": color.value})
|
|
22
|
-
|
|
23
|
-
@solara.component
|
|
24
|
-
def Page():
|
|
25
|
-
SomeAppSpecificComponent()
|
|
26
|
-
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
In this case, the `SomeAppSpecificComponent` is not reusable in the sense that a second component has a different state. The `color` variable is global and shared across all components. This component is meant to be used only once, and mainly helps to organize the code.
|
|
30
|
-
|
|
31
|
-
## Local component state using solara.use_state
|
|
32
|
-
|
|
33
|
-
[`solara.use_state`](/documentation/api/hooks/use_state) is a hook that allows you to manage local state within a specific component. This approach is beneficial when you want to encapsulate state within a component, making it self-contained and modular. Local state management is suitable for situations where state changes only affect the component and do not need to be shared across the application.
|
|
34
|
-
|
|
35
|
-
Example:
|
|
36
|
-
```solara
|
|
37
|
-
import solara
|
|
38
|
-
|
|
39
|
-
@solara.component
|
|
40
|
-
def ReusableComponent():
|
|
41
|
-
# color = solara.use_reactive("red") # another possibility
|
|
42
|
-
color, set_color = solara.use_state("red") # local state
|
|
43
|
-
solara.Select(label="Color",values=["red", "green", "blue", "orange"],
|
|
44
|
-
value=color, on_value=set_color)
|
|
45
|
-
solara.Markdown("### Solara is awesome", style={"color": color})
|
|
46
|
-
|
|
47
|
-
@solara.component
|
|
48
|
-
def Page():
|
|
49
|
-
# this component is used twice, but each instance has its own state
|
|
50
|
-
ReusableComponent()
|
|
51
|
-
ReusableComponent()
|
|
52
|
-
|
|
53
|
-
```
|
|
54
|
-
|
|
55
|
-
## Local component state using solara.use_reactive
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
`use_reactive` is the middle ground between `use_state` and `reactive`. It allows you to create a reactive variable that is scoped to a specific component. This is more a matter of taste, we generally recommend using `use_reactive`, but if you prefer a little less magic, you can use `use_state` instead.
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
If we take the previous example using `use_state`, are replace `use_state` by `use_reactive`, we get:
|
|
62
|
-
```solara
|
|
63
|
-
import solara
|
|
64
|
-
|
|
65
|
-
@solara.component
|
|
66
|
-
def ReusableComponent():
|
|
67
|
-
color = solara.use_reactive("red") # another possibility
|
|
68
|
-
solara.Select(label="Color",values=["red", "green", "blue", "orange"],
|
|
69
|
-
value=color)
|
|
70
|
-
solara.Markdown("### Solara is awesome", style={"color": color.value})
|
|
71
|
-
|
|
72
|
-
@solara.component
|
|
73
|
-
def Page():
|
|
74
|
-
# this component is used twice, but each instance has its own state
|
|
75
|
-
ReusableComponent()
|
|
76
|
-
ReusableComponent()
|
|
77
|
-
|
|
78
|
-
```
|
|
79
|
-
|
|
80
|
-
## Conclusion
|
|
81
|
-
Understanding the advantages and disadvantages of reusable components and application-specific code can help you strike the right balance between modularity and simplicity when building your Solara applications.
|
|
82
|
-
|
|
83
|
-
By understanding the trade-offs between local and application state, as well as reusable components and application-specific code, you can make better decisions when designing and building your Solara applications. Both approaches have their benefits and drawbacks, but choosing the right method for your specific use case will help you create more efficient, maintainable, and scalable applications.
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
# Static files
|
|
2
|
-
|
|
3
|
-
Files located on your local filesystem at the `../public` directory will be served by the Solara server at `/static/public`. A typical directory layout looks like this:
|
|
4
|
-
|
|
5
|
-
```
|
|
6
|
-
├── pages
|
|
7
|
-
│ ├── 01-landing-page.md
|
|
8
|
-
│ ├── 02-some_app.py
|
|
9
|
-
└── public
|
|
10
|
-
└── beach.jpeg
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
For instance, on this server, the `beach.jpeg` file will be available at `/static/public/beach.jpeg` and the full URL will be [`https://solara.dev/static/public/beach.jpeg`](https://solara.dev/static/public/beach.jpeg)
|
|
14
|
-
|
|
15
|
-
Putting the `public` directory 1 level higher than the `pages` directory avoids name collision with pages.
|
|
16
|
-
|
|
17
|
-
```solara
|
|
18
|
-
import solara
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
@solara.component
|
|
22
|
-
def Page():
|
|
23
|
-
image_url = "/static/public/beach.jpeg"
|
|
24
|
-
with solara.Card(title="The following image is served from the ../public directory"):
|
|
25
|
-
solara.Image(image_url)
|
|
26
|
-
|
|
27
|
-
```
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
# Assets files
|
|
2
|
-
|
|
3
|
-
Asset files are special files with are loaded by Solara-server and thus have a special meaning, and come with defaults. Current supported assets files are:
|
|
4
|
-
|
|
5
|
-
* `favicon.png` - Image shown by the browser (usually in the tab).
|
|
6
|
-
* `style.css` - Default `CSS` used by Solara.
|
|
7
|
-
* `custom.css` - Custom `CSS` you can override for your project (empty `CSS` file by default).
|
|
8
|
-
* `custom.js` - Custom Javascript you can use for your project (empty Javascript file by default).
|
|
9
|
-
* `theme.js` - Javascript file containing the definitions for [vuetify themes](https://v2.vuetifyjs.com/en/features/theme/) ([example theme.js file](https://github.com/widgetti/solara/blob/master/solara/website/assets/theme.js)).
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
Assets files can be overridden by putting a file in the `../assets` directory. A typical directory layout looks like this:
|
|
13
|
-
|
|
14
|
-
```
|
|
15
|
-
├── pages
|
|
16
|
-
│ ├── 01-landing-page.md
|
|
17
|
-
│ ├── 02-some_app.py
|
|
18
|
-
└── public
|
|
19
|
-
└── beach.jpeg
|
|
20
|
-
└── assets
|
|
21
|
-
├── custom.css
|
|
22
|
-
├── custom.js
|
|
23
|
-
├── theme.js
|
|
24
|
-
└── favicon.png
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
All assets files are served under `/static/assets/<filename>`, but how the assets go to the browser is considered an implementation detail (we could bundle/minimize the css for instance).
|
|
28
|
-
|
|
29
|
-
Putting the `assets` directory 1 level higher than the `pages` directory avoids name collision with pages.
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
Although the `assets` directory can be used for serving arbitrary files, we recommend using the [static files](/documentation/getting_started/reference/static-files) directory instead, to avoid name collisions.
|
solara/website/pages/documentation/getting_started/content/06-reference/60-static-site-generation.md
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
## Static Site Generation
|
|
2
|
-
## Introduction
|
|
3
|
-
Solara's static site generation (SSG) feature allows you to pre-render HTML for your website, improving the user experience by providing quick page loads. When a user requests a page, the pre-rendered HTML is served directly to the user. After the page is displayed, the Solara server will connect and take over rendering to make the page interactive.
|
|
4
|
-
|
|
5
|
-
Using SSG is mostly useful when the content of your website is the same for all users. This is the case for this page (the Solara page itself).
|
|
6
|
-
|
|
7
|
-
## Benefits of SSG
|
|
8
|
-
Another benefit of using SSG is improved search engine optimization (SEO). By allowing web crawlers to index your pages, you can improve the visibility of your website in search engine results.
|
|
9
|
-
|
|
10
|
-
In addition to improving SEO, using SSG can also help with indexing your pages and making them more easily discoverable by users.
|
|
11
|
-
|
|
12
|
-
## Using Solara's SSG feature.
|
|
13
|
-
|
|
14
|
-
### Requirements
|
|
15
|
-
|
|
16
|
-
Using SSR requires installation of [Playwright for Python](https://playwright.dev/python/). Follow their [installation instructions](https://playwright.dev/python/docs/library) or simply execute:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
```
|
|
20
|
-
$ pip solara-enterprise[ssg]
|
|
21
|
-
$ playwright install
|
|
22
|
-
```
|
|
23
|
-
|
|
24
|
-
### Pre-deployment
|
|
25
|
-
|
|
26
|
-
Using the command
|
|
27
|
-
|
|
28
|
-
```
|
|
29
|
-
$ solara ssg your.awesome.app
|
|
30
|
-
```
|
|
31
|
-
|
|
32
|
-
Will run the solara server and use playwright to fetch all known pages and save them to the `../build` directory. Solara knows about your pages because of its [routing support](/documentation/advanced/understanding/routing).
|
|
33
|
-
|
|
34
|
-
All HTML files in the `../build` will be used to pre-populate the HTML served to the user.
|
|
35
|
-
|
|
36
|
-
### During deployment
|
|
37
|
-
|
|
38
|
-
For fast and simpler deployment, you can also add the `--ssg` flag to the `solara run` command, e.g.:
|
|
39
|
-
|
|
40
|
-
```
|
|
41
|
-
$ solara run our.awesome.app --ssg
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
This will start you server immediately, and start a thread in the background that will fetch the known pages and put the in the `../build` directory, similar to the [pre-deployment](#pre-deployment) procedure.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
The downsides of this method, is that users or crawlers may request a page when SSR is not done yet, leading to a slower page load or missing content for the crawler.
|
|
48
|
-
|
|
49
|
-
## Configuration
|
|
50
|
-
|
|
51
|
-
### Environment variables
|
|
52
|
-
|
|
53
|
-
* `SOLARA_SSG_BUILD_PATH`: Override the directory where there html pages are stored.
|
|
54
|
-
* `SOLARA_SSG_ENABLED`: Alternative to passing the `--ssg` flag. Should be used when running solara without `solara run` (e.g. using gunicorn/uvicorn).
|
|
55
|
-
* `SOLARA_SSG_HEADED`: Run playwright using `headed` mode (in contrast to `headless`). Useful for debugging.
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
# Search
|
|
2
|
-
|
|
3
|
-
Solara can provide search, if [SSG](/documentation/getting_started/reference/static-site-generation) is enabled. This allows you to add a search box to you website, which performs a full-text search to provide quick access to pages. The solara website itself uses the
|
|
4
|
-
search feature as well in the toolbar.
|
|
5
|
-
|
|
6
|
-
## Using Solara's Search feature.
|
|
7
|
-
|
|
8
|
-
By running `solara run myapp.pages --ssg --search` solara will fetch all your pages, and build up a search index afterards. This option can also be abled using the environment variable `SOLARA_SEARCH_ENABLED=True`.
|
|
9
|
-
|
|
10
|
-
You can import as use the Search component as follow:
|
|
11
|
-
|
|
12
|
-
```
|
|
13
|
-
import solara
|
|
14
|
-
from solara_enterprise.search.search import Search
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
@solara.component
|
|
18
|
-
def Page():
|
|
19
|
-
with MyToolbar():
|
|
20
|
-
...
|
|
21
|
-
Search()
|
|
22
|
-
```
|
|
23
|
-
|
|
24
|
-
## Requirements
|
|
25
|
-
|
|
26
|
-
This feature requires `solara-enterprise`, which can be installed as follows:
|
|
27
|
-
|
|
28
|
-
```
|
|
29
|
-
pip install solara-enterprise
|
|
30
|
-
```
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
# Reloading
|
|
2
|
-
|
|
3
|
-
## Reloading of Python files
|
|
4
|
-
|
|
5
|
-
Solara will auto detect if your script or the sourcecode of an imported module has changes. If so, Solara will reload the page.
|
|
6
|
-
|
|
7
|
-
(*Note: Upgrade to solara 1.14.0 for a fix in hot reloading using `pip install "solara>=1.14.0"`*)
|
|
8
|
-
|
|
9
|
-
## Reloading of .vue files
|
|
10
|
-
|
|
11
|
-
The solara server automatically watches all `.vue` files that are used by vue templates (there are some used in solara.components for example).
|
|
12
|
-
When a `.vue` file is saved, the widgets get updated automatically, without needing a page reload, aiding rapid development.
|
|
13
|
-
|
|
14
|
-
## Reloading of .vue files
|
|
15
|
-
|
|
16
|
-
The [Style component](/documentation/components/advanced/style) accepts a Path as argument, when that is used and the server is in development mode (the default), also
|
|
17
|
-
CSS files will be hot reloaded.
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
## Restarting the server after changes to the solara packages
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
You don't need to care about this feature if you only use solara, this is only relevant for development on solara itself, [see also development instructions](/documentation/advanced/development/setup).
|
|
24
|
-
|
|
25
|
-
If the `--auto-restart/-a` flag is passed to solara-server and any changes occur in the `solara` package (excluding `solara.webpage`), solara-server will restart. This speeds up development on `solara-server` for developers since you do not
|
|
26
|
-
need to manually restart the server in the terminal.
|
|
27
|
-
|
|
28
|
-
## Disabling reloading
|
|
29
|
-
|
|
30
|
-
In production mode (pass the `--production` argument to `solara run`) watching of files is disabled, and no reloading of files or vue templates will occur. If you run solara integrated in flask or uvicorn as laid out in [deployment documentation](https://solara.dev/documentation/getting_started/deploying/self-hosted)
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
# Caching
|
|
2
|
-
|
|
3
|
-
Solara has a dict-like object at `solara.cache.storage` that can be used to store objects in under a key. So we can use this global
|
|
4
|
-
object as normal dict, e.g.:
|
|
5
|
-
|
|
6
|
-
```python
|
|
7
|
-
import solara
|
|
8
|
-
solara.cache.storage["my-key"] = expensive_function_call()
|
|
9
|
-
assert "my-key" in solara.cache.storage
|
|
10
|
-
```
|
|
11
|
-
|
|
12
|
-
Note that at any time later on, the key may be removed from this object, as a cache always has a limited capacity.
|
|
13
|
-
|
|
14
|
-
The `solara.cache.storage` cache object is used by [memoize](/documentation/api/utilities/memoize), if no storage argument is passed to this decorator.
|
|
15
|
-
|
|
16
|
-
## Types of cache
|
|
17
|
-
|
|
18
|
-
Solara core comes by default with an in-memory cache using a [LRU](https://en.wikipedia.org/wiki/Cache_replacement_policies#Least_recently_used_(LRU)) (Least recently used) strategy. When the
|
|
19
|
-
cache becomes too full, this removes entries used least recently.
|
|
20
|
-
|
|
21
|
-
The cache is set by default to:
|
|
22
|
-
```python
|
|
23
|
-
solara.cache.storage = solara.cache.Memory(maxsize=128)
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
Which will remove the least recently used element when the 129th item is added.
|
|
27
|
-
|
|
28
|
-
The memory cache is also configurable using environment variable:
|
|
29
|
-
```
|
|
30
|
-
$ export SOLARA_CACHE=memory # already the default
|
|
31
|
-
$ export SOLARA_CACHE_MEMORY_MAX_ITEMS=128 # already the default
|
|
32
|
-
```
|
|
33
|
-
|
|
34
|
-
## Custom caches
|
|
35
|
-
An infinite cache can be set using:
|
|
36
|
-
|
|
37
|
-
```python
|
|
38
|
-
solara.cache.storage = {} # a regular dict
|
|
39
|
-
```
|
|
40
|
-
|
|
41
|
-
The [cachetools](https://cachetools.readthedocs.io/) project has some caching types that behave like a Python dict, and are compatible with Solara, e.g.:
|
|
42
|
-
|
|
43
|
-
```python
|
|
44
|
-
import cachetools
|
|
45
|
-
import solara
|
|
46
|
-
solara.cache.storage = cachetools.FIFOCache(maxsize=100)
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
## Solara-enterprise
|
|
50
|
-
|
|
51
|
-
With solara-enterprise, we have more cache storage options.
|
|
52
|
-
|
|
53
|
-
### Memory (byte size based)
|
|
54
|
-
|
|
55
|
-
The cache will limit the total number of bytes to a set maximum, instead of the number of items as is with the normal 'memory' cache.
|
|
56
|
-
|
|
57
|
-
This can be set using code:
|
|
58
|
-
|
|
59
|
-
```python
|
|
60
|
-
import solara
|
|
61
|
-
solara.cache.configure("memory-size")
|
|
62
|
-
# or more explicit
|
|
63
|
-
import solara_enterprise.cache.memory_size
|
|
64
|
-
solara.cache.storage = solara_enterprise.cache.memory_size.MemorySize(
|
|
65
|
-
max_size="1GB" # already the default
|
|
66
|
-
)
|
|
67
|
-
```
|
|
68
|
-
|
|
69
|
-
The 'memory-size' cache can also be configured using environment variables:
|
|
70
|
-
|
|
71
|
-
```
|
|
72
|
-
$ export SOLARA_CACHE=memory-size
|
|
73
|
-
$ export SOLARA_CACHE_MEMORY_MAX_SIZE=1GB # already the default
|
|
74
|
-
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
### Disk cache
|
|
79
|
-
|
|
80
|
-
This cache will persist the entries to disk, allowing multiple processes to share the same data. This cache type is ideal when using multiple workers on a single node.
|
|
81
|
-
|
|
82
|
-
This can be set using code:
|
|
83
|
-
|
|
84
|
-
```python
|
|
85
|
-
import solara
|
|
86
|
-
solara.cache.configure("disk")
|
|
87
|
-
# or more explicit
|
|
88
|
-
import solara_enterprise.cache.disk
|
|
89
|
-
solara.cache.storage = solara_enterprise.cache.disk.Disk(
|
|
90
|
-
max_size="10GB", path="/home/maarten/.solara/cache" # already the default
|
|
91
|
-
)
|
|
92
|
-
```
|
|
93
|
-
|
|
94
|
-
Or configurable using environment variable:
|
|
95
|
-
```
|
|
96
|
-
$ export SOLARA_CACHE=disk
|
|
97
|
-
$ export SOLARA_CACHE_DISK_MAX_SIZE=10GB # already the default
|
|
98
|
-
$ export SOLARA_CACHE_PATH_=/home/maarten/.solara/cache # already the default
|
|
99
|
-
```
|
|
100
|
-
|
|
101
|
-
### Redis cache
|
|
102
|
-
|
|
103
|
-
This cache will store the entries in a [Redis](https://redis.io/) server, allowing multiple nodes to share the same data. This is ideal in a cluster/distributed configuration.
|
|
104
|
-
|
|
105
|
-
This can be set using code:
|
|
106
|
-
|
|
107
|
-
```python
|
|
108
|
-
import solara
|
|
109
|
-
solara.cache.configure("redis")
|
|
110
|
-
# or more explicit
|
|
111
|
-
import solara_enterprise.cache.redis
|
|
112
|
-
# optionally pass in a redis.Client object
|
|
113
|
-
solara.cache.storage = solara_enterprise.cache.redis.Redis()
|
|
114
|
-
```
|
|
115
|
-
|
|
116
|
-
Or configured using environment variable:
|
|
117
|
-
```
|
|
118
|
-
$ export SOLARA_CACHE=redis
|
|
119
|
-
```
|
|
120
|
-
|
|
121
|
-
### Multi-level cache
|
|
122
|
-
|
|
123
|
-
We can chain a few caches to get a multilevel cache. This allows us to get the benefits of the low latency memory cache while sharing it with other workers and nodes.
|
|
124
|
-
|
|
125
|
-
```python
|
|
126
|
-
import solara
|
|
127
|
-
solara.cache.configure("memory,disk,redis")
|
|
128
|
-
# or more explicit
|
|
129
|
-
import solara_enterprise.cache.multi_level
|
|
130
|
-
import solara_enterprise.cache.disk
|
|
131
|
-
import solara_enterprise.cache.redis
|
|
132
|
-
l1 = solara.cache.Memory()
|
|
133
|
-
l2 = solara_enterprise.cache.disk.Disk()
|
|
134
|
-
l3 = solara_enterprise.cache.redis.Redis()
|
|
135
|
-
solara.cache.storage = solara_enterprise.cache.multi_level.MultiLevel(
|
|
136
|
-
l1, l2, l3
|
|
137
|
-
)
|
|
138
|
-
```
|
|
139
|
-
|
|
140
|
-
Or configured using an environment variable:
|
|
141
|
-
```
|
|
142
|
-
$ export SOLARA_CACHE="memory,disk,redis"
|
|
143
|
-
```
|