reflex 0.7.14a6__py3-none-any.whl → 0.8.0a2__py3-none-any.whl

reflex/components/recharts/general.pyi

@@ -9,7 +9,7 @@ from typing import Any, Literal, overload
 from reflex.components.component import MemoizationLeaf
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.constants.colors import Color
-from reflex.event import EventType
+from reflex.event import EventType, PointerEventInfo
 from reflex.vars.base import Var
 
 from .recharts import Recharts
@@ -38,9 +38,9 @@ class ResponsiveContainer(Recharts, MemoizationLeaf):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: 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,
@@ -52,6 +52,7 @@ class ResponsiveContainer(Recharts, MemoizationLeaf):
         on_mouse_up: EventType[()] | None = None,
         on_resize: EventType[()] | None = None,
         on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
         on_unmount: EventType[()] | None = None,
         **props,
     ) -> ResponsiveContainer:
@@ -141,8 +142,8 @@ class Legend(Recharts):
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | 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,
@@ -153,6 +154,7 @@ class Legend(Recharts):
         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,
     ) -> Legend:
@@ -230,9 +232,9 @@ class GraphingTooltip(Recharts):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: 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,
@@ -243,6 +245,7 @@ class GraphingTooltip(Recharts):
         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,
     ) -> GraphingTooltip:
@@ -343,9 +346,9 @@ class Label(Recharts):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: 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,
@@ -356,6 +359,7 @@ class Label(Recharts):
         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,
     ) -> Label:
@@ -445,9 +449,9 @@ class LabelList(Recharts):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: 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,
@@ -458,6 +462,7 @@ class LabelList(Recharts):
         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,
     ) -> LabelList:
@@ -503,9 +508,9 @@ class Cell(Recharts):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: 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,
@@ -516,6 +521,7 @@ class Cell(Recharts):
         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,
     ) -> Cell:

reflex/components/recharts/polar.py

@@ -95,7 +95,8 @@ class Pie(Recharts):
     # The tabindex of wrapper surrounding the cells. Default: 0
     root_tab_index: Var[int]
 
-    def get_event_triggers(self) -> dict[str, Var | Any]:
+    @classmethod
+    def get_event_triggers(cls) -> dict[str, Var | Any]:
         """Get the event triggers that pass the component's value to the handler.
 
         Returns:
@@ -159,7 +160,8 @@ class Radar(Recharts):
     # Valid children components
     _valid_children: ClassVar[list[str]] = ["LabelList"]
 
-    def get_event_triggers(self) -> dict[str, Var | Any]:
+    @classmethod
+    def get_event_triggers(cls) -> dict[str, Var | Any]:
         """Get the event triggers that pass the component's value to the handler.
 
         Returns:
@@ -211,7 +213,8 @@ class RadialBar(Recharts):
     # Valid children components
     _valid_children: ClassVar[list[str]] = ["Cell", "LabelList"]
 
-    def get_event_triggers(self) -> dict[str, Var | Any]:
+    @classmethod
+    def get_event_triggers(cls) -> dict[str, Var | Any]:
         """Get the event triggers that pass the component's value to the handler.
 
         Returns:
@@ -384,7 +387,8 @@ class PolarRadiusAxis(Recharts):
     # The stroke color of axis. Default: rx.color("gray", 10)
     stroke: Var[str | Color] = LiteralVar.create(Color("gray", 10))
 
-    def get_event_triggers(self) -> dict[str, Var | Any]:
+    @classmethod
+    def get_event_triggers(cls) -> dict[str, Var | Any]:
         """Get the event triggers that pass the component's value to the handler.
 
         Returns:

reflex/components/recharts/polar.pyi

@@ -8,13 +8,14 @@ from typing import Any, Literal, overload
 
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.constants.colors import Color
-from reflex.event import EventType
+from reflex.event import EventType, PointerEventInfo
 from reflex.vars.base import Var
 
 from .recharts import Recharts
 
 class Pie(Recharts):
