3 files changed, 17 insertions(+), 4 deletions(-)

M src/components/host/host-bulk-upload-modal.vue
M src/components/interface/interface-name-field.vue
M src/utils/env.js

@@ 43,6 43,7 @@
 <script setup>
 import { inject, nextTick, ref, unref, watch } from 'vue'
 import { useHostBulkDownload } from '@/mixins/host/use-host-bulk-download'
+import { env } from '@/utils/env'
 import {
   generateNextAddress,
   joinAddress,


@@ 514,7 515,7 @@ async function createInterface(host, peer) {
   })
 
   const params = Object.assign({}, defaults, {
-    name: 'wg0',
+    name: env.defaultInterfaceName,
     peer_id: peer.id,
     address,
   })

@@ 19,6 19,7 @@
 
 <script setup>
 import { computed, inject, onMounted, ref, unref, watch } from 'vue'
+import { env } from '@/utils/env'
 
 const props = defineProps({
   /** Interface name (default ''). */


@@ 90,8 91,12 @@ function calculateDefaultName() {
   if (defaultName) return defaultName
 
   const existing = unref(existingNames)
+  const { defaultInterfaceName } = env
+  if (!existing.has(defaultInterfaceName)) return defaultInterfaceName
+
+  const base = defaultInterfaceName.replace(/\d+$/, '')
   for (let i = 0; i < 100; i++) {
-    const name = `wg${i}`
+    const name = `${base}${i}`
     if (!existing.has(name)) return name
   }
   return ''

@@ 64,20 64,27 @@ class Env {
   }
 
   /**
-   * Latest app name, like 'Pro Custodibus'.
+   * Application name, like 'Pro Custodibus'.
    */
   get appName() {
     return this.value('APP_NAME') || 'Pro Custodibus'
   }
 
   /**
-   * Latest app name, like 'procustodibus'.
+   * Configuration file basename, like 'procustodibus'.
    */
   get confName() {
     return this.value('CONF_NAME') || 'procustodibus'
   }
 
   /**
+   * Default WireGuard interface name, like 'wg0'.
+   */
+  get defaultInterfaceName() {
+    return this.value('DEFAULT_INTERFACE_NAME') || 'wg0'
+  }
+
+  /**
    * Base URL of documentation website, like 'https://doc.custodib.us'.
    */
   get docUrl() {