instaui 0.1.4__py3-none-any.whl → 0.1.5__py3-none-any.whl

instaui/components/shiki_code/static/themes/vitesse-light.mjs

@@ -0,0 +1,2 @@
+/* Theme: vitesse-light */
+export default Object.freeze(JSON.parse("{\"colors\":{\"activityBar.activeBorder\":\"#1c6b48\",\"activityBar.background\":\"#ffffff\",\"activityBar.border\":\"#f0f0f0\",\"activityBar.foreground\":\"#393a34\",\"activityBar.inactiveForeground\":\"#393a3450\",\"activityBarBadge.background\":\"#4e4f47\",\"activityBarBadge.foreground\":\"#ffffff\",\"badge.background\":\"#393a3490\",\"badge.foreground\":\"#ffffff\",\"breadcrumb.activeSelectionForeground\":\"#22222218\",\"breadcrumb.background\":\"#f7f7f7\",\"breadcrumb.focusForeground\":\"#393a34\",\"breadcrumb.foreground\":\"#6a737d\",\"breadcrumbPicker.background\":\"#ffffff\",\"button.background\":\"#1c6b48\",\"button.foreground\":\"#ffffff\",\"button.hoverBackground\":\"#1c6b48\",\"checkbox.background\":\"#f7f7f7\",\"checkbox.border\":\"#d1d5da\",\"debugToolBar.background\":\"#ffffff\",\"descriptionForeground\":\"#393a3490\",\"diffEditor.insertedTextBackground\":\"#1c6b4830\",\"diffEditor.removedTextBackground\":\"#ab595940\",\"dropdown.background\":\"#ffffff\",\"dropdown.border\":\"#f0f0f0\",\"dropdown.foreground\":\"#393a34\",\"dropdown.listBackground\":\"#f7f7f7\",\"editor.background\":\"#ffffff\",\"editor.findMatchBackground\":\"#e6cc7744\",\"editor.findMatchHighlightBackground\":\"#e6cc7766\",\"editor.focusedStackFrameHighlightBackground\":\"#fff5b1\",\"editor.foldBackground\":\"#22222210\",\"editor.foreground\":\"#393a34\",\"editor.inactiveSelectionBackground\":\"#22222210\",\"editor.lineHighlightBackground\":\"#f7f7f7\",\"editor.selectionBackground\":\"#22222218\",\"editor.selectionHighlightBackground\":\"#22222210\",\"editor.stackFrameHighlightBackground\":\"#fffbdd\",\"editor.wordHighlightBackground\":\"#1c6b4805\",\"editor.wordHighlightStrongBackground\":\"#1c6b4810\",\"editorBracketHighlight.foreground1\":\"#2993a3\",\"editorBracketHighlight.foreground2\":\"#1e754f\",\"editorBracketHighlight.foreground3\":\"#a65e2b\",\"editorBracketHighlight.foreground4\":\"#a13865\",\"editorBracketHighlight.foreground5\":\"#bda437\",\"editorBracketHighlight.foreground6\":\"#296aa3\",\"editorBracketMatch.background\":\"#1c6b4820\",\"editorError.foreground\":\"#ab5959\",\"editorGroup.border\":\"#f0f0f0\",\"editorGroupHeader.tabsBackground\":\"#ffffff\",\"editorGroupHeader.tabsBorder\":\"#f0f0f0\",\"editorGutter.addedBackground\":\"#1e754f\",\"editorGutter.commentRangeForeground\":\"#393a3450\",\"editorGutter.deletedBackground\":\"#ab5959\",\"editorGutter.foldingControlForeground\":\"#393a3490\",\"editorGutter.modifiedBackground\":\"#296aa3\",\"editorHint.foreground\":\"#1e754f\",\"editorIndentGuide.activeBackground\":\"#00000030\",\"editorIndentGuide.background\":\"#00000015\",\"editorInfo.foreground\":\"#296aa3\",\"editorInlayHint.background\":\"#f7f7f7\",\"editorInlayHint.foreground\":\"#999999\",\"editorLineNumber.activeForeground\":\"#4e4f47\",\"editorLineNumber.foreground\":\"#393a3450\",\"editorOverviewRuler.border\":\"#fff\",\"editorStickyScroll.background\":\"#f7f7f7\",\"editorStickyScrollHover.background\":\"#f7f7f7\",\"editorWarning.foreground\":\"#a65e2b\",\"editorWhitespace.foreground\":\"#00000015\",\"editorWidget.background\":\"#ffffff\",\"errorForeground\":\"#ab5959\",\"focusBorder\":\"#00000000\",\"foreground\":\"#393a34\",\"gitDecoration.addedResourceForeground\":\"#1e754f\",\"gitDecoration.conflictingResourceForeground\":\"#a65e2b\",\"gitDecoration.deletedResourceForeground\":\"#ab5959\",\"gitDecoration.ignoredResourceForeground\":\"#393a3450\",\"gitDecoration.modifiedResourceForeground\":\"#296aa3\",\"gitDecoration.submoduleResourceForeground\":\"#393a3490\",\"gitDecoration.untrackedResourceForeground\":\"#2993a3\",\"input.background\":\"#f7f7f7\",\"input.border\":\"#f0f0f0\",\"input.foreground\":\"#393a34\",\"input.placeholderForeground\":\"#393a3490\",\"inputOption.activeBackground\":\"#393a3450\",\"list.activeSelectionBackground\":\"#f7f7f7\",\"list.activeSelectionForeground\":\"#393a34\",\"list.focusBackground\":\"#f7f7f7\",\"list.highlightForeground\":\"#1c6b48\",\"list.hoverBackground\":\"#f7f7f7\",\"list.hoverForeground\":\"#393a34\",\"list.inactiveFocusBackground\":\"#ffffff\",\"list.inactiveSelectionBackground\":\"#f7f7f7\",\"list.inactiveSelectionForeground\":\"#393a34\",\"menu.separatorBackground\":\"#f0f0f0\",\"notificationCenterHeader.background\":\"#ffffff\",\"notificationCenterHeader.foreground\":\"#6a737d\",\"notifications.background\":\"#ffffff\",\"notifications.border\":\"#f0f0f0\",\"notifications.foreground\":\"#393a34\",\"notificationsErrorIcon.foreground\":\"#ab5959\",\"notificationsInfoIcon.foreground\":\"#296aa3\",\"notificationsWarningIcon.foreground\":\"#a65e2b\",\"panel.background\":\"#ffffff\",\"panel.border\":\"#f0f0f0\",\"panelInput.border\":\"#e1e4e8\",\"panelTitle.activeBorder\":\"#1c6b48\",\"panelTitle.activeForeground\":\"#393a34\",\"panelTitle.inactiveForeground\":\"#6a737d\",\"peekViewEditor.background\":\"#ffffff\",\"peekViewResult.background\":\"#ffffff\",\"pickerGroup.border\":\"#f0f0f0\",\"pickerGroup.foreground\":\"#393a34\",\"problemsErrorIcon.foreground\":\"#ab5959\",\"problemsInfoIcon.foreground\":\"#296aa3\",\"problemsWarningIcon.foreground\":\"#a65e2b\",\"progressBar.background\":\"#1c6b48\",\"quickInput.background\":\"#ffffff\",\"quickInput.foreground\":\"#393a34\",\"quickInputList.focusBackground\":\"#f7f7f7\",\"scrollbar.shadow\":\"#6a737d33\",\"scrollbarSlider.activeBackground\":\"#393a3450\",\"scrollbarSlider.background\":\"#393a3410\",\"scrollbarSlider.hoverBackground\":\"#393a3450\",\"settings.headerForeground\":\"#393a34\",\"settings.modifiedItemIndicator\":\"#1c6b48\",\"sideBar.background\":\"#ffffff\",\"sideBar.border\":\"#f0f0f0\",\"sideBar.foreground\":\"#4e4f47\",\"sideBarSectionHeader.background\":\"#ffffff\",\"sideBarSectionHeader.border\":\"#f0f0f0\",\"sideBarSectionHeader.foreground\":\"#393a34\",\"sideBarTitle.foreground\":\"#393a34\",\"statusBar.background\":\"#ffffff\",\"statusBar.border\":\"#f0f0f0\",\"statusBar.debuggingBackground\":\"#f7f7f7\",\"statusBar.debuggingForeground\":\"#4e4f47\",\"statusBar.foreground\":\"#4e4f47\",\"statusBar.noFolderBackground\":\"#ffffff\",\"statusBarItem.prominentBackground\":\"#f7f7f7\",\"tab.activeBackground\":\"#ffffff\",\"tab.activeBorder\":\"#f0f0f0\",\"tab.activeBorderTop\":\"#393a3490\",\"tab.activeForeground\":\"#393a34\",\"tab.border\":\"#f0f0f0\",\"tab.hoverBackground\":\"#f7f7f7\",\"tab.inactiveBackground\":\"#ffffff\",\"tab.inactiveForeground\":\"#6a737d\",\"tab.unfocusedActiveBorder\":\"#f0f0f0\",\"tab.unfocusedActiveBorderTop\":\"#f0f0f0\",\"tab.unfocusedHoverBackground\":\"#ffffff\",\"terminal.ansiBlack\":\"#121212\",\"terminal.ansiBlue\":\"#296aa3\",\"terminal.ansiBrightBlack\":\"#aaaaaa\",\"terminal.ansiBrightBlue\":\"#296aa3\",\"terminal.ansiBrightCyan\":\"#2993a3\",\"terminal.ansiBrightGreen\":\"#1e754f\",\"terminal.ansiBrightMagenta\":\"#a13865\",\"terminal.ansiBrightRed\":\"#ab5959\",\"terminal.ansiBrightWhite\":\"#dddddd\",\"terminal.ansiBrightYellow\":\"#bda437\",\"terminal.ansiCyan\":\"#2993a3\",\"terminal.ansiGreen\":\"#1e754f\",\"terminal.ansiMagenta\":\"#a13865\",\"terminal.ansiRed\":\"#ab5959\",\"terminal.ansiWhite\":\"#dbd7ca\",\"terminal.ansiYellow\":\"#bda437\",\"terminal.foreground\":\"#393a34\",\"terminal.selectionBackground\":\"#22222218\",\"textBlockQuote.background\":\"#ffffff\",\"textBlockQuote.border\":\"#f0f0f0\",\"textCodeBlock.background\":\"#ffffff\",\"textLink.activeForeground\":\"#1c6b48\",\"textLink.foreground\":\"#1c6b48\",\"textPreformat.foreground\":\"#586069\",\"textSeparator.foreground\":\"#d1d5da\",\"titleBar.activeBackground\":\"#ffffff\",\"titleBar.activeForeground\":\"#4e4f47\",\"titleBar.border\":\"#f7f7f7\",\"titleBar.inactiveBackground\":\"#ffffff\",\"titleBar.inactiveForeground\":\"#6a737d\",\"tree.indentGuidesStroke\":\"#e1e4e8\",\"welcomePage.buttonBackground\":\"#f6f8fa\",\"welcomePage.buttonHoverBackground\":\"#e1e4e8\"},\"displayName\":\"Vitesse Light\",\"name\":\"vitesse-light\",\"semanticHighlighting\":true,\"semanticTokenColors\":{\"class\":\"#5a6aa6\",\"interface\":\"#2e808f\",\"namespace\":\"#b05a78\",\"property\":\"#998418\",\"type\":\"#2e808f\"},\"tokenColors\":[{\"scope\":[\"comment\",\"punctuation.definition.comment\",\"string.comment\"],\"settings\":{\"foreground\":\"#a0ada0\"}},{\"scope\":[\"delimiter.bracket\",\"delimiter\",\"invalid.illegal.character-not-allowed-here.html\",\"keyword.operator.rest\",\"keyword.operator.spread\",\"keyword.operator.type.annotation\",\"keyword.operator.relational\",\"keyword.operator.assignment\",\"keyword.operator.type\",\"meta.brace\",\"meta.tag.block.any.html\",\"meta.tag.inline.any.html\",\"meta.tag.structure.input.void.html\",\"meta.type.annotation\",\"meta.embedded.block.github-actions-expression\",\"storage.type.function.arrow\",\"meta.objectliteral.ts\",\"punctuation\",\"punctuation.definition.string.begin.html.vue\",\"punctuation.definition.string.end.html.vue\"],\"settings\":{\"foreground\":\"#999999\"}},{\"scope\":[\"constant\",\"entity.name.constant\",\"variable.language\",\"meta.definition.variable\"],\"settings\":{\"foreground\":\"#a65e2b\"}},{\"scope\":[\"entity\",\"entity.name\"],\"settings\":{\"foreground\":\"#59873a\"}},{\"scope\":\"variable.parameter.function\",\"settings\":{\"foreground\":\"#393a34\"}},{\"scope\":[\"entity.name.tag\",\"tag.html\"],\"settings\":{\"foreground\":\"#1e754f\"}},{\"scope\":\"entity.name.function\",\"settings\":{\"foreground\":\"#59873a\"}},{\"scope\":[\"keyword\",\"storage.type.class.jsdoc\",\"punctuation.definition.template-expression\"],\"settings\":{\"foreground\":\"#1e754f\"}},{\"scope\":[\"storage\",\"storage.type\",\"support.type.builtin\",\"constant.language.undefined\",\"constant.language.null\",\"constant.language.import-export-all.ts\"],\"settings\":{\"foreground\":\"#ab5959\"}},{\"scope\":[\"text.html.derivative\",\"storage.modifier.package\",\"storage.modifier.import\",\"storage.type.java\"],\"settings\":{\"foreground\":\"#393a34\"}},{\"scope\":[\"string\",\"string punctuation.section.embedded source\",\"attribute.value\"],\"settings\":{\"foreground\":\"#b56959\"}},{\"scope\":[\"punctuation.definition.string\"],\"settings\":{\"foreground\":\"#b5695977\"}},{\"scope\":[\"punctuation.support.type.property-name\"],\"settings\":{\"foreground\":\"#99841877\"}},{\"scope\":\"support\",\"settings\":{\"foreground\":\"#998418\"}},{\"scope\":[\"property\",\"meta.property-name\",\"meta.object-literal.key\",\"entity.name.tag.yaml\",\"attribute.name\"],\"settings\":{\"foreground\":\"#998418\"}},{\"scope\":[\"entity.other.attribute-name\",\"invalid.deprecated.entity.other.attribute-name.html\"],\"settings\":{\"foreground\":\"#b07d48\"}},{\"scope\":[\"variable\",\"identifier\"],\"settings\":{\"foreground\":\"#b07d48\"}},{\"scope\":[\"support.type.primitive\",\"entity.name.type\"],\"settings\":{\"foreground\":\"#2e8f82\"}},{\"scope\":\"namespace\",\"settings\":{\"foreground\":\"#b05a78\"}},{\"scope\":[\"keyword.operator\",\"keyword.operator.assignment.compound\",\"meta.var.expr.ts\"],\"settings\":{\"foreground\":\"#ab5959\"}},{\"scope\":\"invalid.broken\",\"settings\":{\"fontStyle\":\"italic\",\"foreground\":\"#b31d28\"}},{\"scope\":\"invalid.deprecated\",\"settings\":{\"fontStyle\":\"italic\",\"foreground\":\"#b31d28\"}},{\"scope\":\"invalid.illegal\",\"settings\":{\"fontStyle\":\"italic\",\"foreground\":\"#b31d28\"}},{\"scope\":\"invalid.unimplemented\",\"settings\":{\"fontStyle\":\"italic\",\"foreground\":\"#b31d28\"}},{\"scope\":\"carriage-return\",\"settings\":{\"background\":\"#d73a49\",\"content\":\"^M\",\"fontStyle\":\"italic underline\",\"foreground\":\"#fafbfc\"}},{\"scope\":\"message.error\",\"settings\":{\"foreground\":\"#b31d28\"}},{\"scope\":\"string variable\",\"settings\":{\"foreground\":\"#b56959\"}},{\"scope\":[\"source.regexp\",\"string.regexp\"],\"settings\":{\"foreground\":\"#ab5e3f\"}},{\"scope\":[\"string.regexp.character-class\",\"string.regexp constant.character.escape\",\"string.regexp source.ruby.embedded\",\"string.regexp string.regexp.arbitrary-repitition\"],\"settings\":{\"foreground\":\"#b56959\"}},{\"scope\":\"string.regexp constant.character.escape\",\"settings\":{\"foreground\":\"#bda437\"}},{\"scope\":[\"support.constant\"],\"settings\":{\"foreground\":\"#a65e2b\"}},{\"scope\":[\"keyword.operator.quantifier.regexp\",\"constant.numeric\",\"number\"],\"settings\":{\"foreground\":\"#2f798a\"}},{\"scope\":[\"keyword.other.unit\"],\"settings\":{\"foreground\":\"#ab5959\"}},{\"scope\":[\"constant.language.boolean\",\"constant.language\"],\"settings\":{\"foreground\":\"#1e754f\"}},{\"scope\":\"meta.module-reference\",\"settings\":{\"foreground\":\"#1c6b48\"}},{\"scope\":\"punctuation.definition.list.begin.markdown\",\"settings\":{\"foreground\":\"#a65e2b\"}},{\"scope\":[\"markup.heading\",\"markup.heading entity.name\"],\"settings\":{\"fontStyle\":\"bold\",\"foreground\":\"#1c6b48\"}},{\"scope\":\"markup.quote\",\"settings\":{\"foreground\":\"#2e808f\"}},{\"scope\":\"markup.italic\",\"settings\":{\"fontStyle\":\"italic\",\"foreground\":\"#393a34\"}},{\"scope\":\"markup.bold\",\"settings\":{\"fontStyle\":\"bold\",\"foreground\":\"#393a34\"}},{\"scope\":\"markup.raw\",\"settings\":{\"foreground\":\"#1c6b48\"}},{\"scope\":[\"markup.deleted\",\"meta.diff.header.from-file\",\"punctuation.definition.deleted\"],\"settings\":{\"background\":\"#ffeef0\",\"foreground\":\"#b31d28\"}},{\"scope\":[\"markup.inserted\",\"meta.diff.header.to-file\",\"punctuation.definition.inserted\"],\"settings\":{\"background\":\"#f0fff4\",\"foreground\":\"#22863a\"}},{\"scope\":[\"markup.changed\",\"punctuation.definition.changed\"],\"settings\":{\"background\":\"#ffebda\",\"foreground\":\"#e36209\"}},{\"scope\":[\"markup.ignored\",\"markup.untracked\"],\"settings\":{\"background\":\"#005cc5\",\"foreground\":\"#f6f8fa\"}},{\"scope\":\"meta.diff.range\",\"settings\":{\"fontStyle\":\"bold\",\"foreground\":\"#6f42c1\"}},{\"scope\":\"meta.diff.header\",\"settings\":{\"foreground\":\"#005cc5\"}},{\"scope\":\"meta.separator\",\"settings\":{\"fontStyle\":\"bold\",\"foreground\":\"#005cc5\"}},{\"scope\":\"meta.output\",\"settings\":{\"foreground\":\"#005cc5\"}},{\"scope\":[\"brackethighlighter.tag\",\"brackethighlighter.curly\",\"brackethighlighter.round\",\"brackethighlighter.square\",\"brackethighlighter.angle\",\"brackethighlighter.quote\"],\"settings\":{\"foreground\":\"#586069\"}},{\"scope\":\"brackethighlighter.unmatched\",\"settings\":{\"foreground\":\"#b31d28\"}},{\"scope\":[\"constant.other.reference.link\",\"string.other.link\",\"punctuation.definition.string.begin.markdown\",\"punctuation.definition.string.end.markdown\"],\"settings\":{\"foreground\":\"#b56959\"}},{\"scope\":[\"markup.underline.link.markdown\",\"markup.underline.link.image.markdown\"],\"settings\":{\"fontStyle\":\"underline\",\"foreground\":\"#393a3490\"}},{\"scope\":[\"type.identifier\",\"constant.other.character-class.regexp\"],\"settings\":{\"foreground\":\"#5a6aa6\"}},{\"scope\":[\"entity.other.attribute-name.html.vue\"],\"settings\":{\"foreground\":\"#59873a\"}},{\"scope\":[\"invalid.illegal.unrecognized-tag.html\"],\"settings\":{\"fontStyle\":\"normal\"}}],\"type\":\"light\"}"))

