Update monorepo

docs/package.json

@@ -31,7 +31,7 @@
     "@mui/lab": "5.0.0-alpha.166",
     "@mui/material": "5.15.11",
     "@mui/material-nextjs": "^5.15.11",
-    "@mui/monorepo": "github:mui/material-ui#7faab118953050eec27e119a53070d2994b70476",
+    "@mui/monorepo": "github:mui/material-ui#8bdcff4a75e0e77137bc3df44560413f2c4241a7",
     "@mui/styles": "5.15.11",
     "@mui/toolpad": "workspace:*",
     "@mui/utils": "5.15.11",

docs/pages/_app.js

@@ -18,6 +18,7 @@ import findActivePage from 'docs/src/modules/utils/findActivePage';
 import getProductInfoFromUrl from 'docs/src/modules/utils/getProductInfoFromUrl';
 import toolpadPkgJson from '@mui/toolpad/package.json';
 import { DocsProvider } from '@mui/docs/DocsProvider';
+import { mapTranslations } from '@mui/docs/i18n';
 import pages from '../data/pages';
 import config from '../config';
 
@@ -175,7 +176,11 @@ function AppWrapper(props) {
         <meta name="mui:productId" content={productId} />
         <meta name="mui:productCategoryId" content={productCategoryId} />
       </NextHead>
-      <DocsProvider config={config} defaultUserLanguage={pageProps.userLanguage}>
+      <DocsProvider
+        config={config}
+        defaultUserLanguage={pageProps.userLanguage}
+        translations={pageProps.translations}
+      >
         <CodeCopyProvider>
           <CodeVariantProvider>
             <PageContext.Provider value={pageContextValue}>
@@ -218,13 +223,17 @@ MyApp.propTypes = {
 MyApp.getInitialProps = async ({ ctx, Component }) => {
   let pageProps = {};
 
+  const req = require.context('../translations', false, /translations.*\.json$/);
+  const translations = mapTranslations(req);
+
   if (Component.getInitialProps) {
     pageProps = await Component.getInitialProps(ctx);
   }
 
   return {
     pageProps: {
       userLanguage: ctx.query.userLanguage || 'en',
+      translations,
       ...pageProps,
     },
   };

package.json

@@ -33,12 +33,14 @@
     "toolpad": "node --enable-source-maps packages/toolpad-app/cli.mjs",
     "jsonSchemas": "tsx ./scripts/docs/generateJsonSchemas.ts",
     "update-monorepo": "tsx ./scripts/updateMonorepo.ts",
+    "monorepo:update": "tsx ./scripts/updateMonorepo.ts",
+    "monorepo:canary": "tsx ./scripts/canaryMonorepo.ts",
     "check-changes": "git add -A && git diff --exit-code --staged",
     "test:rest:start": "tsx ./scripts/restTestServer.ts"
   },
   "devDependencies": {
     "@argos-ci/core": "1.5.4",
-    "@mui/monorepo": "github:mui/material-ui#7faab118953050eec27e119a53070d2994b70476",
+    "@mui/monorepo": "github:mui/material-ui#8bdcff4a75e0e77137bc3df44560413f2c4241a7",
     "@mui/x-charts": "6.19.5",
     "@next/eslint-plugin-next": "14.1.0",
     "@playwright/test": "1.41.2",

scripts/canaryMonorepo.ts

@@ -0,0 +1,26 @@
+import yargs from 'yargs';
+import { hideBin } from 'yargs/helpers';
+import { dedupe, updateToBranch } from './gitUtils';
+
+async function main(argv) {
+  await updateToBranch('@mui/monorepo', 'mui/material-ui', `refs/pull/${argv.pr}/head`);
+  await dedupe();
+}
+
+yargs(hideBin(process.argv))
+  .command({
+    command: '$0',
+    description: 'transpile TypeScript demos',
+    builder: (command) => {
+      return command
+        .option('pr', {
+          description: 'PR number',
+        })
+        .demandOption('pr');
+    },
+    handler: main,
+  })
+  .help()
+  .strict(true)
+  .version(false)
+  .parse();

scripts/gitUtils.ts

@@ -0,0 +1,40 @@
+import * as execa from 'execa';
+
+const $ = execa.$({ stdio: 'inherit' });
+
+export async function updateToBranch(dependency: string, repo: string, branch: string = 'master') {
+  // eslint-disable-next-line no-console
+  console.log(`Updating "${repo}" to branch "${branch}"...`);
+
+  await $`pnpm update -r ${dependency}@github:${repo}#${encodeURIComponent(branch)}`;
+}
+
+export async function dedupe() {
+  // eslint-disable-next-line no-console
+  console.log(`Deduping...`);
+
+  await $({ stdio: 'inherit' })`pnpm dedupe`;
+}
+
+export async function updateToLatestCommit(
+  dependency: string,
+  repo: string,
+  branch: string = 'master',
+) {
+  const url = new URL(`https://api.github.com/repos/${repo}/commits`);
+  url.searchParams.set('sha', branch);
+  url.searchParams.set('per_page', '1');
+  const res = await fetch(url);
+  if (!res.ok) {
+    throw new Error(`HTTP ${res.status} while fetching "${url}"`);
+  }
+  const commits = await res.json();
+
+  if (commits.length <= 0) {
+    throw new Error(`No commits found for "${branch}"`);
+  }
+
+  const latestCommit: string = commits[0].sha;
+
+  await updateToBranch(dependency, repo, latestCommit);
+}

scripts/tsconfig.json

@@ -10,7 +10,7 @@
         "../packages/toolpad-utils/src/*.ts"
       ]
     },
-    "module": "CommonJS",
+    "module": "ESNext",
     "noEmit": true,
     "esModuleInterop": true,
     "moduleResolution": "node",

scripts/updateMonorepo.ts

@@ -1,32 +1,7 @@
-import * as execa from 'execa';
+import { dedupe, updateToLatestCommit } from './gitUtils';
 
-const $ = execa.$({ stdio: 'inherit' });
-
-async function updateGithubDependency(dependency: string, repo: string, branch: string = 'master') {
-  const url = new URL(`https://api.github.com/repos/${repo}/commits`);
-  url.searchParams.set('sha', branch);
-  url.searchParams.set('per_page', '1');
-  const res = await fetch(url);
-  if (!res.ok) {
-    throw new Error(`HTTP ${res.status} while fetching "${url}"`);
-  }
-  const commits = await res.json();
-
-  if (commits.length <= 0) {
-    throw new Error(`No commits found for "${branch}"`);
-  }
-
-  const latestCommit: string = commits[0].sha;
-
-  // eslint-disable-next-line no-console
-  console.log(`Updating "${repo}" to latest commit ${latestCommit}...`);
-
-  await $`pnpm update -r ${dependency}@github:${repo}#${latestCommit}`;
-
-  // eslint-disable-next-line no-console
-  console.log(`Deduping...`);
-
-  await $({ stdio: 'inherit' })`pnpm dedupe`;
+async function main() {
+  await updateToLatestCommit('@mui/monorepo', 'mui/material-ui');
+  await dedupe();
 }
-
-updateGithubDependency('@mui/monorepo', 'mui/material-ui');
+main();