feat: vision model (#489)

* mongo init

* perf: mongo connect

* perf: tts

perf: whisper and tts

peref: tts whisper permission

log

reabase (#488)

* perf: modal

* i18n

* perf: schema lean

* feat: vision model format

* perf: tts loading

* perf: static data

* perf: tts

* feat: image

* perf: image

* perf: upload image and title

* perf: image size

* doc

* perf: color

* doc

* speaking can not select file

* doc

projects/app/src/web/common/file/api.ts

@@ -1,8 +1,8 @@
 import { GET, POST, PUT, DELETE } from '@/web/common/api/request';
 import { AxiosProgressEvent } from 'axios';
 
-export const postUploadImg = (base64Img: string) =>
-  POST<string>('/common/file/uploadImage', { base64Img });
+export const postUploadImg = (base64Img: string, expiredTime?: Date) =>
+  POST<string>('/common/file/uploadImage', { base64Img, expiredTime });
 
 export const postUploadFiles = (
   data: FormData,

projects/app/src/web/common/file/controller.ts

@@ -37,12 +37,14 @@ export const compressImgAndUpload = ({
   file,
   maxW = 200,
   maxH = 200,
-  maxSize = 1024 * 100
+  maxSize = 1024 * 100, // 100kb
+  expiredTime
 }: {
   file: File;
   maxW?: number;
   maxH?: number;
   maxSize?: number;
+  expiredTime?: Date;
 }) =>
   new Promise<string>((resolve, reject) => {
     const reader = new FileReader();
@@ -87,7 +89,7 @@ export const compressImgAndUpload = ({
 
         const src = await (async () => {
           try {
-            const src = await postUploadImg(compressedDataUrl);
+            const src = await postUploadImg(compressedDataUrl, expiredTime);
             return src;
           } catch (error) {
             return compressedDataUrl;

projects/app/src/web/common/file/hooks/useSelectFile.tsx

@@ -3,9 +3,13 @@ import { Box } from '@chakra-ui/react';
 import { useToast } from '@/web/common/hooks/useToast';
 import { useTranslation } from 'next-i18next';
 
-export const useSelectFile = (props?: { fileType?: string; multiple?: boolean }) => {
+export const useSelectFile = (props?: {
+  fileType?: string;
+  multiple?: boolean;
+  maxCount?: number;
+}) => {
   const { t } = useTranslation();
-  const { fileType = '*', multiple = false } = props || {};
+  const { fileType = '*', multiple = false, maxCount = 10 } = props || {};
   const { toast } = useToast();
   const SelectFileDom = useRef<HTMLInputElement>(null);
 
@@ -19,7 +23,7 @@ export const useSelectFile = (props?: { fileType?: string; multiple?: boolean })
           multiple={multiple}
           onChange={(e) => {
             if (!e.target.files || e.target.files?.length === 0) return;
-            if (e.target.files.length > 10) {
+            if (e.target.files.length > maxCount) {
               return toast({
                 status: 'warning',
                 title: t('file.Select a maximum of 10 files')
@@ -30,7 +34,7 @@ export const useSelectFile = (props?: { fileType?: string; multiple?: boolean })
         />
       </Box>
     ),
-    [fileType, multiple, t, toast]
+    [fileType, maxCount, multiple, t, toast]
   );
 
   const onOpen = useCallback(() => {