reflex 0.8.3a3__tar.gz → 0.8.4__tar.gz

{reflex-0.8.3a3 → reflex-0.8.4}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex
-Version: 0.8.3a3
+Version: 0.8.4
 Summary: Web apps in pure Python.
 Project-URL: homepage, https://reflex.dev
 Project-URL: repository, https://github.com/reflex-dev/reflex
@@ -20,7 +20,6 @@ Classifier: Programming Language :: Python :: 3.13
 Requires-Python: <4.0,>=3.10
 Requires-Dist: alembic<2.0,>=1.15.2
 Requires-Dist: click>=8.2
-Requires-Dist: fastapi>=0.115.0
 Requires-Dist: granian[reload]>=2.4.0
 Requires-Dist: httpx<1.0,>=0.28.0
 Requires-Dist: jinja2<4.0,>=3.1.2
@@ -34,6 +33,7 @@ Requires-Dist: redis<7.0,>=5.2.1
 Requires-Dist: reflex-hosting-cli>=0.1.51
 Requires-Dist: rich<15,>=13
 Requires-Dist: sqlmodel<0.1,>=0.0.24
+Requires-Dist: starlette>=0.47.0
 Requires-Dist: typing-extensions>=4.13.0
 Requires-Dist: wrapt<2.0,>=1.17.0
 Description-Content-Type: text/markdown

