Comparing version 0.3.0 to 0.4.0
{ | ||
"name": "blo", | ||
"version": "0.3.0", | ||
"version": "0.4.0", | ||
"license": "MIT", | ||
@@ -5,0 +5,0 @@ "author": "Pierre Bertet <hi@bpier.re>", |
<div align="center"> | ||
<h1>blo</h1> | ||
<img width="860" alt="blo" src="https://github.com/bpierre/blo/assets/36158/d447bf14-76dc-493c-abea-275703a98945"> | ||
<br><strong>blo</strong> is a small and fast library to generate Ethereum identicons. | ||
</div> | ||
<div align="center"> | ||
<strong>blo</strong> is a small and fast library to generate Ethereum identicons. | ||
</div> | ||
## Features | ||
- 📦 **Small**: **0.92 KB** gzipped. | ||
- 🚀 **Fast**: [4.7x faster](#library-comparison) than the second fastest solution. | ||
- 🐥 **Small**: **[0.67 KB](https://bundlejs.com/?bundle&q=blo)** gzipped. | ||
- ☄️ **Fast**: **[4.7x faster](#library-comparison)** than the next fastest solution. | ||
- 🔍 **Optimized**: Leverages SVG to generate compact and sharp images at any size. | ||
@@ -21,11 +18,11 @@ - 💆 **Simple**: Focuses on Ethereum identicons only, allowing for a simpler API. | ||
| Library | <nobr>Renders/sec [1]</nobr> | <nobr>Bundle Size</nobr> | Typed | <nobr>Environment [2]</nobr> | Rendering | | ||
| ------------------------------------- | ---------------------------: | -------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ---------------------------------------------- | ----------: | | ||
| <b>blo</b> | <nobr><b>7,862</b></nobr> | [![](https://img.shields.io/badge/0.92kB-409000)]() | ![](https://img.shields.io/badge/yes-409000) | ![](https://img.shields.io/badge/all-409000) | SVG | | ||
| <nobr>ethereum-blockies-base64</nobr> | 948 | [![](https://img.shields.io/badge/2.75kB-be6200)](https://bundlejs.com/?bundle&q=ethereum-blockies-base64%401.0.2&treeshake=[*]) | ![](https://img.shields.io/badge/no-be6200) | ![](https://img.shields.io/badge/all-409000) | PNG | | ||
| <nobr>@download/blockies</nobr> | 361 | [![](https://img.shields.io/badge/0.67kB-409000)](https://bundlejs.com/?bundle&q=%40download%2Fblockies) | ![](https://img.shields.io/badge/no-be6200) | ![](https://img.shields.io/badge/dom-be6200) | Canvas | | ||
| <nobr>blockies-react-svg</nobr> | 1,675 | [![](https://img.shields.io/badge/4.00kB-be6200)](https://bundlejs.com/?bundle&q=blockies-react-svg) | ![](https://img.shields.io/badge/yes-409000) | ![](https://img.shields.io/badge/react-be6200) | SVG (React) | | ||
| <nobr>blockies-ts</nobr> | 381 | [![](https://img.shields.io/badge/1.31kB-409000)](https://bundlejs.com/?bundle&q=blockies-ts) | ![](https://img.shields.io/badge/yes-409000) | ![](https://img.shields.io/badge/dom-be6200) | Canvas | | ||
| Library | <nobr>Renders/sec [1]</nobr> | <nobr>Size</nobr> | Types | <nobr>Environment [2]</nobr> | Rendering | | ||
| ------------------------------------- | ---------------------------: | ---------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ---------------------------------------------- | ----------: | | ||
| <b>blo</b> | <nobr><b>☄️ 7,862</b></nobr> | [![](https://img.shields.io/badge/0.67kB-6ead0a)](https://bundlejs.com/?bundle&q=blo) | ![](https://img.shields.io/badge/yes-6ead0a) | ![](https://img.shields.io/badge/all-6ead0a) | SVG | | ||
| <nobr>ethereum-blockies-base64</nobr> | 948 | [![](https://img.shields.io/badge/2.75kB-ee4433)](https://bundlejs.com/?bundle&q=ethereum-blockies-base64) | ![](https://img.shields.io/badge/no-ee4433) | ![](https://img.shields.io/badge/all-6ead0a) | PNG | | ||
| <nobr>@download/blockies</nobr> | 361 | [![](https://img.shields.io/badge/0.67kB-6ead0a)](https://bundlejs.com/?bundle&q=%6ead0a%2Fblockies) | ![](https://img.shields.io/badge/no-ee4433) | ![](https://img.shields.io/badge/dom-ee4433) | Canvas | | ||
| <nobr>blockies-react-svg</nobr> | 1,675 | [![](https://img.shields.io/badge/4kB-ee4433)](https://bundlejs.com/?bundle&q=blockies-react-svg) | ![](https://img.shields.io/badge/yes-6ead0a) | ![](https://img.shields.io/badge/react-ee4433) | SVG (React) | | ||
| <nobr>blockies-ts</nobr> | 381 | [![](https://img.shields.io/badge/1.31kB-6ead0a)](https://bundlejs.com/?bundle&q=blockies-ts) | ![](https://img.shields.io/badge/yes-6ead0a) | ![](https://img.shields.io/badge/dom-ee4433) | Canvas | | ||
[1] The number of renders per second was measured on Chrome 117 Linux with an AMD Ryzen 7 PRO 4750U CPU. [See ./benchmark](./benchmark). | ||
[1] The number of renders per second. It was measured on Chrome 117 Linux with an AMD Ryzen 7 PRO 4750U. [See ./benchmark](./benchmark) for the methodology. | ||
@@ -48,3 +45,3 @@ [2] The term “all” refers to libraries that are framework agnostic and that run in browsers, Bun and Node.js. | ||
## With React | ||
### With React | ||
@@ -97,3 +94,3 @@ blo is fast enough to not require memoization for common use cases. | ||
Get a `BloImage` object that can be used to render the image in different formats. | ||
Get a `BloImage` data structure that can be used to render the image in different formats. | ||
@@ -100,0 +97,0 @@ See [`src/svg.ts`](./src/svg.ts) for an example of how to use it. |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
0
16591
147