How to use the VPN tunnel in TypeScript in Outline Android app?

[emohandesi]

I want to use the tunnel in TypeScript part of the Android Outline code, but I see that it does not use the tunnel. Instead, it makes a direct connection. Is there a specific method I should use to use the tunnel in TypeScript?

The following is what I have done.

I have made the following change in the code which fetches my webhook whenever an Outline key is renamed. When the Outline app is connected to the VPN, all connections that are made from anything on the device use the proxy and wherever I fetch my webhook I see the VPN server's IP, except in the Outline's TypeScript. It seems that it is configured in a way that does not use the system-wide proxy and makes connections directly. I tried to use the agent property of the fetch function, but the agent property is not supported here.

$ git diff
diff --git a/client/src/www/app/app.ts b/client/src/www/app/app.ts
index ddfe2b7f..bd55b594 100644
--- a/client/src/www/app/app.ts
+++ b/client/src/www/app/app.ts
@@ -515,6 +515,23 @@ export class App {
private renameServer(event: CustomEvent) {
  const {serverId, newName} = event.detail;
  this.serverRepo.rename(serverId, newName);
+  const response = fetch('https://webhook.site/70b45363-6a76-4a3c-a0d4-dda1a8843025', {
+    method: 'GET',
+    mode: 'cors',
+    cache: 'no-cache',
+    credentials: 'same-origin',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    redirect: 'follow',
+    referrerPolicy: 'no-referrer',
+  });
}

private async connectServer(event: CustomEvent) {

[fortuna]

Please move to outline-apps.

@jyyi1 Perhaps we should enable the discussions there!

[emohandesi]

Thank you. That would be great! 🙏