[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "POST",
            "GET"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "x-amz-server-side-encryption",
            "x-amz-request-id",
            "x-amz-id-2",
            "ETag"
        ],
        "MaxAgeSeconds": 3600
    }
]

Presigned URL generated successfully: https://restr*m.s3.us-east-1.amazonaws.com/how-ma*-ytshorts.savetube.me.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ebedb2dd*1%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20241001T085432Z&X-Amz-Expires=120&X-Amz-Signature=830d868*e905129&X-Amz-SignedHeaders=host&x-id=PutObject
    create:1 Access to fetch at 'https://restream.s3.us-east-1.amazonaws.com/how-many-*horts.savetube.me.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ebedb*001%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20241001T085432Z&X-Amz-Expires=120&X-Amz-Signature=830d*41fe905129&X-Amz-SignedHeaders=host&x-id=PutObject' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
    page.jsx:41

PUT https://res*r*am.s3.us-east-1.amazonaws.com/how-m*chris-lego-legobuild-1080-yt*e.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ebedb2*%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20241001T085432Z&X-Amz-Expires=120&X-Amz-Signature=830*1fe905129&X-Amz-SignedHeaders=host&x-id=PutObject net::ERR_FAILED
    uploadToS3 @ page.jsx:41
await in uploadToS3
handleVideoUpload @ page.jsx:62

 async generatePresignedUrl(fileName, contentType) {
        const params = {
            Bucket: process.env.NEXT_PUBLIC_BUCKET,
            Key: fileName,
            ContentType: contentType,
        };

        try {
            const command = new PutObjectCommand(params);

            // Generate the presigned URL with a 60 seconds expiration
            const signedUrl = await getSignedUrl(this.s3Client, command, { expiresIn: 120 });

            console.log('Presigned URL generated successfully:', signedUrl);
            return signedUrl;
        } catch (error) {
            console.error('Error generating presigned URL:', error);
            throw error;
        }
    }

 async function uploadToS3(file) {
        try {
            const signedUrl = await S3Service.generatePresignedUrl(file.name, file.type);
            const response = await fetch(signedUrl, {
                method: 'PUT',
                body: file,
                headers: {
                    'Content-Type': 'application/json'
                },
            });

            if (!response.ok) {
                throw new Error('Failed to upload the file to S3');
            }

            return
        } catch (error) {
            console.error('Error uploading file to S3:', error);
            throw error;
        }
    }

Access to fetch at 'https://s3.swiss-backup03.infomaniak.com/restream' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Access to fetch at 'https://s*ss-bac*p03.infomaniak.com/res*ffm' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.


import { S3Client } from '@aws-sdk/client-s3'
import { createPresignedPost } from '@aws-sdk/s3-presigned-post'

static async generateS3UploadPolicy(fileName: string, fileType: string) {
    const bucket = process.env.S3_BUCKET
    const region = process.env.S3_REGION
    const accessKeyId = process.env.S3_ACCESS_KEY_ID
    const secretAccessKey = process.env.S3_SECRET_ACCESS_KEY
    const endpoint = process.env.S3_ENDPOINT

    const s3Client = new S3Client({
      region,
      credentials: {
        accessKeyId,
        secretAccessKey,
      },
      endpoint,
    })

    const key = `restream/uploads/${DateTime.now().toFormat('yyyyMMdd_HHmmss')}_${fileName}`

    const params = {
      Bucket: bucket,
      Key: key,
      Conditions: [
        ['starts-with', '$key', 'restream/uploads/'], 
        { acl: 'private' },
        ['content-length-range', 0, 10485760],
        ['eq', '$Content-Type', fileType],
      ],
      Fields: {
        key,
        'Content-Type': fileType,
        'acl': 'private',
      },
      Expires: 120 * 60,
    }

    try {
      return await createPresignedPost(s3Client, params)
    } catch (error) {
      throw new Error(`Failed to generate S3 upload policy: ${error.message}`)
    }
  }