NES for Angular Components
A comprehensive guide for installing and configuring Never‑Ending Support (NES) for Angular Components in your Angular application, including CDK and additional component packages.
Minimum Requirements
Please review our Minimum Requirements to ensure a smooth installation. Then follow 3 easy steps:
- Update your
package.json - Create or update your
.npmrcfile - Install & Run!
Detailed Instructions
Substitute the Angular dependencies in your package.json with the following
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/google-maps": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-date-fns-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-luxon-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/youtube-player": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/google-maps": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/youtube-player": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Note
You do not need to install every package. Simply select the packages applicable to your project.
Create an .npmrc file with the following
Replace <NES_ACCESS_TOKEN> with your access token.
.npmrc
@neverendingsupport:registry=https://registry.nes.herodevs.com/npm/pkg/
//registry.nes.herodevs.com/npm/pkg/:_authToken=<NES_ACCESS_TOKEN>
Install your dependencies
/bin/sh
npm install
And just like that, you can run your integration tests against NES for Angular Components!
Available Versions
Versions from v13 and above adhere to the decoupled namespace specification for the version structure:
namespace-packageName@OSSVersion-project-NESVersion
All versions below v13 use the base name @neverendingsupport/angular-material.
The following versions are available:
Version 17
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/google-maps": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-date-fns-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-luxon-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/youtube-player": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/google-maps": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/youtube-player": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Version 16
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/google-maps": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-date-fns-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-luxon-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/youtube-player": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/google-maps": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/youtube-player": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Version 15
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/google-maps": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-date-fns-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-luxon-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/youtube-player": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/google-maps": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/youtube-player": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Version 14
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/google-maps": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-date-fns-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-luxon-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/youtube-player": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/google-maps": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/youtube-player": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Version 13
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/google-maps": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-date-fns-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-luxon-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/youtube-player": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/google-maps": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/youtube-player": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Version 12
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/google-maps": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-luxon-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/youtube-player": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/google-maps": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/youtube-player": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Version 11
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/google-maps": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/youtube-player": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/google-maps": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/youtube-player": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Version 10
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/google-maps": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/youtube-player": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/google-maps": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/youtube-player": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Older Versions
Click to view versions 9 and below
Version 9
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/google-maps": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/youtube-player": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/google-maps": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/youtube-player": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Version 8
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]",
"@angular/youtube-player": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/youtube-player": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Version 7
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Version 6
{
"dependencies": {
"@angular/cdk": "npm:@neverendingsupport/[email protected]",
"@angular/material": "npm:@neverendingsupport/[email protected]",
"@angular/material-moment-adapter": "npm:@neverendingsupport/[email protected]"
},
"overrides": {
"@angular/cdk": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material": { ".": "npm:@neverendingsupport/[email protected]" },
"@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/[email protected]" }
}
}
Additional Information
Direct Download URLs
All of our NES for Angular Components packages can be accessed via direct download URLs.
For all versions below v16, the download URLs follow the pattern below where <PACKAGE_VERSION> is the version as listed above:
https://registry.nes.herodevs.com/npm/pkg/@neverendingsupport/angular-material/-/<PACKAGE_VERSION>.tgz
For v16 and above, the download URLs follow the pattern below where <PACKAGE_NAME> is the original package name that comes after the @angular/ and <PACKAGE_VERSION> is the version as listed above:
https://registry.nes.herodevs.com/npm/pkg/@neverendingsupport/angular-<PACKAGE_NAME>/-/<PACKAGE_VERSION>.tgz
For example, the direct download URLs for the latest version of NES for Angular Components are:
| Package | URL |
|---|---|
| cdk 17.3.10-components-17.3.12 | Download |
| google-maps 17.3.10-components-17.3.12 | Download |
| material 17.3.10-components-17.3.12 | Download |
| material-date-fns-adapter 17.3.10-components-17.3.12 | Download |
| material-luxon-adapter 17.3.10-components-17.3.12 | Download |
| material-moment-adapter 17.3.10-components-17.3.12 | Download |
| youtube-player 17.3.10-components-17.3.12 | Download |
Overview
Installation guides and configuration instructions for Angular Essentials packages
Previous Article
NgRx
A comprehensive guide for installing and configuring Never‑Ending Support (NES) for NgRx in your Angular application, including store, effects, and additional NgRx packages.
Next Article