-    def get_event_triggers(self) -> dict[str, Var | Any]: ...
+    @classmethod
+    def get_event_triggers(cls) -> dict[str, Var | Any]: ...
     @overload
     @classmethod
     def create(  # type: ignore
@@ -133,7 +134,8 @@ class Pie(Recharts):
         """
 
 class Radar(Recharts):
-    def get_event_triggers(self) -> dict[str, Var | Any]: ...
+    @classmethod
+    def get_event_triggers(cls) -> dict[str, Var | Any]: ...
     @overload
     @classmethod
     def create(  # type: ignore
@@ -228,7 +230,8 @@ class Radar(Recharts):
         """
 
 class RadialBar(Recharts):
-    def get_event_triggers(self) -> dict[str, Var | Any]: ...
+    @classmethod
+    def get_event_triggers(cls) -> dict[str, Var | Any]: ...
     @overload
     @classmethod
     def create(  # type: ignore
@@ -357,8 +360,8 @@ class PolarAngleAxis(Recharts):
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
         on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: EventType[()] | 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,
@@ -369,6 +372,7 @@ class PolarAngleAxis(Recharts):
         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,
     ) -> PolarAngleAxis:
@@ -437,9 +441,9 @@ class PolarGrid(Recharts):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: 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,
@@ -450,6 +454,7 @@ class PolarGrid(Recharts):
         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,
     ) -> PolarGrid:
