reflex 0.3.5a4__py3-none-any.whl → 0.3.7__py3-none-any.whl

reflex/components/radix/themes/typography/text.pyi

@@ -0,0 +1,298 @@
+"""Stub file for reflex/components/radix/themes/typography/text.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `scripts/pyi_generator.py`!
+# ------------------------------------------------------
+
+from typing import Any, Dict, Literal, Optional, Union, overload
+from reflex.vars import Var, BaseVar, ComputedVar
+from reflex.event import EventChain, EventHandler, EventSpec
+from reflex.style import Style
+from reflex import el
+from reflex.vars import Var
+from ..base import CommonMarginProps, LiteralAccentColor, RadixThemesComponent
+from .base import LiteralTextAlign, LiteralTextSize, LiteralTextTrim, LiteralTextWeight
+
+class Text(el.Span, CommonMarginProps, RadixThemesComponent):
+    @overload
+    @classmethod
+    def create(  # type: ignore
+        cls,
+        *children,
+        as_child: Optional[Union[Var[bool], bool]] = None,
+        as_: Optional[Union[Var[str], str]] = None,
+        size: Optional[
+            Union[
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+            ]
+        ] = None,
+        weight: Optional[
+            Union[
+                Var[Literal["light", "regular", "medium", "bold"]],
+                Literal["light", "regular", "medium", "bold"],
+            ]
+        ] = None,
+        align: Optional[
+            Union[
+                Var[Literal["left", "center", "right"]],
+                Literal["left", "center", "right"],
+            ]
+        ] = None,
+        trim: Optional[
+            Union[
+                Var[Literal["normal", "start", "end", "both"]],
+                Literal["normal", "start", "end", "both"],
+            ]
+        ] = None,
+        color: Optional[
+            Union[
+                Var[
+                    Literal[
+                        "tomato",
+                        "red",
+                        "ruby",
+                        "crimson",
+                        "pink",
+                        "plum",
+                        "purple",
+                        "violet",
+                        "iris",
+                        "indigo",
+                        "blue",
+                        "cyan",
+                        "teal",
+                        "jade",
+                        "green",
+                        "grass",
+                        "brown",
+                        "orange",
+                        "sky",
+                        "mint",
+                        "lime",
+                        "yellow",
+                        "amber",
+                        "gold",
+                        "bronze",
+                        "gray",
+                    ]
+                ],
+                Literal[
+                    "tomato",
+                    "red",
+                    "ruby",
+                    "crimson",
+                    "pink",
+                    "plum",
+                    "purple",
+                    "violet",
+                    "iris",
+                    "indigo",
+                    "blue",
+                    "cyan",
+                    "teal",
+                    "jade",
+                    "green",
+                    "grass",
+                    "brown",
+                    "orange",
+                    "sky",
+                    "mint",
+                    "lime",
+                    "yellow",
+                    "amber",
+                    "gold",
+                    "bronze",
+                    "gray",
+                ],
+            ]
+        ] = None,
+        high_contrast: Optional[Union[Var[bool], bool]] = None,
+        access_key: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        auto_capitalize: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        content_editable: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        context_menu: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        dir: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
+        draggable: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        enter_key_hint: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        hidden: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        input_mode: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        item_prop: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        lang: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
+        role: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
+        slot: Optional[Union[Var[Union[str, int, bool]], Union[str, int, bool]]] = None,
+        spell_check: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        tab_index: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        title: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        translate: Optional[
+            Union[Var[Union[str, int, bool]], Union[str, int, bool]]
+        ] = None,
+        m: Optional[
+            Union[
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+            ]
+        ] = None,
+        mx: Optional[
+            Union[
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+            ]
+        ] = None,
+        my: Optional[
+            Union[
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+            ]
+        ] = None,
+        mt: Optional[
+            Union[
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+            ]
+        ] = None,
+        mr: Optional[
+            Union[
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+            ]
+        ] = None,
+        mb: Optional[
+            Union[
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+            ]
+        ] = None,
+        ml: Optional[
+            Union[
+                Var[Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"]],
+                Literal["1", "2", "3", "4", "5", "6", "7", "8", "9"],
+            ]
+        ] = None,
+        style: Optional[Style] = None,
+        key: Optional[Any] = None,
+        id: Optional[Any] = None,
+        class_name: Optional[Any] = None,
+        autofocus: Optional[bool] = None,
+        custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
+        on_blur: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_click: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_context_menu: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_double_click: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_focus: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mount: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_down: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_enter: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_leave: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_move: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_out: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_over: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_mouse_up: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_scroll: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        on_unmount: Optional[
+            Union[EventHandler, EventSpec, list, function, BaseVar]
+        ] = None,
+        **props
+    ) -> "Text":
+        """Create a new component instance.
+
+        Will prepend "RadixThemes" to the component tag to avoid conflicts with
+        other UI libraries for common names, like Text and Button.
+
+        Args:
+            *children: Child components.
+            as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
+            as_: Change the default rendered element into a semantically appropriate alternative (cannot be used with asChild)
+            size: Text size: "1" - "9"
+            weight: Thickness of text: "light" | "regular" | "medium" | "bold"
+            align: Alignment of text in element: "left" | "center" | "right"
+            trim: Removes the leading trim space: "normal" | "start" | "end" | "both"
+            color: Overrides the accent color inherited from the Theme.
+            high_contrast: Whether to render the text with higher contrast color
+            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.
+            translate: Specifies whether the content of an element should be translated or not.
+            m: Margin: "0" - "9"
+            mx: Margin horizontal: "0" - "9"
+            my: Margin vertical: "0" - "9"
+            mt: Margin top: "0" - "9"
+            mr: Margin right: "0" - "9"
+            mb: Margin bottom: "0" - "9"
+            ml: Margin left: "0" - "9"
+            style: The style of the component.
+            key: A unique key for the component.
+            id: The id for 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: Component properties.
+
+        Returns:
+            A new component instance.
+        """
+        ...

reflex/components/radix/themes/typography.py

@@ -33,7 +33,7 @@ class Text(CommonMarginProps, RadixThemesComponent):
     as_: Var[str]
 
     # Text size: "1" - "9"
-    size: Var[LiteralTextSize | dict]
+    size: Var[LiteralTextSize]
 
     # Thickness of text: "light" | "regular" | "medium" | "bold"
     weight: Var[LiteralTextWeight]

reflex/constants/__init__.py

@@ -15,6 +15,7 @@ from .base import (
     Next,
     Ping,
     Reflex,
+    ReflexHostingCLI,
     Templates,
 )
 from .compiler import (

reflex/constants/base.py

@@ -72,6 +72,13 @@ class Reflex(SimpleNamespace):
     )
 
 
+class ReflexHostingCLI(SimpleNamespace):
+    """Base constants concerning Reflex Hosting CLI."""
+
+    # The name of the Reflex Hosting CLI package.
+    MODULE_NAME = "reflex-hosting-cli"
+
+
 class Templates(SimpleNamespace):
     """Constants related to Templates."""
 

reflex/constants/config.py

@@ -47,7 +47,7 @@ class RequirementsTxt(SimpleNamespace):
     # The requirements.txt file.
     FILE = "requirements.txt"
     # The partial text used to form requirement that pins a reflex version
-    DEFAULTS_STUB = f"{Reflex.MODULE_NAME}>="
+    DEFAULTS_STUB = f"{Reflex.MODULE_NAME}=="
 
 
 # The deployment URL.

reflex/model.py

@@ -62,7 +62,8 @@ class Model(Base, sqlmodel.SQLModel):
         non_default_primary_key_fields = [
             field_name
             for field_name, field in cls.__fields__.items()
-            if field_name != "id" and getattr(field.field_info, "primary_key", None)
+            if field_name != "id"
+            and getattr(field.field_info, "primary_key", None) is True
         ]
         if non_default_primary_key_fields:
             cls.__fields__.pop("id", None)

reflex/reflex.py

@@ -78,6 +78,8 @@ def _init(
     app_name = prerequisites.get_default_app_name() if name is None else name
     console.rule(f"[bold]Initializing {app_name}")
 
+    prerequisites.check_latest_package_version(constants.Reflex.MODULE_NAME)
+
     # Set up the web project.
     prerequisites.initialize_frontend_dependencies()
 
@@ -171,6 +173,8 @@ def _run(
 
     console.rule("[bold]Starting Reflex App")
 
+    prerequisites.check_latest_package_version(constants.Reflex.MODULE_NAME)
+
     if frontend:
         prerequisites.update_next_config()
         # Get the app module.
@@ -483,10 +487,13 @@ def deploy(
     # Set the log level.
     console.set_log_level(loglevel)
 
-    dependency.check_requirements()
+    # Only check requirements if interactive. There is user interaction for requirements update.
+    if interactive:
+        dependency.check_requirements()
 
     # Check if we are set up.
     prerequisites.check_initialized(frontend=True)
+    prerequisites.check_latest_package_version(constants.ReflexHostingCLI.MODULE_NAME)
 
     hosting_cli.deploy(
         app_name=app_name,

reflex/state.py

@@ -1788,6 +1788,17 @@ class StateManagerRedis(StateManager):
                 # only delete our lock
                 await self.redis.delete(lock_key)
 
+    async def close(self):
+        """Explicitly close the redis connection and connection_pool.
+
+        It is necessary in testing scenarios to close between asyncio test cases
+        to avoid having lingering redis connections associated with event loops
+        that will be closed (each test case uses its own event loop).
+
+        Note: Connections will be automatically reopened when needed.
+        """
+        await self.redis.close(close_connection_pool=True)
+
 
 class ClientStorageBase:
     """Base class for client-side storage."""

reflex/style.py

@@ -35,6 +35,66 @@ toggle_color_mode = BaseVar(
     _var_data=color_mode_var_data,
 )
 
+breakpoints = ["0", "30em", "48em", "62em", "80em", "96em"]
+
+
+def media_query(breakpoint_index: int):
+    """Create a media query selector.
+
+    Args:
+        breakpoint_index: The index of the breakpoint to use.
+
+    Returns:
+        The media query selector used as a key in emotion css dict.
+    """
+    return f"@media screen and (min-width: {breakpoints[breakpoint_index]})"
+
+
+def convert_item(style_item: str | Var) -> tuple[str, VarData | None]:
+    """Format a single value in a style dictionary.
+
+    Args:
+        style_item: The style item to format.
+
+    Returns:
+        The formatted style item and any associated VarData.
+    """
+    if isinstance(style_item, Var):
+        # If the value is a Var, extract the var_data and cast as str.
+        return str(style_item), style_item._var_data
+
+    # Otherwise, convert to Var to collapse VarData encoded in f-string.
+    new_var = Var.create(style_item)
+    if new_var is not None and new_var._var_data:
+        # The wrapped backtick is used to identify the Var for interpolation.
+        return f"`{str(new_var)}`", new_var._var_data
+
+    return style_item, None
+
+
+def convert_list(
+    responsive_list: list[str | dict | Var],
+) -> tuple[list[str | dict], VarData | None]:
+    """Format a responsive value list.
+
+    Args:
+        responsive_list: The raw responsive value list (one value per breakpoint).
+
+    Returns:
+        The recursively converted responsive value list and any associated VarData.
+    """
+    converted_value = []
+    item_var_datas = []
+    for responsive_item in responsive_list:
+        if isinstance(responsive_item, dict):
+            # Recursively format nested style dictionaries.
+            item, item_var_data = convert(responsive_item)
+        else:
+            item, item_var_data = convert_item(responsive_item)
+        converted_value.append(item)
+        item_var_datas.append(item_var_data)
+    return converted_value, VarData.merge(*item_var_datas)
+
 
 def convert(style_dict):
     """Format a style dictionary.
