reflex 0.3.7a1__tar.gz → 0.3.8__tar.gz

{reflex-0.3.7a1 → reflex-0.3.8}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: reflex
-Version: 0.3.7a1
+Version: 0.3.8
 Summary: Web apps in pure Python.
 Home-page: https://reflex.dev
 License: Apache-2.0
@@ -16,6 +16,7 @@ Classifier: Programming Language :: Python :: 3.9
 Classifier: Programming Language :: Python :: 3.10
 Classifier: Programming Language :: Python :: 3.11
 Requires-Dist: alembic (>=1.11.1,<2.0.0)
+Requires-Dist: charset-normalizer (>=3.3.2,<4.0.0)
 Requires-Dist: cloudpickle (>=2.2.1,<3.0.0)
 Requires-Dist: distro (>=1.8.0,<2.0.0) ; sys_platform == "linux"
 Requires-Dist: fastapi (>=0.96.0,<0.97.0)
@@ -171,7 +172,6 @@ def index():
 # Add state and page to the app.
 app = rx.App()
 app.add_page(index, title="reflex:DALL·E")
-app.compile()
 ```
 
 ## Let's break this down.
@@ -282,6 +282,12 @@ We welcome contributions of any size! Below are some good ways to get started in
 
 We are actively looking for contributors, no matter your skill level or experience. To contribute check out [CONTIBUTING.md](https://github.com/reflex-dev/reflex/blob/main/CONTRIBUTING.md)
 
+
+## All Thanks To Our Contributors:
+<a href="https://github.com/reflex-dev/reflex/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=reflex-dev/reflex" />
+</a>
+
 ## License
 
 Reflex is open-source and licensed under the [Apache License 2.0](LICENSE).

{reflex-0.3.7a1 → reflex-0.3.8}/README.md

@@ -123,7 +123,6 @@ def index():
 # Add state and page to the app.
 app = rx.App()
 app.add_page(index, title="reflex:DALL·E")
-app.compile()
 ```
 
 ## Let's break this down.
@@ -234,6 +233,12 @@ We welcome contributions of any size! Below are some good ways to get started in
 
 We are actively looking for contributors, no matter your skill level or experience. To contribute check out [CONTIBUTING.md](https://github.com/reflex-dev/reflex/blob/main/CONTRIBUTING.md)
 
+
+## All Thanks To Our Contributors:
+<a href="https://github.com/reflex-dev/reflex/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=reflex-dev/reflex" />
+</a>
+
 ## License
 
 Reflex is open-source and licensed under the [Apache License 2.0](LICENSE).

{reflex-0.3.7a1 → reflex-0.3.8}/pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "reflex"
-version = "0.3.7a1"
+version = "0.3.8"
 description = "Web apps in pure Python."
 license = "Apache-2.0"
 authors = [
@@ -58,6 +58,7 @@ wrapt = [
 packaging = "^23.1"
 pipdeptree = "^2.13.0"
 reflex-hosting-cli = ">=0.1.2"
+charset-normalizer = "^3.3.2"
 
 [tool.poetry.group.dev.dependencies]
 pytest = "^7.1.2"

{reflex-0.3.7a1 → reflex-0.3.8}/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-0.3.7a1 → reflex-0.3.8}/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-0.3.7a1 → reflex-0.3.8}/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-0.3.7a1 → reflex-0.3.8}/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-0.3.7a1 → reflex-0.3.8}/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-0.3.7a1 → reflex-0.3.8}/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-0.3.7a1 → reflex-0.3.8}/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-0.3.8/reflex/.templates/web/utils/helpers/dataeditor.js

@@ -0,0 +1,69 @@
+import { GridCellKind } from "@glideapps/glide-data-grid";
+
+export function getDEColumn(columns, col) {
+  let c = columns[col];
+  c.pos = col;
+  return c;
+}
+
+export function getDERow(data, row) {
+  return data[row];
+}
+
+export function locateCell(row, column) {
+  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,
+      };
+  }
+}
+
+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 };
+}

{reflex-0.3.7a1 → reflex-0.3.8}/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-0.3.7a1 → reflex-0.3.8}/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-0.3.7a1 → reflex-0.3.8}/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-0.3.7a1 → reflex-0.3.8}/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-0.3.8/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-0.3.7a1 → reflex-0.3.8}/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"])

reflex-0.3.8/reflex/components/__init__.py

