disable katex by default

Author: comhar

.gitignore

@@ -164,4 +164,4 @@ cython_debug/
 #  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
 #  and can be added to the global gitignore or merged into this file.  For a more nuclear
 #  option (not recommended) you can uncomment the following to ignore the entire idea folder.
-#.idea/
+.idea/

README.md

@@ -82,6 +82,8 @@ app, rt = fast_app(hdrs=Theme.slate.headers())
 > *The color option can be any of the theme options available out of the
 > box*
 
+> `katex` and `highlightjs` are not included by default. To include them set `katex=True` or `highlightjs=True` when calling `.headers`. (i.e. `Theme.slate.headers(katex=True)`)*
+
 From here, you can explore the API Reference & examples to see how to
 implement the components. You can also check out these demo videos to as
 a quick start guide:

docs/getting_started/GettingStarted.md

@@ -81,6 +81,8 @@ app, rt = fast_app(hdrs=Theme.slate.headers())
 > *The color option can be any of the theme options available out of the
 > box*
 
+> `katex` and `highlightjs` are not included by default. To include them set `katex=True` or `highlightjs=True` when calling `.headers`. (i.e. `Theme.slate.headers(katex=True)`)*
+
 From here, you can explore the API Reference & examples to see how to
 implement the components. You can also check out these demo videos to as
 a quick start guide:

monsterui/core.py

@@ -183,7 +183,7 @@ def _generate_next_value_(name, start, count, last_values): return name
     violet = auto()
     zinc = auto()
 
