Responsive Friendly Upload Not Working with Upload Plugin

Community Packages
1

I really love the “responsive friendly upload” that Strapi offers. However, I am using a plugin to manage my uploads, namely, this one:

This is mostly because (1) my bucket is private and (2) I want downloads to go through a CDN. Everything is working great! Except now responsive upload does not work.

Moreover, I do not see anything problematic in the logs:

[2022-12-13 02:26:04.334] http: POST /upload (863 ms) 200
[2022-12-13 02:26:04.425] http: GET /upload/files?sort=updatedAt:DESC&page=1&pageSize=10&filters[$and][0][folder][id][$null]=true (36 ms) 200

Plugin config is pretty standard:

  upload: {
    config: {
      provider: 'strapi-provider-upload-aws-s3-plus-cdn',
      providerName: 'strapi-provider-upload-aws-s3-plus-cdn',
      providerOptions: {
        providerName: 'strapi-provider-upload-aws-s3-plus-cdn',
        accessKeyId: env('AWS_ACCESS_KEY_ID'),
        secretAccessKey: env('AWS_ACCESS_SECRET'),
        region: env('AWS_REGION'),
        endpoint: env('AWS_ENDPOINT'),
        params: {
          Bucket: env('AWS_BUCKET'),
        },
        cdnUrl: env("CDN_URL"), // Optional CDN URL - include protofol and trailing forward slash, e.g. 'https://assets.example.com/'
      },
    },
    actionOptions: {
      upload: {},
      uploadStream: {},
      delete: {},
    },
  },

Is there some particular plugin config that is relevant to responsive friendly upload? Something that might be short-circuiting strapi from trying to create the responsive variants of an image?

Thanks!

2

If I get the time, perhaps I will dig into and confirm whether there is a bug here preventing the default from propagating.

In the meantime, via some code-reading, I learned that if you add the following to the plugins.js file (in the config: {} section), then this starts to work again! What an excellent setup! strapi has really got some impressive features!! :grinning_face_with_smiling_eyes:

      breakpoints: {
        large: 1000,
        medium: 750,
        small: 500,
      },

So my complete config setup:

upload: {
    config: {
      provider: 'strapi-provider-upload-aws-s3-plus-cdn',
      providerName: 'strapi-provider-upload-aws-s3-plus-cdn',
      providerOptions: {
        providerName: 'strapi-provider-upload-aws-s3-plus-cdn',
        accessKeyId: env('AWS_ACCESS_KEY_ID'),
        secretAccessKey: env('AWS_ACCESS_SECRET'),
        region: env('AWS_REGION'),
        endpoint: env('AWS_ENDPOINT'),
        params: {
          Bucket: env('AWS_BUCKET'),
        },
        cdnUrl: env("CDN_URL"), // Optional CDN URL - include protofol and trailing forward slash, e.g. 'https://assets.example.com/'
      },
      breakpoints: {
        large: 1000,
        medium: 750,
        small: 500,
      },
    },
    actionOptions: {
      upload: {},
      uploadStream: {},
      delete: {},
    },
  },