badblocks/vibecoded-personal-site
1
1
Fork 0
Code Issues Projects Releases Activity

refactor: remove temporary proxy testing code

Browse source
This commit is contained in:
badblocks 2025-07-31 16:03:58 -07:00
parent 0484c8c98b
commit af8d86dedb
No known key found for this signature in database
2 changed files with 0 additions and 852 deletions
Download patch file Download diff file Expand all files Collapse all files

598
app/pages/proxy-test.vue
View file

@ -1,598 +0,0 @@
<template>
<div class="min-h-screen bg-base-200 py-8">
<div class="container mx-auto px-4">
<div class="max-w-6xl mx-auto">
<h1 class="text-4xl font-bold text-center mb-8">
SMS Gateway Proxy Test
</h1>
<!-- Environment Info -->
<div class="card bg-base-100 shadow-xl mb-6">
<div class="card-body">
<h2 class="card-title text-2xl mb-4">Environment Information</h2>
<div
v-if="testData?.environment"
class="grid grid-cols-1 md:grid-cols-2 gap-4"
>
<div class="stat bg-base-200 rounded-lg">
<div class="stat-title">Node Environment</div>
<div class="stat-value text-lg">
{{ testData.environment.nodeEnv || "Unknown" }}
</div>
</div>
<div class="stat bg-base-200 rounded-lg">
<div class="stat-title">Proxy URL</div>
<div class="stat-value text-lg">
{{ testData.environment.proxyUrl }}
</div>
</div>
<div class="stat bg-base-200 rounded-lg">
<div class="stat-title">SMS Gateway URL</div>
<div class="stat-value text-lg">
{{ testData.environment.smsGatewayUrl || "Not configured" }}
</div>
</div>
<div class="stat bg-base-200 rounded-lg">
<div class="stat-title">SMS Bypass Mode</div>
<div class="stat-value text-lg">
{{ testData.environment.smsGatewayBypass || "false" }}
</div>
</div>
</div>
<div class="text-sm text-base-content/70 mt-4">
Last Updated:
{{
testData?.timestamp
? new Date(testData.timestamp).toLocaleString()
: "Never"
}}
</div>
</div>
</div>
<!-- Test Controls -->
<div class="card bg-base-100 shadow-xl mb-6">
<div class="card-body">
<h2 class="card-title text-2xl mb-4">Test Controls</h2>
<div class="flex flex-wrap gap-2 mb-4">
<button
class="btn btn-primary"
:class="{ loading: loading }"
:disabled="loading"
@click="runTests('all')"
>
Run All Tests
</button>
<button
class="btn btn-secondary"
:class="{ loading: loading }"
:disabled="loading"
@click="runTests('dns')"
>
DNS Tests
</button>
<button
class="btn btn-secondary"
:class="{ loading: loading }"
:disabled="loading"
@click="runTests('connectivity')"
>
Connectivity Tests
</button>
<button
class="btn btn-secondary"
:class="{ loading: loading }"
:disabled="loading"
@click="runTests('sms')"
>
SMS Gateway Tests
</button>
<button
class="btn btn-secondary"
:class="{ loading: loading }"
:disabled="loading"
@click="runTests('httpclient')"
>
HTTP Client Tests
</button>
<button
class="btn btn-secondary"
:class="{ loading: loading }"
:disabled="loading"
@click="runTests('proxyagent')"
>
Proxy Agent Tests
</button>
</div>
<div v-if="loading" class="text-center">
<span class="loading loading-spinner loading-lg"></span>
<p class="mt-2">Running tests... This may take up to 60 seconds.</p>
<p class="text-sm text-base-content/70 mt-1">Testing proxy connectivity and SMS gateway endpoints.</p>
</div>
</div>
</div>
<!-- DNS Resolution Tests -->
<div
v-if="testData?.tests?.dns"
class="card bg-base-100 shadow-xl mb-6"
>
<div class="card-body">
<h2 class="card-title text-2xl mb-4">DNS Resolution Tests</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div
v-for="(test, hostname) in testData.tests.dns"
:key="hostname"
class="stat bg-base-200 rounded-lg"
>
<div class="stat-title">{{ hostname }}</div>
<div class="stat-value text-lg flex items-center">
<div
class="badge mr-2"
:class="test.success ? 'badge-success' : 'badge-error'"
>
{{ test.success ? "✓" : "✗" }}
</div>
{{ test.success ? "Resolved" : "Failed" }}
</div>
<div class="stat-desc">
{{
test.success ? test.addresses?.address : test.error?.message
}}
</div>
</div>
</div>
</div>
</div>
<!-- Connectivity Tests -->
<div
v-if="testData?.tests?.connectivity"
class="card bg-base-100 shadow-xl mb-6"
>
<div class="card-body">
<h2 class="card-title text-2xl mb-4">Connectivity Tests</h2>
<div class="overflow-x-auto">
<table class="table table-zebra">
<thead>
<tr>
<th>Endpoint</th>
<th>Via Proxy</th>
<th>Status</th>
<th>Response Time</th>
<th>Error</th>
</tr>
</thead>
<tbody>
<tr
v-for="(test, key) in testData.tests.connectivity"
:key="key"
>
<td class="font-mono text-sm">{{ test.url }}</td>
<td>
<div
class="badge"
:class="test.useProxy ? 'badge-info' : 'badge-neutral'"
>
{{ test.useProxy ? "Yes" : "No" }}
</div>
</td>
<td>
<div
class="badge"
:class="test.success ? 'badge-success' : 'badge-error'"
>
{{ test.success ? "✓" : "✗" }}
{{ test.status || "N/A" }}
</div>
</td>
<td>{{ test.responseTime }}ms</td>
<td class="text-sm text-error">
{{ test.error?.message || "-" }}
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- SMS Gateway Tests -->
<div
v-if="testData?.tests?.smsGateway"
class="card bg-base-100 shadow-xl mb-6"
>
<div class="card-body">
<h2 class="card-title text-2xl mb-4">SMS Gateway Tests</h2>
<div
v-if="testData.tests.smsGateway.error"
class="alert alert-warning mb-4"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="stroke-current shrink-0 h-6 w-6"
fill="none"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.888-.833-2.664 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
/>
</svg>
<span>{{ testData.tests.smsGateway.error }}</span>
</div>
<div v-else class="overflow-x-auto">
<table class="table table-zebra">
<thead>
<tr>
<th>Test Type</th>
<th>Via Proxy</th>
<th>Status</th>
<th>Response Time</th>
<th>Error</th>
</tr>
</thead>
<tbody>
<tr
v-for="(test, key) in testData.tests.smsGateway"
:key="key"
>
<td class="font-semibold">{{ formatTestName(key) }}</td>
<td>
<div
class="badge"
:class="test.useProxy ? 'badge-info' : 'badge-neutral'"
>
{{ test.useProxy ? "Yes" : "No" }}
</div>
</td>
<td>
<div
class="badge"
:class="test.success ? 'badge-success' : 'badge-error'"
>
{{ test.success ? "✓" : "✗" }}
{{ test.status || "N/A" }}
</div>
</td>
<td>{{ test.responseTime }}ms</td>
<td class="text-sm text-error">
{{ test.error?.message || "-" }}
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- HTTP Client Tests -->
<div
v-if="testData?.tests?.httpClient"
class="card bg-base-100 shadow-xl mb-6"
>
<div class="card-body">
<h2 class="card-title text-2xl mb-4">HTTP Client Library Test</h2>
<div class="stat bg-base-200 rounded-lg">
<div class="stat-title">Your HTTP Client</div>
<div class="stat-value text-lg flex items-center">
<div
class="badge mr-2"
:class="
testData.tests.httpClient.success
? 'badge-success'
: 'badge-error'
"
>
{{ testData.tests.httpClient.success ? "✓" : "✗" }}
</div>
{{ testData.tests.httpClient.success ? "Working" : "Failed" }}
</div>
<div class="stat-desc">
{{
testData.tests.httpClient.success
? "HTTP client successfully made request through proxy"
: testData.tests.httpClient.error?.message
}}
</div>
</div>
<div
v-if="
testData.tests.httpClient.success &&
testData.tests.httpClient.data
"
class="mt-4"
>
<div class="collapse collapse-arrow bg-base-200">
<input type="checkbox" />
<div class="collapse-title text-xl font-medium">
Response Data
</div>
<div class="collapse-content">
<pre
class="text-sm bg-base-300 p-4 rounded-lg overflow-x-auto"
>{{
JSON.stringify(testData.tests.httpClient.data, null, 2)
}}</pre
>
</div>
</div>
</div>
</div>
</div>
<!-- Proxy Agent Tests -->
<div
v-if="testData?.tests?.proxyAgent"
class="card bg-base-100 shadow-xl mb-6"
>
<div class="card-body">
<h2 class="card-title text-2xl mb-4">Direct Proxy Agent Test</h2>
<div class="stat bg-base-200 rounded-lg">
<div class="stat-title">Proxy Agent Direct Test</div>
<div class="stat-value text-lg flex items-center">
<div
class="badge mr-2"
:class="
testData.tests.proxyAgent.success
? 'badge-success'
: 'badge-error'
"
>
{{ testData.tests.proxyAgent.success ? "✓" : "✗" }}
</div>
{{ testData.tests.proxyAgent.success ? "Working" : "Failed" }}
</div>
<div class="stat-desc">
{{
testData.tests.proxyAgent.success
? "Proxy agent successfully made request"
: testData.tests.proxyAgent.error?.message
}}
</div>
</div>
<div
v-if="
testData.tests.proxyAgent.success &&
testData.tests.proxyAgent.data
"
class="mt-4"
>
<div class="collapse collapse-arrow bg-base-200">
<input type="checkbox" />
<div class="collapse-title text-xl font-medium">
IP Information (via Proxy)
</div>
<div class="collapse-content">
<pre
class="text-sm bg-base-300 p-4 rounded-lg overflow-x-auto"
>{{
JSON.stringify(testData.tests.proxyAgent.data, null, 2)
}}</pre
>
</div>
</div>
</div>
</div>
</div>
<!-- Global Error Display -->
<div v-if="testData?.error && !testData?.tests" class="card bg-base-100 shadow-xl mb-6">
<div class="card-body">
<h2 class="card-title text-2xl mb-4 text-error">Test Execution Failed</h2>
<div class="alert alert-error mb-4">
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<div>
<strong>{{ testData.errorType || 'Error' }}:</strong> {{ testData.error }}
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
<div class="stat bg-base-200 rounded-lg">
<div class="stat-title">Test Type</div>
<div class="stat-value text-lg">{{ testData.testType || 'Unknown' }}</div>
</div>
<div class="stat bg-base-200 rounded-lg">
<div class="stat-title">Duration</div>
<div class="stat-value text-lg">{{ testData.duration || 'Unknown' }}</div>
</div>
<div class="stat bg-base-200 rounded-lg">
<div class="stat-title">Timestamp</div>
<div class="stat-value text-lg">{{ testData.timestamp ? new Date(testData.timestamp).toLocaleTimeString() : 'Unknown' }}</div>
</div>
</div>
<div v-if="testData.details" class="collapse collapse-arrow bg-base-200">
<input type="checkbox" />
<div class="collapse-title text-xl font-medium">
Technical Details
</div>
<div class="collapse-content">
<pre class="text-sm bg-base-300 p-4 rounded-lg overflow-x-auto">{{ JSON.stringify(testData.details, null, 2) }}</pre>
</div>
</div>
<div class="mt-4 p-4 bg-info/10 rounded-lg">
<h3 class="font-semibold mb-2">Troubleshooting Tips:</h3>
<ul class="list-disc list-inside space-y-1 text-sm">
<li v-if="testData.errorType === 'Timeout'">Check if the WireGuard proxy container is running and accessible</li>
<li v-if="testData.errorType === 'Network Error'">Verify network connectivity and DNS resolution</li>
<li>Ensure SMS Gateway URL is correctly configured in environment variables</li>
<li>Check if the SMS Gateway service is running and accessible</li>
<li>Verify proxy configuration: http://wireguard:8888</li>
</ul>
</div>
</div>
</div>
<!-- Error Summary -->
<div v-if="hasErrors" class="card bg-base-100 shadow-xl mb-6">
<div class="card-body">
<h2 class="card-title text-2xl mb-4 text-error">Error Summary</h2>
<div class="space-y-2">
<div
v-for="error in errorSummary"
:key="error.test"
class="alert alert-error"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="stroke-current shrink-0 h-6 w-6"
fill="none"
viewBox="0 0 24 24"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<div>
<strong>{{ error.test }}:</strong> {{ error.message }}
</div>
</div>
</div>
</div>
</div>
<!-- Raw Data -->
<div v-if="testData" class="card bg-base-100 shadow-xl">
<div class="card-body">
<div class="collapse collapse-arrow">
<input type="checkbox" />
<div class="collapse-title text-xl font-medium">
Raw Test Data (JSON)
</div>
<div class="collapse-content">
<div class="mb-2 text-sm text-base-content/70">
Copy this data when reporting issues or debugging.
</div>
<pre
class="text-sm bg-base-300 p-4 rounded-lg overflow-x-auto select-all"
>{{ JSON.stringify(testData, null, 2) }}</pre
>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { ref, computed } from "vue";
const testData = ref(null);
const loading = ref(false);
const hasErrors = computed(() => {
if (!testData.value?.tests) return false;
const allTests = [];
Object.values(testData.value.tests).forEach((testGroup) => {
if (typeof testGroup === "object" && testGroup !== null) {
Object.values(testGroup).forEach((test) => {
if (test && typeof test === "object" && "success" in test) {
allTests.push(test);
}
});
}
});
return allTests.some((test) => !test.success);
});
const errorSummary = computed(() => {
if (!testData.value?.tests) return [];
const errors = [];
Object.entries(testData.value.tests).forEach(([groupName, testGroup]) => {
if (typeof testGroup === "object" && testGroup !== null) {
Object.entries(testGroup).forEach(([testName, test]) => {
if (
test &&
typeof test === "object" &&
"success" in test &&
!test.success
) {
errors.push({
test: `${groupName}.${testName}`,
message: test.error?.message || "Unknown error",
});
}
});
}
});
return errors;
});
const runTests = async (testType = "all") => {
loading.value = true;
const startTime = Date.now();
try {
// Set a generous timeout (60 seconds) for comprehensive tests
const controller = new AbortController();
const timeoutId = setTimeout(() => {
controller.abort();
}, 60000);
const response = await $fetch(`/api/proxy-test?test=${testType}`, {
signal: controller.signal,
timeout: 60000
});
clearTimeout(timeoutId);
testData.value = response;
} catch (error) {
const duration = Date.now() - startTime;
console.error("Failed to run tests:", error);
// Provide comprehensive error information
const errorInfo = {
error: error.message || 'Unknown error occurred',
errorType: error.name || 'Error',
duration: `${duration}ms`,
timestamp: new Date().toISOString(),
testType,
details: {
code: error.code,
status: error.status || error.statusCode,
data: error.data,
stack: error.stack
}
};
// Handle specific error types
if (error.name === 'AbortError' || error.message?.includes('aborted')) {
errorInfo.error = `Test timed out after ${duration}ms. The proxy or SMS gateway may be unreachable.`;
errorInfo.errorType = 'Timeout';
} else if (error.name === 'FetchError' || error.message?.includes('fetch')) {
errorInfo.error = `Network error: ${error.message}. Check proxy configuration and network connectivity.`;
errorInfo.errorType = 'Network Error';
}
testData.value = errorInfo;
} finally {
loading.value = false;
}
};
const formatTestName = (key) => {
return key.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
};
</script>
<style scoped>
.min-h-screen {
min-height: 100vh;
}
</style>

