Tohuwabohu excorcism

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
===== NPM ======

Searching packages: https://stackoverflow.com/questions/10568512/how-to-find-search-find-npm-packages


===== Create a project ======
<code>
npm init
</code>

===== Start project ======


=== OPTIONAL Pick the repository ===
Pick teh repository from which you serve the dependencies

<code>
npm config set -- "//code.siemens.com/api/v4/packages/npm/:_authToken" 12345-abcdefgH1234XYz12J
</code>


==== Build first ====

<code>
# install modules from package.json
npm install
</code>

<code>
# advanced build
npm install --legacy-peer-deps --no-audit --prefer-offline --registry "https://registry.npmjs.org/"
</code>


| --legacy-peer-deps | avoids error "Conflicting peer dependency", when modules transitively depend on older npm-libs to be installed. And there are none in the repository, cause they were replaced by new versions. Then the build falls back to new versions of npm-lib and hopes they work too. |
| --no-audit| skip vulnerability scan |
| --prefer-offline |Stale data is an artifact of caching, in which an object in the cache is not the most recent version committed to the data source. If true, staleness checks for cached data will be bypassed, but missing data will be requested from the server.|
|--registry | --registry "https://registry.npmjs.org/|


==== OPTIONAL test ====

<code>
# starts the tests defined in 
npm test
</code>


==== start ====

<code>
npm run start -- --configuration mock --host 0.0.0.0 --disable-host-check  --port 4300
</code>

| -- | allows passing arguments to the "script", without writing them directly into the oackage.json . Here run executes "ng serve"  |
| --configuration mock | angular configuration defined in angular.json|
| --host 0.0.0.0  --disable-host-check | angular "serve" argument. Dont bind to localhost. Allows calling from another host, like host of VM. |
| --port 4300 | angular "serve" argument. starts angular app on different port.|


===== Using NPM in browser ======
https://medium.com/jeremy-keeshin/hello-world-for-javascript-with-npm-modules-in-the-browser-6020f82d1072



===== Setting the default registry ======

<code>
npm config set registry https://yoururl.com/artifactory/api/npm/npm-all
npm config get registry
</code>

The file, where the config is stored is in your home dir and is called '.npmrc'



Making the npm use a special registry for some package namespace is done as following

Opens the '.npmrc' file
<code>
npm config edit
</code>

And configure the registry e.g. for the `@simpl` pacakges.

Somewhere in `.nprc` add
<code>
@simpl:registry=https://code.yourdomain.com/api/v4/packages/npm/
@simpl-labs:registry=https://code.yourdomain.com/api/v4/packages/npm/
</code>

If the repository requires authentication - there is some weird syntax allowing to add a token as authentication for a repository, using the `//domain` notation
<code>
@simpl:registry=https://code.yourdomain.com/api/v4/packages/npm/
@simpl-labs:registry=https://code.yourdomain.com/api/v4/packages/npm/

//code.yourdomain.com/api/v4/packages/npm/:_authToken=CSC-y-79x5babLxHyeWyE1xJ
</code>