reflex 0.8.10a1__py3-none-any.whl → 0.8.11__py3-none-any.whl

reflex/.templates/web/utils/helpers/upload.js

@@ -0,0 +1,170 @@
+import JSON5 from "json5";
+import env from "$/env.json";
+
+/**
+ * Upload files to the server.
+ *
+ * @param state The state to apply the delta to.
+ * @param handler The handler to use.
+ * @param upload_id The upload id to use.
+ * @param on_upload_progress The function to call on upload progress.
+ * @param socket the websocket connection
+ * @param extra_headers Extra headers to send with the request.
+ * @param refs The refs object to store the abort controller in.
+ * @param getBackendURL Function to get the backend URL.
+ * @param getToken Function to get the Reflex token.
+ *
+ * @returns The response from posting to the UPLOADURL endpoint.
+ */
+export const uploadFiles = async (
+  handler,
+  files,
+  upload_id,
+  on_upload_progress,
+  extra_headers,
+  socket,
+  refs,
+  getBackendURL,
+  getToken,
+) => {
+  // return if there's no file to upload
+  if (files === undefined || files.length === 0) {
+    return false;
+  }
+
+  const upload_ref_name = `__upload_controllers_${upload_id}`;
+
+  if (refs[upload_ref_name]) {
+    console.log("Upload already in progress for ", upload_id);
+    return false;
+  }
+
+  // Track how many partial updates have been processed for this upload.
+  let resp_idx = 0;
+  const eventHandler = (progressEvent) => {
+    const event_callbacks = socket._callbacks.$event;
+    // Whenever called, responseText will contain the entire response so far.
+    const chunks = progressEvent.event.target.responseText.trim().split("\n");
+    // So only process _new_ chunks beyond resp_idx.
+    chunks.slice(resp_idx).map((chunk_json) => {
+      try {
+        const chunk = JSON5.parse(chunk_json);
+        event_callbacks.map((f, ix) => {
+          f(chunk)
+            .then(() => {
+              if (ix === event_callbacks.length - 1) {
+                // Mark this chunk as processed.
+                resp_idx += 1;
+              }
+            })
+            .catch((e) => {
+              if (progressEvent.progress === 1) {
+                // Chunk may be incomplete, so only report errors when full response is available.
+                console.log("Error processing chunk", chunk, e);
+              }
+              return;
+            });
+        });
+      } catch (e) {
+        if (progressEvent.progress === 1) {
+          console.log("Error parsing chunk", chunk_json, e);
+        }
+        return;
+      }
+    });
+  };
+
+  const controller = new AbortController();
+  const formdata = new FormData();
+
+  // Add the token and handler to the file name.
+  files.forEach((file) => {
+    formdata.append("files", file, file.path || file.name);
+  });
+
+  // Send the file to the server.
+  refs[upload_ref_name] = controller;
+
+  return new Promise((resolve, reject) => {
+    const xhr = new XMLHttpRequest();
+
+    // Set up event handlers
+    xhr.onload = function () {
+      if (xhr.status >= 200 && xhr.status < 300) {
+        resolve({
+          data: xhr.responseText,
+          status: xhr.status,
+          statusText: xhr.statusText,
+          headers: {
+            get: (name) => xhr.getResponseHeader(name),
+          },
+        });
+      } else {
+        reject(new Error(`HTTP error! status: ${xhr.status}`));
+      }
+    };
+
+    xhr.onerror = function () {
+      reject(new Error("Network error"));
+    };
+
+    xhr.onabort = function () {
+      reject(new Error("Upload aborted"));
+    };
+
+    // Handle upload progress
+    if (on_upload_progress) {
+      xhr.upload.onprogress = function (event) {
+        if (event.lengthComputable) {
+          const progressEvent = {
+            loaded: event.loaded,
+            total: event.total,
+            progress: event.loaded / event.total,
+          };
+          on_upload_progress(progressEvent);
+        }
+      };
+    }
+
+    // Handle download progress with streaming response parsing
+    xhr.onprogress = function (event) {
+      if (eventHandler) {
+        const progressEvent = {
+          event: {
+            target: {
+              responseText: xhr.responseText,
+            },
+          },
+          progress: event.lengthComputable ? event.loaded / event.total : 0,
+        };
+        eventHandler(progressEvent);
+      }
+    };
+
+    // Handle abort controller
+    controller.signal.addEventListener("abort", () => {
+      xhr.abort();
+    });
+
+    // Configure and send request
+    xhr.open("POST", getBackendURL(env.UPLOAD));
+    xhr.setRequestHeader("Reflex-Client-Token", getToken());
+    xhr.setRequestHeader("Reflex-Event-Handler", handler);
+    for (const [key, value] of Object.entries(extra_headers || {})) {
+      xhr.setRequestHeader(key, value);
+    }
+
+    try {
+      xhr.send(formdata);
+    } catch (error) {
+      reject(error);
+    }
+  })
+    .catch((error) => {
+      console.log("Upload error:", error.message);
+      return false;
+    })
+    .finally(() => {
+      delete refs[upload_ref_name];
+    });
+};

reflex/.templates/web/utils/state.js

@@ -20,10 +20,10 @@ import {
 } from "$/utils/context";
 import debounce from "$/utils/helpers/debounce";
 import throttle from "$/utils/helpers/throttle";
+import { uploadFiles } from "$/utils/helpers/upload";
 
 // Endpoint URLs.
 const EVENTURL = env.EVENT;
-const UPLOADURL = env.UPLOAD;
 
 // These hostnames indicate that the backend and frontend are reachable via the same domain.
 const SAME_DOMAIN_HOSTNAMES = ["localhost", "0.0.0.0", "::", "0:0:0:0:0:0:0:0"];
@@ -432,7 +432,11 @@ export const applyRestEvent = async (event, socket, navigate, params) => {
       event.payload.files,
       event.payload.upload_id,
       event.payload.on_upload_progress,
+      event.payload.extra_headers,
       socket,
+      refs,
+      getBackendURL,
+      getToken,
     );
     return false;
   }
