Skip to content

Commit 0ce696a

Browse files
committed
Deploying to gh-pages from @ 5cdb4d1 πŸš€
1 parent b2ee1bc commit 0ce696a

File tree

41 files changed

+231
-203
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

41 files changed

+231
-203
lines changed

β€Ž404.htmlβ€Ž

Lines changed: 2 additions & 2 deletions
Large diffs are not rendered by default.

β€Žassets/app-6e259971.jsβ€Ž renamed to β€Žassets/app-1fb9ce16.jsβ€Ž

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

β€Žassets/index.html-36de9f74.jsβ€Ž renamed to β€Žassets/index.html-e6982700.jsβ€Ž

Lines changed: 94 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,91 @@
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(`
4489
**Angular 12**
4590
<details>
4691
<summary>Click to expand</summary>
@@ -322,24 +367,11 @@ TuxCare provides ELS for Angular as an NPM package, hosted on a secure internal
322367
323368
</details>
324369
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
342372
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
344375
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};

β€Žassets/index.html-86c24df5.jsβ€Ž renamed to β€Žassets/index.html-eac0cb45.jsβ€Ž

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
Β (0)