@@ -49,20 +109,14 @@ def convert(style_dict):
     out = {}
     for key, value in style_dict.items():
         key = format.to_camel_case(key)
-        new_var_data = None
         if isinstance(value, dict):
             # Recursively format nested style dictionaries.
             out[key], new_var_data = convert(value)
-        elif isinstance(value, Var):
-            # If the value is a Var, extract the var_data and cast as str.
-            new_var_data = value._var_data
-            out[key] = str(value)
+        elif isinstance(value, list):
+            # Responsive value is a list of dict or value
+            out[key], new_var_data = convert_list(value)
         else:
-            # Otherwise, convert to Var to collapse VarData encoded in f-string.
-            new_var = Var.create(value)
-            if new_var is not None:
-                new_var_data = new_var._var_data
-            out[key] = value
+            out[key], new_var_data = convert_item(value)
         # Combine all the collected VarData instances.
         var_data = VarData.merge(var_data, new_var_data)
     return out, var_data
@@ -110,3 +164,59 @@ class Style(dict):
             # Carry the imports/hooks when setting a Var as a value.
             self._var_data = VarData.merge(self._var_data, _var._var_data)
         super().__setitem__(key, value)
+
+
+def _format_emotion_style_pseudo_selector(key: str) -> str:
+    """Format a pseudo selector for emotion CSS-in-JS.
+
+    Args:
+        key: Underscore-prefixed or colon-prefixed pseudo selector key (_hover).
+
+    Returns:
+        A self-referential pseudo selector key (&:hover).
+    """
+    prefix = None
+    if key.startswith("_"):
+        # Handle pseudo selectors in chakra style format.
+        prefix = "&:"
+        key = key[1:]
+    if key.startswith(":"):
+        # Handle pseudo selectors and elements in native format.
+        prefix = "&"
+    if prefix is not None:
+        return prefix + format.to_kebab_case(key)
+    return key
+
+
+def format_as_emotion(style_dict: dict[str, Any]) -> dict[str, Any] | None:
+    """Convert the style to an emotion-compatible CSS-in-JS dict.
+
+    Args:
+        style_dict: The style dict to convert.
+
+    Returns:
+        The emotion dict.
+    """
+    emotion_style = {}
+    for orig_key, value in style_dict.items():
+        key = _format_emotion_style_pseudo_selector(orig_key)
+        if isinstance(value, list):
+            # Apply media queries from responsive value list.
+            mbps = {
+                media_query(bp): bp_value
+                if isinstance(bp_value, dict)
+                else {key: bp_value}
+                for bp, bp_value in enumerate(value)
+            }
+            if key.startswith("&:"):
+                emotion_style[key] = mbps
+            else:
+                for mq, style_sub_dict in mbps.items():
+                    emotion_style.setdefault(mq, {}).update(style_sub_dict)
+        elif isinstance(value, dict):
+            # Recursively format nested style dictionaries.
+            emotion_style[key] = format_as_emotion(value)
+        else:
+            emotion_style[key] = value
+    if emotion_style:
+        return emotion_style

