# vanilla-thumbor-url-builder

> Thumbor client for vanilla JS

Latest version **1.0.2** (published 2019-09-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install vanilla-thumbor-url-builder
pnpm add vanilla-thumbor-url-builder
yarn add vanilla-thumbor-url-builder
bun add vanilla-thumbor-url-builder
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2019-09-03 |
| First published | 2019-08-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 10.2 KB |
| Known vulnerabilities | 0 (+10 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Author | Egor Safronov |
| Maintainers | allya-dev |
| Keywords | thumbor, thumbor-js, thumbor-img, thumbor-url, thumbor-builder, thumbor-client, vanilla, purejs |

## Links

- npm: https://www.npmjs.com/package/vanilla-thumbor-url-builder
- Repository: https://github.com/borgespro/vanilla-thumbor-url-builder
- Homepage: https://github.com/borgespro/vanilla-thumbor-url-builder#readme
- Issues: https://github.com/borgespro/vanilla-thumbor-url-builder/issues
- npm.io page: https://npm.io/package/vanilla-thumbor-url-builder

## Dependencies (1)

- [jsrsasign](https://npm.io/package/jsrsasign.md) ^8.0.12

## Alternatives

- [base64url](https://npm.io/package/base64url.md) — 6.1M weekly downloads
- [get-installed-path](https://npm.io/package/get-installed-path.md) — 502.9K weekly downloads
- [@uppy/url](https://npm.io/package/@uppy/url.md) — 185.8K weekly downloads
- [@d3fc/d3fc-shape](https://npm.io/package/@d3fc/d3fc-shape.md) — 16.2K weekly downloads
- [localizer](https://npm.io/package/localizer.md) — 226 weekly downloads

## Recent versions

- 1.0.2 (latest) — 2019-09-03
- 1.0.1 — 2019-08-31
- 1.0.0 — 2019-08-31

## README

# Thumbor URL builder

Fork of: [Thumbor](https://github.com/thumbor/thumbor) client for JavaScript.

### Installation

```
npm i vanilla-thumbor-url-builder
```

### Declare in JS

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

### Generate your URL

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

### [Example](https://www.npmjs.com/package/thumbor-js-url-builder)

```js
// .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;
```

---
_Source: https://npm.io/package/vanilla-thumbor-url-builder · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._