Redirection Notification in WE

[myrdd]

The redirection notification currently looks like this:

In the WebExtension (WE) environment, there's no such notification bar, so I'd suggest to use a page action to implement the same feature in the WE version.

[myrdd]

The notification should be implemented as a "view" module having a single function called show():

export const RedirectionNotification = {
  show(aTabId, aWindowId, aSource, aTarget, aEvents) {
  },
};

• aTabId / aWindowId: the tab and content window the notification corresponds to
• aSource / aTarget: source/target URIs
• aEvents: see below

const events = {
  onAllow({tabId, windowId, source, target}) {},
  onDeny({tabId, windowId, source, target}) {},
  onRuleAdded({tabId, windowId, source, target, ruleSpec}) {},
};

The current implementation (locally on my PC) is available here: https://pastebin.mozilla.org/9071955
Some code (e.g. cropUri() or the loop header (line 70–74)) can be reused from there.

[myrdd]

I'd suggest to use a page action

Another option is to create a website overlay. However, I do not know if DOM changes by the extension can be detected by the website; but maybe that's not a matter we should care about.

[myrdd]

@LiamZ are you working on this issue? If not, @jrrdev would take it.

Another option is to create a website overlay. However, I do not know if DOM changes by the extension can be detected by the website; but maybe that's not a matter we should care about.

@jrrdev do you have experience in making such an overlay? In any case, I think a page action is the easiest way to (at least quickly-and-dirtily) port the notification to WE, no? :)