Custom events in context menu

SebastianMunaretto

I am customising my context menu in the filemanager component (svelte) and I want to add some custom options to my context menu and also be able to intercept this custom event, is this possible somehow? Example:

switch (mode) {
		case "body":
			return [
				{
					icon: "wxi-content-paste",
					text: "Paste",
					hotkey: "Ctrl+V",
					id: "paste",
				},
				{
					icon: "wxi-content-custom",
					text: "Custom",
					id: "custom",
				},     
			]

and then:

api.intercept('custom', async (ev) => { ... }

tasha

Hello SebastianMunaretto

When adding a custom option to your context menu you also need to use handler for this custom option to define which action should be performed for it.
You can intercept this action if you execute it in your handler first:

   switch (mode) {
      case "body":
        return [
          ...getMenuOptions(mode),
          {
            icon: "wxi-content-custom",
            text: "Custom",
            id: "custom",
            handler: ({ context }) => {
              api.exec("custom", {});
            },
          },
        ];
      default:
        return getMenuOptions(mode);
    }

But you can immediately write the logic you need for this option in the handler without intercepting it.

SebastianMunaretto

Thank you very much. Works like a charm!