About the Demo

This documentation site contains the JupyterLite Demo (the Try buttons on the top of the screen) and uses a number of techniques described on this page.

Demo Configuration

The following generated configuration powers the Demo, and is generated prior to building the docs site, copied in during the build, and fetched by browsers from /_static/jupyter-lite.json.

{
  "jupyter-config-data": {
    "appName": "JupyterLite",
    "appUrl": "./lab",
    "appVersion": "0.8.0-alpha.1",
    "baseUrl": "./",
    "defaultKernelName": "python",
    "faviconUrl": "./lab/favicon.ico",
    "federated_extensions": [
      {
        "extension": "./extension",
        "load": "static/remoteEntry.60b71d9de4eb044f.js",
        "name": "@jupyter-notebook/lab-extension",
        "style": "./style"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.9077b3d2deaffb329dfc.js",
        "name": "@jupyter-widgets/jupyterlab-manager"
      },
      {
        "load": "static/remoteEntry.b15a25cb741a6c7381f8.js",
        "mimeExtension": "./mimeExtension",
        "name": "@jupyterlab/fasta-extension",
        "style": "./style"
      },
      {
        "load": "static/remoteEntry.6a76d3e37f02d3977b44.js",
        "mimeExtension": "./mimeExtension",
        "name": "@jupyterlab/geojson-extension",
        "style": "./style"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.f598c154b2933aee46f2.js",
        "name": "@jupyterlite/p5-kernel-extension",
        "style": "./style"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.bdb284e22faeeb5f.js",
        "name": "@jupyterlite/pyodide-kernel-extension"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.ac6ba46a96b6912c489d.js",
        "name": "bqplot"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.b3a35f7d09c1698e7380.js",
        "name": "ipycanvas"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.2598bb44edcc46dad172.js",
        "name": "jupyter-cytoscape"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.9aa97e6313eff609d36c.js",
        "name": "jupyter-leaflet"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.95a2c52adea5b580b11d.js",
        "name": "jupyter-matplotlib"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.334a7f83049b6661d899.js",
        "name": "jupyter-vue"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.ec119e7976641f6ba2ec.js",
        "name": "jupyter-vuetify"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.35427e78d5ec24a32599.js",
        "name": "jupyterlab-kernelspy",
        "style": "./style"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.36690a2bfa9ee0dd7bc8.js",
        "mimeExtension": "./mimeExtension",
        "name": "jupyterlab-plotly"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.c48d7690a4adc05b4e31.js",
        "name": "jupyterlab-tour",
        "style": "./style"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.b83ceedda67c8fb0f343.js",
        "name": "jupyterlab_miami_nights"
      },
      {
        "extension": "./extension",
        "load": "static/remoteEntry.5cbb9d2323598fbda535.js",
        "name": "jupyterlab_pygments",
        "style": "./style"
      }
    ],
    "fileTypes": {
      "avi": {
        "extensions": [
          ".avi"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "video/x-msvideo"
        ],
        "name": "avi"
      },
      "css": {
        "extensions": [
          ".css"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "text/css"
        ],
        "name": "css"
      },
      "csv": {
        "extensions": [
          ".csv"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "text/csv"
        ],
        "name": "csv"
      },
      "fasta": {
        "extensions": [
          ".fasta"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "text/plain"
        ],
        "name": "fasta"
      },
      "flac": {
        "extensions": [
          ".flac"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "audio/flac"
        ],
        "name": "flac"
      },
      "geojson": {
        "extensions": [
          ".geojson"
        ],
        "fileFormat": "json",
        "mimeTypes": [
          "application/geo+json"
        ],
        "name": "geojson"
      },
      "gzip": {
        "extensions": [
          ".tgz",
          ".gz",
          ".gzip"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "application/gzip"
        ],
        "name": "gzip"
      },
      "html": {
        "extensions": [
          ".html"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "text/html"
        ],
        "name": "html"
      },
      "ical": {
        "extensions": [
          ".ical",
          ".ics",
          ".ifb",
          ".icalendar"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "text/calendar"
        ],
        "name": "ical"
      },
      "ico": {
        "extensions": [
          ".ico"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "image/x-icon"
        ],
        "name": "ico"
      },
      "ipynb": {
        "extensions": [
          ".ipynb"
        ],
        "fileFormat": "json",
        "mimeTypes": [
          "application/x-ipynb+json"
        ],
        "name": "ipynb"
      },
      "jpeg": {
        "extensions": [
          ".jpeg",
          ".jpg"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "image/jpeg"
        ],
        "name": "jpeg"
      },
      "js": {
        "extensions": [
          ".js",
          ".mjs"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "application/javascript"
        ],
        "name": "js"
      },
      "jsmap": {
        "extensions": [
          ".map"
        ],
        "fileFormat": "json",
        "mimeTypes": [
          "application/json"
        ],
        "name": "jsmap"
      },
      "json": {
        "extensions": [
          ".json"
        ],
        "fileFormat": "json",
        "mimeTypes": [
          "application/json"
        ],
        "name": "json"
      },
      "jupyterlab_workspace": {
        "extensions": [
          ".jupyterlab-workspace"
        ],
        "fileFormat": "json",
        "mimeTypes": [
          "application/json"
        ],
        "name": "jupyterlab_workspace"
      },
      "manifest": {
        "extensions": [
          ".manifest"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "text/cache-manifest"
        ],
        "name": "manifest"
      },
      "md": {
        "extensions": [
          ".md",
          ".markdown"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "text/markdown"
        ],
        "name": "md"
      },
      "mkv": {
        "extensions": [
          ".mkv"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "video/x-matroska"
        ],
        "name": "mkv"
      },
      "mov": {
        "extensions": [
          ".mov"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "video/quicktime"
        ],
        "name": "mov"
      },
      "mp3": {
        "extensions": [
          ".mp3"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "audio/mpeg"
        ],
        "name": "mp3"
      },
      "mp4": {
        "extensions": [
          ".mp4"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "video/mp4"
        ],
        "name": "mp4"
      },
      "ogg": {
        "extensions": [
          ".ogg"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "audio/ogg"
        ],
        "name": "ogg"
      },
      "pdf": {
        "extensions": [
          ".pdf"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "application/pdf"
        ],
        "name": "pdf"
      },
      "plain": {
        "extensions": [
          ".txt"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "text/plain"
        ],
        "name": "plain"
      },
      "png": {
        "extensions": [
          ".png"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "image/png"
        ],
        "name": "png"
      },
      "py": {
        "extensions": [
          ".py"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "text/x-python",
          "application/x-python-code"
        ],
        "name": "py"
      },
      "svg": {
        "extensions": [
          ".svg"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "image/svg+xml"
        ],
        "name": "svg"
      },
      "toml": {
        "extensions": [
          ".toml"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "application/toml"
        ],
        "name": "toml"
      },
      "vue": {
        "extensions": [
          ".vue"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "text/plain"
        ],
        "name": "vue"
      },
      "wasm": {
        "extensions": [
          ".wasm"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "application/wasm"
        ],
        "name": "wasm"
      },
      "wav": {
        "extensions": [
          ".wav"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "audio/wav"
        ],
        "name": "wav"
      },
      "webm": {
        "extensions": [
          ".webm"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "video/webm"
        ],
        "name": "webm"
      },
      "wheel": {
        "extensions": [
          ".whl"
        ],
        "fileFormat": "base64",
        "mimeTypes": [
          "octet/stream",
          "application/x-wheel+zip"
        ],
        "name": "wheel"
      },
      "xml": {
        "extensions": [
          ".xml"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "application/xml"
        ],
        "name": "xml"
      },
      "yaml": {
        "extensions": [
          ".yaml",
          ".yml"
        ],
        "fileFormat": "text",
        "mimeTypes": [
          "application/x-yaml"
        ],
        "name": "yaml"
      }
    },
    "fullLabextensionsUrl": "./extensions",
    "fullStaticUrl": "./build",
    "licensesUrl": "./lab/api/licenses",
    "litePluginSettings": {
      "@jupyterlite/pyodide-kernel-extension:kernel": {
        "pipliteUrls": [
          "./extensions/@jupyterlite/pyodide-kernel-extension/static/pypi/all.json?sha256=16d4bf98888e82ab6c8da277ca30fae89f16ef625d8a5307f546e3cfdde5ed2d"
        ]
      }
    }
  },
  "jupyter-lite-schema-version": 0
}

Demo Extension Notes

The federated_extensions above are copied from the documentation environment prior to building this site with Sphinx, and are meant to exercise different kinds of extensions, including themes, MIME renderers, Widgets, and an shared document provider for RTC.

The demo disables autodetection of environment extensions with ignore_sys_prefix, as the outer development environment includes a number of extensions with features that don’t work.