Leverage notification progress support for progress API

[bpasero]

With the new notifications comes support for showing long running operations:

We currently have an API where you can show global progress:

One advantage of having this within progress is to free space from the status bar and also to indicate from which extension the progress is reported (because notifications always show their source). Another advantage is that we could provide a "Cancel" button to stop the operation.

We could move this into a notification as a first step and could offer additional APIs to:

• report more detailed progress on the progress bar
• provide additional actions ("Cancel" for example)

@jrieken thoughts?

[Tyriar]

@sean-mcmanus might find this useful for the C++ extension. Related: microsoft/vscode-cpptools#1160

[chrisdias]

@EricJizbaMSFT @fiveisprime this would be great for the Azure extensions which have long running processes creating resources...

[dragonwolf83]

This would be useful for the PowerShell Extension as well.

[jrieken]

Yeah, maybe another ProgressLocation is what we want. Something like ProgressLocation.Prominent and then add a cancellation token to the task-callback. An alternative approach would be to have a progress-message, tho it feels wrong

[bpasero]

@sean-mcmanus @EricJizbaMSFT @fiveisprime @dragonwolf83 @chrisdias this will be in stable API for our March release. You might want to create reminder issues to check it out next month. A sample to use it is:

vscode.window.withProgress({
    location: vscode.ProgressLocation.Notification,
    title: "this is cool",
    // cancellable: true
}, (progress, token) => {
    token.onCancellationRequested(() => {
        console.log("CANCELED")
    });

    setTimeout(() => {
        progress.report({ percentage: 10, message: "still going..."});
    }, 1000);

    setTimeout(() => {
        progress.report({ percentage: 50, message: "still going harder..."});
    }, 2000);

    setTimeout(() => {
        progress.report({ percentage: 90, message: "almost there..."});
    }, 3000);

    var p = new Promise(resolve => {
        setTimeout(() => {
            resolve();
        }, 5000);
    });

    return p;
});

[agauniyal]

I hope the progress bar won't be so thin 😕

[bpasero]

@agauniyal the UI did not change from what I showed in #44090 (comment) and the size of the progress bar matches with any other progress bar we have in the UI.