Apply blurhash to all existing images

[madaxen86]

It would be nice to have an option to apply the blurhash to all images where blurhash is null when the app starts.
That would be very useful when the plugin is added to an existing project where images have already been uploaded.

[invakid404]

@madaxen86 that does indeed sound like a nice addition. Do you have a suggestion as to how this could be triggered? Some custom button in the UI somewhere perhaps? I am not sure whether it's a good idea to do this on app startup, maybe at least it'd have to be opt-in.

[madaxen86]

I played around a little bit yesterday. Adding this to onInit should do the trick.
Let's assume that we have a plugin option "addBlurhashToExistingOnInit".
Maybe you can come up with something smarter 😅

const computeBlurhash = (pluginOptions?: BlurhashPluginOptions) => {
  //...

  return {
    ...incomingConfig,
    collections: {
      //...
    },
    onInit: async (payload) => {
      // execute existing onInit
      if (incomingConfig.onInit) await incomingConfig.onInit(payload);
     
      if (!pluginOptions.addBlurhashToExistingOnInit) return;

      const rehash = async (collection: string) => {
        const images = await payload.find({
          collection: collection as any,
          pagination: false,
          where: {
            blurhash: {
              equals: null,
            },
          },
        });

        const staticDir = path.resolve(__dirname, payload.collections[collection].config.upload.staticDir);

        images.docs.forEach(async (image) => {
          try {
            await payload.update({
              collection: collection as any,
              id: image.id,
              data: image,
              filePath: `${staticDir}/${image.filename}`,
              overwriteExistingFiles: true,
            });
          } catch (error) {
            console.error("#####", error.message, image.id, image.mimeType);
          }
        });
      };

   

      Object.entries(payload.collections).forEach(async ([key, value]) => {
        if (value.config?.upload && (!collections || collections.includes(key)) ) {
          await rehash(key);
        }
      });
    },
  };
};

[madaxen86]

Note: This will also trigger Image transformations for all the images without an existing blurhash.
That's something to put in the doc / readme.
And not sure, but maybe this works only when the files are stored on the server, not on a remote storage like S3.

[madaxen86]

@invakid404 did you have a chance to have a look at this and test it?

[invakid404]

@madaxen86 I am looking into it. I would need to support remote storage as well, as there was a feature request for that at one point, so it's important.

[madaxen86]

Little edit: for querying the docs, pagination:false should be passed to blurhash more than 10x images 😅