Shared(Frontend): Start using npmAuthToken

.gitignore

@@ -62,4 +62,4 @@ dist
 !**/.yarn/plugins
 !**/.yarn/releases
 !**/.yarn/sdks
-!**/.yarn/versions
+!**/.yarn/versions

docker-compose-akt.yml

@@ -28,6 +28,8 @@ services:
     build:
       context: ./frontend
       dockerfile: Dockerfile.akt
+      args:
+        - GITHUB_REGISTRY_TOKEN=${GITHUB_REGISTRY_TOKEN}
     ports:
       - "4000:4000"
     working_dir: /app/reactjs

docker-compose-otr.yml

@@ -28,6 +28,8 @@ services:
     build:
       context: ./frontend
       dockerfile: Dockerfile.otr
+      args:
+        - GITHUB_REGISTRY_TOKEN=${GITHUB_REGISTRY_TOKEN}
     ports:
       - "4000:4000"
     working_dir: /app/reactjs

docs/shared_frontend.md

@@ -36,15 +36,17 @@ In this project directory, you can run:
 ## How to install the package?
 
 1. Create an access token as instructed [here](https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token), and select ONLY `read:packages` as the scope
-2. Add the created token to yarn configs in `kieli-ja-kaantajatutkinnot/frontend/.yarnrc.yml` with the property name `npmAuthToken` as shown below
+2. Add created token to your bash profile:
 
    ```sh
-     "opetushallitus":
-       npmRegistryServer: "https://npm.pkg.github.com"
-       npmAlwaysAuth: true
-       npmAuthToken: "created-token-here"    # <-- Add this line!
+    PROFILE_ADDRESS=~/.zshrc  # Depends on your current active profile. ~/.zshrc or ~/.bashrc
+    echo 'export GITHUB_REGISTRY_TOKEN="created_token_here"' >> $PROFILE_ADDRESS
    ```
 
-3. Run `yarn add @opetushallitus/kieli-ja-kaantajatutkinnot.shared@version` to install the package
+3. Reload bash profile configs
 
-N:B: Do not push your token to git!
+   ```sh
+     source $PROFILE_ADDRESS
+   ```
+
+4. Run `yarn add @opetushallitus/kieli-ja-kaantajatutkinnot.shared@version` to install the package

frontend/.yarnrc.yml

@@ -5,7 +5,9 @@ enableTelemetry: false
 nodeLinker: node-modules
 
 npmScopes:
-  "@opetushallitus":
+  "opetushallitus":
     npmRegistryServer: "https://npm.pkg.github.com"
+    npmAlwaysAuth: true
+    npmAuthToken: ${GITHUB_REGISTRY_TOKEN-GITHUB_TOKEN}
 
 yarnPath: .yarn/releases/yarn-3.2.0.cjs

frontend/Dockerfile.akt

@@ -2,6 +2,8 @@ FROM node:16.14.2-alpine
 
 RUN corepack enable
 
+ARG GITHUB_REGISTRY_TOKEN
+
 # Create app directory
 WORKDIR /app/reactjs
 

frontend/Dockerfile.otr

@@ -2,6 +2,8 @@ FROM node:16.14.2-alpine
 
 RUN corepack enable
 
+ARG GITHUB_REGISTRY_TOKEN
+
 # Create app directory
 WORKDIR /app/reactjs