reflex 0.8.0a1__tar.gz → 0.8.0a2__tar.gz

{reflex-0.8.0a1 → reflex-0.8.0a2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: reflex
-Version: 0.8.0a1
+Version: 0.8.0a2
 Summary: Web apps in pure Python.
 Project-URL: homepage, https://reflex.dev
 Project-URL: repository, https://github.com/reflex-dev/reflex

{reflex-0.8.0a1 → reflex-0.8.0a2}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "reflex"
-version = "0.8.0a1"
+version = "0.8.0a2"
 description = "Web apps in pure Python."
 license.text = "Apache-2.0"
 authors = [

{reflex-0.8.0a1 → reflex-0.8.0a2}/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.8.0a1 → reflex-0.8.0a2}/reflex/.templates/jinja/web/utils/context.js.jinja2

@@ -69,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 => {

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

@@ -1,11 +1,6 @@
 import { useTheme } from "$/utils/react-theme";
 import { createElement } from "react";
-import {
-  ColorModeContext,
-  defaultColorMode,
-  isDevMode,
-  lastCompiledTimeStamp,
-} from "$/utils/context";
+import { ColorModeContext, defaultColorMode } from "$/utils/context";
 
 export default function RadixThemesColorModeProvider({ children }) {
   const { theme, resolvedTheme, setTheme } = useTheme();

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/.templates/web/utils/react-theme.js

@@ -8,9 +8,13 @@ import {
   useMemo,
 } from "react";
 
-import { isDevMode, lastCompiledTimeStamp } from "$/utils/context";
+import { isDevMode, defaultColorMode } from "$/utils/context";
 
-const ThemeContext = createContext();
+const ThemeContext = createContext({
+  theme: defaultColorMode,
+  resolvedTheme: defaultColorMode !== "system" ? defaultColorMode : "light",
+  setTheme: () => {},
+});
 
 export function ThemeProvider({ children, defaultTheme = "system" }) {
   const [theme, setTheme] = useState(defaultTheme);
@@ -28,11 +32,10 @@ export function ThemeProvider({ children, defaultTheme = "system" }) {
     firstRender.current = false;
 
     if (isDevMode) {
-      const lastCompiledTimeInLocalStorage =
-        localStorage.getItem("last_compiled_time");
-      if (lastCompiledTimeInLocalStorage !== lastCompiledTimeStamp) {
+      const lastCompiledTheme = localStorage.getItem("last_compiled_theme");
+      if (lastCompiledTheme !== defaultColorMode) {
         // on app startup, make sure the application color mode is persisted correctly.
-        localStorage.setItem("last_compiled_time", lastCompiledTimeStamp);
+        localStorage.setItem("last_compiled_theme", defaultColorMode);
         return;
       }
     }

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/.templates/web/utils/state.js

@@ -842,7 +842,12 @@ export const useEventLoop = (
   const params = useRef(paramsR);
 
   useEffect(() => {
-    params.current = paramsR;
+    const { "*": splat, ...remainingParams } = paramsR;
+    if (splat) {
+      params.current = { ...remainingParams, splat: splat.split("/") };
+    } else {
+      params.current = remainingParams;
+    }
   }, [paramsR]);
 
   // Function to add new events to the event queue.

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/app.py

@@ -890,7 +890,7 @@ class App(MiddlewareMixin, LifespanMixin):
     def _check_routes_conflict(self, new_route: str):
         """Verify if there is any conflict between the new route and any existing route.
 
-        Based on conflicts that NextJS would throw if not intercepted.
+        Based on conflicts that React Router would throw if not intercepted.
 
         Raises:
             RouteValueError: exception showing which conflict exist with the route to be added

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/compiler/compiler.py

@@ -4,7 +4,6 @@ from __future__ import annotations
 
 import sys
 from collections.abc import Iterable, Sequence
-from datetime import datetime
 from inspect import getmodule
 from pathlib import Path
 from typing import TYPE_CHECKING
@@ -126,21 +125,18 @@ def _compile_contexts(state: type[BaseState] | None, theme: Component | None) ->
     if appearance is None or str(LiteralVar.create(appearance)) == '"inherit"':
         appearance = LiteralVar.create(SYSTEM_COLOR_MODE)
 
-    last_compiled_time = str(datetime.now())
     return (
         templates.CONTEXT.render(
             initial_state=utils.compile_state(state),
             state_name=state.get_name(),
             client_storage=utils.compile_client_storage(state),
             is_dev_mode=not is_prod_mode(),
-            last_compiled_time=last_compiled_time,
             default_color_mode=appearance,
         )
         if state
         else templates.CONTEXT.render(
             is_dev_mode=not is_prod_mode(),
             default_color_mode=appearance,
-            last_compiled_time=last_compiled_time,
         )
     )
 
@@ -429,7 +425,7 @@ def _compile_stateful_components(
 
             # Include custom code in the shared component.
             rendered_components.update(
-                dict.fromkeys(component._get_all_custom_code()),
+                dict.fromkeys(component._get_all_custom_code(export=True)),
             )
 
             # Include all imports in the shared component.

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/compiler/templates.py

@@ -113,10 +113,10 @@ def from_string(source: str) -> Template:
 # Template for the Reflex config file.
 RXCONFIG = get_template("app/rxconfig.py.jinja2")
 
-# Code to render a NextJS Document root.
+# Code to render the Document root.
 DOCUMENT_ROOT = get_template("web/pages/_document.js.jinja2")
 
-# Code to render NextJS App root.
+# Code to render App root.
 APP_ROOT = get_template("web/pages/_app.js.jinja2")
 
 # Template for the theme file.
@@ -128,7 +128,7 @@ CONTEXT = get_template("web/utils/context.js.jinja2")
 # Template to render a component tag.
 COMPONENT = get_template("web/pages/component.js.jinja2")
 
-# Code to render a single NextJS page.
+# Code to render a single react page.
 PAGE = get_template("web/pages/index.js.jinja2")
 
 # Code to render the custom components page.

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/compiler/utils.py

@@ -5,7 +5,7 @@ from __future__ import annotations
 import asyncio
 import concurrent.futures
 import traceback
-from collections.abc import Sequence
+from collections.abc import Mapping, Sequence
 from datetime import datetime
 from pathlib import Path
 from typing import Any
@@ -174,6 +174,18 @@ def save_error(error: Exception) -> str:
     return str(log_path)
 
 
+def _sorted_keys(d: Mapping[str, Any]) -> dict[str, Any]:
+    """Sort the keys of a dictionary.
+
+    Args:
+        d: The dictionary to sort.
+
+    Returns:
+        A new dictionary with sorted keys.
+    """
+    return dict(sorted(d.items(), key=lambda kv: kv[0]))
+
+
 def compile_state(state: type[BaseState]) -> dict:
     """Compile the state of the app.
 
@@ -198,10 +210,10 @@ def compile_state(state: type[BaseState]) -> dict:
                 console.warn(
                     f"Had to get initial state in a thread 🤮 {resolved_initial_state}",
                 )
-                return resolved_initial_state
+                return _sorted_keys(resolved_initial_state)
 
     # Normally the compile runs before any event loop starts, we asyncio.run is available for calling.
-    return asyncio.run(_resolve_delta(initial_state))
+    return _sorted_keys(asyncio.run(_resolve_delta(initial_state)))
 
 
 def _compile_client_storage_field(
@@ -403,7 +415,10 @@ def create_theme(style: ComponentStyle) -> dict:
 
 def _format_route_part(part: str) -> str:
     if part.startswith("[") and part.endswith("]"):
-        return f"${part}_"
+        if part.startswith(("[...", "[[...")):
+            return "$"
+        # We don't add [] here since we are reusing them from the input
+        return "$" + part + "_"
     return "[" + part + "]_"
 
 
@@ -411,9 +426,8 @@ def _path_to_file_stem(path: str) -> str:
     if path == "index":
         return "_index"
     path = path if path != "index" else "/"
-    return (
-        ".".join([_format_route_part(part) for part in path.split("/")]) + "._index"
-    ).lstrip(".")
+    name = ".".join([_format_route_part(part) for part in path.split("/")]).lstrip(".")
+    return name + "._index" if not name.endswith("$") else name
 
 
 def get_page_path(path: str) -> str:
@@ -429,7 +443,7 @@ def get_page_path(path: str) -> str:
         get_web_dir()
         / constants.Dirs.PAGES
         / constants.Dirs.ROUTES
-        / (_path_to_file_stem(path) + constants.Ext.JS)
+        / (_path_to_file_stem(path) + constants.Ext.JSX)
     )
 
 
@@ -477,7 +491,7 @@ def get_components_path() -> str:
     return str(
         get_web_dir()
         / constants.Dirs.UTILS
-        / (constants.PageNames.COMPONENTS + constants.Ext.JS),
+        / (constants.PageNames.COMPONENTS + constants.Ext.JSX),
     )
 
 
@@ -490,7 +504,7 @@ def get_stateful_components_path() -> str:
     return str(
         get_web_dir()
         / constants.Dirs.UTILS
-        / (constants.PageNames.STATEFUL_COMPONENTS + constants.Ext.JS)
+        / (constants.PageNames.STATEFUL_COMPONENTS + constants.Ext.JSX)
     )
 
 

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/components/component.py

@@ -2293,16 +2293,19 @@ class StatefulComponent(BaseComponent):
     tag_to_stateful_component: ClassVar[dict[str, StatefulComponent]] = {}
 
     # Reference to the original component that was memoized into this component.
-    component: Component
-
-    # The rendered (memoized) code that will be emitted.
-    code: str
+    component: Component = field(
+        default_factory=Component, is_javascript_property=False
+    )
 
     # How many times this component is referenced in the app.
-    references: int = 0
+    references: int = field(default=0, is_javascript_property=False)
 
     # Whether the component has already been rendered to a shared file.
-    rendered_as_shared: bool = False
+    rendered_as_shared: bool = field(default=False, is_javascript_property=False)
+
+    memo_trigger_hooks: list[str] = field(
+        default_factory=list, is_javascript_property=False
+    )
 
     @classmethod
     def create(cls, component: Component) -> StatefulComponent | None:
@@ -2362,8 +2365,7 @@ class StatefulComponent(BaseComponent):
             # Look up the tag in the cache
             stateful_component = cls.tag_to_stateful_component.get(tag_name)
             if stateful_component is None:
-                # Render the component as a string of javascript code.
-                code = cls._render_stateful_code(component, tag_name=tag_name)
+                memo_trigger_hooks = cls._fix_event_triggers(component)
                 # Set the stateful component in the cache for the given tag.
                 stateful_component = cls.tag_to_stateful_component.setdefault(
                     tag_name,
@@ -2371,7 +2373,7 @@ class StatefulComponent(BaseComponent):
                         children=component.children,
                         component=component,
                         tag=tag_name,
-                        code=code,
+                        memo_trigger_hooks=memo_trigger_hooks,
                     ),
                 )
             # Bump the reference count -- multiple pages referencing the same component
@@ -2435,26 +2437,38 @@ class StatefulComponent(BaseComponent):
             f"{component.tag or 'Comp'}_{code_hash}"
         ).capitalize()
 
-    @classmethod
     def _render_stateful_code(
+        self,
+        export: bool = False,
+    ) -> str:
+        if not self.tag:
+            return ""
+        # Render the code for this component and hooks.
+        return STATEFUL_COMPONENT.render(
+            tag_name=self.tag,
+            memo_trigger_hooks=self.memo_trigger_hooks,
+            component=self.component,
+            export=export,
+        )
+
+    @classmethod
+    def _fix_event_triggers(
         cls,
         component: Component,
-        tag_name: str,
-    ) -> str:
+    ) -> list[str]:
         """Render the code for a stateful component.
 
         Args:
             component: The component to render.
-            tag_name: The tag name for the stateful component (see _get_tag_name).
 
         Returns:
-            The rendered code.
+            The memoized event trigger hooks for the component.
         """
         # Memoize event triggers useCallback to avoid unnecessary re-renders.
         memo_event_triggers = tuple(cls._get_memoized_event_triggers(component).items())
 
         # Trigger hooks stored separately to write after the normal hooks (see stateful_component.js.jinja2)
-        memo_trigger_hooks = []
+        memo_trigger_hooks: list[str] = []
 
         if memo_event_triggers:
             # Copy the component to avoid mutating the original.
@@ -2468,12 +2482,7 @@ class StatefulComponent(BaseComponent):
                 memo_trigger_hooks.append(memo_trigger_hook)
                 component.event_triggers[event_trigger] = memo_trigger
 
-        # Render the code for this component and hooks.
-        return STATEFUL_COMPONENT.render(
-            tag_name=tag_name,
-            memo_trigger_hooks=memo_trigger_hooks,
-            component=component,
-        )
+        return memo_trigger_hooks
 
     @staticmethod
     def _get_hook_deps(hook: str) -> list[str]:
@@ -2631,15 +2640,20 @@ class StatefulComponent(BaseComponent):
             return set()
         return self.component._get_all_dynamic_imports()
 
-    def _get_all_custom_code(self) -> set[str]:
+    def _get_all_custom_code(self, export: bool = False) -> set[str]:
         """Get custom code for the component.
 
+        Args:
+            export: Whether to export the component.
+
         Returns:
             The custom code.
         """
         if self.rendered_as_shared:
             return set()
-        return self.component._get_all_custom_code().union({self.code})
+        return self.component._get_all_custom_code().union(
+            {self._render_stateful_code(export=export)}
+        )
 
     def _get_all_refs(self) -> set[str]:
         """Get the refs for the children of the component.

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/components/datadisplay/code.py

@@ -3,13 +3,12 @@
 from __future__ import annotations
 
 import dataclasses
-import typing
 from typing import ClassVar, Literal
 
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.cond import color_mode_cond
 from reflex.components.lucide.icon import Icon
-from reflex.components.markdown.markdown import _LANGUAGE, MarkdownComponentMap
+from reflex.components.markdown.markdown import MarkdownComponentMap
 from reflex.components.radix.themes.components.button import Button
 from reflex.components.radix.themes.layout.box import Box
 from reflex.constants.colors import Color
@@ -315,7 +314,7 @@ def construct_theme_var(theme: str) -> Var[Theme]:
         theme,
         _var_data=VarData(
             imports={
-                f"react-syntax-highlighter/dist/cjs/styles/prism/{format.to_kebab_case(theme)}": [
+                f"react-syntax-highlighter/dist/esm/styles/prism/{format.to_kebab_case(theme)}": [
                     ImportVar(tag=theme, is_default=True, install=False)
                 ]
             }
@@ -502,75 +501,6 @@ class CodeBlock(Component, MarkdownComponentMap):
     def _exclude_props(self) -> list[str]:
         return ["can_copy", "copy_button"]
 
-    @classmethod
-    def _get_language_registration_hook(cls, language_var: Var = _LANGUAGE) -> Var:
-        """Get the hook to register the language.
-
-        Args:
-            language_var: The const/literal Var of the language module to import.
-                For markdown, uses the default placeholder _LANGUAGE. For direct use,
-                a LiteralStringVar should be passed via the language prop.
-
-        Returns:
-            The hook to register the language.
-        """
-        language_in_there = Var.create(typing.get_args(LiteralCodeLanguage)).contains(
-            language_var
-        )
-        async_load = f"""
-(async () => {{
-    try {{
-        const module = await import(`react-syntax-highlighter/dist/cjs/languages/prism/${{{language_var!s}}}`);
-        SyntaxHighlighter.registerLanguage({language_var!s}, module.default);
-    }} catch (error) {{
-        console.error(`Language ${{{language_var!s}}} is not supported for code blocks inside of markdown: `, error);
-    }}
-}})();
-"""
-        return Var(
-            f"""
- if ({language_var!s}) {{
-    if (!{language_in_there!s}) {{
-        console.warn(`Language \\`${{{language_var!s}}}\\` is not supported for code blocks inside of markdown.`);
-        {language_var!s} = '';
-    }} else {{
-        {async_load!s}
-    }}
-  }}
-"""
-            if not isinstance(language_var, LiteralVar)
-            else f"""
-if ({language_var!s}) {{
-    {async_load!s}
-}}""",
-            _var_data=VarData(
-                imports={
-                    cls.get_fields()["library"].default_value(): [
-                        ImportVar(tag="PrismAsyncLight", alias="SyntaxHighlighter")
-                    ]
-                },
-            ),
-        )
-
-    @classmethod
-    def get_component_map_custom_code(cls) -> Var:
-        """Get the custom code for the component.
-
-        Returns:
-            The custom code for the component.
-        """
-        return cls._get_language_registration_hook()
-
-    def add_hooks(self) -> list[str | Var]:
-        """Add hooks for the component.
-
-        Returns:
-            The hooks for the component.
-        """
-        return [
-            self._get_language_registration_hook(language_var=self.language),
-        ]
-
 
 class CodeblockNamespace(ComponentNamespace):
     """Namespace for the CodeBlock component."""

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/components/datadisplay/code.pyi

@@ -987,9 +987,6 @@ class CodeBlock(Component, MarkdownComponentMap):
         """
 
     def add_style(self): ...
-    @classmethod
-    def get_component_map_custom_code(cls) -> Var: ...
-    def add_hooks(self) -> list[str | Var]: ...
 
 class CodeblockNamespace(ComponentNamespace):
     themes = Theme

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/components/datadisplay/dataeditor.pyi

@@ -3,11 +3,11 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
+import dataclasses
 from collections.abc import Mapping, Sequence
 from enum import Enum
 from typing import Any, Literal, TypedDict, overload
 
-from reflex.base import Base
 from reflex.components.component import NoSSRComponent
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.event import EventType, PointerEventInfo
@@ -43,7 +43,8 @@ class GridColumnIcons(Enum):
     Uri = "uri"
     VideoUri = "video_uri"
 
-class DataEditorTheme(Base):
+@dataclasses.dataclass
+class DataEditorThemeBase:
     accent_color: str | None
     accent_fg: str | None
     accent_light: str | None
@@ -77,6 +78,9 @@ class DataEditorTheme(Base):
     text_light: str | None
     text_medium: str | None
 
+@dataclasses.dataclass(init=False)
+class DataEditorTheme(DataEditorThemeBase): ...
+
 class Bounds(TypedDict):
     x: int
     y: int

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/components/dynamic.py

@@ -90,6 +90,7 @@ def load_dynamic_serializer():
                 tag_name="MySSRComponent",
                 memo_trigger_hooks=[],
                 component=component,
+                export=True,
             )
         ] = None
 

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/components/radix/themes/typography/link.py

@@ -123,16 +123,18 @@ class Link(RadixThemesComponent, A, MemoizationLeaf, MarkdownComponentMap):
 
             if "as_child" not in props:
                 # Extract props for the ReactRouterLink, the rest go to the Link/A element.
-                next_link_props = {}
+                react_router_link_props = {}
                 for prop in props.copy():
                     if prop in _KNOWN_REACT_ROUTER_LINK_PROPS:
-                        next_link_props[prop] = props.pop(prop)
+                        react_router_link_props[prop] = props.pop(prop)
 
-                next_link_props["to"] = next_link_props.pop("href", href)
+                react_router_link_props["to"] = react_router_link_props.pop(
+                    "href", href
+                )
 
                 # If user does not use `as_child`, by default we render using react_router_link to avoid page refresh during internal navigation
                 return super().create(
-                    ReactRouterLink.create(*children, **next_link_props),
+                    ReactRouterLink.create(*children, **react_router_link_props),
                     as_child=True,
                     **props,
                 )

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/components/sonner/toast.pyi

@@ -3,10 +3,10 @@
 # ------------------- DO NOT EDIT ----------------------
 # This file was generated by `reflex/utils/pyi_generator.py`!
 # ------------------------------------------------------
+import dataclasses
 from collections.abc import Mapping, Sequence
 from typing import Any, Literal, overload
 
-from reflex.base import Base
 from reflex.components.component import Component, ComponentNamespace
 from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.lucide.icon import Icon
@@ -32,7 +32,8 @@ toast_ref = Var(
     _var_data=VarData(imports={f"$/{Dirs.STATE_PATH}": [ImportVar(tag="refs")]}),
 )
 
-class ToastAction(Base):
+@dataclasses.dataclass
+class ToastAction:
     label: str
     on_click: Any
 

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/constants/__init__.py

@@ -16,7 +16,6 @@ from .base import (
     Dirs,
     Env,
     LogLevel,
-    Next,
     Ping,
     ReactRouter,
     Reflex,
@@ -101,13 +100,13 @@ __all__ = [
     "LogLevel",
     "MemoizationDisposition",
     "MemoizationMode",
-    "Next",
     "Node",
     "PackageJson",
     "Page404",
     "PageNames",
     "Ping",
     "PyprojectToml",
+    "ReactRouter",
     "Reflex",
     "RequirementsTxt",
     "RouteArgType",

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/constants/base.py

@@ -22,7 +22,7 @@ class Dirs(SimpleNamespace):
     """Various directories/paths used by Reflex."""
 
     # The frontend directories in a project.
-    # The web folder where the NextJS app is compiled to.
+    # The web folder where the frontend app is compiled to.
     WEB = ".web"
     # The directory where uploaded files are stored.
     UPLOADED_FILES = "uploaded_files"
@@ -208,19 +208,6 @@ class Javascript(SimpleNamespace):
     PACKAGE_LOCK = "package-lock.json"
 
 
-class Next(Javascript):
-    """Constants related to NextJS."""
-
-    # The NextJS config file
-    CONFIG_FILE = "next.config.js"
-
-    # The sitemap config file.
-    SITEMAP_CONFIG_FILE = "next-sitemap.config.js"
-
-    # Regex to check for message displayed when frontend comes up
-    FRONTEND_LISTENING_REGEX = "Local:[\\s]+(.*)"
-
-
 class ReactRouter(Javascript):
     """Constants related to React Router."""
 

{reflex-0.8.0a1 → reflex-0.8.0a2}/reflex/constants/compiler.py

@@ -80,7 +80,7 @@ class CompileVars(SimpleNamespace):
 
 
 class PageNames(SimpleNamespace):
-    """The name of basic pages deployed in NextJS."""
+    """The name of basic pages deployed in the frontend."""
 
     # The name of the index page.
     INDEX_ROUTE = "index"