reflex 0.8.1a1__py3-none-any.whl → 0.8.2a1__py3-none-any.whl

reflex/.templates/apps/blank/code/blank.py

@@ -29,7 +29,6 @@ def index() -> rx.Component:
             justify="center",
             min_height="85vh",
         ),
-        rx.logo(),
     )
 
 

reflex/app.py

@@ -22,6 +22,7 @@ from collections.abc import (
     Sequence,
 )
 from datetime import datetime
+from itertools import chain
 from pathlib import Path
 from timeit import default_timer as timer
 from types import SimpleNamespace
@@ -238,10 +239,6 @@ def default_error_boundary(*children: Component, **props) -> Component:
     )
 
 
-class OverlayFragment(Fragment):
-    """Alias for Fragment, used to wrap the overlay_component."""
-
-
 @dataclasses.dataclass(frozen=True)
 class UploadFile(StarletteUploadFile):
     """A file uploaded to the server.
@@ -369,6 +366,11 @@ class App(MiddlewareMixin, LifespanMixin):
         )
     )
 
+    # Extra app wraps to be applied to the whole app.
+    extra_app_wraps: dict[tuple[int, str], Callable[[bool], Component | None]] = (
+        dataclasses.field(default_factory=dict)
+    )
+
     # Components to add to the head of every page.
     head_components: list[Component] = dataclasses.field(default_factory=list)
 
@@ -515,8 +517,8 @@ class App(MiddlewareMixin, LifespanMixin):
                 async_mode="asgi",
                 cors_allowed_origins=(
                     "*"
-                    if config.cors_allowed_origins == ["*"]
-                    else config.cors_allowed_origins
+                    if config.cors_allowed_origins == ("*",)
+                    else list(config.cors_allowed_origins)
                 ),
                 cors_credentials=True,
                 max_http_buffer_size=environment.REFLEX_SOCKET_MAX_HTTP_BUFFER_SIZE.get(),
@@ -1031,25 +1033,31 @@ class App(MiddlewareMixin, LifespanMixin):
         # By default, compile the app.
         return True
 
-    def _add_overlay_to_component(self, component: Component) -> Component:
-        if self.overlay_component is None:
-            return component
-
+    def _add_overlay_to_component(
+        self, component: Component, overlay_component: Component
+    ) -> Component:
         children = component.children
-        overlay_component = self._generate_component(self.overlay_component)
 
         if children[0] == overlay_component:
             return component
 
-        # recreate OverlayFragment with overlay_component as first child
-        return OverlayFragment.create(overlay_component, *children)
+        return Fragment.create(overlay_component, *children)
 
     def _setup_overlay_component(self):
         """If a State is not used and no overlay_component is specified, do not render the connection modal."""
-        if self._state is None and self.overlay_component is default_overlay_component:
-            self.overlay_component = None
+        if self.overlay_component is None:
+            return
+        console.deprecate(
+            feature_name="overlay_component",
+            reason="Use `extra_app_wraps` to add the overlay component instead.",
+            deprecation_version="0.8.2",
+            removal_version="0.9.0",
+        )
+        overlay_component = self._generate_component(self.overlay_component)
         for k, component in self._pages.items():
-            self._pages[k] = self._add_overlay_to_component(component)
+            self._pages[k] = self._add_overlay_to_component(
+                component, overlay_component
+            )
 
     def _setup_sticky_badge(self):
         """Add the sticky badge to the app."""
@@ -1261,7 +1269,10 @@ class App(MiddlewareMixin, LifespanMixin):
             app_wrappers[(1, "ToasterProvider")] = toast_provider
 
         # Add the app wraps to the app.
-        for key, app_wrap in self.app_wraps.items():
+        for key, app_wrap in chain(
+            self.app_wraps.items(), self.extra_app_wraps.items()
+        ):
+            # If the app wrap is a callable, generate the component
             component = app_wrap(self._state is not None)
             if component is not None:
                 app_wrappers[key] = component
@@ -2076,9 +2087,20 @@ class EventNamespace(AsyncNamespace):
         # Get the client IP
         try:
             client_ip = environ["asgi.scope"]["client"][0]
+            headers["asgi-scope-client"] = client_ip
         except (KeyError, IndexError):
             client_ip = environ.get("REMOTE_ADDR", "0.0.0.0")
 
+        # Unroll reverse proxy forwarded headers.
+        client_ip = (
+            headers.get(
+                "x-forwarded-for",
+                client_ip,
+            )
+            .partition(",")[0]
+            .strip()
+        )
+
         async with contextlib.aclosing(
             process(self.app, event, sid, headers, client_ip)
         ) as updates_gen:

reflex/compiler/compiler.py

@@ -828,10 +828,9 @@ def compile_unevaluated_page(
                     enable_state = True
                     break
 
-        from reflex.app import OverlayFragment
         from reflex.utils.format import make_default_page_title
 
-        component = OverlayFragment.create(component)
+        component = Fragment.create(component)
 
         meta_args = {
             "title": (

reflex/components/__init__.pyi

@@ -15,6 +15,7 @@ from . import (
     plotly,
     radix,
     react_player,
+    react_router,
     recharts,
     sonner,
 )
@@ -34,6 +35,7 @@ __all__ = [
     "plotly",
     "radix",
     "react_player",
+    "react_router",
     "recharts",
     "sonner",
 ]

reflex/components/base/meta.py

@@ -4,6 +4,7 @@ from __future__ import annotations
 
 from reflex.components.base.bare import Bare
 from reflex.components.el import elements
+from reflex.components.el.elements.metadata import Meta as Meta  # for compatibility
 from reflex.vars.base import Var
 
 
@@ -26,13 +27,6 @@ class Title(elements.Title):
         return super().render()
 
 
-class Meta(elements.Meta):
-    """A component that displays metadata for the current page."""
-
-    # The type of metadata value.
-    property: Var[str]
-
-
 class Description(elements.Meta):
     """A component that displays the title of the current page."""
 

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/banner.py

@@ -268,7 +268,9 @@ class WifiOffPulse(Icon):
         Returns:
             The icon component with default props applied.
         """
