Sandbox (#10)

* updated marimo files

* build using the sandbox logic

* build using the sandbox logic

* do not explicitly install marimo

* ignore __marimo__ folder

* Update deploy.yml

* Update deploy.yml

Author: tschm

.github/scripts/build.py

@@ -39,7 +39,7 @@ def export_html_wasm(notebook_path: str, output_dir: str, as_app: bool = False)
     output_path: str = notebook_path.replace(".py", ".html")
 
     # Base command for marimo export
-    cmd: List[str] = ["marimo", "export", "html-wasm"]
+    cmd: List[str] = ["uvx", "marimo", "export", "html-wasm", "--sandbox"]
 
     # Configure export mode based on whether it's an app or a notebook
     if as_app:

.github/workflows/deploy.yml

@@ -30,22 +30,24 @@ jobs:
       - name: 🚀 Install uv
         uses: astral-sh/setup-uv@v6
 
-      # Set up Python environment
-      - name: 🐍 Set up Python
-        uses: actions/setup-python@v5
-        with:
-          python-version: 3.12  # Use Python 3.12 for the build
+      # Set up Python environment (obsolete as done by the setup-uv step)?
+      #- name: 🐍 Set up Python
+      #  uses: actions/setup-python@v5
+      #  with:
+      #    python-version: 3.12  # Use Python 3.12 for the build
+
 
       # Install marimo and other required dependencies
-      - name: 📦 Install dependencies
-        run: |
-          uv pip install marimo
+      #- name: 📦 Install dependencies
+      #  run: |
+      #    uv pip install marimo
 
       # Run the build script to export notebooks to WebAssembly
       - name: 🛠️ Export notebooks
         run: |
           python .github/scripts/build.py  # This script exports all notebooks to the _site directory
-
+          tree _site                       # Display the exported files
+    
       # Upload the generated site as an artifact for the deploy job
       - name: 📤 Upload artifact
         uses: actions/upload-pages-artifact@v3

.gitignore

@@ -1,4 +1,5 @@
 _site/
+__marimo__
 
 # Byte-compiled / optimized / DLL files
 __pycache__/

apps/charts.py

@@ -1,20 +1,26 @@
+# /// script
+# requires-python = ">=3.12"
+# dependencies = [
+#     "marimo==0.13.15",
+#     "altair==4.2.0",
+#     "pandas==2.3.0",
+#     "numpy==2.3.0"
+# ]
+# ///
 import marimo
 
 __generated_with = "0.10.9"
 app = marimo.App(width="medium")
 
-
-@app.cell
-def _():
+with app.setup:
     import numpy as np
     import altair as alt
     import pandas as pd
     import marimo as mo
-    return alt, mo, np, pd
 
 
 @app.cell
-def _(mo):
+def _():
     mo.md(
         """
         # Interactive Data Visualization
@@ -29,7 +35,7 @@ def _(mo):
 
 
 @app.cell
-def _(alt, mo, np, pd):
+def _():
     # Create sample data
     data = pd.DataFrame({"x": np.arange(100), "y": np.random.normal(0, 1, 100)})
 
@@ -43,7 +49,7 @@ def _(alt, mo, np, pd):
         )
     )
     chart
-    return chart, data
+    return chart
 
 
 @app.cell

notebooks/fibonacci.py

@@ -1,11 +1,19 @@
+# /// script
+# requires-python = ">=3.12"
+# dependencies = [
+#     "marimo==0.13.15",
+# ]
+# ///
 import marimo
 
 __generated_with = "0.10.6"
 app = marimo.App()
 
-
+with app.setup:
+    import marimo as mo
+    
 @app.cell
-def _(mo):
+def _():
     mo.md(
         r"""
         # Fibonacci Calculator
@@ -17,37 +25,25 @@ def _(mo):
 
 
 @app.cell
-def _(mo):
+def _():
     # Create an interactive slider
     n = mo.ui.slider(1, 100, value=50, label="Number of Fibonacci numbers")
     n
-    return (n,)
+    return n
 
 
 @app.cell
-def _(fibonacci, mo, n):
+def _(n):
     fib = fibonacci(n.value)
     mo.md(", ".join([str(f) for f in fib]))
-    return (fib,)
-
-
-@app.cell
-def _():
-    # Generate Fibonacci sequence
-    def fibonacci(n):
-        sequence = [0, 1]
-        for i in range(2, n):
-            sequence.append(sequence[i - 1] + sequence[i - 2])
-        return sequence
-    return (fibonacci,)
-
-
-@app.cell
-def _():
-    import numpy as np
-    import marimo as mo
-    return mo, np
-
+    
+@app.function
+def fibonacci(n):
+    sequence = [0, 1]
+    for i in range(2, n):
+        sequence.append(sequence[i - 1] + sequence[i - 2])
+    return sequence
+    
 
 if __name__ == "__main__":
     app.run()

notebooks/penguins.py

@@ -1,19 +1,27 @@
+# /// script
+# requires-python = ">=3.12"
+# dependencies = [
+#     "marimo==0.13.15",
+#     "polars==1.30.0",
+#     "altair==4.2.0",
+#     "pandas==2.3.0",
+# ]
+# ///
 import marimo
 
-__generated_with = "0.10.9"
+__generated_with = "0.13.5"
 app = marimo.App(width="medium")
 
-
-@app.cell
-def _():
-    import polars as pl
+with app.setup:
     import marimo as mo
+    import polars as pl
     import altair as alt
-    return alt, mo, pl
+    import pandas as pd
 
+    file = mo.notebook_location() / "public" / "penguins.csv"
 
 @app.cell(hide_code=True)
-def _(mo):
+def _():
     mo.md(
         """
         # Palmer Penguins Analysis
@@ -25,15 +33,20 @@ def _(mo):
 
 
 @app.cell
-def _(mo, pl):
+def _():
     # Read the penguins dataset
-    df = pl.read_csv(str(mo.notebook_location() / "public" / "penguins.csv"))
+    df = pl.read_csv(str(file))
     df.head()
     return (df,)
 
+@app.cell
+def _():
+    # Try to avoid reading the file with pandas
+    _df = pd.read_csv(str(file))
+    return
 
 @app.cell
-def _(df, mo):
+def _(df):
     # Basic statistics
     mo.md(f"""
     ### Dataset Overview
@@ -49,13 +62,13 @@ def _(df, mo):
 
 
 @app.cell(hide_code=True)
-def _(mo):
+def _():
     mo.md(r"""### Species Distribution""")
     return
 
 
 @app.cell
-def _(alt, df, mo):
+def _(df):
     # Create species distribution chart
     species_chart = mo.ui.altair_chart(
         alt.Chart(df)
@@ -70,13 +83,13 @@ def _(alt, df, mo):
 
 
 @app.cell(hide_code=True)
-def _(mo):
+def _():
     mo.md(r"""### Bill Dimensions Analysis""")
     return
 
 
 @app.cell
-def _(alt, df, mo):
+def _(df):
     # Scatter plot of bill dimensions
     scatter = mo.ui.altair_chart(
         alt.Chart(df)