
Security News
/Research
Wallet-Draining npm Package Impersonates Nodemailer to Hijack Crypto Transactions
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.
coder-components
Advanced tools
lightGray: '#8f908a',
mediumGray: '#333333',
darkGray: '#222222',
darkMediumGray: '#272727',
black: '#0a0a0a',
white: '#fefefe',
offWhite: '#f7f7f7',
mediumWhite: '#eeeeee',
pink: '#fb266c',
blue: '#60d5f0',
green: '#8ee80e',
yellow: '#fbec26',
red: '#ff4a4a',
teal: '#7bffbe',
purple: '#8943ff',
darkBlue: '#0075ff',
orange: '#ffa100',
props: {
primary: 'pink', // The primary color
}
props // see DarkThemeProvider
props: { // Defaults to 1.5rem
large: false, // Large? 2rem
small: false, // Small? 1rem
icon: '/path/to/img',
label: 'Im displayed always',
firstName: 'Joe', // First and last name are displayed if
lastName: 'Schmoe', // the label is falsey
}
props: {
secondary: false, // Secdonary button style?
color: 'primary', // Color of button
disabled: false,
}
props: {
label: 'Click Me!',
secondary: false, // Secdonary button style?
ternary: false, // Third button style?
color: 'primary', // Color of button
disabled: false,
}
props: {
label: 'Phase', // The text for the chip
}
props: { // Defaults to 50rem
small: false, // Small? 40rem
large: false, // Large? 75rem
extraLarge: false, // Extra Large? 100rem
}
props: {
light: false, // Do I bold this header?
}
props // See H1
props // See H1
props // See H1
props: {
label: 'Joe Schmoe', // The text next to icon
icon: '/path/to/img',
}
props: {
bold: false, // Do I bold this paragraph?
}
props: {
percent: 75, // Perent of progress to fill to 100
}
props: {
active: false, // Have I been clicked?
onClick: v => doSomething(v),
value: 1, // This value is passed into onClick
icon: '/path/to/img',
label: 'Joe Schmoe' // Text for Tile
}
props: {
scrollX: false, // scroll on X?
scrollY: false, // scroll on Y?
}
AnimatedNumber
props: {
number: 100, // The number im going to
duration: 250, // Time in ms for animation
noDecimal: false, // Round?
format: () => {} // Format function applied to number before display
component: React.Component // What do I display with
}
PhaseBar
props: {
label: 'Lorem Ipsum', // What is displayed in the bar (requirement name)
phase: 'Design', // What phase is this for
}
RequirementBar
props: {
label: 'Lorem Ipsum', // Requirement Name
phases: ['Design', 'Develop'],// Array of phases
}
RangeSlider
Slider
Comment
props: {
user: user // The user who made the comment
comment: 'Lorem ipsum', // The text
createdAt: '01:12:13', // Standard datetime stuff
}
Select
props: {
// See react-select
}
npm install coder-components
import { Button } from 'coder-components';
// ...
import 'coder-components/styles/css/styles.css';
FAQs
A library of components for the Coder Platform
The npm package coder-components receives a total of 0 weekly downloads. As such, coder-components popularity was classified as not popular.
We found that coder-components 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
/Research
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.
Security News
This episode explores the hard problem of reachability analysis, from static analysis limits to handling dynamic languages and massive dependency trees.
Security News
/Research
Malicious Nx npm versions stole secrets and wallet info using AI CLI tools; Socket’s AI scanner detected the supply chain attack and flagged the malware.