{reflex-0.8.3a3 → reflex-0.8.4}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.8.3a3"
+version = "0.8.4"
 description = "Web apps in pure Python."
 license.text = "Apache-2.0"
 authors = [
@@ -21,7 +21,7 @@ keywords = ["web", "framework"]
 requires-python = ">=3.10,<4.0"
 dependencies = [
   "alembic >=1.15.2,<2.0",
-  "fastapi >=0.115.0",
+  "click >=8.2",
   "granian[reload] >=2.4.0",
   "httpx >=0.28.0,<1.0",
   "jinja2 >=3.1.2,<4.0",
@@ -29,13 +29,13 @@ dependencies = [
   "platformdirs >=4.3.7,<5.0",
   "psutil >=7.0.0,<8.0; sys_platform == 'win32'",
   "pydantic >=1.10.21,<3.0",
-  "python-socketio >=5.12.0,<6.0",
   "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",
   "rich >=13,<15",
   "sqlmodel >=0.0.24,<0.1",
-  "click >=8.2",
+  "starlette >=0.47.0",
   "typing_extensions >=4.13.0",
   "wrapt >=1.17.0,<2.0",
 ]
@@ -58,18 +58,49 @@ documentation = "https://reflex.dev/docs/getting-started/introduction"
 [project.scripts]
 reflex = "reflex.reflex:cli"
 
+[dependency-groups]
+dev = [
+  "asynctest",
+  "darglint",
+  "dill",
+  "fastapi",
+  "hatchling",
+  "libsass",
+  "numpy",
+  "pandas",
+  "pillow",
+  "playwright",
+  "plotly",
+  "pre-commit",
+  "psutil",
+  "psycopg[binary]",
+  "pyright",
+  "pytest-asyncio",
+  "pytest-benchmark",
+  "pytest-codspeed",
+  "pytest-cov",
+  "pytest-mock",
+  "pytest-playwright",
+  "pytest-retry",
+  "pytest-split",
+  "pytest",
+  "python-dotenv",
+  "ruff",
+  "selenium",
+  "starlette-admin",
+  "toml",
+  "uvicorn",
+]
+
+
 [build-system]
 requires = ["hatchling"]
 build-backend = "hatchling.build"
 
 [tool.hatch.build]
 include = ["reflex", "scripts/hatch_build.py"]
-
-[tool.hatch.build.targets.sdist]
-artifacts = ["*.pyi"]
-
-[tool.hatch.build.targets.wheel]
-artifacts = ["*.pyi"]
+targets.sdist.artifacts = ["*.pyi"]
+targets.wheel.artifacts = ["*.pyi"]
 
 [tool.hatch.build.hooks.custom]
 path = "scripts/hatch_build.py"
@@ -152,39 +183,6 @@ asyncio_mode = "auto"
 skip = "docs/*,*.html,examples/*, *.pyi, poetry.lock, uv.lock"
 ignore-words-list = "te, TreeE"
 
-[dependency-groups]
-dev = [
-  "asynctest >=0.13",
-  "darglint >=1.8",
-  "dill >=0.3",
-  "hatchling >=1.27",
-  "libsass >=0.23",
-  "numpy >=2.2",
-  "pandas >=2.2",
-  "pillow >=11",
-  "playwright >=1.51",
-  "plotly >=6.0",
-  "pre-commit ==4.2.0",
-  "psutil >=7.0.0",
-  "psycopg[binary] >=3.2",
-  "pyright >=1.1.400",
-  "pytest >=8.3",
-  "pytest-asyncio >=0.26",
-  "pytest-benchmark >=5.1",
-  "pytest-codspeed >=3.2",
-  "pytest-cov >=6.1",
-  "pytest-mock >=3.14",
-  "pytest-playwright >=0.7",
-  "pytest-retry >=1.7",
-  "pytest-split >=0.10",
-  "python-dotenv >=1",
-  "ruff >=0.11",
-  "selenium >=4.31",
-  "starlette-admin >=0.14",
-  "toml >=0.10.2",
-  "uvicorn >=0.34.0",
-]
-
 
 [tool.coverage.run]
 source = ["reflex"]

{reflex-0.8.3a3 → reflex-0.8.4}/reflex/.templates/web/utils/react-theme.js

@@ -21,6 +21,7 @@ export function ThemeProvider({ children, defaultTheme = "system" }) {
   const [systemTheme, setSystemTheme] = useState(
     defaultTheme !== "system" ? defaultTheme : "light",
   );
+  const [isInitialized, setIsInitialized] = useState(false);
 
   const firstRender = useRef(true);
 
@@ -36,6 +37,7 @@ export function ThemeProvider({ children, defaultTheme = "system" }) {
       if (lastCompiledTheme !== defaultColorMode) {
         // on app startup, make sure the application color mode is persisted correctly.
         localStorage.setItem("last_compiled_theme", defaultColorMode);
+        setIsInitialized(true);
         return;
       }
     }
@@ -43,6 +45,7 @@ export function ThemeProvider({ children, defaultTheme = "system" }) {
     // Load saved theme from localStorage
     const savedTheme = localStorage.getItem("theme") || defaultTheme;
     setTheme(savedTheme);
+    setIsInitialized(true);
   });
 
   const resolvedTheme = useMemo(
@@ -69,16 +72,20 @@ export function ThemeProvider({ children, defaultTheme = "system" }) {
   });
 
   // Save theme to localStorage whenever it changes
+  // Skip saving only if theme key already exists and we haven't initialized yet
   useEffect(() => {
+    const existingTheme = localStorage.getItem("theme");
+    if (!isInitialized && existingTheme !== null) return;
     localStorage.setItem("theme", theme);
   }, [theme]);
 
   useEffect(() => {
+    if (!isInitialized) return;
     const root = window.document.documentElement;
     root.classList.remove("light", "dark");
     root.classList.add(resolvedTheme);
     root.style.colorScheme = resolvedTheme;
-  }, [resolvedTheme]);
+  }, [resolvedTheme, isInitialized]);
 
   return createElement(
     ThemeContext.Provider,

{reflex-0.8.3a3 → reflex-0.8.4}/reflex/.templates/web/utils/state.js

@@ -791,9 +791,9 @@ export const hydrateClientStorage = (client_storage) => {
     for (const state_key in client_storage.cookies) {
       const cookie_options = client_storage.cookies[state_key];
       const cookie_name = cookie_options.name || state_key;
-      const cookie_value = cookies.get(cookie_name);
+      const cookie_value = cookies.get(cookie_name, { doNotParse: true });
       if (cookie_value !== undefined) {
-        client_storage_values[state_key] = cookies.get(cookie_name);
+        client_storage_values[state_key] = cookie_value;
       }
     }
   }

{reflex-0.8.3a3 → reflex-0.8.4}/reflex/app.py

@@ -28,7 +28,6 @@ from timeit import default_timer as timer
 from types import SimpleNamespace
 from typing import TYPE_CHECKING, Any, BinaryIO, ParamSpec, get_args, get_type_hints
 
-from fastapi import FastAPI
 from rich.progress import MofNCompleteColumn, Progress, TimeElapsedColumn
 from socketio import ASGIApp as EngineIOApp
 from socketio import AsyncNamespace, AsyncServer
@@ -441,9 +440,6 @@ class App(MiddlewareMixin, LifespanMixin):
         | None
     ) = None
 
