[code-infra] Remove rsc-builder (#45079)

.circleci/config.yml

@@ -258,12 +258,6 @@ jobs:
       - run:
           name: '`pnpm proptypes` changes committed?'
           command: git add -A && git diff --exit-code --staged
-      - run:
-          name: 'Write "use client" directive'
-          command: pnpm rsc:build
-      - run:
-          name: '`pnpm rsc:build` changes committed?'
-          command: git add -A && git diff --exit-code --staged
       - run:
           name: Generate the documentation
           command: pnpm docs:api

package.json

@@ -38,7 +38,6 @@
     "docs:mdicons:synonyms": "cross-env BABEL_ENV=development babel-node --extensions \".tsx,.ts,.js,.mjs\" ./docs/scripts/updateIconSynonyms && pnpm prettier",
     "docs:zipRules": "cd docs && rm mui-vale.zip && zip -r mui-vale.zip mui-vale && cd ../ && vale sync",
     "extract-error-codes": "cross-env MUI_EXTRACT_ERROR_CODES=true lerna run --concurrency 1 build:modern",
-    "rsc:build": "tsx ./packages/rsc-builder/buildRsc.ts",
     "template:screenshot": "cross-env BABEL_ENV=development babel-node --extensions \".tsx,.ts,.js\" ./docs/scripts/generateTemplateScreenshots",
     "install:codesandbox": "pnpm install --no-frozen-lockfile",
     "jsonlint": "node ./scripts/jsonlint.mjs",

packages/eslint-plugin-material-ui/src/rules/disallow-react-api-in-server-components.js

@@ -1,43 +1,56 @@
-module.exports = {
+/// @ts-check
+
+const REACT_CLIENT_APIS = new Set([
+  'useState',
+  'useEffect',
+  'useLayoutEffect',
+  'useReducer',
+  'useTransition',
+  'createContext',
+]);
+
+/**
+ * @param {import('eslint').AST.Program} ast
+ * @param {string} directive
+ * @returns
+ */
+function hasDirective(ast, directive) {
+  return ast.body.some(
+    (statement) =>
+      statement.type === 'ExpressionStatement' &&
+      statement.expression.type === 'Literal' &&
+      statement.expression.value === directive,
+  );
+}
+
+module.exports = /** @type {import('eslint').Rule.RuleModule} */ ({
   create(context) {
     let hasUseClientDirective = false;
-    const apis = new Set([
-      'useState',
-      'useEffect',
-      'useLayoutEffect',
-      'useReducer',
-      'useTransition',
-      'createContext',
-    ]);
+    let hasUseServerDirective = false;
     return {
+      /** @param {import('eslint').AST.Program} node */
       Program(node) {
-        hasUseClientDirective = node.body.some(
-          (statement) =>
-            statement.type === 'ExpressionStatement' &&
-            statement.expression.type === 'Literal' &&
-            statement.expression.value === 'use client',
-        );
+        hasUseServerDirective = hasDirective(node, 'use server');
+        hasUseClientDirective = hasDirective(node, 'use client');
       },
       CallExpression(node) {
         if (
           !hasUseClientDirective &&
           node.callee.type === 'MemberExpression' &&
+          node.callee.object.type === 'Identifier' &&
           node.callee.object.name === 'React' &&
-          apis.has(node.callee.property.name)
+          node.callee.property.type === 'Identifier' &&
+          REACT_CLIENT_APIS.has(node.callee.property.name)
         ) {
           context.report({
             node,
             message: `Using 'React.${node.callee.property.name}' is forbidden if the file doesn't have a 'use client' directive.`,
             fix(fixer) {
-              const sourceCode = context.getSourceCode();
-              if (
-                sourceCode.text.includes('"use server"') ||
-                sourceCode.text.includes("'use server'")
-              ) {
+              if (hasUseServerDirective) {
                 return null;
               }
 
-              const firstToken = sourceCode.ast.body[0];
+              const firstToken = context.sourceCode.ast.body[0];
               return fixer.insertTextBefore(firstToken, "'use client';\n");
             },
           });
@@ -48,4 +61,4 @@ module.exports = {
   meta: {
     fixable: 'code',
   },
-};
+});