export const FileUploader = forwardRef(props, ref) => {
    const [files, setFiles] = useState<File[]>([]);

    useImperativeHandle(ref, () => ({
      saveFiles: () => onSaveFiles,
    }))

    const onSaveFiles = () => {
      // 1. 서버에 스트리밍 방식으로 file을 올리는 로직
      await processUploadFilesWithStreaming(files);
    }

    // 1. 서버에 스트리밍 방식으로 file을 올리는 로직
    async function processUploadFilesWithStreaming(newFiles: File[]) {
      const formData = new FormData();
      Array.from(newFiles).forEach((file) => {
        formData.append('files', file); // files는 서버에서 List<MultipartFile>로 받음
      });

      await axios.post("/api/upload", formData, {
        headers: {
          "Content-Type": "multipart/form-data", // 생략해도 브라우저가 알아서 넣음
        },
      });
    }

    return ...
  }

  @PostMapping("/api/upload/server")
  public ResponseEntity<?> uploadFilesS3(@RequestParam("files") MultipartFile[] files) {
    for (MultipartFile file : files) {
      try {
        // S3에 저장될 키 값(S3 내에서는 파일명으로 봐도 된다.)
        String key = "upload/" + UUID.randomUUID() + "_" + file.getOriginalFileName();

        // file.getInputStream()으로 접근시 메모리에 올리지 않고 스트리밍 형식으로 동작
        // 만약 byte[], file.transferTo() 같은 경우는 Heap에 올려서 버퍼링하기 때문에 지양해야함.
        InputStream inputStream = file.getInputStream();
        ObjectMetadata metadata = new ObjectMetadata();
        metadata.setContentType(file.getContentType());
        metadata.setContentLength(file.getSize());


        AmazonS3 s3Client = AmazonS3ClientBuilder.standard()
                    .withRegion(Regions.AP_NORTHEAST_2)
                    .build();

        // S3에 MultiFile을 올리는 함수
        s3Client.putObject(new PutObjectRequest([s3 bucket 주소], key, inputStream, metadata));

      } catch (Exception e) {
        return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR)
            .body("Upload failed for file: " + file.getOriginalFilename());
      }
    }

    return ResponseEntity.ok("업로드 성공");
  }

  export const FileUploader = forwardRef(props, ref) => {
    const [files, setFiles] = useState<File[]>([]);

    useImperativeHandle(ref, () => ({
      saveFiles: () => onSaveFiles,
    }))

    const onSaveFiles = () => {
      // 2. presigned Url로 파일을 올리는 로직
      await processUploadFilesWithPresignedUrl(files);
    }

    // 2. presigned Url로 파일을 올리는 로직
    async function processUploadFilesWithPresignedUrl(newFiles: File[]) {
      const fileSizeArr: number[] = [];
      const fileNameArr: String[] = [];
      const fileTypeArr: String[] = [];

      Array.from(newFiles).forEach((file) => {
        fileSizeArr.push(file.size);
        fileNameArr.push(file.name);
        fileTypeArr.push(file.type);
      })

      // Presigned URL을 파일 정보들을 보내서 서버에서 가져옴
      const preSignedUrlResponse = await axios.get("/api/upload/presigned-url", {
        params: {
          fileSizeList: fileSizeArr,
          fileNameList: fileNameArr,
          fileTypeList: fileTypeArr
        },
      });

      if (preSignedUrlResponse) {
        // PreSigned URL가지고 각 파일 업로드
        for (const idx in preSignedUrlResponse) {
          await axios.put(preSignedUrlResponse[idx].preSignedUrl, newFiles[idx], {
            headers: {
              'Content-Type': newFiles[idx].type,
            },
          });
        }
      }
    }

    return ...
  }

  @PostMapping("/api/upload/presigned-url")
  public ResponseEntity<List<String>> getPresignedUrl (
    @RequestParam("fileSizeList") List<int> fileSizeList,
    @RequestParam("fileNameList") List<String> fileNameList,
    @RequestParam("fileTypeList") List<String> fileTypeList
  ) {
    List<Strng> presginedUrlList = new ArrayList<>();

    for (int i = 0; i < fileNameList.size(); i++) {
      try {
        int fileSize = fileSizeList.get(i);
        String fileType = fileTypeList.get(i);

        // S3에 저장될 키 값(S3 내에서는 파일명으로 봐도 된다.)
        String key = "upload/" + UUID.randomUUID() + "_" + fileNameList.get(i);

        // AWS SDK
        AmazonS3 s3Client = AmazonS3ClientBuilder.standard()
                      .withRegion(Regions.AP_NORTHEAST_2)
                      .build();

        // Pre-Signed URL 만료 시간 (60분 후)
        Date expiration = new Date();
        long expTimeMillis = expiration.getTime();
        // 10분 후 만료
        expTimeMillis += TimeUnit.MINUTES.toMillis(10);
        expiration.setTime(expTimeMillis);

        // PUT Pre-Signed URL (PUT)
        GeneratePresignedUrlRequest generatePresignedUrlRequest =
                new GeneratePresignedUrlRequest([s3 bucket 주소], key)
                        .withMethod(HttpMethod.PUT)
                        .withContentType(fileType)
                        .withExpiration(expiration);

        URL url = s3Client.generatePresignedUrl(generatePresignedUrlRequest);
        presginedUrlList.add(url.toString());

      } catch (Exception e) {
        return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR)
            .body("Presigned URL failed for file: " + fileNameList.get(i) + ". Error: " + e.getMessage());
      }
    }

    return ResponseEntity.ok(presginedUrlList);
  }