Storybook to run using nodejs 22

Author: gildub

.github/workflows/ci-repo.yaml

@@ -28,6 +28,8 @@ jobs:
         run: npm clean-install --ignore-scripts
       # - name: Lint sources
       #   run: npm run lint
+      - name: Generate
+        run: npm run generate
       - name: Build
         run: npm run build
       - name: Build storybook

.github/workflows/storybook-pr-build.yaml

@@ -12,9 +12,11 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
       - name: Install dependencies
         run: npm clean-install --ignore-scripts
+      - name: Generate
+        run: npm run generate
       - name: Build
         run: npm run build
       - name: Build storybook

.github/workflows/storybook.yaml

@@ -31,10 +31,12 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
           cache: npm
       - name: Install dependencies
         run: npm clean-install --ignore-scripts
+      - name: Generate
+        run: npm run generate
       - name: Build
         run: npm run build
       - name: Build storybook

.github/workflows/tag-dist.yaml

@@ -24,6 +24,8 @@ jobs:
       - name: Install
         working-directory: build
         run: npm clean-install --ignore-scripts
+      - name: Generate
+        run: npm run generate
       - name: Build
         working-directory: build
         run: npm run build

.gitignore

@@ -8,6 +8,9 @@ node_modules/
 # testing
 coverage/
 
+# generated files
+client/src/app/client/
+
 # production
 dist/
 /qa/build

Dockerfile

@@ -4,7 +4,7 @@ FROM registry.access.redhat.com/ubi9/nodejs-22:latest AS builder
 USER 1001
 COPY --chown=1001 . .
 RUN npm install -g
-RUN npm clean-install --ignore-scripts && npm run build && npm run dist
+RUN npm clean-install --ignore-scripts && npm run generate && npm run build && npm run dist
 
 # Runner image
 FROM registry.access.redhat.com/ubi9/nodejs-22-minimal:latest

Dockerfile.server

@@ -5,7 +5,7 @@ FROM registry.access.redhat.com/ubi9/nodejs-22:latest AS ui-source
 USER 1001
 COPY --chown=1001 . .
 RUN npm install -g npm@9
-RUN npm clean-install --ignore-scripts && npm run build && npm run dist
+RUN npm clean-install --ignore-scripts && npm run generate && npm run build && npm run dist
 
 ######################################################################
 # Prepare server

client/config/openapi-ts.config.ts

@@ -1,7 +1,7 @@
 import { defineConfig } from "@hey-api/openapi-ts";
 
 export default defineConfig({
-  client: "@hey-api/client-axios",
+  plugins: ["@hey-api/client-axios"],
   input: "./openapi/trustd.yaml",
   output: {
     path: "src/app/client",

client/package.json

@@ -20,7 +20,7 @@
     "*.{css,json,md,yaml,yml}": "prettier --write"
   },
   "dependencies": {
-    "@hey-api/client-axios": "^0.2.7",
+    "@hey-api/client-axios": "^0.5.3",
     "@hookform/resolvers": "^2.9.11",
     "@patternfly/patternfly": "^5.4.0",
     "@patternfly/react-charts": "^7.4.0",
@@ -55,7 +55,7 @@
     "yup": "^0.32.11"
   },
   "devDependencies": {
-    "@hey-api/openapi-ts": "^0.53.5",
+    "@hey-api/openapi-ts": "^0.63.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@svgr/webpack": "^8.1.0",
     "@testing-library/jest-dom": "^6.4.6",