reflex 0.3.7__py3-none-any.whl → 0.3.8__py3-none-any.whl

reflex/.templates/apps/blank/code/blank.py

@@ -42,4 +42,3 @@ def index() -> rx.Component:
 # Add state and page to the app.
 app = rx.App()
 app.add_page(index)
-app.compile()

reflex/.templates/apps/demo/code/demo.py

@@ -120,4 +120,3 @@ def chatapp() -> rx.Component:
 
 # Add state and page to the app.
 app = rx.App(style=base_style)
-app.compile()

reflex/.templates/apps/sidebar/code/sidebar.py

@@ -7,6 +7,10 @@ from code.pages import *
 
 import reflex as rx
 
-# Create the app and compile it.
+
+class State(rx.State):
+    """Define empty state to allow access to rx.State.router."""
+
+
+# Create the app.
 app = rx.App(style=styles.base_style)
-app.compile()

reflex/.templates/jinja/web/pages/_app.js.jinja2

@@ -1,9 +1,12 @@
 {% extends "web/pages/base_page.js.jinja2" %}
 
+{% block early_imports %}
+import '/styles/styles.css'
+{% endblock %}
+
 {% block declaration %}
 import { EventLoopProvider, StateProvider } from "/utils/context.js";
 import { ThemeProvider } from 'next-themes'
-import '/styles/styles.css'
 
 
 {% for custom_code in custom_codes %}

reflex/.templates/jinja/web/pages/base_page.js.jinja2

@@ -1,8 +1,11 @@
 {% import 'web/pages/utils.js.jinja2' as utils %}
-
 /** @jsxImportSource @emotion/react */
 
+{% block early_imports %}
+{% endblock %}
+
 {%- block imports_libs %}
+
 {% for module in imports%}
   {{- utils.get_import(module) }}
 {% endfor %}

reflex/.templates/jinja/web/pages/utils.js.jinja2

@@ -8,6 +8,8 @@
     {{- component }}
   {%- elif "iterable" in component %}
     {{- render_iterable_tag(component) }}
+  {%- elif component.name == "match"%}
+    {{- render_match_tag(component) }}
   {%- elif "cond" in component %}
     {{- render_condition_tag(component) }}
   {%- elif component.children|length %}
@@ -77,6 +79,28 @@
 {% if props|length %} {{ props|join(" ") }}{% endif %}
 {% endmacro %}
 
