UI loading is delayed if custom palette is selected upon page load

[DedeHai]

What happened?

There is a circular dependency in index.js:
when the UI is loaded and the selected palette is a custom palette, the call to requestJson() throws an error because it calls readState() but the selected palette is not yet known because the palette list can only be filled including custom palettes after the lastinfo is fetched, which happens in requestJson(). So the UI throws this error:

To Reproduce Bug

select a custom palette, reload the UI

Expected Behavior

resolve custom palettes without throwing the error.

Install Method

Binary from WLED.me

What version of WLED?

nightly build

Which microcontroller/board are you seeing the problem on?

ESP32-C3

Relevant log/trace output

TypeError: Cannot read properties of null (reading 'querySelector')
    at updateSelectedPalette ((index):7:63528)
    at updateUI ((index):7:62253)
    at readState ((index):7:68130)
    at (index):7:71556

Anything else?

the UI still load correctly, it just takes longer due to timeouts and there is the error thrown.

Code of Conduct

• I agree to follow this project's Code of Conduct

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and prompts that you can use with your favorite coding agent.

• Create Plan

Examples

• Example 1
• Example 2

---

🔗 Similar Issues

Related Issues

• Issue with the WLED frontend [DMX serial-out cannot handle 144 LEDs] #5133
• V0.15.0+ Raises TypeError on ESP32-ETH01 #4535
• custom color palette box #4963
• No fallback if bus fails to be added in 0.16 #4936

👤 Suggested Assignees

• Stijn-Jacobs
• juldeus
• adamjensen61
• DedeHai

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord or schedule a call!