fix breakpoints / flash

[Lendemor]

fix #5624

[greptile-apps]

Greptile Summary

This PR fixes SSR (Server-Side Rendering) breakpoint styling issues by addressing theme initialization and build dependency problems. The changes target issue #5624 where color mode dependent elements were causing styling order problems for breakpoints, resulting in visual flashes during page load.

The fix involves three key areas:

1. Dependency Update: Updates the rolldown-vite package from version 7.0.9 to 7.0.11 in the installer configuration. This Vite plugin handles bundling and build processes, and the newer version contains fixes for CSS ordering and hydration issues that were affecting responsive breakpoints.

2. Debug Log Cleanup: Removes console.log statements from the preload_color_theme function in misc.py. These debugging statements were interfering with the SSR rendering process by executing during server-side rendering, potentially affecting CSS generation timing and style application order.

3. Theme Provider Refactoring: Significantly refactors the React theme provider (react-theme.js) to handle SSR initialization more reliably. The changes include simplifying system theme detection to always default to 'light' during SSR, adding proper initialization flags to prevent premature DOM manipulation, and ensuring theme resolution happens in the correct sequence.

These changes work together to ensure that breakpoint styles are applied in the correct order during SSR builds, eliminating the flash of incorrectly styled content that was occurring when the page first loaded. The refactoring maintains the existing theme functionality while making it more SSR-compatible.

Confidence score: 3/5

• This PR addresses a specific SSR issue but introduces some potentially risky changes to core theme handling logic
• The score reflects concerns about the theme provider refactoring which changes initialization behavior and adds debugging code that should be removed before production
• Files needing more attention: reflex/.templates/web/utils/react-theme.js due to significant logic changes and remaining debug console.log

_{3 files reviewed, 1 comment}

_{Edit Code Review Bot Settings | Greptile}

[codspeed-hq]

CodSpeed Performance Report

Merging #5627 will not alter performance

_{Comparing lendemor/fix_breakpoints (5952c68) with main (9d9ff9e)}

Summary

✅ 8 untouched benchmarks