@@ -17,7 +17,7 @@ build the frontend created by the template. This will also help ensure you have
1717### Compile the Frontend
1818
1919The ` sample/src ` sub-folder is where your frontend application is located. It uses Typescript, React and node.
20- Make sure node version ` v16.0.0 ` or higher is installed in your machine. Let's compile our generated application.
20+ Make sure node version ` v22.15.1 ` and npm 10.9.2 or higher are installed on your machine. Let's compile our generated application.
2121
2222``` bash
2323cd sample
@@ -55,8 +55,8 @@ building your UI. ESW-TS documentation can be found [here](http://tmtsoftware.g
5555
5656### Create login component
5757
58- Use of the TMT Command Service via the UI Gateway requires authentication. The user must login via the TMT AAS login
59- page, so we will add a login component from the ESW-TS library. Create a ` Login.tsx ` file in the ` src/components ` folder
58+ Use of the TMT Command Service via the UI Gateway requires authentication. The user must login via the TMT AAS login
59+ page, so we will add a login component from the ESW-TS library. Create a ` Login.tsx ` file in the ` src/components ` folder
6060which will redirect the user to the TMT login page. Later we will use this ` Login ` Component in ` Main.tsx ` .
6161
6262Copy the full snippet shown below & paste it in Login.tsx
@@ -73,13 +73,13 @@ Copy the full snippet shown below and replace the contents in `Main.tsx`.
7373Typescript
7474: @@snip [ Main.tsx] ( ../../../../src/components/Main.tsx ) { #auth }
7575
76- Here, you will see that there is a check to see if the user is authenticated, and if not, the login component will be
76+ Here, you will see that there is a check to see if the user is authenticated, and if not, the login component will be
7777shown. If the user is authenticated, the normal functionality of the app is presented, which right now, is just the
7878Hello World page.
7979
80- In order for our main component to have access to authentication logic from ESW-TS, we need to add a
80+ In order for our main component to have access to authentication logic from ESW-TS, we need to add a
8181[ context provider] ( https://reactjs.org/docs/context.html ) to the component. We do this when the component is constructed
82- at the top level. We will wrap our Main application with ` AuthContextProvider ` from ` esw-ts ` in ` App.tsx `
82+ at the top level. We will wrap our Main application with ` AuthContextProvider ` from ` esw-ts ` in ` App.tsx `
8383as shown below
8484
8585Copy the snippet within the ` return ` statement from the following & update ` App.tsx ` .
@@ -93,7 +93,7 @@ After adding this section, run the following command to see the progress that we
9393npm start
9494```
9595
96- You should now see ` Loading... ` on the browser screen.
96+ You should now see ` Loading... ` on the browser screen.
9797
9898![ login] ( ../images/login.png )
9999
@@ -113,11 +113,11 @@ Start the UI Gateway Service using esw-services.
113113
114114``` bash
115115cs install esw-services
116- esw-services start -g
116+ esw-services start start-eng-ui-services
117117
118118```
119119
120- Now try reloading the front end in browser. If the page is still up, refresh the page. If you closed it, restart the
120+ Now try reloading the front end in browser. If the page is still up, refresh the page. If you closed it, restart the
121121server using:
122122
123123``` bash
0 commit comments