Node callbacks

[arturolinares]

Hi! I am having trouble using the slint-ui with node in a small application.

I have a window with a button that when it is clicked makes a request to Google and updates the button text to the response body length. The UI appears to work well, except that the request doesn't seem to finish until the window is closed. Maybe I need to perform the request outside the UI thread... but how can I do that?

This is the script:

const slint = require("slint-ui");
const ui = require("./ui/main.slint");

const fetch = require('node-fetch');

function doFetch() {
	fetch('https://google.com')
		.then(r => r.text())
		.then(text => {
			console.log("Update button text");
			app.MainButton.text = text.length;
		});
}

let app = new ui.MainWindow({
	clicked: () => doFetch()
});
app.run();

The slint file:

import { Button } from "std-widgets.slint";

export MainWindow := Window {
	callback clicked <=> MainButton.clicked;
	MainButton := Button {
		text: "Click Me!";
	}
}

Thanks in advance 😄

[tronical]

I think I can see the problem, we're not waking up the libuv event loop from within our event loop :(. I don't know yet how to fix that.

[tronical]

Thinking out loud: Afaics we could run the winit loop on another thread everywhere except macOS, according to the winit API. For macOS if libuv is using cfrunloop then perhaps we can reach out to that directly.

[arturolinares]

Oh no! v1.0.0 was released and this was not fixed! Should I open an issue?

[tronical]

Yes, that sounds like a good idea. Actually, I think I can just convert this discussion into an issue :)

[tronical]

Created #2477