@sigmaott/base-library-next 2.1.9

package/src/api-client-library/models/health-controller-get-health200-response-info-value.ts

@@ -0,0 +1,32 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Sigma Library
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface HealthControllerGetHealth200ResponseInfoValue
+ */
+export interface HealthControllerGetHealth200ResponseInfoValue {
+    [key: string]: string | any;
+
+    /**
+     * 
+     * @type {string}
+     * @memberof HealthControllerGetHealth200ResponseInfoValue
+     */
+    'status'?: string;
+}
+

package/src/api-client-library/models/health-controller-get-health200-response.ts

@@ -0,0 +1,51 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Sigma Library
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+// May contain unused imports in some cases
+// @ts-ignore
+import { HealthControllerGetHealth200ResponseInfoValue } from './health-controller-get-health200-response-info-value';
+
+/**
+ * 
+ * @export
+ * @interface HealthControllerGetHealth200Response
+ */
+export interface HealthControllerGetHealth200Response {
+    /**
+     * 
+     * @type {string}
+     * @memberof HealthControllerGetHealth200Response
+     */
+    'status'?: string;
+    /**
+     * 
+     * @type {{ [key: string]: HealthControllerGetHealth200ResponseInfoValue; }}
+     * @memberof HealthControllerGetHealth200Response
+     */
+    'info'?: { [key: string]: HealthControllerGetHealth200ResponseInfoValue; } | null;
+    /**
+     * 
+     * @type {{ [key: string]: HealthControllerGetHealth200ResponseInfoValue; }}
+     * @memberof HealthControllerGetHealth200Response
+     */
+    'error'?: { [key: string]: HealthControllerGetHealth200ResponseInfoValue; } | null;
+    /**
+     * 
+     * @type {{ [key: string]: HealthControllerGetHealth200ResponseInfoValue; }}
+     * @memberof HealthControllerGetHealth200Response
+     */
+    'details'?: { [key: string]: HealthControllerGetHealth200ResponseInfoValue; };
+}
+

package/src/api-client-library/models/health-controller-get-health503-response.ts

@@ -0,0 +1,51 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Sigma Library
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+// May contain unused imports in some cases
+// @ts-ignore
+import { HealthControllerGetHealth200ResponseInfoValue } from './health-controller-get-health200-response-info-value';
+
+/**
+ * 
+ * @export
+ * @interface HealthControllerGetHealth503Response
+ */
+export interface HealthControllerGetHealth503Response {
+    /**
+     * 
+     * @type {string}
+     * @memberof HealthControllerGetHealth503Response
+     */
+    'status'?: string;
+    /**
+     * 
+     * @type {{ [key: string]: HealthControllerGetHealth200ResponseInfoValue; }}
+     * @memberof HealthControllerGetHealth503Response
+     */
+    'info'?: { [key: string]: HealthControllerGetHealth200ResponseInfoValue; } | null;
+    /**
+     * 
+     * @type {{ [key: string]: HealthControllerGetHealth200ResponseInfoValue; }}
+     * @memberof HealthControllerGetHealth503Response
+     */
+    'error'?: { [key: string]: HealthControllerGetHealth200ResponseInfoValue; } | null;
+    /**
+     * 
+     * @type {{ [key: string]: HealthControllerGetHealth200ResponseInfoValue; }}
+     * @memberof HealthControllerGetHealth503Response
+     */
+    'details'?: { [key: string]: HealthControllerGetHealth200ResponseInfoValue; };
+}
+

package/src/api-client-library/models/index.ts

@@ -0,0 +1,7 @@
+export * from './create-preset-dto';
+export * from './create-profile-dto';
+export * from './health-controller-get-health200-response';
+export * from './health-controller-get-health200-response-info-value';
+export * from './health-controller-get-health503-response';
+export * from './update-preset-dto';
+export * from './update-profile-dto';

package/src/api-client-library/models/update-preset-dto.ts

