Merge branch 'main' into move-pydantic,-sqlmodel,-alembic-to-optional-dependencies

Author: adhami3310

.github/workflows/check_outdated_dependencies.yml

@@ -56,10 +56,12 @@ jobs:
           path: reflex-web
       - name: Compile pyproject.toml into requirements.txt
         working-directory: ./reflex-web
-        run: uv pip compile pyproject.toml --no-annotate --no-header --no-deps --output-file requirements.txt
+        run: |
+          uv pip compile pyproject.toml --no-annotate --no-header --no-deps --output-file requirements.txt
+          grep -ivE "reflex " requirements.txt > requirements.txt.tmp && mv requirements.txt.tmp requirements.txt
       - name: Install Requirements for reflex-web
         working-directory: ./reflex-web
-        run: uv pip install $(grep -ivE "reflex " requirements.txt)
+        run: uv pip install -r requirements.txt
       - name: Init Website for reflex-web
         working-directory: ./reflex-web
         run: uv run reflex init

.github/workflows/integration_tests.yml

@@ -125,10 +125,12 @@ jobs:
 
       - name: Compile pyproject.toml into requirements.txt
         working-directory: ./reflex-web
-        run: uv pip compile pyproject.toml --no-annotate --no-header --no-deps --output-file requirements.txt
+        run: |
+          uv pip compile pyproject.toml --no-annotate --no-header --no-deps --output-file requirements.txt
+          grep -ivE "reflex " requirements.txt > requirements.txt.tmp && mv requirements.txt.tmp requirements.txt
       - name: Install Requirements for reflex-web
         working-directory: ./reflex-web
-        run: uv pip install $(grep -ivE "reflex " requirements.txt)
+        run: uv pip install -r requirements.txt
       - name: Init Website for reflex-web
         working-directory: ./reflex-web
         run: uv run --active --no-sync reflex init
@@ -189,10 +191,12 @@ jobs:
           path: reflex-web
       - name: Compile pyproject.toml into requirements.txt
         working-directory: ./reflex-web
-        run: uv pip compile pyproject.toml --no-annotate --no-header --no-deps --output-file requirements.txt
+        run: |
+          uv pip compile pyproject.toml --no-annotate --no-header --no-deps --output-file requirements.txt
+          grep -ivE "reflex " requirements.txt > requirements.txt.tmp && mv requirements.txt.tmp requirements.txt
       - name: Install Requirements for reflex-web
         working-directory: ./reflex-web
-        run: uv pip install $(grep -ivE "reflex " requirements.txt)
+        run: uv pip install -r requirements.txt
       - name: Init Website for reflex-web
         working-directory: ./reflex-web
         run: uv run --active --no-sync reflex init

pyi_hashes.json

@@ -30,7 +30,7 @@
   "reflex/components/el/element.pyi": "7faa2cda13a04870d6c1cbfb4b3a2a0a",
   "reflex/components/el/elements/__init__.pyi": "2e30624329b8b535dfd8969f95efdd25",
   "reflex/components/el/elements/base.pyi": "3fde62b5c749a40c43d1a4f0d0dccda4",
-  "reflex/components/el/elements/forms.pyi": "b7db5e64a2d0ee1a7ecf72cac927587a",
+  "reflex/components/el/elements/forms.pyi": "a316bdcc4bef4adb71d059057c6ffeff",
   "reflex/components/el/elements/inline.pyi": "027f051369a253446365e77a4d621013",
   "reflex/components/el/elements/media.pyi": "57bf44d696132478da377dd8d78807e2",
   "reflex/components/el/elements/metadata.pyi": "23ad6217eb96f622b33a1f550c510cd5",
@@ -40,7 +40,7 @@
   "reflex/components/el/elements/tables.pyi": "e5573a4a8c9cb13d8169a596b6699b31",
   "reflex/components/el/elements/typography.pyi": "9f9f6990749f4a3c643f8ab344df00cd",
   "reflex/components/gridjs/datatable.pyi": "5c19d2b5788a8520d43a4d6dcc247705",
-  "reflex/components/lucide/icon.pyi": "637bf77970ef805ac4bdc1eba77ece76",
+  "reflex/components/lucide/icon.pyi": "3d2203dae277f5b3404ba5cc4ef9d9e8",
   "reflex/components/markdown/markdown.pyi": "a569dd6a60d67baebfc4d04cddf85020",
   "reflex/components/moment/moment.pyi": "4ca29ae9cae720eb5c4955682e4cb7df",
   "reflex/components/plotly/plotly.pyi": "1de86aa6881e59d4053206e62e3039c3",

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.8.4dev1"
+version = "0.8.5dev1"
 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",
