Handle ctrl+S in monaco editor

[kirjs]

While we run the code on every keystroke, lot of user still hit ctrl+S by instinct and get a file save dialog.

We should prevent the dialog from showing, and maybe show some little animation saying everything is saved (so that the user feels nice)

[kirjs]

To reproduce go to https://codelab.fun/angular/typescript/typescript-why-ts and hit ctrl+s

[jatinAroraGit]

Hey there,
I would like to work on this.

[NothingEverHappens]

Hey @jatinAroraGit that's awesome, I'm not exactly sure what would be the best way to handle this.

The global configuration is here:

codelab/libs/code-demos/src/lib/shared/monaco-config.service.ts

Line 24 in 57c7b13

MonacoConfigService.configureMonaco();

The actual editor instantiation happens here:

codelab/libs/code-demos/src/lib/multitab-editor/editor-from-model/editor-from-model.component.ts

Line 41 in 57c7b13

return this.monacoConfigService.monaco.editor.create(el, {

Feel free to ping this thread if you're stuck at any point or with any other questions

[jatinAroraGit]

Hey @NothingEverHappens,
So I have figured out most of it and have stopped popping of Save Window. Currently nothing is being displayed on pressing Ctrl+S, Do you want me to implement something to show ctrl+s doing something (like one of those alert boxes with message 'Saved' ) or leave it as it is ?

[kirjs]

How about if anything was changed, we can show a snack bar saying everything was saved successfully?

https://material.angular.io/components/snack-bar/overview

[jatinAroraGit]

Sounds good, @kirjs .