s3 integration to existing project

AWS_S3_IAM_ACCESS_KEY=
AWS_S3_IAM_SECRET_KEY=
AWS_S3_FILES_BUCKET=
AWS_S3_REGION=

AWS_S3_IAM_ACCESS_KEY=
AWS_S3_IAM_SECRET_KEY=
AWS_S3_FILES_BUCKET=
AWS_S3_REGION=

dependencies: [
...
("aws-sdk", "^2.1294.0"),
...
]

dependencies: [
...
("aws-sdk", "^2.1294.0"),
...
]

const handleUploadFile = async () => {
  ...
  let data = await getUploadFileSignedURL(...);
  // key is the identifier of the file in S3
  const { uploadUrl, key } = data;
  // upload the actual file using the signed URL, newFile here is the file selected in the form
  await axios.put(uploadUrl, newFile);
  // store the key as a field of a file entity for later retrieval
  ...
}

const handleUploadFile = async () => {
  ...
  let data = await getUploadFileSignedURL(...);
  // key is the identifier of the file in S3
  const { uploadUrl, key } = data;
  // upload the actual file using the signed URL, newFile here is the file selected in the form
  await axios.put(uploadUrl, newFile);
  // store the key as a field of a file entity for later retrieval
  ...
}

const handleDownloadFile = async (file) => {
  ...
  let downloadUrl = await getDownloadFileSignedURL(...);
  // ignore my ugly code below, its a workaround I had to do due to how I had setup my UI
  var link = document.createElement("a");
  link.download = file.filename;
  link.href = downloadUrl;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  ...
}

const handleDownloadFile = async (file) => {
  ...
  let downloadUrl = await getDownloadFileSignedURL(...);
  // ignore my ugly code below, its a workaround I had to do due to how I had setup my UI
  var link = document.createElement("a");
  link.download = file.filename;
  link.href = downloadUrl;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  ...
}

import { S3Client, PutObjectCommand } from "@aws-sdk/client-s3";

const S3 = new S3Client({
  region: "auto",
  endpoint: process.env.R2_BUCKET_URL,
  credentials: {
    accessKeyId: process.env.R2_ACCESS_TOKEN!,
    secretAccessKey: process.env.R2_SECRET_TOKEN!,
  },
});
const upload = await S3.send(
  new PutObjectCommand({
    Bucket: "<bucket_name>",
    Key: key,
    Body: response.data,
    // If uploading images for example
    ContentType: "image/png",
  })
);

import { S3Client, PutObjectCommand } from "@aws-sdk/client-s3";

const S3 = new S3Client({
  region: "auto",
  endpoint: process.env.R2_BUCKET_URL,
  credentials: {
    accessKeyId: process.env.R2_ACCESS_TOKEN!,
    secretAccessKey: process.env.R2_SECRET_TOKEN!,
  },
});
const upload = await S3.send(
  new PutObjectCommand({
    Bucket: "<bucket_name>",
    Key: key,
    Body: response.data,
    // If uploading images for example
    ContentType: "image/png",
  })
);