From 485fb642c9e188aa4dd2cd9aa49ef4c3f3414d90 Mon Sep 17 00:00:00 2001
From: Isaac Flath <isaac.flath@gmail.com>
Date: Tue, 8 Oct 2024 19:55:54 -0400
Subject: [PATCH] Add path

---
 fasthtml/jupyter.py      | 4 ++--
 nbs/api/06_jupyter.ipynb | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/fasthtml/jupyter.py b/fasthtml/jupyter.py
index acef8962..1d58523d 100644
--- a/fasthtml/jupyter.py
+++ b/fasthtml/jupyter.py
@@ -88,9 +88,9 @@ def FastJupy(hdrs=None, middleware=None, **kwargs):
     return FastHTML(hdrs=hdrs, middleware=middleware, **kwargs)
 
 # %% ../nbs/api/06_jupyter.ipynb
-def HTMX(host='localhost', port=8000, iframe_height="auto"):
+def HTMX(path="", host='localhost', port=8000, iframe_height="auto"):
     "An iframe which displays the HTMX application in a notebook."
-    return HTML(f'<iframe src="http://{host}:{port}" style="width: 100%; height: {iframe_height}; border: none;" ' + """onload="{
+    return HTML(f'<iframe src="http://{host}:{port}/{path}" style="width: 100%; height: {iframe_height}; border: none;" ' + """onload="{
         let frame = this;
         window.addEventListener('message', function(e) {
             if (e.data.height) frame.style.height = (e.data.height+1) + 'px';
diff --git a/nbs/api/06_jupyter.ipynb b/nbs/api/06_jupyter.ipynb
index 57e919d2..08185463 100644
--- a/nbs/api/06_jupyter.ipynb
+++ b/nbs/api/06_jupyter.ipynb
@@ -292,9 +292,9 @@
    "outputs": [],
    "source": [
     "#| export\n",
-    "def HTMX(host='localhost', port=8000, iframe_height=\"auto\"):\n",
+    "def HTMX(path=\"\", host='localhost', port=8000, iframe_height=\"auto\"):\n",
     "    \"An iframe which displays the HTMX application in a notebook.\"\n",
-    "    return HTML(f'<iframe src=\"http://{host}:{port}\" style=\"width: 100%; height: {iframe_height}; border: none;\" ' + \"\"\"onload=\"{\n",
+    "    return HTML(f'<iframe src=\"http://{host}:{port}/{path}\" style=\"width: 100%; height: {iframe_height}; border: none;\" ' + \"\"\"onload=\"{\n",
     "        let frame = this;\n",
     "        window.addEventListener('message', function(e) {\n",
     "            if (e.data.height) frame.style.height = (e.data.height+1) + 'px';\n",