@@ -614,163 +618,6 @@ export const connect = async (
   document.addEventListener("visibilitychange", checkVisibility);
 };
 
-/**
- * Upload files to the server.
- *
- * @param state The state to apply the delta to.
- * @param handler The handler to use.
- * @param upload_id The upload id to use.
- * @param on_upload_progress The function to call on upload progress.
- * @param socket the websocket connection
- *
- * @returns The response from posting to the UPLOADURL endpoint.
- */
-export const uploadFiles = async (
-  handler,
-  files,
-  upload_id,
-  on_upload_progress,
-  socket,
-) => {
-  // return if there's no file to upload
-  if (files === undefined || files.length === 0) {
-    return false;
-  }
-
-  const upload_ref_name = `__upload_controllers_${upload_id}`;
-
-  if (refs[upload_ref_name]) {
-    console.log("Upload already in progress for ", upload_id);
-    return false;
-  }
-
-  // Track how many partial updates have been processed for this upload.
-  let resp_idx = 0;
-  const eventHandler = (progressEvent) => {
-    const event_callbacks = socket._callbacks.$event;
-    // Whenever called, responseText will contain the entire response so far.
-    const chunks = progressEvent.event.target.responseText.trim().split("\n");
-    // So only process _new_ chunks beyond resp_idx.
-    chunks.slice(resp_idx).map((chunk_json) => {
-      try {
-        const chunk = JSON5.parse(chunk_json);
-        event_callbacks.map((f, ix) => {
-          f(chunk)
-            .then(() => {
-              if (ix === event_callbacks.length - 1) {
-                // Mark this chunk as processed.
-                resp_idx += 1;
-              }
-            })
-            .catch((e) => {
-              if (progressEvent.progress === 1) {
-                // Chunk may be incomplete, so only report errors when full response is available.
-                console.log("Error processing chunk", chunk, e);
-              }
-              return;
-            });
-        });
-      } catch (e) {
-        if (progressEvent.progress === 1) {
-          console.log("Error parsing chunk", chunk_json, e);
-        }
-        return;
-      }
-    });
-  };
-
-  const controller = new AbortController();
-  const formdata = new FormData();
-
-  // Add the token and handler to the file name.
-  files.forEach((file) => {
-    formdata.append("files", file, file.path || file.name);
-  });
-
-  // Send the file to the server.
-  refs[upload_ref_name] = controller;
-
-  return new Promise((resolve, reject) => {
-    const xhr = new XMLHttpRequest();
-
-    // Set up event handlers
-    xhr.onload = function () {
-      if (xhr.status >= 200 && xhr.status < 300) {
-        resolve({
-          data: xhr.responseText,
-          status: xhr.status,
-          statusText: xhr.statusText,
-          headers: {
-            get: (name) => xhr.getResponseHeader(name),
-          },
-        });
-      } else {
-        reject(new Error(`HTTP error! status: ${xhr.status}`));
-      }
-    };
-
-    xhr.onerror = function () {
-      reject(new Error("Network error"));
-    };
-
-    xhr.onabort = function () {
-      reject(new Error("Upload aborted"));
-    };
-
-    // Handle upload progress
-    if (on_upload_progress) {
-      xhr.upload.onprogress = function (event) {
-        if (event.lengthComputable) {
-          const progressEvent = {
-            loaded: event.loaded,
-            total: event.total,
-            progress: event.loaded / event.total,
-          };
-          on_upload_progress(progressEvent);
-        }
-      };
-    }
-
-    // Handle download progress with streaming response parsing
-    xhr.onprogress = function (event) {
-      if (eventHandler) {
-        const progressEvent = {
-          event: {
-            target: {
-              responseText: xhr.responseText,
-            },
-          },
-          progress: event.lengthComputable ? event.loaded / event.total : 0,
-        };
-        eventHandler(progressEvent);
-      }
-    };
-
-    // Handle abort controller
-    controller.signal.addEventListener("abort", () => {
-      xhr.abort();
-    });
-
-    // Configure and send request
-    xhr.open("POST", getBackendURL(UPLOADURL));
-    xhr.setRequestHeader("Reflex-Client-Token", getToken());
-    xhr.setRequestHeader("Reflex-Event-Handler", handler);
-
-    try {
-      xhr.send(formdata);
-    } catch (error) {
-      reject(error);
-    }
-  })
-    .catch((error) => {
-      console.log("Upload error:", error.message);
-      return false;
-    })
-    .finally(() => {
-      delete refs[upload_ref_name];
-    });
-};
-
 /**
  * Create an event object.
  * @param {string} name The name of the event.

reflex/app.py

@@ -258,6 +258,15 @@ class UploadFile(StarletteUploadFile):
 
     headers: Headers = dataclasses.field(default_factory=Headers)
 
+    @property
+    def filename(self) -> str | None:
+        """Get the name of the uploaded file.
+
+        Returns:
+            The name of the uploaded file.
+        """
+        return self.name
+
     @property
     def name(self) -> str | None:
         """Get the name of the uploaded file.
@@ -1272,12 +1281,12 @@ class App(MiddlewareMixin, LifespanMixin):
 
         # Compile custom components.
         (
-            custom_components_output,
-            custom_components_result,
-            custom_components_imports,
-        ) = compiler.compile_components(dict.fromkeys(CUSTOM_COMPONENTS.values()))
-        compile_results.append((custom_components_output, custom_components_result))
-        all_imports.update(custom_components_imports)
+            memo_components_output,
+            memo_components_result,
+            memo_components_imports,
+        ) = compiler.compile_memo_components(dict.fromkeys(CUSTOM_COMPONENTS.values()))
+        compile_results.append((memo_components_output, memo_components_result))
+        all_imports.update(memo_components_imports)
         progress.advance(task)
 
         with console.timing("Collect all imports and app wraps"):

reflex/compiler/compiler.py

@@ -336,7 +336,7 @@ def _compile_component(component: Component | StatefulComponent) -> str:
     return templates.component_template(component=component)
 
 
-def _compile_components(
+def _compile_memo_components(
     components: Iterable[CustomComponent],
 ) -> tuple[str, dict[str, list[ImportVar]]]:
     """Compile the components.
@@ -376,7 +376,7 @@ def _compile_components(
 
     # Compile the components page.
     return (
-        templates.custom_component_template(
+        templates.memo_components_template(
             imports=utils.compile_imports(imports),
             components=component_renders,
             dynamic_imports=sorted(dynamic_imports),
@@ -565,7 +565,7 @@ def compile_page(path: str, component: BaseComponent) -> tuple[str, str]:
     return output_path, code
 
 
-def compile_components(
+def compile_memo_components(
     components: Iterable[CustomComponent],
 ) -> tuple[str, str, dict[str, list[ImportVar]]]:
     """Compile the custom components.
@@ -580,7 +580,7 @@ def compile_components(
     output_path = utils.get_components_path()
 
     # Compile the components.
-    code, imports = _compile_components(components)
+    code, imports = _compile_memo_components(components)
     return output_path, code, imports
 
 

reflex/compiler/templates.py

@@ -8,6 +8,7 @@ from typing import TYPE_CHECKING, Any
 
 from reflex import constants
 from reflex.constants import Hooks
+from reflex.constants.state import CAMEL_CASE_MEMO_MARKER
 from reflex.utils.format import format_state_name, json_dumps
 from reflex.vars.base import VarData
 
@@ -637,7 +638,7 @@ def stateful_components_template(imports: list[_ImportDict], memoized_code: str)
     return f"{imports_str}\n{memoized_code}"
 
 
-def custom_component_template(
+def memo_components_template(
     imports: list[_ImportDict],
     components: list[dict[str, Any]],
     dynamic_imports: Iterable[str],
@@ -661,7 +662,7 @@ def custom_component_template(
     components_code = ""
     for component in components:
         components_code += f"""
-export const {component["name"]} = memo(({{ {", ".join(component.get("props", []))} }}) => {{
+export const {component["name"]} = memo(({{ {",".join([f"{prop}:{prop}{CAMEL_CASE_MEMO_MARKER}" for prop in component.get("props", [])])} }}) => {{
     {_render_hooks(component.get("hooks", {}))}
     return(
         {_RenderUtils.render(component["render"])}

reflex/components/component.py

@@ -37,12 +37,13 @@ from reflex.constants import (
     PageNames,
 )
 from reflex.constants.compiler import SpecialAttributes
-from reflex.constants.state import FRONTEND_EVENT_STATE, MEMO_MARKER
+from reflex.constants.state import CAMEL_CASE_MEMO_MARKER, FRONTEND_EVENT_STATE
 from reflex.event import (
     EventCallback,
     EventChain,
     EventHandler,
     EventSpec,
+    args_specs_from_fields,
     no_args_event_spec,
     parse_args_spec,
     pointer_event_spec,
@@ -143,14 +144,6 @@ class BaseComponentMeta(FieldBasedMeta, ABCMeta):
         _fields: Mapping[str, ComponentField]
         _js_fields: Mapping[str, ComponentField]
 
-    @classmethod
-    def _resolve_annotations(
-        cls, namespace: dict[str, Any], name: str
-    ) -> dict[str, Any]:
-        return types.resolve_annotations(
-            namespace.get("__annotations__", {}), namespace["__module__"]
-        )
-
     @classmethod
     def _process_annotated_fields(
         cls,
@@ -909,18 +902,7 @@ class Component(BaseComponent, ABC):
         """
         # Look for component specific triggers,
         # e.g. variable declared as EventHandler types.
-        return DEFAULT_TRIGGERS | {
-            name: (
-                metadata[0]
-                if (
-                    (metadata := getattr(field.annotated_type, "__metadata__", None))
-                    is not None
-                )
-                else no_args_event_spec
-            )
-            for name, field in cls.get_fields().items()
-            if field.type_origin is EventHandler
-        }  # pyright: ignore [reportOperatorIssue]
+        return DEFAULT_TRIGGERS | args_specs_from_fields(cls.get_fields())  # pyright: ignore [reportOperatorIssue]
 
     def __repr__(self) -> str:
         """Represent the component in React.
@@ -1983,7 +1965,7 @@ class CustomComponent(Component):
 
         super()._post_init(
             event_triggers={
-                key + MEMO_MARKER: EventChain.create(
+                key: EventChain.create(
                     value=props[key],
                     args_spec=get_args_spec(key),
                     key=key,
@@ -1994,9 +1976,7 @@ class CustomComponent(Component):
         )
 
         to_camel_cased_props = {
-            format.to_camel_case(key + MEMO_MARKER): None
-            for key in props
-            if key not in event_types
+            format.to_camel_case(key): None for key in props if key not in event_types
         }
         self.get_props = lambda: to_camel_cased_props  # pyright: ignore [reportIncompatibleVariableOverride]
 
@@ -2011,7 +1991,7 @@ class CustomComponent(Component):
             if key not in props_types:
                 continue
 
-            camel_cased_key = format.to_camel_case(key + MEMO_MARKER)
+            camel_cased_key = format.to_camel_case(key)
 
             # Get the type based on the annotation.
             type_ = props_types[key]
@@ -2101,11 +2081,13 @@ class CustomComponent(Component):
         """
         return [
             Var(
-                _js_expr=name,
+                _js_expr=name + CAMEL_CASE_MEMO_MARKER,
                 _var_type=(prop._var_type if isinstance(prop, Var) else type(prop)),
             ).guess_type()
             if isinstance(prop, Var) or not isinstance(prop, EventChain)
-            else CustomComponent._get_event_spec_from_args_spec(name, prop)
+            else CustomComponent._get_event_spec_from_args_spec(
+                name + CAMEL_CASE_MEMO_MARKER, prop
+            )
             for name, prop in self.props.items()
         ]
 

reflex/components/core/upload.py

@@ -35,6 +35,7 @@ from reflex.utils import format
 from reflex.utils.imports import ImportVar
 from reflex.vars import VarData
 from reflex.vars.base import Var, get_unique_variable_name
+from reflex.vars.function import FunctionVar
 from reflex.vars.sequence import LiteralStringVar
 
 DEFAULT_UPLOAD_ID: str = "default"
@@ -111,8 +112,7 @@ def clear_selected_files(id_: str = DEFAULT_UPLOAD_ID) -> EventSpec:
     # UploadFilesProvider assigns a special function to clear selected files
     # into the shared global refs object to make it accessible outside a React
     # component via `run_script` (otherwise backend could never clear files).
-    func = Var("__clear_selected_files")._as_ref()
-    return run_script(f"{func}({id_!r})")
+    return run_script(Var("__clear_selected_files")._as_ref().to(FunctionVar).call(id_))
 
 
 def cancel_upload(upload_id: str) -> EventSpec:

reflex/components/datadisplay/code.py

@@ -382,7 +382,7 @@ for theme_name in dir(Theme):
 class CodeBlock(Component, MarkdownComponentMap):
     """A code block."""
 
-    library = "react-syntax-highlighter@15.6.1"
+    library = "react-syntax-highlighter@15.6.6"
 
     tag = "PrismAsyncLight"
 
@@ -412,7 +412,7 @@ class CodeBlock(Component, MarkdownComponentMap):
     )
 
     # Props passed down to the code tag.
-    code_tag_props: Var[dict[str, str]]
+    code_tag_props: Var[dict[str, str | dict[str, str]]]
 
     # Whether a copy button should appear.
     can_copy: bool | None = field(

reflex/components/datadisplay/code.pyi

@@ -926,7 +926,9 @@ class CodeBlock(Component, MarkdownComponentMap):
         starting_line_number: Var[int] | int | None = None,
         wrap_long_lines: Var[bool] | bool | None = None,
         custom_style: dict[str, str | Var | Color] | None = None,
-        code_tag_props: Var[dict[str, str]] | dict[str, str] | None = None,
+        code_tag_props: Var[dict[str, dict[str, str] | str]]
+        | dict[str, dict[str, str] | str]
+        | None = None,
         can_copy: bool | None = None,
         copy_button: Component | bool | None = None,
         style: Sequence[Mapping[str, Any]]
@@ -1562,7 +1564,9 @@ class CodeblockNamespace(ComponentNamespace):
         starting_line_number: Var[int] | int | None = None,
         wrap_long_lines: Var[bool] | bool | None = None,
         custom_style: dict[str, str | Var | Color] | None = None,
-        code_tag_props: Var[dict[str, str]] | dict[str, str] | None = None,
+        code_tag_props: Var[dict[str, dict[str, str] | str]]
+        | dict[str, dict[str, str] | str]
+        | None = None,
         can_copy: bool | None = None,
         copy_button: Component | bool | None = None,
         style: Sequence[Mapping[str, Any]]

reflex/components/field.py

@@ -6,6 +6,8 @@ from collections.abc import Callable
 from dataclasses import _MISSING_TYPE, MISSING
 from typing import Annotated, Any, Generic, TypeVar, get_origin
 
+from reflex.utils import types
+
 FIELD_TYPE = TypeVar("FIELD_TYPE")
 
 
@@ -114,7 +116,9 @@ class FieldBasedMeta(type):
     def _resolve_annotations(
         cls, namespace: dict[str, Any], name: str
     ) -> dict[str, Any]:
-        return namespace.get("__annotations__", {})
+        return types.resolve_annotations(
+            namespace.get("__annotations__", {}), namespace["__module__"]
+        )
 
     @classmethod
     def _process_field_overrides(

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.542.0"
+LUCIDE_LIBRARY = "lucide-react@0.543.0"
 
 
 class LucideIconComponent(Component):
@@ -921,6 +921,7 @@ LUCIDE_ICON_LIST = [
     "hospital",
     "hotel",
     "hourglass",
+    "house_heart",
     "house_plug",
     "house_plus",
     "house_wifi",

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.542.0"
+LUCIDE_LIBRARY = "lucide-react@0.543.0"
 
 class LucideIconComponent(Component):
     @classmethod
@@ -986,6 +986,7 @@ LUCIDE_ICON_LIST = [
     "hospital",
     "hotel",
     "hourglass",
+    "house_heart",
     "house_plug",
     "house_plus",
     "house_wifi",

reflex/components/props.py

@@ -9,6 +9,7 @@ from typing import Any, TypeVar, get_args, get_origin
 from typing_extensions import dataclass_transform
 
 from reflex.components.field import BaseField, FieldBasedMeta
+from reflex.event import EventChain, args_specs_from_fields
 from reflex.utils import format
 from reflex.utils.exceptions import InvalidPropValueError
 from reflex.utils.serializers import serializer
@@ -267,6 +268,20 @@ class PropsBase(metaclass=PropsBaseMeta):
                     setattr(self, field_name, field.default_factory())
                 # Note: Fields with no default and no factory remain unset (required fields)
 
+        # Convert EventHandler to EventChain
+        args_specs = args_specs_from_fields(self.get_fields())
+        for handler_name, args_spec in args_specs.items():
+            if (handler := getattr(self, handler_name, None)) is not None:
+                setattr(
+                    self,
+                    handler_name,
+                    EventChain.create(
+                        value=handler,
+                        args_spec=args_spec,
+                        key=handler_name,
+                    ),
+                )
+
     @classmethod
     def get_fields(cls) -> dict[str, Any]:
         """Get the fields of the object.

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.1.2"
+    library = "recharts@3.2.0"
 
     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.1.2"
+    library = "recharts@3.2.0"
 
 
 LiteralAnimationEasing = Literal["ease", "ease-in", "ease-out", "ease-in-out", "linear"]

reflex/constants/installer.py

@@ -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.5",
+        "vite": "npm:rolldown-vite@7.1.8",
     }
     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.5",
+        "vite": "npm:rolldown-vite@7.1.8",
     }

reflex/constants/state.py

@@ -16,3 +16,4 @@ FRONTEND_EVENT_STATE = "__reflex_internal_frontend_event_state"
 
 FIELD_MARKER = "_rx_state_"
 MEMO_MARKER = "_rx_memo_"
+CAMEL_CASE_MEMO_MARKER = "RxMemo"

reflex/environment.py

@@ -204,7 +204,7 @@ def interpret_env_var_value(
         The interpreted value.
 
     Raises:
-        ValueError: If the value is invalid.
+        ValueError: If the environment variable type is invalid.
     """
     field_type = value_inside_optional(field_type)
 

reflex/event.py

@@ -26,6 +26,7 @@ from typing import (
 from typing_extensions import Self, TypeAliasType, TypedDict, TypeVarTuple, Unpack
 
 from reflex import constants
+from reflex.components.field import BaseField
 from reflex.constants.compiler import CompileVars, Hooks, Imports
 from reflex.constants.state import FRONTEND_EVENT_STATE
 from reflex.utils import format
@@ -846,6 +847,7 @@ class FileUpload:
 
     upload_id: str | None = None
     on_upload_progress: EventHandler | Callable | None = None
+    extra_headers: dict[str, str] | None = None
 
     @staticmethod
     def on_upload_progress_args_spec(_prog: Var[dict[str, int | float | bool]]):
@@ -887,6 +889,12 @@ class FileUpload:
                 Var(_js_expr="upload_id"),
                 LiteralVar.create(upload_id),
             ),
+            (
+                Var(_js_expr="extra_headers"),
+                LiteralVar.create(
+                    self.extra_headers if self.extra_headers is not None else {}
+                ),
+            ),
         ]
         if self.on_upload_progress is not None:
             on_upload_progress = self.on_upload_progress
@@ -1677,6 +1685,31 @@ def parse_args_spec(arg_spec: ArgsSpec | Sequence[ArgsSpec]):
     ), annotations
 
 
+def args_specs_from_fields(
+    fields_dict: Mapping[str, BaseField],
+) -> dict[str, ArgsSpec | Sequence[ArgsSpec]]:
+    """Get the event triggers and arg specs from the given fields.
+
+    Args:
+        fields_dict: The fields, keyed by name
+
+    Returns:
+        The args spec for any field annotated as EventHandler.
+    """
+    return {
+        name: (
+            metadata[0]
+            if (
+                (metadata := getattr(field.annotated_type, "__metadata__", None))
+                is not None
+            )
+            else no_args_event_spec
+        )
+        for name, field in fields_dict.items()
+        if field.type_origin is EventHandler
+    }
+
+
 def check_fn_match_arg_spec(
     user_func: Callable,
     user_func_parameters: Mapping[str, inspect.Parameter],
@@ -2429,6 +2462,7 @@ class EventNamespace:
     check_fn_match_arg_spec = staticmethod(check_fn_match_arg_spec)
     resolve_annotation = staticmethod(resolve_annotation)
     parse_args_spec = staticmethod(parse_args_spec)
+    args_specs_from_fields = staticmethod(args_specs_from_fields)
     unwrap_var_annotation = staticmethod(unwrap_var_annotation)
     get_fn_signature = staticmethod(get_fn_signature)
 

reflex/plugins/tailwind_v4.py

@@ -17,7 +17,7 @@ class Constants(SimpleNamespace):
     """Tailwind constants."""
 
     # The Tailwindcss version
-    VERSION = "tailwindcss@4.1.12"
+    VERSION = "tailwindcss@4.1.13"
     # The Tailwind config.
     CONFIG = "tailwind.config.js"
     # Default Tailwind content paths
@@ -156,7 +156,7 @@ class TailwindV4Plugin(TailwindPlugin):
         return [
             *super().get_frontend_development_dependencies(**context),
             Constants.VERSION,
-            "@tailwindcss/postcss@4.1.12",
+            "@tailwindcss/postcss@4.1.13",
         ]
 
     def pre_compile(self, **context):

{reflex-0.8.10a1.dist-info → reflex-0.8.11.dist-info}/METADATA

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

{reflex-0.8.10a1.dist-info → reflex-0.8.11.dist-info}/RECORD

@@ -2,12 +2,12 @@ reflex/__init__.py,sha256=_1PVYjDeA6_JyfXvL6OuKjjO6AX2oMiNcAq8AEHf6xw,10161
 reflex/__init__.pyi,sha256=0D46kHVUJPE_kgYL-BjraERu-MXNCPsQTZQShrijmeQ,10148
 reflex/__main__.py,sha256=6cVrGEyT3j3tEvlEVUatpaYfbB5EF3UVY-6vc_Z7-hw,108
 reflex/admin.py,sha256=Nbc38y-M8iaRBvh1W6DQu_D3kEhO8JFvxrog4q2cB_E,434
-reflex/app.py,sha256=PaoBHbIRPHAf5_nfEcRKDmANi77LTJfq5xuJZIUBCCU,77932
+reflex/app.py,sha256=6twI1PM0obKXFylomi-AXqr1zdaK9aZzYH3yh6zO2M8,78122
 reflex/assets.py,sha256=l5O_mlrTprC0lF7Rc_McOe3a0OtSLnRdNl_PqCpDCBA,3431
 reflex/base.py,sha256=Oh664QL3fZEHErhUasFqP7fE4olYf1y-9Oj6uZI2FCU,1173
 reflex/config.py,sha256=LsHAtdH4nkSn3q_Ie-KNdOGdflLXrFICUQov29oFjVk,21229
-reflex/environment.py,sha256=UC3Re-qTWAZQ6ib8axGaPtWYsPWfXFBjZV2H9NEtg5s,23570
-reflex/event.py,sha256=bxZ0zv1jiuA0Y1ezlKInTYn7fZ3EMM7yD2zg84uSFc8,75201
+reflex/environment.py,sha256=BRIePrhFKTZajYlyl-KhjGsqR4_hc7KxfNCoape6Jjw,23590
+reflex/event.py,sha256=C4b_gj8FLQx5HKWp_G5nFsCO-H0z08tx_LYc-e3vwlo,76239
 reflex/model.py,sha256=2QhU1TJlcDeRA23pv8usLjyDaA6FhbQRYdzsjOHzvUI,19665
 reflex/page.py,sha256=ssCbMVFuIy60vH-YhJUzN0OxzUwXFCCD3ej56dVjp3g,3525
 reflex/py.typed,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
@@ -30,27 +30,28 @@ reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js,sha2
 reflex/.templates/web/components/shiki/code.js,sha256=4Es1pxsr-lX4hTQ5mglrwwC6O_SI-z-O60k03z8VFzQ,1144
 reflex/.templates/web/styles/__reflex_style_reset.css,sha256=qbC6JIT643YEsvSQ0D7xBmWE5vXy94JGrKNihRuEjnA,8913
 reflex/.templates/web/utils/react-theme.js,sha256=Aa-RND3ooGCXW6Zavzitc-v0ciKlcQDTFlDtE4mPkFI,2713
-reflex/.templates/web/utils/state.js,sha256=7NOn_q8YFcBHiq3ay6JCtJRE28FkdNHUWm35yM8swqk,36133
+reflex/.templates/web/utils/state.js,sha256=sf8v15y5FXGeuQg1spDRe88pl3Kdv7n4_338tqu_xkY,31894
 reflex/.templates/web/utils/helpers/dataeditor.js,sha256=pG6MgsHuStDR7-qPipzfiK32j9bKDBa-4hZ0JSUo4JM,1623
 reflex/.templates/web/utils/helpers/debounce.js,sha256=xGhtTRtS_xIcaeqnYVvYJNseLgQVk-DW-eFiHJYO9As,528
 reflex/.templates/web/utils/helpers/paste.js,sha256=ef30HsR83jRzzvZnl8yV79yqFP8TC_u8SlN99cCS_OM,1799
 reflex/.templates/web/utils/helpers/range.js,sha256=Bjr7Ex1Mghpsopjfrcp__IVFw8F8AsMiP-0nE20ZZwk,1091
 reflex/.templates/web/utils/helpers/throttle.js,sha256=qxeyaEojaTeX36FPGftzVWrzDsRQU4iqg3U9RJz9Vj4,566
+reflex/.templates/web/utils/helpers/upload.js,sha256=YiAv-KC-LijTsEmzG_o6YxUprgSN7Pbyd__xu8HTX6s,4814
 reflex/app_mixins/__init__.py,sha256=Oegz3-gZLP9p2OAN5ALNbsgxuNQfS6lGZgQA8cc-9mQ,137
 reflex/app_mixins/lifespan.py,sha256=a156ZUYVo2bN1Tv-4WmWSjojo90PP_2-V12BX0q8YNw,3543
 reflex/app_mixins/middleware.py,sha256=BKhe0jUFO1_TylEC48LUZyaeYyPmAYW-NV4H5Rw221k,2848
 reflex/app_mixins/mixin.py,sha256=R1YncalqDrbdPZvpKVbm72ZKmQZxYAWfuFq9JknzTqQ,305
 reflex/compiler/__init__.py,sha256=r8jqmDSFf09iV2lHlNhfc9XrTLjNxfDNwPYlxS4cmHE,27
-reflex/compiler/compiler.py,sha256=KmkR33gbkYXPxlwBgsCFS5Hn7Fjpj_yFLuu6L5CYmQA,29100
-reflex/compiler/templates.py,sha256=QATHSjsmMbH40kYpArPEIfKdmnWkBIkzGIC8JgRK9nM,20407
+reflex/compiler/compiler.py,sha256=rE0aMl_xwq-qvPd6fgvUV_F4qaMiNKo_82LfCKbX258,29114
+reflex/compiler/templates.py,sha256=k4Z-vftCk1W_dBweQtHt7UExPkS-jgaBhUtbMhzg02w,20518
 reflex/compiler/utils.py,sha256=RmeUoZMHdIfnqPl-p0ToPgwd0FEFO5u0Xbb-J20UYdQ,19621
 reflex/components/__init__.py,sha256=eWpgWFbSQDj2TpGp6StEbxU7roQgzY7ZM0XIcIc5RE8,588
 reflex/components/__init__.pyi,sha256=7VFHtJGIjvGtD3IiPk848IPWYSCcPRT1EyPGljLhYlU,736
-reflex/components/component.py,sha256=ToY6NmFGcDumWylgemkb7t4nhsnlc4QWdqiBeMbuCe4,98168
+reflex/components/component.py,sha256=FpKwvwszkxZAP3NIAdJTQxo5wd4cMiRwY9FSXlzw8qI,97637
 reflex/components/dynamic.py,sha256=M3Waonox1lMCs9db_0iz4VtmBLuETpzZvvJ8m4iNAhE,7384
-reflex/components/field.py,sha256=j5JZFzNlET3GAIW91m1L31RypXylMAxJNm0-CJbtykM,5745
+reflex/components/field.py,sha256=9GiK8_nnVE4k6fCOfMycz0IaxK2bzNf_JrspPnHBqcY,5851
 reflex/components/literals.py,sha256=hogLnwTJxFJODIvqihg-GD9kFZVsEBDoYzaRit56Nuk,501
-reflex/components/props.py,sha256=BH7RiRu_EI2BRkB1PyBVp6tLeFTTV4FzGEdDIXXQ9Bk,14378
+reflex/components/props.py,sha256=NrDGIBmBJZID4-m_mtVLUpKUdVUC2_oZz7vNlJ0bxGs,14972
 reflex/components/base/__init__.py,sha256=6DzVn2oVZqmsXYq3r9AN8Q40R0NAsyRpSyVzBDZndz0,690
 reflex/components/base/__init__.pyi,sha256=CoM0dGGkZSKLNHe6KBS4Zgc6sRpRGM5dZ_EuVmZ2qkA,883
 reflex/components/base/app_wrap.py,sha256=5K_myvYvHPeAJbm3BdEX17tKvdNEj6SV9RYahbIQBAQ,514
@@ -94,15 +95,15 @@ reflex/components/core/match.py,sha256=xBB9vtWgVlotPHq6ssng8lzxwXDDQLp9k6Ew5RPPd
 reflex/components/core/responsive.py,sha256=ACZdtJ4a4F8B3dm1k8h6J2_UJx0Z5LDB7XHQ2ty4wAc,1911
 reflex/components/core/sticky.py,sha256=2B3TxrwG2Rtp_lv1VkMOIF2bqSiT7qYGbqbiZiMKxKY,3856
 reflex/components/core/sticky.pyi,sha256=5D-yT0LYs0ewOlUlInU7KCpuz49yKK7dirysUs1C2VI,32908
-reflex/components/core/upload.py,sha256=Zxni0-cG3B8qx2eSFV7CSZ38gHN9r8YtosowNBHceoI,13544
+reflex/components/core/upload.py,sha256=OEjXq4O06YSoRlJvYs-hyFJgo7GzQJByO9RqPI1RUzc,13585
 reflex/components/core/upload.pyi,sha256=UqfcPGUs8xmnKHKuvqYV7CtOXeF_D1s9ooRe49w6C3E,15757
 reflex/components/core/window_events.py,sha256=opbuO20zVxt252kQLk49V7cltb_Um2oh7iePeGNJ538,3355
 reflex/components/core/window_events.pyi,sha256=aTkBiAy-e9LqkQm6_apRsXXfJRdawA11cE1tQQSIy3c,3206
 reflex/components/core/layout/__init__.py,sha256=znldZaj_NGt8qCZDG70GMwjMTskcvCf_2N_EjCAHwdc,30
 reflex/components/datadisplay/__init__.py,sha256=L8pWWKNHWdUD2fbZRoEKjd_8c_hpDdGYO463hwkoIi4,438
 reflex/components/datadisplay/__init__.pyi,sha256=H3LZkWdrw3RTv_csaIT8qoClgAJTonlGZ5ZMeGMV0Bs,551
-reflex/components/datadisplay/code.py,sha256=--KKcHTi7mxXDv1-sokZYEwBl735i0fbT6RpWHE-8Dw,12588
-reflex/components/datadisplay/code.pyi,sha256=-oMJ66LEb3sCJHlUj7rEY3H5aIujjMh1sPKndf1KUIo,41275
+reflex/components/datadisplay/code.py,sha256=DQjferNi6QD2tNZdA28mMRu5KhqejAePxmD23vpcl9Y,12605
+reflex/components/datadisplay/code.pyi,sha256=QCWqxWCsbFqS4CcfgN5P1u12JU7sBcUEEjekZnWSDeU,41375
 reflex/components/datadisplay/dataeditor.py,sha256=cGwAKPYknoHMwVhBowHKFtG2Nxr5q-8hIptnf98U7x0,13574
 reflex/components/datadisplay/dataeditor.pyi,sha256=eDI6w6ZrJRXQsThXu3vS-dfI-aKPMntLN5RmGkJOYCQ,12511
 reflex/components/datadisplay/logo.py,sha256=xvg5TRVRSi2IKn7Kg4oYzWcaFMHfXxUaCp0cQmuKSn0,1993
@@ -138,8 +139,8 @@ reflex/components/gridjs/__init__.py,sha256=xJwDm1AZ70L5-t9LLqZwGUtDpijbf1KuMYDT
 reflex/components/gridjs/datatable.py,sha256=7JKrRw1zkpFB0_wwoaIhrVrldsm7-dyi3PASgqLq8Hc,4224
 reflex/components/gridjs/datatable.pyi,sha256=kFgv82vCgfdWZaUq4bZ73G8X3mkw6ecvSRkZ9G9-28E,5185
 reflex/components/lucide/__init__.py,sha256=EggTK2MuQKQeOBLKW-mF0VaDK9zdWBImu1HO2dvHZbE,73
-reflex/components/lucide/icon.py,sha256=wetRyx6HB5tAZ4ntAV5fbf3VuhkEj7zosoLStGYGjBA,35321
-reflex/components/lucide/icon.pyi,sha256=7HEqYp0fGgNyi_nTrpCZNQSuEBnFEzJRb9pWTQKJ-dM,38115
+reflex/components/lucide/icon.py,sha256=GYF1VPrKjXU8RQxBe0CZaM209Br6uw1Z2sc79bvdj3U,35340
+reflex/components/lucide/icon.pyi,sha256=MjWdRIf7t5hcWoUaxor5Lzh4yuWcES75cEUjLOXvmP8,38134
 reflex/components/markdown/__init__.py,sha256=Dfl1At5uYoY7H4ufZU_RY2KOGQDLtj75dsZ2BTqqAns,87
 reflex/components/markdown/markdown.py,sha256=kzvO2VnfCbxV7AcIMBJbxLtAlQ6U5T_QB_JTh8l-HJ4,15450
 reflex/components/markdown/markdown.pyi,sha256=oOlXZItHB0TPWsFz1Qjvr3KzG8sssthBp40UO_KkRIA,4322
@@ -298,7 +299,7 @@ reflex/components/recharts/general.py,sha256=DuPDfccUWWehc40ji7_JSYHX_AoJyGn_-4y
 reflex/components/recharts/general.pyi,sha256=e77vGL8lo-t1jI79h0O12qSK5e9wbjerPslCxQQgSBw,23462
 reflex/components/recharts/polar.py,sha256=zocHpwWQ0lbg4BTnEBwQ6J9SSJsOYRwZGf9UPzxoNKs,15682
 reflex/components/recharts/polar.pyi,sha256=8ShEcGK9KJyu0FN6KPys1kgAYrzOZ6wtiRuytHJ--38,26937
-reflex/components/recharts/recharts.py,sha256=pYJxI8UQBbF1TS0VcTJoFFGvJtZarZTSVaRjwkeqjoc,3221
+reflex/components/recharts/recharts.py,sha256=rAboy3XFOeSWJK-T4UMeiDBpjxKr8mZl_rRu01_-wWM,3221
 reflex/components/recharts/recharts.pyi,sha256=9j8cVSMqyBkkOBBrx9pzDpP1clnbM9kD0TTViTUGDYc,7084
 reflex/components/sonner/__init__.py,sha256=L_mdRIy7-ccRGSz5VK6J8O-c-e-D1p9xWw29_ErrvGg,68
 reflex/components/sonner/toast.py,sha256=sJ9E60VaMBwoev4aBrKr42ygN7e0jajNTooa5o5wYPQ,12505
@@ -316,9 +317,9 @@ reflex/constants/compiler.py,sha256=1FXPYQNotaSrTwWcOspA1gCVmEdoiWkNMbbrz_qU0YU,
 reflex/constants/config.py,sha256=8OIjiBdZZJrRVHsNBheMwopE9AwBFFzau0SXqXKcrPg,1715
 reflex/constants/custom_components.py,sha256=joJt4CEt1yKy7wsBH6vYo7_QRW0O_fWXrrTf0VY2q14,1317
 reflex/constants/event.py,sha256=tgoynWQi2L0_Kqc3XhXo7XXL76A-OKhJGHRrNjm7gFw,2885
-reflex/constants/installer.py,sha256=iXxSCiOhHFMk1P3TL46zGkJbprZ9RxCePMf2TOBmbJc,4191
+reflex/constants/installer.py,sha256=VC20iXTYue0GXqwlJIAwDuFrNM-eSzhHs3CsM_KQMwA,4191
 reflex/constants/route.py,sha256=UBjqaAOxiUxlDZCSY4O2JJChKvA4MZrhUU0E5rNvKbM,2682
-reflex/constants/state.py,sha256=dkoVvO9JcJyHovHJlGsZx-dDxpM80OvS4cJEm_TUOiM,349
+reflex/constants/state.py,sha256=VrEeYxXfE9ss8RmOHIXD4T6EGsV9PDqbtMCQMmZxW3I,383
 reflex/constants/utils.py,sha256=e1ChEvbHfmE_V2UJvCSUhD_qTVAIhEGPpRJSqdSd6PA,780
 reflex/custom_components/__init__.py,sha256=R4zsvOi4dfPmHc18KEphohXnQFBPnUCb50cMR5hSLDE,36
 reflex/custom_components/custom_components.py,sha256=QfSEiPQY7Z7ZdYDsxJOgtD7EZopIdGw2ERpt_dMcPCs,25500
@@ -341,7 +342,7 @@ reflex/plugins/base.py,sha256=5BgzCM7boj9kJ6FGzVzVlgQk-crJuVmOLCl1PXvv4-E,3372
 reflex/plugins/shared_tailwind.py,sha256=Zx1TDAjpXGI5aEjpB8NWS__xYRSNu_SEMTB6Z3ub120,7305
 reflex/plugins/sitemap.py,sha256=X_CtH5B1w3CZno-gdPj1rp63WjOuNjFnX4B3fx_-VFQ,6135
 reflex/plugins/tailwind_v3.py,sha256=jCEZ5UYdr706Mw48L-WSHOUB6O55o1C3uG6AMwXqZoI,4810
-reflex/plugins/tailwind_v4.py,sha256=q6OxgWENu4fml4mKr8ncgjIU5ENgQCfNagtUOh51hik,5230
+reflex/plugins/tailwind_v4.py,sha256=fcNaFtikSIu1LhF94DcBs1xR2CjbQRB5o1_KYeThUF0,5230
 reflex/utils/__init__.py,sha256=y-AHKiRQAhk2oAkvn7W8cRVTZVK625ff8tTwvZtO7S4,24
 reflex/utils/build.py,sha256=GLT2ycqgAe1cw__MFbfdlYrkzcTnY1oJ8cAv80jEcnQ,8641
 reflex/utils/codespaces.py,sha256=kEQ-j-jclTukFpXDlYgNp95kYMGDrQmP3VNEoYGZ1u4,3052
@@ -380,8 +381,8 @@ reflex/vars/number.py,sha256=tO7pnvFaBsedq1HWT4skytnSqHWMluGEhUbjAUMx8XQ,28190
 reflex/vars/object.py,sha256=YblDxQYMajR19a7qjavXcM7-9A6MweAH1giw5fjPci4,17349
 reflex/vars/sequence.py,sha256=1kBrqihspyjyQ1XDqFPC8OpVGtZs_EVkOdIKBro5ilA,55249
 scripts/hatch_build.py,sha256=-4pxcLSFmirmujGpQX9UUxjhIC03tQ_fIQwVbHu9kc0,1861
-reflex-0.8.10a1.dist-info/METADATA,sha256=zTFdnXHoTSbLrIzH3DeDagMzeXEIrcJ4_OOO8RXsc4I,12336
-reflex-0.8.10a1.dist-info/WHEEL,sha256=qtCwoSJWgHk21S1Kb4ihdzI2rlJ1ZKaIurTj_ngOhyQ,87
-reflex-0.8.10a1.dist-info/entry_points.txt,sha256=Rxt4dXc7MLBNt5CSHTehVPuSe9Xqow4HLX55nD9tQQ0,45
-reflex-0.8.10a1.dist-info/licenses/LICENSE,sha256=dw3zLrp9f5ObD7kqS32vWfhcImfO52PMmRqvtxq_YEE,11358
-reflex-0.8.10a1.dist-info/RECORD,,
+reflex-0.8.11.dist-info/METADATA,sha256=GmzTfJHUNWTweW9Rn_wvSW48OaRJ92p4pRd6IpLjL6k,12334
+reflex-0.8.11.dist-info/WHEEL,sha256=qtCwoSJWgHk21S1Kb4ihdzI2rlJ1ZKaIurTj_ngOhyQ,87
+reflex-0.8.11.dist-info/entry_points.txt,sha256=Rxt4dXc7MLBNt5CSHTehVPuSe9Xqow4HLX55nD9tQQ0,45
+reflex-0.8.11.dist-info/licenses/LICENSE,sha256=dw3zLrp9f5ObD7kqS32vWfhcImfO52PMmRqvtxq_YEE,11358
+reflex-0.8.11.dist-info/RECORD,,