instaui/components/value_element.py

@@ -11,6 +11,7 @@ from instaui import consts
 
 from instaui.vars.types import TMaybeRef
 from instaui.vars.web_computed import WebComputed
+from instaui.ui_functions.ui_types import is_bindable
 
 
 _T = TypeVar("_T")
@@ -28,10 +29,13 @@ class ValueElement(Element, Generic[_T]):
         self.__is_html_component = is_html_component
 
         if value is not None:
-            if isinstance(value, WebComputed):
-                self.props({value_name:value})
+            if is_bindable(value):
+                if isinstance(value, WebComputed):
+                    self.props({value_name: value})
+                else:
+                    self.vmodel(value, prop_name=value_name)
             else:
-                self.vmodel(value, prop_name=value_name)
+                self.props({value_name: value})
 
     def vmodel(
         self,

instaui/consts.py

@@ -13,8 +13,9 @@ APP_CSS_PATH = _STATIC_DIR.joinpath("insta-ui.css")
 VUE_IIFE_JS_PATH = _STATIC_DIR.joinpath("vue.global.prod.js")
 VUE_ES_JS_PATH = _STATIC_DIR.joinpath("vue.esm-browser.prod.js")
 VUE_ES_RUNTIME_JS_PATH = _STATIC_DIR.joinpath("vue.runtime.esm-browser.prod.js")
-TAILWIND_JS_PATH = _STATIC_DIR.joinpath("tailwindcss.min.js")
 FAVICON_PATH = _STATIC_DIR.joinpath("insta-ui.ico")
+# tools
+TOOLS_BROWSER_JS_PATH = _STATIC_DIR.joinpath("instaui-tools-browser.js")
 
 PAGE_TITLE = "insta-ui"
 

instaui/daisyui/__init__.py

@@ -12,9 +12,15 @@ Example usage:
         dsui.checkbox(checked=True)
 """
 
-__all__ = ["use", "checkbox", "button"]
+__all__ = [
+    "use",
+    "checkbox",
+    "button",
+    "table",
+]
 
 
+from ._index import use_daisyui as use
 from .checkbox import Checkbox as checkbox
 from .button import Button as button
-from ._index import use_daisyui as use
+from .table import Table as table

instaui/daisyui/_index.py

@@ -7,6 +7,11 @@ _THEME_CSS = _STATIC_DIR / "themes.css"
 
 
 def use_daisyui(value=True):
+    """Enable or disable DaisyUI.
+
+    Args:
+        value (bool, optional): Whether to enable or disable DaisyUI. Defaults to True.
+    """
     if value:
         ui.add_css_link(_DAISYUI_CSS)
         ui.add_css_link(_THEME_CSS)

instaui/daisyui/table.py

@@ -0,0 +1,35 @@
+from typing import Any, List, Union
+from instaui.components.element import Element
+from instaui.components.element import Element
+from instaui.components.content import Content
+from instaui.components.vfor import VFor
+from instaui.vars.types import TMaybeRef
+
+
+class Table(Element):
+    def __init__(
+        self,
+        columns: Union[List[str], TMaybeRef[List[str]], None] = None,
+        rows: Union[List[List[Any]], TMaybeRef[List[List[Any]]], None] = None,
+    ):
+        """Create a table element.
+
+        Args:
+            columns (Union[List[str], ui_vars.TMaybeRef[List[str]], None], optional): A list of column headers or a reactive reference to such a list. Defaults to None.
+            rows (Union[List[List[Any]], ui_vars.TMaybeRef[List[List[Any]]], None], optional): A list of row data, where each row is a list of cell values, or a reactive reference to such a list. Defaults to None.
+        """
+        super().__init__("table")
+        self.classes("table")
+
+        with self:
+            with Element("thead"), Element("tr"):
+                with VFor(columns) as col:  # type: ignore
+                    with Element("th"):
+                        Content(col)
+
+            with Element("tbody"):
+                with VFor(rows) as row:  # type: ignore
+                    with Element("tr"):
+                        with VFor(row) as cell:  # type: ignore
+                            with Element("td"):
+                                Content(cell)

instaui/event/js_event.py

@@ -25,6 +25,7 @@ class JsEvent(Jsonable, EventMixin):
 
     def _to_json_dict(self):
         data = super()._to_json_dict()
+        data["type"] = self.event_type()
 
         if self._inputs:
             data["inputs"] = self._inputs

instaui/event/web_event.py

@@ -7,6 +7,8 @@ from instaui.vars.mixin_types.py_binding import CanInputMixin, CanOutputMixin
 from instaui.handlers import event_handler
 from .event_mixin import EventMixin
 
+_SYNC_TYPE = "sync"
+_ASYNC_TYPE = "async"
 
 P = ParamSpec("P")
 R = typing.TypeVar("R")
@@ -48,18 +50,15 @@ class WebEvent(Jsonable, EventMixin, typing.Generic[P, R]):
             page_path=app.page_path, handler=self._fn
         )
 
-        handler_path = (
-            event_handler.ASYNC_URL
-            if inspect.iscoroutinefunction(self._fn)
-            else event_handler.SYNC_URL
-        )
-
         event_handler.register_event_handler(
             hkey, self._fn, self._outputs, self._inputs
         )
 
         data = {}
-        data["url"] = handler_path
+        data["type"] = self.event_type()
+        data["fType"] = (
+            _ASYNC_TYPE if inspect.iscoroutinefunction(self._fn) else _SYNC_TYPE
+        )
         data["hKey"] = hkey
         data["sid"] = self._sid
 

instaui/fastapi_server/server.py

@@ -43,7 +43,6 @@ INSTAUI_STATIC_URL = f"/_instaui_{_INSTA_VERSION}/static"
 VUE_JS_HASH_LINK = f"{INSTAUI_STATIC_URL}/{consts.VUE_ES_JS_PATH.name}"
 INSTAUI_JS_HASH_LINK = f"{INSTAUI_STATIC_URL}/{consts.APP_ES_JS_PATH.name}"
 APP_CSS_LINK = f"{INSTAUI_STATIC_URL}/{consts.APP_CSS_PATH.name}"
-TAILWIND_JS_HASH_LINK = f"{INSTAUI_STATIC_URL}/{consts.TAILWIND_JS_PATH.name}"
 FAVICON_LINK = f"{INSTAUI_STATIC_URL}/{consts.FAVICON_PATH.name}"
 
 
@@ -143,13 +142,6 @@ class Server:
             or consts.PAGE_TITLE,
         )
 
-        if html_resource.use_tailwind is None:
-            if default_html_resource.use_tailwind:
-                model.js_links.append(JsLink(TAILWIND_JS_HASH_LINK))
-        else:
-            if html_resource.use_tailwind:
-                model.js_links.append(JsLink(TAILWIND_JS_HASH_LINK))
-
         # register custom components
         for component in system_slot._component_dependencies:
             if not component.esm:
@@ -192,8 +184,8 @@ class Server:
                     model.css_links.append(resource.record_resource(css_link))
 
         # css file link to web static link
-        for link, attrs in itertools.chain(
-            html_resource._css_links.items(), default_html_resource._css_links.items()
+        for link in html_resource.get_valid_css_links(
+            default_html_resource._css_links_manager
         ):
             if isinstance(link, Path):
                 model.css_links.append(resource.record_resource(link))
@@ -201,8 +193,8 @@ class Server:
                 model.css_links.append(link)
 
         # js file link to web static link
-        for info in itertools.chain(
-            html_resource._js_links, default_html_resource._js_links
+        for info in html_resource.get_valid_js_links(
+            default_html_resource._js_links_manager
         ):
             link = (
                 resource.record_resource(info.link)

instaui/handlers/event_handler.py

@@ -1,15 +1,17 @@
 from __future__ import annotations
 import threading
 from typing import Callable, Dict, Optional, Sequence, TYPE_CHECKING
-from . import _utils
 import ast
+from . import _utils
 from instaui.vars.event_context import DatasetEventContext
+from instaui.runtime._app import update_web_server_info
 
 if TYPE_CHECKING:
     from instaui.vars.mixin_types.py_binding import CanOutputMixin, CanInputMixin
 
 ASYNC_URL = "/instaui/event/async"
 SYNC_URL = "/instaui/event/sync"
+update_web_server_info(event_url=SYNC_URL, event_async_url=ASYNC_URL)
 _event_handlers: Dict[str, _utils.HandlerInfo] = {}
 dict_lock = threading.Lock()
 

instaui/handlers/watch_handler.py

@@ -9,12 +9,16 @@ from typing import (
 from dataclasses import dataclass
 
 from instaui.runtime.context import get_context
+from instaui.runtime._app import update_web_server_info
 from instaui.systems import func_system
 from . import _utils
 
 
 ASYNC_URL = "/instaui/watch/async"
 SYNC_URL = "/instaui/watch/sync"
+
+update_web_server_info(watch_url=SYNC_URL, watch_async_url=ASYNC_URL)
+
 _watch_handlers: Dict[str, _utils.HandlerInfo] = {}
 dict_lock = threading.Lock()
 

instaui/html_tools.py

@@ -3,13 +3,24 @@ from pathlib import Path
 from typing import Any, Dict, Literal, Optional, Union
 from instaui.common.jsonable import dumps, dumps2dict
 from instaui.runtime._app import get_app_slot
+from instaui.tailwind._index import use_tailwind
 
 
 def add_css_link(href: Union[str, Path]):
+    """Add a link to a CSS file to the HTML document.
+
+    Args:
+        href (Union[str, Path]): The path to the CSS file.
+    """
     get_app_slot()._html_resource.add_css_link(href)
 
 
 def remove_css_link(href: Union[str, Path]):
+    """Remove a link to a CSS file from the HTML document.
+
+    Args:
+        href (Union[str, Path]): The path to the CSS file.
+    """
     get_app_slot()._html_resource.remove_css_link(href)
 
 
@@ -18,6 +29,13 @@ def add_js_link(
     *,
     type: Optional[Literal["module"]] = None,
 ):
+    """Add a link to a JavaScript file to the HTML document.
+
+    Args:
+        link (Union[str, Path]): The path to the JavaScript file.
+        type (Optional[Literal["module"]], optional): The type of the JavaScript file. Defaults to None.
+    """
+
     attrs = {
         "type": type,
     }
@@ -26,22 +44,42 @@ def add_js_link(
 
 
 def add_style(content: str):
+    """Add a style tag to the HTML document.
+
+    Args:
+        content (str): The content of the style tag.
+    """
     get_app_slot()._html_resource.add_style_tag(content)
 
 
-def use_tailwind(value=True):
-    get_app_slot()._html_resource.use_tailwind = value
+use_tailwind = use_tailwind
 
 
 def use_page_title(title: str):
+    """Set the title of the HTML document.
+
+    Args:
+        title (str): The title of the HTML document.
+    """
     get_app_slot()._html_resource.title = title
 
 
 def use_favicon(favicon: Path):
+    """Set the favicon of the HTML document.
+
+    Args:
+        favicon (Path): The path to the favicon.
+    """
     get_app_slot()._html_resource.favicon = favicon
 
 
 def add_js_code(code: str, *, script_attrs: Optional[Dict[str, Any]] = None):
+    """Add a script tag to the HTML document with the given JavaScript code.
+
+    Args:
+        code (str): The JavaScript code.
+        script_attrs (Optional[Dict[str, Any]], optional): The attributes of the script tag. Defaults to None.
+    """
     get_app_slot()._html_resource.add_script_tag(code, script_attrs=script_attrs)
 
 

instaui/runtime/_app.py

@@ -1,6 +1,7 @@
 from __future__ import annotations
 
 from typing import TYPE_CHECKING, Any, ClassVar, Dict, List, Optional, Set
+from typing_extensions import Unpack, TypedDict
 from instaui.common.jsonable import Jsonable
 from .resource import HtmlResource
 from instaui.consts import _T_App_Mode
@@ -20,14 +21,16 @@ if TYPE_CHECKING:
 
 class App(Jsonable):
     _default_app_slot: ClassVar[Optional[App]] = None
+    _web_server_info: ClassVar[Optional[Dict]] = None
 
-    def __init__(self, *, mode: _T_App_Mode) -> None:
+    def __init__(self, *, mode: _T_App_Mode, meta: Optional[Dict] = None) -> None:
         super().__init__()
         self._scope_id_counter = 0
         self._vfor_id_counter = 0
         self._slot_id_counter = 0
         self.mode: _T_App_Mode = mode
         self.items: List[Component] = []
+        self.meta = meta
         self._slots_stacks: List[Slot] = []
 
         defalut_scope = self.create_scope()
@@ -35,6 +38,7 @@ class App(Jsonable):
         self._scopes: List[Scope] = [defalut_scope]
         self._html_resource = HtmlResource()
         self._component_dependencies: Set[ComponentDependencyInfo] = set()
+        self._temp_component_dependencies: Dict[str, ComponentDependencyInfo] = {}
         self._plugin_dependencies: Set[PluginDependencyInfo] = set()
 
         self._page_path: Optional[str] = None
@@ -71,6 +75,17 @@ class App(Jsonable):
     def reset_html_resource(self):
         self._html_resource = HtmlResource()
 
+    def add_temp_component_dependency(self, dependency: ComponentDependencyInfo):
+        self._temp_component_dependencies[dependency.tag_name] = dependency
+
+    def get_temp_component_dependency(
+        self, tag_name: str, default: ComponentDependencyInfo
+    ) -> ComponentDependencyInfo:
+        return self._temp_component_dependencies.get(tag_name, default)
+
+    def has_temp_component_dependency(self, tag_name: str):
+        return tag_name in self._temp_component_dependencies
+
     def use_component_dependency(
         self, dependency: ComponentDependencyInfo, *, replace=False
     ) -> None:
@@ -109,6 +124,9 @@ class App(Jsonable):
                 exclude_defaults=True, by_alias=True
             )
 
+        if self._web_server_info is not None:
+            data["webInfo"] = self._web_server_info
+
         return data
 
     @classmethod
@@ -181,8 +199,8 @@ def pop_slot():
     get_slot_stacks().pop()
 
 
-def new_app_slot(mode: _T_App_Mode):
-    return _app_var.set(App(mode=mode))
+def new_app_slot(mode: _T_App_Mode, app_meta: Optional[Dict] = None):
+    return _app_var.set(App(mode=mode, meta=app_meta))
 
 
 def reset_app_slot(token: Token[App]):
@@ -198,3 +216,19 @@ def check_default_app_slot_or_error(
 ):
     if isinstance(get_app_slot(), DefaultApp):
         raise ValueError(error_message)
+
+
+class TWebServerInfo(TypedDict, total=False):
+    watch_url: Optional[str]
+    watch_async_url: Optional[str]
+    event_url: Optional[str]
+    event_async_url: Optional[str]
+
+
+def update_web_server_info(**kwargs: Unpack[TWebServerInfo]):
+    if App._web_server_info is None:
+        App._web_server_info = {}
+
+    data = {k: v for k, v in kwargs.items() if v is not None}
+
+    App._web_server_info.update(data)

instaui/runtime/_link_manager.py

@@ -0,0 +1,89 @@
+from __future__ import annotations
+from typing import (
+    Callable,
+    Dict,
+    Generic,
+    List,
+    Literal,
+    Optional,
+    Tuple,
+    TypeVar,
+    Hashable,
+)
+
+_TLinkActionObj = TypeVar("_TLinkActionObj")
+
+_DEFAULT_KEY_FN = lambda x: x  # noqa: E731
+
+
+class LinkManager(Generic[_TLinkActionObj]):
+    def __init__(
+        self, key_fn: Optional[Callable[[_TLinkActionObj], Hashable]] = None
+    ) -> None:
+        self._key_fn = key_fn or _DEFAULT_KEY_FN
+        self._actions_map: Dict[
+            Tuple[Literal["add", "remove"], Hashable], _TLinkActionObj
+        ] = {}
+
+    def add_link(
+        self,
+        obj: _TLinkActionObj,
+    ):
+        key = ("add", self._key_fn(obj))
+        self._actions_map[key] = obj
+
+    def remove_link(
+        self,
+        obj: _TLinkActionObj,
+    ):
+        key = ("remove", self._key_fn(obj))
+        self._actions_map[key] = obj
+
+    def get_valid_links(
+        self, secondary_manager: Optional[LinkManager] = None
+    ) -> List[_TLinkActionObj]:
+        secondary_maps = secondary_manager._actions_map if secondary_manager else {}
+        merger_map = {**secondary_maps, **self._actions_map}
+
+        result = {}
+
+        for (action, key), obj in merger_map.items():
+            if action == "add":
+                result[key] = obj
+                continue
+
+            if key in result:
+                del result[key]
+
+        return list(result.values())
+
+
+if __name__ == "__main__":
+
+    def test_baes():
+        manager: LinkManager[str] = LinkManager()
+        manager.add_link("a")
+        manager.add_link("b")
+        manager.add_link("c")
+        manager.remove_link("b")
+
+        assert manager.get_valid_links() == ["a", "c"]
+
+    test_baes()
+
+    def test_with_other():
+        other: LinkManager[str] = LinkManager()
+        other.add_link("a")
+        other.add_link("b")
+        other.add_link("c")
+
+        manager1: LinkManager[str] = LinkManager()
+        manager1.add_link("b")
+        manager1.add_link("d")
+        manager1.add_link("e")
+        manager1.remove_link("a")
+        manager1.remove_link("b")
+
+        assert manager1.get_valid_links(other) == ["c", "d", "e"]
+
+    test_with_other()

instaui/runtime/resource.py

@@ -2,6 +2,7 @@ from __future__ import annotations
 from pathlib import Path
 from typing import Any, Dict, List, Optional, Set, Union
 from .dataclass import JsLink, VueAppUse, VueAppComponent
+from ._link_manager import LinkManager
 
 
 class HtmlResource:
@@ -10,9 +11,11 @@ class HtmlResource:
     favicon: Optional[Path] = None
 
     def __init__(self) -> None:
-        self._css_links: Dict[Union[str, Path], Any] = {}
+        self._css_links_manager: LinkManager[Union[str, Path]] = LinkManager()
         self._style_tags: List[str] = []
-        self._js_links: List[JsLink] = []
+        self._js_links_manager: LinkManager[JsLink] = LinkManager(
+            key_fn=lambda js_link: js_link.link
+        )
         self._script_tags: List[str] = []
         self._vue_app_use: Set[VueAppUse] = set()
         self._vue_app_components: Set[VueAppComponent] = set()
@@ -20,10 +23,10 @@ class HtmlResource:
         self._appConfig = "{}"
 
     def add_css_link(self, link: Union[str, Path]):
-        self._css_links[link] = None
+        self._css_links_manager.add_link(link)
 
     def remove_css_link(self, link: Union[str, Path]):
-        self._css_links.pop(link, None)
+        self._css_links_manager.remove_link(link)
 
     def add_style_tag(self, content: str):
         self._style_tags.append(content)
@@ -33,12 +36,19 @@ class HtmlResource:
         link: Union[str, Path],
         *,
         attrs: Optional[Dict[str, Any]] = None,
-        insert_before: int = -1,
     ):
-        if insert_before == -1:
-            self._js_links.append(JsLink(link, attrs or {}))
-            return
-        self._js_links.insert(insert_before, JsLink(link, attrs or {}))
+        self._js_links_manager.add_link(JsLink(link, attrs or {}))
+
+    def remove_js_link(self, link: Union[str, Path]):
+        self._js_links_manager.remove_link(JsLink(link))
+
+    def get_valid_js_links(self, default_js_links_manager: LinkManager) -> List[JsLink]:
+        return self._js_links_manager.get_valid_links(default_js_links_manager)
+
+    def get_valid_css_links(
+        self, default_css_links_manager: LinkManager[Union[str, Path]]
+    ) -> List[Union[str, Path]]:
+        return self._css_links_manager.get_valid_links(default_css_links_manager)
 
     def add_script_tag(
         self, content: str, script_attrs: Optional[Dict[str, Any]] = None

instaui/shadcn_classless/_index.py

@@ -0,0 +1,42 @@
+from pathlib import Path
+from instaui.runtime._app import get_app_slot
+
+
+_STATIC_DIR = Path(__file__).parent / "static"
+_CSS_FILE = _STATIC_DIR / "shadcn-classless.css"
+
+
+def use_shadcn_classless(value=True):
+    """Use shadcn-classless.css or not.
+
+    Args:
+        value (bool, optional): Whether to use shadcn-classless.css or not. Defaults to True.
+
+    Example:
+
+    App default use shadcn-classless.css:
+    .. code-block:: python
+
+        @ui.page('/')
+        def index():
+
+            # Create a container with shadcn-classless class
+            with html.div().classes("shadcn-classless"):
+                html.h1("Hello, world!")
+
+                with html.form():
+                    html.input()
+                    html.button("Submit")
+
+    Can be disabled:
+    .. code-block:: python
+        # App does not use shadcn-classless
+        ui.use_shadcn_classless(False)
+
+    """
+
+    if value:
+        get_app_slot()._html_resource.add_css_link(_CSS_FILE)
+
+    else:
+        get_app_slot()._html_resource.remove_css_link(_CSS_FILE)