@@ -0,0 +1,223 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Sigma Library
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface UpdatePresetDto
+ */
+export interface UpdatePresetDto {
+    /**
+     * phân loại preset
+     * @type {string}
+     * @memberof UpdatePresetDto
+     */
+    'type'?: UpdatePresetDtoTypeEnum;
+    /**
+     * Bộ mã của video
+     * @type {string}
+     * @memberof UpdatePresetDto
+     */
+    'codec'?: UpdatePresetDtoCodecEnum;
+    /**
+     * Giá trị bitrate
+     * @type {number}
+     * @memberof UpdatePresetDto
+     */
+    'bitrate'?: number;
+    /**
+     * mô tả tuỳ chỉnh của đầu ra
+     * @type {string}
+     * @memberof UpdatePresetDto
+     */
+    'description'?: string;
+    /**
+     * 
+     * @type {string}
+     * @memberof UpdatePresetDto
+     */
+    'options'?: string;
+    /**
+     * audio only
+     * @type {number}
+     * @memberof UpdatePresetDto
+     */
+    'sampleRate'?: UpdatePresetDtoSampleRateEnum;
+    /**
+     * audio only
+     * @type {number}
+     * @memberof UpdatePresetDto
+     */
+    'channel'?: UpdatePresetDtoChannelEnum;
+    /**
+     * audio only
+     * @type {string}
+     * @memberof UpdatePresetDto
+     */
+    'profile'?: UpdatePresetDtoProfileEnum;
+    /**
+     * video only
+     * @type {string}
+     * @memberof UpdatePresetDto
+     */
+    'videoProfile'?: UpdatePresetDtoVideoProfileEnum;
+    /**
+     *  audio only     thay đổi volume từ luồng gốc:        + \"+5dB\", \"-10dB\": thay đổi 1 lượng)       + 0.5, 2 : giảm 1 nửa, gấp đôi       + \"loudnorm\": tự động theo chuẩn EBU R128     
+     * @type {string}
+     * @memberof UpdatePresetDto
+     */
+    'volume'?: UpdatePresetDtoVolumeEnum;
+    /**
+     * video only. Giá trị khung hình trên giây (Frame per second). Giá trị này không thể lớn hơn giá trị fps của luồng đầu vào
+     * @type {number}
+     * @memberof UpdatePresetDto
+     */
+    'fps'?: number;
+    /**
+     * video only. Giá trị độ cao của video của luồng đầu ra, dựa trên pixel. Đối với phần lớn bộ mã video bạn có thể để trống, chiều cao của video sẽ tương ứng với nguồn đầu vào. Tuy nhiên, việc này không được khuyến khích
+     * @type {number}
+     * @memberof UpdatePresetDto
+     */
+    'height'?: number;
+    /**
+     * video only. Giá trị độ rộng của video của luồng đầu ra, dựa trên pixel. Đối với phần lớn bộ mã video bạn có thể để trống, chiều rộng của video sẽ tương ứng với nguồn đầu vào. Tuy nhiên, việc này không được khuyến khích
+     * @type {number}
+     * @memberof UpdatePresetDto
+     */
+    'width'?: number;
+    /**
+     * video only. bật chế độ constant bitrate
+     * @type {boolean}
+     * @memberof UpdatePresetDto
+     */
+    'cbr'?: boolean;
+    /**
+     * video only
+     * @type {string}
+     * @memberof UpdatePresetDto
+     */
+    'pixelFormat'?: UpdatePresetDtoPixelFormatEnum;
+    /**
+     * video only, (chú ý: nếu để width, height, scaleType trong option tổng, nguồn sẽ scale trước khi xử lý tiếp theo)
+     * @type {string}
+     * @memberof UpdatePresetDto
+     */
+    'scaleType'?: UpdatePresetDtoScaleTypeEnum;
+    /**
+     * video only, chế độ constant quality
+     * @type {number}
+     * @memberof UpdatePresetDto
+     */
+    'cq'?: number;
+    /**
+     * video only, chế độ video interlaced
+     * @type {boolean}
+     * @memberof UpdatePresetDto
+     */
+    'interlaced'?: boolean;
+    /**
+     * bframe number
+     * @type {number}
+     * @memberof UpdatePresetDto
+     */
+    'bframe'?: number;
+    /**
+     * Tên
+     * @type {string}
+     * @memberof UpdatePresetDto
+     */
+    'name'?: string;
+}
+
+export const UpdatePresetDtoTypeEnum = {
+    Video: 'video',
+    Audio: 'audio',
+    Data: 'data'
+} as const;
+
+export type UpdatePresetDtoTypeEnum = typeof UpdatePresetDtoTypeEnum[keyof typeof UpdatePresetDtoTypeEnum];
+export const UpdatePresetDtoCodecEnum = {
+    H264: 'h264',
+    Hevc: 'hevc',
+    Copy: 'copy',
+    Aac: 'aac',
+    Ac3: 'ac3',
+    Eac3: 'eac3',
+    Mp2: 'mp2',
+    Scte35: 'scte35',
+    Id3: 'id3'
+} as const;
+
+export type UpdatePresetDtoCodecEnum = typeof UpdatePresetDtoCodecEnum[keyof typeof UpdatePresetDtoCodecEnum];
+export const UpdatePresetDtoSampleRateEnum = {
+    NUMBER_44100: 44100,
+    NUMBER_48000: 48000
+} as const;
+
+export type UpdatePresetDtoSampleRateEnum = typeof UpdatePresetDtoSampleRateEnum[keyof typeof UpdatePresetDtoSampleRateEnum];
+export const UpdatePresetDtoChannelEnum = {
+    NUMBER_1: 1,
+    NUMBER_2: 2,
+    NUMBER_6: 6
+} as const;
+
+export type UpdatePresetDtoChannelEnum = typeof UpdatePresetDtoChannelEnum[keyof typeof UpdatePresetDtoChannelEnum];
+export const UpdatePresetDtoProfileEnum = {
+    Low: 'aac_low',
+    He: 'aac_he',
+    HeV2: 'aac_he_v2',
+    Main: 'aac_main',
+    Ld: 'aac_ld',
+    Eld: 'aac_eld'
+} as const;
+
+export type UpdatePresetDtoProfileEnum = typeof UpdatePresetDtoProfileEnum[keyof typeof UpdatePresetDtoProfileEnum];
+export const UpdatePresetDtoVideoProfileEnum = {
+    Baseline: 'BASELINE',
+    Main: 'MAIN',
+    High: 'HIGH'
+} as const;
+
+export type UpdatePresetDtoVideoProfileEnum = typeof UpdatePresetDtoVideoProfileEnum[keyof typeof UpdatePresetDtoVideoProfileEnum];
+export const UpdatePresetDtoVolumeEnum = {
+    _5dB: '+5dB',
+    _10dB: '-10dB',
+    _05: '0.5',
+    _2: '2',
+    Loudnorm: 'loudnorm'
+} as const;
+
+export type UpdatePresetDtoVolumeEnum = typeof UpdatePresetDtoVolumeEnum[keyof typeof UpdatePresetDtoVolumeEnum];
+export const UpdatePresetDtoPixelFormatEnum = {
+    Yuv420p: 'yuv420p',
+    Yuv444p: 'yuv444p',
+    Yuv420p10le: 'yuv420p10le',
+    Yuv444p10le: 'yuv444p10le'
+} as const;
+
+export type UpdatePresetDtoPixelFormatEnum = typeof UpdatePresetDtoPixelFormatEnum[keyof typeof UpdatePresetDtoPixelFormatEnum];
+export const UpdatePresetDtoScaleTypeEnum = {
+    FitWidth: 'fitWidth',
+    FitHeight: 'fitHeight',
+    FitInside: 'fitInside',
+    FitCrop: 'fitCrop',
+    FitBoth: 'fitBoth',
+    Source: 'source'
+} as const;
+
+export type UpdatePresetDtoScaleTypeEnum = typeof UpdatePresetDtoScaleTypeEnum[keyof typeof UpdatePresetDtoScaleTypeEnum];
+
+

