Thumbor URL builder

Fork of: Thumbor client for JavaScript.

Installation

npm i vanilla-thumbor-url-builder

Declare in JS

1import Thumbor from "vanilla-thumbor-url-builder";
2const thumbor = new Thumbor("my_key", "https://my-site.com/thumbs");

Generate your URL

1const thumborize = thumbor
2  .filter("format(webp)")
3  .setImagePath("https://my-site.com/image.jpeg")
4  .resize(600, 400)
5  .buildUrl();

Example

1// .env
2
3thumborKey = "gr4mf3t3gsg4g3g3d3d";
4thumborUrl = "https://my-site.com/thumbs";
5
6// thumborize.js
7
8import Thumbor from "thumbor-js-url-builder";
9const thumbor = new Thumbor(process.env.thumborKey, process.env.thumborUrl);
10
11const thumborize = (type = "jpeg", url, num = 1, width = 600, height = 400) => {
12  return thumbor
13    .filter(`format(${type})`)
14    .setImagePath(url)
15    .resize(width * num, height * num)
16    .buildUrl();
17};
18
19export default thumborize;