
Research
Malicious fezbox npm Package Steals Browser Passwords from Cookies via Innovative QR Code Steganographic Technique
A malicious package uses a QR code as steganography in an innovative technique.
@ultimaker/ultimaker.com-designsystem
Advanced tools
npm i
to install NPM dependenciesnpm run unit
storybook
: Storybook development environment
test
or unit
: Execute all tests in browserstack (first create test/karma.conf.json)
unit:chrome
: Execute all unit tests in headless chrome
unit:debug
: Execute all test continuously, attach your own browser
build
: Build amd module
build:dev
: Builds an amd module for local testing
lint
: Lints all javascript
build-storybook
: Generate static storybook environment
We’ve added hygen, the scalable code generator that saves you time, to the stack so that you can quickly generate a new component using our component standard, which is reflected in the component structure outputted by the command.
Below is an example of issuing the command to create an atom
component called my-component
.
npx hygen modules component --name my-component --type atom
atom
molecule
organism
To add and run prettier against a component use the following command adjusting the component directory path as necessary
npx prettier --write --insert-pragma --require-pragma=false src/js/components/molecules/cards/card-article/**/*.{ts,scss,html}
git hook management has been setup using using husky. current hooks:
pre-push
SVG icons reside individually in the designsystem in the /src/assets/icons
directory. Webpack combines them into one sprite file, which is placed in the dist/static/icons
folder. The UX Harmonization team is working on a new icon set, but for now, this is our icon set. Also, once we have one repo that serves as our frontend application another way to serve the SVG icon set can be investigated, but for now, the following strategy is used:
Updating frontend will need to happen manually. The SVG sprite in the designsystem dist/static/icons
folder should be placed in the src/index.template.html
file in the frontend project.
Updating legacy will need to happen manually. The SVG sprite in the designsystem dist/static/icons
folder should be placed in the src/SiteBundle/Resources/views/layout.html.twig
and src/SiteBundle/Resources/views/popup_layout.html.twig
files in the legacy project.
Updating storybook need to happen manually. The SVG sprite in the designsystem dist/static/icons
folder should be placed in the .storybook/preview-body.html
file in the designsystem project.
FAQs
Ultimaker.com design system for vue components
The npm package @ultimaker/ultimaker.com-designsystem receives a total of 4 weekly downloads. As such, @ultimaker/ultimaker.com-designsystem popularity was classified as not popular.
We found that @ultimaker/ultimaker.com-designsystem demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 7 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.
Research
A malicious package uses a QR code as steganography in an innovative technique.
Research
/Security News
Socket identified 80 fake candidates targeting engineering roles, including suspected North Korean operators, exposing the new reality of hiring as a security function.
Application Security
/Research
/Security News
Socket detected multiple compromised CrowdStrike npm packages, continuing the "Shai-Hulud" supply chain attack that has now impacted nearly 500 packages.