reflex 0.8.6a1__py3-none-any.whl → 0.8.7__py3-none-any.whl

reflex/.templates/jinja/web/vite.config.js.jinja2

@@ -25,13 +25,13 @@ function alwaysUseReactDomServerNode() {
 }
 
 export default defineConfig((config) => ({
-  base: "{{base}}",
   plugins: [
     alwaysUseReactDomServerNode(),
     reactRouter(),
     safariCacheBustPlugin(),
   ],
   build: {
+    assetsDir: "{{base}}assets".slice(1),
     rollupOptions: {
       jsx: {},
       output: {
@@ -46,6 +46,9 @@ export default defineConfig((config) => ({
       },
     },
   },
+  experimental: {
+    enableNativePlugin: false,
+  },
   server: {
     port: process.env.PORT,
     watch: {

reflex/.templates/web/app/routes.js

@@ -2,7 +2,6 @@ import { route } from "@react-router/dev/routes";
 import { flatRoutes } from "@react-router/fs-routes";
 
 export default [
-  route("404", "routes/[404]._index.jsx", { id: "404" }),
   ...(await flatRoutes({
     ignoredRouteFiles: ["routes/\\[404\\]._index.jsx"],
   })),

reflex/.templates/web/utils/state.js

@@ -969,17 +969,7 @@ export const useEventLoop = (
   useEffect(() => {
     if (!sentHydrate.current) {
       queueEvents(
-        initial_events().map((e) => ({
-          ...e,
-          router_data: {
-            pathname: location.pathname,
-            query: {
-              ...Object.fromEntries(searchParams.entries()),
-              ...params.current,
-            },
-            asPath: location.pathname + location.search,
-          },
-        })),
+        initial_events(),
         socket,
         true,
         navigate,

reflex/app.py

@@ -67,10 +67,6 @@ from reflex.components.core.banner import (
     connection_toaster,
 )
 from reflex.components.core.breakpoints import set_breakpoints
-from reflex.components.core.client_side_routing import (
-    default_404_page,
-    wait_for_client_redirect,
-)
 from reflex.components.core.sticky import sticky
 from reflex.components.core.upload import Upload, get_upload_dir
 from reflex.components.radix import themes
@@ -109,6 +105,8 @@ from reflex.utils import (
     console,
     exceptions,
     format,
+    frontend_skeleton,
+    js_runtimes,
     path_ops,
     prerequisites,
     types,
@@ -598,10 +596,6 @@ class App(MiddlewareMixin, LifespanMixin):
         """
         from reflex.vars.base import GLOBAL_CACHE
 
-        # For py3.9 compatibility when redis is used, we MUST add any decorator pages
-        # before compiling the app in a thread to avoid event loop error (REF-2172).
-        self._apply_decorated_pages()
-
         self._compile(prerender_routes=is_prod_mode())
 
         config = get_config()
@@ -777,8 +771,10 @@ class App(MiddlewareMixin, LifespanMixin):
 
         if route == constants.Page404.SLUG:
             if component is None:
-                component = default_404_page
-            component = wait_for_client_redirect(self._generate_component(component))
+                from reflex.components.el.elements import span
+
+                component = span("404: Page not found")
+            component = self._generate_component(component)
             title = title or constants.Page404.TITLE
             description = description or constants.Page404.DESCRIPTION
             image = image or constants.Page404.IMAGE
@@ -866,7 +862,7 @@ class App(MiddlewareMixin, LifespanMixin):
         """
         from reflex.route import get_router
 
-        return get_router(list(self._unevaluated_pages))
+        return get_router(list(dict.fromkeys([*self._unevaluated_pages, *self._pages])))
 
     def get_load_events(self, path: str) -> list[IndividualEventType[()]]:
         """Get the load events for a route.
@@ -992,7 +988,7 @@ class App(MiddlewareMixin, LifespanMixin):
                 continue
             _frontend_packages.append(package)
         page_imports.update(_frontend_packages)
-        prerequisites.install_frontend_packages(page_imports, get_config())
+        js_runtimes.install_frontend_packages(page_imports, get_config())
 
     def _app_root(self, app_wrappers: dict[tuple[int, str], Component]) -> Component:
         for component in tuple(app_wrappers.values()):
@@ -1065,16 +1061,8 @@ class App(MiddlewareMixin, LifespanMixin):
         self.app_wraps[(0, "StickyBadge")] = lambda _: memoized_badge()
 
     def _apply_decorated_pages(self):
-        """Add @rx.page decorated pages to the app.
-
-        This has to be done in the MainThread for py38 and py39 compatibility, so the
-        decorated pages are added to the app before the app is compiled (in a thread)
-        to workaround REF-2172.
-
-        This can move back into `compile_` when py39 support is dropped.
-        """
+        """Add @rx.page decorated pages to the app."""
         app_name = get_config().app_name
-        # Add the @rx.page decorated pages to collect on_load events.
         for render, kwargs in DECORATED_PAGES[app_name]:
             self.add_page(render, **kwargs)
 
@@ -1124,6 +1112,8 @@ class App(MiddlewareMixin, LifespanMixin):
         """
         from reflex.utils.exceptions import ReflexRuntimeError
 
+        self._apply_decorated_pages()
+
         self._pages = {}
 
         def get_compilation_time() -> str:
@@ -1320,7 +1310,9 @@ class App(MiddlewareMixin, LifespanMixin):
                 self.head_components,
                 html_lang=self.html_lang,
                 html_custom_attrs=(
-                    {**self.html_custom_attrs} if self.html_custom_attrs else {}
+                    {"suppressHydrationWarning": "true", **self.html_custom_attrs}
+                    if self.html_custom_attrs
+                    else {"suppressHydrationWarning": "true"}
                 ),
             )
         )
@@ -1440,7 +1432,7 @@ class App(MiddlewareMixin, LifespanMixin):
             self._get_frontend_packages(all_imports)
 
         # Setup the react-router.config.js
-        prerequisites.update_react_router_config(
+        frontend_skeleton.update_react_router_config(
             prerender_routes=prerender_routes,
         )
 

reflex/components/component.py

@@ -37,7 +37,7 @@ from reflex.constants import (
     PageNames,
 )
 from reflex.constants.compiler import SpecialAttributes
-from reflex.constants.state import FRONTEND_EVENT_STATE
+from reflex.constants.state import FRONTEND_EVENT_STATE, MEMO_MARKER
 from reflex.event import (
     EventCallback,
     EventChain,
@@ -2005,7 +2005,7 @@ class CustomComponent(Component):
 
         super()._post_init(
             event_triggers={
-                key: EventChain.create(
+                key + MEMO_MARKER: EventChain.create(
                     value=props[key],
                     args_spec=get_args_spec(key),
                     key=key,
@@ -2016,7 +2016,9 @@ class CustomComponent(Component):
         )
 
         to_camel_cased_props = {
-            format.to_camel_case(key) for key in props if key not in event_types
+            format.to_camel_case(key + MEMO_MARKER)
+            for key in props
+            if key not in event_types
         }
         self.get_props = lambda: to_camel_cased_props  # pyright: ignore [reportIncompatibleVariableOverride]
 
@@ -2031,7 +2033,7 @@ class CustomComponent(Component):
             if key not in props_types:
                 continue
 
-            camel_cased_key = format.to_camel_case(key)
+            camel_cased_key = format.to_camel_case(key + MEMO_MARKER)
 
             # Get the type based on the annotation.
             type_ = props_types[key]

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.536.0"
+LUCIDE_LIBRARY = "lucide-react@0.539.0"
 
 
 class LucideIconComponent(Component):
@@ -343,6 +343,7 @@ LUCIDE_ICON_LIST = [
     "brain_cog",
     "brain",
     "brick_wall_fire",
+    "brick_wall_shield",
     "brick_wall",
     "briefcase_business",
     "briefcase_conveyor_belt",
@@ -494,6 +495,7 @@ LUCIDE_ICON_LIST = [
     "circle_slash_2",
     "circle_slash",
     "circle_small",
+    "circle_star",
     "circle_stop",
     "circle_user_round",
     "circle_user",
@@ -950,6 +952,7 @@ LUCIDE_ICON_LIST = [
     "japanese_yen",
     "joystick",
     "kanban",
+    "kayak",
     "key_round",
     "key_square",
     "key",

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.536.0"
+LUCIDE_LIBRARY = "lucide-react@0.539.0"
 
 class LucideIconComponent(Component):
     @classmethod
@@ -408,6 +408,7 @@ LUCIDE_ICON_LIST = [
     "brain_cog",
     "brain",
     "brick_wall_fire",
+    "brick_wall_shield",
     "brick_wall",
     "briefcase_business",
     "briefcase_conveyor_belt",
@@ -559,6 +560,7 @@ LUCIDE_ICON_LIST = [
     "circle_slash_2",
     "circle_slash",
     "circle_small",
+    "circle_star",
     "circle_stop",
     "circle_user_round",
     "circle_user",
@@ -1015,6 +1017,7 @@ LUCIDE_ICON_LIST = [
     "japanese_yen",
     "joystick",
     "kanban",
+    "kayak",
     "key_round",
     "key_square",
     "key",

reflex/components/plotly/plotly.py

@@ -72,7 +72,7 @@ class Plotly(NoSSRComponent):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js@3.0.3"]
+    lib_dependencies: list[str] = ["plotly.js@3.1.0"]
 
     tag = "Plot"
 
@@ -303,7 +303,7 @@ class PlotlyBasic(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-basic-dist-min@3.0.3"]
+    lib_dependencies: list[str] = ["plotly.js-basic-dist-min@3.1.0"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly basic component.
@@ -329,7 +329,7 @@ class PlotlyCartesian(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-cartesian-dist-min@3.0.3"]
+    lib_dependencies: list[str] = ["plotly.js-cartesian-dist-min@3.1.0"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly cartesian component.
@@ -355,7 +355,7 @@ class PlotlyGeo(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-geo-dist-min@3.0.3"]
+    lib_dependencies: list[str] = ["plotly.js-geo-dist-min@3.1.0"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly geo component.
@@ -381,7 +381,7 @@ class PlotlyGl3d(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-gl3d-dist-min@3.0.3"]
+    lib_dependencies: list[str] = ["plotly.js-gl3d-dist-min@3.1.0"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly 3d component.
@@ -407,7 +407,7 @@ class PlotlyGl2d(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-gl2d-dist-min@3.0.3"]
+    lib_dependencies: list[str] = ["plotly.js-gl2d-dist-min@3.1.0"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly 2d component.
@@ -433,7 +433,7 @@ class PlotlyMapbox(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-mapbox-dist-min@3.0.3"]
+    lib_dependencies: list[str] = ["plotly.js-mapbox-dist-min@3.1.0"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly mapbox component.
@@ -459,7 +459,7 @@ class PlotlyFinance(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-finance-dist-min@3.0.3"]
+    lib_dependencies: list[str] = ["plotly.js-finance-dist-min@3.1.0"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly finance component.
@@ -485,7 +485,7 @@ class PlotlyStrict(Plotly):
 
     library = "react-plotly.js@2.6.0"
 
-    lib_dependencies: list[str] = ["plotly.js-strict-dist-min@3.0.3"]
+    lib_dependencies: list[str] = ["plotly.js-strict-dist-min@3.1.0"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly strict component.

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.0"
+    library = "recharts@3.1.2"
 
     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.0"
+    library = "recharts@3.1.2"
 
 
 LiteralAnimationEasing = Literal["ease", "ease-in", "ease-out", "ease-in-out", "linear"]

reflex/components/sonner/toast.py

@@ -238,7 +238,7 @@ class Toaster(Component):
 
     @staticmethod
     def send_toast(
-        message: str | Var = "",
+        message: str | Var[str] = "",
         level: str | None = None,
         fallback_to_alert: bool = False,
         **props,
@@ -292,7 +292,7 @@ class Toaster(Component):
         return run_script(toast)
 
     @staticmethod
-    def toast_info(message: str | Var = "", **kwargs: Any):
+    def toast_info(message: str | Var[str] = "", **kwargs: Any) -> EventSpec:
         """Display an info toast message.
 
         Args:
@@ -305,7 +305,7 @@ class Toaster(Component):
         return Toaster.send_toast(message, level="info", **kwargs)
 
     @staticmethod
-    def toast_warning(message: str | Var = "", **kwargs: Any):
+    def toast_warning(message: str | Var[str] = "", **kwargs: Any) -> EventSpec:
         """Display a warning toast message.
 
         Args:
@@ -318,7 +318,7 @@ class Toaster(Component):
         return Toaster.send_toast(message, level="warning", **kwargs)
 
     @staticmethod
-    def toast_error(message: str | Var = "", **kwargs: Any):
+    def toast_error(message: str | Var[str] = "", **kwargs: Any) -> EventSpec:
         """Display an error toast message.
 
         Args:
@@ -331,7 +331,7 @@ class Toaster(Component):
         return Toaster.send_toast(message, level="error", **kwargs)
 
     @staticmethod
-    def toast_success(message: str | Var = "", **kwargs: Any):
+    def toast_success(message: str | Var[str] = "", **kwargs: Any) -> EventSpec:
         """Display a success toast message.
 
         Args:
@@ -344,7 +344,7 @@ class Toaster(Component):
         return Toaster.send_toast(message, level="success", **kwargs)
 
     @staticmethod
-    def toast_loading(message: str | Var = "", **kwargs: Any):
+    def toast_loading(message: str | Var[str] = "", **kwargs: Any) -> EventSpec:
         """Display a loading toast message.
 
         Args:
@@ -357,7 +357,7 @@ class Toaster(Component):
         return Toaster.send_toast(message, level="loading", **kwargs)
 
     @staticmethod
-    def toast_dismiss(id: Var | str | None = None):
+    def toast_dismiss(id: Var[str] | str | None = None) -> EventSpec:
         """Dismiss a toast.
 
         Args:

reflex/components/sonner/toast.pyi

@@ -65,23 +65,23 @@ class Toaster(Component):
     def add_hooks(self) -> list[Var | str]: ...
     @staticmethod
     def send_toast(
-        message: str | Var = "",
+        message: str | Var[str] = "",
         level: str | None = None,
         fallback_to_alert: bool = False,
         **props,
     ) -> EventSpec: ...
     @staticmethod
-    def toast_info(message: str | Var = "", **kwargs: Any): ...
+    def toast_info(message: str | Var[str] = "", **kwargs: Any) -> EventSpec: ...
     @staticmethod
-    def toast_warning(message: str | Var = "", **kwargs: Any): ...
+    def toast_warning(message: str | Var[str] = "", **kwargs: Any) -> EventSpec: ...
     @staticmethod
-    def toast_error(message: str | Var = "", **kwargs: Any): ...
+    def toast_error(message: str | Var[str] = "", **kwargs: Any) -> EventSpec: ...
     @staticmethod
-    def toast_success(message: str | Var = "", **kwargs: Any): ...
+    def toast_success(message: str | Var[str] = "", **kwargs: Any) -> EventSpec: ...
     @staticmethod
-    def toast_loading(message: str | Var = "", **kwargs: Any): ...
+    def toast_loading(message: str | Var[str] = "", **kwargs: Any) -> EventSpec: ...
     @staticmethod
-    def toast_dismiss(id: Var | str | None = None): ...
+    def toast_dismiss(id: Var[str] | str | None = None) -> EventSpec: ...
     @classmethod
     def create(
         cls,
@@ -188,7 +188,7 @@ class ToastNamespace(ComponentNamespace):
 
     @staticmethod
     def __call__(
-        message: str | Var = "",
+        message: str | Var[str] | str = "",
         level: str | None = None,
         fallback_to_alert: bool = False,
         **props,

reflex/config.py

@@ -254,6 +254,9 @@ class BaseConfig:
     # List of fully qualified import paths of plugins to disable in the app (e.g. reflex.plugins.sitemap.SitemapPlugin).
     disable_plugins: list[str] = dataclasses.field(default_factory=list)
 
+    # Whether to skip plugin checks.
+    _skip_plugins_checks: bool = dataclasses.field(default=False, repr=False)
+
     _prefixes: ClassVar[list[str]] = ["REFLEX_"]
 
 
@@ -284,6 +287,9 @@ class Config(BaseConfig):
     See the [configuration](https://reflex.dev/docs/getting-started/configuration/) docs for more info.
     """
 
+    # Track whether the app name has already been validated for this Config instance.
+    _app_name_is_valid: bool = dataclasses.field(default=False, repr=False)
+
     def _post_init(self, **kwargs):
         """Post-initialization method to set up the config.
 
@@ -315,7 +321,8 @@ class Config(BaseConfig):
             setattr(self, key, env_value)
 
         # Add builtin plugins if not disabled.
-        self._add_builtin_plugins()
+        if not self._skip_plugins_checks:
+            self._add_builtin_plugins()
 
         #   Update default URLs if ports were set
         kwargs.update(env_kwargs)
@@ -531,7 +538,7 @@ def _get_config() -> Config:
     if not spec:
         # we need this condition to ensure that a ModuleNotFound error is not thrown when
         # running unit/integration tests or during `reflex init`.
-        return Config(app_name="")
+        return Config(app_name="", _skip_plugins_checks=True)
     rxconfig = importlib.import_module(constants.Config.MODULE)
     return rxconfig.config
 

reflex/constants/base.py

@@ -174,6 +174,8 @@ class ReactRouter(Javascript):
         rf"(?:{DEV_FRONTEND_LISTENING_REGEX}|{PROD_FRONTEND_LISTENING_REGEX})(.*)"
     )
 
+    SPA_FALLBACK = "__spa-fallback.html"
+
 
 # Color mode variables
 class ColorMode(SimpleNamespace):

reflex/constants/installer.py

@@ -14,7 +14,7 @@ class Bun(SimpleNamespace):
     """Bun constants."""
 
     # The Bun version.
-    VERSION = "1.2.19"
+    VERSION = "1.2.20"
 
     # Min Bun Version
     MIN_VERSION = "1.2.17"
@@ -75,7 +75,7 @@ fetch-retries=0
 
 
 def _determine_react_router_version() -> str:
-    default_version = "7.7.1"
+    default_version = "7.8.0"
     if (version := os.getenv("REACT_ROUTER_VERSION")) and version != default_version:
         from reflex.utils import console
 
@@ -106,7 +106,7 @@ class PackageJson(SimpleNamespace):
 
         DEV = "react-router dev --host"
         EXPORT = "react-router build"
-        PROD = "serve ./build/client"
+        PROD = "sirv ./build/client --single 404.html --host"
 
     PATH = "package.json"
 
@@ -127,7 +127,7 @@ class PackageJson(SimpleNamespace):
             "react-router": cls._react_router_version,
             "react-router-dom": cls._react_router_version,
             "@react-router/node": cls._react_router_version,
-            "serve": "14.2.4",
+            "sirv-cli": "3.0.1",
             "react": cls._react_version,
             "react-helmet": "6.1.0",
             "react-dom": cls._react_version,
@@ -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.0.12",
+        "vite": "npm:rolldown-vite@7.1.2",
     }
     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.0.12",
+        "vite": "npm:rolldown-vite@7.1.2",
     }

reflex/constants/state.py

@@ -15,3 +15,4 @@ class StateManagerMode(str, Enum):
 FRONTEND_EVENT_STATE = "__reflex_internal_frontend_event_state"
 
 FIELD_MARKER = "_rx_state_"
+MEMO_MARKER = "_rx_memo_"

reflex/custom_components/custom_components.py

@@ -15,7 +15,7 @@ import click
 
 from reflex import constants
 from reflex.constants import CustomComponents
-from reflex.utils import console
+from reflex.utils import console, frontend_skeleton
 
 
 def set_loglevel(ctx: Any, self: Any, value: str | None):
@@ -328,7 +328,7 @@ def init(
     Raises:
         Exit: If the pyproject.toml already exists.
     """
-    from reflex.utils import exec, prerequisites
+    from reflex.utils import exec
 
     if CustomComponents.PYPROJECT_TOML.exists():
         console.error(f"A {CustomComponents.PYPROJECT_TOML} already exists. Aborting.")
@@ -347,7 +347,7 @@ def init(
     _populate_demo_app(name_variants)
 
     # Initialize the .gitignore.
-    prerequisites.initialize_gitignore(
+    frontend_skeleton.initialize_gitignore(
         gitignore_file=CustomComponents.FILE, files_to_ignore=CustomComponents.DEFAULTS
     )
 

reflex/reflex.py

@@ -58,7 +58,7 @@ def _init(
     ai: bool = False,
 ):
     """Initialize a new Reflex app in the given directory."""
-    from reflex.utils import exec, prerequisites
+    from reflex.utils import exec, frontend_skeleton, prerequisites, templates
 
     # Show system info
     exec.output_system_info()
@@ -80,13 +80,13 @@ def _init(
     prerequisites.initialize_frontend_dependencies()
 
     # Initialize the app.
-    template = prerequisites.initialize_app(app_name, template)
+    template = templates.initialize_app(app_name, template)
 
     # Initialize the .gitignore.
-    prerequisites.initialize_gitignore()
+    frontend_skeleton.initialize_gitignore()
 
     # Initialize the requirements.txt.
-    needs_user_manual_update = prerequisites.initialize_requirements_txt()
+    needs_user_manual_update = frontend_skeleton.initialize_requirements_txt()
 
     template_msg = f" using the {template} template" if template else ""
     # Finish initializing the app.
@@ -371,7 +371,7 @@ def compile(dry: bool):
         _init(name=get_config().app_name)
     get_config(reload=True)
     starting_time = time.monotonic()
-    prerequisites.compile_app(dry_run=dry)
+    prerequisites.get_compiled_app(dry_run=dry)
     elapsed_time = time.monotonic() - starting_time
     console.success(f"App compiled successfully in {elapsed_time:.3f} seconds.")
 
@@ -737,9 +737,10 @@ def deploy(
 def rename(new_name: str):
     """Rename the app in the current directory."""
     from reflex.utils import prerequisites
+    from reflex.utils.rename import rename_app
 
     prerequisites.validate_app_name(new_name)
-    prerequisites.rename_app(new_name, get_config().loglevel)
+    rename_app(new_name, get_config().loglevel)
 
 
 if TYPE_CHECKING:

reflex/route.py

@@ -6,6 +6,7 @@ import re
 from collections.abc import Callable
 
 from reflex import constants
+from reflex.config import get_config
 
 
 def verify_route_validity(route: str) -> None:
@@ -211,6 +212,9 @@ def get_router(routes: list[str]) -> Callable[[str], str | None]:
         Returns:
             The first matching route, or None if no match is found.
         """
+        config = get_config()
+        if config.frontend_path:
+            path = path.removeprefix(config.frontend_path)
         path = "/" + path.removeprefix("/").removesuffix("/")
         if path == "/index":
             path = "/"

reflex/state.py

@@ -2491,7 +2491,7 @@ class OnLoadInternalState(State):
         # Cache the app reference for subsequent calls.
         if type(self)._app_ref is None:
             type(self)._app_ref = app
-        load_events = app.get_load_events(self.router._page.path)
+        load_events = app.get_load_events(self.router.url.path)
         if not load_events:
             self.is_hydrated = True
             return None  # Fast path for navigation with no on_load events defined.