Add quarto example

Author: stfnkth

pyproject.toml

@@ -10,4 +10,4 @@ dependencies = [
 ]
 
 [tool.uv.workspace]
-members = ["routes_example_app"]
+members = ["routes_example_app", "shinylive_quarto"]

shinylive_quarto/.gitignore

@@ -0,0 +1,6 @@
+/.quarto/
+*.html
+*_files/
+_extensions/
+shinylive-sw.js
+

shinylive_quarto/README.md

@@ -0,0 +1,12 @@
+# Shinylive Quarto
+
+```bash
+# pip install uv
+uv sync
+
+quarto add quarto-ext/shinylive
+
+quarto render basic_app.qmd
+
+python -m http.server
+```

shinylive_quarto/_quarto.yml

@@ -0,0 +1,2 @@
+filters:
+  - shinylive

shinylive_quarto/basic_app.qmd

@@ -0,0 +1,27 @@
+---
+title: Shinylive in Quarto example
+format: html
+filters:
+  - shinylive
+---
+
+This is a Shinylive application embedded in a Quarto doc.
+
+```{shinylive-python}
+#| standalone: true
+
+from shiny import *
+
+app_ui = ui.page_fluid(
+    ui.input_slider("n", "N", 0, 100, 40),
+    ui.output_text_verbatim("txt"),
+)
+
+def server(input, output, session):
+    @output
+    @render.text
+    def txt():
+        return f"The value of n*2 is {input.n() * 2}"
+
+app = App(app_ui, server)
+```

shinylive_quarto/hello.py

@@ -0,0 +1,6 @@
+def main():
+    print("Hello from shinylive-quarto!")
+
+
+if __name__ == "__main__":
+    main()

shinylive_quarto/pyproject.toml

@@ -0,0 +1,9 @@
+[project]
+name = "shinylive-quarto"
+version = "0.1.0"
+description = "Add your description here"
+readme = "README.md"
+requires-python = ">=3.9"
+dependencies = [
+    "shinylive>=0.7.3",
+]