reflex 0.8.21__tar.gz → 0.8.23a4__tar.gz

{reflex-0.8.21 → reflex-0.8.23a4}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex
-Version: 0.8.21
+Version: 0.8.23a4
 Summary: Web apps in pure Python.
 Project-URL: homepage, https://reflex.dev
 Project-URL: repository, https://github.com/reflex-dev/reflex

{reflex-0.8.21 → reflex-0.8.23a4}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.8.21"
+version = "0.8.23a4"
 description = "Web apps in pure Python."
 license.text = "Apache-2.0"
 authors = [
@@ -243,7 +243,7 @@ fail_fast = true
 
 [[tool.pre-commit.repos]]
 repo = "https://github.com/astral-sh/ruff-pre-commit"
-rev = "v0.14.6"
+rev = "v0.14.8"
 hooks = [
   { id = "ruff-format", args = [
     "reflex",

reflex-0.8.23a4/reflex/.templates/web/utils/helpers/paste.js

@@ -0,0 +1,105 @@
+import { useEffect, useRef } from "react";
+
+const handle_paste_data = (clipboardData) =>
+  new Promise((resolve, reject) => {
+    const pasted_data = [];
+    const n_items = clipboardData.items.length;
+    const extract_data = (item) => {
+      const type = item.type;
+      if (item.kind === "string") {
+        item.getAsString((data) => {
+          pasted_data.push([type, data]);
+          if (pasted_data.length === n_items) {
+            resolve(pasted_data);
+          }
+        });
+      } else if (item.kind === "file") {
+        const file = item.getAsFile();
+        const reader = new FileReader();
+        reader.onload = (e) => {
+          pasted_data.push([type, e.target.result]);
+          if (pasted_data.length === n_items) {
+            resolve(pasted_data);
+          }
+        };
+        if (type.indexOf("text/") === 0) {
+          reader.readAsText(file);
+        } else {
+          reader.readAsDataURL(file);
+        }
+      }
+    };
+    for (const item of clipboardData.items) {
+      extract_data(item);
+    }
+  });
+
+export default function usePasteHandler(target_ids, event_actions, on_paste) {
+  const onPasteRef = useRef(on_paste);
+  const eventActionsRef = useRef(event_actions);
+
+  useEffect(() => {
+    onPasteRef.current = on_paste;
+  }, [on_paste]);
+  useEffect(() => {
+    eventActionsRef.current = event_actions;
+  }, [event_actions]);
+
+  useEffect(() => {
+    const handle_paste = (_ev) => {
+      eventActionsRef.current?.preventDefault && _ev.preventDefault();
+      eventActionsRef.current?.stopPropagation && _ev.stopPropagation();
+      handle_paste_data(_ev.clipboardData).then(onPasteRef.current);
+    };
+
+    let cleanupListeners = null;
+    let observer = null;
+
+    const attachListeners = (targets) => {
+      targets.forEach((target) =>
+        target.addEventListener("paste", handle_paste, false),
+      );
+      return () => {
+        targets.forEach((target) =>
+          target.removeEventListener("paste", handle_paste, false),
+        );
+      };
+    };
+
+    const tryAttach = () => {
+      if (target_ids.length === 0) {
+        cleanupListeners = attachListeners([document]);
+        return true;
+      }
+      const targets = target_ids
+        .map((id) => document.getElementById(id))
+        .filter((element) => !!element);
+
+      if (targets.length === target_ids.length) {
+        cleanupListeners = attachListeners(targets);
+        return true;
+      }
+
+      return false;
+    };
+
+    if (!tryAttach()) {
+      observer = new MutationObserver(() => {
+        if (tryAttach()) {
+          observer.disconnect();
+          observer = null;
+        }
+      });
+      observer.observe(document.body, { childList: true, subtree: true });
+    }
+
+    return () => {
+      if (observer) {
+        observer.disconnect();
+      }
+      if (cleanupListeners) {
+        cleanupListeners();
+      }
+    };
+  }, [target_ids]);
+}

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/.templates/web/utils/state.js

@@ -56,10 +56,10 @@ export const generateUUID = () => {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
     let r = Math.random() * 16;
     if (d > 0) {
-      r = (d + r) % 16 | 0;
+      r = ((d + r) % 16) | 0;
       d = Math.floor(d / 16);
     } else {
-      r = (d2 + r) % 16 | 0;
+      r = ((d2 + r) % 16) | 0;
       d2 = Math.floor(d2 / 16);
     }
     return (c == "x" ? r : (r & 0x7) | 0x8).toString(16);

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/__init__.py

@@ -336,6 +336,7 @@ _MAPPING: dict = {
         "State",
         "dynamic",
     ],
+    "istate.shared": ["SharedState"],
     "istate.wrappers": ["get_state"],
     "style": ["Style", "toggle_color_mode"],
     "utils.imports": ["ImportDict", "ImportVar"],

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/__init__.pyi

@@ -148,6 +148,7 @@ from .event import (
     window_alert,
 )
 from .experimental import _x
+from .istate.shared import SharedState
 from .istate.storage import Cookie, LocalStorage, SessionStorage
 from .istate.wrappers import get_state
 from .middleware import Middleware, middleware
@@ -205,6 +206,7 @@ __all__ = [
     "PropsBase",
     "Script",
     "SessionStorage",
+    "SharedState",
     "State",
     "Style",
     "UploadFile",

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/app.py

@@ -297,7 +297,7 @@ class UnevaluatedPage:
     description: Var | str | None
     image: str
     on_load: EventType[()] | None
-    meta: Sequence[Mapping[str, str]]
+    meta: Sequence[Mapping[str, Any] | Component]
     context: Mapping[str, Any]
 
     def merged_with(self, other: UnevaluatedPage) -> UnevaluatedPage:
@@ -772,7 +772,7 @@ class App(MiddlewareMixin, LifespanMixin):
         description: str | Var | None = None,
         image: str = constants.DefaultPage.IMAGE,
         on_load: EventType[()] | None = None,
-        meta: list[dict[str, str]] = constants.DefaultPage.META_LIST,
+        meta: Sequence[Mapping[str, Any] | Component] = constants.DefaultPage.META_LIST,
         context: dict[str, Any] | None = None,
     ):
         """Add a page to the app.
@@ -1562,13 +1562,17 @@ class App(MiddlewareMixin, LifespanMixin):
 
     @contextlib.asynccontextmanager
     async def modify_state(
-        self, token: str, background: bool = False
+        self,
+        token: str,
+        background: bool = False,
+        previous_dirty_vars: dict[str, set[str]] | None = None,
     ) -> AsyncIterator[BaseState]:
         """Modify the state out of band.
 
         Args:
             token: The token to modify the state for.
             background: Whether the modification is happening in a background task.
+            previous_dirty_vars: Vars that are considered dirty from a previous operation.
 
         Yields:
             The state to modify.
@@ -1581,7 +1585,9 @@ class App(MiddlewareMixin, LifespanMixin):
             raise RuntimeError(msg)
 
         # Get exclusive access to the state.
-        async with self.state_manager.modify_state(token) as state:
+        async with self.state_manager.modify_state_with_links(
+            token, previous_dirty_vars=previous_dirty_vars
+        ) as state:
             # No other event handler can modify the state while in this context.
             yield state
             delta = await state._get_resolved_delta()
@@ -1769,7 +1775,7 @@ async def process(
             constants.RouteVar.CLIENT_IP: client_ip,
         })
         # Get the state for the session exclusively.
-        async with app.state_manager.modify_state(
+        async with app.state_manager.modify_state_with_links(
             event.substate_token, event=event
         ) as state:
             # When this is a brand new instance of the state, signal the
@@ -2003,7 +2009,9 @@ def upload(app: App):
                 Each state update as JSON followed by a new line.
             """
             # Process the event.
-            async with app.state_manager.modify_state(event.substate_token) as state:
+            async with app.state_manager.modify_state_with_links(
+                event.substate_token
+            ) as state:
                 async for update in state._process(event):
                     # Postprocess the event.
                     update = await app._postprocess(state, event, update)

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/compiler/templates.py

@@ -378,7 +378,11 @@ export function ClientSide(component) {{
   return ({{ children, ...props }}) => {{
     const [Component, setComponent] = useState(null);
     useEffect(() => {{
-      setComponent(component);
+      async function load() {{
+        const comp = await component();
+        setComponent(() => comp);
+      }}
+      load();
     }}, []);
     return Component ? jsx(Component, props, children) : null;
   }};

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/compiler/utils.py

@@ -73,10 +73,12 @@ def validate_imports(import_dict: ParsedImportDict):
         ValueError: if a conflict on "tag/alias" is detected for an import.
     """
     used_tags = {}
-    for lib, _imports in import_dict.items():
-        for _import in _imports:
+    for lib, imported_items in import_dict.items():
+        for imported_item in imported_items:
             import_name = (
-                f"{_import.tag}/{_import.alias}" if _import.alias else _import.tag
+                f"{imported_item.tag}/{imported_item.alias}"
+                if imported_item.alias
+                else imported_item.tag
             )
             if import_name in used_tags:
                 already_imported = used_tags[import_name]
@@ -562,7 +564,7 @@ def add_meta(
     page: Component,
     title: str,
     image: str,
-    meta: list[dict],
+    meta: Sequence[Mapping[str, Any] | Component],
     description: str | None = None,
 ) -> Component:
     """Add metadata to a page.

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/components/component.py

@@ -515,8 +515,10 @@ def _deterministic_hash(value: object) -> str:
         return _hash_str(
             str((value._js_expr, _deterministic_hash(value._get_all_var_data())))
         )
-    if isinstance(value, VarData):
-        return _hash_dict(dataclasses.asdict(value))
+    if dataclasses.is_dataclass(value):
+        return _hash_dict({
+            k.name: getattr(value, k.name) for k in dataclasses.fields(value)
+        })
     if isinstance(value, BaseComponent):
         # If the value is a component, hash its rendered code.
         return _hash_dict(value.render())
@@ -758,9 +760,11 @@ class Component(BaseComponent, ABC):
                 and key not in component_specific_triggers
                 and key not in props
             ):
+                valid_triggers = sorted(component_specific_triggers.keys())
                 msg = (
-                    f"The {(comp_name := type(self).__name__)} does not take in an `{key}` event trigger. If {comp_name}"
-                    f" is a third party component make sure to add `{key}` to the component's event triggers. "
+                    f"The {(comp_name := type(self).__name__)} does not take in an `{key}` event trigger. "
+                    f"Valid triggers for {comp_name}: {valid_triggers}. "
+                    f"If {comp_name} is a third party component make sure to add `{key}` to the component's event triggers. "
                     f"visit https://reflex.dev/docs/wrapping-react/guide/#event-triggers for more info."
                 )
                 raise ValueError(msg)
@@ -2228,7 +2232,6 @@ class NoSSRComponent(Component):
         """
         # React lazy import mechanism.
         dynamic_import = {
-            "react": [ImportVar(tag="lazy")],
             f"$/{constants.Dirs.UTILS}/context": [ImportVar(tag="ClientSide")],
         }
 
@@ -2259,15 +2262,15 @@ class NoSSRComponent(Component):
         library_import = f"import('{import_name}')"
         mod_import = (
             # https://nextjs.org/docs/pages/building-your-application/optimizing/lazy-loading#with-named-exports
-            f".then((mod) => ({{default: mod.{self.tag}}}))"
+            f".then((mod) => mod.{self.tag})"
             if not self.is_default
-            else ""
+            else ".then((mod) => mod.default.default ?? mod.default)"
         )
         return (
-            f"const {self.alias or self.tag} = ClientSide(lazy(() => "
+            f"const {self.alias or self.tag} = ClientSide(() => "
             + library_import
             + mod_import
-            + "))"
+            + ")"
         )
 
 

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/components/el/__init__.py

@@ -9,8 +9,8 @@ from . import elements
 _SUBMODULES: set[str] = {"elements"}
 _SUBMOD_ATTRS: dict[str, list[str]] = {
     # rx.el.a is replaced by React Router's Link.
-    f"elements.{k}": [_v for _v in v if _v != "a"]
-    for k, v in elements._MAPPING.items()
+    f"elements.{k}": [attr for attr in attrs if attr != "a"]
+    for k, attrs in elements._MAPPING.items()
 }
 _EXTRA_MAPPINGS: dict[str, str] = {
     "a": "reflex.components.react_router.link",

{reflex-0.8.21 → reflex-0.8.23a4}/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.554.0"
+LUCIDE_LIBRARY = "lucide-react@0.556.0"
 
 
 class LucideIconComponent(Component):
@@ -317,6 +317,7 @@ LUCIDE_ICON_LIST = [
     "book_open_text",
     "book_open",
     "book_plus",
+    "book_search",
     "book_text",
     "book_type",
     "book_up_2",
@@ -386,8 +387,8 @@ LUCIDE_ICON_LIST = [
     "calendar_sync",
     "calendar_x_2",
     "calendar_x",
-    "calendars",
     "calendar",
+    "calendars",
     "camera_off",
     "camera",
     "candlestick_chart",
@@ -764,8 +765,8 @@ LUCIDE_ICON_LIST = [
     "film",
     "filter_x",
     "filter",
-    "fingerprint",
     "fingerprint_pattern",
+    "fingerprint",
     "fire_extinguisher",
     "fish_off",
     "fish_symbol",
@@ -823,6 +824,7 @@ LUCIDE_ICON_LIST = [
     "folders",
     "footprints",
     "forklift",
+    "form",
     "forward",
     "frame",
     "framer",
@@ -1394,6 +1396,7 @@ LUCIDE_ICON_LIST = [
     "school",
     "scissors_line_dashed",
     "scissors",
+    "scooter",
     "screen_share_off",
     "screen_share",
     "scroll_text",
@@ -1721,6 +1724,7 @@ LUCIDE_ICON_LIST = [
     "utensils_crossed",
     "utensils",
     "utility_pole",
+    "van",
     "variable",
     "vault",
     "vector_square",
@@ -1751,12 +1755,15 @@ LUCIDE_ICON_LIST = [
     "warehouse",
     "washing_machine",
     "watch",
+    "waves_arrow_down",
+    "waves_arrow_up",
     "waves_ladder",
     "waves",
     "waypoints",
     "webcam",
     "webhook_off",
     "webhook",
+    "weight_tilde",
     "weight",
     "wheat_off",
     "wheat",

{reflex-0.8.21 → reflex-0.8.23a4}/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.554.0"
+LUCIDE_LIBRARY = "lucide-react@0.556.0"
 
 class LucideIconComponent(Component):
     @classmethod
@@ -378,6 +378,7 @@ LUCIDE_ICON_LIST = [
     "book_open_text",
     "book_open",
     "book_plus",
+    "book_search",
     "book_text",
     "book_type",
     "book_up_2",
@@ -447,8 +448,8 @@ LUCIDE_ICON_LIST = [
     "calendar_sync",
     "calendar_x_2",
     "calendar_x",
-    "calendars",
     "calendar",
+    "calendars",
     "camera_off",
     "camera",
     "candlestick_chart",
@@ -825,8 +826,8 @@ LUCIDE_ICON_LIST = [
     "film",
     "filter_x",
     "filter",
-    "fingerprint",
     "fingerprint_pattern",
+    "fingerprint",
     "fire_extinguisher",
     "fish_off",
     "fish_symbol",
@@ -884,6 +885,7 @@ LUCIDE_ICON_LIST = [
     "folders",
     "footprints",
     "forklift",
+    "form",
     "forward",
     "frame",
     "framer",
@@ -1455,6 +1457,7 @@ LUCIDE_ICON_LIST = [
     "school",
     "scissors_line_dashed",
     "scissors",
+    "scooter",
     "screen_share_off",
     "screen_share",
     "scroll_text",
@@ -1782,6 +1785,7 @@ LUCIDE_ICON_LIST = [
     "utensils_crossed",
     "utensils",
     "utility_pole",
+    "van",
     "variable",
     "vault",
     "vector_square",
@@ -1812,12 +1816,15 @@ LUCIDE_ICON_LIST = [
     "warehouse",
     "washing_machine",
     "watch",
+    "waves_arrow_down",
+    "waves_arrow_up",
     "waves_ladder",
     "waves",
     "waypoints",
     "webcam",
     "webhook_off",
     "webhook",
+    "weight_tilde",
     "weight",
     "wheat_off",
     "wheat",

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/components/markdown/markdown.py

@@ -494,8 +494,8 @@ let {_LANGUAGE!s} = match ? match[1] : '';
         hooks = {}
         from reflex.compiler.templates import _render_hooks
 
-        for _component in self.component_map.values():
-            comp = _component(_MOCK_ARG)
+        for component_factory in self.component_map.values():
+            comp = component_factory(_MOCK_ARG)
             hooks.update(comp._get_all_hooks())
         formatted_hooks = _render_hooks(hooks)
         return f"""

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/components/plotly/plotly.py

@@ -288,11 +288,11 @@ def dynamic_plotly_import(name: str, package: str) -> str:
         The dynamic import for the plotly component.
     """
     library_import = f"import('{package}')"
-    mod_import = ".then((mod) => ({ default: createPlotlyComponent(mod) }))"
+    mod_import = ".then((mod) => createPlotlyComponent(mod))"
     return f"""
-const {name} = ClientSide(lazy(() =>
+const {name} = ClientSide(() =>
     {library_import}{mod_import}
-))
+)
 """
 
 

{reflex-0.8.21 → reflex-0.8.23a4}/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.4.1"
+    library = "recharts@3.5.1"
 
     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.4.1"
+    library = "recharts@3.5.1"
 
 
 LiteralAnimationEasing = Literal["ease", "ease-in", "ease-out", "ease-in-out", "linear"]

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/constants/installer.py

@@ -14,7 +14,7 @@ class Bun(SimpleNamespace):
     """Bun constants."""
 
     # The Bun version.
-    VERSION = "1.3.3"
+    VERSION = "1.3.4"
 
     # Min Bun Version
     MIN_VERSION = "1.3.0"
@@ -75,7 +75,7 @@ fetch-retries=0
 
 
 def _determine_react_router_version() -> str:
-    default_version = "7.9.6"
+    default_version = "7.10.1"
     if (version := os.getenv("REACT_ROUTER_VERSION")) and version != default_version:
         from reflex.utils import console
 
@@ -87,7 +87,7 @@ def _determine_react_router_version() -> str:
 
 
 def _determine_react_version() -> str:
-    default_version = "19.2.0"
+    default_version = "19.2.1"
     if (version := os.getenv("REACT_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,
-        "vite": "npm:rolldown-vite@7.1.18",
+        "vite": "npm:rolldown-vite@7.2.10",
     }
     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.1.18",
+        "cookie": "1.1.1",
+        "vite": "npm:rolldown-vite@7.2.10",
     }

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/environment.py

@@ -583,6 +583,9 @@ class EnvironmentVariables:
     # Path to the alembic config file
     ALEMBIC_CONFIG: EnvVar[ExistingPath] = env_var(Path(constants.ALEMBIC_CONFIG))
 
+    # Include schemas in alembic migrations.
+    ALEMBIC_INCLUDE_SCHEMAS: EnvVar[bool] = env_var(False)
+
     # Disable SSL verification for HTTPX requests.
     SSL_NO_VERIFY: EnvVar[bool] = env_var(False)
 

{reflex-0.8.21 → reflex-0.8.23a4}/reflex/istate/data.py

@@ -2,6 +2,7 @@
 
 import dataclasses
 from collections.abc import Mapping
+from types import MappingProxyType
 from typing import TYPE_CHECKING
 from urllib.parse import _NetlocResultMixinStr, parse_qsl, urlsplit
 
@@ -12,20 +13,34 @@ from reflex.utils.serializers import serializer
 
 @dataclasses.dataclass(frozen=True, init=False)
 class _FrozenDictStrStr(Mapping[str, str]):
-    _data: tuple[tuple[str, str], ...]
+    _data: MappingProxyType[str, str]
 
     def __init__(self, **kwargs):
-        object.__setattr__(self, "_data", tuple(sorted(kwargs.items())))
+        object.__setattr__(
+            self, "_data", MappingProxyType(dict(sorted(kwargs.items())))
+        )
 
     def __getitem__(self, key: str) -> str:
-        return dict(self._data)[key]
+        return self._data[key]
 
     def __iter__(self):
-        return (x[0] for x in self._data)
+        return iter(self._data)
 
     def __len__(self):
         return len(self._data)
 
+    def __hash__(self) -> int:
+        return hash(frozenset(self._data.items()))
+
+    def __getstate__(self) -> object:
+        return dict(self._data)
+
+    def __setstate__(self, state: object) -> None:
+        if not isinstance(state, dict):
+            msg = "Invalid state for _FrozenDictStrStr"
+            raise TypeError(msg)
+        object.__setattr__(self, "_data", MappingProxyType(state))
+
 
 @dataclasses.dataclass(frozen=True)
 class _HeaderData:
@@ -170,7 +185,7 @@ class PageData:
 
 @serializer(to=dict)
 def _serialize_page_data(obj: PageData) -> dict:
-    return dataclasses.asdict(obj)
+    return {key.name: getattr(obj, key.name) for key in dataclasses.fields(obj)}
 
 
 @dataclasses.dataclass(frozen=True)
@@ -200,7 +215,7 @@ class SessionData:
 
 @serializer(to=dict)
 def _serialize_session_data(obj: SessionData) -> dict:
-    return dataclasses.asdict(obj)
+    return {key.name: getattr(obj, key.name) for key in dataclasses.fields(obj)}
 
 
 @dataclasses.dataclass(frozen=True)