Research
Security News
Threat Actor Exposes Playbook for Exploiting npm to Build Blockchain-Powered Botnets
A threat actor's playbook for exploiting the npm ecosystem was exposed on the dark web, detailing how to build a blockchain-powered botnet.
blockies-react-svg-test
Advanced tools
Blockies react SVG function component, blocky identicons, address-unique ethereum avatar, SVG base64 generation in browser or nodejs.
Blockies react SVG function component, blocky identicons, address-unique ethereum avatar, SVG base64 generation in browser or nodejs.
It allows you to use responsive width and height without rerendering because of SVG properties, and it will store the result.
Base64 url is smaller(~2kb) than the canvas size(~16kb), so it is suitable for server-side rendering.(8x8)
The address will automatically be converted to lower case until you set the
caseSensitive
property.
Demo of React SPA (you can read the code in the gh-pages
branch)
$ npm i blockies-react-svg
import BlockiesSvg from 'blockies-react-svg'
// Or use tsx directly:
// import BlockiesSvg from 'blockies-react-svg/src/BlockiesSvg.tsx'
// (The path to the file may have change, please check it when error happen.)
<BlockiesSvg
address={address}
//size={8}
//scale={10}
//caseSensitive={false}
className='classname'
style={styles}
/>
import makeBlockiesUrl from 'blockies-react-svg/dist/es/makeBlockiesUrl.js'
// Or use ts directly:
// import makeBlockiesUrl from 'blockies-react-svg/src/makeBlockiesUrl.ts'
// (The path to the file may have change, please check it when error happen.)
<img src={makeBlockiesUrl(address)} />
// Parameters:
// 1. address: string
// 2. size: number (default 8)
// 3. caseSensitive: boolean (default false)
// 4. scale: number (default 10)
import BlockiesSvgSync from 'blockies-react-svg/dist/es/BlockiesSvgSync.js'
// or use tsx directly:
// import BlockiesSvgSync from 'blockies-react-svg/src/BlockiesSvgSync.tsx'
// (The path to the file may have change, please check it when error happen.)
<BlockiesSvgSync
address={address}
//size={8}
//scale={10}
//caseSensitive={false}
className='classname'
style={styles}
/>
Canvas render doesn't support arbitrary size or other customized styles.
SVG is the better experience, because of the infinite resolution.
SVG file size is smaller than canvas.
FAQs
Blockies react SVG function component, blocky identicons, address-unique ethereum avatar, SVG base64 generation in browser or nodejs.
The npm package blockies-react-svg-test receives a total of 1 weekly downloads. As such, blockies-react-svg-test popularity was classified as not popular.
We found that blockies-react-svg-test 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.
Research
Security News
A threat actor's playbook for exploiting the npm ecosystem was exposed on the dark web, detailing how to build a blockchain-powered botnet.
Security News
NVD’s backlog surpasses 20,000 CVEs as analysis slows and NIST announces new system updates to address ongoing delays.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.