fix(#2192): Optimize and fix vulnerabilities in frontend and metadata services

.github/workflows/code_check_frontend.yml

@@ -34,8 +34,6 @@ jobs:
           NODE_AUTH_TOKEN: ${{ secrets.NPMRC_TOKEN }}
 
       - name: 🧪 Test
-        env:
-          NODE_OPTIONS: "--max_old_space_size=8192"
         run: |
           npm run test
 

.github/workflows/frontend_sonar_scan.yml

@@ -31,7 +31,6 @@ jobs:
       - name: 🧪 Test
         working-directory: govtool/frontend
         env:
-          NODE_OPTIONS: "--max_old_space_size=6144"
           NODE_AUTH_TOKEN: ${{ secrets.NPMRC_TOKEN }}
         run: |
           npm ci

.github/workflows/test_storybook.yml

@@ -16,9 +16,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version-file: "govtool/frontend/.nvmrc"
       - name: Install dependencies
         run: |
           npm config set @intersect.mbo:registry "https://registry.npmjs.org/" --location=global
@@ -27,7 +27,7 @@ jobs:
       - name: Install Playwright
         run: npx playwright install --with-deps
       - name: Build Storybook
-        run: NODE_OPTIONS="--max-old-space-size=8046" npm run build:storybook --quiet
+        run: npm run build:storybook --quiet
       - name: Serve Storybook and run tests
         run: |
           npx concurrently -k -s first -n "SB,TEST" -c "magenta,blue" \

CHANGELOG.md

@@ -16,7 +16,8 @@ changes.
 
 ### Fixed
 
--
+- Fix vulnerabilities in dependencies [Issue 2192](https://github.com/IntersectMBO/govtool/issues/2192)
+- Optimize resources usage in frontend service build [Issue 2192](https://github.com/IntersectMBO/govtool/issues/2192)
 
 ### Changed
 

govtool/frontend/.storybook/main.ts

@@ -3,17 +3,15 @@ import type { StorybookConfig } from "@storybook/react-vite";
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: [
-    "@storybook/addon-links",
     "@storybook/addon-essentials",
+    "@storybook/addon-jest",
+    "@storybook/addon-links",
     "@storybook/addon-onboarding",
-    "@storybook/addon-interactions",
   ],
   framework: {
     name: "@storybook/react-vite",
     options: {},
   },
-  docs: {
-    autodocs: "tag",
-  },
+  docs: {},
 };
 export default config;

govtool/frontend/.storybook/preview.tsx

@@ -8,6 +8,7 @@ import { MemoryRouter, Route, Routes } from "react-router-dom";
 import { FeatureFlagProvider } from "../src/context/featureFlag";
 import { AppContextProvider } from "../src/context/appContext";
 import { ModalProvider } from "../src/context/modal";
+import { CardanoProvider } from "../src/context/wallet";
 import i18n from "../src/i18n";
 import { theme } from "../src/theme";
 
@@ -29,28 +30,30 @@ const preview: Preview = {
         <AppContextProvider>
           <FeatureFlagProvider>
             <ThemeProvider theme={theme}>
-              <ModalProvider>
-                <I18nextProvider i18n={i18n}>
-                  <MemoryRouter>
-                    <Routes>
-                      <Route
-                        path="/*"
-                        element={
-                          <div
-                            style={{
-                              margin: "0px",
-                              padding: "0px",
-                              position: "relative",
-                            }}
-                          >
-                            <Story />
-                          </div>
-                        }
-                      />
-                    </Routes>
-                  </MemoryRouter>
-                </I18nextProvider>
-              </ModalProvider>
+              <CardanoProvider>
+                <ModalProvider>
+                  <I18nextProvider i18n={i18n}>
+                    <MemoryRouter>
+                      <Routes>
+                        <Route
+                          path="/*"
+                          element={
+                            <div
+                              style={{
+                                margin: "0px",
+                                padding: "0px",
+                                position: "relative",
+                              }}
+                            >
+                              <Story />
+                            </div>
+                          }
+                        />
+                      </Routes>
+                    </MemoryRouter>
+                  </I18nextProvider>
+                </ModalProvider>
+              </CardanoProvider>
             </ThemeProvider>
           </FeatureFlagProvider>
         </AppContextProvider>

govtool/frontend/Dockerfile

@@ -27,15 +27,15 @@ RUN \
   : "${VITE_IPFS_GATEWAY:?Build argument VITE_IPFS_GATEWAY is not set}" && \
   : "${VITE_IPFS_PROJECT_ID:?Build argument VITE_IPFS_PROJECT_ID is not set}"
 
-ENV NODE_OPTIONS=--max_old_space_size=8192
-
 WORKDIR /src
 
 # Set npm configuration settings using environment variables
 RUN npm config set @intersect.mbo:registry "https://registry.npmjs.org/" --location=global
 RUN npm config set //registry.npmjs.org/:_authToken ${NPMRC_TOKEN} --location=global
 
 COPY package.json package-lock.json ./
+COPY patches ./patches
+
 RUN npm install
 COPY . .
 RUN npm run build

govtool/frontend/Dockerfile.qovery

@@ -13,15 +13,15 @@ ARG VITE_PDF_API_URL
 ARG VITE_IPFS_GATEWAY
 ARG VITE_IPFS_PROJECT_ID
 
-ENV NODE_OPTIONS=--max_old_space_size=8192
-
 WORKDIR /src
 
 # Set npm configuration settings using environment variables
 RUN npm config set @intersect.mbo:registry "https://registry.npmjs.org/" --location=global
 RUN npm config set //registry.npmjs.org/:_authToken ${NPMRC_TOKEN} --location=global
 
 COPY package.json package-lock.json ./
+COPY patches ./patches
+
 RUN npm install
 COPY . .
 RUN npm run build