Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@hirasso/thumbhash-custom-element

Package Overview
Dependencies
Maintainers
0
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hirasso/thumbhash-custom-element - npm Package Compare versions

Comparing version 0.2.3 to 0.2.4

3

package.json
{
"name": "@hirasso/thumbhash-custom-element",
"amdName": "ThumbhashCustomElement",
"version": "0.2.3",
"version": "0.2.4",
"description": "A custom element that renders a thumbhash placeholder for your lazy-loaded images 🎨",

@@ -38,3 +38,2 @@ "author": {

"@astrojs/mdx": "^3.1.7",
"@changesets/changelog-github": "^0.5.0",
"@changesets/cli": "^2.27.9",

@@ -41,0 +40,0 @@ "@playwright/test": "^1.47.2",

@@ -12,2 +12,6 @@ # <thumb-hash>

## Scope & Motivation
This package is intended for **frontend-only use only**. It assumes you have **already pre-generated your thumbhashes on the server or during an SSG build step**. Many server-side libraries already provide [convenience functions](https://github.com/SRWieZ/thumbhash?tab=readme-ov-file#usage) that will generate a thumbhash data URI for you. This is fine for pages with a few images, but will quickly increase the size of your html if you have more images. This is where `thumbhash-custom-element` comes in. All data-heavy calculation will be executed on the frontend, keeping your html small.
## Installation

@@ -80,3 +84,3 @@

The default strategy of `<thumb-hash>` is to render a `canvas` with the blurry representation of the thumbhash. Other options are `image` and `average`:
The default strategy of `<thumb-hash>` is to render a `canvas` with the blurry representation of the thumbhash. Other options are `img` and `average`:

@@ -83,0 +87,0 @@ ### Strategy: `img`

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc