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

reflex/.templates/web/utils/client_side_routing.js

@@ -1,45 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { useLocation, useNavigate } from "react-router-dom";
-
-/**
- * React hook for use in NotFound page to enable client-side routing.
- *
- * Uses React Router to redirect to the provided URL when loading
- * the NotFound page (for example as a fallback in static hosting situations).
- *
- * @returns {boolean} routeNotFound - true if the current route is an actual 404
- */
-export const useClientSideRouting = () => {
-  const [routeNotFound, setRouteNotFound] = useState(false);
-  const didRedirect = useRef(false);
-  const location = useLocation();
-  const navigate = useNavigate();
-
-  useEffect(() => {
-    if (!didRedirect.current) {
-      // have not tried redirecting yet
-      didRedirect.current = true; // never redirect twice to avoid navigation loops
-
-      // attempt to redirect to the route in the browser address bar once
-      const path = window.location.pathname;
-      const search = window.location.search;
-
-      // Use navigate instead of replace
-      navigate(path + search, { replace: true, state: { fromNotFound: true } })
-        .then(() => {
-          // Check if we're still on a NotFound route
-          // Note: This depends on how your routes are set up
-          if (location.pathname === path) {
-            setRouteNotFound(true); // Mark as an actual 404
-          }
-        })
-        .catch(() => {
-          setRouteNotFound(true); // navigation failed, so this is a real 404
-        });
-    }
-  }, [location, navigate]);
-
-  // Return the reactive bool, to avoid flashing 404 page until we know for sure
-  // the route is not found.
-  return routeNotFound;
-};

reflex/components/core/client_side_routing.py

@@ -1,70 +0,0 @@
-"""Handle dynamic routes in static exports via client-side routing.
-
-Works with /utils/client_side_routing.js to handle the redirect and state.
-
-When the user hits a 404 accessing a route, redirect them to the same page,
-setting a reactive state var "routeNotFound" to true if the redirect fails.  The
-`wait_for_client_redirect` function will render the component only after
-routeNotFound becomes true.
-"""
-
-from __future__ import annotations
-
-from reflex import constants
-from reflex.components.component import Component
-from reflex.components.core.cond import cond
-from reflex.vars.base import Var
-
-route_not_found: Var = Var(_js_expr=constants.ROUTE_NOT_FOUND)
-
-
-class ClientSideRouting(Component):
-    """The client-side routing component."""
-
-    library = "$/utils/client_side_routing"
-    tag = "useClientSideRouting"
-
-    def add_hooks(self) -> list[str | Var]:
-        """Get the hooks to render.
-
-        Returns:
-            The useClientSideRouting hook.
-        """
-        return [f"const {constants.ROUTE_NOT_FOUND} = {self.tag}()"]
-
-    def render(self) -> str:
-        """Render the component.
-
-        Returns:
-            Empty string, because this component is only used for its hooks.
-        """
-        return ""
-
-
-def wait_for_client_redirect(component: Component) -> Component:
-    """Wait for a redirect to occur before rendering a component.
-
-    This prevents the 404 page from flashing while the redirect is happening.
-
-    Args:
-        component: The component to render after the redirect.
-
-    Returns:
-        The conditionally rendered component.
-    """
-    return cond(
-        route_not_found,
-        component,
-        ClientSideRouting.create(),
-    )
-
-
-def default_404_page() -> Component:
-    """Render the default 404 page.
-
-    Returns:
-        The 404 page component.
-    """
-    import reflex as rx
-
-    return rx.el.span("404: Page not found")

reflex/components/core/client_side_routing.pyi

@@ -1,68 +0,0 @@
-"""Stub file for reflex/components/core/client_side_routing.py"""
-
-# ------------------- DO NOT EDIT ----------------------
-# This file was generated by `reflex/utils/pyi_generator.py`!
-# ------------------------------------------------------
-from collections.abc import Mapping, Sequence
-from typing import Any
-
-from reflex.components.component import Component
-from reflex.components.core.breakpoints import Breakpoints
-from reflex.event import EventType, PointerEventInfo
-from reflex.vars.base import Var
-
-route_not_found: Var
-
-class ClientSideRouting(Component):
-    def add_hooks(self) -> list[str | Var]: ...
-    def render(self) -> str: ...
-    @classmethod
-    def create(
-        cls,
-        *children,
-        style: Sequence[Mapping[str, Any]]
-        | Mapping[str, Any]
-        | Var[Mapping[str, Any]]
-        | Breakpoints
-        | None = None,
-        key: Any | None = None,
-        id: Any | None = None,
-        ref: Var | None = None,
-        class_name: Any | None = None,
-        custom_attrs: dict[str, Var | Any] | None = None,
-        on_blur: 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,
-        on_mouse_enter: EventType[()] | None = None,
-        on_mouse_leave: EventType[()] | None = None,
-        on_mouse_move: EventType[()] | None = None,
-        on_mouse_out: EventType[()] | None = None,
-        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,
-    ) -> ClientSideRouting:
-        """Create the component.
-
-        Args:
-            *children: The children of the component.
-            style: The style of the component.
-            key: A unique key for the 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.
-            custom_attrs: custom attribute
-            **props: The props of the component.
-
-        Returns:
-            The component.
-        """
-
-def wait_for_client_redirect(component: Component) -> Component: ...
-def default_404_page() -> Component: ...