reflex 0.8.4a2__tar.gz → 0.8.5__tar.gz

{reflex-0.8.4a2 → reflex-0.8.5}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex
-Version: 0.8.4a2
+Version: 0.8.5
 Summary: Web apps in pure Python.
 Project-URL: homepage, https://reflex.dev
 Project-URL: repository, https://github.com/reflex-dev/reflex
@@ -30,7 +30,7 @@ Requires-Dist: pydantic<3.0,>=1.10.21
 Requires-Dist: python-multipart<1.0,>=0.0.20
 Requires-Dist: python-socketio<6.0,>=5.12.0
 Requires-Dist: redis<7.0,>=5.2.1
-Requires-Dist: reflex-hosting-cli>=0.1.51
+Requires-Dist: reflex-hosting-cli>=0.1.53
 Requires-Dist: rich<15,>=13
 Requires-Dist: sqlmodel<0.1,>=0.0.24
 Requires-Dist: starlette>=0.47.0

{reflex-0.8.4a2 → reflex-0.8.5}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.8.4a2"
+version = "0.8.5"
 description = "Web apps in pure Python."
 license.text = "Apache-2.0"
 authors = [
@@ -32,7 +32,7 @@ dependencies = [
   "python-multipart >=0.0.20,<1.0",
   "python-socketio >=5.12.0,<6.0",
   "redis >=5.2.1,<7.0",
-  "reflex-hosting-cli >=0.1.51",
+  "reflex-hosting-cli >=0.1.53",
   "rich >=13,<15",
   "sqlmodel >=0.0.24,<0.1",
   "starlette >=0.47.0",
@@ -227,7 +227,7 @@ fail_fast = true
 
 [[tool.pre-commit.repos]]
 repo = "https://github.com/astral-sh/ruff-pre-commit"
-rev = "v0.12.3"
+rev = "v0.12.5"
 hooks = [
   { id = "ruff-format", args = [
     "reflex",

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/__init__.py

@@ -84,20 +84,11 @@ In the example above, you will be able to do `rx.list`
 
 from __future__ import annotations
 
-from types import ModuleType
-from typing import Any
-
 from reflex.utils import (
     compat,  # for side-effects
     lazy_loader,
 )
 
-from .event import event as event
-
-# import this here explicitly to avoid returning the page module since page attr has the
-# same name as page module(page.py)
-from .page import page as page
-
 # Remove the `compat` name from the namespace, it was imported for side-effects only.
 del compat
 
@@ -301,6 +292,7 @@ _MAPPING: dict = {
     "constants": ["Env"],
     "constants.colors": ["Color"],
     "event": [
+        "event",
         "EventChain",
         "EventHandler",
         "call_script",
@@ -331,6 +323,7 @@ _MAPPING: dict = {
     ],
     "middleware": ["middleware", "Middleware"],
     "model": ["asession", "session", "Model"],
+    "page": ["page"],
     "state": [
         "var",
         "ComponentState",

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/__init__.pyi

@@ -130,6 +130,7 @@ from .event import (
     clear_session_storage,
     console_log,
     download,
+    event,
     noop,
     prevent_default,
     redirect,
@@ -145,13 +146,12 @@ from .event import (
     upload_files,
     window_alert,
 )
-from .event import event as event
 from .experimental import _x
 from .istate.storage import Cookie, LocalStorage, SessionStorage
 from .istate.wrappers import get_state
 from .middleware import Middleware, middleware
 from .model import Model, asession, session
-from .page import page as page
+from .page import page
 from .state import ComponentState, State, dynamic, var
 from .style import Style, toggle_color_mode
 from .utils.imports import ImportDict, ImportVar
@@ -256,6 +256,7 @@ __all__ = [
     "dropdown_menu",
     "dynamic",
     "el",
+    "event",
     "field",
     "flex",
     "foreach",
@@ -290,6 +291,7 @@ __all__ = [
     "moment",
     "noop",
     "ordered_list",
+    "page",
     "plotly",
     "plugins",
     "popover",

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/app.py

@@ -1186,8 +1186,8 @@ class App(MiddlewareMixin, LifespanMixin):
         progress.start()
         task = progress.add_task(
             f"[{get_compilation_time()}] Compiling:",
-            total=len(self._pages)
-            + (len(self._unevaluated_pages) * 2)
+            total=len(self._unevaluated_pages)
+            + ((len(self._unevaluated_pages) + len(self._pages)) * 3)
             + fixed_pages_within_executor
             + adhoc_steps_without_executor
             + plugin_count,
@@ -1272,14 +1272,17 @@ class App(MiddlewareMixin, LifespanMixin):
         all_imports.update(custom_components_imports)
         progress.advance(task)
 
-        # This has to happen before compiling stateful components as that
-        # prevents recursive functions from reaching all components.
-        for component in self._pages.values():
-            # Add component._get_all_imports() to all_imports.
-            all_imports.update(component._get_all_imports())
+        with console.timing("Collect all imports and app wraps"):
+            # This has to happen before compiling stateful components as that
+            # prevents recursive functions from reaching all components.
+            for component in self._pages.values():
+                # Add component._get_all_imports() to all_imports.
+                all_imports.update(component._get_all_imports())
 
-            # Add the app wrappers from this component.
-            app_wrappers.update(component._get_all_app_wrap_components())
+                # Add the app wrappers from this component.
+                app_wrappers.update(component._get_all_app_wrap_components())
+
+                progress.advance(task)
 
         # Perform auto-memoization of stateful components.
         with console.timing("Auto-memoize StatefulComponents"):
@@ -1287,7 +1290,10 @@ class App(MiddlewareMixin, LifespanMixin):
                 stateful_components_path,
                 stateful_components_code,
                 page_components,
-            ) = compiler.compile_stateful_components(self._pages.values())
+            ) = compiler.compile_stateful_components(
+                self._pages.values(),
+                progress_function=lambda task=task: progress.advance(task),
+            )
             progress.advance(task)
 
         # Catch "static" apps (that do not define a rx.State subclass) which are trying to access rx.State.

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/compiler/compiler.py

@@ -3,7 +3,7 @@
 from __future__ import annotations
 
 import sys
-from collections.abc import Iterable, Sequence
+from collections.abc import Callable, Iterable, Sequence
 from inspect import getmodule
 from pathlib import Path
 from typing import TYPE_CHECKING
@@ -588,6 +588,7 @@ def compile_components(
 
 def compile_stateful_components(
     pages: Iterable[Component],
+    progress_function: Callable[[], None],
 ) -> tuple[str, str, list[BaseComponent]]:
     """Separately compile components that depend on State vars.
 
@@ -597,14 +598,20 @@ def compile_stateful_components(
 
     Args:
         pages: The pages to extract stateful components from.
+        progress_function: A function to call to indicate progress, called once per page.
 
     Returns:
         The path and code of the compiled stateful components.
     """
     output_path = utils.get_stateful_components_path()
 
-    # Compile the stateful components.
-    page_components = [StatefulComponent.compile_from(page) or page for page in pages]
+    page_components = []
+    for page in pages:
+        # Compile the stateful components
+        page_component = StatefulComponent.compile_from(page) or page
+        progress_function()
+        page_components.append(page_component)
+
     code = _compile_stateful_components(page_components)
     return output_path, code, page_components
 

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/compiler/utils.py

@@ -23,8 +23,7 @@ from reflex.constants.state import FIELD_MARKER
 from reflex.istate.storage import Cookie, LocalStorage, SessionStorage
 from reflex.state import BaseState, _resolve_delta
 from reflex.style import Style
-from reflex.utils import console, format, imports, path_ops
-from reflex.utils.exec import is_in_app_harness
+from reflex.utils import format, imports, path_ops
 from reflex.utils.imports import ImportVar, ParsedImportDict
 from reflex.utils.prerequisites import get_web_dir
 from reflex.vars.base import Field, Var
@@ -201,16 +200,11 @@ def compile_state(state: type[BaseState]) -> dict:
     except RuntimeError:
         pass
     else:
-        if is_in_app_harness():
-            # Playwright tests already have an event loop running, so we can't use asyncio.run.
-            with concurrent.futures.ThreadPoolExecutor() as pool:
-                resolved_initial_state = pool.submit(
-                    asyncio.run, _resolve_delta(initial_state)
-                ).result()
-                console.warn(
-                    f"Had to get initial state in a thread 🤮 {resolved_initial_state}",
-                )
-                return _sorted_keys(resolved_initial_state)
+        with concurrent.futures.ThreadPoolExecutor() as pool:
+            resolved_initial_state = pool.submit(
+                asyncio.run, _resolve_delta(initial_state)
+            ).result()
+            return _sorted_keys(resolved_initial_state)
 
     # Normally the compile runs before any event loop starts, we asyncio.run is available for calling.
     return _sorted_keys(asyncio.run(_resolve_delta(initial_state)))

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/components/base/app_wrap.pyi

@@ -25,7 +25,6 @@ class AppWrap(Fragment):
         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,

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/components/base/body.pyi

@@ -203,7 +203,6 @@ class Body(elements.Body):
         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,
@@ -248,7 +247,6 @@ class Body(elements.Body):
             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.
 

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/components/base/document.pyi

@@ -25,7 +25,6 @@ class ReactRouterLib(Component):
         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,
@@ -54,7 +53,6 @@ class ReactRouterLib(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.
 
@@ -76,7 +74,6 @@ class Meta(ReactRouterLib):
         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,
@@ -105,7 +102,6 @@ class Meta(ReactRouterLib):
             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.
 
@@ -127,7 +123,6 @@ class Links(ReactRouterLib):
         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,
@@ -156,7 +151,6 @@ class Links(ReactRouterLib):
             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.
 
@@ -178,7 +172,6 @@ class ScrollRestoration(ReactRouterLib):
         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,
@@ -207,7 +200,6 @@ class ScrollRestoration(ReactRouterLib):
             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.
 
@@ -229,7 +221,6 @@ class Outlet(ReactRouterLib):
         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,
@@ -258,7 +249,6 @@ class Outlet(ReactRouterLib):
             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.
 
@@ -280,7 +270,6 @@ class Scripts(ReactRouterLib):
         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,
@@ -309,7 +298,6 @@ class Scripts(ReactRouterLib):
             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.
 

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/components/base/error_boundary.pyi

@@ -31,7 +31,6 @@ class ErrorBoundary(Component):
         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,
@@ -63,7 +62,6 @@ class ErrorBoundary(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.
 

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/components/base/fragment.pyi

@@ -25,7 +25,6 @@ class Fragment(Component):
         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,
@@ -54,7 +53,6 @@ class Fragment(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.
 

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/components/base/link.pyi

@@ -205,7 +205,6 @@ class RawLink(BaseHTML):
         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,
@@ -252,7 +251,6 @@ class RawLink(BaseHTML):
             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.
 
@@ -459,7 +457,6 @@ class ScriptTag(BaseHTML):
         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,
@@ -511,7 +508,6 @@ class ScriptTag(BaseHTML):
             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.
 

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/components/base/meta.pyi

@@ -27,7 +27,6 @@ class Title(elements.Title):
         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,
@@ -56,7 +55,6 @@ class Title(elements.Title):
             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.
 
@@ -261,7 +259,6 @@ class Description(elements.Meta):
         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,
@@ -311,7 +308,6 @@ class Description(elements.Meta):
             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.
 
@@ -516,7 +512,6 @@ class Image(elements.Meta):
         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,
@@ -566,7 +561,6 @@ class Image(elements.Meta):
             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.
 

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/components/base/script.py

@@ -39,7 +39,6 @@ class Script(elements.Script):
         key = props.pop("key", None)
         id = props.pop("id", None)
         class_name = props.pop("class_name", None)
-        autofocus = props.pop("autofocus", None)
         custom_attrs = props.pop("custom_attrs", None)
         on_mount = props.pop("on_mount", None)
         on_unmount = props.pop("on_unmount", None)
@@ -67,7 +66,6 @@ class Script(elements.Script):
                 key=key,
                 id=id,
                 class_name=class_name,
-                autofocus=autofocus,
                 custom_attrs=custom_attrs,
                 on_mount=on_mount,
                 on_unmount=on_unmount,

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/components/base/script.pyi

@@ -237,7 +237,6 @@ class Script(elements.Script):
         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,
@@ -290,7 +289,6 @@ class Script(elements.Script):
             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 properties of the element.
 

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/components/base/strict_mode.pyi

@@ -25,7 +25,6 @@ class StrictMode(Component):
         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,
@@ -54,7 +53,6 @@ class StrictMode(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.
 

{reflex-0.8.4a2 → reflex-0.8.5}/reflex/components/component.py

@@ -588,9 +588,6 @@ class Component(BaseComponent, ABC):
     # Special component props.
     special_props: list[Var] = field(default_factory=list, is_javascript_property=False)
 
-    # Whether the component should take the focus once the page is loaded
-    autofocus: bool = field(default=False, is_javascript_property=False)
-
     # components that cannot be children
     _invalid_children: ClassVar[list[str]] = []
 
@@ -964,7 +961,7 @@ class Component(BaseComponent, ABC):
         # Create the base tag.
         tag = Tag(
             name=name,
-            special_props=self.special_props,
+            special_props=self.special_props.copy(),
         )
 
         if props is None:
@@ -1274,9 +1271,7 @@ class Component(BaseComponent, ABC):
             tag.set(
                 children=[child.render() for child in self.children],
                 contents=str(tag.contents),
-                props=tag.format_props(),
-            ),
-            autofocus=self.autofocus,
+            )
         )
         self._replace_prop_names(rendered_dict)
         return rendered_dict
@@ -1435,7 +1430,6 @@ class Component(BaseComponent, ABC):
             self.class_name,
             self.id,
             self.key,
-            self.autofocus,
             *self.custom_attrs.values(),
         ):
             if isinstance(comp_prop, Var):
@@ -1627,15 +1621,6 @@ class Component(BaseComponent, ABC):
             # Handle hooks for `on_mount` / `on_unmount`.
             _imports.setdefault("react", set()).add(ImportVar(tag="useEffect"))
 
-        if self._get_special_hooks():
-            # Handle additional internal hooks (autofocus, etc).
-            _imports.setdefault("react", set()).update(
-                {
-                    ImportVar(tag="useRef"),
-                    ImportVar(tag="useEffect"),
-                },
-            )
-
         other_imports = []
         user_hooks = self._get_hooks()
         user_hooks_data = (
@@ -1781,18 +1766,6 @@ class Component(BaseComponent, ABC):
             else {}
         )
 
-    def _get_special_hooks(self) -> dict[str, VarData | None]:
-        """Get the hooks required by special actions referenced in this component.
-
-        Returns:
-            The hooks for special actions.
-        """
-        return (
-            {Hooks.AUTOFOCUS: VarData(position=Hooks.HookPosition.INTERNAL)}
-            if self.autofocus
-            else {}
-        )
-
     def _get_hooks_internal(self) -> dict[str, VarData | None]:
         """Get the React hooks for this component managed by the framework.
 
@@ -1810,7 +1783,6 @@ class Component(BaseComponent, ABC):
             },
             **self._get_vars_hooks(),
             **self._get_events_hooks(),
-            **self._get_special_hooks(),
         }
 
     def _get_added_hooks(self) -> dict[str, VarData | None]: