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

package/CodeHighlighter/CodeHighlighterClient.d.mts

@@ -1,2 +1,3 @@
+import * as React from 'react';
 import type { CodeHighlighterClientProps } from "./types.mjs";
-export declare function CodeHighlighterClient(props: CodeHighlighterClientProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeHighlighterClient(props: CodeHighlighterClientProps): React.JSX.Element;

package/CodeProvider/CodeProvider.d.mts

@@ -26,4 +26,4 @@ export declare function CodeProvider({
   /** Function to load raw source code and dependencies */
   loadSource?: LoadSource;
   sourceEnhancers?: SourceEnhancers;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/CodeProvider/CodeProviderLazy.d.mts

@@ -36,5 +36,5 @@ interface CodeProviderLazyProps {
 export declare function CodeProviderLazy({
   children,
   ...rest
-}: CodeProviderLazyProps): import("react/jsx-runtime").JSX.Element;
+}: CodeProviderLazyProps): React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/internal-docs-infra",
-  "version": "0.12.1-canary.15",
+  "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": "1740cb9a6b622e4f772541a557d3f94f872e226a"
+  "gitSha": "14c9893b74d335869a4479c9666c184f1a73ee06"
 }

package/useDemoController/DemoRunner.d.mts

@@ -31,4 +31,4 @@ export declare function DemoRunner({
   css,
   onError,
   fallback
-}: DemoRunnerProps): import("react/jsx-runtime").JSX.Element;
+}: DemoRunnerProps): React.JSX.Element;

package/useType/TypesDataProvider.d.mts

@@ -8,4 +8,4 @@ export declare function TypesDataProvider({
   children
 }: {
   children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

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,