-    # FastAPI app for compatibility with FastAPI.
-    _cached_fastapi_app: FastAPI | None = None
-
     @property
     def event_namespace(self) -> EventNamespace | None:
         """Get the event namespace.
@@ -598,32 +594,22 @@ class App(MiddlewareMixin, LifespanMixin):
         Returns:
             The backend api.
         """
+        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()
 
-        compile_future = concurrent.futures.ThreadPoolExecutor(max_workers=1).submit(
-            self._compile, prerender_routes=is_prod_mode()
-        )
+        self._compile(prerender_routes=is_prod_mode())
 
-        def callback(f: concurrent.futures.Future):
-            # Force background compile errors to print eagerly
-            return f.result()
-
-        compile_future.add_done_callback(callback)
-        # Wait for the compile to finish to ensure all optional endpoints are mounted.
-        compile_future.result()
+        # We will not be making more vars, so we can clear the global cache to free up memory.
+        GLOBAL_CACHE.clear()
 
         if not self._api:
             msg = "The app has not been initialized."
             raise ValueError(msg)
 
-        if self._cached_fastapi_app is not None:
-            asgi_app = self._cached_fastapi_app
-            asgi_app.mount("", self._api)
-            App._add_cors(asgi_app)
-        else:
-            asgi_app = self._api
+        asgi_app = self._api
 
         if self.api_transformer is not None:
             api_transformers: Sequence[Starlette | Callable[[ASGIApp], ASGIApp]] = (

{reflex-0.8.3a3 → reflex-0.8.4}/reflex/compiler/utils.py

@@ -359,6 +359,8 @@ def create_document_root(
     Returns:
         The document root.
     """
+    from reflex.utils.misc import preload_color_theme
+
     existing_meta_types = set()
 
     for component in head_components or []:
@@ -385,7 +387,11 @@ def create_document_root(
             Meta.create(name="viewport", content="width=device-width, initial-scale=1")
         )
 
+    # Add theme preload script as the very first component to prevent FOUC
+    theme_preload_components = [preload_color_theme()]
+
     head_components = [
+        *theme_preload_components,
         *(head_components or []),
         *maybe_head_components,
         *always_head_components,

{reflex-0.8.3a3 → reflex-0.8.4}/reflex/constants/installer.py

@@ -14,7 +14,7 @@ class Bun(SimpleNamespace):
     """Bun constants."""
 
     # The Bun version.
-    VERSION = "1.2.18"
+    VERSION = "1.2.19"
 
     # Min Bun Version
     MIN_VERSION = "1.2.17"
@@ -75,7 +75,7 @@ fetch-retries=0
 
 
 def _determine_react_router_version() -> str:
-    default_version = "7.6.3"
+    default_version = "7.7.0"
     if (version := os.getenv("REACT_ROUTER_VERSION")) and version != default_version:
         from reflex.utils import console
 
@@ -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,
-        "rolldown-vite": "7.0.9",
+        "rolldown-vite": "7.0.11",
     }
     OVERRIDES = {
         # This should always match the `react` version in DEPENDENCIES for recharts compatibility.
         "react-is": _react_version,
         "cookie": "1.0.2",
-        "rollup": "4.44.2",
+        "rollup": "4.45.1",
     }

{reflex-0.8.3a3 → reflex-0.8.4}/reflex/custom_components/custom_components.py

@@ -12,7 +12,6 @@ from pathlib import Path
 from typing import Any
 
 import click
-import httpx
 
 from reflex import constants
 from reflex.constants import CustomComponents
@@ -467,6 +466,7 @@ def _collect_details_for_gallery():
     Raises:
         Exit: If pyproject.toml file is ill-formed or the request to the backend services fails.
     """
+    import httpx
     from reflex_cli.utils import hosting
 
     console.rule("[bold]Authentication with Reflex Services")

{reflex-0.8.3a3 → reflex-0.8.4}/reflex/istate/data.py

@@ -3,7 +3,7 @@
 import dataclasses
 from collections.abc import Mapping
 from typing import TYPE_CHECKING
-from urllib.parse import _NetlocResultMixinStr, urlsplit
+from urllib.parse import _NetlocResultMixinStr, parse_qsl, urlsplit
 
 from reflex import constants
 from reflex.utils import console, format
@@ -102,8 +102,10 @@ class ReflexURL(str, _NetlocResultMixinStr):
     if TYPE_CHECKING:
         scheme: str
         netloc: str
+        origin: str
         path: str
         query: str
+        query_parameters: Mapping[str, str]
         fragment: str
 
     def __new__(cls, url: str):
@@ -121,6 +123,10 @@ class ReflexURL(str, _NetlocResultMixinStr):
         object.__setattr__(obj, "netloc", netloc)
         object.__setattr__(obj, "path", path)
         object.__setattr__(obj, "query", query)
+        object.__setattr__(obj, "origin", f"{scheme}://{netloc}")
+        object.__setattr__(
+            obj, "query_parameters", _FrozenDictStrStr(**dict(parse_qsl(query)))
+        )
         object.__setattr__(obj, "fragment", fragment)
         return obj
 

{reflex-0.8.3a3 → reflex-0.8.4}/reflex/utils/console.py

@@ -3,6 +3,7 @@
 from __future__ import annotations
 
 import contextlib
+import datetime
 import inspect
 import os
 import shutil
@@ -136,7 +137,7 @@ def print_to_log_file(msg: str, *, dedupe: bool = False, **kwargs):
         dedupe: If True, suppress multiple console logs of print message.
         kwargs: Keyword arguments to pass to the print function.
     """
-    log_file_console().print(msg, **kwargs)
+    log_file_console().print(f"[{datetime.datetime.now()}] {msg}", **kwargs)
 
 
 def debug(msg: str, *, dedupe: bool = False, **kwargs):

reflex-0.8.4/reflex/utils/decorator.py

@@ -0,0 +1,147 @@
+"""Decorator utilities."""
+
+import functools
+from collections.abc import Callable
+from pathlib import Path
+from typing import ParamSpec, TypeVar, cast
+
+T = TypeVar("T")
+
+
+def once(f: Callable[[], T]) -> Callable[[], T]:
+    """A decorator that calls the function once and caches the result.
+
+    Args:
+        f: The function to call.
+
+    Returns:
+        A function that calls the function once and caches the result.
+    """
+    unset = object()
+    value: object | T = unset
+
+    @functools.wraps(f)
+    def wrapper() -> T:
+        nonlocal value
+        value = f() if value is unset else value
+        return value  # pyright: ignore[reportReturnType]
+
+    return wrapper
+
+
+def once_unless_none(f: Callable[[], T | None]) -> Callable[[], T | None]:
+    """A decorator that calls the function once and caches the result unless it is None.
+
+    Args:
+        f: The function to call.
+
+    Returns:
+        A function that calls the function once and caches the result unless it is None.
+    """
+    value: T | None = None
+
+    @functools.wraps(f)
+    def wrapper() -> T | None:
+        nonlocal value
+        value = f() if value is None else value
+        return value
+
+    return wrapper
+
+
+P = ParamSpec("P")
+
+
+def debug(f: Callable[P, T]) -> Callable[P, T]:
+    """A decorator that prints the function name, arguments, and result.
+
+    Args:
+        f: The function to call.
+
+    Returns:
+        A function that prints the function name, arguments, and result.
+    """
+
+    @functools.wraps(f)
+    def wrapper(*args: P.args, **kwargs: P.kwargs) -> T:
+        result = f(*args, **kwargs)
+        print(  # noqa: T201
+            f"Calling {f.__name__} with args: {args} and kwargs: {kwargs}, result: {result}"
+        )
+        return result
+
+    return wrapper
+
+
+def _write_cached_procedure_file(payload: str, cache_file: Path, value: object):
+    import pickle
+
+    cache_file.write_bytes(pickle.dumps((payload, value)))
+
+
+def _read_cached_procedure_file(cache_file: Path) -> tuple[str | None, object]:
+    import pickle
+
+    if cache_file.exists():
+        with cache_file.open("rb") as f:
+            return pickle.loads(f.read())
+
+    return None, None
+
+
+P = ParamSpec("P")
+Picklable = TypeVar("Picklable")
+
+
+def cached_procedure(
+    cache_file_path: Callable[[], Path],
+    payload_fn: Callable[P, str],
+) -> Callable[[Callable[P, Picklable]], Callable[P, Picklable]]:
+    """Decorator to cache the result of a function based on its arguments.
+
+    Args:
+        cache_file_path: Function that computes the cache file path.
+        payload_fn: Function that computes cache payload from function args.
+
+    Returns:
+        The decorated function.
+    """
+
+    def _inner_decorator(func: Callable[P, Picklable]) -> Callable[P, Picklable]:
+        def _inner(*args: P.args, **kwargs: P.kwargs) -> Picklable:
+            _cache_file = cache_file_path()
+
+            payload, value = _read_cached_procedure_file(_cache_file)
+            new_payload = payload_fn(*args, **kwargs)
+
+            if payload != new_payload:
+                new_value = func(*args, **kwargs)
+                _write_cached_procedure_file(new_payload, _cache_file, new_value)
+                return new_value
+
+            from reflex.utils import console
+
+            console.debug(
+                f"Using cached value for {func.__name__} with payload: {new_payload}"
+            )
+            return cast("Picklable", value)
+
+        return _inner
+
+    return _inner_decorator
+
+
+def cache_result_in_disk(
+    cache_file_path: Callable[[], Path],
+) -> Callable[[Callable[[], Picklable]], Callable[[], Picklable]]:
+    """Decorator to cache the result of a function on disk.
+
+    Args:
+        cache_file_path: Function that computes the cache file path.
+
+    Returns:
+        The decorated function.
+    """
+    return cached_procedure(
+        cache_file_path=cache_file_path, payload_fn=lambda: "constant"
+    )

{reflex-0.8.3a3 → reflex-0.8.4}/reflex/utils/misc.py

@@ -90,3 +90,43 @@ def with_cwd_in_syspath():
             yield
         finally:
             sys.path[:] = orig_sys_path
+
+
+def preload_color_theme():
+    """Create a script component that preloads the color theme to prevent FOUC.
+
+    This script runs immediately in the document head before React hydration,
+    reading the saved theme from localStorage and applying the correct CSS classes
+    to prevent flash of unstyled content.
+
+    Returns:
+        Script: A script component to add to App.head_components
+    """
+    from reflex.components.el.elements.scripts import Script
+
+    # Create direct inline script content (like next-themes dangerouslySetInnerHTML)
+    script_content = """
+// Only run in browser environment, not during SSR
+if (typeof document !== 'undefined') {
+    try {
+        const theme = localStorage.getItem("theme") || "system";
+        const systemPreference = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+        const resolvedTheme = theme === "system" ? systemPreference : theme;
+
+        // Apply theme immediately - blocks until complete
+        // Use classList to avoid overwriting other classes
+        document.documentElement.classList.remove("light", "dark");
+        document.documentElement.classList.add(resolvedTheme);
+        document.documentElement.style.colorScheme = resolvedTheme;
+
+    } catch (e) {
+        // Fallback to system preference on any error (resolve "system" to actual theme)
+        const fallbackTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+        document.documentElement.classList.remove("light", "dark");
+        document.documentElement.classList.add(fallbackTheme);
+        document.documentElement.style.colorScheme = fallbackTheme;
+    }
+}
+"""
+
+    return Script.create(script_content)

{reflex-0.8.3a3 → reflex-0.8.4}/reflex/utils/net.py

@@ -5,8 +5,6 @@ import time
 from collections.abc import Callable
 from typing import ParamSpec, TypeVar
 
-import httpx
-
 from reflex.utils.decorator import once
 from reflex.utils.types import Unset
 
@@ -42,6 +40,8 @@ def _wrap_https_func(
 
     @functools.wraps(func)
     def wrapper(*args: _P.args, **kwargs: _P.kwargs) -> _T:
+        import httpx
+
         url = args[0]
         console.debug(f"Sending HTTPS request to {args[0]}")
         initial_time = time.time()
@@ -94,6 +94,8 @@ def _is_ipv4_supported() -> bool:
     Returns:
         True if the system supports IPv4, False otherwise.
     """
+    import httpx
+
     try:
         httpx.head("http://1.1.1.1", timeout=3)
     except httpx.RequestError:
@@ -108,6 +110,8 @@ def _is_ipv6_supported() -> bool:
     Returns:
         True if the system supports IPv6, False otherwise.
     """
+    import httpx
+
     try:
         httpx.head("http://[2606:4700:4700::1111]", timeout=3)
     except httpx.RequestError:
@@ -139,12 +143,13 @@ def _httpx_local_address_kwarg() -> str:
 
 
 @once
-def _httpx_client() -> httpx.Client:
+def _httpx_client():
     """Get an HTTPX client.
 
     Returns:
         An HTTPX client.
     """
+    import httpx
     from httpx._utils import get_environment_proxies
 
     return httpx.Client(