reflex 0.4.1__py3-none-any.whl → 0.4.2a1__py3-none-any.whl

reflex/components/radix/primitives/progress.pyi

@@ -7,10 +7,12 @@ 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 typing import Optional
+from typing import Optional, Union
 from reflex.components.component import Component, ComponentNamespace
+from reflex.components.core.colors import color
 from reflex.components.radix.primitives.accordion import DEFAULT_ANIMATION_DURATION
 from reflex.components.radix.primitives.base import RadixPrimitiveComponentWithClassName
+from reflex.components.radix.themes.base import LiteralAccentColor
 from reflex.style import Style
 from reflex.vars import Var
 
@@ -188,6 +190,68 @@ class ProgressIndicator(ProgressComponent):
         *children,
         value: Optional[Union[Var[Optional[int]], Optional[int]]] = None,
         max: Optional[Union[Var[Optional[int]], Optional[int]]] = None,
+        color_scheme: 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,
         as_child: Optional[Union[Var[bool], bool]] = None,
         style: Optional[Style] = None,
         key: Optional[Any] = None,
@@ -248,6 +312,7 @@ class ProgressIndicator(ProgressComponent):
             *children: The children of the component.
             value: The current progress value.
             max: The maximum progress value.
+            color_scheme: The color scheme of the progress indicator.
             as_child: Change the default rendered element for the one passed as a child.
             style: The style of the component.
             key: A unique key for the component.
@@ -270,6 +335,10 @@ class Progress(ComponentNamespace):
     indicator = staticmethod(ProgressIndicator.create)
 
     @staticmethod
-    def __call__(width: Optional[str] = "100%", **props) -> Component: ...
+    def __call__(
+        width: Optional[str] = "100%",
+        color_scheme: Optional[Union[Var, LiteralAccentColor]] = None,
+        **props
+    ) -> Component: ...
 
 progress = Progress()

reflex/components/radix/themes/base.py

@@ -149,13 +149,18 @@ class Theme(RadixThemesComponent):
 
     @classmethod
     def create(
-        cls, *children, color_mode: LiteralAppearance | None = None, **props
+        cls,
+        *children,
+        color_mode: LiteralAppearance | None = None,
+        theme_panel: bool = False,
+        **props,
     ) -> Component:
         """Create a new Radix Theme specification.
 
         Args:
             *children: Child components.
-            color_mode: map to appearance prop.
+            color_mode: Map to appearance prop.
+            theme_panel: Whether to include a panel for editing the theme.
             **props: Component properties.
 
         Returns:
@@ -163,6 +168,8 @@ class Theme(RadixThemesComponent):
         """
         if color_mode is not None:
             props["appearance"] = color_mode
+        if theme_panel:
+            children = [ThemePanel.create(), *children]
         return super().create(*children, **props)
 
     def _get_imports(self) -> imports.ImportDict:

reflex/components/radix/themes/base.pyi

@@ -265,6 +265,7 @@ class Theme(RadixThemesComponent):
         cls,
         *children,
         color_mode: Optional[LiteralAppearance | None] = None,
