Gathering detailed insights and metrics for posthtml-postcss
Gathering detailed insights and metrics for posthtml-postcss
Installations
npm install posthtml-postcssDeveloper Guide
BETA
Typescript
No
Module System
ESM
Min. Node Version
>=18
Node Version
22.14.0
NPM Version
10.9.2
Releases
14
Languages
1
JavaScript
JavaScript (100%)
Developer
posthtml
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
52 Stars
213 Commits
15 Forks
5 Watchers
3 Branches
16 Contributors
Updated on Jul 14, 2025
Maintainers
3
Package Meta Information
Latest Version
1.0.4
Package Id
posthtml-postcss@1.0.4
Unpacked Size
6.60 kB
Size
2.80 kB
File Count
4
NPM Version
10.9.2
Node Version
22.14.0
Published on
Mar 04, 2025
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
Dependencies
2
Install
1npm i -D posthtml-postcss
Usage
1import {dirname} from 'node:path' 2import {readFileSync} from 'node:fs' 3import {fileURLToPath} from 'node:url' 4 5import posthtml from 'posthtml' 6import postcss from 'posthtml-postcss' 7 8const postcssPlugins = [] 9const postcssOptions = {} 10const filterType = /^text\/css$/ 11 12const __filename = fileURLToPath(import.meta.url) 13const __dirname = dirname(__filename) 14 15const filePath = `${__dirname}/index.html` 16const html = readFileSync(filePath, 'utf8') 17 18posthtml([ 19 postcss(postcssPlugins, postcssOptions, filterType) 20]) 21 .process(html, {from: filePath}) 22 .then((result) => console.log(result.html))
If you don't pass any arguments to posthtml-postcss, it will try to use your project's PostCSS configuration (see postcss-load-config).
Notice that we're setting the option from when calling process. posthtml-postcss forwards this to PostCSS, which is useful for syntax error messages. (postcss-cli and gulp-posthtml are setting from automatically.)
Example
1import posthtml from 'posthtml' 2import postcss from 'posthtml-postcss' 3import autoprefixer from 'autoprefixer' 4 5const postcssPlugins = [ 6 autoprefixer({ browsers: ['last 2 versions'] }) 7] 8const postcssOptions = {} 9const filterType = /^text\/css$/ 10 11const html = ` 12 <style>div { display: flex; }</style> 13 <div style="display: flex;">Text</div> 14` 15 16posthtml([ 17 postcss(postcssPlugins, postcssOptions, filterType) 18]) 19 .process(html) 20 .then(result => console.log(result.html))
Output:
1<style> 2 div { display: -webkit-flex;display: -ms-flexbox;display: flex; } 3</style> 4<div style="display: -webkit-flex;display: -ms-flexbox;display: flex;"> 5 Text 6</div>
No vulnerabilities found.
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
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/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/nodejs.yml/master?enable=pin
- Info: 0 out of 2 GitHub-owned GitHubAction dependencies pinned
- Info: 1 out of 1 npmCommand dependencies pinned
Reason
7 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-x574-m823-4x7w
- Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8
- Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x
- Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4
- Warn: Project is vulnerable to: GHSA-859w-5945-r5v3
Reason
Found 0/5 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- 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
project is not fuzzed
Details
- Warn: no fuzzer integrations found
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
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 25 are checked with a SAST tool
Score
3
/10
Last Scanned on 2025-07-07
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