Merge pull request #498 from liam-hq/exclude_prisma_from_bundle_via_webpack_config

🔧 Update Next.js configuration to exclude '@prisma/internals'

Author: sasamuku

frontend/apps/erd-web/next.config.ts

@@ -6,13 +6,47 @@ const gitCommitHash = execSync('git rev-parse --short HEAD').toString().trim()
 const releaseDate = new Date().toISOString().split('T')[0]
 
 const nextConfig: NextConfig = {
-  // NOTE: Exclude '@prisma/internals' from the client-side bundle
-  // This module is server-side only and should not be included in the client build
+  // NOTE: Exclude Prisma-related packages from the bundle
+  // These packages are installed separately in the node_modules/@prisma directory
+  // Excluding them prevents `Error: Cannot find module 'fs'` errors in the build process
   webpack: (config) => {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      '@prisma/internals': false,
+    if (Array.isArray(config.externals)) {
+      config.externals.push(
+        '@prisma/debug',
+        '@prisma/engines',
+        '@prisma/engines-version',
+        '@prisma/fetch-engine',
+        '@prisma/generator-helper',
+        '@prisma/get-platform',
+        '@prisma/internals',
+        '@prisma/prisma-schema-wasm',
+        '@prisma/schema-files-loader',
+      )
+    } else {
+      config.externals['@prisma/debug'] = '@prisma/debug'
+      config.externals['@prisma/engines'] = '@prisma/engines'
+      config.externals['@prisma/engines-version'] = '@prisma/engines-version'
+      config.externals['@prisma/fetch-engine'] = '@prisma/fetch-engine'
+      config.externals['@prisma/generator-helper'] = '@prisma/generator-helper'
+      config.externals['@prisma/get-platform'] = '@prisma/get-platform'
+      config.externals['@prisma/internals'] = '@prisma/internals'
+      config.externals['@prisma/prisma-schema-wasm'] =
+        '@prisma/prisma-schema-wasm'
+      config.externals['@prisma/schema-files-loader'] =
+        '@prisma/schema-files-loader'
     }
+    config.plugins.push({
+      // biome-ignore lint/suspicious/noExplicitAny: webpack types are incomplete so we need to use any here
+      apply: (compiler: any) => {
+        compiler.hooks.afterEmit.tap('InstallPrismaInternals', () => {
+          execSync('node scripts/install-prisma-internals.mjs', {
+            stdio: 'inherit',
+            cwd: __dirname,
+          })
+        })
+      },
+    })
+
     return config
   },
   outputFileTracingIncludes: {

frontend/apps/erd-web/scripts/install-prisma-internals.mjs

@@ -0,0 +1,34 @@
+import { execSync } from 'node:child_process'
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+const main = () => {
+  const dotNextPath = path.resolve(__dirname, '../.next')
+  const nodeModulesPath = path.join(dotNextPath, 'node_modules')
+
+  if (!fs.existsSync(dotNextPath)) {
+    fs.mkdirSync(dotNextPath, { recursive: true })
+  }
+  if (!fs.existsSync(nodeModulesPath)) {
+    fs.mkdirSync(nodeModulesPath, { recursive: true })
+  }
+
+  process.chdir(nodeModulesPath)
+
+  execSync('npm install @prisma/internals', { stdio: 'inherit' })
+
+  const packageJsonPath = path.join(nodeModulesPath, 'package.json')
+  const packageLockJsonPath = path.join(nodeModulesPath, '.package-lock.json')
+  if (fs.existsSync(packageJsonPath)) {
+    fs.unlinkSync(packageJsonPath)
+  }
+  if (fs.existsSync(packageLockJsonPath)) {
+    fs.unlinkSync(packageLockJsonPath)
+  }
+}
+
+main()