package/src/api-client-library/models/update-profile-dto.ts

@@ -0,0 +1,45 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Sigma Library
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+// May contain unused imports in some cases
+// @ts-ignore
+import { UpdatePresetDto } from './update-preset-dto';
+
+/**
+ * 
+ * @export
+ * @interface UpdateProfileDto
+ */
+export interface UpdateProfileDto {
+    /**
+     * Tên
+     * @type {string}
+     * @memberof UpdateProfileDto
+     */
+    'name'?: string;
+    /**
+     * mô tả tuỳ chỉnh của đầu ra
+     * @type {string}
+     * @memberof UpdateProfileDto
+     */
+    'description'?: string;
+    /**
+     * 
+     * @type {Array<UpdatePresetDto>}
+     * @memberof UpdateProfileDto
+     */
+    'presets'?: Array<UpdatePresetDto>;
+}
+

package/src/components/MediaSelection.vue

@@ -0,0 +1,40 @@
+<script lang="ts" setup>
+const props = defineProps<{
+  mediaType: 'audio' | 'video' | 'data' | string & {}
+  exclusion: string[]
+}>()
+
+defineEmits(['selectItem'])
+
+const mediaType = toRef(props, 'mediaType')
+function getQuery() {
+  return JSON.stringify({
+    type: {
+      $eq: mediaType.value,
+    },
+  })
+}
+
+const params = ref({
+  page: 1,
+  perPage: 15,
+  q: getQuery(),
+  sort: '',
+})
+
+watch(
+  mediaType,
+  () => {
+    params.value.q = getQuery()
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <PresetTable
+    v-model:params="params"
+    height="400px"
+    @select="(item) => $emit('selectItem', item)"
+  />
+</template>

package/src/components/PresetModify.vue

@@ -0,0 +1,154 @@
+<script lang="ts" setup>
+import { objectMap } from '@antfu/utils'
+import { presetsApi } from '../api'
+import type { CreatePresetDto } from '~/api-client-library'
+
+const props = withDefaults(defineProps<{
+  id?: string
+  mode?: 'create' | 'edit' | 'clone'
+  item: any
+  exclusion: string[]
+  disable: string[]
+  defaultMediaType?: 'video' | 'audio' | 'data'
+  prop?: string
+  isPackage?: boolean
+}>(), {
+  mode: 'create',
+  item: () => { },
+  exclusion: () => [],
+  disable: () => [],
+})
+const emit = defineEmits(['close'])
+const id = toRef(props, 'id')
+
+const initFields = ref({
+  id: '',
+  // TODO: refactor me
+  type: props.defaultMediaType as 'video' | 'audio' | 'data',
+  name: '',
+  codec: '',
+  option: '',
+  bitrate: 0,
+  sampleRate: 0,
+  fps: 0,
+  width: 0,
+  height: 0,
+  pixelFormat: '',
+  bframe: 0,
+  scaleType: '',
+  cq: 0,
+  interlaced: false,
+  cbr: false,
+  channel: 2,
+  profile: '',
+  volume: '',
+  streamId: '',
+  streamIndex: '',
+})
+const fields = ref(klona(initFields.value))
+
+if (props.item) {
+  initFields.value = klona(props.item)
+  fields.value = klona(props.item)
+}
+
+useQuery(
+  [QueryKeys.LibraryPresetDetail, id],
+  async () => {
+    const { data } = await presetsApi.presetsControllerGet({ id: id.value })
+    return {
+      // Add streamId and streamIndex to fields
+      ...data,
+      streamIndex: 0,
+      streamId: '',
+    }
+  },
+  {
+    enabled: computed(() => !!id.value),
+    onSuccess(data) {
+      initFields.value = klona(data)
+      fields.value = klona(data)
+    },
+  },
+)
+
+function formToPayloadPreset(presetForm: any) {
+  const preset = emptyStr2Undefined(presetForm)
+  let removedKeys: string[] = []
+  if (presetForm.type === 'video')
+    removedKeys = ['sampleRate', 'channel', 'profile', 'volume']
+  else if (presetForm.type === 'audio')
+    removedKeys = ['fps', 'height', 'width', 'cbr', 'pixelFormat', 'scaleType', 'cq', 'interlaced']
+  else if (presetForm.type === 'data')
+    removedKeys = ['fps', 'height', 'width', 'cbr', 'pixelFormat', 'scaleType', 'cq', 'interlaced']
+
+  const payload = objectMap(preset, (k, v) => removedKeys.includes(k) ? undefined : [k, v])
+
+  return payload
+}
+
+function resetFields() {
+  fields.value = klona(initFields.value)
+}
+
+const { createPresetMutation, isMutationLoading, updatePresetMutation } = usePresetMutation()
+const { t } = useI18n()
+const { formRef, formValue, handleSubmit, handleValidate, formErrors, getAtrrs, submitLocks } = useElForm<CreatePresetDto>({
+  initialValues: fields,
+  async onSubmit(values) {
+    if (props.mode === 'create') {
+      await createPresetMutation.mutateAsync(formToPayloadPreset(values))
+      ElMessage.success(t('library_preset.preset_created_successfully'))
+      formRef.value?.resetFields()
+    }
+
+    if (props.mode === 'edit') {
+      await updatePresetMutation.mutateAsync({
+        id: fields.value.id,
+        updatePresetDto: formToPayloadPreset(fields.value),
+      })
+      ElMessage.success(t('library_preset.preset_updated_successfully'))
+    }
+
+    if (props.mode === 'clone') {
+      const { id, ...rest } = fields.value
+      await createPresetMutation.mutateAsync(formToPayloadPreset(rest))
+      ElMessage.success(t('library_preset.preset_cloned_successfully'))
+    }
+
+    emit('close')
+    resetFields()
+  },
+})
+if (props.prop)
+  useSyncElForm(props.prop, { formValue, formErrors, submitLocks, formRef })
+
+const isSubmitting = ref(false)
+
+function handleClose() {
+  if (!isSubmitting.value)
+    emit('close')
+}
+</script>
+
+<template>
+  <el-form
+    ref="formRef" label-position="top" label-width="80px" :model="formValue" :validate-on-rule-change="true"
+    @validate="handleValidate"
+  >
+    <slot name="input" :fields="fields" :get-atrrs="getAtrrs" />
+    <PresetConfigItem :is-package="isPackage" :default-media-type="defaultMediaType" />
+
+    <div v-if="!exclusion.includes('action')" class="flex items-center justify-end">
+      <el-button :disabled="isMutationLoading" @click="handleClose">
+        {{ $t('library_action.cancel') }}
+      </el-button>
+      <!-- <el-button :disabled="isMutationLoading" type="info" @click="resetFields">
+        {{ $t('library_action.reset') }}
+      </el-button> -->
+      <el-button type="primary" :loading="isMutationLoading" @click="handleSubmit">
+        {{ $t('library_action.submit') }}
+      </el-button>
+    </div>
+  </el-form>
+</template>