Debug first build pt3

Dockerfile

@@ -17,4 +17,5 @@ RUN mamba env create --prefix $HOME/env  -f ./environment.yml
 EXPOSE 7860
 WORKDIR $HOME/app
 
-CMD mamba run -p $HOME/env --no-capture-output voila --no-browser notebooks/
+CMD mamba run -p $HOME/env --no-capture-output voila --no-browser --port=7860 notebooks/app.ipynb
+# CMD python3 -m voila --no-browser notebooks/ --port=7860

environment.yml

@@ -3,14 +3,15 @@ channels:
   - conda-forge
 dependencies:
   - python
-  - ipywidgets
   - ipykernel
   - pip
   - ultralytics
   - pillow
   - python-dotenv
   - opencv
+  - jupyterlab_widgets
+  - voila
+  - ipywidgets
 
   - pip:
-    - voila==0.5.0
-    - voila-topbar==0.1.1
+    - voila-topbar

notebooks/app.ipynb

@@ -2,7 +2,7 @@
  "cells": [
   {
    "cell_type": "code",
-   "execution_count": null,
+   "execution_count": 1,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -11,7 +11,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": null,
+   "execution_count": 2,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -25,9 +25,108 @@
   },
   {
    "cell_type": "code",
-   "execution_count": null,
+   "execution_count": 3,
    "metadata": {},
-   "outputs": [],
+   "outputs": [
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "57fe1b257f5448208a6e6c07ada26ef8",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "Text(value='33rd & Loch Raven Baltimore MD', description='Location', layout=Layout(width='600px'), style=TextS…"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "6a4f58d9f343425993aa59f5e3271118",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "IntSlider(value=640, description='Image size', layout=Layout(width='600px'), max=1024, min=100, style=SliderSt…"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "36da56e191be4d7fb5c26a3e90145d4b",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "IntSlider(value=140, description='Heading (rotation)', layout=Layout(width='600px'), max=360, style=SliderStyl…"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "cb10a0a70dc04d2690dc41d7eec0bb1f",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "IntSlider(value=10, description='Pitch (tilt)', layout=Layout(width='600px'), max=40, style=SliderStyle(descri…"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "2425ac1c49504ec199bdee5abee9d2e3",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "IntSlider(value=50, description='Field of view (zoom)', layout=Layout(width='600px'), max=120, min=10, style=S…"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "da832f9cbde14700a60901e887b1789c",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "Button(description='Get image', style=ButtonStyle())"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "application/vnd.jupyter.widget-view+json": {
+       "model_id": "3d8bec926ef0413db6d9865418dc2045",
+       "version_major": 2,
+       "version_minor": 0
+      },
+      "text/plain": [
+       "Output()"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
    "source": [
     "output = widgets.Output()\n",
     "lbl_style = {'description_width': '200px'}\n",
@@ -67,9 +166,9 @@
     "\n",
     "\n",
     "def button_click(b):\n",
+    "    output.clear_output()\n",
     "    with output:\n",
-    "        output.clear_output()\n",
-    "        txt = f'test: location = {location.value}'\n",
+    "        txt = f'location: {location.value}'\n",
     "        print(txt)\n",
     "    return txt\n",
     "\n",
@@ -105,7 +204,15 @@
    "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.11.5"
   }
  },

voila.json

@@ -1,11 +1,6 @@
 {
   "Voila": {
     "ip":"0.0.0.0",
-    "port": 7860,
-    "tornado_settings": {
-      "headers": {
-        "Content-Security-Policy": "frame-ancestors self *"
-      }
-    }
+    "port": 7860
   }
 }