add defer and some improvements

Author: J0ris-K

@xen-orchestra/lite/src/libs/xen-api/xen-api-vif.ts

@@ -0,0 +1,60 @@
+import type { XenApiNetwork, XenApiVif, XenApiVm } from '@/libs/xen-api/xen-api.types'
+import { useXenApiStore } from '@/stores/xen-api.store'
+import { castArray } from 'lodash-es'
+
+export default class XenApiGetVif {
+  private xenApi
+
+  constructor() {
+    this.xenApi = useXenApiStore().getXapi()
+  }
+
+  get vif() {
+    type VifRefs = XenApiVif['$ref'] | XenApiVif['$ref'][]
+    type VmRefs = XenApiVm['$ref'] | XenApiVm['$ref'][]
+    type NetworkRef = XenApiNetwork['$ref']
+    type VifRecord = {
+      vmRefs: VmRefs
+      device: string | undefined
+      network: NetworkRef | string
+      MAC: string
+      MTU?: number
+      other_config?: Record<string, any>
+      qos_algorithm_params?: Record<string, any>
+      qos_algorithm_type?: string
+    }
+
+    return {
+      create: ({
+        device,
+        vmRefs,
+        network,
+        MAC,
+        MTU = 1500,
+        other_config = {},
+        qos_algorithm_params = {},
+        qos_algorithm_type = '',
+      }: VifRecord) => {
+        return Promise.all(
+          castArray(vmRefs).map(vmRef => {
+            const vifRecord = {
+              device,
+              VM: vmRef,
+              network,
+              MAC,
+              MTU,
+              other_config,
+              qos_algorithm_params,
+              qos_algorithm_type,
+            }
+
+            return this.xenApi.call('VIF.create', [vifRecord])
+          })
+        )
+      },
+
+      delete: (vifRefs: VifRefs) =>
+        Promise.all(castArray(vifRefs).map(vifRef => this.xenApi.call('VIF.destroy', [vifRef]))),
+    }
+  }
+}

@xen-orchestra/lite/src/libs/xen-api/xen-api.ts

@@ -513,7 +513,7 @@ export default class XenApi {
               qos_algorithm_type,
             }
 
-            return this.call('VIF.create', [vifRecord])
+            return this.call<XenApiVif['$ref']>('VIF.create', [vifRecord])
           })
         )
       },
@@ -561,8 +561,9 @@ export default class XenApi {
           tags,
         }
 
-        return this.call('VDI.create', [vdiRecord])
+        return this.call<XenApiVdi['$ref']>('VDI.create', [vdiRecord])
       },
+
       delete: (vdiRefs: VdiRefs) => Promise.all(castArray(vdiRefs).map(vdiRef => this.call('VDI.destroy', [vdiRef]))),
 
       setNameDescription: (vdiRefs: VdiRefs, nameDescription: string) =>
@@ -581,11 +582,11 @@ export default class XenApi {
     type VbdCreateParams = {
       vmRefs: VmRefs
       vdiRef: VdiRef
-      userdevice: string | undefined
-      bootable: boolean
-      mode: string
-      type: string
-      empty: boolean
+      userdevice?: string | undefined
+      bootable?: boolean
+      mode?: string
+      type?: string
+      empty?: boolean
       other_config?: Record<string, any>
       qos_algorithm_params?: Record<string, any>
       qos_algorithm_type?: string
@@ -641,10 +642,13 @@ export default class XenApi {
               qos_algorithm_type,
             }
 
-            return this.call('VBD.create', [vbdRecord])
+            return this.call<XenApiVbd['$ref']>('VBD.create', [vbdRecord])
           })
         )
       },
+
+      delete: (vbdRefs: VbdRefs) => Promise.all(castArray(vbdRefs).map(vbdRef => this.call('VBD.destroy', [vbdRef]))),
+
       insert: (vbdRefs: VbdRefs, vdiRef: VdiRef) =>
         Promise.all(castArray(vbdRefs).map(vbdRef => this.call('VBD.insert', [vbdRef, vdiRef]))),
 

@xen-orchestra/lite/src/stores/xen-api.store.ts

@@ -1,9 +1,10 @@
 import XapiStats from '@/libs/xapi-stats'
 import XenApi from '@/libs/xen-api/xen-api'
+import XenApiVif from '@/libs/xen-api/xen-api-vif'
 import { useLocalStorage, useSessionStorage, whenever } from '@vueuse/core'
 import { defineStore } from 'pinia'
 import { computed, ref, watchEffect } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 
 const HOST_URL = import.meta.env.PROD ? window.origin : import.meta.env.VITE_XO_HOST
 
@@ -35,6 +36,7 @@ export const useXenApiStore = defineStore('xen-api', () => {
 
   const isPoolOverridden = hostUrl.origin !== new URL(HOST_URL).origin
   const xenApi = new XenApi(hostUrl.origin)
+  const xenApiVif = new XenApiVif()
   const xapiStats = new XapiStats(xenApi)
   const storedSessionId = useLocalStorage<string | undefined>('sessionId', undefined)
   const currentSessionId = ref(storedSessionId.value)
@@ -43,6 +45,7 @@ export const useXenApiStore = defineStore('xen-api', () => {
   const isConnected = computed(() => status.value === STATUS.CONNECTED)
   const isConnecting = computed(() => status.value === STATUS.CONNECTING)
   const getXapi = () => xenApi
+  const getXapiVif = () => xenApiVif
   const getXapiStats = () => xapiStats
 
   watchEffect(() => {
@@ -99,6 +102,7 @@ export const useXenApiStore = defineStore('xen-api', () => {
     reconnect,
     disconnect,
     getXapi,
+    getXapiVif,
     getXapiStats,
     currentSessionId,
     resetPoolMasterIp,

@xen-orchestra/lite/src/types/new-vm.ts

@@ -1,4 +1,4 @@
-import type { XenApiNetwork } from '@/libs/xen-api/xen-api.types'
+import type { XenApiNetwork, XenApiVdi, XenApiVm } from '@/libs/xen-api/xen-api.types'
 
 export interface Disk {
   name_label: string
@@ -12,3 +12,31 @@ export interface NetworkInterface {
   interface: XenApiNetwork['$ref'] | string
   macAddress: string
 }
+
+export interface VmState {
+  vm_name: string
+  vm_description: string
+  toggle: boolean
+  installMode: string
+  tags: string
+  affinity_host: string
+  boot_firmware: string
+  new_vm_template: XenApiVm | null
+  boot_vm: boolean
+  auto_power: boolean
+  fast_clone: boolean
+  ssh_key: string
+  selectedVdi: XenApiVdi['$ref'] | null
+  networkConfig: string
+  cloudConfig: string
+  vCPU: number
+  VCPUs_max: number
+  ram: number
+  topology: string
+  copyHostBiosStrings: boolean
+  sshKeys: string[]
+  existingDisks: Disk[]
+  VDIs: Disk[]
+  networkInterfaces: NetworkInterface[]
+  defaultNetwork: NetworkInterface | null
+}