Typescript thumbor url builder
npm install thumbor-ts
Immutable, method chained, TypeScript DSL for building Thumbor URLs.
aria-label="Yarn Package"
href="https://yarnpkg.com/package/thumbor-ts"
>
src="https://img.shields.io/npm/v/thumbor-ts/latest?style=flat-square&logo=Yarn&label=thumbor-ts@latest"
/>
aria-label="Downloads"
href="https://www.npmjs.com/package/thumbor-ts"
>
src="https://img.shields.io/npm/dm/thumbor-ts?logo=Npm&style=flat-square&label=Downloads"
>
alt="Minzipped Size"
src="https://img.shields.io/bundlephobia/minzip/thumbor-ts?style=flat-square&label=Minzipped+Size&logo=Webpack"
/>
aria-label="GitHub Workflow CI Status master"
href="https://github.com/Brettm12345/thumbor-ts/actions?query=workflow%3ACI"
>
src="https://img.shields.io/github/workflow/status/brettm12345/thumbor-ts/CI/master?label=CI&logo=github&style=flat-square&cacheSeconds=3600"
/>
src="https://img.shields.io/badge/Code_Style-prettier-ff69b4.svg?style=flat-square&logo=prettier"
/>
aria-label="Maintainability"
href="https://codeclimate.com/github/Brettm12345/thumbor-ts/maintainability"
>
src="https://img.shields.io/codeclimate/maintainability-percentage/Brettm12345/thumbor-ts?logo=Code%20Climate&style=flat-square&label=Maintainability&cacheSeconds=3600"
/>
aria-label="Test Coverage"
href="https://codeclimate.com/github/Brettm12345/thumbor-ts/test_coverage"
>
src="https://img.shields.io/codeclimate/coverage/Brettm12345/thumbor-ts?label=Coverage&logo=Code%20Climate&style=flat-square&cacheSeconds=3600"
/>
aria-label="Github commit activity"
href="https://github.com/brettm12345/thumbor-ts/commits"
>
src="https://img.shields.io/github/commit-activity/m/brettm12345/thumbor-ts?label=Commit%20Activity&logo=Github&style=flat-square&cacheSeconds=360"
/>
aria-label="Pull Requests"
href="https://github.com/Brettm12345/thumbor-ts/pulls?q=is%3Apr+is%3Aopen+sort%3Aupdated-desc"
>
src="https://img.shields.io/badge/contributions-open-success?style=flat-square&logo=Github"
/>
- yarn add thumbor-ts
- pnpm i thumbor-ts
- npm i --save thumbor-ts
``typescript
import Thumbor from 'thumbor-ts';
// Your encryption key is not required, but your link will be unsafe.
const thumbor = Thumbor({
serverUrl: 'http://myserver.thumbor.com',
securityKey: 'MY_KEY'
});
// Generate your url
const thumborUrl = thumbor
.setImagePath('00223lsvrnzeaf42.png')
.resize(50, 50)
.smartCrop()
.format('webp')
.buildUrl();
``