Copy to clipboard isn't working in the browser devtools

[2color]

Bug

When clicking on the copy to clipboard button for multiaddrs, the multiaddr isn't copied and an error is logged

Why?

One thing I don't understand is why the copy-to-clipboard event, which originates from the devtools panel, and sent using postMessage is handled in two places:

• content script: https://github.com/ipshipyard/js-libp2p-inspector/blob/main/packages/libp2p-devtools/src/content-script.ts/#L52
• in the service worker: https://github.com/ipshipyard/js-libp2p-inspector/blob/main/packages/libp2p-devtools/src/service-worker.ts/#L63

The service worker error is showing up, I suspect, because host_permissions is not defined in the manifest.json, causing chrome.scripting.executeScript() to fail when trying to inject into the active page.

Whereas the content-script handler is failing for a different reason:

[2color]

For reference, the devtools.panel.create API which creates the devtools panel, creates an iframe and due to https://issues.chromium.org/issues/414348233 we cannot call navigator.clipboard.writeText in the panel context.