reflex/testing.py

@@ -184,7 +184,7 @@ class AppHarness:
             if self.app_instance is not None and isinstance(
                 self.app_instance.state_manager, StateManagerRedis
             ):
-                await self.app_instance.state_manager.redis.close()
+                await self.app_instance.state_manager.close()
             await original_shutdown(*args, **kwargs)
 
         return _shutdown_redis
@@ -455,7 +455,7 @@ class AppHarness:
             return await self.state_manager.get_state(token)
         finally:
             if isinstance(self.state_manager, StateManagerRedis):
-                await self.state_manager.redis.close()
+                await self.state_manager.close()
 
     async def set_state(self, token: str, **kwargs) -> None:
         """Set the state associated with the given token.
@@ -476,7 +476,7 @@ class AppHarness:
             await self.state_manager.set_state(token, state)
         finally:
             if isinstance(self.state_manager, StateManagerRedis):
-                await self.state_manager.redis.close()
+                await self.state_manager.close()
 
     @contextlib.asynccontextmanager
     async def modify_state(self, token: str) -> AsyncIterator[State]:
@@ -506,7 +506,7 @@ class AppHarness:
         finally:
             if isinstance(self.state_manager, StateManagerRedis):
                 self.app_instance._state_manager = app_state_manager
-                await self.state_manager.redis.close()
+                await self.state_manager.close()
 
     def poll_for_content(
         self,

reflex/utils/format.py

@@ -625,17 +625,21 @@ def unwrap_vars(value: str) -> str:
         return prefix + re.sub('\\\\"', '"', m.group(2))
 
     # This substitution is necessary to unwrap var values.
-    return re.sub(
-        pattern=r"""
+    return (
+        re.sub(
+            pattern=r"""
             (?<!\\)      # must NOT start with a backslash
             "            # match opening double quote of JSON value
             (<reflex.Var>.*?</reflex.Var>)?  # Optional encoded VarData (non-greedy)
             {(.*?)}      # extract the value between curly braces (non-greedy)
             "            # match must end with an unescaped double quote
         """,
-        repl=unescape_double_quotes_in_var,
-        string=value,
-        flags=re.VERBOSE,
+            repl=unescape_double_quotes_in_var,
+            string=value,
+            flags=re.VERBOSE,
+        )
+        .replace('"`', "`")
+        .replace('`"', "`")
     )