Enable Python API in the JupyterLite deployment (#412)

* Don't change paths to absolute backend paths

* Enable jupytergis_lab in WASM platform

* Make the model collaborative in JupyterLite

* Deploy JupyterLite with collaborative drive

* Review

* Pin python=3.12

Co-authored-by: martinRenou <[email protected]>

* Pin micromamba v2.0.5

* Install myst-parser from conda

* Fix typo

* Fix paths

* Show error message in the front-end when there is no collaborative drive

* Linter

* Handle file operations in the front-end

* Up

* Update yjs widgets

* Remove unwanted test

* Cleanup

* Remove Github pages build

* Show console as early as possible

* More docs building removal

* Unpin my-jupyter-shared-drive

---------

Co-authored-by: martinRenou <[email protected]>

Author: davidbrochart

.github/workflows/build.yml

@@ -250,74 +250,3 @@ jobs:
       - uses: jupyterlab/maintainer-tools/.github/actions/check-links@v1
         with:
           ignore_links: 'lite/'
-
-  build-docs-and-lite:
-    name: Build docs with JupyterLite deployment
-    needs: build
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Install Conda environment with Micromamba
-        uses: mamba-org/setup-micromamba@v2
-        with:
-          micromamba-version: '1.5.5-0'
-          environment-name: build-env
-          create-args: >-
-            python=3.10
-            pip
-            jupyterlite-core>=0.4.0,<0.6.0
-            jupyterlite-xeus>=2,<3
-            jupyterlite-sphinx
-            sphinx
-            sphinx-tabs
-            pydata-sphinx-theme
-            sphinx-autodoc-typehints
-            sphinx-exercise
-            sphinx-togglebutton
-            myst-parser<4.0.0
-
-      - name: Download extension package
-        uses: actions/download-artifact@v4
-        with:
-          name: extension-artifacts
-
-      - name: Install the extension
-        shell: bash -l {0}
-        run: |
-          set -eux
-          cp ./jupytergis_core/dist/jupytergis*.whl ./jupytergis_lab/dist/jupytergis*.whl ./jupytergis_qgis/dist/jupytergis*.whl .
-          python -m pip install jupytergis*.whl
-
-      - name: Build the docs site
-        shell: bash -l {0}
-        working-directory: docs
-        run: |
-          set -eux
-          sphinx-build . dist
-
-      - name: Upload artifact
-        id: upload-docs-artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: ./docs/dist
-          retention-days: 30
-
-  deploy:
-    needs: build-docs-and-lite
-    if: github.ref == 'refs/heads/main'
-    permissions:
-      pages: write
-      id-token: write
-
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-
-    runs-on: ubuntu-latest
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4

.readthedocs.yaml

@@ -20,11 +20,13 @@ build:
     # Override the create_environment step (undocumented feature) to create
     # multiple environments.
     create_environment:
+      # Pin micromamba
+      - /bin/bash --login -c "micromamba self-update --version 2.0.5"
       # Create the env for building the docs
       - /bin/bash --login -c "micromamba env create -n jupytergis-docs -f docs/environment-docs.yml"
       # Create the isolated env for building JupyterGIS
-      - /bin/bash --login -c "micromamba create -n jupytergis-build -c conda-forge yarn=3 hatch pip python=3.12"
-      - /bin/bash --login -c "micromamba run -n jupytergis-build pip install -r requirements-build.txt"
+      - /bin/bash --login -c "micromamba create -n jupytergis-build -c conda-forge nodejs hatch pip python=3.13"
+      - /bin/bash --login -c "micromamba run -n jupytergis-build pip install 'jupyterlab==4.3' 'datamodel-code-generator>=0.23.0'"
 
     # Override the install step to do nothing - we already created the envs
     install:
@@ -33,18 +35,8 @@ build:
     # Before building the docs, build JupyterGIS in its isolated environment,
     # then install the wheels into the docs environment.
     pre_build:
-      - /bin/bash --login -c "micromamba run -n jupytergis-build yarn install"
-      - /bin/bash --login -c "micromamba run -n jupytergis-build yarn dev"
-      - /bin/bash --login -c "micromamba run -n jupytergis-build jupyter labextension list 2>&1 | grep -ie 'jupytergis-core.*OK'"
-      - /bin/bash --login -c "micromamba run -n jupytergis-build jupyter labextension list 2>&1 | grep -ie 'jupytergis-lab.*OK'"
-      - /bin/bash --login -c "micromamba run -n jupytergis-build yarn build:packages"
-
-      - |-
-        /bin/bash --login -c "micromamba run -n jupytergis-docs \
-          python -m pip install \
-          $(ls ./python/jupytergis_core/dist/jupytergis*.whl) \
-          $(ls ./python/jupytergis_lab/dist/jupytergis*.whl) \
-          $(ls ./python/jupytergis_qgis/dist/jupytergis*.whl)"
+      - /bin/bash --login -c "micromamba run -n jupytergis-build jlpm install"
+      - /bin/bash --login -c "micromamba run -n jupytergis-build jlpm build"
 
     build:
       html:

README.md

@@ -4,9 +4,9 @@
 [![lite-badge]][lite] [![docs-badge]][docs]
 
 [lite-badge]: https://jupyterlite.rtfd.io/en/latest/_static/badge.svg
-[lite]: https://geojupyter.github.io/jupytergis/lite/lab/index.html?path=france_hiking.jGIS/
+[lite]: https://jupytergis.readthedocs.io/en/latest/lite/lab/index.html?path=france_hiking.jGIS/
 [docs-badge]: https://readthedocs.org/projects/jupytergis/badge/?version=latest
-[docs]: https://geojupyter.github.io/jupytergis
+[docs]: https://jupytergis.readthedocs.io
 
 ⚠️ This extension is work in progress. Features and APIs are subject to change quickly. ⚠️
 
@@ -18,7 +18,7 @@
 - **QGIS File Support**: Load, visualize, and manipulate QGIS project files (`.qgs`, `.qgz`), and other GIS data formats.
 - **Interactive Maps**: Render interactive maps and geospatial visualizations within Jupyter notebooks using the JupyterGIS Python API.
 
-## [🪄 Try JupyterGIS now! ✨](https://geojupyter.github.io/jupytergis/lite/lab/index.html?path=france_hiking.jGIS)
+## [🪄 Try JupyterGIS now! ✨](https://jupytergis.readthedocs.io/en/latest/lite/lab/index.html?path=france_hiking.jGIS)
 
 This demo runs a JupyterLab instance entirely in your browser with WebAssembly! 🤯
 

docs/conf.py

@@ -40,6 +40,7 @@
     "../examples/*.gif",
     "../examples/*.geojson",
     "../examples/*.tif",
+    "../examples/*.ipynb",
 ]
 jupyterlite_dir = "."
 jupyterlite_config = "jupyter_lite_config.json"

