reflex 0.4.6a4__py3-none-any.whl → 0.4.7__py3-none-any.whl

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

@@ -1,22 +0,0 @@
-"""The dashboard page."""
-
-from code.templates import template
-
-import reflex as rx
-
-
-@template(route="/dashboard", title="Dashboard")
-def dashboard() -> rx.Component:
-    """The dashboard page.
-
-    Returns:
-        The UI for the dashboard page.
-    """
-    return rx.vstack(
-        rx.heading("Dashboard", size="8"),
-        rx.text("Welcome to Reflex!"),
-        rx.text(
-            "You can edit this page in ",
-            rx.code("{your_app}/pages/dashboard.py"),
-        ),
-    )

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

@@ -1,18 +0,0 @@
-"""The home page of the app."""
-
-from code import styles
-from code.templates import template
-
-import reflex as rx
-
-
-@template(route="/", title="Home", image="/github.svg")
-def index() -> rx.Component:
-    """The home page.
-
-    Returns:
-        The UI for the home page.
-    """
-    with open("README.md", encoding="utf-8") as readme:
-        content = readme.read()
-    return rx.markdown(content, component_map=styles.markdown_style)

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

@@ -1,61 +0,0 @@
-"""The settings page."""
-
-from code.templates import ThemeState, template
-
-import reflex as rx
-
-
-@template(route="/settings", title="Settings")
-def settings() -> rx.Component:
-    """The settings page.
-
-    Returns:
-        The UI for the settings page.
-    """
-    return rx.vstack(
-        rx.heading("Settings", size="8"),
-        rx.hstack(
-            rx.text("Dark mode: "),
-            rx.color_mode.switch(),
-        ),
-        rx.hstack(
-            rx.text("Theme color: "),
-            rx.select(
-                [
-                    "tomato",
-                    "red",
-                    "ruby",
-                    "crimson",
-                    "pink",
-                    "plum",
-                    "purple",
-                    "violet",
-                    "iris",
-                    "indigo",
-                    "blue",
-                    "cyan",
-                    "teal",
-                    "jade",
-                    "green",
-                    "grass",
-                    "brown",
-                    "orange",
-                    "sky",
-                    "mint",
-                    "lime",
-                    "yellow",
-                    "amber",
-                    "gold",
-                    "bronze",
-                    "gray",
-                ],
-                value=ThemeState.accent_color,
-                on_change=ThemeState.set_accent_color,
-            ),
-        ),
-        rx.text(
-            "You can edit this page in ",
-            rx.code("{your_app}/pages/settings.py"),
-            size="1",
-        ),
-    )

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

@@ -1,16 +0,0 @@
-"""Welcome to Reflex!."""
-
-from code import styles
-
-# Import all the pages.
-from code.pages import *
-
-import reflex as rx
-
-
-class State(rx.State):
-    """Define empty state to allow access to rx.State.router."""
-
-
-# Create the app.
-app = rx.App(style=styles.base_style)

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

@@ -1,60 +0,0 @@
-"""Styles for the app."""
-
-import reflex as rx
-
-border_radius = "0.375rem"
-box_shadow = "0px 0px 0px 1px rgba(84, 82, 95, 0.14)"
-border = f"1px solid {rx.color('accent', 12)}"
-text_color = rx.color("gray", 11)
-accent_text_color = rx.color("accent", 10)
-accent_color = rx.color("accent", 1)
-hover_accent_color = {"_hover": {"color": accent_text_color}}
-hover_accent_bg = {"_hover": {"background_color": accent_color}}
-content_width_vw = "90vw"
-sidebar_width = "20em"
-
-template_page_style = {"padding_top": "5em", "padding_x": ["auto", "2em"], "flex": "1"}
-
-template_content_style = {
-    "align_items": "flex-start",
-    "box_shadow": box_shadow,
-    "border_radius": border_radius,
-    "padding": "1em",
-    "margin_bottom": "2em",
-}
-
-link_style = {
-    "color": accent_text_color,
-    "text_decoration": "none",
-    **hover_accent_color,
-}
-
-overlapping_button_style = {
-    "background_color": "white",
-    "border": border,
-    "border_radius": border_radius,
-}
-
-base_style = {
-    rx.menu.trigger: {
-        **overlapping_button_style,
-    },
-    rx.menu.item: hover_accent_bg,
-}
-
-markdown_style = {
-    "code": lambda text: rx.code(text, color=accent_text_color, bg=accent_color),
-    "a": lambda text, **props: rx.link(
-        text,
-        **props,
-        font_weight="bold",
-        color=accent_text_color,
-        text_decoration="underline",
-        text_decoration_color=accent_text_color,
-        _hover={
-            "color": accent_color,
-            "text_decoration": "underline",
-            "text_decoration_color": accent_color,
-        },
-    ),
-}

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

