feat: print function URL on first load (closes #3618)

[netlify-team-account-1]

Summary

Fixes #3618

---

For us to review and ship your PR efficiently, please perform the following steps:

• Open a bug/issue before writing your code 🧑‍💻. This ensures we can discuss the changes and get feedback from everyone that should be involved. If you`re fixing a typo or something that`s on fire 🔥 (e.g. incident related), you can skip this step.
• Read the contribution guidelines 📖. This ensures your code follows our style guide and
  passes our tests.
• Update or add tests (if any source code was changed or added) 🧪
• Update or add documentation (if features were changed or added) 📝
• Make sure the status checks below are successful ✅

A picture of a cute animal (not mandatory, but encouraged)

[github-actions]

📊 Benchmark results

Comparing with 17dc0b6

Package size: 357 MB

⬆️ 0.52% increase vs. 17dc0b6

^  358 MB  358 MB  358 MB  358 MB  358 MB  358 MB  358 MB  358 MB  354 MB  354 MB  354 MB  354 MB  357 MB 
│   ┌──┐    ┌──┐    ┌──┐    ┌──┐    ┌──┐    ┌──┐    ┌──┐    ┌──┐    ┌──┐    ┌──┐    ┌──┐    ┌──┐    ┌──┐  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
│   |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |  |    |▒▒|  
└───┴──┴────┴──┴────┴──┴────┴──┴────┴──┴────┴──┴────┴──┴────┴──┴────┴──┴────┴──┴────┴──┴────┴──┴────┴──┴──>
    T-12    T-11    T-10    T-9     T-8     T-7     T-6     T-5     T-4     T-3     T-2     T-1      T    

Legend

• T-30 (17dc0b6): 355 MB
• T-29 (2f75e0c): 355 MB
• T-28 (ff95b65): 355 MB
• T-27 (d41582d): 356 MB
• T-26 (02e6b36): 356 MB
• T-25 (65a34e8): 356 MB
• T-24 (ff22553): 356 MB
• T-23 (2485199): 358 MB
• T-22 (ec3177a): 358 MB
• T-21 (7d950e0): 358 MB
• T-20 (b0c9bdb): 358 MB
• T-19 (028fdf4): 358 MB
• T-18 (58980cf): 358 MB
• T-17 (5ffbd6c): 358 MB
• T-16 (07c4bcc): 358 MB
• T-15 (16712b7): 358 MB
• T-14 (b2824c8): 358 MB
• T-13 (69d2e6f): 358 MB
• T-12 (a48643f): 358 MB
• T-11 (2c12cb4): 358 MB
• T-10 (9145946): 358 MB
• T-9 (f3f1593): 358 MB
• T-8 (74cc879): 358 MB
• T-7 (53defb3): 358 MB
• T-6 (aa14231): 358 MB
• T-5 (3d9353d): 358 MB
• T-4 (c4340d9): 354 MB
• T-3 (475c9e6): 354 MB
• T-2 (95164c7): 354 MB
• T-1 (ede3514): 354 MB
• T (current commit): 357 MB

[eduardoboucas]

LGTM!

My only concern is that this adds a lot of noise to the output, especially when there are dozens of functions. Rather than adding the full URL to the log line, could we experiment with using something like https://www.npmjs.com/package/terminal-link?

@netlify-team-account-1 would you mind adding a screenshot of what the output looks like with some functions, and then we ask @joeyaiello for his thoughts?

[netlify-team-account-1]

Sure thing! @joeyaiello what are your thoughts on this?

[netlify-team-account-1]

@joeyaiello @eduardoboucas WDYT about moving forward with this and then potentially incrementing on smth like terminal-link?

[netlify-team-account-1]

Added terminal-link, this is how it looks on iTerm2:

Unfortunately, it works neither in standard MacOS terminal, nor in the VSCode terminal, nor in Hyper (even thought that's on the list of supported terminals!). When it doesn't work, the fallback looks exactly as the original screenshot,, so it's still kind of cluttered.

An alternative would be to keep the current behaviour of not printing the URL, and only terminal-link for supported terminals where it doesn't add any visual clutter.

[eduardoboucas]

Can we change the fallback to be just the URL in parenthesis, instead of showing "available under"?

-Loaded function echo available under: http://localhost:8080/.netlify/functions/echo
+Loaded function echo (http://localhost:8080/.netlify/functions/echo)

[netlify-team-account-1]

yes! implemented in e722ad1

[eduardoboucas]

LGTM!

[eduardoboucas]

🚀

[kodiakhq]

This PR currently has a merge conflict. Please resolve this and then re-add the automerge label.