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.
@monsenso/components
Advanced tools
Readme
angular-component-library
# Install all dependencies
yarn
# Build the library
yarn build
yarn build
for building the library once.yarn build:watch
for building the library and watch for file changes.You may also build ESM files separately:
yarn build:esm
- for building AOT/JIT compatible versions of files.yarn build:esm:watch
- the same as previous command but in watch-mode.yarn lint
for performing static code analysis on both typescript files and scss
files.yarn tslint
for performing static code analysis on typescript files.yarn sass-lint
for performing static code analysis on scss files.yarn test
for running all your *.spec.ts
tests once. Chrome browser is used by default.yarn test:watch
for running all your *.spec.ts
and watch for file changes.yarn test:safari
for running all your *.spec.ts
tests once with Safari.yarn test:ie
for running all your *.spec.ts
tests once with Internet Explorer.yarn test:edge
for running all your *.spec.ts
tests once with Edge.yarn test:safari
for running all your *.spec.ts
tests once with Safari.yarn test:all
for running all your *.spec.ts
tests once with all 4 supported browsers.yarn docs
for generating documentation in the docs folder.npm version [<newversion> | major | minor | patch]
to increase library version.preversion
script in this case will automatically run project testing and linting
in prior in order to check that the library is ready for publishing.
yarn clean:tmp
command will clean up all temporary files like docs
, lib
,
tmp
etc.yarn clean:all
command will clean up all temporary files along with
node_modules
folder.In order to debug the library in your browser you'll need to have an Angular project that will consume your library, build the application and display it. For your convenience all of that should happen automatically in background so once you change library source code you should instantly see the changes in browser.
There are several ways to go here:
yarn link
command (see below).yarn link
to link your library to it.yarn link
In you angular-component-library root folder:
# Create symbolic link
yarn link
# Build library in watch mode
yarn build:watch
In you project folder that should consume the library:
# Link your library to the project
yarn link "@monsenso/components"
Note that this link is removed when yarn install is done on the consumer project. So you must do yarn install before setting up the link.
Now, once you update your library source code it will automatically be re-compiled and your project will be re-built so you may see library changes instantly.
More information about yarn link
command.
At the moment of publishing this project there is a bug exists when using
yarn link
in combination with Angular CLI. The issue is caused by havingnode_modules
folder inside linked library. There is a workaround has been provided that suggests to add apaths
property with all Angular dependencies to thetsconfig.json
file of the Angular CLI project like so:"paths": { "@angular/*": ["../node_modules/@angular/*"] }
At the moment angular-component-library does not handle images in components. When a component needs an image file to work this file must be added to the consumer project at the location specified in the component code.
FAQs
Monsenso shared components
We found that @monsenso/components demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 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.