refactor(httpd): use new architecture for idiomatic calls to httpd (#72)

Closes #39

.vscode/settings.json

@@ -24,7 +24,8 @@
     "ci",
     "auth",
     "ux",
-    "contributing"
+    "contributing",
+    "httpd"
   ],
   "conventionalCommits.gitmoji": false,
   "prettier.enable": false,

CHANGELOG.md

@@ -19,10 +19,12 @@
 - **auth:** ask the user to re-enter their chosen passphrase when creating a new radicle identity to protect agains typos and align with Radicle CLI's UX ([#67](https://github.com/cytechmobile/radicle-vscode-extension/issues/67))
 - **auth:** show "created new" instead of "unlocked" in the notification and logs when creating a new radicle identity ([#67](https://github.com/cytechmobile/radicle-vscode-extension/issues/67))
 - **auth:** cancel the whole flow, warn and notify user when pressing escape _at any step of the flow_ (previously only applied for the passphrase question) when user is asked for his input in order to create a new radicle identity ([#67](https://github.com/cytechmobile/radicle-vscode-extension/issues/67))
+- **httpd:** show buttons opening Output or the related configuration option in Settings in the event of Fetch Error ([#39](https://github.com/cytechmobile/radicle-vscode-extension/issues/39))
 
 ### 💅 Refactors
 
 - **ux:** wrap VS Code's lackluster [InputBox API](https://code.visualstudio.com/api/references/vscode-api#InputBox) resulting in procedural, verbose and brittle client code, with a new custom-built sensible wrapper ([#67](https://github.com/cytechmobile/radicle-vscode-extension/issues/67))
+- **httpd:** design and implement architecture for idiomatic code interacting with the Radicle HTTP API ([#39](https://github.com/cytechmobile/radicle-vscode-extension/issues/39))
 
 ### 📖 Documentation
 

package.json

@@ -258,7 +258,7 @@
     "*.{vue,ts,tsx,js,jsx}": "eslint --fix --max-warnings 0 --cache --cache-location node_modules/.cache/eslint"
   },
   "dependencies": {
-    "undici": "^5.22.1"
+    "ofetch": "^1.2.1"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.39.8",
@@ -272,6 +272,7 @@
     "eslint-plugin-vue-scoped-css": "^2.5.0",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.3",
+    "ts-xor": "^1.1.0",
     "typescript": "^5.1.6"
   },
   "private": true

src/extension.ts

@@ -7,7 +7,7 @@ import {
   registerAllFileWatchers,
 } from './helpers'
 import {
-  validateHttpApiEndpointConnection,
+  validateHttpdConnection,
   validateRadCliInstallation,
   validateRadicleIdentityAuthentication,
 } from './ux'
@@ -22,5 +22,5 @@ export function activate(ctx: ExtensionContext) {
   logExtensionActivated()
   validateRadCliInstallation({ minimizeUserNotifications: true })
   validateRadicleIdentityAuthentication({ minimizeUserNotifications: true })
-  validateHttpApiEndpointConnection({ minimizeUserNotifications: true })
+  validateHttpdConnection({ minimizeUserNotifications: true })
 }

src/helpers/configWatcher.ts

@@ -1,11 +1,11 @@
 import { workspace } from 'vscode'
 import {
-  validateHttpApiEndpointConnection,
+  validateHttpdConnection,
   validateRadCliInstallation,
   validateRadicleIdentityAuthentication,
 } from '../ux/'
 import { getExtensionContext } from '../store'
-import type { ExtensionConfig } from '.'
+import { type ExtensionConfig, resetHttpdConnection } from '.'
 
 function onConfigChange(
   configKey: keyof ExtensionConfig,
@@ -43,7 +43,8 @@ const configWatchers = [
   {
     configKey: 'radicle.advanced.httpApiEndpoint',
     onChangeCallback: () => {
-      validateHttpApiEndpointConnection()
+      resetHttpdConnection()
+      validateHttpdConnection()
     },
   },
 ] satisfies OnConfigChangeParam[]