[docs-infra] Migrate to use more imports from @mui/docs

Author: brijeshb42

docs/config.ts

@@ -1,2 +1,22 @@
-// eslint-disable-next-line no-restricted-imports
-export * from '@mui/monorepo/docs/config';
+// Valid languages to server-side render in production
+export const LANGUAGES = ['en'];
+
+// Server side rendered languages
+export const LANGUAGES_SSR = ['en'];
+
+// Work in progress
+export const LANGUAGES_IN_PROGRESS = LANGUAGES.slice();
+
+export const LANGUAGES_IGNORE_PAGES = (pathname: string) => {
+  // We don't have the bandwidth like Qt to translate our blog posts
+  // https://www.qt.io/zh-cn/blog
+  if (pathname === '/blog' || pathname.startsWith('/blog/')) {
+    return true;
+  }
+
+  if (pathname === '/size-snapshot/') {
+    return true;
+  }
+
+  return false;
+};

docs/data/chartsApiPages.ts

@@ -1,4 +1,4 @@
-import type { MuiPage } from 'docs/src/MuiPage';
+import type { MuiPage } from '@mui/docs/MuiPage';
 
 const chartsApiPages: MuiPage[] = [
   {

docs/data/dataGridApiPages.ts

@@ -1,4 +1,4 @@
-import type { MuiPage } from 'docs/src/MuiPage';
+import type { MuiPage } from '@mui/docs/MuiPage';
 
 const dataGridApiPages: MuiPage[] = [
   {

docs/data/datePickersApiPages.ts

@@ -1,4 +1,4 @@
-import type { MuiPage } from 'docs/src/MuiPage';
+import type { MuiPage } from '@mui/docs/MuiPage';
 
 const datePickersApiPages: MuiPage[] = [
   {

docs/data/pages.ts

@@ -1,4 +1,4 @@
-import type { MuiPage } from 'docs/src/MuiPage';
+import type { MuiPage } from '@mui/docs/MuiPage';
 import chartsComponentApi from './chartsApiPages';
 import dataGridComponentApi from './dataGridApiPages';
 import pickersComponentApi from './datePickersApiPages';

docs/data/treeViewApiPages.ts

@@ -1,4 +1,4 @@
-import type { MuiPage } from 'docs/src/MuiPage';
+import type { MuiPage } from '@mui/docs/MuiPage';
 
 const treeViewApiPages: MuiPage[] = [
   {

docs/next.config.ts

@@ -120,7 +120,9 @@ export default withDeploymentConfig({
           ...config.resolve.alias,
           ...MONOREPO_ALIASES,
           '@mui/x-license': path.resolve(currentDirectory, '../packages/x-license/src'),
-          // TODO: get rid of this, replace with @mui/docs
+          'docs/src/modules/utils/mapApiPageTranslations': path.resolve(
+            'src/modules/utils/mapApiPageTranslations.js',
+          ),
           docs: path.resolve(MONOREPO_PATH, './docs'),
           docsx: path.resolve(currentDirectory, '../docs'),
         },

docs/package.json

@@ -27,7 +27,6 @@
     "@emotion/react": "catalog:",
     "@emotion/server": "^11.11.0",
     "@emotion/styled": "catalog:",
-    "@mui/docs": "7.3.8",
     "@mui/icons-material": "catalog:",
     "@mui/internal-docs-infra": "^0.4.1-canary.10",
     "@mui/joy": "^5.0.0-beta.52",
@@ -106,7 +105,7 @@
     "@types/luxon": "catalog:",
     "@types/moment-hijri": "catalog:",
     "@types/moment-jalaali": "catalog:",
-    "@types/nprogress": "0.2.3",
+    "@types/nprogress": "^0.2.3",
     "@types/prop-types": "catalog:",
     "@types/react-dom": "catalog:",
     "@types/stylis": "4.2.7",

docs/pages/_app.js

@@ -1,4 +1,4 @@
-import 'docs/src/modules/components/bootstrap';
+import 'docsx/src/bootstrap';
 // --- Post bootstrap -----
 import pages from 'docsx/data/pages'; // DO NOT REMOVE
 import { postProcessImport } from 'docsx/src/modules/utils/postProcessImport';
@@ -9,19 +9,19 @@ import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
 import { LicenseInfo } from '@mui/x-license';
 import { muiXTelemetrySettings } from '@mui/x-telemetry';
-import PageContext from 'docs/src/modules/components/PageContext';
-import { AnalyticsProvider } from 'docs/src/modules/components/AnalyticsProvider';
-import DemoContext from 'docs/src/modules/components/DemoContext';
-import GoogleAnalytics from 'docs/src/modules/components/GoogleAnalytics';
+import PageContext from '@mui/docs/PageContext';
+import { AnalyticsProvider } from '@mui/docs/AnalyticsProvider';
+import DemoContext from '@mui/docs/DemoContext';
+import GoogleAnalytics from '@mui/docs/GoogleAnalytics';
 import { CodeCopyProvider } from '@mui/docs/CodeCopy';
-import { ThemeProvider } from 'docs/src/modules/components/ThemeContext';
-import { CodeVariantProvider } from 'docs/src/modules/utils/codeVariant';
-import { CodeStylingProvider } from 'docs/src/modules/utils/codeStylingSolution';
-import DocsStyledEngineProvider from 'docs/src/modules/utils/StyledEngineProvider';
-import createEmotionCache from 'docs/src/createEmotionCache';
-import findActivePage from 'docs/src/modules/utils/findActivePage';
-import { pathnameToLanguage } from 'docs/src/modules/utils/helpers';
-import getProductInfoFromUrl from 'docs/src/modules/utils/getProductInfoFromUrl';
+import { ThemeProvider } from '@mui/docs/ThemeContext';
+import { CodeVariantProvider } from '@mui/docs/codeVariant';
+import { CodeStylingProvider } from '@mui/docs/codeStyling';
+import DocsStyledEngineProvider from '@mui/docs/StyledEngineProvider';
+import createEmotionCache from '@mui/docs/createEmotionCache';
+import findActivePage from '@mui/docs/findActivePage';
+import { pathnameToLanguage } from '@mui/docs/helpers';
+import getProductInfoFromUrl from '@mui/docs/getProductInfoFromUrl';
 import { DocsProvider } from '@mui/docs/DocsProvider';
 import { mapTranslations } from '@mui/docs/i18n';
 import { Inter, Roboto } from 'next/font/google';

docs/pages/_document.js

@@ -1,3 +1,10 @@
-import MyDocument from 'docs/pages/_document';
+import NextDocument from 'next/document';
+import { Document, createGetInitialProps } from '@mui/docs/Document';
 
-export default MyDocument;
+export default class MuiXDocument extends NextDocument {
+  static getInitialProps = createGetInitialProps({ setupStyledComponents: false });
+
+  render() {
+    return <Document {...this.props} />;
+  }
+}