docs/environment-docs.yml

@@ -7,18 +7,14 @@ dependencies:
   - pip # Needed to install jupytergis wheels in RTD build
 
   # Build docs & JupyterLite
-  - jupyterlite-core>=0.4.0,<0.6.0
-  - jupyterlite-xeus>=2,<3
+  - jupyterlite-core
+  - jupyterlite-xeus>=3.1.3,<4
   - jupyterlite-sphinx
   - sphinx
   - sphinx-tabs
   - pydata-sphinx-theme
   - sphinx-autodoc-typehints
   - sphinx-exercise
   - sphinx-togglebutton
-
+  - myst-parser
   - xeus-python # TODO: Do we need this?
-
-  # Install myst-parser via pip
-  - pip:
-      - myst-parser<4.0.0

docs/environment.yml

@@ -1,6 +1,18 @@
 name: xeus-python-kernel
 channels:
-  - https://repo.mamba.pm/emscripten-forge
+  - https://prefix.dev/emscripten-forge-dev
   - conda-forge
 dependencies:
+  - python=3.13
+  - pip
   - xeus-python
+  - requests
+  - jupyter_ydoc=2.1.5
+  - ypywidgets>=0.9.6,<0.10.0
+  - comm>=0.1.2,<0.2.0
+  - pydantic>=2,<3
+  - pip:
+      - yjs-widgets>=0.4,<0.5
+      - my-jupyter-shared-drive
+      - ../python/jupytergis_lab
+      - ../python/jupytergis_core

docs/jupyter-lite.json

@@ -1,10 +1,4 @@
 {
   "jupyter-lite-schema-version": 0,
-  "jupyter-config-data": {
-    "appName": "JupyterGIS App",
-    "disabledExtensions": [
-      "@jupyter/collaboration-extension",
-      "@jupyter/docprovider-extension"
-    ]
-  }
+  "jupyter-config-data": {}
 }

packages/base/src/widget.ts

@@ -197,12 +197,12 @@ export class JupyterGISPanel extends SplitPanel {
 
         (this._consoleTracker.widgetAdded as any).emit(consolePanel);
         await consolePanel.sessionContext.ready;
-        await consolePanel.console.inject(
-          `from jupytergis_lab import GISDocument\ndoc = GISDocument("${jgisPath}")`
-        );
         this.addWidget(this._consoleView);
         this.setRelativeSizes([2, 1]);
         this._consoleOpened = true;
+        await consolePanel.console.inject(
+          `from jupytergis_lab import GISDocument\ndoc = GISDocument("${jgisPath}")`
+        );
         consolePanel.console.sessionContext.kernelChanged.connect((_, arg) => {
           if (!arg.newValue) {
             this.removeConsole();

python/jupytergis_core/src/jgisplugin/modelfactory.ts

@@ -18,8 +18,7 @@ export class JupyterGISModelFactory
   /**
    * Whether the model is collaborative or not.
    */
-  readonly collaborative =
-    document.querySelectorAll('[data-jupyter-lite-root]')[0] === undefined;
+  readonly collaborative = true;
 
   /**
    * The name of the model.

python/jupytergis_lab/jupytergis_lab/__init__.py

@@ -8,13 +8,6 @@
 
     __version__ = "dev"
 
-import sys
-
-if sys.platform == "emscripten":
-    raise ImportError(
-        "Cannot use the JupyterGIS Python API in a JupyterLite kernel yet"
-    )
-
 from .notebook import GISDocument  # noqa