Apply better support info for Verdaccio 4

[pmmmwh]

Hi! I really appreciate the work done in this plugin and we are currently using this for our own private registry. However - we realized a few things that are misleading to the users. This PR aims to fix that presentation issue so that the registration of the GitHub OAuth flow is easier.

Patches applied in the PR:

• Added express as a dependency instead of a peer dependency because the CLI needs it (npx will not install devDependencies nor peerDependencies)
• Added better registry URL parsing from the global VERDACCIO_API_URL so that clicking for info in the package page won't get the wrong URL
• Added proper parsing for the info shown, with each command as a new line, as well as support for other package bundlers (npm as is, also for pnpm and yarn)

[n4bb12]

Thanks for the improvements 🏕

[n4bb12]

One more thing. I think a gif explains best. The registry URL seems to differ based on what URL the page is loaded on.

[pmmmwh]

One more thing. I think a gif explains best. The registry URL seems to differ based on what URL the page is loaded on.

I think that is a bug on Verdaccio's side. This function here uses location.pathname, and is triggered on header load, so it will fail if the header is first loaded in any pages other than root.

I filed a PR upstream here

Edit: Oops, I discovered a bug - I will fix that.

[n4bb12]

Thank you ✨

[n4bb12]

https://github.com/n4bb12/verdaccio-github-oauth-ui/releases/tag/2.2.1