thumbor-js-url-builder

Thumbor client for JS

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
thumbor-js-url-builder
612.2.05 years ago5 years agoMinified + gzip package size for thumbor-js-url-builder in KB

Readme

Thumbor URL builder
Thumbor client for JavaScript.

Installation

npm i thumbor-js-url-builder

Declare in JS

import Thumbor from 'thumbor-js-url-builder'
const thumbor = new Thumbor('my_key', 'https://my-site.com/thumbs')

Generate your URL

const thumborize = thumbor
  .filter('format(webp)')
  .setImagePath('https://my-site.com/image.jpeg')
  .resize(600, 400)
  .buildUrl()

Example

// .env

thumborKey="gr4mf3t3gsg4g3g3d3d"
thumborUrl="https://my-site.com/thumbs"

// thumborize.js 

import Thumbor from 'thumbor-js-url-builder'
const thumbor = new Thumbor(process.env.thumborKey, process.env.thumborUrl)

const thumborize = (type = 'jpeg', url, num = 1, width = 600, height = 400) => {
  return thumbor
    .filter(`format(${type})`)
    .setImagePath(url)
    .resize(width * num, height * num)
    .buildUrl()
}

export default thumborize