Migrate to Reflex plugins and remove deprecated rx.Model usage

.github/workflows/check_export.yml

@@ -1,6 +1,7 @@
 name: check-export
 env:
-  REFLEX_DEP: 'git+https://github.com/reflex-dev/reflex.git@main'
+  REFLEX_REPO: 'reflex-dev/reflex'
+  REFLEX_REF: 'main'
   REFLEX_TELEMETRY_ENABLED: false
 on:
   push:
@@ -9,8 +10,8 @@ on:
     branches: [main]
   workflow_dispatch:
     inputs:
-      reflex_dep:
-        description: 'Reflex dep (raw pip spec)'
+      reflex_ref:
+        description: 'Reflex git ref to check out from reflex-dev/reflex'
 
 jobs:
   list-examples:
@@ -35,6 +36,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      - uses: actions/checkout@v3
+        with:
+          repository: ${{ env.REFLEX_REPO }}
+          ref: ${{ github.event.inputs.reflex_ref || env.REFLEX_REF }}
+          path: _reflex
+          fetch-depth: 0
+          fetch-tags: true
       - uses: actions/setup-python@v3
       - run: |
           f=${{ matrix.example }}
@@ -57,8 +65,25 @@ jobs:
 
           python -m venv venv
           source venv/bin/activate
+          pip install uv
 
-          pip install '${{ github.event.inputs.reflex_dep || env.REFLEX_DEP }}' -r requirements.txt
+          REFLEX_DIR="$GITHUB_WORKSPACE/_reflex" python - <<'PY'
+          import os, re
+          reflex_dir = os.environ["REFLEX_DIR"]
+          with open("requirements.txt") as f:
+              lines = f.read().splitlines()
+          out = []
+          for line in lines:
+              m = re.match(r"^(reflex(?:\[[^\]]+\])?)\s*(?:[<>=!~].*)?$", line)
+              if m:
+                  out.append(f"{m.group(1)} @ file://{reflex_dir}")
+              else:
+                  out.append(line)
+          with open("requirements.txt", "w") as f:
+              f.write("\n".join(out) + "\n")
+          PY
+          cat requirements.txt
+          uv pip install -r requirements.txt
 
           export OPENAI_API_KEY="dummy"
           reflex init

ag_grid_finance/ag_grid_finance/ag_grid_finance.py

@@ -29,6 +29,10 @@ class State(rx.State):
     # The list of themes for the AG Grid
     themes: list[str] = ["quartz", "balham", "alpine", "material"]
 
+    @rx.event
+    def set_grid_theme(self, grid_theme: str) -> None:
+        self.grid_theme = grid_theme
+
     def fetch_stock_data(self):
         self.selected_rows = None
         self.datetime_now = datetime.now()

ag_grid_finance/requirements.txt

@@ -1,3 +1,3 @@
-reflex>=0.8.0
+reflex>=0.9.2
 reflex-enterprise>=0.0.2
 yfinance==0.2.54

ag_grid_finance/rxconfig.py

@@ -2,5 +2,5 @@
 
 config = rx.Config(
     app_name="ag_grid_finance",
-    tailwind=None,
+    plugins=[rx.plugins.RadixThemesPlugin()],
 )

azure_auth/azure_auth/auth/core.py

@@ -2,9 +2,9 @@
 import reflex as rx
 from typing import Dict, List, Optional
 
-client_id: str = "0df2a88e-fddb-4cc2-b3e0-f475f162b373"
+client_id: str = "6cb593cc-6a01-455e-ac48-73235a542d16"
 client_secret: str = ""
-tenant_id: str = "f2c9cbbe-006b-46b8-9ad0-d877d8446d6d"
+tenant_id: str = "9188040d-6c67-4c5b-b112-36a304b66dad"
 authority = f"https://login.microsoftonline.com/{tenant_id}"
 login_redirect = "/"
 cache = msal.TokenCache()

azure_auth/requirements.txt

@@ -1,2 +1,2 @@
-reflex>=0.8.0
+reflex>=0.9.2
 msal==1.31.0

azure_auth/rxconfig.py