@@ -479,7 +484,8 @@ class PolarGrid(Recharts):
         """
 
 class PolarRadiusAxis(Recharts):
-    def get_event_triggers(self) -> dict[str, Var | Any]: ...
+    @classmethod
+    def get_event_triggers(cls) -> dict[str, Var | Any]: ...
     @overload
     @classmethod
     def create(  # type: ignore

reflex/components/recharts/recharts.pyi

@@ -8,7 +8,7 @@ from typing import Any, Literal, overload
 
 from reflex.components.component import Component, MemoizationLeaf, NoSSRComponent
 from reflex.components.core.breakpoints import Breakpoints
-from reflex.event import EventType
+from reflex.event import EventType, PointerEventInfo
 from reflex.vars.base import Var
 
 class Recharts(Component):
@@ -29,9 +29,9 @@ class Recharts(Component):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: 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,
@@ -42,6 +42,7 @@ class Recharts(Component):
         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,
     ) -> Recharts:
@@ -80,9 +81,9 @@ class RechartsCharts(NoSSRComponent, MemoizationLeaf):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: 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,
@@ -93,6 +94,7 @@ class RechartsCharts(NoSSRComponent, MemoizationLeaf):
         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,
     ) -> RechartsCharts:

reflex/components/sonner/toast.py

@@ -7,7 +7,7 @@ from typing import Any, Literal
 from reflex.base import Base
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.lucide.icon import Icon
-from reflex.components.props import NoExtrasAllowedProps, PropsBase
+from reflex.components.props import NoExtrasAllowedProps
 from reflex.constants.base import Dirs
 from reflex.event import EventSpec, run_script
 from reflex.style import Style, resolved_color_mode
@@ -74,7 +74,7 @@ def _toast_callback_signature(toast: Var) -> list[Var]:
     ]
 
 
-class ToastProps(PropsBase, NoExtrasAllowedProps):
+class ToastProps(NoExtrasAllowedProps):
     """Props for the toast component."""
 
     # Toast's title, renders above the description.

reflex/components/sonner/toast.pyi

@@ -3,16 +3,16 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
+import dataclasses
 from collections.abc import Mapping, Sequence
 from typing import Any, Literal, overload
 
-from reflex.base import Base
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.lucide.icon import Icon
-from reflex.components.props import NoExtrasAllowedProps, PropsBase
+from reflex.components.props import NoExtrasAllowedProps
 from reflex.constants.base import Dirs
-from reflex.event import EventSpec, EventType
+from reflex.event import EventSpec, EventType, PointerEventInfo
 from reflex.style import Style
 from reflex.utils.imports import ImportVar
 from reflex.utils.serializers import serializer
@@ -32,14 +32,15 @@ toast_ref = Var(
     _var_data=VarData(imports={f"$/{Dirs.STATE_PATH}": [ImportVar(tag="refs")]}),
 )
 
-class ToastAction(Base):
+@dataclasses.dataclass
+class ToastAction:
     label: str
     on_click: Any
 
 @serializer
 def serialize_action(action: ToastAction) -> dict: ...
 
-class ToastProps(PropsBase, NoExtrasAllowedProps):
+class ToastProps(NoExtrasAllowedProps):
     title: str | Var | None
     description: str | Var | None
     close_button: bool | None
@@ -131,9 +132,9 @@ class Toaster(Component):
         autofocus: bool | None = None,
         custom_attrs: dict[str, Var | Any] | None = None,
         on_blur: EventType[()] | None = None,
-        on_click: EventType[()] | None = None,
-        on_context_menu: EventType[()] | None = None,
-        on_double_click: 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,
@@ -144,6 +145,7 @@ class Toaster(Component):
         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,
     ) -> Toaster:

reflex/config.py

@@ -22,7 +22,7 @@ from reflex.environment import EnvVar as EnvVar
 from reflex.environment import ExistingPath, interpret_env_var_value
 from reflex.environment import env_var as env_var
 from reflex.environment import environment as environment
-from reflex.plugins import Plugin, TailwindV3Plugin, TailwindV4Plugin
+from reflex.plugins import Plugin
 from reflex.utils import console
 from reflex.utils.exceptions import ConfigError
 from reflex.utils.types import true_type_for_pydantic_field
@@ -53,19 +53,7 @@ def _load_dotenv_from_str(env_files: str) -> None:
 
 def _load_dotenv_from_env():
     """Load environment variables from paths specified in REFLEX_ENV_FILE."""
-    show_deprecation = False
     env_env_file = os.environ.get("REFLEX_ENV_FILE")
-    if not env_env_file:
-        env_env_file = os.environ.get("ENV_FILE")
-        if env_env_file:
-            show_deprecation = True
-    if show_deprecation:
-        console.deprecate(
-            "Usage of deprecated ENV_FILE env var detected.",
-            reason="Prefer `REFLEX_` prefix when setting env vars.",
-            deprecation_version="0.7.13",
-            removal_version="0.8.0",
-        )
     if env_env_file:
         _load_dotenv_from_str(env_env_file)
 
@@ -261,36 +249,12 @@ class Config(Base):
     # List of origins that are allowed to connect to the backend API.
     cors_allowed_origins: list[str] = ["*"]
 
-    # Tailwind config.
-    tailwind: dict[str, Any] | None = {"plugins": ["@tailwindcss/typography"]}
-
-    # DEPRECATED. Timeout when launching the gunicorn server.
-    timeout: int | None = None
-
-    # Whether to enable or disable nextJS gzip compression.
-    next_compression: bool = True
-
-    # Whether to enable or disable NextJS dev indicator.
-    next_dev_indicators: bool = False
-
-    # Whether to use React strict mode in nextJS
+    # Whether to use React strict mode.
     react_strict_mode: bool = True
 
     # Additional frontend packages to install.
     frontend_packages: list[str] = []
 
-    # DEPRECATED. The worker class used in production mode
-    gunicorn_worker_class: str = "uvicorn.workers.UvicornH11Worker"
-
-    # DEPRECATED. Number of gunicorn workers from user
-    gunicorn_workers: int | None = None
-
-    # DEPRECATED. Number of requests before a worker is restarted; set to 0 to disable
-    gunicorn_max_requests: int | None = None
-
-    # DEPRECATED. Variance limit for max requests; gunicorn only
-    gunicorn_max_requests_jitter: int | None = None
-
     # Indicate which type of state manager to use
     state_manager_mode: constants.StateManagerMode = constants.StateManagerMode.DISK
 
@@ -339,25 +303,12 @@ class Config(Base):
         super().__init__(*args, **kwargs)
 
         # Clean up this code when we remove plain envvar in 0.8.0
-        show_deprecation = False
         env_loglevel = os.environ.get("REFLEX_LOGLEVEL")
-        if not env_loglevel:
-            env_loglevel = os.environ.get("LOGLEVEL")
-            if env_loglevel:
-                show_deprecation = True
         if env_loglevel is not None:
             env_loglevel = LogLevel(env_loglevel.lower())
         if env_loglevel or self.loglevel != LogLevel.DEFAULT:
             console.set_log_level(env_loglevel or self.loglevel)
 
-        if show_deprecation:
-            console.deprecate(
-                "Usage of deprecated LOGLEVEL env var detected.",
-                reason="Prefer `REFLEX_` prefix when setting env vars.",
-                deprecation_version="0.7.13",
-                removal_version="0.8.0",
-            )
-
         # Update the config from environment variables.
         env_kwargs = self.update_from_env()
         for key, env_value in env_kwargs.items():
@@ -368,23 +319,6 @@ class Config(Base):
         self._non_default_attributes.update(kwargs)
         self._replace_defaults(**kwargs)
 
-        if self.tailwind is not None and not any(
-            isinstance(plugin, (TailwindV3Plugin, TailwindV4Plugin))
-            for plugin in self.plugins
-        ):
-            console.deprecate(
-                "Inferring tailwind usage",
-                reason="""
-
-If you are using tailwind, add `rx.plugins.TailwindV3Plugin()` to the `plugins=[]` in rxconfig.py.
-
-If you are not using tailwind, set `tailwind` to `None` in rxconfig.py.""",
-                deprecation_version="0.7.13",
-                removal_version="0.8.0",
-                dedupe=True,
-            )
-            self.plugins.append(TailwindV3Plugin())
-
         if (
             self.state_manager_mode == constants.StateManagerMode.REDIS
             and not self.redis_url
@@ -430,18 +364,10 @@ If you are not using tailwind, set `tailwind` to `None` in rxconfig.py.""",
         # Iterate over the fields.
         for key, field in self.__fields__.items():
             # The env var name is the key in uppercase.
