@mui/internal-docs-infra 0.3.1-canary.3 → 0.3.1-canary.4

package/esm/useUrlHashState/useUrlHashState.js

@@ -8,29 +8,29 @@ import * as React from 'react';
  */
 export function useUrlHashState() {
   // Store the subscriber callback so we can trigger it manually
-  var subscriberRef = React.useRef(null);
+  const subscriberRef = React.useRef(null);
 
   // Subscribe to hash changes
-  var subscribe = React.useCallback(function (callback) {
+  const subscribe = React.useCallback(callback => {
     subscriberRef.current = callback;
     if (typeof window === 'undefined') {
-      return function () {
+      return () => {
         subscriberRef.current = null;
       };
     }
     window.addEventListener('hashchange', callback);
-    return function () {
+    return () => {
       window.removeEventListener('hashchange', callback);
       subscriberRef.current = null;
     };
   }, []);
 
   // Get current hash value (client-side)
-  var getSnapshot = React.useCallback(function () {
+  const getSnapshot = React.useCallback(() => {
     if (typeof window === 'undefined') {
       return null;
     }
-    var currentHash = window.location.hash;
+    const currentHash = window.location.hash;
     if (!currentHash) {
       return null;
     }
@@ -38,20 +38,17 @@ export function useUrlHashState() {
   }, []);
 
   // Get server snapshot (always null for SSR)
-  var getServerSnapshot = React.useCallback(function () {
-    return null;
-  }, []);
+  const getServerSnapshot = React.useCallback(() => null, []);
 
   // Use useSyncExternalStore for hash synchronization
-  var hash = React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  const hash = React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 
   // Set hash in URL and state
-  var setHash = React.useCallback(function (value) {
-    var replace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var newUrl = value ? "".concat(window.location.pathname).concat(window.location.search, "#").concat(value) : "".concat(window.location.pathname).concat(window.location.search);
+  const setHash = React.useCallback((value, replace = true) => {
+    let newUrl = value ? `${window.location.pathname}${window.location.search}#${value}` : `${window.location.pathname}${window.location.search}`;
     // Special case: if value is an empty string (not null), include the hash
     if (value === '') {
-      newUrl = "".concat(window.location.pathname).concat(window.location.search, "#");
+      newUrl = `${window.location.pathname}${window.location.search}#`;
     }
     if (replace) {
       window.history.replaceState(null, '', newUrl);

package/esm/withDocsInfra/withDeploymentConfig.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as os from 'node:os';
 /**
  * See the docs of the Netlify environment variables:
@@ -11,7 +10,7 @@ import * as os from 'node:os';
  * - Each team has different site https://app.netlify.com/teams/mui/sites.
  *   The following logic must be compatible with all of them.
  */
-var DEPLOY_ENV = 'development';
+let DEPLOY_ENV = 'development';
 
 // Same as process.env.PULL_REQUEST_ID
 if (process.env.CONTEXT === 'deploy-preview') {
@@ -31,15 +30,15 @@ if ((process.env.CONTEXT === 'production' || process.env.CONTEXT === 'branch-dep
 
 process.env.DEPLOY_ENV = DEPLOY_ENV;
 export function withDeploymentConfig(nextConfig) {
-  return _extends(_extends({
+  return {
     trailingSlash: true,
     reactStrictMode: true,
-    productionBrowserSourceMaps: true
-  }, nextConfig), {}, {
-    env: _extends(_extends({
+    productionBrowserSourceMaps: true,
+    ...nextConfig,
+    env: {
       // production | staging | pull-request | development
-      DEPLOY_ENV: DEPLOY_ENV
-    }, nextConfig.env), {}, {
+      DEPLOY_ENV,
+      ...nextConfig.env,
       // https://docs.netlify.com/configure-builds/environment-variables/#git-metadata
       // reference ID (also known as "SHA" or "hash") of the commit we're building.
       COMMIT_REF: process.env.COMMIT_REF,
@@ -54,19 +53,25 @@ export function withDeploymentConfig(nextConfig) {
       SITE_NAME: process.env.SITE_NAME,
       // For template images
       TEMPLATE_IMAGE_URL: ''
-    }),
-    experimental: _extends(_extends({
+    },
+    experimental: {
       scrollRestoration: true,
-      workerThreads: false
-    }, process.env.CI ? {
-      cpus: process.env.NEXT_PARALLELISM ? parseInt(process.env.NEXT_PARALLELISM, 10) : os.availableParallelism()
-    } : {}), nextConfig.experimental),
-    eslint: _extends({
-      ignoreDuringBuilds: true
-    }, nextConfig.eslint),
-    typescript: _extends({
+      workerThreads: false,
+      ...(process.env.CI ? {
+        cpus: process.env.NEXT_PARALLELISM ? parseInt(process.env.NEXT_PARALLELISM, 10) : os.availableParallelism()
+      } : {}),
+      ...nextConfig.experimental
+    },
+    // TODO remove, this is for versions before Next.js v16
+    // https://nextjs.org/blog/next-16
+    eslint: {
+      ignoreDuringBuilds: true,
+      ...nextConfig.eslint
+    },
+    typescript: {
       // Motivated by https://github.com/vercel/next.js/issues/7687
-      ignoreBuildErrors: true
-    }, nextConfig.typescript)
-  });
+      ignoreBuildErrors: true,
+      ...nextConfig.typescript
+    }
+  };
 }

package/esm/withDocsInfra/withDocsInfra.js

@@ -1,22 +1,17 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
 // Define webpack options interface based on Next.js webpack function signature
 
 /**
  * Get default MDX options for docs-infra
  */
-export function getDocsInfraMdxOptions() {
-  var _customOptions$remark, _customOptions$additi, _customOptions$rehype, _customOptions$additi2;
-  var customOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _customOptions$extrac = customOptions.extractToIndex,
-    extractToIndex = _customOptions$extrac === void 0 ? true : _customOptions$extrac,
-    baseDir = customOptions.baseDir,
-    _customOptions$errorI = customOptions.errorIfIndexOutOfDate,
-    errorIfIndexOutOfDate = _customOptions$errorI === void 0 ? Boolean(process.env.CI) : _customOptions$errorI;
+export function getDocsInfraMdxOptions(customOptions = {}) {
+  const {
+    extractToIndex = true,
+    baseDir,
+    errorIfIndexOutOfDate = Boolean(process.env.CI)
+  } = customOptions;
 
   // Normalize extractToIndex to options object
-  var extractToIndexOptions;
+  let extractToIndexOptions;
   if (extractToIndex === false) {
     extractToIndexOptions = false;
   } else if (extractToIndex === true) {
@@ -26,26 +21,27 @@ export function getDocsInfraMdxOptions() {
     extractToIndexOptions = {
       include: ['app', 'src/app'],
       exclude: [],
-      baseDir: baseDir != null ? baseDir : process.cwd()
+      baseDir: baseDir ?? process.cwd()
     };
   } else {
-    extractToIndexOptions = _extends(_extends({}, extractToIndex), {}, {
-      baseDir: baseDir != null ? baseDir : process.cwd()
-    });
+    extractToIndexOptions = {
+      ...extractToIndex,
+      baseDir: baseDir ?? process.cwd()
+    };
   }
-  var defaultRemarkPlugins = [['remark-gfm'], ['@mui/internal-docs-infra/pipeline/transformMarkdownMetadata', {
+  const defaultRemarkPlugins = [['remark-gfm'], ['@mui/internal-docs-infra/pipeline/transformMarkdownMetadata', {
     extractToIndex: extractToIndexOptions,
     markerPath: '.next/cache/docs-infra/index-updates',
-    errorIfIndexOutOfDate: errorIfIndexOutOfDate
+    errorIfIndexOutOfDate
   }], ['@mui/internal-docs-infra/pipeline/transformMarkdownRelativePaths'], ['@mui/internal-docs-infra/pipeline/transformMarkdownBlockquoteCallouts'], ['@mui/internal-docs-infra/pipeline/transformMarkdownCode'], ['@mui/internal-docs-infra/pipeline/transformMarkdownDemoLinks']];
-  var defaultRehypePlugins = [['@mui/internal-docs-infra/pipeline/transformHtmlCodePrecomputed']];
+  const defaultRehypePlugins = [['@mui/internal-docs-infra/pipeline/transformHtmlCodePrecomputed']];
 
   // Build final plugin arrays
-  var remarkPlugins = (_customOptions$remark = customOptions.remarkPlugins) != null ? _customOptions$remark : [].concat(defaultRemarkPlugins, _toConsumableArray((_customOptions$additi = customOptions.additionalRemarkPlugins) != null ? _customOptions$additi : []));
-  var rehypePlugins = (_customOptions$rehype = customOptions.rehypePlugins) != null ? _customOptions$rehype : [].concat(defaultRehypePlugins, _toConsumableArray((_customOptions$additi2 = customOptions.additionalRehypePlugins) != null ? _customOptions$additi2 : []));
+  const remarkPlugins = customOptions.remarkPlugins ?? [...defaultRemarkPlugins, ...(customOptions.additionalRemarkPlugins ?? [])];
+  const rehypePlugins = customOptions.rehypePlugins ?? [...defaultRehypePlugins, ...(customOptions.additionalRehypePlugins ?? [])];
   return {
-    remarkPlugins: remarkPlugins,
-    rehypePlugins: rehypePlugins
+    remarkPlugins,
+    rehypePlugins
   };
 }
 
@@ -54,82 +50,77 @@ export function getDocsInfraMdxOptions() {
  * Configures webpack loaders, turbopack rules for docs sites.
  * Use getDocsInfraMdxOptions() with createMDX for MDX integration.
  */
-export function withDocsInfra() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _options$additionalPa = options.additionalPageExtensions,
-    additionalPageExtensions = _options$additionalPa === void 0 ? [] : _options$additionalPa,
-    _options$enableExport = options.enableExportOutput,
-    enableExportOutput = _options$enableExport === void 0 ? true : _options$enableExport,
-    _options$demoPathPatt = options.demoPathPattern,
-    demoPathPattern = _options$demoPathPatt === void 0 ? './app/**/demos/*/index.ts' : _options$demoPathPatt,
-    _options$clientDemoPa = options.clientDemoPathPattern,
-    clientDemoPathPattern = _options$clientDemoPa === void 0 ? './app/**/demos/*/client.ts' : _options$clientDemoPa,
-    _options$additionalDe = options.additionalDemoPatterns,
-    additionalDemoPatterns = _options$additionalDe === void 0 ? {} : _options$additionalDe,
-    _options$additionalTu = options.additionalTurbopackRules,
-    additionalTurbopackRules = _options$additionalTu === void 0 ? {} : _options$additionalTu,
-    _options$performance = options.performance,
-    performance = _options$performance === void 0 ? {} : _options$performance,
-    _options$deferCodePar = options.deferCodeParsing,
-    deferCodeParsing = _options$deferCodePar === void 0 ? 'gzip' : _options$deferCodePar;
-  var output = 'hastGzip';
+export function withDocsInfra(options = {}) {
+  const {
+    additionalPageExtensions = [],
+    enableExportOutput = true,
+    demoPathPattern = './app/**/demos/*/index.ts',
+    clientDemoPathPattern = './app/**/demos/*/client.ts',
+    additionalDemoPatterns = {},
+    additionalTurbopackRules = {},
+    performance = {},
+    deferCodeParsing = 'gzip'
+  } = options;
+  let output = 'hastGzip';
   if (deferCodeParsing === 'json') {
     output = 'hastJson';
   } else if (deferCodeParsing === 'none') {
     output = 'hast';
   }
-  return function () {
-    var _nextConfig$turbopack;
-    var nextConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var basePageExtensions = ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'];
-    var pageExtensions = [].concat(basePageExtensions, _toConsumableArray(additionalPageExtensions));
+  return (nextConfig = {}) => {
+    const basePageExtensions = ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'];
+    const pageExtensions = [...basePageExtensions, ...additionalPageExtensions];
 
     // Build Turbopack rules
-    var turbopackRules = _defineProperty(_defineProperty(_defineProperty({}, demoPathPattern, {
-      loaders: [{
-        loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedCodeHighlighter',
-        options: {
-          performance: performance,
-          output: output
-        }
-      }]
-    }), clientDemoPathPattern, {
-      loaders: [{
-        loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedCodeHighlighterClient',
-        options: {
-          performance: performance
-        }
-      }]
-    }), './app/sitemap/index.ts', {
-      loaders: [{
-        loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedSitemap',
-        options: {
-          performance: performance
-        }
-      }]
-    });
+    const turbopackRules = {
+      [demoPathPattern]: {
+        loaders: [{
+          loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedCodeHighlighter',
+          options: {
+            performance,
+            output
+          }
+        }]
+      },
+      [clientDemoPathPattern]: {
+        loaders: [{
+          loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedCodeHighlighterClient',
+          options: {
+            performance
+          }
+        }]
+      },
+      './app/sitemap/index.ts': {
+        loaders: [{
+          loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedSitemap',
+          options: {
+            performance
+          }
+        }]
+      }
+    };
 
     // Add additional demo patterns to Turbopack rules
     if (additionalDemoPatterns.index) {
-      additionalDemoPatterns.index.forEach(function (pattern) {
+      additionalDemoPatterns.index.forEach(pattern => {
         turbopackRules[pattern] = {
           loaders: [{
             loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedCodeHighlighter',
             options: {
-              performance: performance,
-              output: output
+              performance,
+              output
             }
           }]
         };
       });
     }
     if (additionalDemoPatterns.client) {
-      additionalDemoPatterns.client.forEach(function (pattern) {
+      additionalDemoPatterns.client.forEach(pattern => {
         turbopackRules[pattern] = {
           loaders: [{
             loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedCodeHighlighterClient',
             options: {
-              performance: performance
+              performance
             }
           }]
         };
@@ -138,15 +129,20 @@ export function withDocsInfra() {
 
     // Merge with additional turbopack rules
     Object.assign(turbopackRules, additionalTurbopackRules);
-    var config = _extends(_extends(_extends({}, nextConfig), {}, {
-      pageExtensions: pageExtensions
-    }, enableExportOutput && {
-      output: 'export'
-    }), {}, {
-      turbopack: _extends(_extends({}, nextConfig.turbopack), {}, {
-        rules: _extends(_extends({}, (_nextConfig$turbopack = nextConfig.turbopack) == null ? void 0 : _nextConfig$turbopack.rules), turbopackRules)
+    const config = {
+      ...nextConfig,
+      pageExtensions,
+      ...(enableExportOutput && {
+        output: 'export'
       }),
-      webpack: function webpack(webpackConfig, webpackOptions) {
+      turbopack: {
+        ...nextConfig.turbopack,
+        rules: {
+          ...nextConfig.turbopack?.rules,
+          ...turbopackRules
+        }
+      },
+      webpack: (webpackConfig, webpackOptions) => {
         // Call existing webpack function if it exists
         if (nextConfig.webpack) {
           webpackConfig = nextConfig.webpack(webpackConfig, webpackOptions);
@@ -159,7 +155,9 @@ export function withDocsInfra() {
         if (!webpackConfig.module.rules) {
           webpackConfig.module.rules = [];
         }
-        var defaultLoaders = webpackOptions.defaultLoaders;
+        const {
+          defaultLoaders
+        } = webpackOptions;
 
         // Add loader for demo index files
         webpackConfig.module.rules.push({
@@ -167,8 +165,8 @@ export function withDocsInfra() {
           use: [defaultLoaders.babel, {
             loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedCodeHighlighter',
             options: {
-              performance: performance,
-              output: output
+              performance,
+              output
             }
           }]
         });
@@ -179,7 +177,7 @@ export function withDocsInfra() {
           use: [defaultLoaders.babel, {
             loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedCodeHighlighterClient',
             options: {
-              performance: performance
+              performance
             }
           }]
         });
@@ -190,56 +188,56 @@ export function withDocsInfra() {
           use: [defaultLoaders.babel, {
             loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedSitemap',
             options: {
-              performance: performance
+              performance
             }
           }]
         });
 
         // Add webpack rules for additional demo patterns
         if (additionalDemoPatterns.index) {
-          additionalDemoPatterns.index.forEach(function (pattern) {
+          additionalDemoPatterns.index.forEach(pattern => {
             // Convert Turbopack pattern to webpack regex
             // Pattern like './app/**/demos/*/demo-*/index.ts'
             // Should match paths like '/app/components/demos/Button/demo-variant/index.ts'
             // Use placeholders to avoid corrupting character classes during replacement
-            var SEP = 'PATH_SEP_PLACEHOLDER';
-            var NOT_SEP = 'NOT_PATH_SEP_PLACEHOLDER';
-            var regexPattern = pattern.replace(/^\.\//, '') // Remove leading ./
+            const SEP = 'PATH_SEP_PLACEHOLDER';
+            const NOT_SEP = 'NOT_PATH_SEP_PLACEHOLDER';
+            const regexPattern = pattern.replace(/^\.\//, '') // Remove leading ./
             .replace(/\*\*\//g, 'DOUBLE_STAR_PLACEHOLDER') // Replace **/ with placeholder
             .replace(/\*/g, NOT_SEP) // Replace single * with placeholder
             .replace(/\./g, '\\.') // Escape dots
-            .replace(/DOUBLE_STAR_PLACEHOLDER/g, "(?:".concat(NOT_SEP).concat(SEP, ")*")) // Replace placeholder with zero or more directories
+            .replace(/DOUBLE_STAR_PLACEHOLDER/g, `(?:${NOT_SEP}${SEP})*`) // Replace placeholder with zero or more directories
             .replace(/\//g, SEP) // Convert all path separators to placeholder
             .replace(new RegExp(NOT_SEP, 'g'), '[^/\\\\]+') // Replace NOT_SEP with actual pattern
             .replace(new RegExp(SEP, 'g'), '[/\\\\]'); // Replace SEP with actual pattern
 
             webpackConfig.module.rules.push({
-              test: new RegExp("".concat(regexPattern, "$")),
+              test: new RegExp(`${regexPattern}$`),
               use: [defaultLoaders.babel, {
                 loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedCodeHighlighter',
                 options: {
-                  performance: performance,
-                  output: output
+                  performance,
+                  output
                 }
               }]
             });
           });
         }
         if (additionalDemoPatterns.client) {
-          additionalDemoPatterns.client.forEach(function (pattern) {
+          additionalDemoPatterns.client.forEach(pattern => {
             // Convert Turbopack pattern to webpack regex
-            var regexPattern = pattern.replace(/^\.\//, '/') // Remove leading ./
+            const regexPattern = pattern.replace(/^\.\//, '/') // Remove leading ./
             .replace(/\*\*\//g, 'DOUBLE_STAR_PLACEHOLDER') // Replace **/ with placeholder
             .replace(/\*/g, '[^/\\\\]+') // Replace single * with single dir pattern
             .replace(/\./g, '\\.') // Escape dots
             .replace(/DOUBLE_STAR_PLACEHOLDER/g, '(?:[^/\\\\]+/)*'); // Replace placeholder with zero or more directories
 
             webpackConfig.module.rules.push({
-              test: new RegExp("".concat(regexPattern, "$")),
+              test: new RegExp(`${regexPattern}$`),
               use: [defaultLoaders.babel, {
                 loader: '@mui/internal-docs-infra/pipeline/loadPrecomputedCodeHighlighterClient',
                 options: {
-                  performance: performance
+                  performance
                 }
               }]
             });
@@ -247,7 +245,7 @@ export function withDocsInfra() {
         }
         return webpackConfig;
       }
-    });
+    };
     return config;
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/internal-docs-infra",
-  "version": "0.3.1-canary.3",
+  "version": "0.3.1-canary.4",
   "author": "MUI Team",
   "description": "MUI Infra - internal documentation creation tools.",
   "bin": {
@@ -40,7 +40,6 @@
     "kebab-case": "^2.0.2",
     "lz-string": "^1.5.0",
     "path-module": "^0.1.2",
-    "prettier": "~3.7.4",
     "proper-lockfile": "^4.1.2",
     "uint8-to-base64": "^0.2.1",
     "unist-util-visit": "^5.0.0",
@@ -49,7 +48,8 @@
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "next": "^13.5.1 || ^14 || ^15.0.0",
+    "next": "^15.0.0 || ^16.0.0",
+    "prettier": "^3.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
@@ -58,6 +58,9 @@
     },
     "next": {
       "optional": true
+    },
+    "prettier": {
+      "optional": true
     }
   },
   "publishConfig": {
@@ -329,5 +332,5 @@
     },
     "./esm": null
   },
-  "gitSha": "d451af44f7bc27fd589bdeda8f07395fa2037ad8"
+  "gitSha": "e95855c7cc16bc19c8c0c2dee435ec3ed2cc3e8a"
 }