reflex 0.8.0a5__py3-none-any.whl → 0.8.0a6__py3-none-any.whl

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/.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/__init__.pyi

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