[playground] Decouple playground from compiler

Currently the playground is setup as a linked workspace for the
compiler which complicates our yarn workspace setup and means that snap
can sometimes pull in a different version of react than was otherwise
specified.

There's no real reason to have these workspaces combined so let's split
them up.

ghstack-source-id: 7f4eca0
Pull Request resolved: #31081

Author: poteto

.github/workflows/compiler_playground.yml

@@ -15,7 +15,7 @@ env:
 
 defaults:
   run:
-    working-directory: compiler
+    working-directory: compiler/apps/playground
 
 jobs:
   playground:
@@ -27,13 +27,17 @@ jobs:
         with:
           node-version-file: '.nvmrc'
           cache: yarn
-          cache-dependency-path: compiler/yarn.lock
+          cache-dependency-path: compiler/**/yarn.lock
       - name: Restore cached node_modules
         uses: actions/cache@v4
         id: node_modules
         with:
           path: "**/node_modules"
           key: ${{ runner.arch }}-${{ runner.os }}-modules-${{ hashFiles('compiler/**/yarn.lock') }}
-      - run: yarn install --frozen-lockfile
+      - 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: yarn workspace playground test
+      - run: yarn test

compiler/apps/playground/package.json

@@ -4,8 +4,8 @@
   "private": true,
   "scripts": {
     "dev": "NODE_ENV=development next dev",
-    "build": "next build && node ./scripts/downloadFonts.js",
-    "vercel-build": "yarn workspaces run build",
+    "build": "./scripts/link-react-compiler-runtime.sh && next build && node ./scripts/downloadFonts.js",
+    "vercel-build": "yarn build",
     "start": "next start",
     "lint": "next lint",
     "test": "playwright test"

compiler/apps/playground/scripts/link-react-compiler-runtime.sh

@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+# 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.
+
+set -eo pipefail
+
+HERE=$(pwd)
+
+cd ../../packages/react-compiler-runtime && yarn --silent link
+cd $HERE && yarn --silent link react-compiler-runtime