v0.6.8 Pre-release thread

[masenf]

Please report any problems you encounter in this discussion thread or as separate issues on reflex-dev/reflex.

pip install 'reflex~=0.6.8a'

This is expected to be the last 0.6.x feature release before breaking changes are introduced in 0.7.0

Schedule

2025-01-07 17:20 PST: 0.6.8a1 pre-release published for testing
2025-01-09: Planned Public release of 0.6.8

Release Notes

New Features

New API: rx.EventChain.create

This new interface makes it easier to transform EventType (EventHandler, EventSpec, and lambda - as accepted by component event triggers) into EventChain to be rendered in hook calls or rx.call_script / rx.call_function invocations.

• Move _create_event_chain to EventChain.create by @masenf in Move _create_event_chain to EventChain.create #4557

New API: BaseState.get_var_value

Similar to get_state, this API provides access to a Var defined in another state. If the value is mutable, changing it will be reflected in the other state. This API is intended for use with ComponentState implementations that want to "borrow" data from another state.

Show Example Code

from typing import ClassVar

import reflex as rx


class MyState(rx.State):
    data: list[dict] = []


class Appender(rx.ComponentState):
    _data: ClassVar[rx.Var]

    async def add_value(self, form_data: dict):
        (await self.get_var_value(self._data)).append(form_data)

    @classmethod
    def get_component(cls, data: rx.Var[list[dict]]) -> rx.Component:
        cls._data = data
        return rx.card(
            rx.form(
                rx.vstack(
                    rx.input(placeholder="Name", name="name", autofocus=True),
                    rx.input(placeholder="Email", name="email"),
                    rx.button("Submit", type="submit"),
                ),
                reset_on_submit=True,
                on_submit=cls.add_value,
            ),
        )


appender = Appender.create


def index() -> rx.Component:
    return rx.vstack(
        rx.foreach(
            MyState.data,
            lambda d: rx.text(d.to_string()),
        ),
        appender(data=MyState.data),
    )


app = rx.App()
app.add_page(index)

• BaseState.get_var_value helper to get a value from a Var by @masenf in BaseState.get_var_value helper to get a value from a Var #4553

Improvements

Add .endswith() var operation for strings

• Add endswith method to String class by @5quinque in Add endswith method to String class #4577

Simpler API for rx._x.client_state

Use client state vars anywhere in the tree instead of having to include them and use them separately.

• improve client state by @adhami3310 in improve client state #4597

Support Recursive UI elements with @rx.memo

See example code in PR. This allows the rendering of trees and other self-referential structures using rx.foreach.

• fix recursive UI by @adhami3310 in fix recursive UI #4599

Performance

• Minor performance improvements for state getattribute and setattr by @benedikt-bartscher in Minor performance improvements for state getattribute and setattr #4543
• improve dynamic route vars, no need to compute deps by @benedikt-bartscher in improve dynamic route vars, no need to compute deps #4551

Miscellaneous

• fix health check and skip not needed tasks by @Lendemor in fix health check and skip not needed tasks #4563
• [ENG-4083] Track internal changes in dataclass instances by @masenf in [ENG-4083] Track internal changes in dataclass instances #4558
• use position in vardata to mark internal hooks by @Lendemor in use position in vardata to mark internal hooks #4549
• Enable automatic retry on redis errors by @masenf in Enable automatic retry on redis errors #4595

Bug Fixes

• Add expire_on_commit=False for async sessions by @masenf in Add expire_on_commit=False for async sessions #4582
• Do not allow call_function callback argument to be added afterwards by @masenf in Do not allow call_function callback argument to be added afterwards #4552
• [ENG-2157] [Refix] Allow rx.download to resolve rx.get_upload_url by @masenf in [ENG-2157] [Refix] Allow rx.download to resolve rx.get_upload_url #4470
• fixes Add variable height/width property for charts #4578 - correct the way dim_props created by @KanvaBhatia in fixes #4578 - correct the way dim_props created #4587
• unbreak link _hover by @masenf in unbreak link _hover #4537
• [ENG-4255] Code blocks lead to redefined const in web page by @masenf in [ENG-4255] Code blocks lead to redefined const in web page #4598

Version Bumps

• chore: update sonner (toast) by @JonZeolla in chore: update sonner (toast) #4572
• Upgrade Lucide to version 0.469.0 by @celsiusnarhwal in Upgrade Lucide to version 0.469.0 #4571
• poetry 2.0.0 compatibility by @masenf in poetry 2.0.0 compatibility #4593

Documentation

Other Changes

• add codespell to pre-commit by @Lendemor in add codespell to pre-commit #4559
• autodetect print/breakpoints by @Lendemor in autodetect print/breakpoints #4581
• HOS-400: adding support for config by @Kastier1 in HOS-400: adding support for config #4540
• Add deprecation message for non-cached var by @masenf in Add deprecation message for non-cached var #4591
• test_lifespan: stop periodic events by @masenf in test_lifespan: stop periodic events #4600
• Use older python versions for macos actions by @masenf in Use older python versions for macos actions #4601

New Contributors

• @5quinque made their first contribution in Add endswith method to String class #4577
• @JonZeolla made their first contribution in chore: update sonner (toast) #4572
• @celsiusnarhwal made their first contribution in Upgrade Lucide to version 0.469.0 #4571
• @KanvaBhatia made their first contribution in fixes #4578 - correct the way dim_props created #4587

Full Changelog: v0.6.7...release/reflex-0.6.8

[bertbarabas]

Setting of theme to dark in rx.App seems to be ignored in the v0.6.8a1 release (I just upgraded from v0.6.7 where it was working)

This is the code I'm using:

app = rx.App(
    theme=rx.theme(
        color_mode="dark",
        has_background=True,
        radius="large",
        accent_color="blue",
    ),
)

Interestingly the rx.color_mode.button() still works and when clicked will switch the color mode.

[masenf]

if you have a chance, can you go back to 0.6.7 and see if you can reproduce the issue there. on my end, i do repro the issue on both 0.6.7 and 0.6.8a2. and i have a fix on top of 0.6.8a2 which seems to resolve the issue

diff --git a/reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js b/reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js
index dd7886c8..823eeea9 100644
--- a/reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js
+++ b/reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js
@@ -16,10 +16,7 @@ export default function RadixThemesColorModeProvider({ children }) {
     if (isDevMode) {
       const lastCompiledTimeInLocalStorage =
         localStorage.getItem("last_compiled_time");
-      if (
-        lastCompiledTimeInLocalStorage &&
-        lastCompiledTimeInLocalStorage !== lastCompiledTimeStamp
-      ) {
+      if (lastCompiledTimeInLocalStorage !== lastCompiledTimeStamp) {
         // on app startup, make sure the application color mode is persisted correctly.
         setTheme(defaultColorMode);
         localStorage.setItem("last_compiled_time", lastCompiledTimeStamp);

[bertbarabas]

Sure, I'll give it a shot.

[bertbarabas]

I was just able to get it to happen on 0.6.7 so it's not a regression...

[masenf]

okay, i'm going to publish 0.6.8 then, and we'll fix this in the next release

[masenf]

#4616