@@ -2,5 +2,5 @@
 
 config = rx.Config(
     app_name="azure_auth",
-    tailwind=None,
+    plugins=[rx.plugins.RadixThemesPlugin()],
 )

basic_crud/basic_crud/basic_crud.py

@@ -68,6 +68,14 @@ class QueryState(State):
     url_query: str = URL_OPTIONS["GET"]
     query_options = list(URL_OPTIONS.keys())
 
+    @rx.event
+    def set_url_query(self, value: str) -> None:
+        self.url_query = value
+
+    @rx.event
+    def set_body(self, value: str) -> None:
+        self.body = value
+
     def update_method(self, value):
         if self.url_query == "":
             self.url_query = URL_OPTIONS[value]

basic_crud/basic_crud/model.py

@@ -2,12 +2,11 @@
 
 from datetime import datetime, timezone
 
-from sqlmodel import Column, DateTime, Field, func
+from sqlmodel import Column, DateTime, Field, SQLModel, func
 
-import reflex as rx
 
-
-class Product(rx.Model, table=True):
+class Product(SQLModel, table=True):
+    id: int | None = Field(default=None, primary_key=True)
     """Product model."""
 
     code: str = Field(unique=True)

basic_crud/requirements.txt

@@ -1,2 +1,2 @@
-reflex>=0.8.0
+reflex[db]>=0.9.2
 fastapi

basic_crud/rxconfig.py

@@ -2,5 +2,6 @@
 
 config = rx.Config(
     app_name="basic_crud",
-    tailwind=None,
+    db_url="sqlite:///reflex.db",
+    plugins=[rx.plugins.RadixThemesPlugin()],
 )

chat_v2/chat_v2/page_chat/chat_messages/model_chat_interaction.py

@@ -3,15 +3,16 @@
 import datetime
 
 import pytz
-import reflex as rx
+import sqlmodel
 
 
 class ChatInteraction(
-    rx.Model,
+    sqlmodel.SQLModel,
     table=True,
 ):
     """A table for questions and answers in the database."""
 
+    id: int | None = sqlmodel.Field(default=None, primary_key=True)
     prompt: str
     answer: str
     chat_participant_user_name: str

chat_v2/requirements.txt

@@ -5,4 +5,4 @@ pytz>=2024.2
 together>=1.3.1
 uv>=0.4.22
 
-reflex>=0.8.0
+reflex[db]>=0.9.2

chat_v2/rxconfig.py

@@ -2,5 +2,6 @@
 
 config = rx.Config(
     app_name="chat_v2",
-    tailwind=None,
+    db_url="sqlite:///reflex.db",
+    plugins=[rx.plugins.RadixThemesPlugin()],
 )

clock/clock/clock.py

@@ -5,7 +5,6 @@
 from typing import Any
 
 import reflex as rx
-from reflex.components.radix.themes import theme
 
 import pytz
 
@@ -82,6 +81,11 @@ def time_info(self) -> dict[str, Any]:
             "second_rotation": rotate(now.second * 0.0167 * 360 - 90),
         }
 
+    @rx.event
+    def set_zone(self, zone: str) -> None:
+        """Set the time zone."""
+        self.zone = zone
+
     def on_load(self):
         """Switch the clock off when the page refreshes."""
         self.running = False
@@ -218,13 +222,5 @@ def index():
     )
 
 
-app = rx.App(
-    theme=theme(
-        appearance="light",
-        has_background=True,
-        radius="large",
-        accent_color="amber",
-        gray_color="sand",
-    )
-)
+app = rx.App()
 app.add_page(index, title="Clock", on_load=State.on_load)

clock/requirements.txt

@@ -1,2 +1,2 @@
-reflex>=0.8.0
+reflex>=0.9.2
 pytz==2022.7.1

clock/rxconfig.py

@@ -2,5 +2,15 @@
 
 config = rx.Config(
     app_name="clock",
-    tailwind=None,
+    plugins=[
+        rx.plugins.RadixThemesPlugin(
+            theme=rx.theme(
+                appearance="light",
+                has_background=True,
+                radius="large",
+                accent_color="amber",
+                gray_color="sand",
+            ),
+        ),
+    ],
 )

counter/requirements.txt

