Add path arg to HTMX

AnswerDotAI · Oct 8, 2024 · 80679ca · 80679ca
1 parent 7e612c2
commit 80679ca
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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",