[code-infra] Use the @mui/internal-markdown package

.eslintrc.js

@@ -78,7 +78,7 @@ module.exports = {
       'error',
       {
         // https://github.com/import-js/eslint-plugin-import/issues/1739
-        ignore: ['\\.md\\?@mui/markdown$'],
+        ignore: ['\\.md\\?muiMarkdown$'],
       },
     ],
     'import/no-restricted-paths': [

docs/docs-env.d.ts

@@ -1,5 +1,5 @@
 // Replace with
-//   /// <reference path="@mui/markdown"/>
+//   /// <reference path="@mui/internal-markdown"/>
 // after https://github.com/mui/material-ui/pull/37240 gets merged.
 /// <reference path="./modules.d.ts"/>
 

docs/modules.d.ts

@@ -1,4 +1,4 @@
-declare module '*?@mui/markdown' {
+declare module '*?muiMarkdown' {
   export const docs;
   export const demos;
   export const srcComponents;

docs/next.config.mjs

@@ -12,10 +12,10 @@ const withDocsInfra = require('@mui/monorepo/docs/nextConfigDocsInfra');
 const pkg = require('../package.json');
 const { findPages } = require('./src/modules/utils/find');
 
+const WORKSPACE_ROOT = path.resolve(currentDirectory, '../');
 const MONOREPO_PATH = path.resolve(currentDirectory, '../node_modules/@mui/monorepo');
 const MONOREPO_PACKAGES = {
   '@mui/docs': path.resolve(MONOREPO_PATH, './packages/mui-docs/src'),
-  '@mui/markdown': path.resolve(MONOREPO_PATH, './packages/markdown'),
 };
 
 export default withDocsInfra({
@@ -60,12 +60,13 @@ export default withDocsInfra({
             test: /\.md$/,
             oneOf: [
               {
-                resourceQuery: /@mui\/markdown/,
+                resourceQuery: /muiMarkdown/,
                 use: [
                   options.defaultLoaders.babel,
                   {
-                    loader: require.resolve('@mui/monorepo/packages/markdown/loader'),
+                    loader: require.resolve('@mui/internal-markdown/loader'),
                     options: {
+                      workspaceRoot: WORKSPACE_ROOT,
                       env: {
                         SOURCE_CODE_REPO: options.config.env.SOURCE_CODE_REPO,
                         LIB_VERSION: options.config.env.LIB_VERSION,

docs/package.json

@@ -26,11 +26,12 @@
     "@emotion/server": "11.11.0",
     "@emotion/styled": "11.11.0",
     "@mui/icons-material": "5.15.10",
+    "@mui/internal-markdown": "^1.0.0",
     "@mui/joy": "5.0.0-beta.28",
     "@mui/lab": "5.0.0-alpha.165",
     "@mui/material": "5.15.10",
     "@mui/material-nextjs": "^5.15.11",
-    "@mui/monorepo": "github:mui/material-ui#36bb1aa7f35b4b9d527716a5907e9be38d78ffd7",
+    "@mui/monorepo": "github:mui/material-ui#5e4e18a10085b7e65955ca11ba6c93c838003e0c",
     "@mui/styles": "5.15.10",
     "@mui/toolpad": "workspace:*",
     "@mui/utils": "5.15.11",

docs/pages/toolpad/components/button.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/components/button/button.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/components/button/button.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/components/datagrid.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/components/datagrid/datagrid.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/components/datagrid/datagrid.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/authentication.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/authentication.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/authentication.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/building-ui.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/building-ui.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/building-ui.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/custom-components.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/custom-components.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/custom-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/custom-functions.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/custom-functions.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/custom-functions.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/custom-server.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/custom-server.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/custom-server.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/data-binding.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/data-binding.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/data-binding.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/data-providers.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/data-providers.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/data-providers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/deployment.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/deployment.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/deployment.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/event-handling.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/event-handling.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/event-handling.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/file-structure.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/file-structure.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/file-structure.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/http-requests.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/http-requests.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/http-requests.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/page-properties.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/page-properties.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/page-properties.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/queries.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/queries.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/queries.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/rbac.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/rbac.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/rbac.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/concepts/theming.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/concepts/theming.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/concepts/theming.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/examples/basic-crud-app.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../../examples/basic-crud-app/README.md?@mui/markdown';
+import * as pageProps from '../../../../examples/basic-crud-app/README.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/examples/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/getting-started/examples-overview.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/getting-started/examples-overview.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/examples/npm-stats.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../../examples/npm-stats/README.md?@mui/markdown';
+import * as pageProps from '../../../../examples/npm-stats/README.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/examples/qr-generator.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../../examples/qr-generator/README.md?@mui/markdown';
+import * as pageProps from '../../../../examples/qr-generator/README.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/getting-started/first-app.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/getting-started/first-app.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/getting-started/first-app.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/getting-started/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/getting-started/overview.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/getting-started/overview.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/getting-started/installation.js

@@ -4,7 +4,7 @@ import {
   demos,
   docs,
   demoComponents,
-} from '../../../data/toolpad/getting-started/installation.md?@mui/markdown';
+} from '../../../data/toolpad/getting-started/installation.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs demos={demos} docs={docs} demoComponents={demoComponents} disableAd />;

docs/pages/toolpad/getting-started/roadmap.js

@@ -4,7 +4,7 @@ import {
   demos,
   docs,
   demoComponents,
-} from '../../../data/toolpad/getting-started/roadmap.md?@mui/markdown';
+} from '../../../data/toolpad/getting-started/roadmap.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs demos={demos} docs={docs} demoComponents={demoComponents} disableAd />;

docs/pages/toolpad/getting-started/support.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/getting-started/support.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/getting-started/support.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/getting-started/why-toolpad.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/getting-started/why-toolpad.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/getting-started/why-toolpad.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/how-to-guides/basic-auth.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/how-to-guides/basic-auth.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/how-to-guides/basic-auth.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/how-to-guides/connect-to-databases.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/how-to-guides/connect-to-databases.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/how-to-guides/connect-to-databases.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/how-to-guides/connect-to-googlesheets.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/how-to-guides/connect-to-googlesheets.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/how-to-guides/connect-to-googlesheets.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/how-to-guides/cube-component.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/how-to-guides/cube-component.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/how-to-guides/cube-component.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/how-to-guides/customize-datagrid.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/how-to-guides/customize-datagrid.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/how-to-guides/customize-datagrid.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/how-to-guides/delete-datagrid-row.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/how-to-guides/delete-grid-row.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/how-to-guides/delete-grid-row.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/how-to-guides/editor-path.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/how-to-guides/editor-path.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/how-to-guides/editor-path.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/how-to-guides/embed-pages.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/how-to-guides/embed-pages.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/how-to-guides/embed-pages.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/how-to-guides/map-display.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/how-to-guides/map-display.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/how-to-guides/map-display.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/how-to-guides/render-deploy.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../data/toolpad/how-to-guides/render-deploy.md?@mui/markdown';
+import * as pageProps from '../../../data/toolpad/how-to-guides/render-deploy.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs disableAd {...pageProps} />;

docs/pages/toolpad/reference/api/create-component.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../../data/toolpad/reference/api/create-component.md?@mui/markdown';
+import * as pageProps from '../../../../data/toolpad/reference/api/create-component.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/toolpad/reference/api/create-data-provider.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../../data/toolpad/reference/api/create-data-provider.md?@mui/markdown';
+import * as pageProps from '../../../../data/toolpad/reference/api/create-data-provider.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/toolpad/reference/api/create-function.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../../data/toolpad/reference/api/create-function.md?@mui/markdown';
+import * as pageProps from '../../../../data/toolpad/reference/api/create-function.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/toolpad/reference/api/create-handler.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from '../../../../data/toolpad/reference/api/create-handler.md?@mui/markdown';
+import * as pageProps from '../../../../data/toolpad/reference/api/create-handler.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;