
Research
Malicious npm Packages Impersonate Flashbots SDKs, Targeting Ethereum Wallet Credentials
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
@patternfly/class-name-updater
Advanced tools
Utility to update class names with Patternfly version numbers
This utility automatically identifies Patternfly class names that need to be updated after the introduction of versioned class names in Patternfly v5 or v6. Currently v5 is set at the default so if you are updating to v6, please use the --v6
option.
Requires Node.js >= 10.
npx @patternfly/class-name-updater ./path-to-src
Giving node more RAM can help for large codebases.
NODE_OPTIONS=--max-old-space-size=4096 npx @patternfly/class-name-updater ./path-to-src
These commands will show you places in your code that appear to need class name changes. Add the --fix
flag to allow us to autofix issues where possible.
Usage: @patternfly/class-name-updater [options] <path> [otherPaths...]
Options:
-V, --version output the version number
--v6 run in PF6 mode
--extensions comma-delineated list of file extensions to update, by default includes css, scss, less, ts, tsx, js, jsx and md
--exclude comma-delineated list of files to exclude, files should include their path relative to where this utility is being called
--fix whether to run fixer
-h, --help display help for command
In:
.pf-c-console {
display: grid;
grid-template-areas:
"actions-main actions-extra"
"main main";
row-gap: var(--pf-v5-global--spacer--md);
}
.pf-c-console__actions {
grid-area: actions-main;
display: flex;
}
.pf-c-console__actions > div {
margin-right: var(--pf-v5-global--spacer--sm);
}
.pf-m-selectable {
color: red;
}
.pf-u-screen-reader > .pf-l-stack__item {
color: blue;
}
<div className="pf-c-console">
<div className="pf-c-console__actions pf-m-selectable">
<p className="pf-u-screen-reader">
Helper text
</p>
</div>
</div>
Out:
.pf-v5-c-console {
display: grid;
grid-template-areas:
'actions-main actions-extra'
'main main';
row-gap: var(--pf-v5-global--spacer--md);
}
.pf-v5-c-console__actions {
grid-area: actions-main;
display: flex;
}
.pf-v5-c-console__actions > div {
margin-right: var(--pf-v5-global--spacer--sm);
}
.pf-m-selectable {
color: red;
}
.pf-v5-u-screen-reader > .pf-v5-l-stack__item{
color: red;
}
<div className="pf-v5-c-console">
<div className="pf-v5-c-console__actions pf-m-selectable">
<p className="pf-v5-u-screen-reader">
Helper text
</p>
</div>
</div>
FAQs
Utility to update class names with Patternfly version numbers
The npm package @patternfly/class-name-updater receives a total of 1 weekly downloads. As such, @patternfly/class-name-updater popularity was classified as not popular.
We found that @patternfly/class-name-updater demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers 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.
Research
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
Security News
Ruby maintainers from Bundler and rbenv teams are building rv to bring Python uv's speed and unified tooling approach to Ruby development.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.