+            environment_variable = None
             for prefix in self._prefixes:
                 if environment_variable := os.environ.get(f"{prefix}{key.upper()}"):
                     break
-            else:
-                # Default to non-prefixed env var if other are not found.
-                if environment_variable := os.environ.get(key.upper()):
-                    console.deprecate(
-                        f"Usage of deprecated {key.upper()} env var detected.",
-                        reason=f"Prefer `{self._prefixes[0]}` prefix when setting env vars.",
-                        deprecation_version="0.7.13",
-                        removal_version="0.8.0",
-                    )
 
             # If the env var is set, override the config value.
             if environment_variable and environment_variable.strip():

reflex/constants/__init__.py

@@ -16,8 +16,8 @@ from .base import (
     Dirs,
     Env,
     LogLevel,
-    Next,
     Ping,
+    ReactRouter,
     Reflex,
     ReflexHostingCLI,
     Templates,
@@ -100,13 +100,13 @@ __all__ = [
     "LogLevel",
     "MemoizationDisposition",
     "MemoizationMode",
-    "Next",
     "Node",
     "PackageJson",
     "Page404",
     "PageNames",
     "Ping",
     "PyprojectToml",
+    "ReactRouter",
     "Reflex",
     "RequirementsTxt",
     "RouteArgType",

reflex/constants/base.py

@@ -22,7 +22,7 @@ class Dirs(SimpleNamespace):
     """Various directories/paths used by Reflex."""
 
     # The frontend directories in a project.
-    # The web folder where the NextJS app is compiled to.
+    # The web folder where the frontend app is compiled to.
     WEB = ".web"
     # The directory where uploaded files are stored.
     UPLOADED_FILES = "uploaded_files"
@@ -38,14 +38,18 @@ class Dirs(SimpleNamespace):
     COMPONENTS_PATH = UTILS + "/components"
     # The name of the contexts file.
     CONTEXTS_PATH = UTILS + "/context"
-    # The name of the output static directory.
-    STATIC = "_static"
+    # The name of the output directory.
+    BUILD_DIR = "build"
+    # The name of the static files directory.
+    STATIC = BUILD_DIR + "/client"
     # The name of the public html directory served at "/"
     PUBLIC = "public"
     # The directory where styles are located.
     STYLES = "styles"
     # The name of the pages directory.
-    PAGES = "pages"
+    PAGES = "app"
+    # The name of the routes directory.
+    ROUTES = "routes"
     # The name of the env json file.
     ENV_JSON = "env.json"
     # The name of the reflex json file.
@@ -194,19 +198,32 @@ class Templates(SimpleNamespace):
         CODE = "code"
 
 
-class Next(SimpleNamespace):
-    """Constants related to NextJS."""
+class Javascript(SimpleNamespace):
+    """Constants related to Javascript."""
 
-    # The NextJS config file
-    CONFIG_FILE = "next.config.js"
-    # The sitemap config file.
-    SITEMAP_CONFIG_FILE = "next-sitemap.config.js"
     # The node modules directory.
     NODE_MODULES = "node_modules"
+
     # The package lock file.
     PACKAGE_LOCK = "package-lock.json"
+
+
+class ReactRouter(Javascript):
+    """Constants related to React Router."""
+
+    # The react router config file
+    CONFIG_FILE = "react-router.config.js"
+
     # Regex to check for message displayed when frontend comes up
-    FRONTEND_LISTENING_REGEX = "Local:[\\s]+(.*)"
+    DEV_FRONTEND_LISTENING_REGEX = r"Local:[\s]+"
+
+    # Regex to pattern the route path in the config file
+    # INFO  Accepting connections at http://localhost:3000
+    PROD_FRONTEND_LISTENING_REGEX = r"Accepting connections at[\s]+"
+
+    FRONTEND_LISTENING_REGEX = (
+        rf"(?:{DEV_FRONTEND_LISTENING_REGEX}|{PROD_FRONTEND_LISTENING_REGEX})(.*)"
+    )
 
 
 # Color mode variables

reflex/constants/compiler.py

@@ -20,6 +20,8 @@ class Ext(SimpleNamespace):
 
     # The extension for JS files.
     JS = ".js"
+    # The extension for JSX files.
+    JSX = ".jsx"
     # The extension for python files.
     PY = ".py"
     # The extension for css files.
@@ -78,16 +80,16 @@ class CompileVars(SimpleNamespace):
 
 
 class PageNames(SimpleNamespace):
-    """The name of basic pages deployed in NextJS."""
+    """The name of basic pages deployed in the frontend."""
 
     # The name of the index page.
     INDEX_ROUTE = "index"
     # The name of the app root page.
-    APP_ROOT = "_app"
+    APP_ROOT = "root.js"
     # The root stylesheet filename.
     STYLESHEET_ROOT = "__reflex_global_styles"
     # The name of the document root page.
-    DOCUMENT_ROOT = "_document"
+    DOCUMENT_ROOT = "_document.js"
     # The name of the theme page.
     THEME = "theme"
     # The module containing components.

reflex/constants/event.py

@@ -91,6 +91,7 @@ class EventTriggers(SimpleNamespace):
     ON_POINTER_DOWN_OUTSIDE = "on_pointer_down_outside"
     ON_INTERACT_OUTSIDE = "on_interact_outside"
     ON_SCROLL = "on_scroll"
+    ON_SCROLL_END = "on_scroll_end"
     ON_SUBMIT = "on_submit"
     ON_MOUNT = "on_mount"
     ON_UNMOUNT = "on_unmount"