Merge pull request #155 from reflex-dev/lendemor/update_to_0_2_9

update all examples for 0.2.9

chatroom/chatroom/chatroom.py

@@ -74,7 +74,7 @@ def index() -> rx.Component:
                         ),
                         rx.button("Send", on_click=State.send_message),
                     ),
-                    on_submit=State.send_message,
+                    on_submit=lambda d: State.send_message(),
                 ),
                 width="60vw",
                 align_items="left",
@@ -104,7 +104,9 @@ async def broadcast_event(name: str, payload: t.Dict[str, t.Any] = {}) -> None:
             # Emit the event.
             responses.append(
                 app.event_namespace.emit(
-                    str(rx.constants.SocketEvent.EVENT), update.json(), to=state.get_sid()
+                    str(rx.constants.SocketEvent.EVENT),
+                    update.json(),
+                    to=state.get_sid(),
                 ),
             )
     for response in responses:

chatroom/requirements.txt

@@ -1 +1 @@
-reflex>=0.2.0
+reflex>=0.2.9

clock/requirements.txt

@@ -1,2 +1,2 @@
-reflex>=0.2.0
+reflex>=0.2.9
 pytz==2022.7.1

counter/requirements.txt

@@ -1 +1 @@
-reflex>=0.2.0
+reflex>=0.2.9

crm/requirements.txt

@@ -1 +1 @@
-reflex>=0.2.0
+reflex>=0.2.9

dalle/.gitignore

@@ -1,3 +1,4 @@
+*.db
 *.py[cod]
 .web
 __pycache__/

dalle/dalle/dalle.py

@@ -3,14 +3,15 @@
 import reflex as rx
 
 
-
 class State(rx.State):
     """The app state."""
+
     image_url = ""
     image_processing = False
     image_made = False
+
     def get_dalle_result(self, form_data: dict[str, str]):
-        prompt_text:str = form_data["prompt_text"]
+        prompt_text: str = form_data["prompt_text"]
         self.image_made = False
         self.image_processing = True
         yield
@@ -24,6 +25,7 @@ def get_dalle_result(self, form_data: dict[str, str]):
             self.image_processing = False
             yield rx.window_alert("Error with OpenAI Execution.")
 
+
 def index():
     return rx.center(
         rx.vstack(
@@ -60,7 +62,8 @@ def index():
         background="radial-gradient(circle at 22% 11%,rgba(62, 180, 137,.20),hsla(0,0%,100%,0) 19%),radial-gradient(circle at 82% 25%,rgba(33,150,243,.18),hsla(0,0%,100%,0) 35%),radial-gradient(circle at 25% 61%,rgba(250, 128, 114, .28),hsla(0,0%,100%,0) 55%)",
     )
 
+
 # Add state and page to the app.
 app = rx.App(state=State)
-app.add_page(index, title="Pynecone:DALL-E")
+app.add_page(index, title="Reflex:DALL-E")
 app.compile()

dalle/requirements.txt

@@ -1,2 +1,2 @@
-reflex>=0.2.0
+reflex>=0.2.9
 openai

ecommerce/.gitignore

@@ -1,3 +1,4 @@
+*.db
 *.py[cod]
 .web
 __pycache__/

ecommerce/ecommerce/ecommerce.py

@@ -127,7 +127,7 @@ def inventory():
         data=State.product_data,
         pagination=True,
         sort=True,
-        search=True,
+        # search=True,
     )
     return rx.vstack(search_bar, table)
 

ecommerce/requirements.txt

@@ -1,3 +1,3 @@
-reflex>=0.2.0
+reflex>=0.2.9
 icecream==2.1.1
 pandas==2.1.0

fragments/requirements.txt

@@ -1 +1 @@
-reflex>=0.2.0
+reflex>=0.2.9

github-stats/github_stats/github_stats.py