@@ -233,7 +233,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/.templates/web/utils/react-theme.js

@@ -18,17 +18,9 @@ const ThemeContext = createContext({
 
 export function ThemeProvider({ children, defaultTheme = "system" }) {
   const [theme, setTheme] = useState(defaultTheme);
-
-  // Detect system preference synchronously during initialization
-  const getInitialSystemTheme = () => {
-    if (defaultTheme !== "system") return defaultTheme;
-    if (typeof window === "undefined") return "light";
-    return window.matchMedia("(prefers-color-scheme: dark)").matches
-      ? "dark"
-      : "light";
-  };
-
-  const [systemTheme, setSystemTheme] = useState(getInitialSystemTheme);
+  const [systemTheme, setSystemTheme] = useState(
+    defaultTheme !== "system" ? defaultTheme : "light",
+  );
   const [isInitialized, setIsInitialized] = useState(false);
 
   const firstRender = useRef(true);
@@ -45,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;
       }
     }
@@ -78,19 +71,21 @@ export function ThemeProvider({ children, defaultTheme = "system" }) {
     };
   });
 
-  // Save theme to localStorage whenever it changes (but not on initial mount)
+  // Save theme to localStorage whenever it changes
+  // Skip saving only if theme key already exists and we haven't initialized yet
   useEffect(() => {
-    if (isInitialized) {
-      localStorage.setItem("theme", theme);
-    }
-  }, [theme, isInitialized]);
+    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/components/component.py

@@ -964,7 +964,7 @@ def _render(self, props: dict[str, Any] | None = None) -> Tag:
         # Create the base tag.
         tag = Tag(
             name=name,
-            special_props=self.special_props,
+            special_props=self.special_props.copy(),
         )
 
         if props is None:

reflex/components/el/elements/forms.py

@@ -12,13 +12,16 @@
 from reflex.components.tags.tag import Tag
 from reflex.constants import Dirs, EventTriggers
 from reflex.event import (
+    FORM_DATA,
     EventChain,
     EventHandler,
     checked_input_event,
     float_input_event,
     input_event,
     int_input_event,
     key_event,
+    on_submit_event,
+    on_submit_string_event,
     prevent_default,
 )
 from reflex.utils.imports import ImportDict
@@ -28,7 +31,6 @@
 
 from .base import BaseHTML
 
