reflex 0.8.10__tar.gz → 0.8.11__tar.gz

{reflex-0.8.10 → reflex-0.8.11}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex
-Version: 0.8.10
+Version: 0.8.11
 Summary: Web apps in pure Python.
 Project-URL: homepage, https://reflex.dev
 Project-URL: repository, https://github.com/reflex-dev/reflex

{reflex-0.8.10 → reflex-0.8.11}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.8.10"
+version = "0.8.11"
 description = "Web apps in pure Python."
 license.text = "Apache-2.0"
 authors = [
@@ -230,7 +230,7 @@ fail_fast = true
 
 [[tool.pre-commit.repos]]
 repo = "https://github.com/astral-sh/ruff-pre-commit"
-rev = "v0.12.11"
+rev = "v0.12.12"
 hooks = [
   { id = "ruff-format", args = [
     "reflex",
@@ -262,7 +262,7 @@ hooks = [
 
 [[tool.pre-commit.repos]]
 repo = "https://github.com/RobertCraigie/pyright-python"
-rev = "v1.1.404"
+rev = "v1.1.405"
 hooks = [{ id = "pyright", args = ["reflex", "tests"], language = "system" }]
 
 [[tool.pre-commit.repos]]

{reflex-0.8.10 → reflex-0.8.11}/reflex/app.py

@@ -1281,12 +1281,12 @@ class App(MiddlewareMixin, LifespanMixin):
 
         # Compile custom components.
         (
-            custom_components_output,
-            custom_components_result,
-            custom_components_imports,
-        ) = compiler.compile_components(dict.fromkeys(CUSTOM_COMPONENTS.values()))
-        compile_results.append((custom_components_output, custom_components_result))
-        all_imports.update(custom_components_imports)
+            memo_components_output,
+            memo_components_result,
+            memo_components_imports,
+        ) = compiler.compile_memo_components(dict.fromkeys(CUSTOM_COMPONENTS.values()))
+        compile_results.append((memo_components_output, memo_components_result))
+        all_imports.update(memo_components_imports)
         progress.advance(task)
 
         with console.timing("Collect all imports and app wraps"):

{reflex-0.8.10 → reflex-0.8.11}/reflex/compiler/compiler.py

@@ -336,7 +336,7 @@ def _compile_component(component: Component | StatefulComponent) -> str:
     return templates.component_template(component=component)
 
 
-def _compile_components(
+def _compile_memo_components(
     components: Iterable[CustomComponent],
 ) -> tuple[str, dict[str, list[ImportVar]]]:
     """Compile the components.
@@ -376,7 +376,7 @@ def _compile_components(
 
     # Compile the components page.
     return (
-        templates.custom_component_template(
+        templates.memo_components_template(
             imports=utils.compile_imports(imports),
             components=component_renders,
             dynamic_imports=sorted(dynamic_imports),
@@ -565,7 +565,7 @@ def compile_page(path: str, component: BaseComponent) -> tuple[str, str]:
     return output_path, code
 
 
-def compile_components(
+def compile_memo_components(
     components: Iterable[CustomComponent],
 ) -> tuple[str, str, dict[str, list[ImportVar]]]:
     """Compile the custom components.
@@ -580,7 +580,7 @@ def compile_components(
     output_path = utils.get_components_path()
 
     # Compile the components.
-    code, imports = _compile_components(components)
+    code, imports = _compile_memo_components(components)
     return output_path, code, imports
 
 

{reflex-0.8.10 → reflex-0.8.11}/reflex/compiler/templates.py

@@ -8,6 +8,7 @@ from typing import TYPE_CHECKING, Any
 
 from reflex import constants
 from reflex.constants import Hooks
+from reflex.constants.state import CAMEL_CASE_MEMO_MARKER
 from reflex.utils.format import format_state_name, json_dumps
 from reflex.vars.base import VarData
 
@@ -637,7 +638,7 @@ def stateful_components_template(imports: list[_ImportDict], memoized_code: str)
     return f"{imports_str}\n{memoized_code}"
 
 
-def custom_component_template(
+def memo_components_template(
     imports: list[_ImportDict],
     components: list[dict[str, Any]],
     dynamic_imports: Iterable[str],
@@ -661,7 +662,7 @@ def custom_component_template(
     components_code = ""
     for component in components:
         components_code += f"""
-export const {component["name"]} = memo(({{ {", ".join(component.get("props", []))} }}) => {{
+export const {component["name"]} = memo(({{ {",".join([f"{prop}:{prop}{CAMEL_CASE_MEMO_MARKER}" for prop in component.get("props", [])])} }}) => {{
     {_render_hooks(component.get("hooks", {}))}
     return(
         {_RenderUtils.render(component["render"])}

{reflex-0.8.10 → reflex-0.8.11}/reflex/components/component.py

@@ -37,12 +37,13 @@ from reflex.constants import (
     PageNames,
 )
 from reflex.constants.compiler import SpecialAttributes
-from reflex.constants.state import FRONTEND_EVENT_STATE, MEMO_MARKER
+from reflex.constants.state import CAMEL_CASE_MEMO_MARKER, FRONTEND_EVENT_STATE
 from reflex.event import (
     EventCallback,
     EventChain,
     EventHandler,
     EventSpec,
+    args_specs_from_fields,
     no_args_event_spec,
     parse_args_spec,
     pointer_event_spec,
@@ -143,14 +144,6 @@ class BaseComponentMeta(FieldBasedMeta, ABCMeta):
         _fields: Mapping[str, ComponentField]
         _js_fields: Mapping[str, ComponentField]
 
-    @classmethod
-    def _resolve_annotations(
-        cls, namespace: dict[str, Any], name: str
-    ) -> dict[str, Any]:
-        return types.resolve_annotations(
-            namespace.get("__annotations__", {}), namespace["__module__"]
-        )
-
     @classmethod
     def _process_annotated_fields(
         cls,
@@ -909,18 +902,7 @@ class Component(BaseComponent, ABC):
         """
         # Look for component specific triggers,
         # e.g. variable declared as EventHandler types.
-        return DEFAULT_TRIGGERS | {
-            name: (
-                metadata[0]
-                if (
-                    (metadata := getattr(field.annotated_type, "__metadata__", None))
-                    is not None
-                )
-                else no_args_event_spec
-            )
-            for name, field in cls.get_fields().items()
-            if field.type_origin is EventHandler
-        }  # pyright: ignore [reportOperatorIssue]
+        return DEFAULT_TRIGGERS | args_specs_from_fields(cls.get_fields())  # pyright: ignore [reportOperatorIssue]
 
     def __repr__(self) -> str:
         """Represent the component in React.
@@ -1983,7 +1965,7 @@ class CustomComponent(Component):
 
         super()._post_init(
             event_triggers={
-                key + MEMO_MARKER: EventChain.create(
+                key: EventChain.create(
                     value=props[key],
                     args_spec=get_args_spec(key),
                     key=key,
@@ -1994,9 +1976,7 @@ class CustomComponent(Component):
         )
 
         to_camel_cased_props = {
-            format.to_camel_case(key + MEMO_MARKER): None
-            for key in props
-            if key not in event_types
+            format.to_camel_case(key): None for key in props if key not in event_types
         }
         self.get_props = lambda: to_camel_cased_props  # pyright: ignore [reportIncompatibleVariableOverride]
 
@@ -2011,7 +1991,7 @@ class CustomComponent(Component):
             if key not in props_types:
                 continue
 
-            camel_cased_key = format.to_camel_case(key + MEMO_MARKER)
+            camel_cased_key = format.to_camel_case(key)
 
             # Get the type based on the annotation.
             type_ = props_types[key]
@@ -2101,11 +2081,13 @@ class CustomComponent(Component):
         """
         return [
             Var(
-                _js_expr=name,
+                _js_expr=name + CAMEL_CASE_MEMO_MARKER,
                 _var_type=(prop._var_type if isinstance(prop, Var) else type(prop)),
             ).guess_type()
             if isinstance(prop, Var) or not isinstance(prop, EventChain)
-            else CustomComponent._get_event_spec_from_args_spec(name, prop)
+            else CustomComponent._get_event_spec_from_args_spec(
+                name + CAMEL_CASE_MEMO_MARKER, prop
+            )
             for name, prop in self.props.items()
         ]
 

{reflex-0.8.10 → reflex-0.8.11}/reflex/components/core/upload.py

@@ -35,6 +35,7 @@ from reflex.utils import format
 from reflex.utils.imports import ImportVar
 from reflex.vars import VarData
 from reflex.vars.base import Var, get_unique_variable_name
+from reflex.vars.function import FunctionVar
 from reflex.vars.sequence import LiteralStringVar
 
 DEFAULT_UPLOAD_ID: str = "default"
@@ -111,8 +112,7 @@ def clear_selected_files(id_: str = DEFAULT_UPLOAD_ID) -> EventSpec:
     # UploadFilesProvider assigns a special function to clear selected files
     # into the shared global refs object to make it accessible outside a React
     # component via `run_script` (otherwise backend could never clear files).
-    func = Var("__clear_selected_files")._as_ref()
-    return run_script(f"{func}({id_!r})")
+    return run_script(Var("__clear_selected_files")._as_ref().to(FunctionVar).call(id_))
 
 
 def cancel_upload(upload_id: str) -> EventSpec:

{reflex-0.8.10 → reflex-0.8.11}/reflex/components/datadisplay/code.py

@@ -382,7 +382,7 @@ for theme_name in dir(Theme):
 class CodeBlock(Component, MarkdownComponentMap):
     """A code block."""
 
-    library = "react-syntax-highlighter@15.6.1"
+    library = "react-syntax-highlighter@15.6.6"
 
     tag = "PrismAsyncLight"
 
@@ -412,7 +412,7 @@ class CodeBlock(Component, MarkdownComponentMap):
     )
 
     # Props passed down to the code tag.
-    code_tag_props: Var[dict[str, str]]
+    code_tag_props: Var[dict[str, str | dict[str, str]]]
 
     # Whether a copy button should appear.
     can_copy: bool | None = field(

{reflex-0.8.10 → reflex-0.8.11}/reflex/components/datadisplay/code.pyi

@@ -926,7 +926,9 @@ class CodeBlock(Component, MarkdownComponentMap):
         starting_line_number: Var[int] | int | None = None,
         wrap_long_lines: Var[bool] | bool | None = None,
         custom_style: dict[str, str | Var | Color] | None = None,
-        code_tag_props: Var[dict[str, str]] | dict[str, str] | None = None,
+        code_tag_props: Var[dict[str, dict[str, str] | str]]
+        | dict[str, dict[str, str] | str]
+        | None = None,
         can_copy: bool | None = None,
         copy_button: Component | bool | None = None,
         style: Sequence[Mapping[str, Any]]
@@ -1562,7 +1564,9 @@ class CodeblockNamespace(ComponentNamespace):
         starting_line_number: Var[int] | int | None = None,
         wrap_long_lines: Var[bool] | bool | None = None,
         custom_style: dict[str, str | Var | Color] | None = None,
-        code_tag_props: Var[dict[str, str]] | dict[str, str] | None = None,
+        code_tag_props: Var[dict[str, dict[str, str] | str]]
+        | dict[str, dict[str, str] | str]
+        | None = None,
         can_copy: bool | None = None,
         copy_button: Component | bool | None = None,
         style: Sequence[Mapping[str, Any]]

{reflex-0.8.10 → reflex-0.8.11}/reflex/components/field.py

@@ -6,6 +6,8 @@ from collections.abc import Callable
 from dataclasses import _MISSING_TYPE, MISSING
 from typing import Annotated, Any, Generic, TypeVar, get_origin
 
+from reflex.utils import types
+
 FIELD_TYPE = TypeVar("FIELD_TYPE")
 
 
@@ -114,7 +116,9 @@ class FieldBasedMeta(type):
     def _resolve_annotations(
         cls, namespace: dict[str, Any], name: str
     ) -> dict[str, Any]:
-        return namespace.get("__annotations__", {})
+        return types.resolve_annotations(
+            namespace.get("__annotations__", {}), namespace["__module__"]
+        )
 
     @classmethod
     def _process_field_overrides(

{reflex-0.8.10 → reflex-0.8.11}/reflex/components/lucide/icon.py

@@ -6,7 +6,7 @@ from reflex.utils.imports import ImportVar
 from reflex.vars.base import LiteralVar, Var
 from reflex.vars.sequence import LiteralStringVar, StringVar
 
-LUCIDE_LIBRARY = "lucide-react@0.542.0"
+LUCIDE_LIBRARY = "lucide-react@0.543.0"
 
 
 class LucideIconComponent(Component):
@@ -921,6 +921,7 @@ LUCIDE_ICON_LIST = [
     "hospital",
     "hotel",
     "hourglass",
+    "house_heart",
     "house_plug",
     "house_plus",
     "house_wifi",

{reflex-0.8.10 → reflex-0.8.11}/reflex/components/lucide/icon.pyi

@@ -11,7 +11,7 @@ from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType, PointerEventInfo
 from reflex.vars.base import Var
 
-LUCIDE_LIBRARY = "lucide-react@0.542.0"
+LUCIDE_LIBRARY = "lucide-react@0.543.0"
 
 class LucideIconComponent(Component):
     @classmethod
@@ -986,6 +986,7 @@ LUCIDE_ICON_LIST = [
     "hospital",
     "hotel",
     "hourglass",
+    "house_heart",
     "house_plug",
     "house_plus",
     "house_wifi",

{reflex-0.8.10 → reflex-0.8.11}/reflex/components/props.py

@@ -9,6 +9,7 @@ from typing import Any, TypeVar, get_args, get_origin
 from typing_extensions import dataclass_transform
 
 from reflex.components.field import BaseField, FieldBasedMeta
+from reflex.event import EventChain, args_specs_from_fields
 from reflex.utils import format
 from reflex.utils.exceptions import InvalidPropValueError
 from reflex.utils.serializers import serializer
@@ -267,6 +268,20 @@ class PropsBase(metaclass=PropsBaseMeta):
                     setattr(self, field_name, field.default_factory())
                 # Note: Fields with no default and no factory remain unset (required fields)
 
+        # Convert EventHandler to EventChain
+        args_specs = args_specs_from_fields(self.get_fields())
+        for handler_name, args_spec in args_specs.items():
+            if (handler := getattr(self, handler_name, None)) is not None:
+                setattr(
+                    self,
+                    handler_name,
+                    EventChain.create(
+                        value=handler,
+                        args_spec=args_spec,
+                        key=handler_name,
+                    ),
+                )
+
     @classmethod
     def get_fields(cls) -> dict[str, Any]:
         """Get the fields of the object.

{reflex-0.8.10 → reflex-0.8.11}/reflex/components/recharts/recharts.py

@@ -8,7 +8,7 @@ from reflex.components.component import Component, MemoizationLeaf, NoSSRCompone
 class Recharts(Component):
     """A component that wraps a recharts lib."""
 
-    library = "recharts@3.1.2"
+    library = "recharts@3.2.0"
 
     def _get_style(self) -> dict:
         return {"wrapperStyle": self.style}
@@ -17,7 +17,7 @@ class Recharts(Component):
 class RechartsCharts(NoSSRComponent, MemoizationLeaf):
     """A component that wraps a recharts lib."""
 
-    library = "recharts@3.1.2"
+    library = "recharts@3.2.0"
 
 
 LiteralAnimationEasing = Literal["ease", "ease-in", "ease-out", "ease-in-out", "linear"]

{reflex-0.8.10 → reflex-0.8.11}/reflex/constants/installer.py

@@ -143,11 +143,11 @@ class PackageJson(SimpleNamespace):
         "postcss-import": "16.1.1",
         "@react-router/dev": _react_router_version,
         "@react-router/fs-routes": _react_router_version,
-        "vite": "npm:rolldown-vite@7.1.5",
+        "vite": "npm:rolldown-vite@7.1.8",
     }
     OVERRIDES = {
         # This should always match the `react` version in DEPENDENCIES for recharts compatibility.
         "react-is": _react_version,
         "cookie": "1.0.2",
-        "vite": "npm:rolldown-vite@7.1.5",
+        "vite": "npm:rolldown-vite@7.1.8",
     }

{reflex-0.8.10 → reflex-0.8.11}/reflex/constants/state.py

@@ -16,3 +16,4 @@ FRONTEND_EVENT_STATE = "__reflex_internal_frontend_event_state"
 
 FIELD_MARKER = "_rx_state_"
 MEMO_MARKER = "_rx_memo_"
+CAMEL_CASE_MEMO_MARKER = "RxMemo"

{reflex-0.8.10 → reflex-0.8.11}/reflex/event.py

@@ -26,6 +26,7 @@ from typing import (
 from typing_extensions import Self, TypeAliasType, TypedDict, TypeVarTuple, Unpack
 
 from reflex import constants
+from reflex.components.field import BaseField
 from reflex.constants.compiler import CompileVars, Hooks, Imports
 from reflex.constants.state import FRONTEND_EVENT_STATE
 from reflex.utils import format
@@ -1684,6 +1685,31 @@ def parse_args_spec(arg_spec: ArgsSpec | Sequence[ArgsSpec]):
     ), annotations
 
 
+def args_specs_from_fields(
+    fields_dict: Mapping[str, BaseField],
+) -> dict[str, ArgsSpec | Sequence[ArgsSpec]]:
+    """Get the event triggers and arg specs from the given fields.
+
+    Args:
+        fields_dict: The fields, keyed by name
+
+    Returns:
+        The args spec for any field annotated as EventHandler.
+    """
+    return {
+        name: (
+            metadata[0]
+            if (
+                (metadata := getattr(field.annotated_type, "__metadata__", None))
+                is not None
+            )
+            else no_args_event_spec
+        )
+        for name, field in fields_dict.items()
+        if field.type_origin is EventHandler
+    }
+
+
 def check_fn_match_arg_spec(
     user_func: Callable,
     user_func_parameters: Mapping[str, inspect.Parameter],
@@ -2436,6 +2462,7 @@ class EventNamespace:
     check_fn_match_arg_spec = staticmethod(check_fn_match_arg_spec)
     resolve_annotation = staticmethod(resolve_annotation)
     parse_args_spec = staticmethod(parse_args_spec)
+    args_specs_from_fields = staticmethod(args_specs_from_fields)
     unwrap_var_annotation = staticmethod(unwrap_var_annotation)
     get_fn_signature = staticmethod(get_fn_signature)
 

{reflex-0.8.10 → reflex-0.8.11}/reflex/plugins/tailwind_v4.py

@@ -17,7 +17,7 @@ class Constants(SimpleNamespace):
     """Tailwind constants."""
 
     # The Tailwindcss version
-    VERSION = "tailwindcss@4.1.12"
+    VERSION = "tailwindcss@4.1.13"
     # The Tailwind config.
     CONFIG = "tailwind.config.js"
     # Default Tailwind content paths
@@ -156,7 +156,7 @@ class TailwindV4Plugin(TailwindPlugin):
         return [
             *super().get_frontend_development_dependencies(**context),
             Constants.VERSION,
-            "@tailwindcss/postcss@4.1.12",
+            "@tailwindcss/postcss@4.1.13",
         ]
 
     def pre_compile(self, **context):