Fix missing Center def causing notebook to fail to run

Author: jph00

monsterui/franken.py

@@ -24,7 +24,7 @@
 from .foundations import *
 from fasthtml.common import Div, P, Span, FT
 from enum import Enum, auto
-from fasthtml.components import Uk_select,Uk_input_tag,Uk_icon
+from fasthtml.components import Uk_select,Uk_input_tag,Uk_icon,Uk_input_range
 from functools import partial
 from itertools import zip_longest
 from typing import Union, Tuple, Optional, Sequence
@@ -35,7 +35,6 @@
 from mistletoe.span_token import Image
 import mistletoe
 from lxml import html, etree
-from fasthtml.components import Uk_input_range
 import fasthtml.components as fh_comp
 
 # %% ../nbs/02_franken.ipynb

nbs/02_franken.ipynb

@@ -42,7 +42,7 @@
     "from monsterui.foundations import *\n",
     "from fasthtml.common import Div, P, Span, FT\n",
     "from enum import Enum, auto\n",
-    "from fasthtml.components import Uk_select,Uk_input_tag,Uk_icon\n",
+    "from fasthtml.components import Uk_select,Uk_input_tag,Uk_icon,Uk_input_range\n",
     "from functools import partial\n",
     "from itertools import zip_longest\n",
     "from typing import Union, Tuple, Optional, Sequence\n",
@@ -53,7 +53,6 @@
     "from mistletoe.span_token import Image\n",
     "import mistletoe\n",
     "from lxml import html, etree\n",
-    "from fasthtml.components import Uk_input_range\n",
     "import fasthtml.components as fh_comp"
    ]
   },
