reflex 0.8.0a4__tar.gz → 0.8.0a6__tar.gz

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

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex
-Version: 0.8.0a4
+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
@@ -19,14 +19,14 @@ Classifier: Programming Language :: Python :: 3.12
 Classifier: Programming Language :: Python :: 3.13
 Requires-Python: <4.0,>=3.10
 Requires-Dist: alembic<2.0,>=1.15.2
-Requires-Dist: click>=8
+Requires-Dist: click>=8.2
 Requires-Dist: fastapi>=0.115.0
 Requires-Dist: granian[reload]>=2.2.5
 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.0a4 → reflex-0.8.0a6}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.8.0a4"
+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",
@@ -35,7 +35,7 @@ dependencies = [
   "reflex-hosting-cli >=0.1.47",
   "rich >=13,<15",
   "sqlmodel >=0.0.24,<0.1",
-  "click >=8",
+  "click >=8.2",
   "typing_extensions >=4.13.0",
   "wrapt >=1.17.0,<2.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.0a4 → 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.0a4 → reflex-0.8.0a6}/reflex/.templates/jinja/web/styles/styles.css.jinja2

@@ -1,4 +1,5 @@
 {%- block imports_styles %}
+@layer __reflex_base;
 {% for sheet_name in stylesheets %}
     {{- "@import url('" + sheet_name + "'); " }}
 {% endfor %}

reflex-0.8.0a6/reflex/.templates/web/app/routes.js

@@ -0,0 +1,10 @@
+import { route } from "@react-router/dev/routes";
+import { flatRoutes } from "@react-router/fs-routes";
+
+export default [
+  route("404", "routes/[404]._index.jsx", { id: "404" }),
+  ...(await flatRoutes({
+    ignoredRouteFiles: ["routes/\\[404\\]._index.jsx"],
+  })),
+  route("*", "routes/[404]._index.jsx"),
+];

{reflex-0.8.0a4 → reflex-0.8.0a6}/reflex/.templates/web/utils/client_side_routing.js

@@ -25,7 +25,7 @@ export const useClientSideRouting = () => {
       const search = window.location.search;
 
       // Use navigate instead of replace
-      navigate(path + search, { replace: true })
+      navigate(path + search, { replace: true, state: { fromNotFound: true } })
         .then(() => {
           // Check if we're still on a NotFound route
           // Note: This depends on how your routes are set up

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

@@ -1,11 +1,10 @@
 // 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";
 import reflexEnvironment from "$/reflex.json";
 import Cookies from "universal-cookie";
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import {
   useLocation,
   useNavigate,
@@ -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];
+    });
 };
 
 /**
@@ -851,7 +898,7 @@ export const useEventLoop = (
   }, [paramsR]);
 
   // Function to add new events to the event queue.
-  const addEvents = (events, args, event_actions) => {
+  const addEvents = useCallback((events, args, event_actions) => {
     const _events = events.filter((e) => e !== undefined && e !== null);
 
     if (!(args instanceof Array)) {
@@ -894,7 +941,7 @@ export const useEventLoop = (
     } else {
       queueEvents(_events, socket, false, navigate, () => params.current);
     }
-  };
+  }, []);
 
   const sentHydrate = useRef(false); // Avoid double-hydrate due to React strict-mode
   useEffect(() => {
@@ -1020,31 +1067,42 @@ export const useEventLoop = (
     return () => window.removeEventListener("storage", handleStorage);
   });
 
+  const handleNavigationEvents = useRef(false);
   // Route after the initial page hydration
   useEffect(() => {
+    // The first time this effect runs is initial load, so don't handle
+    // any navigation events.
+    if (!handleNavigationEvents.current) {
+      handleNavigationEvents.current = true;
+      return;
+    }
+    if (location.state?.fromNotFound) {
+      // If the redirect is from a 404 page, we skip onLoadInternalEvent,
+      // since it was already run when the 404 page was first rendered.
+      return;
+    }
     // This will run when the location changes
     if (
-      location.pathname + location.search + location.hash !==
-      prevLocationRef.current.pathname +
-        prevLocationRef.current.search +
-        prevLocationRef.current.hash
+      location.pathname + location.search ===
+      prevLocationRef.current.pathname + prevLocationRef.current.search
     ) {
-      // Equivalent to routeChangeStart - runs when navigation begins
-      const change_start = () => {
-        const main_state_dispatch = dispatch["reflex___state____state"];
-        if (main_state_dispatch !== undefined) {
-          main_state_dispatch({ is_hydrated_rx_state_: false });
-        }
-      };
-      change_start();
-
-      // Equivalent to routeChangeComplete - runs after navigation completes
-      const change_complete = () => addEvents(onLoadInternalEvent());
-      change_complete();
+      if (location.hash) {
+        // If the hash is the same, we don't need to do anything.
+        return;
+      }
+    }
 
-      // Update the ref
-      prevLocationRef.current = location;
+    // Equivalent to routeChangeStart - runs when navigation begins
+    const main_state_dispatch = dispatch["reflex___state____state"];
+    if (main_state_dispatch !== undefined) {
+      main_state_dispatch({ is_hydrated_rx_state_: false });
     }
+
+    // Equivalent to routeChangeComplete - runs after navigation completes
+    addEvents(onLoadInternalEvent());
+
+    // Update the ref
+    prevLocationRef.current = location;
   }, [location, dispatch, onLoadInternalEvent, addEvents]);
 
   return [addEvents, connectErrors];

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",
+]