Add authentication settings endpoint and dynamic proxy URL to clipboard

Author: claffin

cloudproxy-ui/src/components/ListProxies.vue

@@ -2,34 +2,20 @@
   <div>
     <div class="provider-section" v-for="(item, key, index) in data" :key="index">
       <div class="provider-header">
-        <div class="d-flex align-items-center justify-content-between">
-          <div class="d-flex align-items-center">
-            <div class="provider-icon-wrapper mr-2">
-              <i :class="'bi bi-' + getProviderIcon(key)" style="font-size: 1.5rem;"></i>
-            </div>
-            <h2 class="mb-0">{{ formatProviderName(key) }}</h2>
+        <div class="d-flex justify-content-between align-items-center">
+          <div>
+            <h2>
+              <i :class="'bi bi-' + getProviderIcon(key)" class="mr-2"></i>
+              {{ formatProviderName(key) }}
+            </h2>
+          </div>
+          <div>
+            <span
+              :class="['status-badge', item.enabled ? 'status-active' : '']"
+            >
+              {{ item.enabled ? "Active" : "Disabled" }}
+            </span>
           </div>
-          <b-form class="scaling-control" @submit.prevent="updateProvider(key, item.scaling.min_scaling)">
-            <div class="d-flex align-items-center">
-              <span class="status-badge" :class="{'status-active': item.ips.length > 0}" v-b-tooltip.hover title="Number of active proxy instances">
-                <i class="bi bi-hdd-stack mr-1"></i>
-                {{ item.ips.length }} Active
-              </span>
-              <label for="sb-inline" class="mx-3">
-                <i class="bi bi-sliders mr-1"></i>
-                Scale to
-              </label>
-              <b-form-spinbutton
-                v-model="item.scaling.min_scaling"
-                min="0"
-                max="100"
-                inline
-                @change="updateProvider(key, $event)"
-                class="custom-spinbutton"
-                v-b-tooltip.hover title="Set the number of proxy instances"
-              ></b-form-spinbutton>
-            </div>
-          </b-form>
         </div>
       </div>
 
@@ -140,11 +126,17 @@ export default {
       data: {},
       listremove_data: [],
       toastCount: 0,
+      auth: {
+        username: '',
+        password: '',
+        auth_enabled: true
+      }
     };
   },
   beforeMount() {
     this.getName();
     this.listremoveProxy();
+    this.getAuthSettings();
   },
   methods: {
     formatProviderName(name) {
@@ -263,9 +255,20 @@ export default {
         appendToast: append,
       });
     },
+    async getAuthSettings() {
+      try {
+        const res = await fetch("/auth");
+        const data = await res.json();
+        this.auth = data;
+      } catch (error) {
+        console.error('Failed to fetch auth settings:', error);
+      }
+    },
     copyToClipboard(ip) {
       // Create proxy URL with authentication
-      const url = `http://${process.env.VUE_APP_USERNAME || 'username'}:${process.env.VUE_APP_PASSWORD || 'password'}@${ip}:8899`;
+      const url = this.auth.auth_enabled 
+        ? `http://${this.auth.username}:${this.auth.password}@${ip}:8899`
+        : `http://${ip}:8899`;
       navigator.clipboard.writeText(url).then(() => {
         this.$bvToast.toast('Proxy address copied to clipboard', {
           title: 'Copied!',

cloudproxy/main.py

@@ -324,6 +324,25 @@ class ProviderResponse(BaseModel):
     message: str
     provider: Provider
 
+class AuthSettings(BaseModel):
+    username: str
+    password: str
+    auth_enabled: bool = True
+
+@app.get("/auth", tags=["Authentication"], response_model=AuthSettings)
+def get_auth_settings():
+    """
+    Get the current authentication settings.
+    
+    Returns:
+        AuthSettings: The current username and password configuration
+    """
+    return AuthSettings(
+        username=settings.config["auth"]["username"],
+        password=settings.config["auth"]["password"],
+        auth_enabled=not settings.config["no_auth"]
+    )
+
 class ProviderUpdateRequest(BaseModel):
     min_scaling: int = Field(ge=0, description="Minimum number of proxy instances")
     max_scaling: int = Field(ge=0, description="Maximum number of proxy instances")