Skip to content
This repository has been archived by the owner on May 31, 2023. It is now read-only.

Releases: joe-bell/plaiceholder

v3.0.0

24 May 08:31
b2cb9cb
Compare
Choose a tag to compare

[email protected]: Final Release

Note

The plaiceholder project is feature complete and will now be kept in maintenance mode.

Read the migration guide for further information.

If this project has been useful to you, please consider sponsoring my work 🖤

Features

  • New color return for getting an image's "dominant" color
  • New pixels return for getting each raw pixel's rgba values
  • Transparent images no longer have their alpha channel removed by default
  • Support for EXIF orientation (via autoOrient option)
  • New and improved docs

Breaking Changes

Read the migration guide for further information.

  • ESM only
  • File paths or external URLs are no longer supported – getPlaiceholder now expects a Buffer
    (see the migration guide for examples)
  • blurhash no longer returned
  • imgmetadata

Note

If no major issues are reported in the coming weeks, this repository will be archived and issues closed.

v2.5.0

29 Aug 07:11
27b4b2c
Compare
Choose a tag to compare

It's a big one! 🚀

Announcements

Plaiceholder's hosting is now fully sponsored by @vercel 🖤

Huge thanks to @leerob for sorting this out

Features

Docs & Examples

Full Changelog: v2.4.0...v2.5.0

v2.4.0

18 Jun 17:40
23c9efa
Compare
Choose a tag to compare

What's Changed

  • Fix CSS if the source contains transparency by @skirsten in #197
  • Add sharp to @plaiceholder/tailwindcss's peerDependencies by @joe-bell in adf88de

Internal

New Contributors

Full Changelog: v2.3.0...v2.4.0

v2.3.0

13 Feb 17:27
0fde65f
Compare
Choose a tag to compare

What's Changed

Lots of security bumps 🔒

Full Changelog: v2.2.0...v2.3.0

v2.2.0

27 Oct 13:15
e5da4c9
Compare
Choose a tag to compare

Features

  • @plaiceholder/next: add support for Next.js 12 (thanks @JeromeFitz!)

Bug Fixes

  • Miscellaneous security updates for dependencies

v2.1.0

18 Jun 07:14
95923a7
Compare
Choose a tag to compare

Features

v2.0.3

18 Jun 07:07
fed1b1e
Compare
Choose a tag to compare

Bug Fixes

  • @plaiceholder/next: add sharp to webpack externals (76a49be)

v2.0.2

18 Jun 07:06
83755dd
Compare
Choose a tag to compare

Bug Fixes

  • @plaiceholder/tailwindcss: lock Tailwind peerDependency range (due to reliance on experimental JIT engine) (08a1760)

v2.0.1

18 Jun 07:04
9459dbb
Compare
Choose a tag to compare

Bug Fixes

  • plaiceholder: add missing return types (e434e63)

v2.0.0

11 Jun 10:35
3bae515
Compare
Choose a tag to compare

Key Changes

  • 🔥 90% less CSS by default
  • 🌐 Remote image support
  • 📏 Size customisation
  • 🧹 Improvements to DX and docs
  • 🆕 A brand new Tailwind JIT plugin

See the new plaiceholder.co/docs for more

Migration

@plaiceholder/css

-- import { getPixelsCSS } from "@plaiceholder/css";
-- import { getImage } from "@plaiceholder/next";
--
-- const src = "/assets/images/preview/preview.jpg";
-- const img = await getImage(src);
-- const pixelsCSS = await getPixelsCSS(img);

++ import { getPlaiceholder } from "plaiceholder";
++ const { css } = getPlaiceholder("/assets/images/preview/preview.jpg");

@plaiceholder/svg

-- import { getPixelsSVG } from "@plaiceholder/svg";
-- import { getImage } from "@plaiceholder/next";
--
-- const src = "/assets/images/preview/preview.jpg";
-- const img = await getImage(src);
-- const pixelsSVG= await getPixelsSVG(img);

++ import { getPlaiceholder } from "plaiceholder";
++ const { svg } = getPlaiceholder("/assets/images/preview/preview.jpg");

@plaiceholder/base64

-- import { getBase64 } from "@plaiceholder/base64";
-- import { getImage } from "@plaiceholder/next";
--
-- const src = "/assets/images/preview/preview.jpg";
-- const img = await getImage(src);
-- const base64= await getBase64(img);

++ import { getPlaiceholder } from "plaiceholder";
++ const { base64 } = getPlaiceholder("/assets/images/preview/preview.jpg");

@plaiceholder/blurhash

-- import { getBlurhash } from "@plaiceholder/blurhash";
-- import { getImage } from "@plaiceholder/next";
--
-- const src = "/assets/images/preview/preview.jpg";
-- const img = await getImage(src);
-- const blurhash= await getBlurhash(img);

++ import { getPlaiceholder } from "plaiceholder";
++ const { blurhash } = getPlaiceholder("/assets/images/preview/preview.jpg");