Merge branch 'main' into release/reflex-0.8.5

Author: adhami3310

MCP_README

@@ -0,0 +1,5 @@
+# Reflex MCP Server
+
+The Reflex MCP Server provides comprehensive access to Reflex framework documentation and component information through the Model Context Protocol (MCP). This server is deployed and ready to use with your MCP-compatible AI tools.
+
+Check the documentation at https://reflex.dev/docs/ai-builder/integrations/mcp-overview

MCP_README.md

@@ -23,8 +23,7 @@
 from reflex.istate.storage import Cookie, LocalStorage, SessionStorage
 from reflex.state import BaseState, _resolve_delta
 from reflex.style import Style
-from reflex.utils import console, format, imports, path_ops
-from reflex.utils.exec import is_in_app_harness
+from reflex.utils import format, imports, path_ops
 from reflex.utils.imports import ImportVar, ParsedImportDict
 from reflex.utils.prerequisites import get_web_dir
 from reflex.vars.base import Field, Var
@@ -201,16 +200,11 @@ def compile_state(state: type[BaseState]) -> dict:
     except RuntimeError:
         pass
     else:
-        if is_in_app_harness():
-            # Playwright tests already have an event loop running, so we can't use asyncio.run.
-            with concurrent.futures.ThreadPoolExecutor() as pool:
-                resolved_initial_state = pool.submit(
-                    asyncio.run, _resolve_delta(initial_state)
-                ).result()
-                console.warn(
-                    f"Had to get initial state in a thread 🤮 {resolved_initial_state}",
-                )
-                return _sorted_keys(resolved_initial_state)
+        with concurrent.futures.ThreadPoolExecutor() as pool:
+            resolved_initial_state = pool.submit(
+                asyncio.run, _resolve_delta(initial_state)
+            ).result()
+            return _sorted_keys(resolved_initial_state)
 
     # Normally the compile runs before any event loop starts, we asyncio.run is available for calling.
     return _sorted_keys(asyncio.run(_resolve_delta(initial_state)))

reflex/compiler/utils.py

@@ -52,26 +52,27 @@ def add_hooks(self) -> list[str | Var]:
             The hooks required for the component.
         """
         ref_name = self.get_ref()
+        unique_id = ref_name
         return [
-            "const wasNearBottom = useRef(false);",
-            "const hadScrollbar = useRef(false);",
+            f"const wasNearBottom_{unique_id} = useRef(false);",
+            f"const hadScrollbar_{unique_id} = useRef(false);",
             f"""
