Deseng 543 font awesome metweb cd (#2502)

* Added fontawesome token in met-web cd and docker file

* Removed duplicate line

* updating FONTAWESOME_PACKAGE_TOKEN to get it from environment variable

* Updating the met-web cd files

* Set env variable

.github/workflows/met-web-cd.yml

@@ -28,6 +28,7 @@ env:
   OPENSHIFT_SA_NAME: ${{ secrets.OPENSHIFT_SA_NAME }}
   OPENSHIFT_IMAGE_REGISTRY: ${{ secrets.OPENSHIFT_IMAGE_REGISTRY }}
   OPENSHIFT_REPOSITORY: ${{ secrets.OPENSHIFT_REPOSITORY }}
+  FONTAWESOME_TOKEN: ${{ secrets.FONTAWESOME_PACKAGE_TOKEN }}
 
 jobs:
   met-web-cd:
@@ -52,7 +53,7 @@ jobs:
 
       - name: Build image
         run: |
-          docker build . --file Dockerfile --tag image
+          docker build . --file Dockerfile --build-arg FONTAWESOME_TOKEN=${{ env.FONTAWESOME_TOKEN}} --tag image
 
       - name: Push image
         run: |

.github/workflows/met-web-ci.yml

@@ -41,8 +41,9 @@ jobs:
           node-version: ${{ matrix.node-version }}
       - name: Install dependencies
         run: |
-          npm config set '//npm.fontawesome.com/:_authToken' "${{ secrets.FONTAWESOME_PACKAGE_TOKEN }}"
           npm install --legacy-peer-deps
+        env:
+          FONTAWESOME_PACKAGE_TOKEN: ${{ secrets.FONTAWESOME_PACKAGE_TOKEN }}
       - name: Lint
         id: lint
         run: |
@@ -62,8 +63,9 @@ jobs:
 
       - name: Install dependencies
         run: |
-          npm config set '//npm.fontawesome.com/:_authToken' "${{ secrets.FONTAWESOME_PACKAGE_TOKEN }}"
           npm install --legacy-peer-deps
+        env:
+          FONTAWESOME_PACKAGE_TOKEN: ${{ secrets.FONTAWESOME_PACKAGE_TOKEN }}
 
       - name: Test with jest
         id: test
@@ -98,8 +100,9 @@ jobs:
           node-version: ${{ matrix.node-version }}
       - name: Install dependencies
         run: |
-          npm config set '//npm.fontawesome.com/:_authToken' "${{ secrets.FONTAWESOME_PACKAGE_TOKEN }}"
           npm install --legacy-peer-deps
+        env:
+          FONTAWESOME_PACKAGE_TOKEN: ${{ secrets.FONTAWESOME_PACKAGE_TOKEN }}
       - name: build to check strictness
         id: build
         run: |

met-web/.npmrc

@@ -1 +1,2 @@
 @fortawesome:registry=https://npm.fontawesome.com/
+//npm.fontawesome.com/:_authToken=${FONTAWESOME_PACKAGE_TOKEN}

met-web/Dockerfile

@@ -8,9 +8,16 @@ WORKDIR /app
 # add `/app/node_modules/.bin` to $PATH
 ENV PATH /app/node_modules/.bin:$PATH
 
+# Argument for the FontAwesome token
+ARG FONTAWESOME_TOKEN
+
+# Set FontAwesome token as an environment variable for use in the .npmrc
+ENV FONTAWESOME_PACKAGE_TOKEN=${FONTAWESOME_TOKEN}
+
 # install app dependencies
 COPY package.json ./
 COPY package-lock.json ./
+COPY .npmrc ./
 
 RUN npm install --silent
 RUN npm install [email protected] -g --silent

met-web/README.md

@@ -8,7 +8,7 @@ React.js frontend application for The Modern Engagement Tool project.
 * Install the following:
     - [Node.js](https://nodejs.org/en/)
 * Install Dependencies
-    - Set token for fontawesome by running `npm config set '//npm.fontawesome.com/:_authToken' "FONTAWESOME_PACKAGE_TOKEN"`
+    - Set env variable `FONTAWESOME_PACKAGE_TOKEN` in your system
     - Run `npm install` in the root of the project (met-web)
 
 ## Environment Variables