|
1 | | -import{_ as a,n,p as l,a6 as s,v as r}from"./framework-a770bce2.js";const o={};function d(u,e){return n(),l("div",null,[e[0]||(e[0]=s('<h1 id="angular" tabindex="-1"><a class="header-anchor" href="#angular" aria-hidden="true">#</a> Angular</h1><p>Endless Lifecycle Support (ELS) for Angular from TuxCare provides security fixes for Angular versions that have reached its end of life. This allows you to continue running Angular applications without vulnerability concerns, even after official support has ended.</p><div class="warning custom-block"><p class="custom-block-title"></p><p>ELS for Angular is currently in active development. If you are interested in updates, adoption, or have specific requirements or feature requests, please contact <a href="mailto:[email protected]">[email protected]</a></p></div><h2 id="supported-angular-versions" tabindex="-1"><a class="header-anchor" href="#supported-angular-versions" aria-hidden="true">#</a> Supported Angular Versions</h2><p>Angular versions 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, and 19 are supported.</p><h2 id="connection-to-els-for-angular-repository" tabindex="-1"><a class="header-anchor" href="#connection-to-els-for-angular-repository" aria-hidden="true">#</a> Connection to ELS for Angular Repository</h2><p>Please contact <a href="mailto:[email protected]">[email protected]</a> for instructions.</p>',7)),r(` |
2 | | -This guide outlines the steps needed to integrate the TuxCare ELS for Angular repository. |
3 | | -
|
4 | | -## Step 1: Get user credentials |
5 | | -
|
6 | | -You need a username, password, and token in order to use TuxCare ELS Angular repository. Anonymous access is disabled. To receive the credentials please contact [[email protected]](mailto:[email protected]). |
7 | | -
|
8 | | -## Step 2: Set Up ELS for Angular |
9 | | -
|
10 | | -TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal registry. Follow the steps below to add it to your project and get started. |
11 | | -
|
12 | | -1. Navigate to the root directory of your Angular project. |
13 | | -2. Create a \`.npmrc\` file or update it if it already exists. |
14 | | -
|
15 | | - **Example:** |
16 | | -
|
17 | | - \`\`\`text |
18 | | - my-angular-project/ |
19 | | - βββ src/ |
20 | | - βββ angular.json |
21 | | - βββ package.json |
22 | | - βββ .npmrc β οΈ β Create it here |
23 | | - βββ tsconfig.json |
24 | | - \`\`\` |
25 | | -
|
26 | | -3. Use an editor of your choice (e.g., VS Code) to add the following registry address line: |
27 | | -
|
28 | | - <CodeWithCopy> |
29 | | -
|
30 | | - \`\`\`text |
31 | | - registry=https://registry.npmjs.org/ |
32 | | - @els-js:registry=https://nexus.repo.tuxcare.com/repository/els-js/ |
33 | | - //nexus.repo.tuxcare.com/repository/els-js/:_auth=\${TOKEN} |
34 | | - \`\`\` |
35 | | -
|
36 | | - </CodeWithCopy> |
37 | | -
|
38 | | - :::warning |
39 | | - Replace \${TOKEN} with the token you received from [[email protected]](mailto:[email protected]). |
40 | | - ::: |
41 | | -
|
42 | | -4. Update your \`package.json\` file to replace your Angular dependencies with the TuxCare packages. |
43 | | -
|
| 1 | +import{_ as m,S as s,n as t,p as g,a6 as r,q as e,C as n,A as o,J as l,v as p}from"./framework-a770bce2.js";const c={start:"4"},j={start:"5"},f=`"dependencies": { |
| 2 | + "@angular/common": "npm:@els-js/[email protected]", |
| 3 | + "@angular/compiler": "npm:@els-js/[email protected]", |
| 4 | + "@angular/core": "npm:@els-js/[email protected]", |
| 5 | + "@angular/forms": "npm:@els-js/[email protected]", |
| 6 | + "@angular/platform-browser": "npm:@els-js/[email protected]", |
| 7 | + "@angular/platform-browser-dynamic": "npm:@els-js/[email protected]", |
| 8 | + "@angular/platform-server": "npm:@els-js/[email protected]", |
| 9 | + "@angular/router": "npm:@els-js/[email protected]", |
| 10 | + "@angular/ssr": "^19.2.15", |
| 11 | + "express": "^4.18.2", |
| 12 | + "rxjs": "~7.8.0", |
| 13 | + "tslib": "^2.3.0", |
| 14 | + "zone.js": "~0.15.0" |
| 15 | + }, |
| 16 | + "devDependencies": { |
| 17 | + "@angular-devkit/build-angular": "^19.2.15", |
| 18 | + "@angular/cli": "^19.2.15", |
| 19 | + "@angular/compiler-cli": "npm:@els-js/[email protected]", |
| 20 | + "@types/express": "^4.17.17", |
| 21 | + "@types/jasmine": "~5.1.0", |
| 22 | + "@types/node": "^18.18.0", |
| 23 | + "jasmine-core": "~5.6.0", |
| 24 | + "karma": "~6.4.0", |
| 25 | + "karma-chrome-launcher": "~3.2.0", |
| 26 | + "karma-coverage": "~2.2.0", |
| 27 | + "karma-jasmine": "~5.1.0", |
| 28 | + "karma-jasmine-html-reporter": "~2.1.0", |
| 29 | + "typescript": "~5.7.2" |
| 30 | + }, |
| 31 | + "overrides": { |
| 32 | + "@angular/common": "npm:@els-js/[email protected]", |
| 33 | + "@angular/compiler": "npm:@els-js/[email protected]", |
| 34 | + "@angular/core": "npm:@els-js/[email protected]", |
| 35 | + "@angular/forms": "npm:@els-js/[email protected]", |
| 36 | + "@angular/platform-browser": "npm:@els-js/[email protected]", |
| 37 | + "@angular/platform-browser-dynamic": "npm:@els-js/[email protected]", |
| 38 | + "@angular/platform-server": "npm:@els-js/[email protected]", |
| 39 | + "@angular/router": "npm:@els-js/[email protected]", |
| 40 | + "@angular/compiler-cli": "npm:@els-js/[email protected]", |
| 41 | + "@angular/localize": "npm:@els-js/[email protected]", |
| 42 | + "@angular/service-worker": "npm:@els-js/[email protected]" |
| 43 | + }`,_=`"dependencies": { |
| 44 | + "@angular/common": "npm:@els-js/[email protected]", |
| 45 | + "@angular/compiler": "npm:@els-js/[email protected]", |
| 46 | + "@angular/core": "npm:@els-js/[email protected]", |
| 47 | + "@angular/forms": "npm:@els-js/[email protected]", |
| 48 | + "@angular/platform-browser": "npm:@els-js/[email protected]", |
| 49 | + "@angular/platform-browser-dynamic": "npm:@els-js/[email protected]", |
| 50 | + "@angular/router": "npm:@els-js/[email protected]", |
| 51 | + "rxjs": "~7.8.0", |
| 52 | + "tslib": "^2.3.0", |
| 53 | + "zone.js": "~0.15.0" |
| 54 | + }, |
| 55 | + "devDependencies": { |
| 56 | + "@angular-devkit/build-angular": "^19.2.15", |
| 57 | + "@angular/cli": "^19.2.15", |
| 58 | + "@angular/compiler-cli": "npm:@els-js/[email protected]", |
| 59 | + "@types/jasmine": "~5.1.0", |
| 60 | + "jasmine-core": "~5.6.0", |
| 61 | + "karma": "~6.4.0", |
| 62 | + "karma-chrome-launcher": "~3.2.0", |
| 63 | + "karma-coverage": "~2.2.0", |
| 64 | + "karma-jasmine": "~5.1.0", |
| 65 | + "karma-jasmine-html-reporter": "~2.1.0", |
| 66 | + "typescript": "~5.7.2" |
| 67 | + }, |
| 68 | + "overrides": { |
| 69 | + "@angular/common": "npm:@els-js/[email protected]", |
| 70 | + "@angular/compiler": "npm:@els-js/[email protected]", |
| 71 | + "@angular/core": "npm:@els-js/[email protected]", |
| 72 | + "@angular/forms": "npm:@els-js/[email protected]", |
| 73 | + "@angular/platform-browser": "npm:@els-js/[email protected]", |
| 74 | + "@angular/platform-browser-dynamic": "npm:@els-js/[email protected]", |
| 75 | + "@angular/router": "npm:@els-js/[email protected]", |
| 76 | + "@angular/platform-server": "npm:@els-js/[email protected]", |
| 77 | + "@angular/service-worker": "npm:@els-js/[email protected]", |
| 78 | + "@angular/compiler-cli": "npm:@els-js/[email protected]" |
| 79 | + }`,k={__name: "index.html",setup(v){return(b,a)=>{const u=s("CodeWithCopy"),d=s("CodeTabs"),i=s("TableTabs");return t(),g("div",null,[a[11]||(a[11]=r('<h1 id="angular" tabindex="-1"><a class="header-anchor" href="#angular" aria-hidden="true">#</a> Angular</h1><p>Endless Lifecycle Support (ELS) for Angular from TuxCare provides security fixes for Angular versions that have reached its end of life. This allows you to continue running Angular applications without vulnerability concerns, even after official support has ended.</p><div class="warning custom-block"><p class="custom-block-title"></p><p>ELS for Angular is currently in active development. If you are interested in updates, adoption, or have specific requirements or feature requests, please contact <a href="mailto:[email protected]">[email protected]</a></p></div><h2 id="supported-angular-versions" tabindex="-1"><a class="header-anchor" href="#supported-angular-versions" aria-hidden="true">#</a> Supported Angular Versions</h2><p>Angular versions 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, and 19 are supported.</p><h2 id="connection-to-els-for-angular-repository" tabindex="-1"><a class="header-anchor" href="#connection-to-els-for-angular-repository" aria-hidden="true">#</a> Connection to ELS for Angular Repository</h2><p>Please contact <a href="mailto:[email protected]">[email protected]</a> for instructions.</p><p>This guide outlines the steps needed to integrate the TuxCare ELS for Angular repository.</p><h2 id="step-1-get-user-credentials" tabindex="-1"><a class="header-anchor" href="#step-1-get-user-credentials" aria-hidden="true">#</a> Step 1: Get user credentials</h2><p>You need a username, password, and token in order to use TuxCare ELS Angular repository. Anonymous access is disabled. To receive the credentials please contact <a href="mailto:[email protected]">[email protected]</a>.</p><h2 id="step-2-set-up-els-for-angular" tabindex="-1"><a class="header-anchor" href="#step-2-set-up-els-for-angular" aria-hidden="true">#</a> Step 2: Set Up ELS for Angular</h2><p>TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal registry. Follow the steps below to add it to your project and get started.</p>',12)),e("ol",null,[a[2]||(a[2]=r(`<li><p>Navigate to the root directory of your Angular project.</p></li><li><p>Create a <code>.npmrc</code> file or update it if it already exists.</p><p><strong>Example:</strong></p><div class="language-text line-numbers-mode" data-ext="text"><pre class="language-text"><code>my-angular-project/ |
| 80 | +βββ src/ |
| 81 | +βββ angular.json |
| 82 | +βββ package.json |
| 83 | +βββ .npmrc β οΈ β Create it here |
| 84 | +βββ tsconfig.json |
| 85 | +</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div></li>`,2)),e("li",null,[a[1]||(a[1]=e("p",null,"Use an editor of your choice (e.g., VS Code) to add the following registry address line:",-1)),n(u,null,{default:o(()=>a[0]||(a[0]=[e("div",{class:"language-text line-numbers-mode","data-ext":"text"},[e("pre",{class:"language-text"},[e("code",null,`registry=https://registry.npmjs.org/ |
| 86 | +@els-js:registry=https://nexus.repo.tuxcare.com/repository/els_js/ |
| 87 | +//nexus.repo.tuxcare.com/repository/els_js/:_auth=\${TOKEN} |
| 88 | +`)]),e("div",{class: "line-numbers","aria-hidden": "true"},[e("div",{class: "line-number"}),e("div",{class: "line-number"}),e("div",{class: "line-number"})])],-1)])),_: 1,__: [0]})])]),a[12]||(a[12]=e("div",{class: "warning custom-block"},[e("p",{class: "custom-block-title"}),e("p",null,[l("Replace ${TOKEN} with the token you received from "),e("a",{href: "mailto:[email protected]"},"[email protected]"),l(".")])],-1)),e("ol",c,[e("li",null,[a[6]||(a[6]=e("p",null,[l("Update your "),e("code",null,"package.json"),l(" file to replace your Angular dependencies with the TuxCare packages.")],-1)),n(i,{label: "Choose Angular version: "},{Angular_19: o(()=>[a[3]||(a[3]=e("div",{class: "tip custom-block"},[e("p",{class: "custom-block-title"}),e("p",null,'Use "SSR ON" if your project is configured with Server-Side Rendering, otherwise use "SSR OFF".'),e("p",null,[l("To check whether your Angular project is configured with Server-Side Rendering, look for "),e("code",null,"@angular/ssr"),l(" listed in your original "),e("code",null,"package.json"),l(" file before replacing dependencies. If you see "),e("code",null,"@angular/ssr"),l(" listed, "),e("strong",null,"SSR is ON"),l(", otherwise "),e("strong",null,"SSR is OFF"),l(".")])],-1)),a[4]||(a[4]=l()),n(d,{tabs: [{title: "SSR ON",content: f},{title: "SSR OFF",content: _}]},null,8,["tabs"]),a[5]||(a[5]=e("div",{class: "tip custom-block"},[e("p",{class: "custom-block-title"}),e("p",null,[l("If you use any of the following "),e("strong",null,"non-default Angular modules"),l(", update their versions as shown below:")]),e("ul",null,[e("li",null,'"@angular/animations": "npm:@els-js/[email protected]",'),e("li",null,'"@angular/elements": "npm:@els-js/[email protected]",'),e("li",null,'"@angular/language-service": "npm:@els-js/[email protected]",'),e("li",null,'"@angular/localize": "npm:@els-js/[email protected]",'),e("li",null,'"@angular/upgrade": "npm:@els-js/[email protected]",'),e("li",null,'"@angular/platform-server": "npm:@els-js/[email protected]",'),e("li",null,'"@angular/service-worker": "npm:@els-js/[email protected]",')]),e("p",null,[l("After adding these aliases, make sure the same modules are also listed in the "),e("code",null,"overrides"),l(" section, just like the default ones.")])],-1))]),_: 1})])]),p(` |
44 | 89 | **Angular 12** |
45 | 90 | <details> |
46 | 91 | <summary>Click to expand</summary> |
@@ -322,24 +367,11 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal |
322 | 367 |
|
323 | 368 | </details> |
324 | 369 |
|
325 | | -5. In your terminal, run the following command to install ELS for Angular: |
326 | | -
|
327 | | - <CodeWithCopy> |
328 | | - |
329 | | - \`\`\`text |
330 | | - npm install --userconfig .npmrc |
331 | | - \`\`\` |
332 | | - |
333 | | - </CodeWithCopy> |
334 | | -
|
335 | | - You will see an output like: |
336 | | -
|
337 | | - \`\`\`text |
338 | | - added 12 packages, removed 931 packages, changed 22 packages, and audited 57 packages in 23s |
339 | | -
|
340 | | - found 0 vulnerabilities |
341 | | - \`\`\` |
| 370 | + `),e("ol",j,[e("li",null,[a[8]||(a[8]=e("p",null,"In your terminal, run the following command to install ELS for Angular:",-1)),n(u,null,{default:o(()=>a[7]||(a[7]=[e("div",{class:"language-text line-numbers-mode","data-ext":"text"},[e("pre",{class:"language-text"},[e("code",null,`npm install --userconfig .npmrc |
| 371 | +`)]),e("div",{class:"line-numbers","aria-hidden":"true"},[e("div",{class:"line-number"})])],-1)])),_:1,__:[7]}),a[9]||(a[9]=r(`<p>You will see an output like:</p><div class="language-text line-numbers-mode" data-ext="text"><pre class="language-text"><code>added 4 packages, changed 9 packages, and audited 945 packages in 3s |
342 | 372 |
|
343 | | -6. You've successfully integrated the TuxCare ELS for Angular repository into your project. |
| 373 | +162 packages are looking for funding |
| 374 | + run \`npm fund\` for details |
344 | 375 |
|
345 | | - `)])}const m=a(o,[["render",d],["__file","index.html.vue"]]);export{m as default}; |
| 376 | +found 0 vulnerabilities |
| 377 | +</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div>`,2))]),a[10]||(a[10]=e("li",null,[e("p",null,"You've successfully integrated the TuxCare ELS for Angular repository into your project.")],-1))])])}}},h=m(k,[["__file","index.html.vue"]]);export{h as default}; |
0 commit comments