✨ NEW: Add Deepnote launch option for notebooks

docs/conf.py

@@ -108,6 +108,7 @@
         "binderhub_url": "https://mybinder.org",
         # "jupyterhub_url": "https://datahub.berkeley.edu",  # For testing
         "colab_url": "https://colab.research.google.com/",
+        "deepnote_url": "https://deepnote.com/",
         "notebook_interface": "jupyterlab",
         "thebe": True,
     },

docs/launch.md

@@ -67,6 +67,24 @@ html_theme_options = {
     ...
 }
 ```
+## Deepnote
+
+To add [Deepnote](https://deepnote.com) links to your page, add the following configuration:
+
+```python
+html_theme_options = {
+    ...
+    "launch_buttons": {
+        "deepnote_url": "https://deepnote.com"
+    },
+    ...
+}
+```
+
+```{warning}
+This will create a new Deepnote project every time you click the launch button.
+```
+
 
 ## Live code cells with Thebe
 

sphinx_book_theme/launch.py

@@ -95,6 +95,7 @@ def add_hub_urls(
     jupyterhub_url = launch_buttons.get("jupyterhub_url")
     binderhub_url = launch_buttons.get("binderhub_url")
     colab_url = launch_buttons.get("colab_url")
+    deepnote_url = launch_buttons.get("deepnote_url")
     if binderhub_url:
         url = (
             f"{binderhub_url}/v2/gh/{org}/{repo}/{branch}?"
@@ -113,6 +114,11 @@ def add_hub_urls(
         url = f"{colab_url}/github/{org}/{repo}/blob/{branch}/{path_rel_repo}"
         context["colab_url"] = url
 
+    if deepnote_url:
+        github_path = f"%2F{org}%2F{repo}%2Fblob%2F{branch}%2F{path_rel_repo}"
+        url = f"{deepnote_url}/launch?url=https%3A%2F%2Fgithub.com{github_path}"
+        context["deepnote_url"] = url
+
     # Add thebe flag in context
     if launch_buttons.get("thebe", False):
         context["use_thebe"] = True

sphinx_book_theme/topbar/launchbuttons.html

@@ -1,5 +1,5 @@
 <!-- Launch buttons -->
-{% if binder_url or jupyterhub_url or colab_url or use_thebe %}
+{% if binder_url or jupyterhub_url or colab_url or deepnote_url or use_thebe %}
 <div class="dropdown-buttons-trigger">
     <button id="dropdown-buttons-trigger" class="btn btn-secondary topbarbtn"
         aria-label="Launch interactive content"><i class="fas fa-rocket"></i></button>
@@ -24,6 +24,12 @@
                     src="{{ pathto('_static/images/logo_colab.png', 1) }}"
                     alt="Interact on Colab">Colab</button></a>
         {% endif %}
+        {% if deepnote_url and page_source_suffix==".ipynb" %}
+        <a class="deepnote-button" href="{{ deepnote_url }}"><button type="button" class="btn btn-secondary topbarbtn"
+                title="{{ translate('Launch') }} Deepnote" data-toggle="tooltip" data-placement="left"><img class="deepnote-button-logo"
+                    src="{{ pathto('_static/images/logo_deepnote.svg', 1) }}"
+                    alt="Interact in Deepnote">Deepnote</button></a>
+        {% endif %}
         {% if use_thebe -%}
         <button type="button" class="btn btn-secondary topbarbtn"
             onclick="initThebeSBT()" title="{{ translate('Launch') }} Thebe" data-toggle="tooltip" data-placement="left"><i

tests/sites/base/conf.py

@@ -26,6 +26,7 @@
         "binderhub_url": "https://mybinder.org",
         "jupyterhub_url": "https://datahub.berkeley.edu",
         "colab_url": "https://colab.research.google.com",
+        "deepnote_url": "https://deepnote.com",
         "notebook_interface": "jupyterlab",
         "thebe": True,
     },

tests/test_build/test_repo_custombranch.html

@@ -17,6 +17,12 @@
    Colab
   </button>
  </a>
+ <a class="deepnote-button" href="https://deepnote.com/launch?url=https%3A%2F%2Fgithub.com%2Fexecutablebooks%2Fsphinx-book-theme%2Fblob%2Ffoo%2FTESTPATH/section1/ntbk.ipynb">
+  <button class="btn btn-secondary topbarbtn" data-placement="left" data-toggle="tooltip" title="Launch Deepnote" type="button">
+   <img alt="Interact in Deepnote" class="deepnote-button-logo" src="../_static/images/logo_deepnote.svg"/>
+   Deepnote
+  </button>
+ </a>
  <button class="btn btn-secondary topbarbtn" data-placement="left" data-toggle="tooltip" onclick="initThebeSBT()" title="Launch Thebe" type="button">
   <i class="fas fa-play">
   </i>

tests/test_build/test_topbar_download_button_off.html

@@ -41,6 +41,12 @@
      Colab
     </button>
    </a>
+   <a class="deepnote-button" href="https://deepnote.com/launch?url=https%3A%2F%2Fgithub.com%2Fexecutablebooks%2Fsphinx-book-theme%2Fblob%2Fmaster%2FTESTPATH/section1/ntbk.ipynb">
+    <button class="btn btn-secondary topbarbtn" data-placement="left" data-toggle="tooltip" title="Launch Deepnote" type="button">
+     <img alt="Interact in Deepnote" class="deepnote-button-logo" src="../_static/images/logo_deepnote.svg"/>
+     Deepnote
+    </button>
+   </a>
    <button class="btn btn-secondary topbarbtn" data-placement="left" data-toggle="tooltip" onclick="initThebeSBT()" title="Launch Thebe" type="button">
     <i class="fas fa-play">
     </i>

tests/test_build/test_topbar_launchbtns.html

@@ -17,6 +17,12 @@
    Colab
   </button>
  </a>
+ <a class="deepnote-button" href="https://deepnote.com/launch?url=https%3A%2F%2Fgithub.com%2Fexecutablebooks%2Fsphinx-book-theme%2Fblob%2Fmaster%2FTESTPATH/section1/ntbk.ipynb">
+  <button class="btn btn-secondary topbarbtn" data-placement="left" data-toggle="tooltip" title="Launch Deepnote" type="button">
+   <img alt="Interact in Deepnote" class="deepnote-button-logo" src="../_static/images/logo_deepnote.svg"/>
+   Deepnote
+  </button>
+ </a>
  <button class="btn btn-secondary topbarbtn" data-placement="left" data-toggle="tooltip" onclick="initThebeSBT()" title="Launch Thebe" type="button">
   <i class="fas fa-play">
   </i>