The Info Panel displays debugging information and action useful when building sketches with p5.party. You can show and hide the Info Panel with ctrl-i or with partyToggleInfo()

Debug information

• the current app name
• the current room name
• the number of guests currently connected to the room

Debug actions

• reload others causes other guests connected to this room to reload their browser tabs
• disconnect others causes other guests connected to this room to disconnect

Experimental

Auto Reload

When developing a sketch that uses p5.party, it is usually best to have all connected clients reload when the code changes. When working in VS Code with Live Server, saving the code auto reloads all local browser tabs running the code, which is usually good enough. Other environments may not support auto-reload or may auto-reload only one instance.

This feature is intended to make working in these other environments easier by reloaded all other connected clients when the "primary" client reloads. Reloading happens immediately after the "auto" guest connects, making the "auto" guest the host before it's setup() is called.

To use this feature, open the info panel (ctrl-i) and enable the "auto" checkbox on the tab that auto-reloads. When enabled, reloading this tab will send a message to all other connected clients to reload.

<aside> 🧟

Unfortunately, this feature doesn’t work with the official p5 web editor. The other clients do reload their frame but they don’t get updated code. I’m leaving this feature enabled because it may still be useful in some situations.

</aside>