[ci] Shard playground tests

.github/workflows/compiler_playground.yml

@@ -23,8 +23,14 @@ defaults:
 
 jobs:
   playground:
-    name: Test playground
+    name: yarn test (Shard ${{ matrix.shard }})
     runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        shard:
+          - 1/3
+          - 2/3
+          - 3/3
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
@@ -38,13 +44,10 @@ jobs:
         with:
           path: "**/node_modules"
           key: compiler-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('compiler/**/yarn.lock') }}
-      - name: yarn install compiler
-        run: yarn install --frozen-lockfile
-        working-directory: compiler
       - name: yarn install playground
         run: yarn install --frozen-lockfile
       - run: npx playwright install --with-deps chromium
-      - run: CI=true yarn test
+      - run: CI=true yarn test --shard=${{ matrix.shard }}
       - run: ls -R test-results
         if: '!cancelled()'
       - name: Archive test results

compiler/apps/playground/package.json

@@ -3,10 +3,11 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "cd ../.. && concurrently --kill-others -n compiler,runtime,playground \"yarn workspace babel-plugin-react-compiler run build --watch\" \"yarn workspace react-compiler-runtime run build --watch\" \"wait-on packages/babel-plugin-react-compiler/dist/index.js && cd apps/playground && NODE_ENV=development next dev\"",
+    "dev": "cd ../.. && concurrently --kill-others -n compiler,runtime,playground \"yarn workspace babel-plugin-react-compiler run watch\" \"yarn workspace react-compiler-runtime run watch\" \"wait-on packages/babel-plugin-react-compiler/dist/index.js && cd apps/playground && NODE_ENV=development next dev\"",
     "build:compiler": "cd ../.. && concurrently -n compiler,runtime \"yarn workspace babel-plugin-react-compiler run build\" \"yarn workspace react-compiler-runtime run build\"",
     "build": "yarn build:compiler && next build",
     "postbuild": "node ./scripts/downloadFonts.js",
+    "preinstall": "cd ../.. && yarn install --frozen-lockfile",
     "postinstall": "./scripts/link-compiler.sh",
     "vercel-build": "yarn build",
     "start": "next start",

compiler/package.json

@@ -15,7 +15,7 @@
     "start": "yarn workspace playground run start",
     "next": "yarn workspace playground run dev",
     "build": "yarn workspaces run build",
-    "dev": "echo 'DEPRECATED: use `cd apps/playground && yarn dev` instead!' && sleep 5 && cd apps/playground && yarn dev",
+    "dev": "cd apps/playground && yarn dev",
     "test": "yarn workspaces run test",
     "snap": "yarn workspace babel-plugin-react-compiler run snap",
     "snap:build": "yarn workspace snap run build",
@@ -26,22 +26,15 @@
     "react-is": "0.0.0-experimental-4beb1fd8-20241118"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.2",
     "@tsconfig/strictest": "^2.0.5",
     "concurrently": "^7.4.0",
+    "esbuild": "^0.24.2",
     "folder-hash": "^4.0.4",
     "object-assign": "^4.1.1",
     "ora": "5.4.1",
     "prettier": "^3.3.3",
-    "prettier-plugin-hermes-parser": "^0.25.1",
+    "prettier-plugin-hermes-parser": "^0.26.0",
     "prompt-promise": "^1.0.3",
-    "rollup": "^4.22.4",
-    "rollup-plugin-banner2": "^1.2.3",
-    "rollup-plugin-prettier": "^4.1.1",
     "typescript": "^5.4.3",
     "wait-on": "^7.2.0",
     "yargs": "^17.7.2"

compiler/packages/babel-plugin-react-compiler/package.json

@@ -9,14 +9,15 @@
     "!*.tsbuildinfo"
   ],
   "scripts": {
-    "build": "rimraf dist && rollup --config --bundleConfigAsCjs",
+    "build": "rimraf dist && scripts/build.js",
     "test": "./scripts/link-react-compiler-runtime.sh && yarn snap:ci",
     "jest": "yarn build && ts-node node_modules/.bin/jest",
     "snap": "node ../snap/dist/main.js",
     "snap:build": "yarn workspace snap run build",
     "snap:ci": "yarn snap:build && yarn snap",
     "ts:analyze-trace": "scripts/ts-analyze-trace.sh",
-    "lint": "yarn eslint src"
+    "lint": "yarn eslint src",
+    "watch": "scripts/build.js --watch"
   },
   "dependencies": {
     "@babel/types": "^7.19.0"

compiler/packages/babel-plugin-react-compiler/scripts/build.js

@@ -0,0 +1,61 @@
+#!/usr/bin/env node
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const esbuild = require('esbuild');
+const yargs = require('yargs');
+const path = require('path');
+
+const argv = yargs(process.argv.slice(2))
+  .options('w', {
+    alias: 'watch',
+    default: false,
+    type: 'boolean',
+  })
+  .parse();
+
+const config = {
+  entryPoints: [path.join(__dirname, '../src/index.ts')],
+  outfile: path.join(__dirname, '../dist/index.js'),
+  bundle: true,
+  external: ['@babel/types'],
+  format: 'cjs',
+  platform: 'node',
+  banner: {
+    js: `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */
+
+"use no memo";`,
+  },
+};
+
+async function main() {
+  if (argv.w) {
+    const ctx = await esbuild.context(config);
+    await ctx.watch();
+    console.log('watching for changes...');
+  } else {
+    await esbuild.build({
+      sourcemap: true,
+      minify: false,
+      ...config,
+    });
+  }
+}
+
+main();

compiler/packages/eslint-plugin-react-compiler/package.json

@@ -4,8 +4,9 @@
   "description": "ESLint plugin to display errors found by the React compiler.",
   "main": "dist/index.js",
   "scripts": {
-    "build": "rimraf dist && rollup --config --bundleConfigAsCjs",
-    "test": "tsc && jest"
+    "build": "rimraf dist && scripts/build.js",
+    "test": "tsc && jest",
+    "watch": "scripts/build.js --watch"
   },
   "files": [
     "dist"

compiler/packages/eslint-plugin-react-compiler/scripts/build.js

@@ -0,0 +1,67 @@
+#!/usr/bin/env node
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const esbuild = require('esbuild');
+const yargs = require('yargs');
+const path = require('path');
+
+const argv = yargs(process.argv.slice(2))
+  .options('w', {
+    alias: 'watch',
+    default: false,
+    type: 'boolean',
+  })
+  .parse();
+
+const config = {
+  entryPoints: [path.join(__dirname, '../src/index.ts')],
+  outfile: path.join(__dirname, '../dist/index.js'),
+  bundle: true,
+  external: [
+    '@babel/core',
+    '@babel/plugin-proposal-private-methods',
+    'hermes-parser',
+    'zod',
+    'zod-validation-error',
+  ],
+  format: 'cjs',
+  platform: 'node',
+  banner: {
+    js: `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */
+
+"use no memo";`,
+  },
+};
+
+async function main() {
+  if (argv.w) {
+    const ctx = await esbuild.context(config);
+    await ctx.watch();
+    console.log('watching for changes...');
+  } else {
+    await esbuild.build({
+      sourcemap: true,
+      minify: false,
+      ...config,
+    });
+  }
+}
+
+main();