bfg-common 1.0.0

package/components/common/wizards/datastore/add/sharedStorm/version/Version.vue

@@ -0,0 +1,70 @@
+<template>
+  <section class="nfs-version">
+    <div
+      v-for="item in vmfsVersion"
+      :key="item.value"
+      class="nfs-version__inner radio"
+    >
+      <input
+        :id="item.label"
+        v-model="selectedVersion"
+        type="radio"
+        :value="item.value"
+        :disabled="item.disabled"
+      />
+      <label :for="item.label">
+        {{ item.label }}
+      </label>
+
+      <div class="nfs-version__desc">{{ item.desc }}</div>
+    </div>
+  </section>
+</template>
+
+<script lang="ts" setup>
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_DatastoreTypeOption } from '~/components/common/select/radio/models/interfaces'
+import { UI_T_VmfsType } from '~/components/common/wizards/datastore/add/models/types'
+import { vmfsVersionFunc } from '~/components/common/wizards/datastore/add/sharedStorm/version/config/versionOptions'
+
+const props = defineProps<{
+  version: UI_T_VmfsType
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+const emits = defineEmits<{
+  (event: 'update:version', value: UI_T_VmfsType): void
+}>()
+
+const vmfsVersion = readonly<UI_I_DatastoreTypeOption[]>(
+  vmfsVersionFunc(localization.value)
+)
+
+const selectedVersion = computed<UI_T_VmfsType>({
+  get() {
+    return props.version
+  },
+  set(newValue) {
+    emits('update:version', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+.nfs-version {
+  &__desc {
+    margin-left: 22px;
+  }
+}
+.radio {
+  margin-bottom: 5px;
+  &:nth-child(2) {
+    margin-top: 10px;
+  }
+}
+.radio {
+}
+input[type='radio']:focus:checked + label::before,
+input[type='radio']:focus + label::before {
+  box-shadow: inset 0 0 0 0.25rem #0094d2;
+}
+</style>

package/components/common/wizards/datastore/add/sharedStorm/version/config/versionOptions.ts

@@ -0,0 +1,19 @@
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_DatastoreTypeOption } from '~/components/common/select/radio/models/interfaces'
+
+export const vmfsVersionFunc = (localization: UI_I_Localization): UI_I_DatastoreTypeOption[] => {
+  return [
+    {
+      label: 'VMFS 6',
+      value: 'vmfs-6',
+      disabled: false,
+      desc: localization.vmfsVersionDesc1,
+    },
+    {
+      label: 'VMFS 5',
+      value: 'vmfs-5',
+      disabled: false,
+      desc: localization.vmfsVersionDesc2,
+    },
+  ]
+}

package/components/common/wizards/datastore/add/types/Types.vue

@@ -0,0 +1,79 @@
+<template>
+  <section class="datastore-types">
+    <span class="datastore-types__subtitle">
+      {{ localization.specifyDatastoreType }}
+    </span>
+
+    <div
+      v-for="item in datastoreTypes"
+      :key="item.value"
+      class="datastore-types__inner radio"
+      :class="item.disabled && 'disabled'"
+    >
+      <input
+        :id="item.label"
+        v-model="selectedType"
+        type="radio"
+        :value="item.value"
+        :disabled="item.disabled"
+      />
+      <label :for="item.label">
+        {{ item.label }}
+      </label>
+
+      <div class="datastore-types__desc">{{ item.desc }}</div>
+    </div>
+  </section>
+</template>
+
+<script lang="ts" setup>
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_DatastoreTypeOption } from '~/components/common/select/radio/models/interfaces'
+import { datastoreTypesFunc } from '~/components/common/wizards/datastore/add/types/config/typeOptions'
+
+const props = defineProps<{
+  type: string
+}>()
+const emits = defineEmits<{
+  (event: 'update:type', value: string): void
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const datastoreTypes = readonly<UI_I_DatastoreTypeOption[]>(
+  datastoreTypesFunc(localization.value)
+)
+
+const selectedType = computed<string>({
+  get() {
+    return props.type
+  },
+  set(newValue) {
+    emits('update:type', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+.datastore-types {
+  &__subtitle {
+  }
+  &__desc {
+    margin-left: 22px;
+  }
+}
+.radio {
+  margin-bottom: 5px;
+  &:nth-child(2) {
+    margin-top: 10px;
+  }
+  &.disabled {
+    opacity: 0.7;
+  }
+}
+.radio {
+}
+input[type='radio']:focus:checked + label::before,
+input[type='radio']:focus + label::before {
+  box-shadow: inset 0 0 0 0.25rem #0094d2;
+}
+</style>

package/components/common/wizards/datastore/add/types/config/typeOptions.ts

@@ -0,0 +1,31 @@
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_DatastoreTypeOption } from '~/components/common/select/radio/models/interfaces'
+
+export const datastoreTypesFunc = (localization: UI_I_Localization): UI_I_DatastoreTypeOption[] => {
+  return [
+    {
+      label: localization.local,
+      value: 'local',
+      disabled: false,
+      desc: localization.localDesc,
+    },
+    {
+      label: localization.sharedStorm,
+      value: 'shared-storm',
+      disabled: false,
+      desc: localization.sharedStormDesc,
+    },
+    {
+      label: localization.nfs,
+      value: 'nfs',
+      disabled: false,
+      desc: localization.nfsDesc,
+    },
+    // {
+    //   label: localization.vVol,
+    //   value: 'vVol',
+    //   disabled: true,
+    //   desc: localization.vVolDesc,
+    // },
+  ]
+}

package/components/common/wizards/datastore/add/utils.ts

@@ -0,0 +1,69 @@
+import { API_UI_I_Error } from '~/models/store/interfaces'
+import {
+  UI_I_DatastoreValidityName,
+  UI_T_WizardDatastoreMode,
+} from '~/components/common/wizards/datastore/add/models/types'
+// import {
+//   UI_I_CreateDatastoreBodyRequest,
+//   I_CreateStorageUuid,
+// } from '~/components/common/wizards/datastore/add/models/interfaces'
+
+// type T_StoragePoolNameResult = {
+//   data: I_CreateStorageUuid
+//   msg: API_UI_I_Error
+// }
+
+// type T_NullableStoragePoolNameResult = {
+//   [K in keyof T_StoragePoolNameResult]: T_StoragePoolNameResult[K] | null
+// }
+
+export const checkValidityName = async (
+  name: string,
+  mode: UI_T_WizardDatastoreMode = 'procurator'
+): Promise<UI_I_DatastoreValidityName> => {
+  let api = '/api/v1'
+  mode === 'procurator' && (api += '/pn')
+
+  // @ts-ignore
+  const { error } = await useMyFetch<null, API_UI_I_Error>(
+    `${api}/ds/validate?name=${name}`,
+    {
+      method: 'GET',
+    }
+  )
+
+  if (error.value && error.value.data.error_code !== 0) {
+    const existError = error.value.data?.error_message || error.value.data
+
+    return { valid: false, msg: existError }
+  }
+
+  return { valid: true, msg: null }
+}
+
+// export const getStoragePoolName = async <T>(
+//   url: string,
+//   params: T
+// ): Promise<T_NullableStoragePoolNameResult> => {
+//   const { data, error } = await useMyFetch<I_CreateStorageUuid, API_UI_I_Error>(
+//     url,
+//     {
+//       method: 'POST',
+//       body: params,
+//     }
+//   )
+//
+//   if (error.value) return { data: null, msg: error.value }
+//
+//   return { data: data.value, msg: null }
+// }
+
+// export const createDatastore = async <T = UI_I_CreateDatastoreBodyRequest>(
+//   params: T
+// ): Promise<API_UI_I_Error> => {
+//   const { error } = await useMyFetch<any, API_UI_I_Error>('/api/v1/pn/ds', {
+//     method: 'POST',
+//     body: params,
+//   })
+//   return error.value
+// }

package/components/models/interfaces.ts

@@ -0,0 +1,14 @@
+export interface UI_I_FileTreeNode {
+  path: string
+  modified_time: number
+  name: string
+  size: number
+  id: string
+  iconClassName: string
+  provisioned_type: number
+  type: number
+  nodes: UI_I_FileTreeNode[]
+  isActive: boolean
+  nodesShow: boolean
+  hasNodes: boolean
+}

package/composables/deepCopy.ts

@@ -0,0 +1,21 @@
+let exists: any = []
+export const useDeepCopy = (obj: any, is = false) => {
+  if (!is) exists = []
+  if (typeof obj !== 'object' || obj === null) {
+    return obj
+  }
+
+  const res: any = Array.isArray(obj) ? [] : {}
+  for (const i in obj) {
+    const item = obj[i]
+    if (exists.includes(item)) {
+      res[i] = item
+      continue
+    }
+    exists.push(item)
+
+    res[i] = useDeepCopy(item, true)
+  }
+
+  return res
+}

package/composables/useDiff.ts

@@ -0,0 +1,15 @@
+export const useDiff = (data1: any, data2: any): any => {
+  if (typeof data2 !== 'object' || data2 === null) {
+    return data2
+  }
+  const res: any = Array.isArray(data1) ? [] : {}
+  for (let key in data1) {
+    if (data1[key] !== data2[key]) {
+      const localDiff = useDiff(data1[key], data2[key])
+      if (typeof localDiff === 'object' && Object.keys(localDiff).length === 0) continue
+
+      res[key] = useDiff(data1[key], data2[key])
+    }
+  }
+  return res
+}

package/composables/useLocal.ts

@@ -0,0 +1,36 @@
+import localRu from '~/assets/localization/local_ru.json'
+import localEn from '~/assets/localization/local_en.json'
+import localHy from '~/assets/localization/local_hy.json'
+import localZh from '~/assets/localization/local_zh.json'
+import localKk from '~/assets/localization/local_kk.json'
+import localBe from '~/assets/localization/local_be.json'
+const locals = {
+  localRu,
+  localEn,
+  localHy,
+  localZh,
+  localKk,
+  localBe,
+}
+export const useLocal = () => {
+  const config = useRuntimeConfig()
+
+  const code: string = config?.public?.LOCALIZATION_CODE?.toLowerCase() || 'ru'
+
+  switch (code) {
+    case 'ru':
+      return locals.localRu
+    case 'en':
+      return locals.localEn
+    case 'hy':
+      return locals.localHy
+    case 'zh':
+      return locals.localZh
+    case 'kk':
+      return locals.localKk
+    case 'be':
+      return locals.localBe
+    default:
+      return locals.localRu
+  }
+}

package/composables/useLocalStorage.ts

@@ -0,0 +1,45 @@
+const lastTimestamp = 1700804420796
+
+export const useLocalStorage = (
+  name: string,
+  value?: any,
+  withPrefix = true
+): any => {
+  const localStoragePrefix = withPrefix ? getLocalStoragePrefix() : ''
+  if (value === undefined) {
+    const dataOfStorage: string | null = window.localStorage.getItem(
+      name + localStoragePrefix
+    )
+    if (!dataOfStorage) return ''
+
+    const { value, timestamp } = JSON.parse(dataOfStorage)
+    if (!timestamp || lastTimestamp > timestamp) {
+      window.localStorage.setItem(name + localStoragePrefix, '')
+      return null
+    }
+    return value
+  }
+
+  const data = {
+    value,
+    timestamp: Date.now(),
+  }
+
+  window.localStorage.setItem(name + localStoragePrefix, JSON.stringify(data))
+  window.dispatchEvent(
+    new CustomEvent(name + localStoragePrefix + 'StorageChanged', {
+      detail: {
+        storage: window.localStorage.getItem(name + localStoragePrefix),
+      },
+    })
+  )
+
+  return value
+}
+
+const getLocalStoragePrefix = () => {
+  const { $store } = useNuxtApp()
+
+  // @ts-ignore
+  return $store.getters['auth/getUserInfo']?.username ?? ''
+}

package/composables/useThrottle.ts

@@ -0,0 +1,32 @@
+export function useThrottle (func: Function) {
+  let isThrottle = false
+  let saveArgs: any = null
+  let saveThis: any = null
+
+  function wrapper (...args: any) {
+
+    if (isThrottle) {
+      saveArgs = args
+      // @ts-ignore
+      saveThis = this
+      return
+    }
+
+    // @ts-ignore
+    func.apply(this, args)
+
+    isThrottle = true
+
+    window.requestAnimationFrame(helper)
+  }
+
+  function helper () {
+    isThrottle = false
+    if (saveArgs) {
+      wrapper.apply(saveThis, saveArgs)
+      saveArgs = saveThis = null
+    }
+  }
+
+  return wrapper
+}

package/composables/useUniqueId.ts

@@ -0,0 +1,5 @@
+let id = 0
+export const useUniqueId = (): number => {
+  id++
+  return id
+}

package/config/regExp.ts

@@ -0,0 +1,13 @@
+const ip =
+  /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/
+const email = /^\w+([-]?\w+)*@\w+([-]?\w+)*(\.\w{2,3})+$/
+const password =
+  /(?=.*[0-9])(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z!@#$%^&*]{8,}/
+// const url = /https?:\/\/([a-zA-Zа-яА-Я0-9.-]+)\.([a-zA-Zа-яА-Я]{2,})(?:$|\/|:)/
+const url = /https?:\/\/([a-zA-Zа-яА-Я0-9.-]+\.[a-zA-Zа-яА-Я]{2,6})\b/
+export const RegExp = {
+  ip,
+  email,
+  password,
+  url
+}

package/eslint/index.js

@@ -0,0 +1,15 @@
+const fs = require('fs')
+const path = require('path')
+
+const ruleFiles = fs
+  .readdirSync(__dirname)
+  .filter((file) => file !== 'index.js')
+
+const rules = Object.fromEntries(
+  ruleFiles.map((file) => [
+    path.basename(file, '.js'),
+    require('./' + file),
+  ])
+)
+
+module.exports = { rules }

package/eslint/no-import-type.js

@@ -0,0 +1,17 @@
+module.exports = {
+  create(context) {
+    return {
+      ImportDeclaration(node) {
+        const sourceCode = context.getSourceCode()
+        const importText = sourceCode.getText(node)
+
+        if (importText.includes('import type')) {
+          context.report({
+            node: node,
+            message: 'Использование фразы "import type" запрещено.',
+          })
+        }
+      },
+    }
+  },
+}

package/eslint/no-invalid-type-prefix.js

@@ -0,0 +1,32 @@
+module.exports = {
+  create(context) {
+    return {
+      ImportSpecifier(node) {
+        const importedName = node.imported.name
+        const importPath = node.parent.source.value
+        const fileName = importPath.split('/').pop()
+
+        let isValid = true
+        if (
+          (/^UI_I_|API_UI_I_/.test(importedName) && 'interfaces' !== fileName) ||
+          (/^UI_T_|API_UI_T_/.test(importedName) && 'types' !== fileName) ||
+          (/^UI_E_|API_UI_E_/.test(importedName) && 'enums' !== fileName)
+        ) {
+          isValid = false
+        }
+        if (!/^UI_[IT|E]_|API_UI_[IT|E]_/.test(importedName)) {
+          if (['interfaces', 'types', 'enums'].includes(fileName)) {
+            isValid = false
+          }
+        }
+
+        if (!isValid) {
+          context.report({
+            node: node,
+            message: `Импорт переменной '${importedName}' из файла '${fileName}' запрещен.`,
+          })
+        }
+      },
+    }
+  },
+}

package/minify.js

@@ -0,0 +1,51 @@
+const fs = require('fs');
+const terser = require('terser');
+const path = require('path');
+
+// Папка, в которой находятся ваши исходные файлы
+const sourceFolder = 'public/spice-console';
+
+// Папка, в которую вы хотите сохранить минифицированные файлы
+const outputFolder = 'public/spice-console-minify';
+
+// Создайте папку назначения, если она не существует
+if (!fs.existsSync(outputFolder)) {
+    fs.mkdirSync(outputFolder, { recursive: true });
+}
+
+// Функция для рекурсивной обработки файлов и папок
+function processFilesInFolder(folderPath) {
+    fs.readdirSync(folderPath).forEach((file) => {
+        const filePath = path.join(folderPath, file);
+        if (fs.statSync(filePath).isDirectory()) {
+            // Если это папка, вызываем функцию рекурсивно
+            processFilesInFolder(filePath);
+        } else if (path.extname(file) === '.js') {
+            // Если это файл с расширением .js, минифицируем его
+            const fileContent = fs.readFileSync(filePath, 'utf8');
+            terser.minify(fileContent).then((minified) => {
+                if (minified.error) {
+                    console.error(`Ошибка при минификации файла ${file}: ${minified.error.message}`);
+                } else {
+                    const outputPath = path.join(
+                        outputFolder,
+                        filePath.substring(sourceFolder.length + 1)
+                            .replace('.min.js', '.js') // Если файл уже минифиц., то нужно изменить на .js, чтобы не было дублей .min.min.js
+                            .replace('.js', '.min.js')
+                    );
+
+                    // Создайте папку для выходного файла, если она не существует
+                    const outputDir = path.dirname(outputPath);
+                    if (!fs.existsSync(outputDir)) {
+                        fs.mkdirSync(outputDir, { recursive: true });
+                    }
+
+                    fs.writeFileSync(outputPath, minified.code);
+                }
+            })
+        }
+    });
+}
+
+// Запускаем обработку файлов в sourceFolder
+processFilesInFolder(sourceFolder);

package/models/composables/useMyFetch/interfaces.ts

@@ -0,0 +1,4 @@
+export interface UI_I_StackFetchUrls<T> {
+  url: string
+  options: T
+}

package/models/composables/useMyFetch/types.ts

@@ -0,0 +1 @@
+export type UI_T_Method = 'GET' | 'POST' | 'DELETE' | 'PUT' | 'PATCH'

package/models/enums.ts

@@ -0,0 +1,21 @@
+export enum E_NodeIconsByState {
+  'host_Normal' = 'vsphere-icon-host',
+  'host_Error' = 'vsphere-icon-host-error',
+  'host_Warning' = 'vsphere-icon-host-warning',
+  'host_connected' = 'vsphere-icon-host',
+
+  'vm_Normal' = 'vsphere-icon-vm',
+  'vm_Error' = 'vsphere-icon-vm-error',
+  'vm_Warning' = 'vsphere-icon-vm-warning',
+  'vm_connected' = 'vsphere-icon-vm',
+
+  'datastore_Normal' = 'vsphere-icon-datastore',
+  'datastore_Error' = 'vsphere-icon-datastore-error',
+  'datastore_Warning' = 'vsphere-icon-datastore-warning',
+  'datastore_connected' = 'vsphere-icon-datastore',
+
+  'network_Normal' = 'vsphere-icon-network',
+  'network_Error' = 'vsphere-icon-network-error',
+  'network_Warning' = 'vsphere-icon-network-warning',
+  'network_connected' = 'vsphere-icon-network',
+}

package/models/interfaces.ts

@@ -0,0 +1,29 @@
+export interface UI_I_ItemView {
+  value: number | string
+  text: string
+}
+export interface UI_I_HTMLSelectElement extends Event {
+  target: HTMLInputElement
+}
+
+export interface UI_I_Localization {
+  [key: string]: string
+}
+
+export interface UI_I_ArbitraryObject<T> {
+  [key: string]: T
+}
+
+export interface API_UI_I_DataTable<T> {
+  total_items: number
+  total_pages: number
+  items: T
+}
+
+export interface UI_I_Pagination {
+  page: number
+  pageSize: number
+}
+export interface UI_I_PaginationWithSort extends UI_I_Pagination {
+  sortBy?: string
+}

package/models/plugins/date/interfaces.ts

@@ -0,0 +1,5 @@
+import { UI_T_DateFormat } from '~/models/plugins/date/types'
+
+export interface UI_I_Dateformat {
+  [key: string]: UI_T_DateFormat
+}

package/models/plugins/date/types.ts

@@ -0,0 +1 @@
+export type UI_T_DateFormat = 'yyyy-MM-dd' | 'MM-dd-yyyy' | 'dd/MM/yyyy'

package/models/plugins/validation/interfaces.ts

@@ -0,0 +1,21 @@
+import { UI_T_ValueType } from '~/models/plugins/validation/types'
+
+export interface UI_I_Validation {
+  value: any
+  validations: UI_I_ValidationOption[]
+}
+
+export interface UI_I_ValidationOption {
+  value: UI_T_ValueType
+  errorText: string
+  validationFunc?: Function
+}
+
+export interface UI_I_ValidationTouchResultErrors {
+  [key: string]: string[]
+}
+
+export interface UI_I_ValidationTouchResult {
+  isValid: boolean
+  errors: UI_I_ValidationTouchResultErrors
+}

package/models/plugins/validation/types.ts

@@ -0,0 +1 @@
+export type UI_T_ValueType = 'required' | 'ip' | 'password' | 'email' | 'url' | 'custom'