Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@css-inline/css-inline
Advanced tools
@css-inline/css-inline - npm Package Compare versions
Comparing version 0.12.1 to 0.13.0
| { | ||
| "name": "@css-inline/css-inline", | ||
| "version": "0.12.1", | ||
| "version": "0.13.0", | ||
| "description": "High-performance library for inlining CSS into HTML 'style' attributes", | ||
@@ -99,11 +99,11 @@ "main": "index.js", | ||
| "optionalDependencies": { | ||
| "@css-inline/css-inline-win32-x64-msvc": "0.12.1", | ||
| "@css-inline/css-inline-darwin-x64": "0.12.1", | ||
| "@css-inline/css-inline-linux-x64-gnu": "0.12.1", | ||
| "@css-inline/css-inline-darwin-arm64": "0.12.1", | ||
| "@css-inline/css-inline-linux-arm64-gnu": "0.12.1", | ||
| "@css-inline/css-inline-linux-arm64-musl": "0.12.1", | ||
| "@css-inline/css-inline-linux-arm-gnueabihf": "0.12.1", | ||
| "@css-inline/css-inline-linux-x64-musl": "0.12.1" | ||
| "@css-inline/css-inline-win32-x64-msvc": "0.13.0", | ||
| "@css-inline/css-inline-darwin-x64": "0.13.0", | ||
| "@css-inline/css-inline-linux-x64-gnu": "0.13.0", | ||
| "@css-inline/css-inline-darwin-arm64": "0.13.0", | ||
| "@css-inline/css-inline-linux-arm64-gnu": "0.13.0", | ||
| "@css-inline/css-inline-linux-arm64-musl": "0.13.0", | ||
| "@css-inline/css-inline-linux-arm-gnueabihf": "0.13.0", | ||
| "@css-inline/css-inline-linux-x64-musl": "0.13.0" | ||
| } | ||
| } |
@@ -42,2 +42,3 @@ # css-inline | ||
| - Supports HTML5 & CSS3 | ||
| - Tested on Node.js 18 & 20. | ||
@@ -113,2 +114,17 @@ ## Playground | ||
| Alternatively, you may keep `style` from being removed by using the `data-css-inline="keep"` attribute. | ||
| This is useful if you want to keep `@media` queries for responsive emails in separate `style` tags: | ||
| ```html | ||
| <head> | ||
| <!-- Styles below are not removed --> | ||
| <style data-css-inline="keep">h1 { color:blue; }</style> | ||
| </head> | ||
| <body> | ||
| <h1>Big Text</h1> | ||
| </body> | ||
| ``` | ||
| Such tags will be kept in the resulting HTML even if the `keep_style_tags` option is set to `false`. | ||
| ## WebAssembly | ||
@@ -142,15 +158,15 @@ | ||
| `css-inline` is powered by efficient tooling from Mozilla's Servo project and significantly outperforms other JavaScript alternatives in terms of speed. | ||
| Most of the time it achieves over a **4x** speed advantage compared to the next fastest alternative. | ||
| Most of the time it achieves over a **3x** speed advantage compared to the next fastest alternative. | ||
| Here is the performance comparison: | ||
| | | Size | `css-inline 0.12.0` | `css-inline-wasm 0.12.0` | `juice 10.0.0` | `inline-css 4.0.2` | | ||
| |-------------|---------|---------------------|--------------------------|-----------------------|------------------------| | ||
| | Basic | 230 B | 15.06 µs | 29.33 µs (**1.94x**) | 142.53 µs (**9.46x**) | 163.77 µs (**10.87x**) | | ||
| | Realistic-1 | 8.58 KB | 320.71 µs | 638.97 µs (**1.99x**) | 1.28 ms (**4.01x**) | 1.87 ms (**5.85x**) | | ||
| | Realistic-2 | 4.3 KB | 205.21 µs | 385.20 µs (**1.87x**) | 1.72 ms (**8.42x**) | 1.56 ms (**7.63x**) | | ||
| | | Size | `css-inline 0.13.0` | `css-inline-wasm 0.13.0` | `juice 10.0.0` | `inline-css 4.0.2` | | ||
| |-------------|---------|---------------------|--------------------------|----------------------|----------------------| | ||
| | Basic | 230 B | 15.34 µs | 19.99 µs (**1.30x**) | 56.70 µs (**3.69x**) | 67.95 µs (**4.42x**) | | ||
| | Realistic-1 | 8.58 KB | 333.22 µs | 434.59 µs (**1.30x**) | 1.07 ms (**3.23x**) | 1.24 ms (**3.73x**) | | ||
| | Realistic-2 | 4.3 KB | 195.80 µs | 261.09 µs (**1.33x**) | 0.99 ms (**5.10x**) | 0.76 ms (**3.90x**) | | ||
| The "Basic" case was obtained from benchmarking the example from the Usage section. | ||
| The benchmarking code is available in the `benches/bench.ts` file. The benchmarks were conducted using the stable `rustc 1.74.1` on Node.js `v21.4.0`. | ||
| The benchmarking code is available in the `benches/bench.ts` file. The benchmarks were conducted using the stable `rustc 1.75.0` on Node.js `v21.1.0`. | ||
@@ -157,0 +173,0 @@ ## License |
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by1.71%
28715
- Number of lines in readme file
- increased by10.19%
173
No dependency changes