Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@blockchain-com/constellation
Advanced tools
Readme
Base component library for React based applications built and used by Blockchain.com.
Run the installation as documented in the repo root
Inside the constellation
package, run:
yarn storybook
Inside the constellation
package, run:
yarn test
Unit tests will be run by jest automatically by naming your test <test name>.test.ts
Snapshot tests are run automatically using the command above. Snapshots are generated automatically via Storybook's Storyshots add-on
A snapshot will be created automatically when a story is created. Snapshot tests should be updated whenever you create a new story or visually update an existing story. To do this, run:
yarn test:update
Check TS types by running:
yarn test:tsc
Build the package for a new release, via Rollup output to dist
, using
yarn build
Install the library yarn add @blockchain/constellation
Import Inter font. see
Import and wrap your entire App with the ThemeProvider component. Example below
import { useEffect } from 'react'
import {
ThemeProvider,
useThemeMode,
useLocalStorage,
ThemeMode
} from '@blockchain/constellation'
function App(): JSX.Element {
const [themeMode] = useLocalStorage<ThemeMode>('themeMode', 'light')
const theme = useThemeMode(themeMode)
return (
<Store>
<ThemeProvider theme={theme}>
<Router>
...
</Router>
</ThemeProvider>
<Store />
)
}
That's it, happy hacking!
If you would like to develop this library while consuming it via another application, follow these steps:
symlinks: false
in the resolve config.From Constellation repo, run yarn workspace @blockchain-com/constellation build
to compile Constellation.
In the app you would like to symlink the repo to, change the dependency install in package.json
"@blockchain-com/constellation": "portal:../constellation/packages/constellation", // relative path may be different!
In consuming app, run yarn install
You can now make changes to Constellation components and use them directly in the consuming app!
NOTE: For now you will have to manually rebuild (rerun step 1) after every change to a Constellation component.
yarn test --watch
- Run jest in watch modeyarn analyze_bundle:open
- Create an bundle report and open in the browseryarn analyze_bundle:json
- Create an bundle report json in ./stats.json
FAQs
Unknown package
The npm package @blockchain-com/constellation receives a total of 25 weekly downloads. As such, @blockchain-com/constellation popularity was classified as not popular.
We found that @blockchain-com/constellation 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
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.