fix(studio): fix Docker build

Author: fgreinacher

.changeset/sour-waves-visit.md

@@ -0,0 +1,5 @@
+---
+"@asyncapi/studio": patch
+---
+
+Fix Docker build for AsyncAPI Studio

apps/studio/Dockerfile

@@ -9,7 +9,7 @@ RUN apk add --no-cache libc6-compat
 RUN apk update
 # Set working directory
 WORKDIR /app
-RUN npm install --global turbo
+RUN npm install --global turbo@1
 COPY . .
 RUN turbo prune --scope=@asyncapi/studio --docker
 
@@ -21,18 +21,18 @@ ARG BASE_URL_PLACEHOLDER
 RUN apk add --no-cache libc6-compat
 RUN apk update
 WORKDIR /app
- 
+RUN npm install --global pnpm@latest-10
+
 # First install the dependencies (as they change less often)
 
 COPY .gitignore .gitignore
 COPY --from=builder /app/out/json/ .
-COPY --from=builder /app/out/package-lock.json ./package-lock.json
-RUN PUPPETEER_SKIP_DOWNLOAD=true npm ci
- 
+RUN PUPPETEER_SKIP_DOWNLOAD=true pnpm install
+
 # Build the project
 COPY --from=builder /app/out/full/ .
-RUN PUBLIC_URL=${BASE_URL_PLACEHOLDER} npm run build:studio
- 
+RUN PUBLIC_URL=${BASE_URL_PLACEHOLDER} NEXT_CONFIG_OUTPUT=export pnpm run build:studio
+
 
 FROM docker.io/library/nginx:1.25.5-alpine as runtime
 

apps/studio/next.config.js

@@ -1,43 +1,43 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  webpack: (
-    config,
-    { buildId, dev, isServer, defaultLoaders, nextRuntime, webpack }
-  ) => {
-    config.module.rules.push({
-      test: /\.yml$/i,
-      type: 'asset/source',
-    });
-
-    if (isServer) return config;
-    // Important: return the modified config
-    config.resolve.fallback = {
-      ...config.resolve.fallback,
-      assert: require.resolve('assert/'),
-      buffer: require.resolve('buffer'),
-      http: require.resolve('stream-http'),
-      https: require.resolve('https-browserify'),
-      path: require.resolve('path-browserify'),
-      stream: require.resolve('stream-browserify'),
-      zlib: require.resolve('browserify-zlib'),
-      url: require.resolve('url/'),
-      util: require.resolve('util/'),
-      debug: false,
-      canvas: false,
-      fs: false,
-    };
-
-    config.plugins.push(
-      new webpack.ProvidePlugin({
-        process: 'process/browser',
-        Buffer: ['buffer', 'Buffer'],
-      })
-    );
-
-    return config;
-  },
-  output: 'standalone',
-  distDir: 'build'
-};
-
-module.exports = nextConfig;
+    webpack: (
+      config,
+      { buildId, dev, isServer, defaultLoaders, nextRuntime, webpack }
+    ) => {
+      config.module.rules.push({
+        test: /\.yml$/i,
+        type: 'asset/source',
+      });
+  
+      if (isServer) return config;
+      // Important: return the modified config
+      config.resolve.fallback = {
+        ...config.resolve.fallback,
+        assert: require.resolve('assert/'),
+        buffer: require.resolve('buffer'),
+        http: require.resolve('stream-http'),
+        https: require.resolve('https-browserify'),
+        path: require.resolve('path-browserify'),
+        stream: require.resolve('stream-browserify'),
+        zlib: require.resolve('browserify-zlib'),
+        url: require.resolve('url/'),
+        util: require.resolve('util/'),
+        debug: false,
+        canvas: false,
+        fs: false,
+      };
+  
+      config.plugins.push(
+        new webpack.ProvidePlugin({
+          process: 'process/browser',
+          Buffer: ['buffer', 'Buffer'],
+        })
+      );
+  
+      return config;
+    },
+    output: process.env.NEXT_CONFIG_OUTPUT ?? 'standalone',
+    distDir: 'build'
+  };
+  
+  module.exports = nextConfig;

apps/studio/tsconfig.json

@@ -28,7 +28,8 @@
         "./src/*",
         "./public/*"
       ]
-    }
+    },
+    "types": ["cypress"]
   },
   "include": [
     "next-env.d.ts",