reflex 0.8.0a5__tar.gz → 0.8.0a6__tar.gz

{reflex-0.8.0a5 → reflex-0.8.0a6}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex
-Version: 0.8.0a5
+Version: 0.8.0a6
 Summary: Web apps in pure Python.
 Project-URL: homepage, https://reflex.dev
 Project-URL: repository, https://github.com/reflex-dev/reflex
@@ -26,7 +26,7 @@ Requires-Dist: httpx<1.0,>=0.28.0
 Requires-Dist: jinja2<4.0,>=3.1.2
 Requires-Dist: packaging<26,>=24.2
 Requires-Dist: platformdirs<5.0,>=4.3.7
-Requires-Dist: psutil<8.0,>=7.0.0
+Requires-Dist: psutil<8.0,>=7.0.0; sys_platform == 'win32'
 Requires-Dist: pydantic<3.0,>=1.10.21
 Requires-Dist: python-multipart<1.0,>=0.0.20
 Requires-Dist: python-socketio<6.0,>=5.12.0

{reflex-0.8.0a5 → reflex-0.8.0a6}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.8.0a5"
+version = "0.8.0a6"
 description = "Web apps in pure Python."
 license.text = "Apache-2.0"
 authors = [
@@ -27,7 +27,7 @@ dependencies = [
   "jinja2 >=3.1.2,<4.0",
   "packaging >=24.2,<26",
   "platformdirs >=4.3.7,<5.0",
-  "psutil >=7.0.0,<8.0",
+  "psutil >=7.0.0,<8.0; sys_platform == 'win32'",
   "pydantic >=1.10.21,<3.0",
   "python-socketio >=5.12.0,<6.0",
   "python-multipart >=0.0.20,<1.0",
@@ -165,6 +165,7 @@ dev = [
   "playwright >=1.51",
   "plotly >=6.0",
   "pre-commit ==4.2.0",
+  "psutil >=7.0.0",
   "psycopg[binary] >=3.2",
   "pyright >=1.1.400",
   "pytest >=8.3",

{reflex-0.8.0a5 → reflex-0.8.0a6}/reflex/.templates/jinja/web/pages/_app.js.jinja2

@@ -34,7 +34,7 @@ function AppWrap({children}) {
 
 
 export function Layout({children}) {
-    React.useEffect(() => {
+    useEffect(() => {
     // Make contexts and state objects available globally for dynamic eval'd components
     let windowImports = {
 {% for library_alias, library_path in  window_libraries %}

{reflex-0.8.0a5 → reflex-0.8.0a6}/reflex/.templates/web/utils/state.js

@@ -1,5 +1,4 @@
 // State management for Reflex web apps.
-import axios from "axios";
 import io from "socket.io-client";
 import JSON5 from "json5";
 import env from "$/env.json";
@@ -655,17 +654,6 @@ export const uploadFiles = async (
   };
 
   const controller = new AbortController();
-  const config = {
-    headers: {
-      "Reflex-Client-Token": getToken(),
-      "Reflex-Event-Handler": handler,
-    },
-    signal: controller.signal,
-    onDownloadProgress: eventHandler,
-  };
-  if (on_upload_progress) {
-    config["onUploadProgress"] = on_upload_progress;
-  }
   const formdata = new FormData();
 
   // Add the token and handler to the file name.
@@ -676,26 +664,85 @@ export const uploadFiles = async (
   // Send the file to the server.
   refs[upload_ref_name] = controller;
 
-  try {
-    return await axios.post(getBackendURL(UPLOADURL), formdata, config);
-  } catch (error) {
-    if (error.response) {
-      // The request was made and the server responded with a status code
-      // that falls out of the range of 2xx
-      console.log(error.response.data);
-    } else if (error.request) {
-      // The request was made but no response was received
-      // `error.request` is an instance of XMLHttpRequest in the browser and an instance of
-      // http.ClientRequest in node.js
-      console.log(error.request);
-    } else {
-      // Something happened in setting up the request that triggered an Error
-      console.log(error.message);
+  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);
+        }
+      };
     }
-    return false;
-  } finally {
-    delete refs[upload_ref_name];
-  }
+
+    // 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];
+    });
 };
 
 /**

reflex-0.8.0a6/reflex/__init__.pyi

@@ -0,0 +1,351 @@
+"""Stub file for reflex/__init__.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `reflex/utils/pyi_generator.py`!
+# ------------------------------------------------------
+
+from reflex.utils import compat
+
+from . import (
+    admin,
+    app,
+    base,
+    compiler,
+    components,
+    config,
+    model,
+    plugins,
+    style,
+    testing,
+    utils,
+    vars,
+)
+from .admin import AdminDash
+from .app import App, UploadFile
+from .assets import asset
+from .base import Base
+from .components import el, lucide, radix, recharts
+from .components.base.fragment import Fragment, fragment
+from .components.base.script import Script, script
+from .components.component import Component, ComponentNamespace, NoSSRComponent, memo
+from .components.core.auto_scroll import auto_scroll
+from .components.core.banner import connection_banner, connection_modal
+from .components.core.breakpoints import breakpoints
+from .components.core.clipboard import clipboard
+from .components.core.colors import color
+from .components.core.cond import color_mode_cond, cond
+from .components.core.debounce import debounce_input
+from .components.core.foreach import foreach
+from .components.core.html import html
+from .components.core.match import match
+from .components.core.responsive import (
+    desktop_only,
+    mobile_and_tablet,
+    mobile_only,
+    tablet_and_desktop,
+    tablet_only,
+)
+from .components.core.upload import (
+    cancel_upload,
+    clear_selected_files,
+    get_upload_dir,
+    get_upload_url,
+    selected_files,
+    upload,
+)
+from .components.datadisplay.code import code_block
+from .components.datadisplay.dataeditor import data_editor, data_editor_theme
+from .components.datadisplay.logo import logo
+from .components.el.elements.media import image
+from .components.gridjs import data_table
+from .components.lucide import icon
+from .components.markdown import markdown
+from .components.moment import MomentDelta, moment
+from .components.plotly import plotly
+from .components.radix.primitives.accordion import accordion
+from .components.radix.primitives.drawer import drawer
+from .components.radix.primitives.form import form
+from .components.radix.themes.base import theme, theme_panel
+from .components.radix.themes.color_mode import color_mode
+from .components.radix.themes.components.alert_dialog import alert_dialog
+from .components.radix.themes.components.aspect_ratio import aspect_ratio
+from .components.radix.themes.components.avatar import avatar
+from .components.radix.themes.components.badge import badge
+from .components.radix.themes.components.button import button
+from .components.radix.themes.components.callout import callout
+from .components.radix.themes.components.card import card
+from .components.radix.themes.components.checkbox import checkbox
+from .components.radix.themes.components.checkbox_cards import checkbox_cards
+from .components.radix.themes.components.checkbox_group import checkbox_group
+from .components.radix.themes.components.context_menu import context_menu
+from .components.radix.themes.components.data_list import data_list
+from .components.radix.themes.components.dialog import dialog
+from .components.radix.themes.components.dropdown_menu import dropdown_menu, menu
+from .components.radix.themes.components.hover_card import hover_card
+from .components.radix.themes.components.icon_button import icon_button
+from .components.radix.themes.components.inset import inset
+from .components.radix.themes.components.popover import popover
+from .components.radix.themes.components.progress import progress
+from .components.radix.themes.components.radio_cards import radio_cards
+from .components.radix.themes.components.radio_group import radio, radio_group
+from .components.radix.themes.components.scroll_area import scroll_area
+from .components.radix.themes.components.segmented_control import segmented_control
+from .components.radix.themes.components.select import select
+from .components.radix.themes.components.separator import divider, separator
+from .components.radix.themes.components.skeleton import skeleton
+from .components.radix.themes.components.slider import slider
+from .components.radix.themes.components.spinner import spinner
+from .components.radix.themes.components.switch import switch
+from .components.radix.themes.components.table import table
+from .components.radix.themes.components.tabs import tabs
+from .components.radix.themes.components.text_area import text_area
+from .components.radix.themes.components.text_field import input, text_field
+from .components.radix.themes.components.tooltip import tooltip
+from .components.radix.themes.layout.box import box
+from .components.radix.themes.layout.center import center
+from .components.radix.themes.layout.container import container
+from .components.radix.themes.layout.flex import flex
+from .components.radix.themes.layout.grid import grid
+from .components.radix.themes.layout.list import list_item, ordered_list, unordered_list
+from .components.radix.themes.layout.list import list_ns as list
+from .components.radix.themes.layout.section import section
+from .components.radix.themes.layout.spacer import spacer
+from .components.radix.themes.layout.stack import hstack, stack, vstack
+from .components.radix.themes.typography.blockquote import blockquote
+from .components.radix.themes.typography.code import code
+from .components.radix.themes.typography.heading import heading
+from .components.radix.themes.typography.link import link
+from .components.radix.themes.typography.text import text
+from .components.react_player import audio, video
+from .components.sonner.toast import toast
+from .config import Config, DBConfig
+from .constants import Env
+from .constants.colors import Color
+from .event import (
+    EventChain,
+    EventHandler,
+    call_function,
+    call_script,
+    clear_local_storage,
+    clear_session_storage,
+    console_log,
+    download,
+    noop,
+    prevent_default,
+    redirect,
+    remove_cookie,
+    remove_local_storage,
+    remove_session_storage,
+    run_script,
+    scroll_to,
+    set_clipboard,
+    set_focus,
+    set_value,
+    stop_propagation,
+    upload_files,
+    window_alert,
+)
+from .event import event as event
+from .experimental import _x
+from .istate.storage import Cookie, LocalStorage, SessionStorage
+from .istate.wrappers import get_state
+from .middleware import Middleware, middleware
+from .model import Model, asession, session
+from .page import page as page
+from .state import ComponentState, State, dynamic, var
+from .style import Style, toggle_color_mode
+from .utils.imports import ImportDict, ImportVar
+from .utils.misc import run_in_thread
+from .utils.serializers import serializer
+from .vars import Field, Var, field
+
+del compat
+RADIX_THEMES_MAPPING: dict
+RADIX_THEMES_COMPONENTS_MAPPING: dict
+RADIX_THEMES_LAYOUT_MAPPING: dict
+RADIX_THEMES_TYPOGRAPHY_MAPPING: dict
+RADIX_PRIMITIVES_MAPPING: dict
+RADIX_PRIMITIVES_SHORTCUT_MAPPING: dict
+COMPONENTS_CORE_MAPPING: dict
+COMPONENTS_BASE_MAPPING: dict
+RADIX_MAPPING: dict
+
+__all__ = [
+    "AdminDash",
+    "App",
+    "Base",
+    "Color",
+    "Component",
+    "ComponentNamespace",
+    "ComponentState",
+    "Config",
+    "Cookie",
+    "DBConfig",
+    "Env",
+    "EventChain",
+    "EventHandler",
+    "Field",
+    "Fragment",
+    "ImportDict",
+    "ImportVar",
+    "LocalStorage",
+    "Middleware",
+    "Model",
+    "MomentDelta",
+    "NoSSRComponent",
+    "Script",
+    "SessionStorage",
+    "State",
+    "Style",
+    "UploadFile",
+    "Var",
+    "_x",
+    "accordion",
+    "admin",
+    "alert_dialog",
+    "app",
+    "asession",
+    "aspect_ratio",
+    "asset",
+    "audio",
+    "auto_scroll",
+    "avatar",
+    "badge",
+    "base",
+    "blockquote",
+    "box",
+    "breakpoints",
+    "button",
+    "call_function",
+    "call_script",
+    "callout",
+    "cancel_upload",
+    "card",
+    "center",
+    "checkbox",
+    "checkbox_cards",
+    "checkbox_group",
+    "clear_local_storage",
+    "clear_selected_files",
+    "clear_session_storage",
+    "clipboard",
+    "code",
+    "code_block",
+    "color",
+    "color_mode",
+    "color_mode_cond",
+    "compiler",
+    "components",
+    "cond",
+    "config",
+    "connection_banner",
+    "connection_modal",
+    "console_log",
+    "container",
+    "context_menu",
+    "data_editor",
+    "data_editor_theme",
+    "data_list",
+    "data_table",
+    "debounce_input",
+    "desktop_only",
+    "dialog",
+    "divider",
+    "download",
+    "drawer",
+    "dropdown_menu",
+    "dynamic",
+    "el",
+    "field",
+    "flex",
+    "foreach",
+    "form",
+    "fragment",
+    "get_state",
+    "get_upload_dir",
+    "get_upload_url",
+    "grid",
+    "heading",
+    "hover_card",
+    "hstack",
+    "html",
+    "icon",
+    "icon_button",
+    "image",
+    "input",
+    "inset",
+    "link",
+    "list",
+    "list_item",
+    "logo",
+    "lucide",
+    "markdown",
+    "match",
+    "memo",
+    "menu",
+    "middleware",
+    "mobile_and_tablet",
+    "mobile_only",
+    "model",
+    "moment",
+    "noop",
+    "ordered_list",
+    "plotly",
+    "plugins",
+    "popover",
+    "prevent_default",
+    "progress",
+    "radio",
+    "radio_cards",
+    "radio_group",
+    "radix",
+    "recharts",
+    "redirect",
+    "remove_cookie",
+    "remove_local_storage",
+    "remove_session_storage",
+    "run_in_thread",
+    "run_script",
+    "script",
+    "scroll_area",
+    "scroll_to",
+    "section",
+    "segmented_control",
+    "select",
+    "selected_files",
+    "separator",
+    "serializer",
+    "session",
+    "set_clipboard",
+    "set_focus",
+    "set_value",
+    "skeleton",
+    "slider",
+    "spacer",
+    "spinner",
+    "stack",
+    "stop_propagation",
+    "style",
+    "switch",
+    "table",
+    "tablet_and_desktop",
+    "tablet_only",
+    "tabs",
+    "testing",
+    "text",
+    "text_area",
+    "text_field",
+    "theme",
+    "theme_panel",
+    "toast",
+    "toggle_color_mode",
+    "tooltip",
+    "unordered_list",
+    "upload",
+    "upload_files",
+    "utils",
+    "var",
+    "vars",
+    "video",
+    "vstack",
+    "window_alert",
+]

{reflex-0.8.0a5 → reflex-0.8.0a6}/reflex/app.py

@@ -13,7 +13,14 @@ import io
 import json
 import sys
 import traceback
-from collections.abc import AsyncIterator, Callable, Coroutine, Mapping, Sequence
+from collections.abc import (
+    AsyncGenerator,
+    AsyncIterator,
+    Callable,
+    Coroutine,
+    Mapping,
+    Sequence,
+)
 from datetime import datetime
 from pathlib import Path
 from timeit import default_timer as timer
@@ -864,7 +871,7 @@ class App(MiddlewareMixin, LifespanMixin):
         """
         from reflex.route import get_router
 
-        return get_router(list(self._pages))
+        return get_router(list(self._unevaluated_pages))
 
     def get_load_events(self, path: str) -> list[IndividualEventType[()]]:
         """Get the load events for a route.
@@ -1677,7 +1684,7 @@ class App(MiddlewareMixin, LifespanMixin):
 
 async def process(
     app: App, event: Event, sid: str, headers: dict, client_ip: str
-) -> AsyncIterator[StateUpdate]:
+) -> AsyncGenerator[StateUpdate]:
     """Process an event.
 
     Args:
@@ -2072,10 +2079,13 @@ class EventNamespace(AsyncNamespace):
         except (KeyError, IndexError):
             client_ip = environ.get("REMOTE_ADDR", "0.0.0.0")
 
-        # Process the events.
-        async for update in process(self.app, event, sid, headers, client_ip):
-            # Emit the update from processing the event.
-            await self.emit_update(update=update, sid=sid)
+        async with contextlib.aclosing(
+            process(self.app, event, sid, headers, client_ip)
+        ) as updates_gen:
+            # Process the events.
+            async for update in updates_gen:
+                # Emit the update from processing the event.
+                await self.emit_update(update=update, sid=sid)
 
     async def on_ping(self, sid: str):
         """Event for testing the API endpoint.

{reflex-0.8.0a5 → reflex-0.8.0a6}/reflex/compiler/compiler.py

@@ -37,7 +37,9 @@ def _apply_common_imports(
     imports: dict[str, list[ImportVar]],
 ):
     imports.setdefault("@emotion/react", []).append(ImportVar("jsx"))
-    imports.setdefault("react", []).append(ImportVar("Fragment"))
+    imports.setdefault("react", []).extend(
+        [ImportVar("Fragment"), ImportVar("useEffect")],
+    )
 
 
 def _compile_document_root(root: Component) -> str:

{reflex-0.8.0a5 → reflex-0.8.0a6}/reflex/compiler/utils.py

@@ -359,21 +359,37 @@ def create_document_root(
     Returns:
         The document root.
     """
-    head_components = [
-        *(
-            head_components
-            or [
-                # Default meta tags if user does not provide.
-                Meta.create(char_set="utf-8"),
-                Meta.create(
-                    name="viewport", content="width=device-width, initial-scale=1"
-                ),
-            ]
-        ),
-        # Always include the framework meta and link tags.
+    existing_meta_types = set()
+
+    for component in head_components or []:
+        if isinstance(component, Meta):
+            if component.char_set is not None:  # pyright: ignore[reportAttributeAccessIssue]
+                existing_meta_types.add("char_set")
+            if (
+                (name := component.name) is not None  # pyright: ignore[reportAttributeAccessIssue]
+                and name.equals(Var.create("viewport"))
+            ):
+                existing_meta_types.add("viewport")
+
+    # Always include the framework meta and link tags.
+    always_head_components = [
         ReactMeta.create(),
         Links.create(),
     ]
+    maybe_head_components = []
+    # Only include these if the user has not specified them.
+    if "char_set" not in existing_meta_types:
+        maybe_head_components.append(Meta.create(char_set="utf-8"))
+    if "viewport" not in existing_meta_types:
+        maybe_head_components.append(
+            Meta.create(name="viewport", content="width=device-width, initial-scale=1")
+        )
+
+    head_components = [
+        *(head_components or []),
+        *maybe_head_components,
+        *always_head_components,
+    ]
     return Html.create(
         Head.create(*head_components),
         Body.create(

reflex-0.8.0a6/reflex/components/__init__.pyi

@@ -0,0 +1,39 @@
+"""Stub file for reflex/components/__init__.py"""
+# ------------------- DO NOT EDIT ----------------------
+# This file was generated by `reflex/utils/pyi_generator.py`!
+# ------------------------------------------------------
+
+from . import (
+    base,
+    core,
+    datadisplay,
+    el,
+    gridjs,
+    lucide,
+    markdown,
+    moment,
+    plotly,
+    radix,
+    react_player,
+    recharts,
+    sonner,
+)
+from .component import Component, NoSSRComponent
+
+__all__ = [
+    "Component",
+    "NoSSRComponent",
+    "base",
+    "core",
+    "datadisplay",
+    "el",
+    "gridjs",
+    "lucide",
+    "markdown",
+    "moment",
+    "plotly",
+    "radix",
+    "react_player",
+    "recharts",
+    "sonner",
+]