extension/src/contextMenu.ts

import browser from "@lumeweb/webextension-polyfill";
import type WebEngine from "./webEngine.js";
import type { Menus, Tabs } from "./types.js";
import IpfsProvider from "./contentProviders/ipfsProvider.js";

export default function setup(engine: WebEngine) {
  browser.menus.create({
    title: "Clear Cache",
    id: "clear-cache",
    onclick: async (info: Menus.OnClickData, tab: Tabs.Tab) => {
      browser.tabs.reload(tab.id);
    },
  });

  browser.menus.onShown.addListener((details: Menus.OnShownInfoType) => {
    if (!details.pageUrl) {
      return;
    }
    const provider = engine.getDomainContentProvider(
      new URL(details.pageUrl as string).hostname
    );
    browser.menus.update("clear-cache", {
      visible: provider instanceof IpfsProvider,
    });
  });
}