It would be nice to get help with the " Add the support for hover providers" item on the tasklist.

I've been talking with @andyholmes , and we think the correct way would be to generate the types would be to generate them within Workbench itself. However, this will require we switch back to GNOME Master (see #980)

Also related: workbenchdev/demos#201

A significant milestone!

Now Workbench can build the demos from TypeScript to JavaScript. Try it!! This means we can now only have TypeScript files in the demos, and the JavaScript files will be compiled from them.

However, the JavaScript files outputted are a bit different. For example, here is the Welcome demo.

TypeScript (source)

import Adw from "gi://Adw";
import Gio from "gi://Gio";
import Gtk from "gi://Gtk?version=4.0";
Gio._promisify(Adw.AlertDialog.prototype, "choose", "choose_finish");
const box = workbench.builder.get_object("subtitle") as Gtk.Box;
const button = new Gtk.Button({
 label: "Press me",
 margin_top: 6,
 css_classes: ["suggested-action"],
});
button.connect("clicked", () => {
 greet().catch(console.error);
});
box.append(button);
console.log("Welcome to Workbench!");
async function greet() {
 const dialog = new Adw.AlertDialog({
 body: "Hello World!",
 });
 dialog.add_response("ok", "OK");
 const response = await dialog.choose(workbench.window, null);
 console.log(response);
}

JavaScript (compiled)

import Adw from "gi://Adw";
import Gio from "gi://Gio";
import Gtk from "gi://Gtk?version=4.0";
Gio._promisify(Adw.AlertDialog.prototype, "choose", "choose_finish");
const box = workbench.builder.get_object("subtitle");
const button = new Gtk.Button({
 label: "Press me",
 margin_top: 6,
 css_classes: ["suggested-action"],
});
button.connect("clicked", () => {
 greet().catch(console.error);
});
box.append(button);
console.log("Welcome to Workbench!");
async function greet() {
 const dialog = new Adw.AlertDialog({
 body: "Hello World!",
 });
 dialog.add_response("ok", "OK");
 const response = await dialog.choose(workbench.window, null);
 console.log(response);
}

I talked this in the past with @sonnyp and we thought it was fine at the moment, but today I'm not so sure if it's adequate.

We talked about using alternative compilers for this task (maybe esbuild, swc or babel) instead of tsc. The first 2 are fast in compilation but seem to modify the output much too. I remember Sonny telling me that babel has a retainLines option, but I haven't tested it yet, and need to know if it's worth exploring.

It may also be beneficial to activate the compilerOptions.incremental option in the tsconfig.demo.json file so that the types compilation is a bit faster, particularly this can save a few seconds while hacking on workbench on each rebuild. This flag however produces a .tsbuildinfo file in the output directory and I don't know if that's passable.

Note: to test this, you will also need to have workbenchdev/demos#201

Any progress on this?

@vanillajonathan Mostly waiting for ts-for-gir to fix some issues, which would allow us to generate the typescript types better. See https://github.com/gjsify/ts-for-gir/issues

But I think I can push through, and hopefully their issues will get resolved sooner than later.