254
server/api/proxy-test.get.js
View file

@ -1,254 +0,0 @@
import { httpFetchClient } from "../lib/http-client.js";
import { createSmsGatewayClient } from "../lib/sms-gateway";
async function testEndpoint(url, useProxy = true, options = {}) {
const startTime = Date.now();
try {
let response;
if (useProxy) {
if (options.method === "POST") {
response = await httpFetchClient.post(
url,
options.body,
options.headers,
);
} else {
response = await httpFetchClient.get(url, options.headers);
}
} else {
const fetchOptions = {
method: options.method || "GET",
headers: options.headers || {},
timeout: 15000,
...options,
};
response = await $fetch(url, fetchOptions);
}
const endTime = Date.now();
return {
success: true,
url,
useProxy,
responseTime: endTime - startTime,
status: response.status || 200,
data: response,
error: null,
};
} catch (error) {
const endTime = Date.now();
return {
success: false,
url,
useProxy,
responseTime: endTime - startTime,
status: error.status || error.statusCode || null,
data: null,
error: {
message: error.message,
code: error.code,
name: error.name,
stack: process.env.NODE_ENV === "development" ? error.stack : undefined,
},
};
}
}
async function testDNSResolution(hostname) {
try {
const dns = await import("dns").then((m) => m.promises);
const addresses = await dns.lookup(hostname);
return {
success: true,
hostname,
addresses,
error: null,
};
} catch (error) {
return {
success: false,
hostname,
addresses: null,
error: {
message: error.message,
code: error.code,
},
};
}
}
export default defineEventHandler(async (event) => {
const config = useRuntimeConfig();
const query = getQuery(event);
const testType = query.test || "all";
const results = {
timestamp: new Date().toISOString(),
environment: {
nodeEnv: process.env.NODE_ENV,
proxyUrl: "http://wireguard:8888",
smsGatewayUrl: config.androidSmsGatewayUrl,
smsGatewayBypass: config.androidSmsGatewayBypass,
},
tests: {},
};
// DNS Resolution Tests
if (testType === "all" || testType === "dns") {
results.tests.dns = {
wireguard: await testDNSResolution("wireguard"),
google: await testDNSResolution("google.com"),
httpbin: await testDNSResolution("httpbin.org"),
};
}
// Basic Connectivity Tests
if (testType === "all" || testType === "connectivity") {
results.tests.connectivity = {};
// Test known good endpoints
const testEndpoints = [
"https://httpbin.org/get",
"https://google.com",
"https://api.github.com",
];
for (const endpoint of testEndpoints) {
const endpointKey = endpoint.replace(/[^a-zA-Z0-9]/g, "_");
results.tests.connectivity[`${endpointKey}_direct`] = await testEndpoint(
endpoint,
false,
);
results.tests.connectivity[`${endpointKey}_proxy`] = await testEndpoint(
endpoint,
true,
);
}
}
// SMS Gateway Specific Tests
if (testType === "all" || testType === "sms") {
results.tests.smsGateway = {};
if (config.androidSmsGatewayUrl) {
const smsUrl = config.androidSmsGatewayUrl;
// Test SMS gateway health endpoint
const healthUrl = `${smsUrl}/health`;
results.tests.smsGateway.health_proxy = await testEndpoint(
healthUrl,
true,
);
// Test with authentication headers
if (config.androidSmsGatewayLogin && config.androidSmsGatewayPassword) {
const authHeaders = {
Authorization: `Basic ${Buffer.from(`${config.androidSmsGatewayLogin}:${config.androidSmsGatewayPassword}`).toString("base64")}`,
};
// Test authenticated status endpoint (this simulates real SMS gateway usage)
results.tests.smsGateway.auth_status_proxy = await testEndpoint(
smsUrl + "/device",
true,
{ headers: authHeaders },
);
const api = createSmsGatewayClient(config);
const message = {
phoneNumbers: ["2067452154"],
message: `Testing 1 2 3...`,
};
const startTime = Date.now();
try {
const msg_id = (await api.send(message)).id;
await new Promise((r) => setTimeout(r, 3000));
const state = await api.getState(msg_id);
const endTime = Date.now();
results.tests.smsGateway.auth_api_send_msg = {
success: true,
url: null,
useProxy: true,
responseTime: endTime - startTime,
status: state.state,
data: "msg_id: " + state.id,
error: null,
};
} catch (error) {
const endTime = Date.now();
results.tests.smsGateway.auth_api_send_msg = {
success: false,
url: null,
useProxy: true,
responseTime: endTime - startTime,
status: error.status || error.statusCode || null,
data: null,
error: {
message: error.message,
code: error.code,
name: error.name,
stack:
process.env.NODE_ENV === "development"
? error.stack
: undefined,
},
};
}
} else {
results.tests.smsGateway.auth_error =
"SMS Gateway credentials not configured";
}
} else {
results.tests.smsGateway.error = "SMS Gateway URL not configured";
}
}
// HTTP Client Library Test
if (testType === "all" || testType === "httpclient") {
results.tests.httpClient = {};
try {
// Test using your existing http client
const testResult = await httpFetchClient.get("https://httpbin.org/get");
results.tests.httpClient.success = true;
results.tests.httpClient.data = testResult;
results.tests.httpClient.error = null;
} catch (error) {
results.tests.httpClient.success = false;
results.tests.httpClient.data = null;
results.tests.httpClient.error = {
message: error.message,
code: error.code,
stack: error.stack,
};
}
}
// Proxy Agent Direct Test (using httpFetchClient)
if (testType === "all" || testType === "proxyagent") {
results.tests.proxyAgent = {};
try {
// Test proxy agent using httpFetchClient (which uses ProxyAgent internally)
const response = await httpFetchClient.get("https://httpbin.org/ip");
results.tests.proxyAgent.success = true;
results.tests.proxyAgent.data = response;
results.tests.proxyAgent.error = null;
} catch (error) {
results.tests.proxyAgent.success = false;
results.tests.proxyAgent.data = null;
results.tests.proxyAgent.error = {
message: error.message,
code: error.code,
name: error.name,
stack: process.env.NODE_ENV === "development" ? error.stack : undefined,
};
}
}
return results;
});