reflex 0.8.0a4__py3-none-any.whl → 0.8.0a6__py3-none-any.whl

reflex/__init__.pyi

@@ -5,200 +5,158 @@
 
 from reflex.utils import compat
 
-from . import admin as admin
-from . import app as app
-from . import base as base
-from . import compiler as compiler
-from . import components as components
-from . import config as config
-from . import model as model
-from . import plugins as plugins
-from . import style as style
-from . import testing as testing
-from . import utils as utils
-from . import vars as vars
-from .admin import AdminDash as AdminDash
-from .app import App as App
-from .app import UploadFile as UploadFile
-from .assets import asset as asset
-from .base import Base as Base
-from .components import el as el
-from .components import lucide as lucide
-from .components import radix as radix
-from .components import recharts as recharts
-from .components.base.fragment import Fragment as Fragment
-from .components.base.fragment import fragment as fragment
-from .components.base.script import Script as Script
-from .components.base.script import script as script
-from .components.component import Component as Component
-from .components.component import ComponentNamespace as ComponentNamespace
-from .components.component import NoSSRComponent as NoSSRComponent
-from .components.component import memo as memo
-from .components.core.auto_scroll import auto_scroll as auto_scroll
-from .components.core.banner import connection_banner as connection_banner
-from .components.core.banner import connection_modal as connection_modal
-from .components.core.breakpoints import breakpoints as breakpoints
-from .components.core.clipboard import clipboard as clipboard
-from .components.core.colors import color as color
-from .components.core.cond import color_mode_cond as color_mode_cond
-from .components.core.cond import cond as cond
-from .components.core.debounce import debounce_input as debounce_input
-from .components.core.foreach import foreach as foreach
-from .components.core.html import html as html
-from .components.core.match import match as match
-from .components.core.responsive import desktop_only as desktop_only
-from .components.core.responsive import mobile_and_tablet as mobile_and_tablet
-from .components.core.responsive import mobile_only as mobile_only
-from .components.core.responsive import tablet_and_desktop as tablet_and_desktop
-from .components.core.responsive import tablet_only as tablet_only
-from .components.core.upload import cancel_upload as cancel_upload
-from .components.core.upload import clear_selected_files as clear_selected_files
-from .components.core.upload import get_upload_dir as get_upload_dir
-from .components.core.upload import get_upload_url as get_upload_url
-from .components.core.upload import selected_files as selected_files
-from .components.core.upload import upload as upload
-from .components.datadisplay.code import code_block as code_block
-from .components.datadisplay.dataeditor import data_editor as data_editor
-from .components.datadisplay.dataeditor import data_editor_theme as data_editor_theme
-from .components.datadisplay.logo import logo as logo
-from .components.el.elements.media import image as image
-from .components.gridjs import data_table as data_table
-from .components.lucide import icon as icon
-from .components.markdown import markdown as markdown
-from .components.moment import MomentDelta as MomentDelta
-from .components.moment import moment as moment
-from .components.plotly import plotly as plotly
-from .components.radix.primitives.accordion import accordion as accordion
-from .components.radix.primitives.drawer import drawer as drawer
-from .components.radix.primitives.form import form as form
-from .components.radix.themes.base import theme as theme
-from .components.radix.themes.base import theme_panel as theme_panel
-from .components.radix.themes.color_mode import color_mode as color_mode
-from .components.radix.themes.components.alert_dialog import (
-    alert_dialog as alert_dialog,
+from . import (
+    admin,
+    app,
+    base,
+    compiler,
+    components,
+    config,
+    model,
+    plugins,
+    style,
+    testing,
+    utils,
+    vars,
 )
-from .components.radix.themes.components.aspect_ratio import (
-    aspect_ratio as aspect_ratio,
+from .admin import AdminDash
+from .app import App, UploadFile
+from .assets import asset
+from .base import Base
+from .components import el, lucide, radix, recharts
+from .components.base.fragment import Fragment, fragment
+from .components.base.script import Script, script
+from .components.component import Component, ComponentNamespace, NoSSRComponent, memo
+from .components.core.auto_scroll import auto_scroll
+from .components.core.banner import connection_banner, connection_modal
+from .components.core.breakpoints import breakpoints
+from .components.core.clipboard import clipboard
+from .components.core.colors import color
+from .components.core.cond import color_mode_cond, cond
+from .components.core.debounce import debounce_input
+from .components.core.foreach import foreach
+from .components.core.html import html
+from .components.core.match import match
+from .components.core.responsive import (
+    desktop_only,
+    mobile_and_tablet,
+    mobile_only,
+    tablet_and_desktop,
+    tablet_only,
 )
-from .components.radix.themes.components.avatar import avatar as avatar
-from .components.radix.themes.components.badge import badge as badge
-from .components.radix.themes.components.button import button as button
-from .components.radix.themes.components.callout import callout as callout
-from .components.radix.themes.components.card import card as card
-from .components.radix.themes.components.checkbox import checkbox as checkbox
-from .components.radix.themes.components.checkbox_cards import (
-    checkbox_cards as checkbox_cards,
+from .components.core.upload import (
+    cancel_upload,
+    clear_selected_files,
+    get_upload_dir,
+    get_upload_url,
+    selected_files,
+    upload,
 )
-from .components.radix.themes.components.checkbox_group import (
-    checkbox_group as checkbox_group,
+from .components.datadisplay.code import code_block
+from .components.datadisplay.dataeditor import data_editor, data_editor_theme
+from .components.datadisplay.logo import logo
+from .components.el.elements.media import image
+from .components.gridjs import data_table
+from .components.lucide import icon
+from .components.markdown import markdown
+from .components.moment import MomentDelta, moment
+from .components.plotly import plotly
+from .components.radix.primitives.accordion import accordion
+from .components.radix.primitives.drawer import drawer
+from .components.radix.primitives.form import form
+from .components.radix.themes.base import theme, theme_panel
+from .components.radix.themes.color_mode import color_mode
+from .components.radix.themes.components.alert_dialog import alert_dialog
+from .components.radix.themes.components.aspect_ratio import aspect_ratio
+from .components.radix.themes.components.avatar import avatar
+from .components.radix.themes.components.badge import badge
+from .components.radix.themes.components.button import button
+from .components.radix.themes.components.callout import callout
+from .components.radix.themes.components.card import card
+from .components.radix.themes.components.checkbox import checkbox
+from .components.radix.themes.components.checkbox_cards import checkbox_cards
+from .components.radix.themes.components.checkbox_group import checkbox_group
+from .components.radix.themes.components.context_menu import context_menu
+from .components.radix.themes.components.data_list import data_list
+from .components.radix.themes.components.dialog import dialog
+from .components.radix.themes.components.dropdown_menu import dropdown_menu, menu
+from .components.radix.themes.components.hover_card import hover_card
+from .components.radix.themes.components.icon_button import icon_button
+from .components.radix.themes.components.inset import inset
+from .components.radix.themes.components.popover import popover
+from .components.radix.themes.components.progress import progress
+from .components.radix.themes.components.radio_cards import radio_cards
+from .components.radix.themes.components.radio_group import radio, radio_group
+from .components.radix.themes.components.scroll_area import scroll_area
+from .components.radix.themes.components.segmented_control import segmented_control
+from .components.radix.themes.components.select import select
+from .components.radix.themes.components.separator import divider, separator
+from .components.radix.themes.components.skeleton import skeleton
+from .components.radix.themes.components.slider import slider
+from .components.radix.themes.components.spinner import spinner
+from .components.radix.themes.components.switch import switch
+from .components.radix.themes.components.table import table
+from .components.radix.themes.components.tabs import tabs
+from .components.radix.themes.components.text_area import text_area
+from .components.radix.themes.components.text_field import input, text_field
+from .components.radix.themes.components.tooltip import tooltip
+from .components.radix.themes.layout.box import box
+from .components.radix.themes.layout.center import center
+from .components.radix.themes.layout.container import container
+from .components.radix.themes.layout.flex import flex
+from .components.radix.themes.layout.grid import grid
+from .components.radix.themes.layout.list import list_item, ordered_list, unordered_list
+from .components.radix.themes.layout.list import list_ns as list
+from .components.radix.themes.layout.section import section
+from .components.radix.themes.layout.spacer import spacer
+from .components.radix.themes.layout.stack import hstack, stack, vstack
+from .components.radix.themes.typography.blockquote import blockquote
+from .components.radix.themes.typography.code import code
+from .components.radix.themes.typography.heading import heading
+from .components.radix.themes.typography.link import link
+from .components.radix.themes.typography.text import text
+from .components.react_player import audio, video
+from .components.sonner.toast import toast
+from .config import Config, DBConfig
+from .constants import Env
+from .constants.colors import Color
+from .event import (
+    EventChain,
+    EventHandler,
+    call_function,
+    call_script,
+    clear_local_storage,
+    clear_session_storage,
+    console_log,
+    download,
+    noop,
+    prevent_default,
+    redirect,
+    remove_cookie,
+    remove_local_storage,
+    remove_session_storage,
+    run_script,
+    scroll_to,
+    set_clipboard,
+    set_focus,
+    set_value,
+    stop_propagation,
+    upload_files,
+    window_alert,
 )
-from .components.radix.themes.components.context_menu import (
-    context_menu as context_menu,
-)
-from .components.radix.themes.components.data_list import data_list as data_list
-from .components.radix.themes.components.dialog import dialog as dialog
-from .components.radix.themes.components.dropdown_menu import (
-    dropdown_menu as dropdown_menu,
-)
-from .components.radix.themes.components.dropdown_menu import menu as menu
-from .components.radix.themes.components.hover_card import hover_card as hover_card
-from .components.radix.themes.components.icon_button import icon_button as icon_button
-from .components.radix.themes.components.inset import inset as inset
-from .components.radix.themes.components.popover import popover as popover
-from .components.radix.themes.components.progress import progress as progress
-from .components.radix.themes.components.radio_cards import radio_cards as radio_cards
-from .components.radix.themes.components.radio_group import radio as radio
-from .components.radix.themes.components.radio_group import radio_group as radio_group
-from .components.radix.themes.components.scroll_area import scroll_area as scroll_area
-from .components.radix.themes.components.segmented_control import (
-    segmented_control as segmented_control,
-)
-from .components.radix.themes.components.select import select as select
-from .components.radix.themes.components.separator import divider as divider
-from .components.radix.themes.components.separator import separator as separator
-from .components.radix.themes.components.skeleton import skeleton as skeleton
-from .components.radix.themes.components.slider import slider as slider
-from .components.radix.themes.components.spinner import spinner as spinner
-from .components.radix.themes.components.switch import switch as switch
-from .components.radix.themes.components.table import table as table
-from .components.radix.themes.components.tabs import tabs as tabs
-from .components.radix.themes.components.text_area import text_area as text_area
-from .components.radix.themes.components.text_field import input as input
-from .components.radix.themes.components.text_field import text_field as text_field
-from .components.radix.themes.components.tooltip import tooltip as tooltip
-from .components.radix.themes.layout.box import box as box
-from .components.radix.themes.layout.center import center as center
-from .components.radix.themes.layout.container import container as container
-from .components.radix.themes.layout.flex import flex as flex
-from .components.radix.themes.layout.grid import grid as grid
-from .components.radix.themes.layout.list import list_item as list_item
-from .components.radix.themes.layout.list import list_ns as list  # noqa: F401
-from .components.radix.themes.layout.list import ordered_list as ordered_list
-from .components.radix.themes.layout.list import unordered_list as unordered_list
-from .components.radix.themes.layout.section import section as section
-from .components.radix.themes.layout.spacer import spacer as spacer
-from .components.radix.themes.layout.stack import hstack as hstack
-from .components.radix.themes.layout.stack import stack as stack
-from .components.radix.themes.layout.stack import vstack as vstack
-from .components.radix.themes.typography.blockquote import blockquote as blockquote
-from .components.radix.themes.typography.code import code as code
-from .components.radix.themes.typography.heading import heading as heading
-from .components.radix.themes.typography.link import link as link
-from .components.radix.themes.typography.text import text as text
-from .components.react_player import audio as audio
-from .components.react_player import video as video
-from .components.sonner.toast import toast as toast
-from .config import Config as Config
-from .config import DBConfig as DBConfig
-from .constants import Env as Env
-from .constants.colors import Color as Color
-from .event import EventChain as EventChain
-from .event import EventHandler as EventHandler
-from .event import call_function as call_function
-from .event import call_script as call_script
-from .event import clear_local_storage as clear_local_storage
-from .event import clear_session_storage as clear_session_storage
-from .event import console_log as console_log
-from .event import download as download
 from .event import event as event
-from .event import noop as noop
-from .event import prevent_default as prevent_default
-from .event import redirect as redirect
-from .event import remove_cookie as remove_cookie
-from .event import remove_local_storage as remove_local_storage
-from .event import remove_session_storage as remove_session_storage
-from .event import run_script as run_script
-from .event import scroll_to as scroll_to
-from .event import set_clipboard as set_clipboard
-from .event import set_focus as set_focus
-from .event import set_value as set_value
-from .event import stop_propagation as stop_propagation
-from .event import upload_files as upload_files
-from .event import window_alert as window_alert
-from .experimental import _x as _x
-from .istate.storage import Cookie as Cookie
-from .istate.storage import LocalStorage as LocalStorage
-from .istate.storage import SessionStorage as SessionStorage
-from .istate.wrappers import get_state as get_state
-from .middleware import Middleware as Middleware
-from .middleware import middleware as middleware
-from .model import Model as Model
-from .model import asession as asession
-from .model import session as session
+from .experimental import _x
+from .istate.storage import Cookie, LocalStorage, SessionStorage
+from .istate.wrappers import get_state
+from .middleware import Middleware, middleware
+from .model import Model, asession, session
 from .page import page as page
-from .state import ComponentState as ComponentState
-from .state import State as State
-from .state import dynamic as dynamic
-from .state import var as var
-from .style import Style as Style
-from .style import toggle_color_mode as toggle_color_mode
-from .utils.imports import ImportDict as ImportDict
-from .utils.imports import ImportVar as ImportVar
-from .utils.misc import run_in_thread as run_in_thread
-from .utils.serializers import serializer as serializer
-from .vars import Field as Field
-from .vars import Var as Var
-from .vars import field as field
+from .state import ComponentState, State, dynamic, var
+from .style import Style, toggle_color_mode
+from .utils.imports import ImportDict, ImportVar
+from .utils.misc import run_in_thread
+from .utils.serializers import serializer
+from .vars import Field, Var, field
 
 del compat
 RADIX_THEMES_MAPPING: dict
@@ -210,3 +168,184 @@ RADIX_PRIMITIVES_SHORTCUT_MAPPING: dict
 COMPONENTS_CORE_MAPPING: dict
 COMPONENTS_BASE_MAPPING: dict
 RADIX_MAPPING: dict
+
+__all__ = [
+    "AdminDash",
+    "App",
+    "Base",
+    "Color",
+    "Component",
+    "ComponentNamespace",
+    "ComponentState",
+    "Config",
+    "Cookie",
+    "DBConfig",
+    "Env",
+    "EventChain",
+    "EventHandler",
+    "Field",
+    "Fragment",
+    "ImportDict",
+    "ImportVar",
+    "LocalStorage",
+    "Middleware",
+    "Model",
+    "MomentDelta",
+    "NoSSRComponent",
+    "Script",
+    "SessionStorage",
+    "State",
+    "Style",
+    "UploadFile",
+    "Var",
+    "_x",
+    "accordion",
+    "admin",
+    "alert_dialog",
+    "app",
+    "asession",
+    "aspect_ratio",
+    "asset",
+    "audio",
+    "auto_scroll",
+    "avatar",
+    "badge",
+    "base",
+    "blockquote",
+    "box",
+    "breakpoints",
+    "button",
+    "call_function",
+    "call_script",
+    "callout",
+    "cancel_upload",
+    "card",
+    "center",
+    "checkbox",
+    "checkbox_cards",
+    "checkbox_group",
+    "clear_local_storage",
+    "clear_selected_files",
+    "clear_session_storage",
+    "clipboard",
+    "code",
+    "code_block",
+    "color",
+    "color_mode",
+    "color_mode_cond",
+    "compiler",
+    "components",
+    "cond",
+    "config",
+    "connection_banner",
+    "connection_modal",
+    "console_log",
+    "container",
+    "context_menu",
+    "data_editor",
+    "data_editor_theme",
+    "data_list",
+    "data_table",
+    "debounce_input",
+    "desktop_only",
+    "dialog",
+    "divider",
+    "download",
+    "drawer",
+    "dropdown_menu",
+    "dynamic",
+    "el",
+    "field",
+    "flex",
+    "foreach",
+    "form",
+    "fragment",
+    "get_state",
+    "get_upload_dir",
+    "get_upload_url",
+    "grid",
+    "heading",
+    "hover_card",
+    "hstack",
+    "html",
+    "icon",
+    "icon_button",
+    "image",
+    "input",
+    "inset",
+    "link",
+    "list",
+    "list_item",
+    "logo",
+    "lucide",
+    "markdown",
+    "match",
+    "memo",
+    "menu",
+    "middleware",
+    "mobile_and_tablet",
+    "mobile_only",
+    "model",
+    "moment",
+    "noop",
+    "ordered_list",
+    "plotly",
+    "plugins",
+    "popover",
+    "prevent_default",
+    "progress",
+    "radio",
+    "radio_cards",
+    "radio_group",
+    "radix",
+    "recharts",
+    "redirect",
+    "remove_cookie",
+    "remove_local_storage",
+    "remove_session_storage",
+    "run_in_thread",
+    "run_script",
+    "script",
+    "scroll_area",
+    "scroll_to",
+    "section",
+    "segmented_control",
+    "select",
+    "selected_files",
+    "separator",
+    "serializer",
+    "session",
+    "set_clipboard",
+    "set_focus",
+    "set_value",
+    "skeleton",
+    "slider",
+    "spacer",
+    "spinner",
+    "stack",
+    "stop_propagation",
+    "style",
+    "switch",
+    "table",
+    "tablet_and_desktop",
+    "tablet_only",
+    "tabs",
+    "testing",
+    "text",
+    "text_area",
+    "text_field",
+    "theme",
+    "theme_panel",
+    "toast",
+    "toggle_color_mode",
+    "tooltip",
+    "unordered_list",
+    "upload",
+    "upload_files",
+    "utils",
+    "var",
+    "vars",
+    "video",
+    "vstack",
+    "window_alert",
+]

reflex/app.py

@@ -13,7 +13,14 @@ import io
 import json
 import sys
 import traceback
-from collections.abc import AsyncIterator, Callable, Coroutine, Mapping, Sequence
+from collections.abc import (
+    AsyncGenerator,
+    AsyncIterator,
+    Callable,
+    Coroutine,
+    Mapping,
+    Sequence,
+)
 from datetime import datetime
 from pathlib import Path
 from timeit import default_timer as timer
@@ -765,9 +772,9 @@ class App(MiddlewareMixin, LifespanMixin):
                 msg = "Route must be set if component is not a callable."
                 raise exceptions.RouteValueError(msg)
             # Format the route.
-            route = format.format_route(component.__name__)
+            route = format.format_route(format.to_kebab_case(component.__name__))
         else:
-            route = format.format_route(route, format_case=False)
+            route = format.format_route(route)
 
         if route == constants.Page404.SLUG:
             if component is None:
@@ -822,10 +829,11 @@ class App(MiddlewareMixin, LifespanMixin):
         state = self._state if self._state else State
         state.setup_dynamic_args(get_route_args(route))
 
-        if on_load:
-            self._load_events[route] = (
-                on_load if isinstance(on_load, list) else [on_load]
-            )
+        self._load_events[route] = (
+            (on_load if isinstance(on_load, list) else [on_load])
+            if on_load is not None
+            else []
+        )
 
         self._unevaluated_pages[route] = unevaluated_page
 
@@ -854,48 +862,35 @@ class App(MiddlewareMixin, LifespanMixin):
         if save_page:
             self._pages[route] = component
 
-    def get_load_events(self, route: str) -> list[IndividualEventType[()]]:
+    @functools.cached_property
+    def router(self) -> Callable[[str], str | None]:
+        """Get the route computer function.
+
+        Returns:
+            The route computer function.
+        """
+        from reflex.route import get_router
+
+        return get_router(list(self._unevaluated_pages))
+
+    def get_load_events(self, path: str) -> list[IndividualEventType[()]]:
         """Get the load events for a route.
 
         Args:
-            route: The route to get the load events for.
+            path: The route to get the load events for.
 
         Returns:
             The load events for the route.
         """
-        route = route.lstrip("/").rstrip("/")
-        if route == "":
-            return self._load_events.get(constants.PageNames.INDEX_ROUTE, [])
-
-        # Separate the pages by route type.
-        static_page_paths_to_page_route = {}
-        dynamic_page_paths_to_page_route = {}
-        for page_route in list(self._pages) + list(self._unevaluated_pages):
-            page_path = page_route.lstrip("/").rstrip("/")
-            if "[" in page_path and "]" in page_path:
-                dynamic_page_paths_to_page_route[page_path] = page_route
-            else:
-                static_page_paths_to_page_route[page_path] = page_route
-
-        # Check for static routes.
-        if (page_route := static_page_paths_to_page_route.get(route)) is not None:
-            return self._load_events.get(page_route, [])
-
-        # Check for dynamic routes.
-        parts = route.split("/")
-        for page_path, page_route in dynamic_page_paths_to_page_route.items():
-            page_parts = page_path.split("/")
-            if len(page_parts) != len(parts):
-                continue
-            if all(
-                part == page_part
-                or (page_part.startswith("[") and page_part.endswith("]"))
-                for part, page_part in zip(parts, page_parts, strict=False)
-            ):
-                return self._load_events.get(page_route, [])
-
-        # Default to 404 page load events if no match found.
-        return self._load_events.get("404", [])
+        four_oh_four_load_events = self._load_events.get("404", [])
+        route = self.router(path)
+        if not route:
+            # If the path is not a valid route, return the 404 page load events.
+            return four_oh_four_load_events
+        return self._load_events.get(
+            route,
+            four_oh_four_load_events,
+        )
 
     def _check_routes_conflict(self, new_route: str):
         """Verify if there is any conflict between the new route and any existing route.
@@ -916,7 +911,6 @@ class App(MiddlewareMixin, LifespanMixin):
         segments = (
             constants.RouteRegex.SINGLE_SEGMENT,
             constants.RouteRegex.DOUBLE_SEGMENT,
-            constants.RouteRegex.SINGLE_CATCHALL_SEGMENT,
             constants.RouteRegex.DOUBLE_CATCHALL_SEGMENT,
         )
         for route in self._pages:
@@ -1690,7 +1684,7 @@ class App(MiddlewareMixin, LifespanMixin):
 
 async def process(
     app: App, event: Event, sid: str, headers: dict, client_ip: str
-) -> AsyncIterator[StateUpdate]:
+) -> AsyncGenerator[StateUpdate]:
     """Process an event.
 
     Args:
@@ -1742,6 +1736,11 @@ async def process(
                 # assignment will recurse into substates and force recalculation of
                 # dependent ComputedVar (dynamic route variables)
                 state.router_data = router_data
+                router_data[constants.RouteVar.PATH] = "/" + (
+                    app.router(path) or "404"
+                    if (path := router_data.get(constants.RouteVar.PATH))
+                    else "404"
+                ).removeprefix("/")
                 state.router = RouterData(router_data)
 
             # Preprocess the event.
@@ -2080,10 +2079,13 @@ class EventNamespace(AsyncNamespace):
         except (KeyError, IndexError):
             client_ip = environ.get("REMOTE_ADDR", "0.0.0.0")
 
-        # Process the events.
-        async for update in process(self.app, event, sid, headers, client_ip):
-            # Emit the update from processing the event.
-            await self.emit_update(update=update, sid=sid)
+        async with contextlib.aclosing(
+            process(self.app, event, sid, headers, client_ip)
+        ) as updates_gen:
+            # Process the events.
+            async for update in updates_gen:
+                # Emit the update from processing the event.
+                await self.emit_update(update=update, sid=sid)
 
     async def on_ping(self, sid: str):
         """Event for testing the API endpoint.