Merge branch 'main' into lendemor/warn_aggrid

Author: Lendemor

.github/workflows/unit_tests.yml

@@ -11,9 +11,9 @@ env:
 
 on:
   push:
-    branches: ['main']
+    branches: ["main"]
   pull_request:
-    branches: ['main']
+    branches: ["main"]
   workflow_dispatch:
     inputs:
       reflex_dep:
@@ -33,16 +33,16 @@ jobs:
       fail-fast: false
       matrix:
         os: [ubuntu-latest]
-        python-version: ['3.11.5', '3.12.0']
+        python-version: ["3.11.5", "3.12.0"]
     runs-on: ${{ matrix.os }}
     steps:
       - uses: actions/checkout@v4
       - name: Install Requirements for reflex-web and reflex
         run: |
-          pip install '${{ github.event.inputs.reflex_dep || env.REFLEX_DEP }}' -r requirements.txt pytest playwright pytest-playwright
+          pip install '${{ github.event.inputs.reflex_dep || env.REFLEX_DEP }}' -r requirements.txt pytest playwright pytest-playwright uvicorn
           playwright install --with-deps
       - name: Run unit tests
         run: |
           export PYTHONUNBUFFERED=1
           reflex init
-          pytest tests
+          pytest tests

assets/robots.txt

@@ -0,0 +1,5 @@
+User-agent: PerplexityBot
+Allow: /
+
+User-agent: *
+Allow: /

blog/2023-10-25-implementing-sign-in-with-google.md

