playground: bundle the static export into a handful of chunks

monaco-editor lazily imports a chunk per language; on the sandboxed dot.li
host (static export served from a CAR via a service worker) any chunk the CAR
doesn't surface throws ChunkLoadError. Collapse the production client build
(LimitChunkCountPlugin + no split/runtime chunks) so the whole bundle ships.

Author: pgherveou

playground/next.config.js

@@ -18,6 +18,21 @@ const nextConfig = {
   typescript: {
     ignoreBuildErrors: false,
   },
+  // Sandboxed hosts (dot.li) serve this static export from a CAR via a service
+  // worker, and `monaco-editor` lazily `import()`s a chunk per language —
+  // hundreds of files, any one of which 404s if the CAR doesn't surface it
+  // (ChunkLoadError). Collapse the client build into a handful of chunks so the
+  // whole bundle ships and loads reliably.
+  webpack: (config, { webpack, isServer, dev }) => {
+    if (!isServer && !dev) {
+      config.optimization.runtimeChunk = false;
+      config.optimization.splitChunks = false;
+      config.plugins.push(
+        new webpack.optimize.LimitChunkCountPlugin({ maxChunks: 1 }),
+      );
+    }
+    return config;
+  },
 }
 
 export default nextConfig