+{# Rendering Match component. #}
+{# Args: #}
+{#     component: component dictionary #}
+{% macro render_match_tag(component) %}
+{
+    (() => {
+        switch (JSON.stringify({{ component.cond._var_full_name }})) {
+        {% for case in component.match_cases %}
+            {% for condition in case[:-1] %}
+                case JSON.stringify({{ condition._var_name_unwrapped }}):
+            {% endfor %}
+                return {{ case[-1] }};
+                break;
+        {% endfor %}
+            default:
+                return {{ component.default }};
+                break;
+        }
+    })()
+  }
+{%- endmacro %}
+
 
 {# Rendering content with args. #}
 {# Args: #}

reflex/.templates/jinja/web/tailwind.config.js.jinja2

@@ -12,6 +12,9 @@ module.exports = {
 	{% for preset in presets %}
 		require({{preset|json_dumps}})
 	{% endfor %}
-	]
+	],
+	{% endif %}
+	{% if darkMode is defined %}
+	darkMode: {{darkMode|json_dumps}},
 	{% endif %}
 };

reflex/.templates/web/utils/helpers/dataeditor.js

@@ -1,67 +1,69 @@
-import { GridCellKind } from "@glideapps/glide-data-grid"
+import { GridCellKind } from "@glideapps/glide-data-grid";
 
 export function getDEColumn(columns, col) {
-    let c = columns[col];
-    c.pos = col;
-    return c;
+  let c = columns[col];
+  c.pos = col;
+  return c;
 }
 
 export function getDERow(data, row) {
-    return data[row];
+  return data[row];
 }
 
 export function locateCell(row, column) {
-    if (Array.isArray(row)) {
-        return row[column.pos];
-    } else {
-        return row[column.id];
-    }
+  if (Array.isArray(row)) {
+    return row[column.pos];
+  } else {
+    return row[column.id];
+  }
 }
 
 export function formatCell(value, column) {
-    const editable = column.editable || true
-    switch (column.type) {
-        case "int":
-        case "float":
-            return {
-                kind: GridCellKind.Number,
-                data: value,
-                displayData: value + "",
-                readonly: !editable,
-                allowOverlay: editable,
-            }
-        case "datetime":
-        // value = moment format?
-        case "str":
-            return {
-                kind: GridCellKind.Text,
-                data: value,
-                displayData: value,
-                readonly: !editable,
-                allowOverlay: editable,
-            }
-        case "bool":
-            return {
-                kind: GridCellKind.Boolean,
-                data: value,
-                readonly: !editable,
-            }
-        default:
-            console.log("Warning: column.type is undefined for column.title=" + column.title)
-            return {
-                kind: GridCellKind.Text,
-                data: value,
-                displayData: column.type
-            }
-    };
-};
+  const editable = column.editable ?? true;
+  switch (column.type) {
+    case "int":
+    case "float":
+      return {
+        kind: GridCellKind.Number,
+        data: value,
+        displayData: value + "",
+        readonly: !editable,
+        allowOverlay: editable,
+      };
+    case "datetime":
+    // value = moment format?
+    case "str":
+      return {
+        kind: GridCellKind.Text,
+        data: value,
+        displayData: value,
+        readonly: !editable,
+        allowOverlay: editable,
+      };
+    case "bool":
+      return {
+        kind: GridCellKind.Boolean,
+        data: value,
+        readonly: !editable,
+      };
+    default:
+      console.log(
+        "Warning: column.type is undefined for column.title=" + column.title
+      );
+      return {
+        kind: GridCellKind.Text,
+        data: value,
+        displayData: column.type,
+      };
+  }
+}
 
 export function formatDataEditorCells(col, row, columns, data) {
-    if (row < data.length && col < columns.length) {
-        const column = getDEColumn(columns, col);
-        const rowData = getDERow(data, row);
-        const cellData = locateCell(rowData, column);
-        return formatCell(cellData, column);
-    }
-    return { kind: GridCellKind.Loading };
-}
+  if (row < data.length && col < columns.length) {
+    const column = getDEColumn(columns, col);
+    const rowData = getDERow(data, row);
+    const cellData = locateCell(rowData, column);
+    return formatCell(cellData, column);
+  }
+  return { kind: GridCellKind.Loading };
+}

reflex/__init__.py

@@ -114,6 +114,7 @@ _ALL_COMPONENTS = [
     "List",
     "ListItem",
     "Markdown",
+    "Match",
     "Menu",
     "MenuButton",
     "MenuDivider",
@@ -215,6 +216,7 @@ _ALL_COMPONENTS = [
     "Tfoot",
     "Th",
     "Thead",
+    "TimePicker",
     "Tooltip",
     "Tr",
     "UnorderedList",
@@ -251,8 +253,8 @@ _MAPPING = {
     "reflex.compiler.utils": ["get_asset_path"],
     "reflex.components": _ALL_COMPONENTS + ["chakra", "next"],
     "reflex.components.component": ["memo"],
-    "reflex.components.graphing": ["recharts"],
-    "reflex.components.datadisplay.moment": ["MomentDelta"],
+    "reflex.components.recharts": ["recharts"],
+    "reflex.components.moment.moment": ["MomentDelta"],
     "reflex.config": ["config", "Config", "DBConfig"],
     "reflex.constants": ["constants", "Env"],
     "reflex.components.el": ["el"],

reflex/__init__.pyi

@@ -107,6 +107,7 @@ from reflex.components import LinkOverlay as LinkOverlay
 from reflex.components import List as List
 from reflex.components import ListItem as ListItem
 from reflex.components import Markdown as Markdown
+from reflex.components import Match as Match
 from reflex.components import Menu as Menu
 from reflex.components import MenuButton as MenuButton
 from reflex.components import MenuDivider as MenuDivider
@@ -208,6 +209,7 @@ from reflex.components import TextArea as TextArea
 from reflex.components import Tfoot as Tfoot
 from reflex.components import Th as Th
 from reflex.components import Thead as Thead
+from reflex.components import TimePicker as TimePicker
 from reflex.components import Tooltip as Tooltip
 from reflex.components import Tr as Tr
 from reflex.components import UnorderedList as UnorderedList
@@ -317,6 +319,7 @@ from reflex.components import link_overlay as link_overlay
 from reflex.components import list as list
 from reflex.components import list_item as list_item
 from reflex.components import markdown as markdown
+from reflex.components import match as match
 from reflex.components import menu as menu
 from reflex.components import menu_button as menu_button
 from reflex.components import menu_divider as menu_divider
@@ -418,6 +421,7 @@ from reflex.components import text_area as text_area
 from reflex.components import tfoot as tfoot
 from reflex.components import th as th
 from reflex.components import thead as thead
+from reflex.components import time_picker as time_picker
 from reflex.components import tooltip as tooltip
 from reflex.components import tr as tr
 from reflex.components import unordered_list as unordered_list
@@ -443,8 +447,8 @@ from reflex.components import NoSSRComponent as NoSSRComponent
 from reflex.components import chakra as chakra
 from reflex.components import next as next
 from reflex.components.component import memo as memo
-from reflex.components.graphing import recharts as recharts
-from reflex.components.datadisplay.moment import MomentDelta as MomentDelta
+from reflex.components import recharts as recharts
+from reflex.components.moment.moment import MomentDelta as MomentDelta
 from reflex import config as config
 from reflex.config import Config as Config
 from reflex.config import DBConfig as DBConfig

reflex/app.py

@@ -37,12 +37,13 @@ from reflex.compiler import compiler
 from reflex.compiler import utils as compiler_utils
 from reflex.components import connection_modal
 from reflex.components.base.app_wrap import AppWrap
+from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component, ComponentStyle
-from reflex.components.layout.fragment import Fragment
-from reflex.components.navigation.client_side_routing import (
+from reflex.components.core.client_side_routing import (
     Default404Page,
     wait_for_client_redirect,
 )
+from reflex.components.radix import themes
 from reflex.config import get_config
 from reflex.event import Event, EventHandler, EventSpec
 from reflex.middleware import HydrateMiddleware, Middleware
@@ -62,8 +63,9 @@ from reflex.state import (
     State,
     StateManager,
     StateUpdate,
+    code_uses_state_contexts,
 )
-from reflex.utils import console, format, prerequisites, types
+from reflex.utils import console, exceptions, format, prerequisites, types
 from reflex.utils.imports import ImportVar
 
 # Define custom types.
@@ -131,7 +133,7 @@ class App(Base):
     background_tasks: Set[asyncio.Task] = set()
 
     # The radix theme for the entire app
-    theme: Optional[Component] = None
+    theme: Optional[Component] = themes.theme(accent_color="blue")
 
     def __init__(self, *args, **kwargs):
         """Initialize the app.
@@ -168,7 +170,8 @@ class App(Base):
                     deprecation_version="0.3.5",
                     removal_version="0.4.0",
                 )
-            self.state = State
+            if len(State.class_subclasses) > 0:
+                self.state = State
         # Get the config
         config = get_config()
 
@@ -343,9 +346,12 @@ class App(Base):
 
         Raises:
             TypeError: When an invalid component function is passed.
+            exceptions.MatchTypeError: If the return types of match cases in rx.match are different.
         """
         try:
             return component if isinstance(component, Component) else component()
+        except exceptions.MatchTypeError:
+            raise
         except TypeError as e:
             message = str(e)
             if "BaseVar" in message or "ComputedVar" in message:
@@ -619,7 +625,24 @@ class App(Base):
         return True
 
     def compile(self):
-        """Compile the app and output it to the pages folder."""
+        """compile_() is the new function for performing compilation.
+        Reflex framework will call it automatically as needed.
+        """
+        console.deprecate(
+            feature_name="app.compile()",
+            reason="Explicit calls to app.compile() are not needed."
+            " Method will be removed in 0.4.0",
+            deprecation_version="0.3.8",
+            removal_version="0.4.0",
+        )
+        return
+
+    def compile_(self):
+        """Compile the app and output it to the pages folder.
+
+        Raises:
+            RuntimeError: When any page uses state, but no rx.State subclass is defined.
+        """
         # add the pages before the compile check so App know onload methods
         for render, kwargs in DECORATED_PAGES:
             self.add_page(render, **kwargs)
@@ -667,8 +690,7 @@ class App(Base):
                 # Merge the component style with the app style.
                 component.add_style(self.style)
 
-                if self.theme is not None:
-                    component.apply_theme(self.theme)
+                component.apply_theme(self.theme)
 
                 # Add component.get_imports() to all_imports.
                 all_imports.update(component.get_imports())
@@ -685,6 +707,16 @@ class App(Base):
                 stateful_components_code,
                 page_components,
             ) = compiler.compile_stateful_components(self.pages.values())
+
+            # Catch "static" apps (that do not define a rx.State subclass) which are trying to access rx.State.
+            if (
+                code_uses_state_contexts(stateful_components_code)
+                and self.state is None
+            ):
+                raise RuntimeError(
+                    "To access rx.State in frontend components, at least one "
+                    "subclass of rx.State must be defined in the app."
+                )
             compile_results.append((stateful_components_path, stateful_components_code))
 
             result_futures = []
@@ -736,7 +768,9 @@ class App(Base):
                 config.tailwind["content"] = config.tailwind.get(
                     "content", constants.Tailwind.CONTENT
                 )
-            submit_work(compiler.compile_tailwind, config.tailwind)
+                submit_work(compiler.compile_tailwind, config.tailwind)
+            else:
+                submit_work(compiler.remove_tailwind_from_postcss)
 
             # Get imports from AppWrap components.
             all_imports.update(app_root.get_imports())

reflex/app.pyi

@@ -12,7 +12,7 @@ from reflex.components.component import (
     Component as Component,
     ComponentStyle as ComponentStyle,
 )
-from reflex.components.layout.fragment import Fragment as Fragment
+from reflex.components.base.fragment import Fragment as Fragment
 from reflex.config import get_config as get_config
 from reflex.event import (
     Event as Event,
@@ -120,6 +120,7 @@ class App(Base):
     def setup_admin_dash(self) -> None: ...
     def get_frontend_packages(self, imports: Dict[str, str]): ...
     def compile(self) -> None: ...
+    def compile_(self) -> None: ...
     def modify_state(self, token: str) -> AsyncContextManager[State]: ...
     def _process_background(
         self, state: State, event: Event

reflex/app_module_for_backend.py

@@ -0,0 +1,13 @@
+"""Shims the real reflex app module for running backend server (uvicorn or gunicorn).
+Only the app attribute is explicitly exposed.
+"""
+from reflex import constants
+from reflex.utils.prerequisites import get_compiled_app
+
+if "app" != constants.CompileVars.APP:
+    raise AssertionError("unexpected variable name for 'app'")
+app = getattr(get_compiled_app(), constants.CompileVars.APP)
+
+# ensure only "app" is exposed.
+del get_compiled_app
+del constants

reflex/compiler/compiler.py

@@ -432,6 +432,25 @@ def compile_tailwind(
     return output_path, code
 
 
+def remove_tailwind_from_postcss() -> tuple[str, str]:
+    """If tailwind is not to be used, remove it from postcss.config.js.
+
+    Returns:
+        The path and code of the compiled postcss.config.js.
+    """
+    # Get the path for the output file.
+    output_path = constants.Dirs.POSTCSS_JS
+
+    code = [
+        line
+        for line in Path(output_path).read_text().splitlines(keepends=True)
+        if "tailwindcss: " not in line
+    ]
+
+    # Compile the config.
+    return output_path, "".join(code)
+
+
 def purge_web_pages_dir():
     """Empty out .web directory."""
     utils.empty_dir(constants.Dirs.WEB_PAGES, keep_files=["_app.js"])