How can I mark the current EditorComponent tab as "dirty"?

[mister-teddy]

I'm following this guide to create a custom editor component for my IDE. How can I mark the current editor as dirty when the user updates these form fields (like when the text content of the file has changed 👇)

Thank you for your help 🙏

[mister-teddy]

And how to clear the dirty state afterwards? I think I'll put it here, is it alright? 😅

registry.registerEditorComponentResolver('file', (resource, results) => {
  results.push({
    saveResource: async (resource, reason) => {
      // clear dirty state here

[erha19]

Hi @nguyenhongphat0,

As I know, you can use the BrowserEditorContribution to define the resource and how to provide its name, icon, whether it is edited ("dirty") or not when it is displayed on the editor tab, and the corresponding callback when the tab is closed, etc.

Some code samples on opensumi/core :

core/packages/keymaps/src/browser/keymaps.contribution.ts

Lines 152 to 154 in 7144fa4

	registerResource(resourceService: ResourceService) {
	resourceService.registerResourceProvider(this.keymapsResourceProvider);
	}

You can register a resource provider to handle the tab 'dirty' state by defining a getResourceDecoration method, like below:

  getResourceDecoration() {
    return {
      dirty: true,
    };
  }

hope this can help you.

[erha19]

Update, I tried it and found that the getResourceDecoration method has not been implemented in the BrowserEditorContribution . Currently, the EditorComponent type cannot support this feature.

[mister-teddy]

Thank you for your reply! I'm looking forward for the getResourceDecoration to be implemented. Please let me know then, thank you very much 🙏