reflex 0.7.14a5__tar.gz → 0.8.0__tar.gz

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

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex
-Version: 0.7.14a5
+Version: 0.8.0
 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: granian[reload]>=2.4.0
 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
@@ -39,8 +39,7 @@ Requires-Dist: wrapt<2.0,>=1.17.0
 Description-Content-Type: text/markdown
 
 <div align="center">
-<img src="https://raw.githubusercontent.com/reflex-dev/reflex/main/docs/images/reflex_dark.svg#gh-light-mode-only" alt="Reflex Logo" width="300px">
-<img src="https://raw.githubusercontent.com/reflex-dev/reflex/main/docs/images/reflex_light.svg#gh-dark-mode-only" alt="Reflex Logo" width="300px">
+<img src="https://raw.githubusercontent.com/reflex-dev/reflex/main/docs/images/reflex.svg" alt="Reflex Logo" width="300px">
 
 <hr>
 
@@ -60,7 +59,12 @@ Description-Content-Type: text/markdown
 
 ---
 
-# Reflex
+> [!NOTE]
+> 🚀 **Try [Reflex Build](https://build.reflex.dev/)** – our AI-powered app builder that generates full-stack Reflex applications in seconds.
+
+---
+
+# Introduction
 
 Reflex is a library to build full-stack web apps in pure Python.
 
@@ -268,7 +272,10 @@ You can create a multi-page app by adding more pages.
 
 Reflex launched in December 2022 with the name Pynecone.
 
-Beginning in 2025, [Reflex Cloud](https://cloud.reflex.dev) has launched to provide the best hosting experience for Reflex apps. We will continue to develop it and implement more features.
+🚀 Introducing [Reflex Build](https://build.reflex.dev/) — Our AI-Powered Builder
+Reflex Build uses AI to generate complete full-stack Python applications. It helps you quickly create, customize, and refine your Reflex apps — from frontend components to backend logic — so you can focus on your ideas instead of boilerplate code. Whether you’re prototyping or scaling, Reflex Build accelerates development by intelligently scaffolding and optimizing your app’s entire stack.
+
+Alongside this, [Reflex Cloud](https://cloud.reflex.dev) launched in 2025 to offer the best hosting experience for your Reflex apps. We’re continuously improving the platform with new features and capabilities.
 
 Reflex has new releases and features coming every week! Make sure to :star: star and :eyes: watch this repository to stay up to date.
 

{reflex-0.7.14a5 → reflex-0.8.0}/README.md

@@ -1,6 +1,5 @@
 <div align="center">
-<img src="https://raw.githubusercontent.com/reflex-dev/reflex/main/docs/images/reflex_dark.svg#gh-light-mode-only" alt="Reflex Logo" width="300px">
-<img src="https://raw.githubusercontent.com/reflex-dev/reflex/main/docs/images/reflex_light.svg#gh-dark-mode-only" alt="Reflex Logo" width="300px">
+<img src="https://raw.githubusercontent.com/reflex-dev/reflex/main/docs/images/reflex.svg" alt="Reflex Logo" width="300px">
 
 <hr>
 
@@ -20,7 +19,12 @@
 
 ---
 
-# Reflex
+> [!NOTE]
+> 🚀 **Try [Reflex Build](https://build.reflex.dev/)** – our AI-powered app builder that generates full-stack Reflex applications in seconds.
+
+---
+
+# Introduction
 
 Reflex is a library to build full-stack web apps in pure Python.
 
@@ -228,7 +232,10 @@ You can create a multi-page app by adding more pages.
 
 Reflex launched in December 2022 with the name Pynecone.
 
-Beginning in 2025, [Reflex Cloud](https://cloud.reflex.dev) has launched to provide the best hosting experience for Reflex apps. We will continue to develop it and implement more features.
+🚀 Introducing [Reflex Build](https://build.reflex.dev/) — Our AI-Powered Builder
+Reflex Build uses AI to generate complete full-stack Python applications. It helps you quickly create, customize, and refine your Reflex apps — from frontend components to backend logic — so you can focus on your ideas instead of boilerplate code. Whether you’re prototyping or scaling, Reflex Build accelerates development by intelligently scaffolding and optimizing your app’s entire stack.
+
+Alongside this, [Reflex Cloud](https://cloud.reflex.dev) launched in 2025 to offer the best hosting experience for your Reflex apps. We’re continuously improving the platform with new features and capabilities.
 
 Reflex has new releases and features coming every week! Make sure to :star: star and :eyes: watch this repository to stay up to date.
 

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

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.7.14a5"
+version = "0.8.0"
 description = "Web apps in pure Python."
 license.text = "Apache-2.0"
 authors = [
@@ -22,12 +22,12 @@ requires-python = ">=3.10,<4.0"
 dependencies = [
   "alembic >=1.15.2,<2.0",
   "fastapi >=0.115.0",
-  "granian[reload] >=2.2.5",
+  "granian[reload] >=2.4.0",
   "httpx >=0.28.0,<1.0",
   "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",
@@ -228,7 +229,7 @@ fail_fast = true
 
 [[tool.pre-commit.repos]]
 repo = "https://github.com/astral-sh/ruff-pre-commit"
-rev = "v0.11.12"
+rev = "v0.11.13"
 hooks = [
   { id = "ruff-format", args = [
     "reflex",
@@ -260,7 +261,7 @@ hooks = [
 
 [[tool.pre-commit.repos]]
 repo = "https://github.com/RobertCraigie/pyright-python"
-rev = "v1.1.401"
+rev = "v1.1.402"
 hooks = [{ id = "pyright", args = ["reflex", "tests"], language = "system" }]
 
 [[tool.pre-commit.repos]]

reflex-0.8.0/reflex/.templates/jinja/app/rxconfig.py.jinja2

@@ -0,0 +1,9 @@
+import reflex as rx
+
+config = rx.Config(
+    app_name="{{ app_name }}",
+    plugins=[
+        rx.plugins.SitemapPlugin(),
+        rx.plugins.TailwindV4Plugin(),
+    ],
+)

{reflex-0.7.14a5 → reflex-0.8.0}/reflex/.templates/jinja/web/package.json.jinja2

@@ -1,9 +1,9 @@
 {
   "name": "reflex",
+  "type": "module",
   "scripts": {
     "dev": "{{ scripts.dev }}",
     "export": "{{ scripts.export }}",
-    "export-sitemap": "{{ scripts.export_sitemap }}",
     "prod": "{{ scripts.prod }}"
   },
   "dependencies": {

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

@@ -2,12 +2,14 @@
 {% from "web/pages/macros.js.jinja2" import renderHooks %}
 
 {% block early_imports %}
-import '$/styles/__reflex_global_styles.css'
+import reflexGlobalStyles from '$/styles/__reflex_global_styles.css?url';
 {% endblock %}
 
 {% block declaration %}
-import { EventLoopProvider, StateProvider, defaultColorMode } from "$/utils/context.js";
-import { ThemeProvider } from 'next-themes'
+import { EventLoopProvider, StateProvider, defaultColorMode } from "$/utils/context";
+import { ThemeProvider } from '$/utils/react-theme';
+import { Layout as AppLayout } from './_document';
+import { Outlet } from 'react-router';
 {% for library_alias, library_path in  window_libraries %}
 import * as {{library_alias}} from "{{library_path}}";
 {% endfor %}
@@ -18,6 +20,10 @@ import * as {{library_alias}} from "{{library_path}}";
 {% endblock %}
 
 {% block export %}
+export const links = () => [
+  { rel: 'stylesheet', href: reflexGlobalStyles, type: 'text/css' }
+];
+
 function AppWrap({children}) {
   {{ renderHooks(hooks) }}
 
@@ -26,8 +32,9 @@ function AppWrap({children}) {
   )
 }
 
-export default function MyApp({ Component, pageProps }) {
-  React.useEffect(() => {
+
+export function Layout({children}) {
+    useEffect(() => {
     // Make contexts and state objects available globally for dynamic eval'd components
     let windowImports = {
 {% for library_alias, library_path in  window_libraries %}
@@ -36,17 +43,20 @@ export default function MyApp({ Component, pageProps }) {
     };
     window["__reflex"] = windowImports;
   }, []);
-  return (
-    jsx(ThemeProvider, {defaultTheme:defaultColorMode,attribute:"class"},
+
+  return jsx(AppLayout, {},
+    jsx(ThemeProvider, {defaultTheme: defaultColorMode, attribute: "class"},
       jsx(StateProvider, {},
-        jsx(EventLoopProvider, {}, 
-          jsx(AppWrap, {},
-            jsx(Component, pageProps)
-          )
+        jsx(EventLoopProvider, {},
+          jsx(AppWrap, {}, children)
         )
       )
     )
   );
 }
 
+export default function App() {
+  return jsx(Outlet, {});
+}
+
 {% endblock %}

{reflex-0.7.14a5 → reflex-0.8.0}/reflex/.templates/jinja/web/pages/_document.js.jinja2

@@ -1,7 +1,7 @@
 {% extends "web/pages/base_page.js.jinja2" %}
 
 {% block export %}
-export default function Document() {
+export function Layout({children}) {
   return (
     {{utils.render(document)}}
   )

{reflex-0.7.14a5 → reflex-0.8.0}/reflex/.templates/jinja/web/pages/base_page.js.jinja2

@@ -1,5 +1,4 @@
 {% import 'web/pages/utils.js.jinja2' as utils %}
-/** @jsxImportSource @emotion/react */
 
 {% block early_imports %}
 {% endblock %}

{reflex-0.7.14a5 → reflex-0.8.0}/reflex/.templates/jinja/web/pages/stateful_component.js.jinja2

@@ -2,7 +2,11 @@
 {% from 'web/pages/macros.js.jinja2' import renderHooksWithMemo %}
 {% set all_hooks = component._get_all_hooks() %}
 
+{% if export %}
 export function {{tag_name}} () {
+{% else %}
+function {{tag_name}} () {
+{% endif %}
   {{ renderHooksWithMemo(all_hooks, memo_trigger_hooks) }}
   
   return (

{reflex-0.7.14a5 → reflex-0.8.0}/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.7.14a5 → reflex-0.8.0}/reflex/.templates/jinja/web/utils/context.js.jinja2

@@ -1,5 +1,6 @@
-import { createContext, useContext, useMemo, useReducer, useState, createElement } from "react"
-import { applyDelta, Event, hydrateClientStorage, useEventLoop, refs } from "$/utils/state.js"
+import { createContext, useContext, useMemo, useReducer, useState, createElement, useEffect } from "react"
+import { applyDelta, Event, hydrateClientStorage, useEventLoop, refs } from "$/utils/state"
+import { jsx } from "@emotion/react";
 
 {% if initial_state %}
 export const initialState = {{ initial_state|json_dumps }}
@@ -68,8 +69,6 @@ export const initialEvents = () => []
 
 export const isDevMode = {{ is_dev_mode|json_dumps }}
 
-export const lastCompiledTimeStamp = {{ last_compiled_time|json_dumps }}
-
 export function UploadFilesProvider({ children }) {
   const [filesById, setFilesById] = useState({})
   refs["__clear_selected_files"] = (id) => setFilesById(filesById => {
@@ -77,7 +76,21 @@ export function UploadFilesProvider({ children }) {
     delete newFilesById[id]
     return newFilesById
   })
-  return createElement(UploadFilesContext, {value:[filesById, setFilesById]}, children);
+  return createElement(
+    UploadFilesContext.Provider,
+    { value: [filesById, setFilesById] },
+    children
+  );
+}
+
+export function ClientSide(component) {
+  return ({ children, ...props }) => {
+    const [Component, setComponent] = useState(null);
+    useEffect(() => {
+      setComponent(component);
+    }, []);
+    return Component ? jsx(Component, props, children) : null;
+  };
 }
 
 export function EventLoopProvider({ children }) {
@@ -87,7 +100,11 @@ export function EventLoopProvider({ children }) {
     initialEvents,
     clientStorage,
   )
-  return createElement(EventLoopContext, {value:[addEvents, connectErrors]}, children);
+  return createElement(
+    EventLoopContext.Provider,
+    { value: [addEvents, connectErrors] },
+    children
+  );
 }
 
 export function StateProvider({ children }) {
@@ -106,7 +123,7 @@ export function StateProvider({ children }) {
     {% for state_name in initial_state %}
     createElement(StateContexts.{{state_name|var_name}},{value: {{state_name|var_name}}},
     {% endfor %}
-    createElement(DispatchContext.Provider, {value: dispatchers}, children),
-    {% for state_name in initial_state|reverse %}){% endfor %}
+    createElement(DispatchContext, {value: dispatchers}, children)
+    {% for state_name in initial_state %}){% endfor %}
   )
 }

reflex-0.8.0/reflex/.templates/web/app/entry.client.js

@@ -0,0 +1,8 @@
+import { startTransition } from "react";
+import { hydrateRoot } from "react-dom/client";
+import { HydratedRouter } from "react-router/dom";
+import { createElement } from "react";
+
+startTransition(() => {
+  hydrateRoot(document, createElement(HydratedRouter));
+});

reflex-0.8.0/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.0/reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js

@@ -0,0 +1,35 @@
+import { useTheme } from "$/utils/react-theme";
+import { createElement } from "react";
+import { ColorModeContext, defaultColorMode } from "$/utils/context";
+
+export default function RadixThemesColorModeProvider({ children }) {
+  const { theme, resolvedTheme, setTheme } = useTheme();
+
+  const toggleColorMode = () => {
+    setTheme(resolvedTheme === "light" ? "dark" : "light");
+  };
+
+  const setColorMode = (mode) => {
+    const allowedModes = ["light", "dark", "system"];
+    if (!allowedModes.includes(mode)) {
+      console.error(
+        `Invalid color mode "${mode}". Defaulting to "${defaultColorMode}".`,
+      );
+      mode = defaultColorMode;
+    }
+    setTheme(mode);
+  };
+
+  return createElement(
+    ColorModeContext.Provider,
+    {
+      value: {
+        rawColorMode: theme,
+        resolvedColorMode: resolvedTheme,
+        toggleColorMode,
+        setColorMode,
+      },
+    },
+    children,
+  );
+}

{reflex-0.7.14a5 → reflex-0.8.0}/reflex/.templates/web/postcss.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   plugins: {
     "postcss-import": {},
     autoprefixer: {},

reflex-0.8.0/reflex/.templates/web/react-router.config.js

@@ -0,0 +1,6 @@
+export default {
+  future: {
+    unstable_optimizeDeps: true,
+  },
+  ssr: false,
+};