@@ -452,7 +451,7 @@
     {
      "data": {
       "text/html": [
-       "<iframe src=\"http://localhost:8000/_8kczAnbcSHeP9QArVz2g1Q\" style=\"width: 100%; height: auto; border: none;\" onload=\"{\n",
+       "<iframe src=\"http://localhost:8000/_xSRcgLmLQxGpk0OYGA36aA\" style=\"width: 100%; height: auto; border: none;\" onload=\"{\n",
        "        let frame = this;\n",
        "        window.addEventListener('message', function(e) {\n",
        "            if (e.source !== frame.contentWindow) return; // Only proceed if the message is from this iframe\n",
@@ -1176,7 +1175,7 @@
     {
      "data": {
       "text/html": [
-       "<a href=\"http://localhost:8000/_RPiRGpnWQoO6cbGUPyRUXw\" target=\"_blank\">Open in new tab</a>"
+       "<a href=\"http://localhost:8000/_Krhk4_fOTLyDaD4Balqtjg\" target=\"_blank\">Open in new tab</a>"
       ],
       "text/plain": [
        "<IPython.core.display.HTML object>"
@@ -1188,7 +1187,7 @@
     {
      "data": {
       "text/html": [
-       "<iframe src=\"http://localhost:8000/_RPiRGpnWQoO6cbGUPyRUXw\" style=\"width: 100%; height: auto; border: none;\" onload=\"{\n",
+       "<iframe src=\"http://localhost:8000/_Krhk4_fOTLyDaD4Balqtjg\" style=\"width: 100%; height: auto; border: none;\" onload=\"{\n",
        "        let frame = this;\n",
        "        window.addEventListener('message', function(e) {\n",
        "            if (e.source !== frame.contentWindow) return; // Only proceed if the message is from this iframe\n",
@@ -1609,7 +1608,7 @@
     {
      "data": {
       "text/html": [
-       "<iframe src=\"http://localhost:8000/_OR1TtyOZRUmm4EezKWUnyQ\" style=\"width: 100%; height: auto; border: none;\" onload=\"{\n",
+       "<iframe src=\"http://localhost:8000/_6ZHyICVfQMSyaIKR3TZDIA\" style=\"width: 100%; height: auto; border: none;\" onload=\"{\n",
        "        let frame = this;\n",
        "        window.addEventListener('message', function(e) {\n",
        "            if (e.source !== frame.contentWindow) return; // Only proceed if the message is from this iframe\n",
@@ -1856,7 +1855,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "test_modal = Modal(Caption(\"This is a test modal\"), header=Span(ModalTitle(\"Modal Heading\"), ModalCloseButton(htmx=True)), footer=Center(\"Modal Footer\"), id=\"mymodal\", open=True)"
+    "test_modal = Modal(Caption(\"This is a test modal\"), header=Span(ModalTitle(\"Modal Heading\"), ModalCloseButton(htmx=True)), footer=P(\"Modal Footer\"), id=\"mymodal\", open=True)"
    ]
   },
   {
@@ -1879,7 +1878,7 @@
     {
      "data": {
       "text/html": [
-       "<iframe src=\"http://localhost:8008/_-q-N4moZSPShOg47WTtRxg\" style=\"width: 100%; height: 500px; border: none;\" onload=\"\" allow=\"accelerometer; autoplay; camera; clipboard-read; clipboard-write; display-capture; encrypted-media; fullscreen; gamepad; geolocation; gyroscope; hid; identity-credentials-get; idle-detection; magnetometer; microphone; midi; payment; picture-in-picture; publickey-credentials-get; screen-wake-lock; serial; usb; web-share; xr-spatial-tracking\"></iframe> "
+       "<iframe src=\"http://localhost:8000/_AP-9kDhSR4qGutzaR6GHxg\" style=\"width: 100%; height: 500px; border: none;\" onload=\"\" allow=\"accelerometer; autoplay; camera; clipboard-read; clipboard-write; display-capture; encrypted-media; fullscreen; gamepad; geolocation; gyroscope; hid; identity-credentials-get; idle-detection; magnetometer; microphone; midi; payment; picture-in-picture; publickey-credentials-get; screen-wake-lock; serial; usb; web-share; xr-spatial-tracking\"></iframe> "
       ],
       "text/plain": [
        "<IPython.core.display.HTML object>"
@@ -2982,7 +2981,7 @@
     {
      "data": {
       "text/html": [
-       "<iframe src=\"http://localhost:8008/_MYrJVodpR5yhlSq_Hdvxhw\" style=\"width: 100%; height: auto; border: none;\" onload=\"{\n",
+       "<iframe src=\"http://localhost:8008/_AJHBq27jRxi0-aaQPUiMNQ\" style=\"width: 100%; height: auto; border: none;\" onload=\"{\n",
        "        let frame = this;\n",
        "        window.addEventListener('message', function(e) {\n",
        "            if (e.source !== frame.contentWindow) return; // Only proceed if the message is from this iframe\n",
@@ -3282,7 +3281,7 @@
     {
      "data": {
       "text/html": [
-       "<iframe src=\"http://localhost:8008/_QKWPjVcdTwOqI5Co3z11iQ\" style=\"width: 100%; height: auto; border: none;\" onload=\"{\n",
+       "<iframe src=\"http://localhost:8008/_dGhN_-iERHu6pAvNtJnWKw\" style=\"width: 100%; height: auto; border: none;\" onload=\"{\n",
        "        let frame = this;\n",
        "        window.addEventListener('message', function(e) {\n",
        "            if (e.source !== frame.contentWindow) return; // Only proceed if the message is from this iframe\n",
@@ -3354,7 +3353,7 @@
     {
      "data": {
       "text/html": [
-       "<iframe src=\"http://localhost:8008/_TOBgWBN4RwSajDt7xCtMpA\" style=\"width: 100%; height: 350px; border: none;\" onload=\"\" allow=\"accelerometer; autoplay; camera; clipboard-read; clipboard-write; display-capture; encrypted-media; fullscreen; gamepad; geolocation; gyroscope; hid; identity-credentials-get; idle-detection; magnetometer; microphone; midi; payment; picture-in-picture; publickey-credentials-get; screen-wake-lock; serial; usb; web-share; xr-spatial-tracking\"></iframe> "
+       "<iframe src=\"http://localhost:8008/_2QVlYN4PQJCLSIHQACpH2A\" style=\"width: 100%; height: 350px; border: none;\" onload=\"\" allow=\"accelerometer; autoplay; camera; clipboard-read; clipboard-write; display-capture; encrypted-media; fullscreen; gamepad; geolocation; gyroscope; hid; identity-credentials-get; idle-detection; magnetometer; microphone; midi; payment; picture-in-picture; publickey-credentials-get; screen-wake-lock; serial; usb; web-share; xr-spatial-tracking\"></iframe> "
       ],
       "text/plain": [
        "<IPython.core.display.HTML object>"
@@ -3547,6 +3546,34 @@
     "#     height=400\n",
     "# )"
    ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "ad606199",
+   "metadata": {},
+   "source": [
+    "## export -"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "e05a5ad6",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "#|hide\n",
+    "from nbdev import nbdev_export\n",
+    "nbdev_export()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "de35d138",
+   "metadata": {},
+   "outputs": [],
+   "source": []
   }
  ],
  "metadata": {