@@ -143,18 +143,24 @@ def index() -> rx.Component:
                 on_submit=State.handle_form,
             ),
             rx.box(
-                rx.bar_chart(
-                    rx.graphing_tooltip(cursor=False),
-                    rx.bar(
+                rx.recharts.bar_chart(
+                    rx.recharts.graphing_tooltip(cursor=False),
+                    rx.recharts.bar(
                         data_key="repositoriesContributedTo",
                         stroke="#8884d8",
                         fill="#8884d8",
                     ),
-                    rx.bar(data_key="mergedPullRequests", stroke="#82ca9d", fill="#82ca9d"),
-                    rx.bar(data_key="openIssues", stroke="#ffc658", fill="#ffc658"),
-                    rx.bar(data_key="closedIssues", stroke="#ff0000", fill="#ff0000"),
-                    rx.x_axis(data_key="login"),
-                    rx.y_axis(),
+                    rx.recharts.bar(
+                        data_key="mergedPullRequests", stroke="#82ca9d", fill="#82ca9d"
+                    ),
+                    rx.recharts.bar(
+                        data_key="openIssues", stroke="#ffc658", fill="#ffc658"
+                    ),
+                    rx.recharts.bar(
+                        data_key="closedIssues", stroke="#ff0000", fill="#ff0000"
+                    ),
+                    rx.recharts.x_axis(data_key="login"),
+                    rx.recharts.y_axis(),
                     data=State.user_stats,
                 ),
                 width="100%",

github-stats/requirements.txt

@@ -1 +1 @@
-reflex>=0.3.0a1
+reflex>=0.2.9

gpt/requirements.txt

@@ -1,2 +1,2 @@
-reflex>=0.2.0
+reflex>=0.2.9
 openai

local_auth/requirements.txt

@@ -1,3 +1,3 @@
-reflex>=0.2.7
+reflex>=0.2.9
 passlib
 bcrypt

lorem-stream/lorem_stream/lorem_stream.py

@@ -69,7 +69,9 @@ def render_task(task_id: int) -> rx.Component:
                 is_indeterminate=LoremState.progress[task_id] < 1,
             ),
             rx.button(
-                rx.cond(LoremState.progress[task_id] < LoremState.end_at[task_id], "⏯️", "🔄"),
+                rx.cond(
+                    LoremState.progress[task_id] < LoremState.end_at[task_id], "⏯️", "🔄"
+                ),
                 on_click=LoremState.toggle_running(task_id),
             ),
             rx.button("❌", on_click=LoremState.kill(task_id)),

lorem-stream/requirements.txt

@@ -1,2 +1,2 @@
-reflex>=0.2.8
+reflex>=0.2.9
 lorem_text>=2.1

nba/requirements.txt

@@ -1,4 +1,4 @@
-reflex>=0.2.0
+reflex>=0.2.9
 plotly-express
 plotly
 pandas

qr-scanner/qr_scanner/component.py

@@ -20,12 +20,15 @@ class QrScanner(NoSSRComponent):
     container_style: rx.Var[Dict[str, str]]
     video_style: rx.Var[Dict[str, str]]
 
-    def get_controlled_triggers(self) -> Dict[str, Var]:
+    def get_event_triggers(self) -> Dict[str, Var]:
         """Dict mapping (event -> expected arguments)."""
-        return super().get_controlled_triggers() | {
-            "on_result": rx.EVENT_ARG,
-            "on_decode": rx.EVENT_ARG,
-            "on_error": BaseVar(name=rx.EVENT_ARG.name + "?.message", type_=str),
+
+        return {
+            **super().get_event_triggers(),
+            "on_result": lambda e0: [e0],
+            "on_decode": lambda e0: [e0],
+            "on_error": lambda e0: [BaseVar(name="_e0?.message")],
         }
 
-qr_scanner = QrScanner.create
+
+qr_scanner = QrScanner.create

qr-scanner/qr_scanner/qr_scanner.py

@@ -73,4 +73,4 @@ def index() -> rx.Component:
 
 app = rx.App()
 app.add_page(index)
-app.compile()
+app.compile()

qr-scanner/requirements.txt

@@ -1 +1 @@
-reflex>=0.2.5
+reflex>=0.2.9

qr-scanner/rxconfig.py

@@ -1,9 +1,10 @@
 import reflex as rx
 
+
 class QrscannerConfig(rx.Config):
     pass
 
+
 config = QrscannerConfig(
     app_name="qr_scanner",
-    frontend_packages=["@yudiel/react-qr-scanner"],
 )

quiz/.gitignore

@@ -1,3 +1,4 @@
+*.db
 *.py[cod]
 .web
 __pycache__/

quiz/quiz/quiz.py

@@ -16,10 +16,12 @@
 
 class State(rx.State):
     """The app state."""
+
     default_answers = [None, None, [False, False, False, False, False]]
-    answers:List[Any]
+    answers: List[Any]
     answer_key = ["False", "[10, 20, 30, 40]", [False, False, True, True, True]]
     score: int
+
     def onload(self):
         self.answers = copy.deepcopy(self.default_answers)
 
@@ -38,6 +40,10 @@ def submit(self):
         self.score = int(correct / total * 100)
         return rx.redirect("/result")
 
+    @rx.var
+    def percent_score(self):
+        return f"{self.score}%"
+
 
 def header():
     return rx.vstack(
@@ -63,7 +69,7 @@ def question1():
             ["True", "False"],
             default_value=State.default_answers[0],
             default_checked=True,
-            on_change=lambda answer: State.set_answers(answer, 0)
+            on_change=lambda answer: State.set_answers(answer, 0),
         ),
         style=question_style,
     )

quiz/quiz/results.py

@@ -33,7 +33,7 @@ def results(State):
             rx.divider(),
             rx.center(
                 rx.circular_progress(
-                    rx.circular_progress_label(State.score + "%"),
+                    rx.circular_progress_label(State.percent_score),
                     value=State.score,
                     size="3em",
                 )
@@ -49,7 +49,7 @@ def results(State):
                 ),
                 rx.foreach(State.answers, lambda answer, i: render_answer(State, i)),
             ),
-            rx.link(rx.button("Take Quiz Again"), href="/"),
+            rx.box(rx.link(rx.button("Take Quiz Again"), href="/")),
             bg="white",
             padding_x="5em",
             padding_y="2em",

quiz/requirements.txt

@@ -1 +1 @@
-reflex>=0.2.0
+reflex>=0.2.9

sales/.gitignore

@@ -1,3 +1,4 @@
+*.db
 *.py[cod]
 .web
 __pycache__/

sales/requirements.txt

@@ -1,2 +1,2 @@
-reflex>=0.2.0
+reflex>=0.2.9
 openai