reflex 0.8.2__py3-none-any.whl → 0.8.3__py3-none-any.whl

reflex/.templates/web/utils/state.js

@@ -993,7 +993,7 @@ export const useEventLoop = (
     window.onerror = function (msg, url, lineNo, columnNo, error) {
       addEvents([
         Event(`${exception_state_name}.handle_frontend_exception`, {
-          stack: error.stack,
+          info: error.name + ": " + error.message + "\n" + error.stack,
           component_stack: "",
         }),
       ]);
@@ -1005,7 +1005,12 @@ export const useEventLoop = (
     window.onunhandledrejection = function (event) {
       addEvents([
         Event(`${exception_state_name}.handle_frontend_exception`, {
-          stack: event.reason?.stack,
+          info:
+            event.reason?.name +
+            ": " +
+            event.reason?.message +
+            "\n" +
+            event.reason?.stack,
           component_stack: "",
         }),
       ]);

reflex/__init__.py

@@ -249,6 +249,7 @@ COMPONENTS_CORE_MAPPING: dict = {
         "upload",
     ],
     "components.core.auto_scroll": ["auto_scroll"],
+    "components.core.window_events": ["window_event_listener"],
 }
 
 COMPONENTS_BASE_MAPPING: dict = {

reflex/__init__.pyi

@@ -52,6 +52,7 @@ from .components.core.upload import (
     selected_files,
     upload,
 )
+from .components.core.window_events import window_event_listener
 from .components.datadisplay.code import code_block
 from .components.datadisplay.dataeditor import data_editor, data_editor_theme
 from .components.datadisplay.logo import logo
@@ -348,4 +349,5 @@ __all__ = [
     "video",
     "vstack",
     "window_alert",
+    "window_event_listener",
 ]

reflex/app.py

@@ -400,6 +400,9 @@ class App(MiddlewareMixin, LifespanMixin):
     # The state class to use for the app.
     _state: type[BaseState] | None = None
 
+    # Whether to enable state for the app. If False, the app will not use state.
+    enable_state: bool = True
+
     # Class to manage many client states.
     _state_manager: StateManager | None = None
 
@@ -480,7 +483,8 @@ class App(MiddlewareMixin, LifespanMixin):
             if issubclass(clz, AppMixin):
                 clz._init_mixin(self)
 
-        self._setup_state()
+        if self.enable_state:
+            self._enable_state()
 
         # Set up the admin dash.
         self._setup_admin_dash()
@@ -495,7 +499,7 @@ class App(MiddlewareMixin, LifespanMixin):
         """Enable state for the app."""
         if not self._state:
             self._state = State
-            self._setup_state()
+        self._setup_state()
 
     def _setup_state(self) -> None:
         """Set up the state for the app.
@@ -847,14 +851,10 @@ class App(MiddlewareMixin, LifespanMixin):
             save_page: If True, the compiled page is saved to self._pages.
         """
         n_states_before = len(all_base_state_classes)
-        component, enable_state = compiler.compile_unevaluated_page(
-            route, self._unevaluated_pages[route], self._state, self.style, self.theme
+        component = compiler.compile_unevaluated_page(
+            route, self._unevaluated_pages[route], self.style, self.theme
         )
 
-        # Indicate that the app should use state.
-        if enable_state:
-            self._enable_state()
-
         # Indicate that evaluating this page creates one or more state classes.
         if len(all_base_state_classes) > n_states_before:
             self._stateful_pages[route] = None
@@ -1146,7 +1146,6 @@ class App(MiddlewareMixin, LifespanMixin):
                 for route in stateful_pages:
                     console.debug(f"BE Evaluating stateful page: {route}")
                     self._compile_page(route, save_page=False)
-                self._enable_state()
             self._add_optional_endpoints()
             return
 
@@ -1345,8 +1344,6 @@ class App(MiddlewareMixin, LifespanMixin):
         for route, component in zip(self._pages, page_components, strict=True):
             ExecutorSafeFunctions.COMPONENTS[route] = component
 
-        ExecutorSafeFunctions.STATE = self._state
-
         modify_files_tasks: list[tuple[str, str, Callable[[str], str]]] = []
 
         with console.timing("Compile to Javascript"), executor as executor:

reflex/compiler/compiler.py

@@ -145,15 +145,11 @@ def _compile_contexts(state: type[BaseState] | None, theme: Component | None) ->
     )
 
 
-def _compile_page(
-    component: BaseComponent,
-    state: type[BaseState] | None,
-) -> str:
-    """Compile the component given the app state.
+def _compile_page(component: BaseComponent) -> str:
+    """Compile the component.
 
     Args:
         component: The component to compile.
-        state: The app state.
 
     Returns:
         The compiled component.
@@ -163,15 +159,12 @@ def _compile_page(
     imports = utils.compile_imports(imports)
 
     # Compile the code to render the component.
-    kwargs = {"state_name": state.get_name()} if state is not None else {}
-
     return templates.PAGE.render(
         imports=imports,
         dynamic_imports=component._get_all_dynamic_imports(),
         custom_codes=component._get_all_custom_code(),
         hooks=component._get_all_hooks(),
         render=component.render(),
-        **kwargs,
     )
 
 
@@ -556,15 +549,12 @@ def compile_contexts(
     return output_path, _compile_contexts(state, theme)
 
 
-def compile_page(
-    path: str, component: BaseComponent, state: type[BaseState] | None
-) -> tuple[str, str]:
+def compile_page(path: str, component: BaseComponent) -> tuple[str, str]:
     """Compile a single page.
 
     Args:
         path: The path to compile the page to.
         component: The component to compile.
-        state: The app state.
 
     Returns:
         The path and code of the compiled page.
@@ -573,7 +563,7 @@ def compile_page(
     output_path = utils.get_page_path(path)
 
     # Add the style to the component.
-    code = _compile_page(component, state)
+    code = _compile_page(component)
     return output_path, code
 
 
@@ -788,16 +778,14 @@ def into_component(component: Component | ComponentCallable) -> Component:
 def compile_unevaluated_page(
     route: str,
     page: UnevaluatedPage,
-    state: type[BaseState] | None = None,
     style: ComponentStyle | None = None,
     theme: Component | None = None,
-) -> tuple[Component, bool]:
+) -> Component:
     """Compiles an uncompiled page into a component and adds meta information.
 
     Args:
         route: The route of the page.
         page: The uncompiled page object.
-        state: The state of the app.
         style: The style of the page.
         theme: The theme of the page.
 
@@ -813,21 +801,6 @@ def compile_unevaluated_page(
 
         component._add_style_recursive(style or {}, theme)
 
-        enable_state = False
-        # Ensure state is enabled if this page uses state.
-        if state is None:
-            if page.on_load or component._has_stateful_event_triggers():
-                enable_state = True
-            else:
-                for var in component._get_vars(include_children=True):
-                    var_data = var._get_all_var_data()
-                    if not var_data:
-                        continue
-                    if not var_data.state:
-                        continue
-                    enable_state = True
-                    break
-
         from reflex.utils.format import make_default_page_title
 
         component = Fragment.create(component)
@@ -856,7 +829,7 @@ def compile_unevaluated_page(
             e.add_note(f"Happened while evaluating page {route!r}")
         raise
     else:
-        return component, enable_state
+        return component
 
 
 class ExecutorSafeFunctions:
@@ -886,7 +859,6 @@ class ExecutorSafeFunctions:
 
     COMPONENTS: dict[str, BaseComponent] = {}
     UNCOMPILED_PAGES: dict[str, UnevaluatedPage] = {}
-    STATE: type[BaseState] | None = None
 
     @classmethod
     def compile_page(cls, route: str) -> tuple[str, str]:
@@ -898,7 +870,7 @@ class ExecutorSafeFunctions:
         Returns:
             The path and code of the compiled page.
         """
-        return compile_page(route, cls.COMPONENTS[route], cls.STATE)
+        return compile_page(route, cls.COMPONENTS[route])
 
     @classmethod
     def compile_unevaluated_page(
@@ -917,10 +889,10 @@ class ExecutorSafeFunctions:
         Returns:
             The route, compiled component, and compiled page.
         """
-        component, enable_state = compile_unevaluated_page(
-            route, cls.UNCOMPILED_PAGES[route], cls.STATE, style, theme
+        component = compile_unevaluated_page(
+            route, cls.UNCOMPILED_PAGES[route], style, theme
         )
-        return route, component, compile_page(route, component, cls.STATE)
+        return route, component, compile_page(route, component)
 
     @classmethod
     def compile_theme(cls, style: ComponentStyle | None) -> tuple[str, str]:

reflex/components/base/error_boundary.py

@@ -25,11 +25,14 @@ def on_error_spec(
         The arguments for the event handler.
     """
     return (
-        error.stack,
+        error.name.to(str) + ": " + error.message.to(str) + "\n" + error.stack.to(str),
         info.componentStack,
     )
 
 
+_ERROR_DISPLAY: str = r"""event_args.error.name + ': ' + event_args.error.message + '\n' + event_args.error.stack"""
+
+
 class ErrorBoundary(Component):
     """A React Error Boundary component that catches unhandled frontend exceptions."""
 
@@ -76,9 +79,7 @@ class ErrorBoundary(Component):
                                     div(
                                         div(
                                             pre(
-                                                Var(
-                                                    _js_expr="event_args.error.stack",
-                                                ),
+                                                Var(_js_expr=_ERROR_DISPLAY),
                                             ),
                                             padding="0.5rem",
                                             width="fit-content",
@@ -93,7 +94,7 @@ class ErrorBoundary(Component):
                                     button(
                                         "Copy",
                                         on_click=set_clipboard(
-                                            Var(_js_expr="event_args.error.stack"),
+                                            Var(_js_expr=_ERROR_DISPLAY)
                                         ),
                                         padding="0.35rem 0.75rem",
                                         margin="0.5rem",

reflex/components/base/meta.pyi

@@ -8,6 +8,7 @@ from typing import Any, Literal
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.el import elements
+from reflex.components.el.elements.metadata import Meta as Meta
 from reflex.event import EventType, PointerEventInfo
 from reflex.vars.base import Var
 
@@ -63,261 +64,6 @@ class Title(elements.Title):
             The component.
         """
 
-class Meta(elements.Meta):
-    @classmethod
-    def create(
-        cls,
-        *children,
-        property: Var[str] | str | None = None,
-        char_set: Var[str] | str | None = None,
-        content: Var[str] | str | None = None,
-        http_equiv: Var[str] | str | None = None,
-        name: Var[str] | str | None = None,
-        access_key: Var[str] | str | None = None,
-        auto_capitalize: Literal[
-            "characters", "none", "off", "on", "sentences", "words"
-        ]
-        | Var[Literal["characters", "none", "off", "on", "sentences", "words"]]
-        | None = None,
-        content_editable: Literal["inherit", "plaintext-only", False, True]
-        | Var[Literal["inherit", "plaintext-only", False, True]]
-        | None = None,
-        context_menu: Var[str] | str | None = None,
-        dir: Var[str] | str | None = None,
-        draggable: Var[bool] | bool | None = None,
-        enter_key_hint: Literal[
-            "done", "enter", "go", "next", "previous", "search", "send"
-        ]
-        | Var[Literal["done", "enter", "go", "next", "previous", "search", "send"]]
-        | None = None,
-        hidden: Var[bool] | bool | None = None,
-        input_mode: Literal[
-            "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
-        ]
-        | Var[
-            Literal[
-                "decimal", "email", "none", "numeric", "search", "tel", "text", "url"
-            ]
-        ]
-        | None = None,
-        item_prop: Var[str] | str | None = None,
-        lang: Var[str] | str | None = None,
-        role: Literal[
-            "alert",
-            "alertdialog",
-            "application",
-            "article",
-            "banner",
-            "button",
-            "cell",
-            "checkbox",
-            "columnheader",
-            "combobox",
-            "complementary",
-            "contentinfo",
-            "definition",
-            "dialog",
-            "directory",
-            "document",
-            "feed",
-            "figure",
-            "form",
-            "grid",
-            "gridcell",
-            "group",
-            "heading",
-            "img",
-            "link",
-            "list",
-            "listbox",
-            "listitem",
-            "log",
-            "main",
-            "marquee",
-            "math",
-            "menu",
-            "menubar",
-            "menuitem",
-            "menuitemcheckbox",
-            "menuitemradio",
-            "navigation",
-            "none",
-            "note",
-            "option",
-            "presentation",
-            "progressbar",
-            "radio",
-            "radiogroup",
-            "region",
-            "row",
-            "rowgroup",
-            "rowheader",
-            "scrollbar",
-            "search",
-            "searchbox",
-            "separator",
-            "slider",
-            "spinbutton",
-            "status",
-            "switch",
-            "tab",
-            "table",
-            "tablist",
-            "tabpanel",
-            "term",
-            "textbox",
-            "timer",
-            "toolbar",
-            "tooltip",
-            "tree",
-            "treegrid",
-            "treeitem",
-        ]
-        | Var[
-            Literal[
-                "alert",
-                "alertdialog",
-                "application",
-                "article",
-                "banner",
-                "button",
-                "cell",
-                "checkbox",
-                "columnheader",
-                "combobox",
-                "complementary",
-                "contentinfo",
-                "definition",
-                "dialog",
-                "directory",
-                "document",
-                "feed",
-                "figure",
-                "form",
-                "grid",
-                "gridcell",
-                "group",
-                "heading",
-                "img",
-                "link",
-                "list",
-                "listbox",
-                "listitem",
-                "log",
-                "main",
-                "marquee",
-                "math",
-                "menu",
-                "menubar",
-                "menuitem",
-                "menuitemcheckbox",
-                "menuitemradio",
-                "navigation",
-                "none",
-                "note",
-                "option",
-                "presentation",
-                "progressbar",
-                "radio",
-                "radiogroup",
-                "region",
-                "row",
-                "rowgroup",
-                "rowheader",
-                "scrollbar",
-                "search",
-                "searchbox",
-                "separator",
-                "slider",
-                "spinbutton",
-                "status",
-                "switch",
-                "tab",
-                "table",
-                "tablist",
-                "tabpanel",
-                "term",
-                "textbox",
-                "timer",
-                "toolbar",
-                "tooltip",
-                "tree",
-                "treegrid",
-                "treeitem",
-            ]
-        ]
-        | None = None,
-        slot: Var[str] | str | None = None,
-        spell_check: Var[bool] | bool | None = None,
-        tab_index: Var[int] | int | None = None,
-        title: Var[str] | str | None = None,
-        style: Sequence[Mapping[str, Any]]
-        | Mapping[str, Any]
-        | Var[Mapping[str, Any]]
-        | Breakpoints
-        | None = None,
-        key: Any | None = None,
-        id: Any | None = None,
-        ref: Var | None = None,
-        class_name: Any | None = None,
-        autofocus: bool | None = None,
-        custom_attrs: dict[str, Var | Any] | None = None,
-        on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
-        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
-        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
-        on_focus: EventType[()] | None = None,
-        on_mount: EventType[()] | None = None,
-        on_mouse_down: EventType[()] | None = None,
-        on_mouse_enter: EventType[()] | None = None,
-        on_mouse_leave: EventType[()] | None = None,
-        on_mouse_move: EventType[()] | None = None,
-        on_mouse_out: EventType[()] | None = None,
-        on_mouse_over: EventType[()] | None = None,
-        on_mouse_up: EventType[()] | None = None,
-        on_scroll: EventType[()] | None = None,
-        on_scroll_end: EventType[()] | None = None,
-        on_unmount: EventType[()] | None = None,
-        **props,
-    ) -> Meta:
-        """Create the component.
-
-        Args:
-            *children: The children of the component.
-            property: The type of metadata value.
-            char_set: Specifies the character encoding for the HTML document
-            content: Defines the content of the metadata
-            http_equiv: Provides an HTTP header for the information/value of the content attribute
-            name: Specifies a name for the metadata
-            access_key: Provides a hint for generating a keyboard shortcut for the current element.
-            auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
-            content_editable: Indicates whether the element's content is editable.
-            context_menu: Defines the ID of a <menu> element which will serve as the element's context menu.
-            dir: Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
-            draggable: Defines whether the element can be dragged.
-            enter_key_hint: Hints what media types the media element is able to play.
-            hidden: Defines whether the element is hidden.
-            input_mode: Defines the type of the element.
-            item_prop: Defines the name of the element for metadata purposes.
-            lang: Defines the language used in the element.
-            role: Defines the role of the element.
-            slot: Assigns a slot in a shadow DOM shadow tree to an element.
-            spell_check: Defines whether the element may be checked for spelling errors.
-            tab_index: Defines the position of the current element in the tabbing order.
-            title: Defines a tooltip for the element.
-            style: The style of the component.
-            key: A unique key for the component.
-            id: The id for the component.
-            ref: The Var to pass as the ref to the component.
-            class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
-            custom_attrs: custom attribute
-            **props: The props of the component.
-
-        Returns:
-            The component.
-        """
-
 class Description(elements.Meta):
     @classmethod
     def create(
@@ -327,6 +73,7 @@ class Description(elements.Meta):
         char_set: Var[str] | str | None = None,
         content: Var[str] | str | None = None,
         http_equiv: Var[str] | str | None = None,
+        property: Var[str] | str | None = None,
         access_key: Var[str] | str | None = None,
         auto_capitalize: Literal[
             "characters", "none", "off", "on", "sentences", "words"
@@ -542,6 +289,7 @@ class Description(elements.Meta):
             char_set: Specifies the character encoding for the HTML document
             content: Defines the content of the metadata
             http_equiv: Provides an HTTP header for the information/value of the content attribute
+            property: The type of metadata value.
             access_key: Provides a hint for generating a keyboard shortcut for the current element.
             auto_capitalize: Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
             content_editable: Indicates whether the element's content is editable.
@@ -792,7 +540,7 @@ class Image(elements.Meta):
 
         Args:
             *children: The children of the component.
-            property: The type of the image.
+            property: The type of metadata value.
             char_set: Specifies the character encoding for the HTML document
             content: Defines the content of the metadata
             http_equiv: Provides an HTTP header for the information/value of the content attribute

reflex/components/core/__init__.py

@@ -50,6 +50,7 @@ _SUBMOD_ATTRS: dict[str, list[str]] = {
         "selected_files",
     ],
     "auto_scroll": ["auto_scroll"],
+    "window_events": ["WindowEventListener", "window_event_listener"],
 }
 
 __getattr__, __dir__, __all__ = lazy_loader.attach(

reflex/components/core/__init__.pyi

@@ -39,6 +39,7 @@ from .upload import (
     selected_files,
     upload,
 )
+from .window_events import WindowEventListener, window_event_listener
 
 __all__ = [
     "Clipboard",
@@ -52,6 +53,7 @@ __all__ = [
     "Helmet",
     "Html",
     "Match",
+    "WindowEventListener",
     "auto_scroll",
     "breakpoints",
     "cancel_upload",
@@ -79,4 +81,5 @@ __all__ = [
     "tablet_and_desktop",
     "tablet_only",
     "upload",
+    "window_event_listener",
 ]