Gathering detailed insights and metrics for posthtml-postcss-merge-longhand
Gathering detailed insights and metrics for posthtml-postcss-merge-longhand
Merge longhand properties from inline CSS into shorthand with PostCSS.
Installations
npm install posthtml-postcss-merge-longhandDeveloper Guide
BETA
Typescript
Yes
Module System
ESM
Min. Node Version
>=18
Node Version
20.10.0
NPM Version
10.2.4
Score
91.9
Supply Chain
98.8
Quality
77.8
Maintenance
100
Vulnerability
100
License
Releases
13
Languages
3
JavaScript
HTML
TypeScript
JavaScript (66.63%)
HTML (26.72%)
TypeScript (6.65%)
Developer
posthtml
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
3 Stars
340 Commits
1 Forks
4 Watchers
3 Branches
10 Contributors
Updated on May 06, 2025
Bundle Size
208.05 kB
Minified
55.13 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
3.1.3
Package Id
posthtml-postcss-merge-longhand@3.1.3
Unpacked Size
7.61 kB
Size
2.77 kB
File Count
6
NPM Version
10.2.4
Node Version
20.10.0
Published on
Dec 16, 2024
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dev Dependencies
4
Merge Longhand
Merge longhand inline CSS into shorthand
About
This plugin uses postcss-merge-longhand to merge longhand CSS properties in style="" attributes to shorthand.
Input:
1<div style="margin-top: 1px; margin-right: 2px; margin-bottom: 3px; margin-left: 4px;">Test</div>
Output:
1<div style="margin: 1px 2px 3px 4px;">Test</div>
Install
$ npm i posthtml posthtml-postcss-merge-longhand
Usage
1import posthtml from 'posthtml' 2import mergeInlineLonghand from 'posthtml-postcss-merge-longhand' 3 4const html = '<div style="margin-top: 1px; margin-right: 2px; margin-bottom: 3px; margin-left: 4px;">Test</div>' 5 6posthtml([ mergeInlineLonghand() ]) 7 .process(html) 8 .then(result => console.log(result.html)) 9 10 // <div style="margin: 1px 2px 3px 4px;">Test</div>
CommonJS
Both ESM and CJS exports are provided, you can also require the module:
1const posthtml = require('posthtml') 2const mergeInlineLonghand = require('posthtml-postcss-merge-longhand') 3 4// ...
Options
tags
Type: array
Default: []
Array of tag names to process. All other tags will be skipped.
Example:
1import posthtml from 'posthtml' 2import mergeInlineLonghand from 'posthtml-postcss-merge-longhand' 3 4const html = ` 5 <div style="margin-top: 1px; margin-right: 2px; margin-bottom: 3px; margin-left: 4px;">Test</div> 6 <p style="margin-top: 1px; margin-right: 2px; margin-bottom: 3px; margin-left: 4px;">Test</p> 7` 8 9posthtml([ mergeInlineLonghand({tags: ['div']}) 10 ]) 11 .process(html) 12 .then(result => console.log(result.html)) 13 14 // <div style="margin: 1px 2px 3px 4px;">Test</div> 15 // <p style="margin-top: 1px; margin-right: 2px; margin-bottom: 3px; margin-left: 4px;">Test</p>
No vulnerabilities found.
Reason
22 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
4 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Reason
dependency not pinned by hash detected -- score normalized to 3
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/nodejs.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/posthtml/posthtml-postcss-merge-longhand/nodejs.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/nodejs.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/posthtml/posthtml-postcss-merge-longhand/nodejs.yml/master?enable=pin
- Info: 0 out of 2 GitHub-owned GitHubAction dependencies pinned
- Info: 1 out of 1 npmCommand dependencies pinned
Reason
Found 0/1 approved changesets -- score normalized to 0
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/nodejs.yml:1
- Info: no jobLevel write permissions found
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 29 are checked with a SAST tool
Score
4.2
/10
Last Scanned on 2025-05-05
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More