Security News
PyPI’s New Archival Feature Closes a Major Security Gap
PyPI now allows maintainers to archive projects, improving security and helping users make informed decisions about their dependencies.
@patreon/studio
Advanced tools
Studio Design System is Patreon’s web design system and is built with React and Styled Components and written in Typescript.
The docs for Studio Design System live at https://studio.patreon.com
npm i -P @patreon/studio
View available Studio components and how to use them in the docs.
As an example, here’s how you’d import the Text component:
import { Text } from '@patreon/studio'
We use Docz to generate the Studio docs that live at https://studio.patreon.com.
Run npm run docs:server
and open localhost:3003
in your browser.
Storybook is a component development environment. Our version of Storybook uses the component story format, which expects stories to be written in the following format.
export ExampleStory = () => <ExampleComponent />
Run npm run storybook
.
Run npm run test
or npm run test:watch
Happo is our tool for visual regression testing. It's integrated as part of our CircleCI tests, but can also be run locally, with a little bit of setup:
.env
file in the studio
directory (it will be ignored by git)npm install
to make sure dependencies are installed (dotenv
in particular).npm run happo dev
, which will watch files for changes and with the --only
flag can be limited to specific components. See the docs for more info.If you haven't done it, checkout studio into a sibling directory of PRF and then run devx sync
.
From within a devx attach
session, go to /opt/code/studio
and run npm install
and then run npm run prf:link
to link your local dev version of studio to PRF.
This script will also watch for changes and rebuild as needed. Each rebuild isn't
particularly fast, so it's recommended you watch the console output to know when
it's safe to reload your dev browser. See npm run prf:link -- --help
for more
info.
You can develop in Studio and PRF similarly in rdev. If you don't already have a PRF container in rdev, create one:
rdev new patreon_react_features --name prf
Open an SSH session to your container:rdev ssh prf
Inside your container, install Studio in the home directory
cd /home/dev
git clone git@github.com:Patreon/studio.git
Run the same instructions as above:
cd studio
npm install
npm run prf:link
Run npm run prf:unlink
to revert to the published version of Studio.
FAQs
Patreon Studio Design System
The npm package @patreon/studio receives a total of 521 weekly downloads. As such, @patreon/studio popularity was classified as not popular.
We found that @patreon/studio demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 16 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
PyPI now allows maintainers to archive projects, improving security and helping users make informed decisions about their dependencies.
Research
Security News
Malicious npm package postcss-optimizer delivers BeaverTail malware, targeting developer systems; similarities to past campaigns suggest a North Korean connection.
Security News
CISA's KEV data is now on GitHub, offering easier access, API integration, commit history tracking, and automated updates for security teams and researchers.