@@ -1 +1 @@
-reflex>=0.8.0
+reflex>=0.9.2

counter/rxconfig.py

@@ -2,7 +2,6 @@
 
 config = rx.Config(
     app_name="counter",
-    db_url="sqlite:///reflex.db",
     env=rx.Env.DEV,
-    tailwind=None,
+    plugins=[rx.plugins.RadixThemesPlugin()],
 )

counter/tests/test_counter.py

@@ -31,13 +31,6 @@ def _poll_token():
 
     assert AppHarness._poll_for(_poll_token), "token not found"
 
-    state_name = counter_app.get_state_name("State")
-    full_state_name = counter_app.get_full_state_name("State")
-
-    async def _get_backend_state():
-        root_state = await counter_app.get_state(f"{token}_{full_state_name}")
-        return root_state.substates[state_name]
-
     count = driver.find_element(By.TAG_NAME, "h1")
     assert counter_app.poll_for_content(count) == "0"
 
@@ -47,17 +40,14 @@ async def _get_backend_state():
 
     decrement.click()
     assert counter_app.poll_for_content(count, exp_not_equal="0") == "-1"
-    assert (await _get_backend_state()).count == -1
 
     increment.click()
     assert counter_app.poll_for_content(count, exp_not_equal="-1") == "0"
     increment.click()
     assert counter_app.poll_for_content(count, exp_not_equal="0") == "1"
-    assert (await _get_backend_state()).count == 1
 
     randomize.click()
     random_count = counter_app.poll_for_content(count, exp_not_equal="1")
-    assert (await _get_backend_state()).count == int(random_count)
     decrement.click()
     dec_value = str(int(random_count) - 1)
     assert counter_app.poll_for_content(count, exp_not_equal=random_count) == dec_value

dalle/dalle/dalle.py

@@ -88,9 +88,5 @@ def index():
 
 
 # Add state and page to the app.
-app = rx.App(
-    theme=rx.theme(
-        appearance="light", has_background=True, radius="medium", accent_color="mint"
-    ),
-)
+app = rx.App()
 app.add_page(index, title="Reflex:DALL-E")

dalle/requirements.txt

@@ -1,2 +1,2 @@
-reflex>=0.8.0
+reflex>=0.9.2
 openai>=1

dalle/rxconfig.py

@@ -2,5 +2,14 @@
 
 config = rx.Config(
     app_name="dalle",
-    tailwind=None,
+    plugins=[
+        rx.plugins.RadixThemesPlugin(
+            theme=rx.theme(
+                appearance="light",
+                has_background=True,
+                radius="medium",
+                accent_color="mint",
+            ),
+        ),
+    ],
 )

data_visualisation/data_visualisation/data_loading.py

@@ -5,7 +5,7 @@
 import reflex as rx
 
 
-def add_csv_data_to_db(data_file_path: str, model: rx.Model):
+def add_csv_data_to_db(data_file_path: str, model: type):
     with open(data_file_path, mode="r", newline="", encoding="utf-8") as file:
         reader = csv.DictReader(
             file
@@ -19,7 +19,7 @@ def add_csv_data_to_db(data_file_path: str, model: rx.Model):
             session.commit()
 
 
-def add_pandas_data_to_db(df: pd.DataFrame, model: rx.Model):
+def add_pandas_data_to_db(df: pd.DataFrame, model: type):
     with rx.session() as session:
         for index, row in df.iterrows():
             data_tuple = row.to_dict()
@@ -29,7 +29,7 @@ def add_pandas_data_to_db(df: pd.DataFrame, model: rx.Model):
         session.commit()
 
 
-def loading_data(data_file_path: str, model: rx.Model):
+def loading_data(data_file_path: str, model: type):
     try:
         if data_file_path.endswith(".csv"):
             # Open your CSV file

data_visualisation/data_visualisation/data_visualisation.py

@@ -365,9 +365,6 @@ def index() -> rx.Component:
 
 # Create app instance and add index page.
 app = rx.App(
-    theme=rx.theme(
-        appearance="light", has_background=True, radius="large", accent_color="grass"
-    ),
     stylesheets=["https://fonts.googleapis.com/css?family=Inter"],
 )
 app.add_page(