Add another example notebook

Author: devincowan

frontend/public/notebooks/example_2.html

@@ -0,0 +1,44 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# AnothereExample notebook with metadata section"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# Example metadata that can be parsed for display in the SWOTVIZ app\n",
+    "META_TITLE = \"Another Example metadata tile\"\n",
+    "META_SUBTITLE = \"Subtitle extracted from the notebook\"\n",
+    "META_DESCRIPTION = \"This will get synced to https://www.hydroshare.org/resource/ff48614339034212bb7b31cb719c0aa0/data/contents/example_metadata_parsing2.ipynb\""
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "venv",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.12.3"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 4
+}

frontend/public/notebooks/example_2.ipynb

@@ -7531,7 +7531,7 @@ <h1 id="Example-notebook-with-metadata-section">Example notebook with metadata s
 <div class="highlight hl-ipython3"><pre><span></span><span class="c1"># Example metadata that can be parsed for display in the SWOTVIZ app</span>
 <span class="n">META_TITLE</span> <span class="o">=</span> <span class="s2">"Example metadata tile"</span>
 <span class="n">META_SUBTITLE</span> <span class="o">=</span> <span class="s2">"This is a subtitle"</span>
-<span class="n">META_DESCRIPTION</span> <span class="o">=</span> <span class="s2">"This is a description of the metadata tile. It can be as long as you want it to be."</span>
+<span class="n">META_DESCRIPTION</span> <span class="o">=</span> <span class="s2">"This is a description of the notebook. This notebook will be synced to https://www.hydroshare.org/resource/ff48614339034212bb7b31cb719c0aa0/data/contents/example_metadata_parsing.ipynb"</span>
 </pre></div>
 </div>
 </div>

frontend/public/notebooks/example_metadata_parsing.html

@@ -16,7 +16,7 @@
     "# Example metadata that can be parsed for display in the SWOTVIZ app\n",
     "META_TITLE = \"Example metadata tile\"\n",
     "META_SUBTITLE = \"This is a subtitle\"\n",
-    "META_DESCRIPTION = \"This is a description of the notebook.\""
+    "META_DESCRIPTION = \"This is a description of the notebook. This notebook will be synced to https://www.hydroshare.org/resource/ff48614339034212bb7b31cb719c0aa0/data/contents/example_metadata_parsing.ipynb\""
    ]
   }
  ],

frontend/public/notebooks/example_metadata_parsing.ipynb

@@ -2,10 +2,18 @@ export const notebooks = [
   {
     filename: 'SWOT_GISshapefiles.ipynb'
   },
+  {
+    filename: 'example_2.ipynb',
+    META_TITLE: 'Another Example metadata tile',
+    META_SUBTITLE: 'Subtitle extracted from the notebook',
+    META_DESCRIPTION:
+      'This will get synced to https://www.hydroshare.org/resource/ff48614339034212bb7b31cb719c0aa0/data/contents/example_metadata_parsing2.ipynb'
+  },
   {
     filename: 'example_metadata_parsing.ipynb',
     META_TITLE: 'Example metadata tile',
     META_SUBTITLE: 'This is a subtitle',
-    META_DESCRIPTION: 'This is a description of the notebook.'
+    META_DESCRIPTION:
+      'This is a description of the notebook. This notebook will be synced to https://www.hydroshare.org/resource/ff48614339034212bb7b31cb719c0aa0/data/contents/example_metadata_parsing.ipynb'
   }
 ]

frontend/src/notebooks.mjs

@@ -1,10 +1,10 @@
 FROM quay.io/jupyter/base-notebook:python-3.11.10
-COPY ./notebooks /notebooks
 COPY requirements.txt /
 
 WORKDIR /
 
 RUN pip install --upgrade pip \
     && pip install -r requirements.txt
 
-RUN jupyter nbconvert --to html /notebooks/*.ipynb --output-dir=/home/jovyan/dist
+CMD ["/bin/bash", "-c", "tail -f /dev/null"]
+

nbconvert/Dockerfile

@@ -6,5 +6,6 @@ services:
       dockerfile: Dockerfile
       context: ./
     container_name: nbconvert
-    # override the default command with simple bash command to keep the container running
+    volumes:
+      - ./notebooks:/notebooks
     entrypoint: ["/bin/bash", "-c", "tail -f /dev/null"]

nbconvert/docker-compose.yml

@@ -11,6 +11,7 @@ cp $NOTEBOOK_DIR/*.ipynb notebooks/
 
 # run nbconvert on the notebooks
 docker-compose up nbconvert -d
+docker-compose exec nbconvert jupyter nbconvert --to html /notebooks/*.ipynb --output-dir=/home/jovyan/dist/
 docker cp nbconvert:/home/jovyan/dist/. $NOTEBOOK_DIR
 docker-compose down