Public URL from Minio for Avatars

[BradNut]

Given the current bucket policy in the repository and the public nature of user avatars, how would one build the public URL from the Minio key and display the avatar on the UI?

The repository currently only has a Hono API (controller, services, etc.) to upload and retrieve but the UI does not utilize this.

[Rykuno]

I made the bucket private initially just for least privilege policy. You can modify the storage.config to allow to public resources. It uses a generic s3 config.

I'm cool with changing it though since it is probably a better experience tbh. Feel free to PR it or I'll just get to it this weekend. I'll post the new one here for people to update.

[BradNut]

@Rykuno, I'm still learning the s3 config items so not exactly sure how to get this public in the storage.config itself vs. modifying directly on the minio console. It would be helpful if you had an updated version?

Also, how are you defining the CORS policies for SvelteKit / Minio so you can access the public or private images?

[Rykuno]

@Rykuno, I'm still learning the s3 config items so not exactly sure how to get this public in the storage.config itself vs. modifying directly on the minio console. It would be helpful if you had an updated version?

Also, how are you defining the CORS policies for SvelteKit / Minio so you can access the public or private images?

replace the current policy in storage.config.ts with

export const bucketPolicy = {
  Version: "2012-10-17",
  Statement: [
    {
      Effect: "Allow",
      Principal: {
        AWS: ["*"]
      },
      Action: [
        "s3:GetBucketLocation",
        "s3:ListBucket",
        "s3:ListBucketMultipartUploads"
      ],
      Resource: ["arn:aws:s3:::dev"]
    },
    {
      Effect: "Allow",
      Principal: {
        AWS: ["*"]
      },
      Action: [
        "s3:DeleteObject",
        "s3:GetObject",
        "s3:ListMultipartUploadParts",
        "s3:PutObject",
        "s3:AbortMultipartUpload"
      ],
      Resource: ["arn:aws:s3:::dev/*"]
    }
  ]
};

[BradNut]

Thank you! I will go ahead and try this out.