@mui/internal-docs-infra 0.12.1-canary.16 → 0.12.1-canary.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/internal-docs-infra",
-  "version": "0.12.1-canary.16",
+  "version": "0.12.1-canary.17",
   "author": "MUI Team",
   "description": "MUI Infra - internal documentation creation tools.",
   "license": "MIT",
@@ -804,5 +804,5 @@
   "bin": {
     "docs-infra": "./cli/index.mjs"
   },
-  "gitSha": "c11419b9b49a34230751911dc3bbd5fc2764b05b"
+  "gitSha": "14c9893b74d335869a4479c9666c184f1a73ee06"
 }

package/withDocsInfra/withDeploymentConfig.mjs

@@ -170,12 +170,62 @@ function readCommitShaFromGit() {
     return undefined;
   }
 }
+
+/**
+ * Work around https://github.com/vercel/next.js/issues/91735.
+ * Next.js 16.2 does not assign MDX files to the React Server Components webpack layer.
+ */
+function patchMdxWebpackLayers(rules) {
+  for (const rule of rules) {
+    if (!rule || typeof rule !== 'object') {
+      continue;
+    }
+    const webpackRule = rule;
+
+    // page.mdx just verifies the regex matches MDX files
+    if (webpackRule.test instanceof RegExp && webpackRule.test.test('page.mdx')) {
+      const loaders = Array.isArray(webpackRule.use) ? webpackRule.use : [webpackRule.use];
+      for (const loader of loaders) {
+        if (!loader || typeof loader !== 'object') {
+          continue;
+        }
+        const webpackLoader = loader;
+        const {
+          options
+        } = webpackLoader;
+        if (typeof webpackLoader.loader === 'string' && webpackLoader.loader.includes('next-swc-loader') && options && typeof options === 'object') {
+          const webpackOptions = options;
+          if (webpackOptions.bundleLayer == null) {
+            webpackOptions.bundleLayer = 'rsc';
+          } else {
+            // Next.js now assigns the bundle layer itself, so this workaround is obsolete.
+            throw new Error('MDX webpack layer workaround is obsolete; remove patchMdxWebpackLayers (see https://github.com/vercel/next.js/issues/91735).');
+          }
+        }
+      }
+    }
+    if (Array.isArray(webpackRule.oneOf)) {
+      patchMdxWebpackLayers(webpackRule.oneOf);
+    }
+    if (Array.isArray(webpackRule.rules)) {
+      patchMdxWebpackLayers(webpackRule.rules);
+    }
+  }
+}
 export function withDeploymentConfig(nextConfig) {
+  const consumerWebpack = nextConfig.webpack;
+  const webpack = (config, context) => {
+    if (context.isServer && config?.module && Array.isArray(config.module.rules)) {
+      patchMdxWebpackLayers(config.module.rules);
+    }
+    return consumerWebpack ? consumerWebpack(config, context) : config;
+  };
   return {
     trailingSlash: true,
     reactStrictMode: true,
     productionBrowserSourceMaps: true,
     ...nextConfig,
+    webpack,
     env: {
       // production | staging | pull-request | development
       DEPLOY_ENV,