Add solara app

Dockerfile

@@ -1,11 +1,17 @@
-FROM python:3.9
+FROM jupyter/scipy-notebook:latest
+RUN mamba install -c conda-forge leafmap geopandas localtileserver osmnx -y && \
+    pip install -U leafmap solara && \
+    fix-permissions "${CONDA_DIR}" && \
+    fix-permissions "/home/${NB_USER}"
 
-WORKDIR /code
+COPY app.py app.py
 
-COPY ./requirements.txt /code/requirements.txt
+ENV PROJ_LIB='/opt/conda/share/proj'
 
-RUN pip install --no-cache-dir --upgrade -r /code/requirements.txt
+USER root
+RUN chown -R ${NB_UID} ${HOME}
+USER ${NB_USER}
 
-COPY . .
+EXPOSE 8765
 
-CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "7860"]
+CMD ["solara", "run", "app.py", "--host=0.0.0.0"]

README.md

@@ -6,6 +6,7 @@ colorTo: gray
 sdk: docker
 pinned: false
 license: mit
+app_port: 8765
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,28 @@
+"""
+# ipyleaflet
+Map visualization using [ipyleaflet](https://ipyleaflet.readthedocs.io/), a ipywidgets wrapper for [leaflet.js](https://leafletjs.com/)
+"""
+import leafmap
+
+import solara
+
+zoom = solara.reactive(5)
+center = solara.reactive((53.2305799, 6.5323552))
+
+
+@solara.component
+def Page():
+    with solara.Column(style={"min-width": "500px", "height": "500px"}):
+        # solara components support reactive variables
+        solara.SliderInt(label="Zoom level", value=zoom, min=1, max=20)
+        # using 3rd party widget library require wiring up the events manually
+        # using zoom.value and zoom.set
+        leafmap.Map.element(  # type: ignore
+            zoom=zoom.value,
+            on_zoom=zoom.set,
+            center=center.value,
+            on_center=center.set,
+            scroll_wheel_zoom=True,
+        )
+        solara.Text(f"Zoom: {zoom.value}")
+        solara.Text(f"Center: {center.value}")