
Security News
vlt Launches "reproduce": A New Tool Challenging the Limits of Package Provenance
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
postcss-style-docs
Advanced tools
PostCSS plugin for dynamically adding documentation to styles.
The postcss-style-docs
pluin will walk through your input CSS and create a map of styles to documentation blocks as a message output.
/**
* @docs
* This is a documentation block for the .foo class
* it can be multiple lines
*/
.foo {
/* Input example */
}
.foo {
/* Output example */
}
Step 1: Install plugin:
npm install --save-dev postcss postcss-style-docs
Step 2: The postcss-style-docs
plugin works best when manually calling postcss.process
which enables users to get data out of the plugin:
import postcss from 'postcss';
import { getDocs, styleDocsPlugin } from './lib/cjs/index';
const inputCSS = `
/**
* @docs
* We're doing something really fancy and our users are going
* to love it.
*/
.something-fancy {
color: tomato;
}
/** @docs Make it pop */
.something-fancy--pop {
background: papayawhip;
}
`;
const { css, messages } = await postcss([
styleDocsPlugin()
]).process(inputCSS, { from: undefined });
const docs = getDocs(messages);
console.log(docs.size); // 2
console.log(docs.get('.something-fancy')); // 'We're doing something really fancy and our users are going to love it'
console.log(docs.get('.something-fancy--pop')); // 'Make it pop'
FAQs
PostCSS plugin for dynamically adding documentation to styles
The npm package postcss-style-docs receives a total of 2 weekly downloads. As such, postcss-style-docs popularity was classified as not popular.
We found that postcss-style-docs demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.