refactor chrome extension

[paulirish]

New user workflow

• Hit the browseraction button on the top
• Loading indicators printed on top of the button provide progress updates
• After the hello message, the extension will request its /json for the inspectable targets
• It will then copy to the clipboard the devtools URL for the chosen tab.

  Other changes

• Remove content script as we don't need it.
• ClipboardWrite permission added for the copy mentioned above
• JS refactor. Some promises and arrow functions.
• upgrade socket.io client to 1.4.4, which fixes a reconnection bug i was hitting

  Demo:

[auchenberg]

Love it!

It was actually thinking of doing this, but changing the API to generate a UUID in the connect hello request, which then could be used as the identifier when connecting and that why introduce some obfuscated security.

What do you think?

[paulirish]

yeah, you can see I did a hacky setTimeout(getDevToolsURL,300) after the hello. getting back the UUID over the socket would also be great.

but ultimately if the UUIDs are exposed in any way, its a pretty massive security issue, so it may be better to just leave things wide open and say "Beware: your browser's cookies are totally compromised to whoever can access the server. So, like.. only do this in clean profiles/incognito"