@@ -1 +0,0 @@
-from .template import ThemeState, template

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

@@ -1,145 +0,0 @@
-"""Common templates used between pages in the app."""
-
-from __future__ import annotations
-
-from code import styles
-from code.components.sidebar import sidebar
-from typing import Callable
-
-import reflex as rx
-
-# Meta tags for the app.
-default_meta = [
-    {
-        "name": "viewport",
-        "content": "width=device-width, shrink-to-fit=no, initial-scale=1",
-    },
-]
-
-
-def menu_item_link(text, href):
-    return rx.menu.item(
-        rx.link(
-            text,
-            href=href,
-            width="100%",
-            color="inherit",
-        ),
-        _hover={
-            "color": styles.accent_color,
-            "background_color": styles.accent_text_color,
-        },
-    )
-
-
-def menu_button() -> rx.Component:
-    """The menu button on the top right of the page.
-
-    Returns:
-        The menu button component.
-    """
-    from reflex.page import get_decorated_pages
-
-    return rx.box(
-        rx.menu.root(
-            rx.menu.trigger(
-                rx.icon(
-                    "menu",
-                    size=36,
-                    color=styles.accent_text_color,
-                ),
-                background_color=styles.accent_color,
-            ),
-            rx.menu.content(
-                *[
-                    menu_item_link(page["title"], page["route"])
-                    for page in get_decorated_pages()
-                ],
-                rx.menu.separator(),
-                menu_item_link("About", "https://github.com/reflex-dev"),
-                menu_item_link("Contact", "mailto:founders@=reflex.dev"),
-            ),
-        ),
-        position="fixed",
-        right="1.5em",
-        top="1.5em",
-        z_index="500",
-    )
-
-
-class ThemeState(rx.State):
-    """The state for the theme of the app."""
-
-    accent_color: str = "crimson"
-
-
-def template(
-    route: str | None = None,
-    title: str | None = None,
-    image: str | None = None,
-    description: str | None = None,
-    meta: str | None = None,
-    script_tags: list[rx.Component] | None = None,
-    on_load: rx.event.EventHandler | list[rx.event.EventHandler] | None = None,
-) -> Callable[[Callable[[], rx.Component]], rx.Component]:
-    """The template for each page of the app.
-
-    Args:
-        route: The route to reach the page.
-        title: The title of the page.
-        image: The favicon of the page.
-        description: The description of the page.
-        meta: Additionnal meta to add to the page.
-        on_load: The event handler(s) called when the page load.
-        script_tags: Scripts to attach to the page.
-
-    Returns:
-        The template with the page content.
-    """
-
-    def decorator(page_content: Callable[[], rx.Component]) -> rx.Component:
-        """The template for each page of the app.
-
-        Args:
-            page_content: The content of the page.
-
-        Returns:
-            The template with the page content.
-        """
-        # Get the meta tags for the page.
-        all_meta = [*default_meta, *(meta or [])]
-
-        def templated_page():
-            return rx.hstack(
-                sidebar(),
-                rx.box(
-                    rx.box(
-                        page_content(),
-                        **styles.template_content_style,
-                    ),
-                    **styles.template_page_style,
-                ),
-                menu_button(),
-                align="start",
-                transition="left 0.5s, width 0.5s",
-                position="relative",
-            )
-
-        @rx.page(
-            route=route,
-            title=title,
-            image=image,
-            description=description,
-            meta=all_meta,
-            script_tags=script_tags,
-            on_load=on_load,
-        )
-        def theme_wrap():
-            return rx.theme(
-                templated_page(),
-                accent_color=ThemeState.accent_color,
-            )
-
-        return theme_wrap
-
-    return decorator