reflex 0.8.8a1__tar.gz → 0.8.8a2__tar.gz

{reflex-0.8.8a1 → reflex-0.8.8a2}/PKG-INFO

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

{reflex-0.8.8a1 → reflex-0.8.8a2}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.8.8a1"
+version = "0.8.8a2"
 description = "Web apps in pure Python."
 license.text = "Apache-2.0"
 authors = [

{reflex-0.8.8a1 → reflex-0.8.8a2}/reflex/.templates/web/utils/state.js

@@ -415,7 +415,7 @@ export const applyRestEvent = async (event, socket, navigate, params) => {
     if (event.payload.files === undefined || event.payload.files.length === 0) {
       // Submit the event over the websocket to trigger the event handler.
       return await applyEvent(
-        Event(event.name, { files: [] }),
+        ReflexEvent(event.name, { files: [] }),
         socket,
         navigate,
         params,
@@ -775,7 +775,7 @@ export const uploadFiles = async (
  * @param {string} handler The client handler to process event.
  * @returns The event object.
  */
-export const Event = (
+export const ReflexEvent = (
   name,
   payload = {},
   event_actions = {},
@@ -987,7 +987,7 @@ export const useEventLoop = (
 
     window.onerror = function (msg, url, lineNo, columnNo, error) {
       addEvents([
-        Event(`${exception_state_name}.handle_frontend_exception`, {
+        ReflexEvent(`${exception_state_name}.handle_frontend_exception`, {
           info: error.name + ": " + error.message + "\n" + error.stack,
           component_stack: "",
         }),
@@ -999,7 +999,7 @@ export const useEventLoop = (
     //https://github.com/mknichel/javascript-errors?tab=readme-ov-file#promise-rejection-events
     window.onunhandledrejection = function (event) {
       addEvents([
-        Event(`${exception_state_name}.handle_frontend_exception`, {
+        ReflexEvent(`${exception_state_name}.handle_frontend_exception`, {
           info:
             event.reason?.name +
             ": " +
@@ -1072,7 +1072,7 @@ export const useEventLoop = (
       if (storage_to_state_map[e.key]) {
         const vars = {};
         vars[storage_to_state_map[e.key]] = e.newValue;
-        const event = Event(
+        const event = ReflexEvent(
           `${state_name}.reflex___state____update_vars_internal_state.update_vars_internal`,
           { vars: vars },
         );

{reflex-0.8.8a1 → reflex-0.8.8a2}/reflex/app.py

@@ -1311,9 +1311,9 @@ class App(MiddlewareMixin, LifespanMixin):
                 self.head_components,
                 html_lang=self.html_lang,
                 html_custom_attrs=(
-                    {"suppressHydrationWarning": "true", **self.html_custom_attrs}
+                    {"suppressHydrationWarning": True, **self.html_custom_attrs}
                     if self.html_custom_attrs
-                    else {"suppressHydrationWarning": "true"}
+                    else {"suppressHydrationWarning": True}
                 ),
             )
         )

{reflex-0.8.8a1 → reflex-0.8.8a2}/reflex/compiler/compiler.py

@@ -6,7 +6,7 @@ import sys
 from collections.abc import Callable, Iterable, Sequence
 from inspect import getmodule
 from pathlib import Path
-from typing import TYPE_CHECKING
+from typing import TYPE_CHECKING, Any
 
 from reflex import constants
 from reflex.compiler import templates, utils
@@ -465,7 +465,7 @@ def _compile_stateful_components(
 def compile_document_root(
     head_components: list[Component],
     html_lang: str | None = None,
-    html_custom_attrs: dict[str, Var | str] | None = None,
+    html_custom_attrs: dict[str, Var | Any] | None = None,
 ) -> tuple[str, str]:
     """Compile the document root.
 

{reflex-0.8.8a1 → reflex-0.8.8a2}/reflex/compiler/templates.py

@@ -303,7 +303,7 @@ export const onLoadInternalEvent = () => {{
     // But only send the vars if any are actually set in the browser.
     if (client_storage_vars && Object.keys(client_storage_vars).length !== 0) {{
         internal_events.push(
-            Event(
+            ReflexEvent(
                 '{state_name}.{constants.CompileVars.UPDATE_VARS_INTERNAL}',
                 {{vars: client_storage_vars}},
             ),
@@ -312,14 +312,14 @@ export const onLoadInternalEvent = () => {{
 
     // `on_load_internal` triggers the correct on_load event(s) for the current page.
     // If the page does not define any on_load event, this will just set `is_hydrated = true`.
-    internal_events.push(Event('{state_name}.{constants.CompileVars.ON_LOAD_INTERNAL}'));
+    internal_events.push(ReflexEvent('{state_name}.{constants.CompileVars.ON_LOAD_INTERNAL}'));
 
     return internal_events;
 }}
 
 // The following events are sent when the websocket connects or reconnects.
 export const initialEvents = () => [
-    Event('{state_name}.{constants.CompileVars.HYDRATE}'),
+    ReflexEvent('{state_name}.{constants.CompileVars.HYDRATE}'),
     ...onLoadInternalEvent()
 ]
     """
@@ -351,7 +351,7 @@ export const initialEvents = () => []
     )
 
     return rf"""import {{ createContext, useContext, useMemo, useReducer, useState, createElement, useEffect }} from "react"
-import {{ applyDelta, Event, hydrateClientStorage, useEventLoop, refs }} from "$/utils/state"
+import {{ applyDelta, ReflexEvent, hydrateClientStorage, useEventLoop, refs }} from "$/utils/state"
 import {{ jsx }} from "@emotion/react";
 
 export const initialState = {"{}" if not initial_state else json_dumps(initial_state)}

{reflex-0.8.8a1 → reflex-0.8.8a2}/reflex/compiler/utils.py

@@ -350,7 +350,7 @@ def compile_custom_component(
 def create_document_root(
     head_components: Sequence[Component] | None = None,
     html_lang: str | None = None,
-    html_custom_attrs: dict[str, Var | str] | None = None,
+    html_custom_attrs: dict[str, Var | Any] | None = None,
 ) -> Component:
     """Create the document root.
 

{reflex-0.8.8a1 → reflex-0.8.8a2}/reflex/components/component.py

@@ -2599,7 +2599,7 @@ class StatefulComponent(BaseComponent):
             memo_name = f"{event_trigger}_{chain_hash}"
 
             # Calculate Var dependencies accessed by the handler for useCallback dep array.
-            var_deps = ["addEvents", "Event"]
+            var_deps = ["addEvents", "ReflexEvent"]
 
             # Get deps from event trigger var data.
             var_deps.extend(cls._get_deps_from_event_trigger(event))

{reflex-0.8.8a1 → reflex-0.8.8a2}/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.540.0"
+LUCIDE_LIBRARY = "lucide-react@0.541.0"
 
 
 class LucideIconComponent(Component):

{reflex-0.8.8a1 → reflex-0.8.8a2}/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.540.0"
+LUCIDE_LIBRARY = "lucide-react@0.541.0"
 
 class LucideIconComponent(Component):
     @classmethod

{reflex-0.8.8a1 → reflex-0.8.8a2}/reflex/components/radix/primitives/drawer.py

@@ -124,13 +124,13 @@ class DrawerContent(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set partially based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "left": "0",
             "right": "0",
             "bottom": "0",
@@ -139,9 +139,6 @@ class DrawerContent(DrawerComponent):
             "z_index": 50,
             "display": "flex",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
     # Fired when the drawer content is opened.
     on_open_auto_focus: EventHandler[no_args_event_spec]
@@ -186,13 +183,13 @@ class DrawerOverlay(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "position": "fixed",
             "left": "0",
             "right": "0",
@@ -201,9 +198,6 @@ class DrawerOverlay(DrawerComponent):
             "z_index": 50,
             "background": "rgba(0, 0, 0, 0.5)",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
 
 class DrawerClose(DrawerTrigger):
@@ -222,21 +216,18 @@ class DrawerTitle(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "font-size": "1.125rem",
             "font-weight": "600",
-            "line-weight": "1",
+            "line-height": "1",
             "letter-spacing": "-0.05em",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
 
 class DrawerDescription(DrawerComponent):
@@ -247,18 +238,15 @@ class DrawerDescription(DrawerComponent):
     alias = "Vaul" + tag
 
     # Style set based on the source code at https://ui.shadcn.com/docs/components/drawer
-    def _get_style(self) -> dict:
+    def add_style(self) -> dict:
         """Get the style for the component.
 
         Returns:
             The dictionary of the component style as value and the style notation as key.
         """
-        base_style = {
+        return {
             "font-size": "0.875rem",
         }
-        style = self.style or {}
-        base_style.update(style)
-        return {"css": base_style}
 
 
 class DrawerHandle(DrawerComponent):

{reflex-0.8.8a1 → reflex-0.8.8a2}/reflex/constants/compiler.py

@@ -64,7 +64,7 @@ class CompileVars(SimpleNamespace):
     # The name of the var storing any connection error.
     CONNECT_ERROR = "connectErrors"
     # The name of the function for converting a dict to an event.
-    TO_EVENT = "Event"
+    TO_EVENT = "ReflexEvent"
     # The name of the internal on_load event.
     ON_LOAD_INTERNAL = "reflex___state____on_load_internal_state.on_load_internal"
     # The name of the internal event to update generic state vars.

{reflex-0.8.8a1 → reflex-0.8.8a2}/reflex/event.py

@@ -1930,7 +1930,7 @@ class LiteralEventVar(VarOperationCall, LiteralVar, EventVar):
             _var_type=EventSpec,
             _var_data=_var_data,
             _var_value=value,
-            _func=FunctionStringVar("Event"),
+            _func=FunctionStringVar("ReflexEvent"),
             _args=(
                 # event handler name
                 ".".join(

{reflex-0.8.8a1 → reflex-0.8.8a2}/reflex/utils/format.py

@@ -518,7 +518,7 @@ def format_event(event_spec: EventSpec) -> str:
 
     if event_spec.client_handler_name:
         event_args.append(wrap(event_spec.client_handler_name, '"'))
-    return f"Event({', '.join(event_args)})"
+    return f"ReflexEvent({', '.join(event_args)})"
 
 
 if TYPE_CHECKING: