TimboKZ / Chonky

😸 A File Browser component for React.
https://chonky.io
MIT License
725 stars 157 forks source link

AWS S3 Storybook example not working #190

Open jpylisela opened 1 year ago

jpylisela commented 1 year ago

https://chonky.io/storybook/2.x/?path=/story/file-browser-demos--s-3-browser

Likely an S3 Bucket permission issue: "Access Denied"

asharifauzan commented 2 months ago

https://chonky.io/storybook/2.x/?path=/story/file-browser-demos--s-3-browser

Likely an S3 Bucket permission issue: "Access Denied"

seems like in the storybook demo they still use lib aws-sdk which is soon it will be deprecated, I recreated this using lib @aws-sdk/client-s3 and its works without any issues, here is the example

import { S3 } from "@aws-sdk/client-s3";

const BUCKET_HOST = "http://127,0.0.1:9004/"; // additional var since I use on premise S3
const BUCKET_NAME = "bucker-name";
const BUCKET_REGION = "eu-west-2";
const ACCESS_KEY_ID = "key";
const SECRET_ACCESS_KEY = "secret";

const S3Client = new S3({
  region: BUCKET_REGION,
  endpoint: BUCKET_HOST,
  credentials: {
    accessKeyId: ACCESS_KEY_ID,
    secretAccessKey: SECRET_ACCESS_KEY
  }
});

const fetchS3BucketContents = async (bucket, prefix) => {
   // use method listObjects instead of listObjectsV2
  const s3 = await S3Client.listObjects({
      Bucket: bucket,
      Delimiter: "/",
      Prefix: prefix !== "/" ? prefix : "",
  });

  ..........................
 };