How to be notified when webui is connected

[adauriac]

Calling webui before its websocket is connected result in an error "Error: WebSocket is not connected"
I would like to call a backend function through webui as soon as possible, is there an event I could listen to to be notified when webui's Websocket is connected?

[AlbertShown]

In the backend, using C/C++ for example, you can bind a blank empty ID to get all events, example:

// All events
void events(webui_event_t* e) {
	if (e->event_type == WEBUI_EVENT_CONNECTED) // <- - - - -
		printf("Connected. \n");
	else if (e->event_type == WEBUI_EVENT_DISCONNECTED)
		printf("Disconnected. \n");
	else if (e->event_type == WEBUI_EVENT_MOUSE_CLICK)
		printf("Click. \n");
	else if (e->event_type == WEBUI_EVENT_NAVIGATION) {
		const char* url = webui_get_string(e);
		printf("Starting navigation to: %s \n", url);
		webui_navigate(e->window, url);
	}
}

// Bind all events by using an empty ID
webui_bind(MyWindow, "", events);

In the frontend, I guess this option does not exist yet!
But according to this line, please try in JavaScript webui.wsStatus

[hassandraga]

Thank you for reporting this. Actually, this is a nice feature to have.

[adauriac]

console.log(webui.#wsStatus) gives reference to undeclared private field or method #wsStatus

[hassandraga]

We both noticed that in the same exact moment!
However, I'm going to add this feature today.
Thanks again for the idea.

[adauriac]

Thank you for maintaining webui !

[hassandraga]

Clone the latest commit, build the lib. Then add this to your UI:

document.addEventListener('DOMContentLoaded', function() {

	// DOM is loaded, and `webui` object should be available.
	webui.setEventCallback((e) => {

		if (e == webui.event.CONNECTED) {
			// Connection to the backend is established
			console.log('Connected.');
		} else if (e == webui.event.DISCONNECTED) {
			// Connection to the backend is lost
			console.log('Disconnected.');
		}
	});
});

[adauriac]

Thank you ! I have cloned the github repo. I 'am (exceptionally) working on windows. In a msys2 windows I launched the command mingw32-make.exe and the directory dist has been created with the dll and lib files. I also included the piece of code you sent me in my js ui. My backend is written in python. At this point I don't know how to test the new version, keeping in place the old one. Thank you for any advice ! Le 04/01/2024 21:29, Hassan DRAGA a écrit :

…

We both noticed that in the same exact moment! However, I'm going to add this feature today. Thanks again for the idea. -- Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>

[hassandraga]

webui.setEventCallback is committed recently to the current main branch. We can't update the Python repo until we are we fully test the current main branch. However, you can manually update your Python package by following those instructions:

1. Download the nightly build from : https://github.com/webui-dev/webui/releases/tag/nightly (Probably you need webui-windows-msvc-x64.zip)
2. Extract the archive, and copy webui-2.dll to your Python package installation folder. Look for site-packages\webui\webui-windows-msvc-x64 in AppData\Local\Programs\Python\PythonXXXX\Lib\site-packages or C:\msys64\mingw64\lib\python3.X\site-packages.

After that, you can use webui.setEventCallback in your UI.

[adauriac]

It works perfectly, thank you !