@@ -0,0 +1,16 @@
+"""Import all the components."""
+from __future__ import annotations
+
+from .base import Fragment, Script, fragment, script
+from .chakra import *
+from .component import Component
+from .component import NoSSRComponent as NoSSRComponent
+from .core import *
+from .datadisplay import *
+from .gridjs import *
+from .markdown import *
+from .moment import *
+from .next import NextLink, next_link
+from .plotly import *
+from .react_player import *
+from .suneditor import *

{reflex-0.3.7a1 → reflex-0.3.8}/reflex/components/base/__init__.py

@@ -1,8 +1,12 @@
 """Base components."""
 
 from .body import Body
-from .document import ColorModeScript, DocumentHead, Html, Main, NextScript
+from .document import DocumentHead, Html, Main, NextScript
+from .fragment import Fragment
 from .head import Head
 from .link import RawLink, ScriptTag
 from .meta import Description, Image, Meta, Title
 from .script import Script
+
+fragment = Fragment.create
+script = Script.create

{reflex-0.3.7a1 → reflex-0.3.8}/reflex/components/base/app_wrap.py

@@ -1,6 +1,6 @@
 """Top-level component that wraps the entire app."""
+from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component
-from reflex.components.layout.fragment import Fragment
 from reflex.vars import Var
 
 

{reflex-0.3.7a1 → reflex-0.3.8}/reflex/components/base/app_wrap.pyi

@@ -7,8 +7,8 @@ from typing import Any, Dict, Literal, Optional, Union, overload
 from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
+from reflex.components.base.fragment import Fragment
 from reflex.components.component import Component
-from reflex.components.layout.fragment import Fragment
 from reflex.vars import Var
 
 class AppWrap(Fragment):

{reflex-0.3.7a1 → reflex-0.3.8}/reflex/components/base/document.py

@@ -1,7 +1,6 @@
 """Document components."""
 
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 
 
 class NextDocumentLib(Component):
@@ -32,10 +31,3 @@ class NextScript(NextDocumentLib):
     """The document main scripts."""
 
     tag = "NextScript"
-
-
-class ColorModeScript(ChakraComponent):
-    """Chakra color mode script."""
-
-    tag = "ColorModeScript"
-    initialColorMode = "light"

{reflex-0.3.7a1 → reflex-0.3.8}/reflex/components/base/document.pyi

@@ -8,7 +8,6 @@ from reflex.vars import Var, BaseVar, ComputedVar
 from reflex.event import EventChain, EventHandler, EventSpec
 from reflex.style import Style
 from reflex.components.component import Component
-from reflex.components.libs.chakra import ChakraComponent
 
 class NextDocumentLib(Component):
     @overload
@@ -404,82 +403,3 @@ class NextScript(NextDocumentLib):
             TypeError: If an invalid child is passed.
         """
         ...
-
-class ColorModeScript(ChakraComponent):
-    @overload
-    @classmethod
-    def create(  # type: ignore
-        cls,
-        *children,
-        style: Optional[Style] = None,
-        key: Optional[Any] = None,
-        id: Optional[Any] = None,
-        class_name: Optional[Any] = None,
-        autofocus: Optional[bool] = None,
-        custom_attrs: Optional[Dict[str, Union[Var, str]]] = None,
-        on_blur: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_context_menu: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_double_click: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_focus: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_down: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_enter: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_leave: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_move: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_out: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_over: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_mouse_up: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_scroll: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        on_unmount: Optional[
-            Union[EventHandler, EventSpec, list, function, BaseVar]
-        ] = None,
-        **props
-    ) -> "ColorModeScript":
-        """Create the component.
-
-        Args:
-            *children: The children of the component.
-            style: The style of the component.
-            key: A unique key for the component.
-            id: The id for the component.
-            class_name: The class name for the component.
-            autofocus: Whether the component should take the focus once the page is loaded
-            custom_attrs: custom attribute
-            **props: The props of the component.
-
-        Returns:
-            The component.
-
-        Raises:
-            TypeError: If an invalid child is passed.
-        """
-        ...

{reflex-0.3.7a1/reflex/components/layout → reflex-0.3.8/reflex/components/base}/fragment.pyi

@@ -1,4 +1,4 @@
-"""Stub file for reflex/components/layout/fragment.py"""
+"""Stub file for reflex/components/base/fragment.py"""
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `scripts/pyi_generator.py`!
 # ------------------------------------------------------