+        theme_panel: Optional[bool] = False,
         has_background: Optional[Union[Var[bool], bool]] = None,
         appearance: Optional[
             Union[
@@ -412,7 +413,8 @@ class Theme(RadixThemesComponent):
 
         Args:
             *children: Child components.
-            color_mode: map to appearance prop.
+            color_mode: Map to appearance prop.
+            theme_panel: Whether to include a panel for editing the theme.
             has_background: Whether to apply the themes background color to the theme node. Defaults to True.
             appearance: Override light or dark mode theme: "inherit" | "light" | "dark". Defaults to "inherit".
             accent_color: The color used for default buttons, typography, backgrounds, etc

reflex/components/radix/themes/color_mode.py

@@ -71,7 +71,7 @@ class ColorModeSwitch(Switch):
         """
         return Switch.create(
             *children,
-            is_checked=color_mode != LIGHT_COLOR_MODE,
+            checked=color_mode != LIGHT_COLOR_MODE,
             on_change=toggle_color_mode,
             **props,
         )

reflex/components/radix/themes/layout/stack.py

@@ -3,9 +3,10 @@
 from __future__ import annotations
 
 from reflex.components.component import Component
+from reflex.vars import Var
 
 from ..base import LiteralAlign, LiteralSpacing
-from .flex import Flex
+from .flex import Flex, LiteralFlexDirection
 
 
 class Stack(Flex):
@@ -41,12 +42,12 @@ class Stack(Flex):
 class VStack(Stack):
     """A vertical stack component."""
 
-    def _apply_theme(self, theme: Component):
-        self.style.update({"flex_direction": "column"})
+    # The direction of the stack.
+    direction: Var[LiteralFlexDirection] = "column"  # type: ignore
 
 
 class HStack(Stack):
     """A horizontal stack component."""
 
-    def _apply_theme(self, theme: Component):
-        self.style.update({"flex_direction": "row"})
+    # The direction of the stack.
+    direction: Var[LiteralFlexDirection] = "row"  # type: ignore

reflex/components/radix/themes/layout/stack.pyi

@@ -8,8 +8,9 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from reflex.components.component import Component
+from reflex.vars import Var
 from ..base import LiteralAlign, LiteralSpacing
-from .flex import Flex
+from .flex import Flex, LiteralFlexDirection
 
 class Stack(Flex):
     @overload
@@ -178,13 +179,13 @@ class VStack(Stack):
         *children,
         spacing: Optional[LiteralSpacing] = "2",
         align: Optional[LiteralAlign] = "start",
-        as_child: Optional[Union[Var[bool], bool]] = None,
         direction: Optional[
             Union[
                 Var[Literal["row", "column", "row-reverse", "column-reverse"]],
                 Literal["row", "column", "row-reverse", "column-reverse"],
             ]
         ] = None,
+        as_child: Optional[Union[Var[bool], bool]] = None,
         justify: Optional[
             Union[
                 Var[Literal["start", "center", "end", "between"]],
@@ -296,8 +297,8 @@ class VStack(Stack):
             *children: The children of the stack.
             spacing: The spacing between each stack item.
             align: The alignment of the stack items.
-            as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
             direction: How child items are layed out: "row" | "column" | "row-reverse" | "column-reverse"
+            as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
             justify: Alignment of children along the cross axis: "start" | "center" | "end" | "between"
             wrap: Whether children should wrap when they reach the end of their container: "nowrap" | "wrap" | "wrap-reverse"
             access_key:  Provides a hint for generating a keyboard shortcut for the current element.
@@ -337,13 +338,13 @@ class HStack(Stack):
         *children,
         spacing: Optional[LiteralSpacing] = "2",
         align: Optional[LiteralAlign] = "start",
-        as_child: Optional[Union[Var[bool], bool]] = None,
         direction: Optional[
             Union[
                 Var[Literal["row", "column", "row-reverse", "column-reverse"]],
                 Literal["row", "column", "row-reverse", "column-reverse"],
             ]
         ] = None,
+        as_child: Optional[Union[Var[bool], bool]] = None,
         justify: Optional[
             Union[
                 Var[Literal["start", "center", "end", "between"]],
@@ -455,8 +456,8 @@ class HStack(Stack):
             *children: The children of the stack.
             spacing: The spacing between each stack item.
             align: The alignment of the stack items.
-            as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
             direction: How child items are layed out: "row" | "column" | "row-reverse" | "column-reverse"
+            as_child: Change the default rendered element for the one passed as a child, merging their props and behavior.
             justify: Alignment of children along the cross axis: "start" | "center" | "end" | "between"
             wrap: Whether children should wrap when they reach the end of their container: "nowrap" | "wrap" | "wrap-reverse"
             access_key:  Provides a hint for generating a keyboard shortcut for the current element.

reflex/constants/base.pyi

@@ -0,0 +1,94 @@
+"""Stub file for reflex/constants/base.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
+import os
+import platform
+from enum import Enum
+from importlib import metadata
+from types import SimpleNamespace
+from platformdirs import PlatformDirs
+
+IS_WINDOWS = platform.system() == "Windows"
+
+class Dirs(SimpleNamespace):
+    WEB = ".web"
+    APP_ASSETS = "assets"
+    UTILS = "utils"
+    STATIC = "_static"
+    STATE_PATH = "/".join([UTILS, "state"])
+    COMPONENTS_PATH = "/".join([UTILS, "components"])
+    CONTEXTS_PATH = "/".join([UTILS, "context"])
+    WEB_PAGES = os.path.join(WEB, "pages")
+    WEB_STATIC = os.path.join(WEB, STATIC)
+    WEB_UTILS = os.path.join(WEB, UTILS)
+    WEB_ASSETS = os.path.join(WEB, "public")
+    ENV_JSON = os.path.join(WEB, "env.json")
+    REFLEX_JSON = os.path.join(WEB, "reflex.json")
+    POSTCSS_JS = os.path.join(WEB, "postcss.config.js")
+
+class Reflex(SimpleNamespace):
+    MODULE_NAME = "reflex"
+    VERSION = metadata.version(MODULE_NAME)
+    JSON = os.path.join(Dirs.WEB, "reflex.json")
+    _dir = os.environ.get("REFLEX_DIR", "")
+    DIR = _dir or PlatformDirs(MODULE_NAME, False).user_data_dir
+    ROOT_DIR = os.path.dirname(
+        os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+    )
+
+class ReflexHostingCLI(SimpleNamespace):
+    MODULE_NAME = "reflex-hosting-cli"
+
+class Templates(SimpleNamespace):
+    template_dir = os.path.join(Reflex.ROOT_DIR, Reflex.MODULE_NAME, ".templates/apps")
+    template_dirs = next(os.walk(template_dir))[1]
+    Kind = Enum("Kind", {template.upper(): template for template in template_dirs})
+
+    class Dirs(SimpleNamespace):
+        BASE = os.path.join(Reflex.ROOT_DIR, Reflex.MODULE_NAME, ".templates")
+        WEB_TEMPLATE = os.path.join(BASE, "web")
+        JINJA_TEMPLATE = os.path.join(BASE, "jinja")
+        CODE = "code"
+
+class Next(SimpleNamespace):
+    CONFIG_FILE = "next.config.js"
+    SITEMAP_CONFIG_FILE = os.path.join(Dirs.WEB, "next-sitemap.config.js")
+    NODE_MODULES = "node_modules"
+    PACKAGE_LOCK = "package-lock.json"
+    FRONTEND_LISTENING_REGEX = "Local:[\\s]+(.*)"
+
+class ColorMode(SimpleNamespace):
+    NAME = "colorMode"
+    USE = "useColorMode"
+    TOGGLE = "toggleColorMode"
+
+class Env(str, Enum):
+    DEV = "dev"
+    PROD = "prod"
+
+class LogLevel(str, Enum):
+    DEBUG = "debug"
+    INFO = "info"
+    WARNING = "warning"
+    ERROR = "error"
+    CRITICAL = "critical"
+
+POLLING_MAX_HTTP_BUFFER_SIZE = 1000 * 1000
+
+class Ping(SimpleNamespace):
+    INTERVAL = 25
+    TIMEOUT = 120
+
+COOKIES = "cookies"
+LOCAL_STORAGE = "local_storage"
+SKIP_COMPILE_ENV_VAR = "__REFLEX_SKIP_COMPILE"
+PYTEST_CURRENT_TEST = "PYTEST_CURRENT_TEST"
+RELOAD_CONFIG = "__REFLEX_RELOAD_CONFIG"
+REFLEX_VAR_OPENING_TAG = "<reflex.Var>"
+REFLEX_VAR_CLOSING_TAG = "</reflex.Var>"

reflex/constants/compiler.py

@@ -60,6 +60,8 @@ class CompileVars(SimpleNamespace):
     TO_EVENT = "Event"
     # The name of the internal on_load event.
     ON_LOAD_INTERNAL = "on_load_internal"
+    # The name of the internal event to update generic state vars.
+    UPDATE_VARS_INTERNAL = "update_vars_internal"
 
 
 class PageNames(SimpleNamespace):

reflex/constants/event.pyi

@@ -0,0 +1,59 @@
+"""Stub file for reflex/constants/event.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 enum import Enum
+from types import SimpleNamespace
+
+class Endpoint(Enum):
+    PING = "ping"
+    EVENT = "_event"
+    UPLOAD = "_upload"
+
+    def get_url(self) -> str: ...
+
+class SocketEvent(SimpleNamespace):
+    PING = "ping"
+    EVENT = "event"
+
+class EventTriggers(SimpleNamespace):
+    ON_FOCUS = "on_focus"
+    ON_BLUR = "on_blur"
+    ON_CANCEL = "on_cancel"
+    ON_CLICK = "on_click"
+    ON_CHANGE = "on_change"
+    ON_CHANGE_END = "on_change_end"
+    ON_CHANGE_START = "on_change_start"
+    ON_COMPLETE = "on_complete"
+    ON_CONTEXT_MENU = "on_context_menu"
+    ON_DOUBLE_CLICK = "on_double_click"
+    ON_DROP = "on_drop"
+    ON_EDIT = "on_edit"
+    ON_KEY_DOWN = "on_key_down"
+    ON_KEY_UP = "on_key_up"
+    ON_MOUSE_DOWN = "on_mouse_down"
+    ON_MOUSE_ENTER = "on_mouse_enter"
+    ON_MOUSE_LEAVE = "on_mouse_leave"
+    ON_MOUSE_MOVE = "on_mouse_move"
+    ON_MOUSE_OUT = "on_mouse_out"
+    ON_MOUSE_OVER = "on_mouse_over"
+    ON_MOUSE_UP = "on_mouse_up"
+    ON_OPEN_CHANGE = "on_open_change"
+    ON_OPEN_AUTO_FOCUS = "on_open_auto_focus"
+    ON_CLOSE_AUTO_FOCUS = "on_close_auto_focus"
+    ON_FOCUS_OUTSIDE = "on_focus_outside"
+    ON_ESCAPE_KEY_DOWN = "on_escape_key_down"
+    ON_POINTER_DOWN_OUTSIDE = "on_pointer_down_outside"
+    ON_INTERACT_OUTSIDE = "on_interact_outside"
+    ON_SCROLL = "on_scroll"
+    ON_SUBMIT = "on_submit"
+    ON_MOUNT = "on_mount"
+    ON_UNMOUNT = "on_unmount"
+    ON_CLEAR_SERVER_ERRORS = "on_clear_server_errors"
+    ON_VALUE_COMMIT = "on_value_commit"
+    ON_SELECT = "on_select"

reflex/constants/installer.py

@@ -103,11 +103,11 @@ class PackageJson(SimpleNamespace):
 
     DEPENDENCIES = {
         "@emotion/react": "11.11.1",
-        "axios": "1.4.0",
+        "axios": "1.6.0",
         "json5": "2.2.3",
         "next": "14.0.1",
         "next-sitemap": "4.1.8",
-        "next-themes": "0.2.0",
+        "next-themes": "0.2.1",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "socket.io-client": "4.6.1",

reflex/constants/route.pyi

@@ -0,0 +1,50 @@
+"""Stub file for reflex/constants/route.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
+import re
+from types import SimpleNamespace
+
+class RouteArgType(SimpleNamespace):
+    SINGLE = str("arg_single")
+    LIST = str("arg_list")
+
+ROUTER = "router"
+ROUTER_DATA = "router_data"
+
+class RouteVar(SimpleNamespace):
+    CLIENT_IP = "ip"
+    CLIENT_TOKEN = "token"
+    HEADERS = "headers"
+    PATH = "pathname"
+    ORIGIN = "asPath"
+    SESSION_ID = "sid"
+    QUERY = "query"
+    COOKIE = "cookie"
+
+ROUTER_DATA_INCLUDE = set((RouteVar.PATH, RouteVar.ORIGIN, RouteVar.QUERY))
+
+class RouteRegex(SimpleNamespace):
+    ARG = re.compile("\\[(?!\\.)([^\\[\\]]+)\\]")
+    CATCHALL = re.compile("(\\[?\\[\\.{3}(?![0-9]).*\\]?\\])")
+    STRICT_CATCHALL = re.compile("\\[\\.{3}([a-zA-Z_][\\w]*)\\]")
+    OPT_CATCHALL = re.compile("\\[\\[\\.{3}([a-zA-Z_][\\w]*)\\]\\]")
+
+class DefaultPage(SimpleNamespace):
+    TITLE = "Reflex App"
+    DESCRIPTION = "A Reflex app."
+    IMAGE = "favicon.ico"
+    META_LIST = []
+
+class Page404(SimpleNamespace):
+    SLUG = "404"
+    TITLE = "404 - Not Found"
+    IMAGE = "favicon.ico"
+    DESCRIPTION = "The page was not found"
+
+ROUTE_NOT_FOUND = "routeNotFound"

reflex/constants/style.pyi

@@ -0,0 +1,20 @@
+"""Stub file for reflex/constants/style.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
+import os
+from types import SimpleNamespace
+from reflex.constants.base import Dirs
+
+STYLES_DIR = os.path.join(Dirs.WEB, "styles")
+
+class Tailwind(SimpleNamespace):
+    VERSION = "tailwindcss@3.3.2"
+    CONFIG = os.path.join(Dirs.WEB, "tailwind.config.js")
+    CONTENT = ["./pages/**/*.{js,ts,jsx,tsx}", "./utils/**/*.{js,ts,jsx,tsx}"]
+    ROOT_STYLE_PATH = "./tailwind.css"

reflex/event.py

@@ -41,6 +41,16 @@ class Event(Base):
     # The event payload.
     payload: Dict[str, Any] = {}
 
+    @property
+    def substate_token(self) -> str:
+        """Get the substate token for the event.
+
+        Returns:
+            The substate token.
+        """
+        substate = self.name.rpartition(".")[0]
+        return f"{self.token}_{substate}"
+
 
 BACKGROUND_TASK_MARKER = "_reflex_background_task"
 

reflex/middleware/hydrate_middleware.py

@@ -39,14 +39,6 @@ class HydrateMiddleware(Middleware):
         # Mark state as not hydrated (until on_loads are complete)
         setattr(state, constants.CompileVars.IS_HYDRATED, False)
 
-        # Apply client side storage values to state
-        for storage_type in (constants.COOKIES, constants.LOCAL_STORAGE):
-            if storage_type in event.payload:
-                for key, value in event.payload[storage_type].items():
-                    state_name, _, var_name = key.rpartition(".")
-                    var_state = state.get_substate(state_name.split("."))
-                    setattr(var_state, var_name, value)
-
         # Get the initial state.
         delta = format.format_state(state.dict())
         # since a full dict was captured, clean any dirtiness