Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
@blockchain-com/components
Advanced tools
The library Components is based on React and styled-components. It contains basic components, "atoms", and more complex "molecules" that are used on the Blockchain.com ecosystem.
Both yarn
and npm
are supported.
The commands are given using npm
however you can use the yarn
equivalent and it will Just Work™
npm i @blockchain-com/components
and you are good to go!FontAwesome
Use <Fas... />
where "Fas" is the type ("Fab", "Far" and "Fas" are avaible, same as fontawesome.com) and "..." is the FontAwesome icon name.
The full icon list is available here (free version only)
Custom
Use <Bc... />
where "..." is the name of the icon.
Examples
// FontAwesome
<FasCheckCircle />
<FarCheckCircle />
<FabFacebook />
// Custom
<BcBitcoin />
npm i
npm run start
If you want to change the library and reflect your changes on your consumer app without having to push to the repo and release, just:
git clone git@github.com:blockchain/components.git
cd path-to/components
npm link
cd path-to/my-app
npm link @blockchain-com/components
You can also use the task npm run build:watch
on components
to automatically recompile the library and trigger a refresh on your app :fire:.
:zap: you need to run npm link @blockchain-com/components
everytime you run npm i
or yarn
...
This library follows the Atomic Design principles.
An additional attention has be taken to ensure that all components are available and fully functional accross major web browsers*, as well as responsive on any screen sizes.
Browsers with > 1% usage:
The coding style rules are defined by Prettier and enforced by Eslint The "good practices™" that we follow are defined by the Javascript Standard Style
The following commands are available:
npm run lint:js
Lints JS codenpm run lint:css
Lints styled componentsPlease execute npm test
to run the unit tests
Testing is done using Jest and Enzyme.
We use Husky to automatically deploy git hooks
On every git commit
and git push
we run the unit tests and the linting tasks.
The commit messages are also validated and must follow the Conventional Commits spec.
FAQs
Blockchain.com components library
The npm package @blockchain-com/components receives a total of 27 weekly downloads. As such, @blockchain-com/components popularity was classified as not popular.
We found that @blockchain-com/components demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 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.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.