Could not find a declaration file for module 'image-blob-reduce'

I get this error when trying to use the module. Here’s my code:

const reduce = require('image-blob-reduce');

export async function reduceBlob(originalBlob) {
  await reduce
  .toBlob(originalBlob, { max: 300 })
  .then(blob => { 
    console.log(blob);
    return blob;
  });
}

Not sure how to solve this issue 😛

Thank you!

[melnikovdv]

I made a bit more sophisticated module.

At first install npm install --save @types/pica to get types for reduce options.

Then add image-blob-reduce.d.ts to your project with such content:

declare module 'image-blob-reduce' {
    import { PicaResizeOptions } from "pica";
    namespace ImageBlobReduce {
        interface ImageBlobReduce {
            toBlob(file: File, options: ImageBlobReduceOptions): Promise<Blob>;
        }

        interface ImageBlobReduceStatic {
            new(options?: any): ImageBlobReduce;

            (options?: any): ImageBlobReduce;
        }

        interface ImageBlobReduceOptions extends PicaResizeOptions {
            max: number;
        }
    }
    const reduce: ImageBlobReduce.ImageBlobReduceStatic;
    export = reduce;
}

If you need other methods except toBlob() add them to ImageBlobReduce interface.

Then use it in your typescript files like this:

import reduce from "image-blob-reduce"
…
reduce().toBlob(this.file, { max: 3072 })
    .then(blob => {
        const formData = new FormData()
        formData.append('file', blob, name)
        return this.uploadImage(formData)
    })

Hey @puzrin, If it seems ok to you I can try to add @types for this library. Have never done it before, but it shouldn’t be very difficult.

[puzrin]

@melnikovdv

Hey @puzrin, If it seems ok to you I can try to add @types for this library. Have never done it before, but it shouldn’t be very difficult.

If that does not depends on me, you don’t need my opinion 😃. I don’t use TS, do as you wish/need.