storybook update try

Author: Rad14nt

.github/workflows/auto-test-deploy.yml

@@ -93,7 +93,7 @@ jobs:
           context: .
           file: ./client/Dockerfile.storybook
           push: true
-          tags: docker.io/${{ secrets.DOCKERHUB_ADMIN_USERNAME }}/storybook:${{ env.TAG_NAME }}
+          tags: docker.io/${{ secrets.DOCKERHUB_ADMIN_USERNAME }}/seb-server-gui-storybook:${{ env.TAG_NAME }}
 
   build-and-push-e2e-runner:
     runs-on: ubuntu-latest

client/Dockerfile.storybook

@@ -1,28 +1,46 @@
-# ---- Build static Storybook ----
-FROM node:20-alpine AS build
-WORKDIR /app
+# syntax=docker/dockerfile:1.7
 
-COPY client/package.json client/package-lock.json* ./client/
+############################
+# 1) Build Storybook static
+############################
+FROM node:20-alpine AS build
 WORKDIR /app/client
 
+# Install deps (cached)
+COPY client/package.json client/package-lock.json ./
 RUN npm ci
 
-COPY client/ .
+# Copy the rest
+COPY client/ ./
 
+# Build static Storybook (outputs storybook-static/)
 RUN npm run build-storybook
 
-# ---- Serve with nginx ----
-FROM nginx:alpine
-COPY --from=build /app/client/storybook-static /usr/share/nginx/html
+########################################
+# 2) Serve static files with nginx
+########################################
+FROM nginx:1.27-alpine
 
-RUN printf 'server {\n\
-  listen 80;\n\
-  server_name _;\n\
-  root /usr/share/nginx/html;\n\
-  index index.html;\n\
-  location / {\n\
-    try_files $uri $uri/ /index.html;\n\
-  }\n\
-}\n' > /etc/nginx/conf.d/default.conf
+# Replace default server config with SPA-friendly config
+RUN rm -f /etc/nginx/conf.d/default.conf && \
+    printf 'server {\n\
+      listen 80;\n\
+      server_name _;\n\
+      root /usr/share/nginx/html;\n\
+      index index.html;\n\
+      # Storybook is a SPA; fall back to index.html\n\
+      location / {\n\
+        try_files $uri $uri/ /index.html;\n\
+      }\n\
+      # Cache immutable assets aggressively\n\
+      location ~* \\.(?:js|css|png|jpg|jpeg|gif|svg|ico|woff2?)$ {\n\
+        expires 30d;\n\
+        add_header Cache-Control \"public, max-age=2592000, immutable\";\n\
+        try_files $uri =404;\n\
+      }\n\
+    }\n' > /etc/nginx/conf.d/storybook.conf
+
+# Copy build output
+COPY --from=build /app/client/storybook-static /usr/share/nginx/html
 
 EXPOSE 80