-        pulse_var = Var(_js_expr="pulse")
+        pulse_var = Var(r"keyframes({ from: { opacity: 0 }, to: { opacity: 1 } })").to(
+            str
+        )
         return super().create(
             "wifi_off",
             color=props.pop("color", "crimson"),
@@ -289,18 +291,6 @@ class WifiOffPulse(Icon):
         """
         return {"@emotion/react": [ImportVar(tag="keyframes")]}
 
-    def _get_custom_code(self) -> str | None:
-        return """
-const pulse = keyframes`
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-`
-"""
-
 
 class ConnectionPulser(Div):
     """A connection pulser component."""

reflex/components/core/upload.pyi

@@ -20,8 +20,8 @@ from reflex.vars.base import Var
 DEFAULT_UPLOAD_ID: str
 upload_files_context_var_data: VarData
 
-def upload_file(id_: str = DEFAULT_UPLOAD_ID) -> Var: ...
-def selected_files(id_: str = DEFAULT_UPLOAD_ID) -> Var: ...
+def upload_file(id_: str | Var[str] = DEFAULT_UPLOAD_ID) -> Var: ...
+def selected_files(id_: str | Var[str] = DEFAULT_UPLOAD_ID) -> Var: ...
 @CallableEventSpec
 def clear_selected_files(id_: str = DEFAULT_UPLOAD_ID) -> EventSpec: ...
 def cancel_upload(upload_id: str) -> EventSpec: ...

reflex/components/el/__init__.pyi

@@ -3,6 +3,8 @@
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
 
+from reflex.components.react_router import link as a
+
 from . import elements
 from .elements.forms import (
     Button,
@@ -63,7 +65,6 @@ from .elements.inline import (
     Time,
     U,
     Wbr,
-    a,
     abbr,
     b,
     bdi,

reflex/components/el/elements/metadata.py

@@ -73,6 +73,9 @@ class Meta(BaseHTML):  # Inherits common attributes from BaseHTML
     # Specifies a name for the metadata
     name: Var[str]
 
+    # The type of metadata value.
+    property: Var[str]
+
 
 class Title(Element):
     """Display the title element."""

reflex/components/el/elements/metadata.pyi

@@ -803,6 +803,7 @@ class Meta(BaseHTML):
         content: Var[str] | str | None = None,
         http_equiv: Var[str] | str | None = None,
         name: 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"
@@ -1018,6 +1019,7 @@ class Meta(BaseHTML):
             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
+            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.

reflex/components/radix/primitives/accordion.py

@@ -431,6 +431,14 @@ class AccordionIcon(Icon):
         return super().create(tag="chevron_down", class_name=cls_name, **props)
 
 
+SLIDE_DOWN = Var(
+    r'keyframes({ from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" } })'
+)
+SLIDE_UP = Var(
+    r'keyframes({ from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 } })'
+)
+
+
 class AccordionContent(AccordionComponent):
     """An accordion component."""
 
@@ -464,44 +472,17 @@ class AccordionContent(AccordionComponent):
 
         return super().create(*children, class_name=cls_name, **props)
 
-    def add_custom_code(self) -> list[str]:
-        """Add custom code to the component.
-
-        Returns:
-            The custom code of the component.
-        """
-        return [
-            """
-const slideDown = keyframes`
-from {
-  height: 0;
-}
-to {
-  height: var(--radix-accordion-content-height);
-}
-`
-const slideUp = keyframes`
-from {
-  height: var(--radix-accordion-content-height);
-}
-to {
-  height: 0;
-}
-`
-"""
-        ]
-
     def add_style(self) -> dict[str, Any] | None:
         """Add style to the component.
 
         Returns:
             The style of the component.
         """
-        slide_down = Var("slideDown").to(str) + Var.create(
+        slide_down = SLIDE_DOWN.to(str) + Var.create(
             " var(--animation-duration) var(--animation-easing)",
         )
 
-        slide_up = Var("slideUp").to(str) + Var.create(
+        slide_up = SLIDE_UP.to(str) + Var.create(
             " var(--animation-duration) var(--animation-easing)",
         )
 

reflex/components/radix/primitives/accordion.pyi

@@ -706,6 +706,13 @@ class AccordionIcon(Icon):
             The Accordion icon Component.
         """
 
+SLIDE_DOWN = Var(
+    'keyframes({ from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" } })'
+)
+SLIDE_UP = Var(
+    'keyframes({ from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 } })'
+)
+
 class AccordionContent(AccordionComponent):
     def add_imports(self) -> dict: ...
     @classmethod
@@ -824,7 +831,6 @@ class AccordionContent(AccordionComponent):
             The Accordion content Component.
         """
 
-    def add_custom_code(self) -> list[str]: ...
     def add_style(self) -> dict[str, Any] | None: ...
 
 class Accordion(ComponentNamespace):