-FORM_DATA = Var(_js_expr="form_data")
 HANDLE_SUBMIT_JS_JINJA2 = Environment().from_string(
     """
     const handleSubmit_{{ handle_submit_unique_name }} = useCallback((ev) => {
@@ -110,24 +112,6 @@ class Fieldset(Element):
     name: Var[str]
 
 
-def on_submit_event_spec() -> tuple[Var[dict[str, Any]]]:
-    """Event handler spec for the on_submit event.
-
-    Returns:
-        The event handler spec.
-    """
-    return (FORM_DATA,)
-
-
-def on_submit_string_event_spec() -> tuple[Var[dict[str, str]]]:
-    """Event handler spec for the on_submit event.
-
-    Returns:
-        The event handler spec.
-    """
-    return (FORM_DATA,)
-
-
 class Form(BaseHTML):
     """Display the form element."""
 
@@ -167,7 +151,7 @@ class Form(BaseHTML):
     handle_submit_unique_name: Var[str]
 
     # Fired when the form is submitted
-    on_submit: EventHandler[on_submit_event_spec, on_submit_string_event_spec]
+    on_submit: EventHandler[on_submit_event, on_submit_string_event]
 
     @classmethod
     def create(cls, *children, **props):

reflex/components/lucide/icon.py

@@ -6,7 +6,7 @@
 from reflex.vars.base import LiteralVar, Var
 from reflex.vars.sequence import LiteralStringVar, StringVar
 
-LUCIDE_LIBRARY = "lucide-react@0.525.0"
+LUCIDE_LIBRARY = "lucide-react@0.534.0"
 
 
 class LucideIconComponent(Component):
@@ -231,6 +231,7 @@ def _get_imports(self):
     "badge_pound_sterling",
     "badge_russian_ruble",
     "badge_swiss_franc",
+    "badge_turkish_lira",
     "badge_x",
     "badge",
     "baggage_claim",
@@ -501,6 +502,7 @@ def _get_imports(self):
     "citrus",
     "clapperboard",
     "clipboard_check",
+    "clipboard_clock",
     "clipboard_copy",
     "clipboard_list",
     "clipboard_minus",
@@ -529,6 +531,7 @@ def _get_imports(self):
     "clock_fading",
     "clock_plus",
     "clock",
+    "closed_caption",
     "cloud_alert",
     "cloud_check",
     "cloud_cog",
@@ -876,12 +879,14 @@ def _get_imports(self):
     "hand_metal",
     "hand_platter",
     "hand",
+    "handbag",
     "handshake",
     "hard_drive_download",
     "hard_drive_upload",
     "hard_drive",
     "hard_hat",
     "hash",
+    "hat_glasses",
     "haze",
     "hdmi_port",
     "heading_1",
@@ -1034,6 +1039,7 @@ def _get_imports(self):
     "mail",
     "mailbox",
     "mails",
+    "map_minus",
     "map_pin_check_inside",
     "map_pin_check",
     "map_pin_house",
@@ -1289,6 +1295,7 @@ def _get_imports(self):
     "receipt_russian_ruble",
     "receipt_swiss_franc",
     "receipt_text",
+    "receipt_turkish_lira",
     "receipt",
     "rectangle_circle",
     "rectangle_ellipsis",
@@ -1450,6 +1457,7 @@ def _get_imports(self):
     "spline",
     "split",
     "spool",
+    "spotlight",
     "spray_can",
     "sprout",
     "square_activity",
@@ -1635,6 +1643,7 @@ def _get_imports(self):
     "trophy",
     "truck_electric",
     "truck",
+    "turkish_lira",
     "turtle",
     "tv_2",
     "tv_minimal_play",
@@ -1674,6 +1683,7 @@ def _get_imports(self):
     "user_round_x",
     "user_round",
     "user_search",
+    "user_star",
     "user_x",
     "user",
     "users_round",
@@ -1726,6 +1736,7 @@ def _get_imports(self):
     "wifi_low",
     "wifi_off",
     "wifi_pen",
+    "wifi_sync",
     "wifi_zero",
     "wifi",
     "wind_arrow_down",

reflex/components/plotly/plotly.py

@@ -72,7 +72,7 @@ class Plotly(NoSSRComponent):
 
     library = "[email protected]"
 
-    lib_dependencies: list[str] = ["[email protected].1"]
+    lib_dependencies: list[str] = ["[email protected].3"]
 
     tag = "Plot"
 
@@ -295,7 +295,7 @@ class PlotlyBasic(Plotly):
 
     library = "[email protected]"
 
-    lib_dependencies: list[str] = ["[email protected].1"]
+    lib_dependencies: list[str] = ["[email protected].3"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly basic component.
@@ -321,7 +321,7 @@ class PlotlyCartesian(Plotly):
 
     library = "[email protected]"
 
-    lib_dependencies: list[str] = ["[email protected].1"]
+    lib_dependencies: list[str] = ["[email protected].3"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly cartesian component.
@@ -347,7 +347,7 @@ class PlotlyGeo(Plotly):
 
     library = "[email protected]"
 
-    lib_dependencies: list[str] = ["[email protected].1"]
+    lib_dependencies: list[str] = ["[email protected].3"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly geo component.
@@ -373,7 +373,7 @@ class PlotlyGl3d(Plotly):
 
     library = "[email protected]"
 
-    lib_dependencies: list[str] = ["[email protected].1"]
+    lib_dependencies: list[str] = ["[email protected].3"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly 3d component.
@@ -399,7 +399,7 @@ class PlotlyGl2d(Plotly):
 
     library = "[email protected]"
 
-    lib_dependencies: list[str] = ["[email protected].1"]
+    lib_dependencies: list[str] = ["[email protected].3"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly 2d component.
@@ -425,7 +425,7 @@ class PlotlyMapbox(Plotly):
 
     library = "[email protected]"
 
-    lib_dependencies: list[str] = ["[email protected].1"]
+    lib_dependencies: list[str] = ["[email protected].3"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly mapbox component.
@@ -451,7 +451,7 @@ class PlotlyFinance(Plotly):
 
     library = "[email protected]"
 
-    lib_dependencies: list[str] = ["[email protected].1"]
+    lib_dependencies: list[str] = ["[email protected].3"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly finance component.
@@ -477,7 +477,7 @@ class PlotlyStrict(Plotly):
 
     library = "[email protected]"
 
-    lib_dependencies: list[str] = ["[email protected].1"]
+    lib_dependencies: list[str] = ["[email protected].3"]
 
     def add_imports(self) -> ImportDict | list[ImportDict]:
         """Add imports for the plotly strict component.