-const checkIfNearBottom = () => {{
+const checkIfNearBottom_{unique_id} = () => {{
     if (!{ref_name}.current) return;
 
     const container = {ref_name}.current;
     const nearBottomThreshold = 50; // pixels from bottom to trigger auto-scroll
 
     const distanceFromBottom = container.scrollHeight - container.scrollTop - container.clientHeight;
 
-    wasNearBottom.current = distanceFromBottom <= nearBottomThreshold;
+    wasNearBottom_{unique_id}.current = distanceFromBottom <= nearBottomThreshold;
 
     // Track if container had a scrollbar
-    hadScrollbar.current = container.scrollHeight > container.clientHeight;
+    hadScrollbar_{unique_id}.current = container.scrollHeight > container.clientHeight;
 }};
 """,
             f"""
-const scrollToBottomIfNeeded = () => {{
+const scrollToBottomIfNeeded_{unique_id} = () => {{
     if (!{ref_name}.current) return;
 
     const container = {ref_name}.current;
@@ -80,37 +81,37 @@ def add_hooks(self) -> list[str | Var]:
     // Scroll if:
     // 1. User was near bottom, OR
     // 2. Container didn't have scrollbar before but does now
-    if (wasNearBottom.current || (!hadScrollbar.current && hasScrollbarNow)) {{
+    if (wasNearBottom_{unique_id}.current || (!hadScrollbar_{unique_id}.current && hasScrollbarNow)) {{
       container.scrollTop = container.scrollHeight;
     }}
 
     // Update scrollbar state for next check
-    hadScrollbar.current = hasScrollbarNow;
+    hadScrollbar_{unique_id}.current = hasScrollbarNow;
 }};
 """,
             f"""
 useEffect(() => {{
     const container = {ref_name}.current;
     if (!container) return;
 
-    scrollToBottomIfNeeded();
+    scrollToBottomIfNeeded_{unique_id}();
 
     // Create ResizeObserver to detect height changes
     const resizeObserver = new ResizeObserver(() => {{
-        scrollToBottomIfNeeded();
+        scrollToBottomIfNeeded_{unique_id}();
     }});
 
     // Track scroll position before height changes
-    container.addEventListener('scroll', checkIfNearBottom);
+    container.addEventListener('scroll', checkIfNearBottom_{unique_id});
 
     // Initial check
-    checkIfNearBottom();
+    checkIfNearBottom_{unique_id}();
 
     // Observe container for size changes
     resizeObserver.observe(container);
 
     return () => {{
-        container.removeEventListener('scroll', checkIfNearBottom);
+        container.removeEventListener('scroll', checkIfNearBottom_{unique_id});
         resizeObserver.disconnect();
     }};
 }});

reflex/components/core/auto_scroll.py

@@ -11,8 +11,6 @@
 
 from platformdirs import PlatformDirs
 
-from .utils import classproperty
-
 IS_WINDOWS = platform.system() == "Windows"
 IS_MACOS = platform.system() == "Darwin"
 IS_LINUX = platform.system() == "Linux"
@@ -119,9 +117,6 @@ class ReflexHostingCLI(SimpleNamespace):
 class Templates(SimpleNamespace):
     """Constants related to Templates."""
 
-    # The route on Reflex backend to query which templates are available and their URLs.
-    APP_TEMPLATES_ROUTE = "/app-templates"
-
     # The default template
     DEFAULT = "blank"
 
@@ -132,58 +127,12 @@ class Templates(SimpleNamespace):
     CHOOSE_TEMPLATES = "choose-templates"
 
     # The URL to find reflex templates.
-    REFLEX_TEMPLATES_URL = "https://reflex.dev/templates"
-
-    # Demo url for the default template.
-    DEFAULT_TEMPLATE_URL = "https://blank-template.reflex.run"
+    REFLEX_TEMPLATES_URL = (
+        "https://reflex.dev/docs/getting-started/open-source-templates/"
+    )
 
     # The reflex.build frontend host
-    REFLEX_BUILD_FRONTEND = "https://reflex.build"
-
-    # The reflex.build backend host
-    REFLEX_BUILD_BACKEND = "https://flexgen-prod-flexgen.fly.dev"
-
-    @classproperty
-    @classmethod
-    def REFLEX_BUILD_URL(cls):
-        """The URL to redirect to reflex.build.
-
-        Returns:
-            The URL to redirect to reflex.build.
-        """
-        from reflex.environment import environment
-
-        return (
-            environment.REFLEX_BUILD_FRONTEND.get()
-            + "/gen?reflex_init_token={reflex_init_token}"
-        )
-
-    @classproperty
-    @classmethod
-    def REFLEX_BUILD_POLL_URL(cls):
-        """The URL to poll waiting for the user to select a generation.
-
-        Returns:
-            The URL to poll waiting for the user to select a generation.
-        """
-        from reflex.environment import environment
-
-        return environment.REFLEX_BUILD_BACKEND.get() + "/api/init/{reflex_init_token}"
-
-    @classproperty
-    @classmethod
-    def REFLEX_BUILD_CODE_URL(cls):
-        """The URL to fetch the generation's reflex code.
-
-        Returns:
-            The URL to fetch the generation's reflex code.
-        """
-        from reflex.environment import environment
-
-        return (
-            environment.REFLEX_BUILD_BACKEND.get()
-            + "/api/gen/{generation_hash}/refactored"
-        )
+    REFLEX_BUILD_FRONTEND = "https://build.reflex.dev"
 
     class Dirs(SimpleNamespace):
         """Folders used by the template system of Reflex."""
@@ -204,9 +153,6 @@ class Javascript(SimpleNamespace):
     # The node modules directory.
     NODE_MODULES = "node_modules"
 
-    # The package lock file.
-    PACKAGE_LOCK = "package-lock.json"
-
 
 class ReactRouter(Javascript):
     """Constants related to React Router."""

reflex/constants/base.py

@@ -563,16 +563,6 @@ class EnvironmentVariables:
     # Whether to skip purging the web directory in dev mode.
     REFLEX_PERSIST_WEB_DIR: EnvVar[bool] = env_var(False)
 
-    # The reflex.build frontend host.
-    REFLEX_BUILD_FRONTEND: EnvVar[str] = env_var(
-        constants.Templates.REFLEX_BUILD_FRONTEND
-    )
-
-    # The reflex.build backend host.
-    REFLEX_BUILD_BACKEND: EnvVar[str] = env_var(
-        constants.Templates.REFLEX_BUILD_BACKEND
-    )
-
     # This env var stores the execution mode of the app
     REFLEX_ENV_MODE: EnvVar[constants.Env] = env_var(constants.Env.DEV)