Add notification and focus options

[eugenesvk]

Adds two options:

1. Show notification messages on (dis)connect (on by default)
2. Focus browser tab on disconnect (also on by default)

• closes https://github.com/fregante/GhostText/issues/243
• closes https://github.com/fregante/GhostText/issues/109

[eugenesvk]

tests also pass locally

[fregante]

I made some style adjustments. I believe updating webext-base-css will improve it further, but I'll do that separately:

[fregante]

I believe updating webext-base-css will improve it further,

Actually the ugly field is due to Parcel: https://github.com/parcel-bundler/parcel/issues/8866

[fregante]

I'm thinking about replacing the "Connected" notification with a non-removable overlay/UI:

• https://github.com/fregante/GhostText/issues/178#issuecomment-1468067629

Thoughts?

[eugenesvk]

I don't like the non-removable part as your other solution is already working great for me

just close the editor tab (which would make more sense, since you're done with it so you want to go back to the browser)

But I agree that for some users it might be better than right-clicking By the way, what about adding an option to bind a keyboard shortcut to disconnect?

[fregante]

I don't like the non-removable part

I suppose I can leave the right click and add the UI as a replacement of the connect notifications. This means you can still hide the UI and continue to use the right click.

By the way, what about adding an option to bind a keyboard shortcut to disconnect?

That's a welcome change and it's easy to implement too. I think it only needs a manifest.json change and a onCommand listener in background.js

PR welcome

There's also a related request to remove the default one (it can still be set though)

https://github.com/fregante/GhostText/issues/241

[fregante]

Done https://github.com/fregante/GhostText/pull/269