-    def _create_headers(self, urls, mode='auto', icons=True, daisy=True, highlightjs=False, katex=True, apex_charts=False, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm):
+    def _create_headers(self, urls, mode='auto', icons=True, daisy=True, highlightjs=False, katex=False, apex_charts=False, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm):
         "Create header elements with given URLs"
         hdrs = [
             fh.Link(rel="stylesheet", href=urls['franken_css']),
@@ -253,11 +253,11 @@ def _create_headers(self, urls, mode='auto', icons=True, daisy=True, highlightjs
                 ]
         return hdrs
 
-    def headers(self, mode='auto', icons=True, daisy=True, highlightjs=False, katex=True, apex_charts=False, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm ):
+    def headers(self, mode='auto', icons=True, daisy=True, highlightjs=False, katex=False, apex_charts=False, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm ):
         "Create frankenui and tailwind cdns"
         return self._create_headers(HEADER_URLS, mode=mode, icons=icons, daisy=daisy, highlightjs=highlightjs, katex=katex, apex_charts=apex_charts, radii=radii, shadows=shadows, font=font)    
 
-    def local_headers(self, mode='auto', static_dir='static', icons=True, daisy=True, highlightjs=False, katex=True, apex_charts=False, radii='md', shadows='sm', font='sm'):
+    def local_headers(self, mode='auto', static_dir='static', icons=True, daisy=True, highlightjs=False, katex=False, apex_charts=False, radii='md', shadows='sm', font='sm'):
         "Create headers using local files downloaded from CDNs"
         Path(static_dir).mkdir(exist_ok=True)
         local_urls = dict([_download_resource(url, static_dir) for url in HEADER_URLS.items()])

nbs/01_core.ipynb

@@ -334,7 +334,7 @@
     "    violet = auto()\n",
     "    zinc = auto()\n",
     "\n",
-    "    def _create_headers(self, urls, mode='auto', icons=True, daisy=True, highlightjs=False, katex=True, apex_charts=False, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm):\n",
+    "    def _create_headers(self, urls, mode='auto', icons=True, daisy=True, highlightjs=False, katex=False, apex_charts=False, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm):\n",
     "        \"Create header elements with given URLs\"\n",
     "        hdrs = [\n",
     "            fh.Link(rel=\"stylesheet\", href=urls['franken_css']),\n",
@@ -404,25 +404,90 @@
     "                ]\n",
     "        return hdrs\n",
     "\n",
-    "    def headers(self, mode='auto', icons=True, daisy=True, highlightjs=False, katex=True, apex_charts=False, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm ):\n",
+    "    def headers(self, mode='auto', icons=True, daisy=True, highlightjs=False, katex=False, apex_charts=False, radii=ThemeRadii.sm, shadows=ThemeShadows.sm, font=ThemeFont.sm ):\n",
     "        \"Create frankenui and tailwind cdns\"\n",
     "        return self._create_headers(HEADER_URLS, mode=mode, icons=icons, daisy=daisy, highlightjs=highlightjs, katex=katex, apex_charts=apex_charts, radii=radii, shadows=shadows, font=font)    \n",
     "    \n",
-    "    def local_headers(self, mode='auto', static_dir='static', icons=True, daisy=True, highlightjs=False, katex=True, apex_charts=False, radii='md', shadows='sm', font='sm'):\n",
+    "    def local_headers(self, mode='auto', static_dir='static', icons=True, daisy=True, highlightjs=False, katex=False, apex_charts=False, radii='md', shadows='sm', font='sm'):\n",
     "        \"Create headers using local files downloaded from CDNs\"\n",
     "        Path(static_dir).mkdir(exist_ok=True)\n",
     "        local_urls = dict([_download_resource(url, static_dir) for url in HEADER_URLS.items()])\n",
     "        return self._create_headers(local_urls, mode=mode, icons=icons, daisy=daisy, highlightjs=highlightjs, katex=katex, apex_charts=apex_charts, radii=radii, shadows=shadows, font=font)"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/core.min.css\n",
+      "https://cdn.jsdelivr.net/npm/[email protected]/dist/js/core.iife.js\n",
+      "https://cdn.tailwindcss.com/3.4.16\n",
+      "inline\n",
+      "inline\n",
+      "inline\n",
+      "https://cdn.jsdelivr.net/npm/[email protected]/dist/js/icon.iife.js\n",
+      "https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css\n",
+      "inline\n"
+     ]
+    }
+   ],
+   "source": [
+    "for h in Theme.blue.headers(): print(h.href or h.src or \"inline\")"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "`katex` and `highlightjs` are not included by default. To include them set `katex=True` or `highlightjs=True` when calling `.headers`."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/core.min.css\n",
+      "https://cdn.jsdelivr.net/npm/[email protected]/dist/js/core.iife.js\n",
+      "https://cdn.tailwindcss.com/3.4.16\n",
+      "inline\n",
+      "inline\n",
+      "inline\n",
+      "https://cdn.jsdelivr.net/npm/[email protected]/dist/js/icon.iife.js\n",
+      "https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css\n",
+      "inline\n",
+      "https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js\n",
+      "https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/languages/python.min.js\n",
+      "https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/atom-one-light.css\n",
+      "https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/atom-one-dark.css\n",
+      "https://cdn.jsdelivr.net/gh/arronhunt/highlightjs-copy/dist/highlightjs-copy.min.js\n",
+      "https://cdn.jsdelivr.net/gh/arronhunt/highlightjs-copy/dist/highlightjs-copy.min.css\n",
+      "inline\n",
+      "https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css\n",
+      "inline\n"
+     ]
+    }
+   ],
+   "source": [
+    "for h in Theme.blue.headers(katex=True, highlightjs=True): print(h.href or h.src or \"inline\")"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": null,
    "metadata": {},
    "outputs": [],
    "source": [
-    "hdrs = Theme.blue.headers()\n",
-    "app = FastHTML(hdrs=hdrs)"
+    "app = FastHTML(hdrs=Theme.blue.headers())"
    ]
   },
   {
@@ -462,9 +527,9 @@
  ],
  "metadata": {
   "kernelspec": {
-   "display_name": "python3",
+   "display_name": "python",
    "language": "python",
-   "name": "python3"
+   "name": "python"
   }
  },
  "nbformat": 4,