@@ -193,6 +193,7 @@ and effectively log the user out of the app.
 
 ```python
 import json
+from typing import Any
 
 class State(rx.State):
     id_token_json: str = rx.LocalStorage()
@@ -201,7 +202,7 @@ class State(rx.State):
         self.id_token_json = json.dumps(id_token)
 
     @rx.var(cache=True)
-    def tokeninfo(self) -> dict[str, str]:
+    def tokeninfo(self) -> dict[str, Any]:
         try:
             return verify_oauth2_token(
                 json.loads(self.id_token_json)["credential"],
@@ -347,9 +348,9 @@ def protected() -> rx.Component:
 
 ## Putting the Pieces Together
 
-All of the code for this example is available in the
-["google_auth"](https://github.com/reflex-dev/reflex-examples/tree/a4ffe6cacf8f38b54b95b72b0d525a91b69da3b3/google_auth)
-subdirectory inside the `reflex-examples` repo.
+The production code for this example has been published as a reuable third-party
+component, [`reflex-google-auth`](https://github.com/masenf/reflex-google-auth)
+and can be used directly in any Reflex app.
 
 ### react_oauth_google.py
 
@@ -378,6 +379,7 @@ import functools
 import json
 import os
 import time
+from typing import Any
 
 from google.auth.transport import requests
 from google.oauth2.id_token import verify_oauth2_token
@@ -396,7 +398,7 @@ class State(rx.State):
         self.id_token_json = json.dumps(id_token)
 
     @rx.var(cache=True)
-    def tokeninfo(self) -> dict[str, str]:
+    def tokeninfo(self) -> dict[str, Any]:
         try:
             return verify_oauth2_token(
                 json.loads(self.id_token_json)["credential"],

docs/authentication/authentication_overview.md

@@ -1,4 +1,3 @@
-
 # Authentication Overview
 
 Many apps require authentication to manage users. There are a few different ways to accomplish this in Reflex:
@@ -9,7 +8,6 @@ We have solutions here:
 2. Google Auth: Uses sign in with Google: https://reflex.dev/blog/2023-10-25-implementing-sign-in-with-google/
 3. Captcha: Generates tests that humans can pass but automated systems cannot: https://github.com/masenf/reflex-google-recaptcha-v2
 4. Magic Link Auth: A passwordless login method that sends a unique, one-time-use URL to a user's email: https://github.com/masenf/reflex-magic-link-auth
-5. Clerk Auth: A community member wrapped this component and hooked it up in this app: https://github.com/kroo/reflex-clerk 
-
+5. Clerk Auth: A community member wrapped this component and hooked it up in this app: https://github.com/TimChild/reflex-clerk-api
 
-More auth documentation on the way. Check back soon!
+More auth documentation on the way. Check back soon!

docs/database/tables.md

@@ -8,7 +8,7 @@ field in the record.
 
 ## Creating a Table
 
-To create a table make a class that inherits from `rx.Model`.
+To create a table, make a class that inherits from `rx.Model`.
 
 The following example shows how to create a table called `User`.
 

pcweb/pages/changelog.py

@@ -48,6 +48,40 @@ def change(
 
 def changelog_content():
     return rx.el.ul(
+        change(
+            "2025-03-24",
+            "v0.7.4",
+            "SASS/SCSS support with libsass package",
+            [
+                "bun as primary package installer/runtime",
+                "call reflex apps with an ASGI framework",
+                "specify multiple env files",
+            ],
+            "https://github.com/reflex-dev/reflex/releases/tag/v0.7.4",
+        ),
+        change(
+            "2025-03-17",
+            "v0.7.3",
+            "New .get var operation",
+            [
+                ", and _ options for formatted numbers",
+                "added raw headers to router headers",
+                "exposed SVG elements at the el level",
+            ],
+            "https://github.com/reflex-dev/reflex/releases/tag/v0.7.3",
+        ),
+        change(
+            "2025-03-12",
+            "v0.7.2",
+            "Use .f format spec with Vars",
+            [
+                "Deprecated Component.__init__",
+                "Allow overwriting serializers",
+                "React 19 post mitigations",
+                "Performance improvements to evaluation time 👀",
+            ],
+            "https://github.com/reflex-dev/reflex/releases/tag/v0.7.2",
+        ),
         change(
             "2025-02-25",
             "v0.7.1",

pcweb/pages/docs/custom_components.py

@@ -347,13 +347,13 @@ def add_item(category: dict) -> rx.Component:
         rx.box(
             rx.box(
                 component_name(name),
-                download_count(category["downloads_last_month"]),
+                # download_count(category["downloads_last_month"]),
                 class_name="flex flex-row justify-between items-center w-full gap-3 p-[10px_12px_0px_12px]",
             ),
             rx.box(
                 install_command("pip install " + category["package_name"]),
                 download(category["download_url"]),
-                demo(category),
+                # demo(category),
                 title="pip install " + category["package_name"],
                 class_name="flex flex-row justify-between items-center w-full gap-1.5 p-[0px_6px_6px_6px]",
             ),

pcweb/templates/docpage/docpage.py

@@ -473,7 +473,7 @@ def wrapper(*args, **kwargs) -> rx.Component:
                             rx.box(
                                 "Next",
                                 get_icon(icon="arrow_right"),
-                                class_name="flex flex-row justify-center lg:justify-start items-center gap-2 rounded-lg w-full self-end",
+                                class_name="flex flex-row lg:justify-start items-center gap-2 rounded-lg w-full self-end",
                             ),
                             underline="none",
                             href=next.link,
@@ -511,7 +511,7 @@ def wrapper(*args, **kwargs) -> rx.Component:
                     rx.box(
                         rx.box(
                             breadcrumb(path=path, nav_sidebar=nav_sidebar),
-                            class_name="px-0 lg:px-24",
+                            class_name="px-0 lg:px-20",
                         ),
                         rx.box(
                             rx.el.article(comp),
@@ -520,7 +520,7 @@ def wrapper(*args, **kwargs) -> rx.Component:
                                 class_name="flex flex-row gap-2 mt-8 lg:mt-10 mb-6 lg:mb-12",
                             ),
                             docpage_footer(path=path.rstrip("/")),
-                            class_name="lg:mt-0 mt-6 px-4 lg:px-24",
+                            class_name="lg:mt-0 mt-6 px-4 lg:px-20",
                         ),
                         class_name="h-full w-full"
                         + (
@@ -541,7 +541,7 @@ def wrapper(*args, **kwargs) -> rx.Component:
                                         rx.el.li(
                                             rx.link(
                                                 text,
-                                                class_name="font-small text-slate-9 hover:!text-slate-11 truncate transition-color",
+                                                class_name="font-small text-slate-9 hover:!text-slate-11 whitespace-normal transition-color",
                                                 underline="none",
                                                 href=path
                                                 + "#"
@@ -553,7 +553,7 @@ def wrapper(*args, **kwargs) -> rx.Component:
                                             rx.list_item(
                                                 rx.link(
                                                     text,
-                                                    class_name="font-small text-slate-9 hover:!text-slate-11 truncate transition-color",
+                                                    class_name="font-small text-slate-9 hover:!text-slate-11 whitespace-normal transition-color",
                                                     underline="none",
                                                     href=path
                                                     + "#"
@@ -565,7 +565,7 @@ def wrapper(*args, **kwargs) -> rx.Component:
                                                 rx.link(
                                                     text,
                                                     underline="none",
-                                                    class_name="pl-6 font-small text-slate-9 hover:!text-slate-11 truncate transition-color",
+                                                    class_name="pl-6 font-small text-slate-9 hover:!text-slate-11  transition-color",
                                                     href=path
                                                     + "#"
                                                     + text.lower().replace(" ", "-"),
@@ -577,15 +577,18 @@ def wrapper(*args, **kwargs) -> rx.Component:
                                 ],
                                 class_name="flex flex-col gap-4 list-none",
                             ),
-                            class_name="fixed flex flex-col justify-start gap-4 p-[0.875rem_0.5rem_0px_0.5rem] w-full max-w-[300px] max-h-[80vh] overflow-hidden",
+                            class_name="fixed flex flex-col justify-start gap-4 p-[0.875rem_0.5rem_0px_0.5rem] max-h-[80vh] overflow-y-scroll",
+                            style={
+                                "width":"inherit"
+                            }
                         ),
-                        class_name="h-full shrink-0 w-[16%]"
+                        class_name="shrink-0 w-[16%]"
                         + rx.cond(
                             HostingBannerState.show_banner,
                             " mt-[146px]",
                             " mt-[90px]",
                         )
-                        + (" hidden xl:flex" if right_sidebar else " hidden"),
+                        + (" hidden xl:flex xl:flex-col" if right_sidebar else " hidden"),
                     ),
                     class_name="justify-center flex flex-row mx-auto mt-0 max-w-[94.5em] h-full min-h-screen w-full",
                 ),