refactor(site): use axios in non-swr endpoints

[greyscaled]

Summary

Applies axios to login, logout and getApiKey

Impact

POC of axios (#453) and testing axios

Additional details

• add test:watch script (port from v1 for improved test workflow)

resolves: #453

[codecov]

Codecov Report

Merging #460 (df55729) into main (95160d0) will increase coverage by 0.42%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##             main     #460      +/-   ##
==========================================
+ Coverage   67.74%   68.17%   +0.42%     
==========================================
  Files         160      157       -3     
  Lines        9265     9078     -187     
  Branches       83       79       -4     
==========================================
- Hits         6277     6189      -88     
+ Misses       2363     2288      -75     
+ Partials      625      601      -24     

Flag	Coverage Δ
unittest-go-macos-latest	62.69% <ø> (+0.14%)	⬆️
unittest-go-ubuntu-latest	67.54% <ø> (+0.16%)	⬆️
unittest-go-windows-2022	?
unittest-js	63.64% <100.00%> (+1.49%)	⬆️

Impacted Files	Coverage Δ
site/src/api.ts	54.83% <100.00%> (+31.15%)	⬆️
pty/ptytest/ptytest.go	94.44% <0.00%> (-5.56%)	⬇️
provisionerd/provisionerd.go	77.57% <0.00%> (-0.19%)	⬇️
pty/start_windows.go
agent/usershell/usershell_windows.go
pty/pty_windows.go
coderd/provisionerdaemons.go	58.15% <0.00%> (+1.08%)	⬆️
peer/conn.go	78.26% <0.00%> (+1.27%)	⬆️
provisioner/echo/serve.go	57.50% <0.00%> (+2.50%)	⬆️
peerbroker/dial.go	82.45% <0.00%> (+7.01%)	⬆️
... and 1 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 95160d0...df55729. Read the comment docs.

[bryphe-coder]

I like how streamlined these are - nice refactoring!

[presleyp]

Such an improvement! If we keep going with axios, what do you think about using an instance or defaults to cut down on boilerplate even more?

[greyscaled]

Such an improvement! If we keep going with axios, what do you think about using an instance or defaults to cut down on boilerplate even more?

I like the idea of instance, as long as it's not something that makes debugging or testing harder to understand.

I can imagine a dir structure like this (just thinking out loud):

services/
  coderapi.ts
  other.ts

where each file defines its own axios instance and functions:

// coderapi.ts
export const CoderAPI = axios.create( ... )

export const login = (....) => {
  const response = CoderAPI.post(...)
  return response.data
}