reflex 0.8.5a2__tar.gz → 0.8.6a0__tar.gz

{reflex-0.8.5a2 → reflex-0.8.6a0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex
-Version: 0.8.5a2
+Version: 0.8.6a0
 Summary: Web apps in pure Python.
 Project-URL: homepage, https://reflex.dev
 Project-URL: repository, https://github.com/reflex-dev/reflex
@@ -36,6 +36,8 @@ 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
+Provides-Extra: monitoring
+Requires-Dist: pyleak<1.0,>=0.1.14; extra == 'monitoring'
 Description-Content-Type: text/markdown
 
 <div align="center">
@@ -50,6 +52,7 @@ Description-Content-Type: text/markdown
 [![Documentation](https://img.shields.io/badge/Documentation%20-Introduction%20-%20%23007ec6)](https://reflex.dev/docs/getting-started/introduction)
 [![PyPI Downloads](https://static.pepy.tech/badge/reflex)](https://pepy.tech/projects/reflex)
 [![Discord](https://img.shields.io/discord/1029853095527727165?color=%237289da&label=Discord)](https://discord.gg/T5WSbC2YtQ)
+[![Twitter](https://img.shields.io/twitter/follow/getreflex)](https://x.com/getreflex)
 
 </div>
 
@@ -242,7 +245,7 @@ def get_image(self):
 
 Within the state, we define functions called event handlers that change the state vars. Event handlers are the way that we can modify the state in Reflex. They can be called in response to user actions, such as clicking a button or typing in a text box. These actions are called events.
 
-Our DALL·E. app has an event handler, `get_image` to which get this image from the OpenAI API. Using `yield` in the middle of an event handler will cause the UI to update. Otherwise the UI will update at the end of the event handler.
+Our DALL·E app has an event handler, `get_image` which gets this image from the OpenAI API. Using `yield` in the middle of an event handler will cause the UI to update. Otherwise the UI will update at the end of the event handler.
 
 ### **Routing**
 

{reflex-0.8.5a2 → reflex-0.8.6a0}/README.md

@@ -10,6 +10,7 @@
 [![Documentation](https://img.shields.io/badge/Documentation%20-Introduction%20-%20%23007ec6)](https://reflex.dev/docs/getting-started/introduction)
 [![PyPI Downloads](https://static.pepy.tech/badge/reflex)](https://pepy.tech/projects/reflex)
 [![Discord](https://img.shields.io/discord/1029853095527727165?color=%237289da&label=Discord)](https://discord.gg/T5WSbC2YtQ)
+[![Twitter](https://img.shields.io/twitter/follow/getreflex)](https://x.com/getreflex)
 
 </div>
 
@@ -202,7 +203,7 @@ def get_image(self):
 
 Within the state, we define functions called event handlers that change the state vars. Event handlers are the way that we can modify the state in Reflex. They can be called in response to user actions, such as clicking a button or typing in a text box. These actions are called events.
 
-Our DALL·E. app has an event handler, `get_image` to which get this image from the OpenAI API. Using `yield` in the middle of an event handler will cause the UI to update. Otherwise the UI will update at the end of the event handler.
+Our DALL·E app has an event handler, `get_image` which gets this image from the OpenAI API. Using `yield` in the middle of an event handler will cause the UI to update. Otherwise the UI will update at the end of the event handler.
 
 ### **Routing**
 

{reflex-0.8.5a2 → reflex-0.8.6a0}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.8.5a2"
+version = "0.8.6a0"
 description = "Web apps in pure Python."
 license.text = "Apache-2.0"
 authors = [
@@ -39,6 +39,7 @@ dependencies = [
   "typing_extensions >=4.13.0",
   "wrapt >=1.17.0,<2.0",
 ]
+
 classifiers = [
   "Development Status :: 4 - Beta",
   "License :: OSI Approved :: Apache Software License",
@@ -49,6 +50,10 @@ classifiers = [
   "Programming Language :: Python :: 3.13",
 ]
 
+[project.optional-dependencies]
+monitoring = [
+  "pyleak >=0.1.14,<1.0",
+]
 
 [project.urls]
 homepage = "https://reflex.dev"
@@ -74,6 +79,7 @@ dev = [
   "pre-commit",
   "psutil",
   "psycopg[binary]",
+  "pyleak >=0.1.14,<1.0",
   "pyright",
   "pytest-asyncio",
   "pytest-benchmark",
@@ -227,7 +233,7 @@ fail_fast = true
 
 [[tool.pre-commit.repos]]
 repo = "https://github.com/astral-sh/ruff-pre-commit"
-rev = "v0.12.5"
+rev = "v0.12.7"
 hooks = [
   { id = "ruff-format", args = [
     "reflex",

reflex-0.8.5a2/reflex/.templates/web/vite.config.js → reflex-0.8.6a0/reflex/.templates/jinja/web/vite.config.js.jinja2

@@ -25,6 +25,7 @@ function alwaysUseReactDomServerNode() {
 }
 
 export default defineConfig((config) => ({
+  base: "{{base}}",
   plugins: [
     alwaysUseReactDomServerNode(),
     reactRouter(),
@@ -33,6 +34,16 @@ export default defineConfig((config) => ({
   build: {
     rollupOptions: {
       jsx: {},
+      output: {
+        advancedChunks: {
+          groups: [
+            {
+              test: /env.json/,
+              name: "reflex-env",
+            },
+          ],
+        },
+      },
     },
   },
   server: {

{reflex-0.8.5a2 → reflex-0.8.6a0}/reflex/.templates/web/utils/state.js

@@ -530,6 +530,7 @@ export const connect = async (
     transports: transports,
     protocols: [reflexEnvironment.version],
     autoUnref: false,
+    query: { token: getToken() },
   });
   // Ensure undefined fields in events are sent as null instead of removed
   socket.current.io.encoder.replacer = (k, v) => (v === undefined ? null : v);
@@ -601,6 +602,10 @@ export const connect = async (
     event_processing = false;
     queueEvents([...initialEvents(), event], socket, true, navigate, params);
   });
+  socket.current.on("new_token", async (new_token) => {
+    token = new_token;
+    window.sessionStorage.setItem(TOKEN_KEY, new_token);
+  });
 
   document.addEventListener("visibilitychange", checkVisibility);
 };

{reflex-0.8.5a2 → reflex-0.8.6a0}/reflex/__init__.py

@@ -285,6 +285,7 @@ _MAPPING: dict = {
         "data_editor_theme",
     ],
     "components.sonner.toast": ["toast"],
+    "components.props": ["PropsBase"],
     "components.datadisplay.logo": ["logo"],
     "components.gridjs": ["data_table"],
     "components.moment": ["MomentDelta", "moment"],

{reflex-0.8.5a2 → reflex-0.8.6a0}/reflex/__init__.pyi

@@ -62,6 +62,7 @@ from .components.lucide import icon
 from .components.markdown import markdown
 from .components.moment import MomentDelta, moment
 from .components.plotly import plotly
+from .components.props import PropsBase
 from .components.radix.primitives.accordion import accordion
 from .components.radix.primitives.drawer import drawer
 from .components.radix.primitives.form import form
@@ -193,6 +194,7 @@ __all__ = [
     "Model",
     "MomentDelta",
     "NoSSRComponent",
+    "PropsBase",
     "Script",
     "SessionStorage",
     "State",

{reflex-0.8.5a2 → reflex-0.8.6a0}/reflex/app.py

@@ -13,6 +13,7 @@ import io
 import json
 import sys
 import traceback
+import urllib.parse
 from collections.abc import (
     AsyncGenerator,
     AsyncIterator,
@@ -114,6 +115,7 @@ from reflex.utils import (
 )
 from reflex.utils.exec import get_compile_context, is_prod_mode, is_testing_env
 from reflex.utils.imports import ImportVar
+from reflex.utils.token_manager import TokenManager
 from reflex.utils.types import ASGIApp, Message, Receive, Scope, Send
 
 if TYPE_CHECKING:
@@ -1958,12 +1960,6 @@ class EventNamespace(AsyncNamespace):
     # The application object.
     app: App
 
-    # Keep a mapping between socket ID and client token.
-    token_to_sid: dict[str, str]
-
-    # Keep a mapping between client token and socket ID.
-    sid_to_token: dict[str, str]
-
     def __init__(self, namespace: str, app: App):
         """Initialize the event namespace.
 
@@ -1972,17 +1968,45 @@ class EventNamespace(AsyncNamespace):
             app: The application object.
         """
         super().__init__(namespace)
-        self.token_to_sid = {}
-        self.sid_to_token = {}
         self.app = app
 
-    def on_connect(self, sid: str, environ: dict):
+        # Use TokenManager for distributed duplicate tab prevention
+        self._token_manager = TokenManager.create()
+
+    @property
+    def token_to_sid(self) -> dict[str, str]:
+        """Get token to SID mapping for backward compatibility.
+
+        Returns:
+            The token to SID mapping dict.
+        """
+        # For backward compatibility, expose the underlying dict
+        return self._token_manager.token_to_sid
+
+    @property
+    def sid_to_token(self) -> dict[str, str]:
+        """Get SID to token mapping for backward compatibility.
+
+        Returns:
+            The SID to token mapping dict.
+        """
+        # For backward compatibility, expose the underlying dict
+        return self._token_manager.sid_to_token
+
+    async def on_connect(self, sid: str, environ: dict):
         """Event for when the websocket is connected.
 
         Args:
             sid: The Socket.IO session id.
             environ: The request information, including HTTP headers.
         """
+        query_params = urllib.parse.parse_qs(environ.get("QUERY_STRING", ""))
+        token_list = query_params.get("token", [])
+        if token_list:
+            await self.link_token_to_sid(sid, token_list[0])
+        else:
+            console.warn(f"No token provided in connection for session {sid}")
+
         subprotocol = environ.get("HTTP_SEC_WEBSOCKET_PROTOCOL")
         if subprotocol and subprotocol != constants.Reflex.VERSION:
             console.warn(
@@ -1995,9 +2019,18 @@ class EventNamespace(AsyncNamespace):
         Args:
             sid: The Socket.IO session id.
         """
-        disconnect_token = self.sid_to_token.pop(sid, None)
+        # Get token before cleaning up
+        disconnect_token = self.sid_to_token.get(sid)
         if disconnect_token:
-            self.token_to_sid.pop(disconnect_token, None)
+            # Use async cleanup through token manager
+            task = asyncio.create_task(
+                self._token_manager.disconnect_token(disconnect_token, sid)
+            )
+            # Don't await to avoid blocking disconnect, but handle potential errors
+            task.add_done_callback(
+                lambda t: t.exception()
+                and console.error(f"Token cleanup error: {t.exception()}")
+            )
 
     async def emit_update(self, update: StateUpdate, sid: str) -> None:
         """Emit an update to the client.
@@ -2055,8 +2088,13 @@ class EventNamespace(AsyncNamespace):
             msg = f"Failed to deserialize event data: {fields}."
             raise exceptions.EventDeserializationError(msg) from ex
 
-        self.token_to_sid[event.token] = sid
-        self.sid_to_token[sid] = event.token
+        # Correct the token if it doesn't match what we expect for this SID
+        expected_token = self.sid_to_token.get(sid)
+        if expected_token and event.token != expected_token:
+            # Create new event with corrected token since Event is frozen
+            from dataclasses import replace
+
+            event = replace(event, token=expected_token)
 
         # Get the event environment.
         if self.app.sio is None:
@@ -2106,3 +2144,17 @@ class EventNamespace(AsyncNamespace):
         """
         # Emit the test event.
         await self.emit(str(constants.SocketEvent.PING), "pong", to=sid)
+
+    async def link_token_to_sid(self, sid: str, token: str):
+        """Link a token to a session id.
+
+        Args:
+            sid: The Socket.IO session id.
+            token: The client token.
+        """
+        # Use TokenManager for duplicate detection and Redis support
+        new_token = await self._token_manager.link_token_to_sid(token, sid)
+
+        if new_token:
+            # Duplicate detected, emit new token to client
+            await self.emit("new_token", new_token, to=sid)

{reflex-0.8.5a2 → reflex-0.8.6a0}/reflex/compiler/templates.py

@@ -149,6 +149,9 @@ STYLE = get_template("web/styles/styles.css.jinja2")
 # Code that generate the package json file
 PACKAGE_JSON = get_template("web/package.json.jinja2")
 
+# Code that generate the vite.config.js file
+VITE_CONFIG = get_template("web/vite.config.js.jinja2")
+
 # Template containing some macros used in the web pages.
 MACROS = get_template("web/pages/macros.js.jinja2")
 

{reflex-0.8.5a2 → reflex-0.8.6a0}/reflex/components/datadisplay/dataeditor.py

@@ -197,6 +197,9 @@ class DataEditor(NoSSRComponent):
     # Enables or disables the overlay shadow when scrolling vertically.
     fixed_shadow_y: Var[bool]
 
+    # Controls the presence of the fill indicator
+    fill_handle: Var[bool]
+
     # The number of columns which should remain in place when scrolling horizontally. Doesn't include rowMarkers.
     freeze_columns: Var[int]
 

{reflex-0.8.5a2 → reflex-0.8.6a0}/reflex/components/datadisplay/dataeditor.pyi

@@ -141,6 +141,7 @@ class DataEditor(NoSSRComponent):
         draw_focus_ring: Var[bool] | bool | None = None,
         fixed_shadow_x: Var[bool] | bool | None = None,
         fixed_shadow_y: Var[bool] | bool | None = None,
+        fill_handle: Var[bool] | bool | None = None,
         freeze_columns: Var[int] | int | None = None,
         group_header_height: Var[int] | int | None = None,
         header_height: Var[int] | int | None = None,
@@ -245,6 +246,7 @@ class DataEditor(NoSSRComponent):
             draw_focus_ring: Controls the drawing of the focus ring.
             fixed_shadow_x: Enables or disables the overlay shadow when scrolling horizontally.
             fixed_shadow_y: Enables or disables the overlay shadow when scrolling vertically.
+            fill_handle: Controls the presence of the fill indicator
             freeze_columns: The number of columns which should remain in place when scrolling horizontally. Doesn't include rowMarkers.
             group_header_height: Controls the header of the group header row.
             header_height: Controls the height of the header row.

{reflex-0.8.5a2 → reflex-0.8.6a0}/reflex/components/el/__init__.pyi

@@ -106,6 +106,7 @@ from .elements.media import (
     Line,
     LinearGradient,
     Map,
+    Marker,
     Object,
     Path,
     Picture,
@@ -132,6 +133,7 @@ from .elements.media import (
     line,
     linear_gradient,
     map,
+    marker,
     object,
     path,
     picture,
@@ -332,6 +334,7 @@ __all__ = [
     "Main",
     "Map",
     "Mark",
+    "Marker",
     "Math",
     "Meta",
     "Meter",
@@ -457,6 +460,7 @@ __all__ = [
     "main",
     "map",
     "mark",
+    "marker",
     "math",
     "meta",
     "meter",

{reflex-0.8.5a2 → reflex-0.8.6a0}/reflex/components/el/elements/__init__.py

@@ -78,6 +78,7 @@ _MAPPING = {
         "linear_gradient",
         "radial_gradient",
         "defs",
+        "marker",
     ],
     "metadata": [
         "base",

{reflex-0.8.5a2 → reflex-0.8.6a0}/reflex/components/el/elements/__init__.pyi

@@ -104,6 +104,7 @@ from .media import (
     Line,
     LinearGradient,
     Map,
+    Marker,
     Object,
     Path,
     Picture,
@@ -130,6 +131,7 @@ from .media import (
     line,
     linear_gradient,
     map,
+    marker,
     object,
     path,
     picture,
@@ -336,6 +338,7 @@ _MAPPING = {
         "linear_gradient",
         "radial_gradient",
         "defs",
+        "marker",
     ],
     "metadata": ["base", "head", "link", "meta", "title", "style"],
     "other": ["details", "dialog", "summary", "slot", "template", "math", "html"],
@@ -469,6 +472,7 @@ __all__ = [
     "Main",
     "Map",
     "Mark",
+    "Marker",
     "Math",
     "Meta",
     "Meter",
@@ -593,6 +597,7 @@ __all__ = [
     "main",
     "map",
     "mark",
+    "marker",
     "math",
     "meta",
     "meter",

{reflex-0.8.5a2 → reflex-0.8.6a0}/reflex/components/el/elements/media.py

@@ -484,6 +484,36 @@ class Path(BaseHTML):
     d: Var[str | int | float]
 
 
+class Marker(BaseHTML):
+    """Display the marker element."""
+
+    tag = "marker"
+
+    # The height of the marker viewport.
+    marker_height: Var[str | int | float]
+
+    # The width of the marker viewport.
+    marker_width: Var[str | int | float]
+
+    # The coordinate system for the marker attributes.
+    marker_units: Var[str]
+
+    # The orientation of the marker relative to the shape it is attached to.
+    orient: Var[str | int | float]
+
+    # How the svg fragment must be deformed if it is embedded in a container with a different aspect ratio.
+    preserve_aspect_ratio: Var[str]
+
+    # The x coordinate for the reference point of the marker.
+    ref_x: Var[str | int | float]
+
+    # The y coordinate for the reference point of the marker.
+    ref_y: Var[str | int | float]
+
+    # The bound of the SVG viewport for the current SVG fragment.
+    view_box: Var[str]
+
+
 class G(BaseHTML):
     """The SVG g component, used to group other SVG elements."""
 
@@ -522,6 +552,7 @@ class SVG(ComponentNamespace):
     linear_gradient = staticmethod(LinearGradient.create)
     radial_gradient = staticmethod(RadialGradient.create)
     defs = staticmethod(Defs.create)
+    marker = staticmethod(Marker.create)
     g = staticmethod(G.create)
     __call__ = staticmethod(Svg.create)
 
@@ -537,6 +568,7 @@ stop = Stop.create
 linear_gradient = LinearGradient.create
 radial_gradient = RadialGradient.create
 defs = Defs.create
+marker = Marker.create
 g = G.create
 area = Area.create
 audio = Audio.create