Revert "Add a feature flag for new behavior"

This reverts commit c86765f81847f7dc7fefff8d09da84c95fb66a6b.

.circleci/config.yml

@@ -0,0 +1,667 @@
+version: 2.1
+
+aliases:
+  - &docker
+    - image: cimg/openjdk:18.0-node
+
+  - &environment
+    TZ: /usr/share/zoneinfo/America/Los_Angeles
+
+  - &restore_yarn_cache_fixtures_dom
+    restore_cache:
+      name: Restore yarn cache for fixtures/dom
+      keys:
+        - v2-yarn_cache-{{ arch }}-{{ checksum "yarn.lock" }}-fixtures/dom
+
+  - &yarn_install_fixtures_dom
+    run:
+      name: Install dependencies in fixtures/dom
+      working_directory: fixtures/dom
+      command: yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
+
+  - &yarn_install_fixtures_dom_retry
+    run:
+      name: Install dependencies in fixtures/dom (retry)
+      when: on_fail
+      working_directory: fixtures/dom
+      command: yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
+
+  - &save_yarn_cache_fixtures_dom
+    save_cache:
+      name: Save yarn cache for fixtures/dom
+      key: v2-yarn_cache-{{ arch }}-{{ checksum "yarn.lock" }}-fixtures/dom
+      paths:
+        - ~/.cache/yarn
+
+  - &TEST_PARALLELISM 20
+
+  - &attach_workspace
+    at: build
+
+commands:
+  setup_node_modules:
+    description: "Restore node_modules"
+    steps:
+      - restore_cache:
+          name: Restore yarn cache
+          keys:
+            - v2-yarn_cache-{{ arch }}-{{ checksum "yarn.lock" }}
+      - run:
+          name: Install dependencies
+          command: |
+            yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
+            if [ $? -ne 0 ]; then
+              yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
+            fi
+          environment:
+          # If we start needing the Electron binary, please ensure the binary is cached in CI following https://www.electronjs.org/docs/latest/tutorial/installation
+            ELECTRON_SKIP_BINARY_DOWNLOAD: 1
+      - save_cache:
+          name: Save yarn cache
+          key: v2-yarn_cache-{{ arch }}-{{ checksum "yarn.lock" }}
+          paths:
+            - ~/.cache/yarn
+
+# The CircleCI API doesn't yet support triggering a specific workflow, but it
+# does support triggering a pipeline. So as a workaround you can triggger the
+# entire pipeline and use parameters to disable everything except the workflow
+# you want. CircleCI recommends this workaround here:
+# https://support.circleci.com/hc/en-us/articles/360050351292-How-to-trigger-a-workflow-via-CircleCI-API-v2-
+parameters:
+  # This is only set when triggering the CI pipeline via an API request.
+  prerelease_commit_sha:
+    type: string
+    default: ''
+
+jobs:
+  yarn_lint:
+    docker: *docker
+    environment: *environment
+
+    steps:
+      - checkout
+      - setup_node_modules
+      - run: node ./scripts/prettier/index
+      - run: node ./scripts/tasks/eslint
+      - run: ./scripts/circleci/check_license.sh
+      - run: ./scripts/circleci/check_modules.sh
+      - run: ./scripts/circleci/test_print_warnings.sh
+
+  yarn_flow:
+    docker: *docker
+    environment: *environment
+    parallelism: 5
+
+    steps:
+      - checkout
+      - setup_node_modules
+      - run: node ./scripts/tasks/flow-ci
+
+  scrape_warning_messages:
+    docker: *docker
+    environment: *environment
+
+    steps:
+      - checkout
+      - setup_node_modules
+      - run:
+          command: |
+            mkdir -p ./build/__test_utils__
+            node ./scripts/print-warnings/print-warnings.js > build/__test_utils__/ReactAllWarnings.js
+      - persist_to_workspace:
+          root: .
+          paths:
+            - build
+
+  yarn_build:
+    docker: *docker
+    environment: *environment
+    parallelism: 40
+    steps:
+      - checkout
+      - setup_node_modules
+      - run: yarn build
+      - persist_to_workspace:
+          root: .
+          paths:
+            - build
+
+  download_build:
+    docker: *docker
+    environment: *environment
+    parameters:
+      revision:
+        type: string
+    steps:
+      - checkout
+      - setup_node_modules
+      - run:
+          name: Download artifacts for revision
+          command: |
+              git fetch origin main
+              cd ./scripts/release && yarn && cd ../../
+              scripts/release/download-experimental-build.js --commit=<< parameters.revision >> --allowBrokenCI
+      - persist_to_workspace:
+          root: .
+          paths:
+            - build
+
+  download_base_build_for_sizebot:
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - setup_node_modules
+      - run:
+          name: Download artifacts for base revision
+          command: |
+            git fetch origin main
+            cd ./scripts/release && yarn && cd ../../
+            scripts/release/download-experimental-build.js --commit=$(git merge-base HEAD origin/main) --allowBrokenCI
+            mv ./build ./base-build
+
+      - run:
+          # TODO: The `download-experimental-build` script copies the npm
+          # packages into the `node_modules` directory. This is a historical
+          # quirk of how the release script works. Let's pretend they
+          # don't exist.
+          name: Delete extraneous files
+          command: rm -rf ./base-build/node_modules
+
+      - persist_to_workspace:
+          root: .
+          paths:
+            - base-build
+
+  process_artifacts_combined:
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - setup_node_modules
+      - run: echo "<< pipeline.git.revision	>>" >> build/COMMIT_SHA
+        # Compress build directory into a single tarball for easy download
+      - run: tar -zcvf ./build.tgz ./build
+        # TODO: Migrate scripts to use `build` directory instead of `build2`
+      - run: cp ./build.tgz ./build2.tgz
+      - store_artifacts:
+          path: ./build2.tgz
+      - store_artifacts:
+          path: ./build.tgz
+
+  sizebot:
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - run: echo "<< pipeline.git.revision	>>" >> build/COMMIT_SHA
+      - setup_node_modules
+      - run:
+          command: node ./scripts/tasks/danger
+
+  build_devtools_and_process_artifacts:
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - setup_node_modules
+      - run:
+          environment:
+            RELEASE_CHANNEL: experimental
+          command: ./scripts/circleci/pack_and_store_devtools_artifacts.sh
+      - store_artifacts:
+          path: ./build/devtools.tgz
+
+  run_devtools_e2e_tests:
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - setup_node_modules
+      - run:
+          name: Playwright install deps
+          command: |
+            npx playwright install
+            sudo npx playwright install-deps
+      - run:
+          environment:
+            RELEASE_CHANNEL: experimental
+          command: ./scripts/circleci/run_devtools_e2e_tests.js
+
+  run_fixtures_flight_tests:
+    docker:
+      - image: cimg/openjdk:20.0-node
+    environment: *environment
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      # Fixture copies some built packages from the workroot after install.
+      # That means dependencies of the built packages are not installed.
+      # We need to install dependencies of the workroot to fulfill all dependency constraints
+      - setup_node_modules
+      - restore_cache:
+          name: Restore yarn cache of fixture
+          keys:
+            - v2-yarn_cache_fixtures_flight-{{ arch }}-{{ checksum "yarn.lock" }}
+      - run:
+          name: Install fixture dependencies
+          working_directory: fixtures/flight
+          command: |
+            yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
+            if [ $? -ne 0 ]; then
+              yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
+            fi
+      - save_cache:
+          name: Save yarn cache of fixture
+          key: v2-yarn_cache_fixtures_flight-{{ arch }}-{{ checksum "yarn.lock" }}
+          paths:
+            - ~/.cache/yarn
+      - run:
+          working_directory: fixtures/flight
+          name: Playwright install deps
+          command: |
+            npx playwright install
+            sudo npx playwright install-deps
+      - run:
+          name: Run tests
+          working_directory: fixtures/flight
+          command: yarn test
+          environment:
+          # Otherwise the webserver is a blackbox
+            DEBUG: pw:webserver
+      - store_artifacts:
+          path: fixtures/flight/playwright-report
+      - store_artifacts:
+          path: fixtures/flight/test-results
+
+  run_devtools_tests_for_versions:
+    docker: *docker
+    environment: *environment
+    parallelism: *TEST_PARALLELISM
+    parameters:
+      version:
+        type: string
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - setup_node_modules
+      - run: ./scripts/circleci/download_devtools_regression_build.js << parameters.version >> --replaceBuild
+      - run: node ./scripts/jest/jest-cli.js --build --project devtools --release-channel=experimental --reactVersion << parameters.version >> --ci
+
+  run_devtools_e2e_tests_for_versions:
+    docker: *docker
+    environment: *environment
+    parallelism: *TEST_PARALLELISM
+    parameters:
+      version:
+        type: string
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - setup_node_modules
+      - run:
+          name: Playwright install deps
+          command: |
+            npx playwright install
+            sudo npx playwright install-deps
+      - run: ./scripts/circleci/download_devtools_regression_build.js << parameters.version >>
+      - run:
+          environment:
+            RELEASE_CHANNEL: experimental
+          command: ./scripts/circleci/run_devtools_e2e_tests.js << parameters.version >>
+      - run:
+          name: Cleanup build regression folder
+          command: rm -r ./build-regression
+      - store_artifacts:
+          path: ./tmp/screenshots
+
+  yarn_lint_build:
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - setup_node_modules
+      - run: yarn lint-build
+
+  yarn_check_release_dependencies:
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - setup_node_modules
+      - run: yarn check-release-dependencies
+
+
+  check_error_codes:
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - attach_workspace: *attach_workspace
+      - setup_node_modules
+      - run:
+          name: Search build artifacts for unminified errors
+          command: |
+            yarn extract-errors
+            git diff --quiet || (echo "Found unminified errors. Either update the error codes map or disable error minification for the affected build, if appropriate." && false)
+
+  check_generated_fizz_runtime:
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - attach_workspace: *attach_workspace
+      - setup_node_modules
+      - run:
+          name: Confirm generated inline Fizz runtime is up to date
+          command: |
+            yarn generate-inline-fizz-runtime
+            git diff --quiet || (echo "There was a change to the Fizz runtime. Run `yarn generate-inline-fizz-runtime` and check in the result." && false)
+
+  yarn_test:
+    docker: *docker
+    environment: *environment
+    parallelism: *TEST_PARALLELISM
+    parameters:
+      args:
+        type: string
+    steps:
+      - checkout
+      - setup_node_modules
+      - run: yarn test <<parameters.args>> --ci
+
+  yarn_test_build:
+    docker: *docker
+    environment: *environment
+    parallelism: *TEST_PARALLELISM
+    parameters:
+      args:
+        type: string
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - setup_node_modules
+      - run: yarn test --build <<parameters.args>> --ci
+
+  RELEASE_CHANNEL_stable_yarn_test_dom_fixtures:
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - setup_node_modules
+      - *restore_yarn_cache_fixtures_dom
+      - *yarn_install_fixtures_dom
+      - *yarn_install_fixtures_dom_retry
+      - *save_yarn_cache_fixtures_dom
+      - run:
+          name: Run DOM fixture tests
+          environment:
+            RELEASE_CHANNEL: stable
+          working_directory: fixtures/dom
+          command: |
+            yarn predev
+            yarn test --maxWorkers=2
+
+  publish_prerelease:
+    parameters:
+      commit_sha:
+        type: string
+      release_channel:
+        type: string
+      dist_tag:
+        type: string
+    docker: *docker
+    environment: *environment
+    steps:
+      - checkout
+      - setup_node_modules
+      - run:
+          name: Run publish script
+          command: |
+            git fetch origin main
+            cd ./scripts/release && yarn && cd ../../
+            scripts/release/prepare-release-from-ci.js --skipTests -r << parameters.release_channel >> --commit=<< parameters.commit_sha >>
+            cp ./scripts/release/ci-npmrc ~/.npmrc
+            scripts/release/publish.js --ci --tags << parameters.dist_tag >>
+
+workflows:
+
+  build_and_test:
+    unless: << pipeline.parameters.prerelease_commit_sha >>
+    jobs:
+      - yarn_flow:
+          filters:
+            branches:
+              ignore:
+                - builds/facebook-www
+      - check_generated_fizz_runtime:
+          filters:
+            branches:
+              ignore:
+                - builds/facebook-www
+      - yarn_lint:
+          filters:
+            branches:
+              ignore:
+                - builds/facebook-www
+      - yarn_test:
+          filters:
+            branches:
+              ignore:
+                - builds/facebook-www
+          matrix:
+            parameters:
+              args:
+                # Intentionally passing these as strings instead of creating a
+                # separate parameter per CLI argument, since it's easier to
+                # control/see which combinations we want to run.
+                - "-r=stable --env=development"
+                - "-r=stable --env=production"
+                - "-r=experimental --env=development"
+                - "-r=experimental --env=production"
+                - "-r=www-classic --env=development --variant=false"
+                - "-r=www-classic --env=production --variant=false"
+                - "-r=www-classic --env=development --variant=true"
+                - "-r=www-classic --env=production --variant=true"
+                - "-r=www-modern --env=development --variant=false"
+                - "-r=www-modern --env=production --variant=false"
+                - "-r=www-modern --env=development --variant=true"
+                - "-r=www-modern --env=production --variant=true"
+
+                # TODO: Test more persistent configurations?
+                - '-r=stable --env=development --persistent'
+                - '-r=experimental --env=development --persistent'
+      - yarn_build:
+          filters:
+            branches:
+              ignore:
+                - builds/facebook-www
+      - scrape_warning_messages:
+          filters:
+            branches:
+              ignore:
+                - builds/facebook-www
+      - process_artifacts_combined:
+          requires:
+            - scrape_warning_messages
+            - yarn_build
+      - yarn_test_build:
+          requires:
+            - yarn_build
+          matrix:
+            parameters:
+              args:
+                # Intentionally passing these as strings instead of creating a
+                # separate parameter per CLI argument, since it's easier to
+                # control/see which combinations we want to run.
+                - "-r=stable --env=development"
+                - "-r=stable --env=production"
+                - "-r=experimental --env=development"
+                - "-r=experimental --env=production"
+
+                # Dev Tools
+                - "--project=devtools -r=experimental"
+
+                # TODO: Update test config to support www build tests
+                # - "-r=www-classic --env=development --variant=false"
+                # - "-r=www-classic --env=production --variant=false"
+                # - "-r=www-classic --env=development --variant=true"
+                # - "-r=www-classic --env=production --variant=true"
+                # - "-r=www-modern --env=development --variant=false"
+                # - "-r=www-modern --env=production --variant=false"
+                # - "-r=www-modern --env=development --variant=true"
+                # - "-r=www-modern --env=production --variant=true"
+
+                # TODO: Test more persistent configurations?
+      - download_base_build_for_sizebot:
+          filters:
+            branches:
+              ignore:
+                - main
+                - builds/facebook-www
+      - sizebot:
+          filters:
+            branches:
+              ignore:
+                - main
+          requires:
+            - download_base_build_for_sizebot
+            - yarn_build
+      - yarn_lint_build:
+          requires:
+            - yarn_build
+      - yarn_check_release_dependencies:
+          requires:
+            - yarn_build
+      - check_error_codes:
+          requires:
+            - yarn_build
+      - RELEASE_CHANNEL_stable_yarn_test_dom_fixtures:
+          requires:
+            - yarn_build
+      - build_devtools_and_process_artifacts:
+          requires:
+            - yarn_build
+      - run_devtools_e2e_tests:
+          requires:
+            - build_devtools_and_process_artifacts
+      - run_fixtures_flight_tests:
+          requires:
+            - yarn_build
+
+  devtools_regression_tests:
+    unless: << pipeline.parameters.prerelease_commit_sha >>
+    triggers:
+      - schedule:
+          # DevTools regression tests run once a day
+          cron: "0 0 * * *"
+          filters:
+            branches:
+              only:
+                - main
+    jobs:
+      - download_build:
+          revision: << pipeline.git.revision >>
+      - build_devtools_and_process_artifacts:
+          requires:
+            - download_build
+      - run_devtools_tests_for_versions:
+          requires:
+            - build_devtools_and_process_artifacts
+          matrix:
+            parameters:
+              version:
+                - "16.0"
+                - "16.5" # schedule package
+                - "16.8" # hooks
+                - "17.0"
+                - "18.0"
+      - run_devtools_e2e_tests_for_versions:
+          requires:
+            - build_devtools_and_process_artifacts
+          matrix:
+            parameters:
+              version:
+                - "16.0"
+                - "16.5" # schedule package
+                - "16.8" # hooks
+                - "17.0"
+                - "18.0"
+
+  # Used to publish a prerelease manually via the command line
+  publish_preleases:
+    when: << pipeline.parameters.prerelease_commit_sha >>
+    jobs:
+      - publish_prerelease:
+          name: Publish to Canary channel
+          commit_sha: << pipeline.parameters.prerelease_commit_sha >>
+          release_channel: stable
+          # The tags to use when publishing canaries. The main one we should
+          # always include is "canary" but we can use multiple (e.g. alpha,
+          # beta, rc). To declare multiple, use a comma-separated string, like
+          # this:
+          #   dist_tag: "canary,alpha,beta,rc"
+          #
+          # TODO: We currently tag canaries with "next" in addition to "canary"
+          # because this used to be called the "next" channel and some
+          # downstream consumers might still expect that tag. We can remove this
+          # after some time has elapsed and the change has been communicated.
+          dist_tag: "canary,next"
+      - publish_prerelease:
+          name: Publish to Experimental channel
+          requires:
+            # NOTE: Intentionally running these jobs sequentially because npm
+            # will sometimes fail if you try to concurrently publish two
+            # different versions of the same package, even if they use different
+            # dist tags.
+            - Publish to Canary channel
+          commit_sha: << pipeline.parameters.prerelease_commit_sha >>
+          release_channel: experimental
+          dist_tag: experimental
+
+  # Publishes on a cron schedule
+  publish_preleases_nightly:
+    unless: << pipeline.parameters.prerelease_commit_sha >>
+    triggers:
+      - schedule:
+          # At 10 minutes past 16:00 on Mon, Tue, Wed, Thu, and Fri
+          cron: "10 16 * * 1,2,3,4,5"
+          filters:
+            branches:
+              only:
+                - main
+    jobs:
+      - publish_prerelease:
+          name: Publish to Canary channel
+          commit_sha: << pipeline.git.revision >>
+          release_channel: stable
+          dist_tag: "canary,next"
+      - publish_prerelease:
+          name: Publish to Experimental channel
+          requires:
+            # NOTE: Intentionally running these jobs sequentially because npm
+            # will sometimes fail if you try to concurrently publish two
+            # different versions of the same package, even if they use different
+            # dist tags.
+            - Publish to Canary channel
+          commit_sha: << pipeline.git.revision >>
+          release_channel: experimental
+          dist_tag: experimental

.editorconfig

@@ -8,9 +8,11 @@ indent_size = 2
 indent_style = space
 insert_final_newline = true
 max_line_length = 80
+trim_trailing_whitespace = true
 
 [*.md]
 max_line_length = 0
+trim_trailing_whitespace = false
 
 [COMMIT_EDITMSG]
 max_line_length = 0

.eslintignore

@@ -13,15 +13,11 @@ scripts/bench/benchmarks/**/*.js
 # React repository clone
 scripts/bench/remote-repo/
 
-# Compiler uses its own lint setup
-compiler/
-
 packages/react-devtools-core/dist
 packages/react-devtools-extensions/chrome/build
 packages/react-devtools-extensions/firefox/build
 packages/react-devtools-extensions/shared/build
 packages/react-devtools-extensions/src/ErrorTesterCompiled.js
-packages/react-devtools-fusebox/dist
 packages/react-devtools-inline/dist
 packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/
 packages/react-devtools-shared/src/hooks/__tests__/__source__/__untransformed__/

.eslintrc.js

@@ -12,18 +12,15 @@ const WARNING = 1;
 const ERROR = 2;
 
 module.exports = {
-  extends: ['prettier', 'plugin:jest/recommended'],
+  extends: ['prettier'],
 
   // Stop ESLint from looking for a configuration file in parent folders
   root: true,
 
-  reportUnusedDisableDirectives: true,
-
   plugins: [
     'babel',
     'ft-flow',
     'jest',
-    'es',
     'no-for-of-loops',
     'no-function-declare-after-return',
     'react',
@@ -48,7 +45,7 @@ module.exports = {
     'ft-flow/no-unused-expressions': ERROR,
     // 'ft-flow/no-weak-types': WARNING,
     // 'ft-flow/require-valid-file-annotation': ERROR,
-    'es/no-optional-chaining': ERROR,
+
     'no-cond-assign': OFF,
     'no-constant-condition': OFF,
     'no-control-regex': OFF,
@@ -248,7 +245,7 @@ module.exports = {
       },
     ],
     'no-shadow': ERROR,
-    'no-unused-vars': [ERROR, {args: 'none', ignoreRestSiblings: true}],
+    'no-unused-vars': [ERROR, {args: 'none'}],
     'no-use-before-define': OFF,
     'no-useless-concat': OFF,
     quotes: [ERROR, 'single', {avoidEscape: true, allowTemplateLiterals: true}],
@@ -379,49 +376,9 @@ module.exports = {
       files: ['**/__tests__/*.js'],
       rules: {
         // https://github.com/jest-community/eslint-plugin-jest
-        // Meh, who cares.
-        'jest/consistent-test-it': OFF,
-        // Meh, we have a lot of these, who cares.
-        'jest/no-alias-methods': OFF,
-        // We do conditions based on feature flags.
-        'jest/no-conditional-expect': OFF,
-        // We have our own assertion helpers.
-        'jest/expect-expect': OFF,
-        // Lame rule that fires in itRender helpers or in render methods.
-        'jest/no-standalone-expect': OFF,
-      },
-    },
-    {
-      // Rules specific to test setup helper files.
-      files: [
-        '**/setupTests.js',
-        '**/setupEnv.js',
-        '**/jest/TestFlags.js',
-        '**/dom-event-testing-library/testHelpers.js',
-        '**/utils/ReactDOMServerIntegrationTestUtils.js',
-        '**/babel/transform-react-version-pragma.js',
-        '**/babel/transform-test-gate-pragma.js',
-      ],
-      rules: {
-        // Some helpers intentionally focus tests.
-        'jest/no-focused-tests': OFF,
-        // Test fn helpers don't use static text names.
-        'jest/valid-title': OFF,
-        // We have our own assertion helpers.
-        'jest/expect-expect': OFF,
-        // Some helpers intentionally disable tests.
-        'jest/no-disabled-tests': OFF,
-        // Helpers export text function helpers.
-        'jest/no-export': OFF,
-        // The examples in comments trigger false errors.
-        'jest/no-commented-out-tests': OFF,
-      },
-    },
-    {
-      files: ['**/jest/TestFlags.js'],
-      rules: {
-        // The examples in comments trigger false errors.
-        'jest/no-commented-out-tests': OFF,
+        'jest/no-focused-tests': ERROR,
+        'jest/valid-expect': ERROR,
+        'jest/valid-expect-in-promise': ERROR,
       },
     },
     {
@@ -436,7 +393,6 @@ module.exports = {
         'packages/react-dom/src/test-utils/*.js',
       ],
       rules: {
-        'es/no-optional-chaining': OFF,
         'react-internal/no-production-logging': OFF,
         'react-internal/warning-args': OFF,
         'react-internal/safe-string-coercion': [
@@ -464,7 +420,6 @@ module.exports = {
       files: ['packages/react-native-renderer/**/*.js'],
       globals: {
         nativeFabricUIManager: 'readonly',
-        RN$enableMicrotasksInReact: 'readonly',
       },
     },
     {
@@ -488,24 +443,11 @@ module.exports = {
       },
     },
     {
-      files: [
-        'packages/react-devtools-extensions/**/*.js',
-        'packages/react-devtools-shared/src/hook.js',
-        'packages/react-devtools-shared/src/backend/console.js',
-        'packages/react-devtools-shared/src/backend/shared/DevToolsComponentStackFrame.js',
-      ],
+      files: ['packages/react-devtools-extensions/**/*.js'],
       globals: {
         __IS_CHROME__: 'readonly',
         __IS_FIREFOX__: 'readonly',
         __IS_EDGE__: 'readonly',
-        __IS_NATIVE__: 'readonly',
-        __IS_INTERNAL_VERSION__: 'readonly',
-      },
-    },
-    {
-      files: ['packages/react-devtools-shared/**/*.js'],
-      globals: {
-        __IS_INTERNAL_VERSION__: 'readonly',
       },
     },
   ],
@@ -529,8 +471,6 @@ module.exports = {
     $ReadOnlyArray: 'readonly',
     $ArrayBufferView: 'readonly',
     $Shape: 'readonly',
-    CallSite: 'readonly',
-    ConsoleTask: 'readonly', // TOOD: Figure out what the official name of this will be.
     ReturnType: 'readonly',
     AnimationFrameID: 'readonly',
     // For Flow type annotation. Only `BigInt` is valid at runtime.
@@ -544,12 +484,7 @@ module.exports = {
     DOMHighResTimeStamp: 'readonly',
     EventListener: 'readonly',
     Iterable: 'readonly',
-    AsyncIterable: 'readonly',
-    $AsyncIterable: 'readonly',
-    $AsyncIterator: 'readonly',
     Iterator: 'readonly',
-    AsyncIterator: 'readonly',
-    IteratorResult: 'readonly',
     JSONValue: 'readonly',
     JSResourceReference: 'readonly',
     MouseEventHandler: 'readonly',
@@ -569,9 +504,7 @@ module.exports = {
     React$Node: 'readonly',
     React$Portal: 'readonly',
     React$Ref: 'readonly',
-    React$RefSetter: 'readonly',
     ReadableStreamController: 'readonly',
-    ReadableStreamReader: 'readonly',
     RequestInfo: 'readonly',
     RequestOptions: 'readonly',
     StoreAsGlobal: 'readonly',
@@ -582,7 +515,6 @@ module.exports = {
     TimeoutID: 'readonly',
     WheelEventHandler: 'readonly',
     FinalizationRegistry: 'readonly',
-    Omit: 'readonly',
 
     spyOnDev: 'readonly',
     spyOnDevAndProd: 'readonly',
@@ -592,6 +524,7 @@ module.exports = {
     __EXTENSION__: 'readonly',
     __PROFILE__: 'readonly',
     __TEST__: 'readonly',
+    __UMD__: 'readonly',
     __VARIANT__: 'readonly',
     __unmockReact: 'readonly',
     gate: 'readonly',

.git-blame-ignore-revs

@@ -1,2 +0,0 @@
-c998bb1ed4b3285398c9c7797135d3f060243c6a
-fd2b3e13d330a4559f5aa21462e1cb2cbbcf144b

.github/ISSUE_TEMPLATE/19.md

@@ -1,18 +0,0 @@
----
-name: "⚛React 19 beta issue"
-about: Report a issue with React 19 beta.
-title: '[React 19]'
-labels: 'React 19'
-
----
-
-
-## Summary
-
-<!--
-  Please provide a CodeSandbox (https://codesandbox.io/s/new), a link to a
-  repository on GitHub, or provide a minimal code example that reproduces the
-  problem. You may provide a screenshot of the application if you think it is
-  relevant to your bug report. Here are some tips for providing a minimal
-  example: https://stackoverflow.com/help/mcve.
--->

.github/ISSUE_TEMPLATE/compiler_bug_report.yml

@@ -1,64 +0,0 @@
-name: "⚛️ ✨ Compiler bug report"
-description: "Report a problem with React Compiler. Please provide enough information that we can reproduce the problem."
-title: "[Compiler Bug]: "
-labels: ["Component: Optimizing Compiler", "Type: Bug", "Status: Unconfirmed"]
-body:
-- type: checkboxes
-  attributes:
-    label: What kind of issue is this?
-    description: |
-      Please indicate if this issue affects the following tools provided by React Compiler.
-    options:
-      - label: React Compiler core (the JS output is incorrect, or your app works incorrectly after optimization)
-      - label: babel-plugin-react-compiler (build issue installing or using the Babel plugin)
-      - label: eslint-plugin-react-compiler (build issue installing or using the eslint plugin)
-      - label: react-compiler-healthcheck (build issue installing or using the healthcheck script)
-- type: input
-  attributes:
-    label: Link to repro
-    description: |
-      Please provide a repro by either sharing a [Playground link](https://playground.react.dev), or a public GitHub repo so the React team can reproduce the error being reported. Please do not share localhost links!
-    placeholder: |
-      e.g. public GitHub repo, or Playground link
-  validations:
-    required: true
-- type: textarea
-  attributes:
-    label: Repro steps
-    description: |
-      What were you doing when the bug happened? Detailed information helps maintainers reproduce and fix bugs.
-
-      Issues filed without repro steps will be closed.
-    placeholder: |
-      Example bug report:
-      1. Log in with username/password
-      2. Click "Messages" on the left menu
-      3. Open any message in the list
-  validations:
-    required: true
-- type: dropdown
-  attributes:
-    label: How often does this bug happen?
-    description: |
-      Following the repro steps above, how easily are you able to reproduce this bug?
-    options:
-      - Every time
-      - Often
-      - Sometimes
-      - Only once
-  validations:
-    required: true
-- type: input
-  attributes:
-    label: What version of React are you using?
-    description: |
-      Please provide your React version in the app where this issue occurred.
-  validations:
-    required: true
-- type: input
-  attributes:
-    label: What version of React Compiler are you using?
-    description: |
-      Please provide the exact React Compiler version in the app where this issue occurred.
-  validations:
-    required: true

.github/ISSUE_TEMPLATE/config.yml

@@ -1,4 +1,3 @@
-blank_issues_enabled: false
 contact_links:
     - name: 📃 Documentation Issue
       url: https://github.com/reactjs/react.dev/issues/new/choose

.github/dependabot.yml

@@ -1,10 +1,107 @@
 version: 2
 updates:
   - package-ecosystem: "npm"
-    directories:
-      - "/fixtures/*"
+    directory: "/fixtures/art"
     schedule:
-      interval: "monthly"
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/attribute-behavior"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/concurrent"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/devtools"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/dom"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/eslint"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/expiration"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/fiber-debugger"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/fiber-triangle"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/fizz"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/fizz-ssr-browser"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/flight"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/flight-browser"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/flight-esm"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/legacy-jsx-runtimes"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/nesting"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/packaging"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/scheduler"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/ssr"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/ssr-2"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 0
+  - package-ecosystem: "npm"
+    directory: "/fixtures/stacks"
+    schedule:
+      interval: "weekly"
     open-pull-requests-limit: 0
-    ignore:
-      - dependency-name: "*"

.github/stale.yml

@@ -0,0 +1,34 @@
+# Configuration for probot-stale - https://github.com/probot/stale
+# Number of days of inactivity before an issue becomes stale
+daysUntilStale: 90
+# Number of days of inactivity before a stale issue is closed
+daysUntilClose: 7
+# Issues with these labels will never be considered stale
+exemptLabels:
+  - "Partner"
+  - "React Core Team"
+  - "Resolution: Backlog"
+  - "Type: Bug"
+  - "Type: Discussion"
+  - "Type: Needs Investigation"
+  - "Type: Regression"
+# Label to use when marking an issue as stale
+staleLabel: "Resolution: Stale"
+issues:
+  # Comment to post when marking an issue as stale.
+  markComment: >
+    This issue has been automatically marked as stale.
+    **If this issue is still affecting you, please leave any comment** (for example, "bump"), and we'll keep it open.
+    We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!
+  # Comment to post when closing a stale issue.
+  closeComment: >
+    Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!
+pulls:
+  # Comment to post when marking a pull request as stale.
+  markComment: >
+    This pull request has been automatically marked as stale.
+    **If this pull request is still relevant, please leave any comment** (for example, "bump"), and we'll keep it open.
+    We are sorry that we haven't been able to prioritize reviewing it yet. Your contribution is very much appreciated.
+  # Comment to post when closing a stale pull request.
+  closeComment: >
+    Closing this pull request after a prolonged period of inactivity. If this issue is still present in the latest release, please ask for this pull request to be reopened. Thank you!

.github/workflows/commit_artifacts.yml

@@ -0,0 +1,247 @@
+name: Commit Artifacts for Meta WWW and fbsource
+
+on:
+  push:
+    branches: [main, meta-www, meta-fbsource]
+
+jobs:
+  download_artifacts:
+    runs-on: ubuntu-latest
+    outputs:
+      www_branch_count: ${{ steps.check_branches.outputs.www_branch_count }}
+      fbsource_branch_count: ${{ steps.check_branches.outputs.fbsource_branch_count }}
+    steps:
+      - uses: actions/checkout@v4
+      - name: "Check branches"
+        id: check_branches
+        run: |
+          echo "www_branch_count=$(git ls-remote --heads origin "refs/heads/meta-www" | wc -l)" >> "$GITHUB_OUTPUT"
+          echo "fbsource_branch_count=$(git ls-remote --heads origin "refs/heads/meta-fbsource" | wc -l)" >> "$GITHUB_OUTPUT"
+      - name: Download and unzip artifacts
+        uses: actions/github-script@v6
+        env:
+          CIRCLECI_TOKEN: ${{secrets.CIRCLECI_TOKEN_DIFFTRAIN}}
+        with:
+          script: |
+            const cp = require('child_process');
+
+            function sleep(ms) {
+              return new Promise(resolve => setTimeout(resolve, ms));
+            }
+
+            function execHelper(command, options, streamStdout = false) {
+              return new Promise((resolve, reject) => {
+                const proc = cp.exec(
+                  command,
+                  options,
+                  (error, stdout) => (error ? reject(error) : resolve(stdout.trim())),
+                );
+                if (streamStdout) {
+                  proc.stdout.pipe(process.stdout);
+                }
+              });
+            }
+
+            let artifactsUrl = null;
+            // This is a temporary, dirty hack to avoid needing a GitHub auth token in the circleci
+            // workflow to notify this GitHub action. Sorry!
+            let iter = 0;
+            spinloop: while (iter < 15) {
+              const res = await github.rest.repos.listCommitStatusesForRef({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                ref: context.sha
+              });
+              for (const status of res.data) {
+                if (/process_artifacts_combined/.test(status.context)) {
+                  switch (status.state) {
+                    case 'pending': {
+                      console.log(`${status.context} is still pending`);
+                      break;
+                    }
+                    case 'failure':
+                    case 'error': {
+                      throw new Error(`${status.context} has failed or errored`);
+                    }
+                    case 'success': {
+                      // The status does not include a build ID, but we can extract it
+                      // from the URL. I couldn't find a better way to do this.
+                      const ciBuildId = /\/facebook\/react\/([0-9]+)/.exec(
+                        status.target_url,
+                      )[1];
+                      if (Number.parseInt(ciBuildId, 10) + '' === ciBuildId) {
+                        artifactsUrl =
+                          `https://circleci.com/api/v1.1/project/github/facebook/react/${ciBuildId}/artifacts`;
+                        console.log(`Found artifactsUrl: ${artifactsUrl}`);
+                        break spinloop;
+                      } else {
+                        throw new Error(`${ciBuildId} isn't a number`);
+                      }
+                      break;
+                    }
+                    default: {
+                      throw new Error(`Unhandled status state: ${status.state}`);
+                      break;
+                    }
+                  }
+                }
+              }
+              iter++;
+              console.log("Sleeping for 60s...");
+              await sleep(60_000);
+            }
+            if (artifactsUrl != null) {
+              const {CIRCLECI_TOKEN} = process.env;
+              const res = await fetch(artifactsUrl, {
+                headers: {
+                  'Circle-Token': CIRCLECI_TOKEN
+                }
+              });
+              const data = await res.json();
+              if (!Array.isArray(data) && data.message != null) {
+                throw `CircleCI returned: ${data.message}`;
+              }
+              for (const artifact of data) {
+                if (artifact.path === 'build.tgz') {
+                  console.log(`Downloading and unzipping ${artifact.url}`);
+                  await execHelper(
+                    `curl -L ${artifact.url} -H "Circle-Token: ${CIRCLECI_TOKEN}" | tar -xvz`
+                  );
+                }
+              }
+            } else {
+              process.exitCode = 1;
+            }
+      - name: Strip @license from eslint plugin and react-refresh
+        run: |
+          sed -i -e 's/ @license React*//' \
+            build/oss-experimental/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js \
+            build/oss-experimental/react-refresh/cjs/react-refresh-babel.development.js
+      - name: Move relevant files for React in www into compiled
+        run: |
+          # Move the facebook-www folder into compiled
+          mkdir ./compiled
+          mv build/facebook-www ./compiled
+
+          # Move ReactAllWarnings.js to facebook-www
+          mkdir ./compiled/facebook-www/__test_utils__
+          mv build/__test_utils__/ReactAllWarnings.js ./compiled/facebook-www/__test_utils__/ReactAllWarnings.js
+
+          # Move eslint-plugin-react-hooks into facebook-www
+          mv build/oss-experimental/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js \
+            ./compiled/facebook-www/eslint-plugin-react-hooks.js
+
+          # Move unstable_server-external-runtime.js into facebook-www
+          mv build/oss-stable/react-dom/unstable_server-external-runtime.js \
+            ./compiled/facebook-www/unstable_server-external-runtime.js
+
+          # Move react-refresh-babel.development.js into babel-plugin-react-refresh
+          mkdir ./compiled/babel-plugin-react-refresh
+          mv build/oss-experimental/react-refresh/cjs/react-refresh-babel.development.js \
+            ./compiled/babel-plugin-react-refresh/index.js
+
+          ls -R ./compiled
+      - name: Move relevant files for React in fbsource into compiled-rn
+        run: |
+          BASE_FOLDER='compiled-rn/facebook-fbsource/xplat/js'
+          mkdir -p ${BASE_FOLDER}/react-native-github/Libraries/Renderer/
+          mkdir -p ${BASE_FOLDER}/RKJSModules/vendor/{scheduler,react,react-is,react-test-renderer}/
+
+          # Move React Native renderer 
+          mv build/react-native/implementations/ $BASE_FOLDER/react-native-github/Libraries/Renderer/
+          mv build/react-native/shims/ $BASE_FOLDER/react-native-github/Libraries/Renderer/
+          mv build/facebook-react-native/scheduler/cjs/ $BASE_FOLDER/RKJSModules/vendor/scheduler/
+          mv build/facebook-react-native/react/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/
+          mv build/facebook-react-native/react-is/cjs/ $BASE_FOLDER/RKJSModules/vendor/react-is/
+          mv build/facebook-react-native/react-test-renderer/cjs/ $BASE_FOLDER/RKJSModules/vendor/react-test-renderer/
+
+          # Delete OSS renderer. OSS renderer is synced through internal script.
+          RENDERER_FOLDER=$BASE_FOLDER/react-native-github/Libraries/Renderer/implementations/
+          rm $RENDERER_FOLDER/ReactFabric-{dev,prod,profiling}.js
+          rm $RENDERER_FOLDER/ReactNativeRenderer-{dev,prod,profiling}.js
+
+          ls -R ./compiled
+      - name: Add REVISION file
+        run: |
+          echo ${{ github.sha }} >> ./compiled/facebook-www/REVISION
+          echo ${{ github.sha }} >> ./compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION
+      - uses: actions/upload-artifact@v3
+        with:
+          name: compiled
+          path: compiled/
+      - uses: actions/upload-artifact@v3
+        with:
+          name: compiled-rn
+          path: compiled-rn/
+
+  commit_www_artifacts:
+    needs: download_artifacts
+    if: ${{ (github.ref == 'refs/heads/main' && needs.download_artifacts.outputs.www_branch_count == '0') || github.ref == 'refs/heads/meta-www' }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: builds/facebook-www
+      - name: Ensure clean directory
+        run: rm -rf compiled
+      - uses: actions/download-artifact@v3
+        with:
+          name: compiled
+          path: compiled/
+      - run: git status -u
+      - name: Check if only the REVISION file has changed
+        id: check_should_commit
+        run: |
+          if git status --porcelain | grep -qv '/REVISION$'; then
+            echo "should_commit=true" >> "$GITHUB_OUTPUT"
+          else
+            echo "should_commit=false" >> "$GITHUB_OUTPUT"
+          fi
+      - name: Commit changes to branch
+        if: steps.check_should_commit.outputs.should_commit == 'true'
+        uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          commit_message: |
+            ${{ github.event.head_commit.message }}
+
+            DiffTrain build for [${{ github.sha }}](https://github.com/facebook/react/commit/${{ github.sha }})
+          branch: builds/facebook-www
+          commit_user_name: ${{ github.actor }}
+          commit_user_email: ${{ github.actor }}@users.noreply.github.com
+          create_branch: true
+
+  commit_fbsource_artifacts:
+    needs: download_artifacts
+    runs-on: ubuntu-latest
+    if: ${{ (github.ref == 'refs/heads/main' && needs.download_artifacts.outputs.fbsource_branch_count == '0') || github.ref == 'refs/heads/meta-fbsource' }}
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: main
+          repository: facebook/react-fbsource-import
+          token: ${{secrets.FBSOURCE_SYNC_PUSH_TOKEN}}
+      - name: Ensure clean directory
+        run: rm -rf compiled-rn
+      - uses: actions/download-artifact@v3
+        with:
+          name: compiled-rn
+          path: compiled-rn/
+      - run: git status -u
+      - name: Check if only the REVISION file has changed
+        id: check_should_commit
+        run: |
+          if git status --porcelain | grep -qv '/REVISION$'; then
+            echo "should_commit=true" >> "$GITHUB_OUTPUT"
+          else
+            echo "should_commit=false" >> "$GITHUB_OUTPUT"
+          fi
+      - name: Commit changes to branch
+        if: steps.check_should_commit.outputs.should_commit == 'true'
+        uses: stefanzweifel/git-auto-commit-action@v4
+        with:
+          commit_message: |
+            ${{ github.event.head_commit.message }}
+
+            DiffTrain build for commit https://github.com/facebook/react/commit/${{ github.sha }}.
+          commit_user_name: ${{ github.actor }}
+          commit_user_email: ${{ github.actor }}@users.noreply.github.com

.github/workflows/compiler_playground.yml

@@ -1,52 +0,0 @@
-name: (Compiler) Playground
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-    paths:
-      - compiler/**
-      - .github/workflows/compiler-playground.yml
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.run_id }}
-  cancel-in-progress: true
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
-  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
-
-defaults:
-  run:
-    working-directory: compiler/apps/playground
-
-jobs:
-  playground:
-    name: Test playground
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: compiler/**/yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        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: yarn test
-      - name: Archive test results
-        uses: actions/upload-artifact@v4
-        with:
-          name: test-results
-          path: test-results

.github/workflows/compiler_prereleases.yml

@@ -1,55 +0,0 @@
-name: (Compiler) Publish Prereleases
-
-on:
-  workflow_call:
-    inputs:
-      commit_sha:
-        required: true
-        default: ''
-        type: string
-      release_channel:
-        required: true
-        type: string
-      dist_tag:
-        required: true
-        type: string
-      version_name:
-        required: true
-        type: string
-    secrets:
-      NPM_TOKEN:
-        required: true
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
-  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
-  GH_TOKEN: ${{ github.token }}
-  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-defaults:
-  run:
-    working-directory: compiler
-
-jobs:
-  publish_prerelease:
-    name: Publish prelease (${{ inputs.release_channel }}) ${{ inputs.commit_sha }} @${{ inputs.dist_tag }}
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: compiler/yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: compiler-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('compiler/**/yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-      - name: Publish packages to npm
-        run: |
-          cp ./scripts/release/ci-npmrc ~/.npmrc
-          scripts/release/publish.js --frfr --ci --versionName=${{ inputs.version_name }} --tag ${{ inputs.dist_tag }}

.github/workflows/compiler_prereleases_manual.yml

@@ -1,31 +0,0 @@
-name: (Compiler) Publish Prereleases Manual
-
-on:
-  workflow_dispatch:
-    inputs:
-      prerelease_commit_sha:
-        required: false
-      release_channel:
-        required: true
-        type: string
-      dist_tag:
-        required: true
-        type: string
-      version_name:
-        required: true
-        type: string
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-
-jobs:
-  publish_prerelease_experimental:
-    name: Publish to Experimental channel
-    uses: facebook/react/.github/workflows/compiler_prereleases.yml@main
-    with:
-      commit_sha: ${{ inputs.prerelease_commit_sha || github.sha }}
-      release_channel: ${{ inputs.release_channel }}
-      dist_tag: ${{ inputs.dist_tag }}
-      version_name: ${{ inputs.version_name }}
-    secrets:
-      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/compiler_prereleases_nightly.yml

@@ -1,21 +0,0 @@
-name: (Compiler) Publish Prereleases Nightly
-
-on:
-  schedule:
-    # At 10 minutes past 16:00 on Mon, Tue, Wed, Thu, and Fri
-    - cron: 10 16 * * 1,2,3,4,5
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-
-jobs:
-  publish_prerelease_experimental:
-    name: Publish to Experimental channel
-    uses: facebook/react/.github/workflows/compiler_prereleases.yml@main
-    with:
-      commit_sha: ${{ github.sha }}
-      release_channel: experimental
-      dist_tag: experimental
-      version_name: '0.0.0'
-    secrets:
-      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/compiler_prereleases_weekly.yml

@@ -1,21 +0,0 @@
-name: (Compiler) Publish Prereleases Weekly
-
-on:
-  schedule:
-    # At 10 minutes past 9:00 on Mon
-    - cron: 10 9 * * 1
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-
-jobs:
-  publish_prerelease_beta:
-    name: Publish to beta channel
-    uses: facebook/react/.github/workflows/compiler_prereleases.yml@main
-    with:
-      commit_sha: ${{ github.sha }}
-      release_channel: beta
-      dist_tag: beta
-      version_name: '19.0.0'
-    secrets:
-      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/compiler_rust.yml

@@ -1,77 +0,0 @@
-name: (Compiler) Rust
-
-on:
-  push:
-    branches: ["main"]
-    paths:
-      - .github/workflows/**
-      - compiler/crates/**
-      - compiler/Cargo.*
-      - compiler/*.toml
-  pull_request:
-    paths:
-      - .github/workflows/**
-      - compiler/crates/**
-      - compiler/Cargo.*
-      - compiler/*.toml
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.run_id }}
-  cancel-in-progress: true
-
-env:
-  CARGO_TERM_COLOR: always
-  RUSTFLAGS: -Dwarnings
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-
-defaults:
-  run:
-    working-directory: compiler
-
-jobs:
-  test:
-    name: Rust Test (${{ matrix.target.os }})
-    strategy:
-      matrix:
-        target:
-          - target: ubuntu-latest
-            os: ubuntu-latest
-          # TODO: run on more platforms
-          # - target: macos-latest
-          #   os: macos-latest
-          # - target: windows-latest
-          #   os: windows-latest
-    runs-on: ${{ matrix.target.os }}
-    steps:
-      - uses: actions/checkout@v4
-      - uses: Swatinem/rust-cache@v2
-      - name: cargo test
-        run: cargo test --manifest-path=Cargo.toml --locked ${{ matrix.target.features && '--features' }} ${{ matrix.target.features }}
-
-  lint:
-    name: Rust Lint
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions-rs/toolchain@v1
-        with:
-          # NOTE: use `rustup run <toolchain> <command>` in commands below
-          # with this exact same toolchain value
-          toolchain: nightly-2023-08-01
-          override: true
-          components: rustfmt, clippy
-      - uses: Swatinem/rust-cache@v2
-      - name: rustfmt
-        run: grep -r --include "*.rs" --files-without-match "@generated" crates | xargs rustup run nightly-2023-08-01 rustfmt --check --config="skip_children=true"
-      # - name: cargo clippy
-      #   run: rustup run nightly-2023-08-01 cargo clippy -- -Dclippy::correctness
-
-  build:
-    name: Rust Build
-    runs-on: ubuntu-latest
-    # TODO: build on more platforms, deploy, etc
-    steps:
-      - uses: actions/checkout@v4
-      - uses: Swatinem/rust-cache@v2
-      - name: cargo build
-        run: cargo build --release

.github/workflows/compiler_typescript.yml

@@ -1,96 +0,0 @@
-name: (Compiler) TypeScript
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-    paths:
-      - compiler/**
-      - .github/workflows/compiler_typescript.yml
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.run_id }}
-  cancel-in-progress: true
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
-  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
-
-defaults:
-  run:
-    working-directory: compiler
-
-jobs:
-  discover_yarn_workspaces:
-    name: Discover yarn workspaces
-    runs-on: ubuntu-latest
-    outputs:
-      matrix: ${{ steps.set-matrix.outputs.matrix }}
-    steps:
-      - uses: actions/checkout@v4
-      - id: set-matrix
-        run: echo "matrix=$(find packages -mindepth 1 -maxdepth 1 -type d | sed 's!packages/!!g' | tr '\n' ',' | sed s/.$// | jq -Rsc '. / "," - [""]')" >> $GITHUB_OUTPUT
-
-  # Hardcoded to improve parallelism
-  lint:
-    name: Lint babel-plugin-react-compiler
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: compiler/yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        with:
-          path: "**/node_modules"
-          key: compiler-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('compiler/**/yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-      - run: yarn workspace babel-plugin-react-compiler lint
-
-  # Hardcoded to improve parallelism
-  jest:
-    name: Jest babel-plugin-react-compiler
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: compiler/yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: compiler-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('compiler/**/yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-      - run: yarn workspace babel-plugin-react-compiler jest
-
-  test:
-    name: Test ${{ matrix.workspace_name }}
-    needs: discover_yarn_workspaces
-    runs-on: ubuntu-latest
-    continue-on-error: true
-    strategy:
-      matrix:
-        workspace_name: ${{ fromJSON(needs.discover_yarn_workspaces.outputs.matrix) }}
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: compiler/yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: compiler-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('compiler/**/yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-      - run: yarn workspace ${{ matrix.workspace_name }} test

.github/workflows/devtools_check_repro.yml

@@ -0,0 +1,205 @@
+name: DevTools Check for bug repro
+on:
+  issues:
+    types: [opened, edited]
+  issue_comment:
+    types: [created, edited]
+
+jobs:
+  check-repro:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/github-script@v3
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            const URL_REGEXP = /### Website or app[\r\n]+([^#]+)###/m;
+            const REPRO_STEPS_REGEXP = /### Repro steps[\r\n]+([^#]+)###/m;
+            const LABEL_NEEDS_MORE_INFORMATION = "Resolution: Needs More Information";
+            const LABEL_UNCONFIRMED = "Status: Unconfirmed";
+
+            function debug(...args) {
+              core.info(args.map(JSON.stringify).join(' '));
+            }
+
+            if (context.payload.comment) {
+              debug('Ignoring comment update.');
+              return;
+            }
+
+            const user = context.payload.sender.login;
+            const issue = context.payload.issue;
+            const body = issue.body;
+
+            const urlMatch = body.match(URL_REGEXP);
+            const reproStepsMatch = body.match(REPRO_STEPS_REGEXP);
+
+            const url = urlMatch !== null ? urlMatch[1].trim() : null;
+            const reproSteps = reproStepsMatch !== null ? reproStepsMatch[1].trim() : null;
+
+            if (!url || !reproSteps) {
+              debug('This issue is not a DevTools bug report.');
+              return;
+            }
+
+            debug(`found URL "${url}"`);
+            debug(`found repro steps "${reproSteps}"`);
+
+            async function createComment(comment) {
+              // Format
+              comment = comment
+                .split("\n")
+                .map((line) => line.trim())
+                .join("\n")
+                .trim();
+
+              await github.issues.createComment({
+                issue_number: context.issue.number,
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                body: comment,
+              });
+            }
+
+            async function getGitHubActionComments() {
+              debug(`Loading existing comments...`);
+
+              const comments = await github.issues.listComments({
+                issue_number: context.issue.number,
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+              });
+
+              return comments.data.filter(comment => {
+                debug(`comment by user: "${comment.user.login}"`);
+                return comment.user.login === 'github-actions[bot]';
+              });
+            }
+
+            async function getIssueLabels() {
+              const issues = await github.issues.listLabelsOnIssue({
+                issue_number: context.issue.number,
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+              });
+
+              return issues.data;
+            }
+
+            async function updateIssue(state, assignees = []) {
+              await github.issues.update({
+                issue_number: context.issue.number,
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                state,
+                assignees,
+              });
+            }
+
+            async function closeWithComment(comment) {
+              if (issue.state !== 'open') {
+                debug(`Issue is not open`);
+                return;
+              }
+
+              const labels = await getIssueLabels();
+              const label = labels.find(label => label.name === LABEL_UNCONFIRMED);
+              if (!label) {
+                debug(`Issue was not opened via DevTools bug report template`);
+                return;
+              }
+
+              const comments = await getGitHubActionComments();
+              if (comments.length > 0) {
+                debug(`Already commented on issue; won't comment again`);
+                return;
+              }
+
+              debug(`Missing required information`);
+
+              await github.issues.addLabels({
+                issue_number: context.issue.number,
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                labels: [LABEL_NEEDS_MORE_INFORMATION],
+              });
+
+              await createComment(comment);
+              await updateIssue('closed', [user]);
+            }
+
+            async function openWithComment(comment) {
+              if (issue.state !== 'closed') {
+                debug(`Issue is already open`);
+                return;
+              }
+
+              const labels = await getIssueLabels();
+              const label = labels.find(label => label.name === LABEL_NEEDS_MORE_INFORMATION);
+              if (!label) {
+                debug(`Issue was not tagged as needs information`);
+                return;
+              }
+
+              const comments = await getGitHubActionComments();
+              if (comments.length === 0) {
+                debug(`Issue was closed by someone else; won't reopen`);
+                return;
+              }
+
+              debug(`Re-opening closed issue`);
+
+              await github.issues.removeLabel({
+                issue_number: context.issue.number,
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                name: LABEL_NEEDS_MORE_INFORMATION,
+              });
+
+              await createComment(comment);
+              await updateIssue('open');
+            }
+
+            const PROBABLY_NOT_A_URL_REGEX = /(^Chrome$|^Firefox$| Website)/i;
+
+            const COMMENT_HEADER = `
+              @${user}: We're sorry you've seen this error. ❤️
+            `.trim();
+
+            const COMMENT_FOOTER = `
+              Please help us by providing a link to a CodeSandbox (https://codesandbox.io/s/new), a repository on GitHub, or a minimal code example that reproduces the problem. (Screenshots or videos can also be helpful if they help provide context on how to repro the bug.)
+
+              Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve
+
+              Issues without repros are automatically closed but we will re-open if you update with repro info.
+            `.trim();
+
+            if (url.includes("localhost")) {
+              closeWithComment(`
+                ${COMMENT_HEADER}
+
+                Unfortunately the URL you provided ("localhost") is not publicly accessible. (This means that we will not be able to reproduce the problem you're reporting.)
+
+                ${COMMENT_FOOTER}
+              `);
+            } else if (url.length < 10 || url.match(PROBABLY_NOT_A_URL_REGEX)) {
+              closeWithComment(`
+                ${COMMENT_HEADER}
+
+                It looks like you forgot to specify a valid URL. (This means that we will not be able to reproduce the problem you're reporting.)
+
+                ${COMMENT_FOOTER}
+              `);
+            } else if (reproSteps.length < 25) {
+              closeWithComment(`
+                ${COMMENT_HEADER}
+
+                Unfortunately, it doesn't look like this issue has enough info for one of us to reproduce and fix it though.
+
+                ${COMMENT_FOOTER}
+              `);
+            } else {
+              openWithComment(`
+                Thank you for providing repro steps! Re-opening issue now for triage.
+              `);
+            }

.github/workflows/devtools_regression_tests.yml

@@ -1,178 +0,0 @@
-name: (DevTools) Regression Tests
-
-on:
-  schedule:
-    - cron: 0 0 * * *
-  workflow_dispatch:
-    inputs:
-      commit_sha:
-        required: false
-        type: string
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
-  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
-
-jobs:
-  download_build:
-    name: Download base build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-release-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'scripts/release/yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: yarn install --frozen-lockfile
-        working-directory: scripts/release
-      - name: Download react-devtools artifacts for base revision
-        run: |
-          git fetch origin main
-          GH_TOKEN=${{ github.token }} scripts/release/download-experimental-build.js --commit=${{ inputs.commit_sha || '$(git rev-parse origin/main)' }}
-      - name: Display structure of build
-        run: ls -R build
-      - name: Archive build
-        uses: actions/upload-artifact@v4
-        with:
-          name: build
-          path: build
-
-  build_devtools_and_process_artifacts:
-    name: Build DevTools and process artifacts
-    needs: download_build
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - name: Restore archived build
-        uses: actions/download-artifact@v4
-        with:
-          name: build
-          path: build
-      - run: ./scripts/ci/pack_and_store_devtools_artifacts.sh
-        env:
-          RELEASE_CHANNEL: experimental
-      - name: Display structure of build
-        run: ls -R build
-      - name: Archive devtools build
-        uses: actions/upload-artifact@v4
-        with:
-          name: react-devtools
-          path: build/devtools.tgz
-      # Simplifies getting the extension for local testing
-      - name: Archive chrome extension
-        uses: actions/upload-artifact@v4
-        with:
-          name: react-devtools-chrome-extension
-          path: build/devtools/chrome-extension.zip
-      - name: Archive firefox extension
-        uses: actions/upload-artifact@v4
-        with:
-          name: react-devtools-firefox-extension
-          path: build/devtools/firefox-extension.zip
-
-  run_devtools_tests_for_versions:
-    name: Run DevTools tests for versions
-    needs: build_devtools_and_process_artifacts
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        version:
-          - "16.0"
-          - "16.5" # schedule package
-          - "16.8" # hooks
-          - "17.0"
-          - "18.0"
-          - "18.2" # compiler polyfill
-    continue-on-error: true
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-      - name: Restore all archived build artifacts
-        uses: actions/download-artifact@v4
-      - name: Display structure of build
-        run: ls -R build
-      - run: ./scripts/ci/download_devtools_regression_build.js ${{ matrix.version }} --replaceBuild
-      - run: node ./scripts/jest/jest-cli.js --build --project devtools --release-channel=experimental --reactVersion ${{ matrix.version }} --ci
-
-  run_devtools_e2e_tests_for_versions:
-    name: Run DevTools e2e tests for versions
-    needs: build_devtools_and_process_artifacts
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        version:
-          - "16.0"
-          - "16.5" # schedule package
-          - "16.8" # hooks
-          - "17.0"
-          - "18.0"
-    continue-on-error: true
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - run: yarn install --frozen-lockfile
-      - name: Restore all archived build artifacts
-        uses: actions/download-artifact@v4
-      - name: Display structure of build
-        run: ls -R build
-      - name: Playwright install deps
-        run: |
-          npx playwright install
-          sudo npx playwright install-deps
-      - run: ./scripts/ci/download_devtools_regression_build.js ${{ matrix.version }}
-      - run: ls -R build-regression
-      - run: ./scripts/ci/run_devtools_e2e_tests.js ${{ matrix.version }}
-        env:
-          RELEASE_CHANNEL: experimental
-      - name: Cleanup build regression folder
-        run: rm -r ./build-regression
-      - uses: actions/upload-artifact@v4
-        with:
-          name: screenshots
-          path: ./tmp/screenshots

.github/workflows/fuzz_tests.yml

@@ -1,19 +1,20 @@
-name: (Runtime) Fuzz tests
-
+name: facebook/react/fuzz_tests
 on:
   schedule:
-    - cron: 0 * * * *
+  - cron: 0 * * * *
   push:
     branches:
       - main
   workflow_dispatch:
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-
+    inputs:
+      prerelease_commit_sha:
+        required: false
 jobs:
   test_fuzz:
+    if: inputs.prerelease_commit_sha == ''
     runs-on: ubuntu-latest
+    env:
+      TZ: "/usr/share/zoneinfo/America/Los_Angeles"
     steps:
     - uses: actions/checkout@v4.1.0
     - uses: actions/setup-node@v4

.github/workflows/runtime_build_and_test.yml

@@ -1,645 +0,0 @@
-name: (Runtime) Build and Test
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-    paths-ignore:
-      - compiler/**
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.run_id }}
-  cancel-in-progress: true
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
-  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
-
-jobs:
-  # ----- FLOW -----
-  discover_flow_inline_configs:
-    name: Discover flow inline configs
-    runs-on: ubuntu-latest
-    outputs:
-      matrix: ${{ steps.set-matrix.outputs.result }}
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/github-script@v7
-        id: set-matrix
-        with:
-          script: |
-            const inlinedHostConfigs = require('./scripts/shared/inlinedHostConfigs.js');
-            return inlinedHostConfigs.map(config => config.shortName);
-
-  flow:
-    name: Flow check ${{ matrix.flow_inline_config_shortname }}
-    needs: discover_flow_inline_configs
-    runs-on: ubuntu-latest
-    continue-on-error: true
-    strategy:
-      matrix:
-        flow_inline_config_shortname: ${{ fromJSON(needs.discover_flow_inline_configs.outputs.matrix) }}
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: node ./scripts/tasks/flow-ci ${{ matrix.flow_inline_config_shortname }}
-
-  # ----- FIZZ -----
-  check_generated_fizz_runtime:
-    name: Confirm generated inline Fizz runtime is up to date
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: |
-          yarn generate-inline-fizz-runtime
-          git diff --quiet || (echo "There was a change to the Fizz runtime. Run `yarn generate-inline-fizz-runtime` and check in the result." && false)
-
-  # ----- FEATURE FLAGS -----
-  flags:
-    name: Check flags
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: yarn flags
-
-  # ----- TESTS -----
-  test:
-    name: yarn test ${{ matrix.params }} (Shard ${{ matrix.shard }})
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        params:
-          - "-r=stable --env=development"
-          - "-r=stable --env=production"
-          - "-r=experimental --env=development"
-          - "-r=experimental --env=production"
-          - "-r=www-classic --env=development --variant=false"
-          - "-r=www-classic --env=production --variant=false"
-          - "-r=www-classic --env=development --variant=true"
-          - "-r=www-classic --env=production --variant=true"
-          - "-r=www-modern --env=development --variant=false"
-          - "-r=www-modern --env=production --variant=false"
-          - "-r=www-modern --env=development --variant=true"
-          - "-r=www-modern --env=production --variant=true"
-          - "-r=xplat --env=development --variant=false"
-          - "-r=xplat --env=development --variant=true"
-          - "-r=xplat --env=production --variant=false"
-          - "-r=xplat --env=production --variant=true"
-          # TODO: Test more persistent configurations?
-          - "-r=stable --env=development --persistent"
-          - "-r=experimental --env=development --persistent"
-        shard:
-          - 1/5
-          - 2/5
-          - 3/5
-          - 4/5
-          - 5/5
-    continue-on-error: true
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: yarn test ${{ matrix.params }} --ci --shard=${{ matrix.shard }}
-
-  # ----- BUILD -----
-  build_and_lint:
-    name: yarn build and lint
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        # yml is dumb. update the --total arg to yarn build if you change the number of workers
-        worker_id: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]
-        release_channel: [stable, experimental]
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - uses: actions/setup-java@v4
-        with:
-          distribution: temurin
-          java-version: 11.0.22
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: yarn build --index=${{ matrix.worker_id }} --total=20 --r=${{ matrix.release_channel }} --ci
-        env:
-          CI: github
-          RELEASE_CHANNEL: ${{ matrix.release_channel }}
-          NODE_INDEX: ${{ matrix.worker_id }}
-      - name: Lint build
-        run: yarn lint-build
-      - name: Display structure of build
-        run: ls -R build
-      - name: Archive build
-        uses: actions/upload-artifact@v4
-        with:
-          name: _build_${{ matrix.worker_id }}_${{ matrix.release_channel }}
-          path: build
-
-  test_build:
-    name: yarn test-build
-    needs: build_and_lint
-    strategy:
-      matrix:
-        test_params: [
-          # Intentionally passing these as strings instead of creating a
-          # separate parameter per CLI argument, since it's easier to
-          # control/see which combinations we want to run.
-          -r=stable --env=development,
-          -r=stable --env=production,
-          -r=experimental --env=development,
-          -r=experimental --env=production,
-
-          # Dev Tools
-          --project=devtools -r=experimental,
-
-          # TODO: Update test config to support www build tests
-          # - "-r=www-classic --env=development --variant=false"
-          # - "-r=www-classic --env=production --variant=false"
-          # - "-r=www-classic --env=development --variant=true"
-          # - "-r=www-classic --env=production --variant=true"
-          # - "-r=www-modern --env=development --variant=false"
-          # - "-r=www-modern --env=production --variant=false"
-          # - "-r=www-modern --env=development --variant=true"
-          # - "-r=www-modern --env=production --variant=true"
-
-          # TODO: Update test config to support xplat build tests
-          # - "-r=xplat --env=development --variant=false"
-          # - "-r=xplat --env=development --variant=true"
-          # - "-r=xplat --env=production --variant=false"
-          # - "-r=xplat --env=production --variant=true"
-
-          # TODO: Test more persistent configurations?
-        ]
-        shard:
-          - 1/3
-          - 2/3
-          - 3/3
-    continue-on-error: true
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - name: Restore archived build
-        uses: actions/download-artifact@v4
-        with:
-          pattern: _build_*
-          path: build
-          merge-multiple: true
-      - name: Display structure of build
-        run: ls -R build
-      - run: yarn test --build ${{ matrix.test_params }} --shard=${{ matrix.shard }} --ci
-
-  process_artifacts_combined:
-    name: Process artifacts combined
-    needs: build_and_lint
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - name: Restore archived build
-        uses: actions/download-artifact@v4
-        with:
-          pattern: _build_*
-          path: build
-          merge-multiple: true
-      - name: Display structure of build
-        run: ls -R build
-      - run: echo ${{ github.sha }} >> build/COMMIT_SHA
-      - name: Scrape warning messages
-        run: |
-          mkdir -p ./build/__test_utils__
-          node ./scripts/print-warnings/print-warnings.js > build/__test_utils__/ReactAllWarnings.js
-        # Compress build directory into a single tarball for easy download
-      - run: tar -zcvf ./build.tgz ./build
-        # TODO: Migrate scripts to use `build` directory instead of `build2`
-      - run: cp ./build.tgz ./build2.tgz
-      - name: Archive build artifacts
-        uses: actions/upload-artifact@v4
-        with:
-          name: artifacts_combined
-          path: |
-            ./build.tgz
-            ./build2.tgz
-
-  check_error_codes:
-    name: Search build artifacts for unminified errors
-    needs: build_and_lint
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - name: Restore archived build
-        uses: actions/download-artifact@v4
-        with:
-          pattern: _build_*
-          path: build
-          merge-multiple: true
-      - name: Display structure of build
-        run: ls -R build
-      - name: Search build artifacts for unminified errors
-        run: |
-          yarn extract-errors
-          git diff --quiet || (echo "Found unminified errors. Either update the error codes map or disable error minification for the affected build, if appropriate." && false)
-
-  check_release_dependencies:
-    name: Check release dependencies
-    needs: build_and_lint
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - name: Restore archived build
-        uses: actions/download-artifact@v4
-        with:
-          pattern: _build_*
-          path: build
-          merge-multiple: true
-      - name: Display structure of build
-        run: ls -R build
-      - run: yarn check-release-dependencies
-
-  RELEASE_CHANNEL_stable_yarn_test_dom_fixtures:
-    name: Check fixtures DOM (stable)
-    needs: build_and_lint
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: fixtures_dom-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
-        working-directory: fixtures/dom
-      - name: Restore archived build
-        uses: actions/download-artifact@v4
-        with:
-          pattern: _build_*
-          path: build
-          merge-multiple: true
-      - name: Display structure of build
-        run: ls -R build
-      - name: Run DOM fixture tests
-        run: |
-          yarn predev
-          yarn test
-        working-directory: fixtures/dom
-        env:
-          RELEASE_CHANNEL: stable
-
-  # ----- FLIGHT -----
-  run_fixtures_flight_tests:
-    name: Run fixtures Flight tests
-    needs: build_and_lint
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      # Fixture copies some built packages from the workroot after install.
-      # That means dependencies of the built packages are not installed.
-      # We need to install dependencies of the workroot to fulfill all dependency constraints
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: fixtures_flight-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - name: Restore archived build
-        uses: actions/download-artifact@v4
-        with:
-          pattern: _build_*
-          path: build
-          merge-multiple: true
-      - name: Display structure of build
-        run: ls -R build
-      - name: Install fixture dependencies
-        working-directory: fixtures/flight
-        run: |
-          yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
-          if [ $? -ne 0 ]; then
-            yarn install --frozen-lockfile --cache-folder ~/.cache/yarn
-          fi
-      - name: Playwright install deps
-        working-directory: fixtures/flight
-        run: |
-          npx playwright install
-          sudo npx playwright install-deps
-      - name: Run tests
-        working-directory: fixtures/flight
-        run: yarn test
-        env:
-          # Otherwise the webserver is a blackbox
-          DEBUG: pw:webserver
-      - name: Archive Flight fixture artifacts
-        uses: actions/upload-artifact@v4
-        with:
-          name: flight-playwright-report
-          path: fixtures/flight/playwright-report
-      - name: Archive Flight fixture artifacts
-        uses: actions/upload-artifact@v4
-        with:
-          name: flight-test-results
-          path: fixtures/flight/test-results
-
-  # ----- DEVTOOLS -----
-  build_devtools_and_process_artifacts:
-    name: Build DevTools and process artifacts
-    needs: build_and_lint
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - name: Restore archived build
-        uses: actions/download-artifact@v4
-        with:
-          pattern: _build_*
-          path: build
-          merge-multiple: true
-      - run: ./scripts/ci/pack_and_store_devtools_artifacts.sh
-        env:
-          RELEASE_CHANNEL: experimental
-      - name: Display structure of build
-        run: ls -R build
-      - name: Archive devtools build
-        uses: actions/upload-artifact@v4
-        with:
-          name: react-devtools
-          path: build/devtools.tgz
-      # Simplifies getting the extension for local testing
-      - name: Archive chrome extension
-        uses: actions/upload-artifact@v4
-        with:
-          name: react-devtools-chrome-extension
-          path: build/devtools/chrome-extension.zip
-      - name: Archive firefox extension
-        uses: actions/upload-artifact@v4
-        with:
-          name: react-devtools-firefox-extension
-          path: build/devtools/firefox-extension.zip
-
-  run_devtools_e2e_tests:
-    name: Run DevTools e2e tests
-    needs: build_devtools_and_process_artifacts
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - name: Restore archived build
-        uses: actions/download-artifact@v4
-        with:
-          pattern: _build_*
-          path: build
-          merge-multiple: true
-      - run: |
-          npx playwright install
-          sudo npx playwright install-deps
-      - run: ./scripts/ci/run_devtools_e2e_tests.js
-        env:
-          RELEASE_CHANNEL: experimental
-
-  # ----- SIZEBOT -----
-  download_base_build_for_sizebot:
-    if: ${{ github.event_name == 'pull_request' && github.ref_name != 'main' }}
-    name: Download base build for sizebot
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: 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('yarn.lock', 'scripts/release/yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: yarn install --frozen-lockfile
-        working-directory: scripts/release
-      - name: Download artifacts for base revision
-        run: |
-          git fetch origin main
-          GH_TOKEN=${{ github.token }} scripts/release/download-experimental-build.js --commit=$(git rev-parse origin/main)
-          mv ./build ./base-build
-      # TODO: The `download-experimental-build` script copies the npm
-      # packages into the `node_modules` directory. This is a historical
-      # quirk of how the release script works. Let's pretend they
-      # don't exist.
-      - name: Delete extraneous files
-        run: rm -rf ./base-build/node_modules
-      - name: Display structure of base-build
-        run: ls -R base-build
-      - name: Archive base-build
-        uses: actions/upload-artifact@v4
-        with:
-          name: base-build
-          path: base-build
-
-  sizebot:
-    name: Run sizebot
-    needs: [build_and_lint, download_base_build_for_sizebot]
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - name: Restore archived build for PR
-        uses: actions/download-artifact@v4
-        with:
-          pattern: _build_*
-          path: build
-          merge-multiple: true
-      - name: Scrape warning messages
-        run: |
-          mkdir -p ./build/__test_utils__
-          node ./scripts/print-warnings/print-warnings.js > build/__test_utils__/ReactAllWarnings.js
-      - name: Display structure of build for PR
-        run: ls -R build
-      - name: Restore archived base-build from origin/main
-        uses: actions/download-artifact@v4
-        with:
-          name: base-build
-          path: base-build
-      - name: Display structure of base-build from origin/main
-        run: ls -R base-build
-      - run: echo ${{ github.sha }} >> build/COMMIT_SHA
-      - run: node ./scripts/tasks/danger
-      - name: Archive sizebot results
-        uses: actions/upload-artifact@v4
-        with:
-          name: sizebot-message
-          path: sizebot-message.md

.github/workflows/runtime_commit_artifacts.yml

@@ -1,423 +0,0 @@
-name: (Runtime) Commit Artifacts for Meta WWW and fbsource V2
-
-on:
-  workflow_run:
-    workflows: ["(Runtime) Build and Test"]
-    types: [completed]
-    branches:
-      - main
-  workflow_dispatch:
-    inputs:
-      commit_sha:
-        required: false
-        type: string
-      force:
-        description: 'Force a commit to the builds/... branches'
-        required: true
-        default: false
-        type: boolean
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
-  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
-
-jobs:
-  download_artifacts:
-    runs-on: ubuntu-latest
-    outputs:
-      www_branch_count: ${{ steps.check_branches.outputs.www_branch_count }}
-      fbsource_branch_count: ${{ steps.check_branches.outputs.fbsource_branch_count }}
-      last_version_classic: ${{ steps.get_last_version_www.outputs.last_version_classic }}
-      last_version_modern: ${{ steps.get_last_version_www.outputs.last_version_modern }}
-      last_version_rn: ${{ steps.get_last_version_rn.outputs.last_version_rn }}
-      current_version_classic: ${{ steps.get_current_version.outputs.current_version_classic }}
-      current_version_modern: ${{ steps.get_current_version.outputs.current_version_modern }}
-      current_version_rn: ${{ steps.get_current_version.outputs.current_version_rn }}
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          ref: builds/facebook-www
-      - name: "Get last version string for www"
-        id: get_last_version_www
-        run: |
-          # Empty checks only needed for backwards compatibility,can remove later.
-          VERSION_CLASSIC=$( [ -f ./compiled/facebook-www/VERSION_CLASSIC ] && cat ./compiled/facebook-www/VERSION_CLASSIC || echo '' )
-          VERSION_MODERN=$( [ -f ./compiled/facebook-www/VERSION_MODERN ] && cat ./compiled/facebook-www/VERSION_MODERN || echo '' )
-          echo "Last classic version is $VERSION_CLASSIC"
-          echo "Last modern version is $VERSION_MODERN"
-          echo "last_version_classic=$VERSION_CLASSIC" >> "$GITHUB_OUTPUT"
-          echo "last_version_modern=$VERSION_MODERN" >> "$GITHUB_OUTPUT"
-      - uses: actions/checkout@v4
-        with:
-          ref: builds/facebook-fbsource
-      - name: "Get last version string for rn"
-        id: get_last_version_rn
-        run: |
-          # Empty checks only needed for backwards compatibility,can remove later.
-          VERSION_NATIVE_FB=$( [ -f ./compiled-rn/VERSION_NATIVE_FB ] && cat ./compiled-rn/VERSION_NATIVE_FB || echo '' )
-          echo "Last rn version is $VERSION_NATIVE_FB"
-          echo "last_version_rn=$VERSION_NATIVE_FB" >> "$GITHUB_OUTPUT"
-      - uses: actions/checkout@v4
-      - name: "Check branches"
-        id: check_branches
-        run: |
-          echo "www_branch_count=$(git ls-remote --heads origin "refs/heads/meta-www" | wc -l)" >> "$GITHUB_OUTPUT"
-          echo "fbsource_branch_count=$(git ls-remote --heads origin "refs/heads/meta-fbsource" | wc -l)" >> "$GITHUB_OUTPUT"
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-release-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'scripts/release/yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-        name: yarn install (react)
-      - run: yarn install --frozen-lockfile
-        name: yarn install (scripts/release)
-        working-directory: scripts/release
-      - name: Download artifacts for base revision
-        run: |
-          GH_TOKEN=${{ github.token }} scripts/release/download-experimental-build.js --commit=${{ inputs.commit_sha || github.event.workflow_run.head_sha || github.sha }}
-      - name: Display structure of build
-        run: ls -R build
-      - name: Strip @license from eslint plugin and react-refresh
-        run: |
-          sed -i -e 's/ @license React*//' \
-            build/oss-experimental/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js \
-            build/oss-experimental/react-refresh/cjs/react-refresh-babel.development.js
-      - name: Insert @headers into eslint plugin and react-refresh
-        run: |
-          sed -i -e 's/ LICENSE file in the root directory of this source tree./ LICENSE file in the root directory of this source tree.\n *\n * @noformat\n * @nolint\n * @lightSyntaxTransform\n * @preventMunge\n * @oncall react_core/' \
-            build/oss-experimental/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js \
-            build/oss-experimental/react-refresh/cjs/react-refresh-babel.development.js
-      - name: Move relevant files for React in www into compiled
-        run: |
-          # Move the facebook-www folder into compiled
-          mkdir ./compiled
-          mv build/facebook-www ./compiled
-
-          # Move ReactAllWarnings.js to facebook-www
-          mkdir ./compiled/facebook-www/__test_utils__
-          mv build/__test_utils__/ReactAllWarnings.js ./compiled/facebook-www/__test_utils__/ReactAllWarnings.js
-
-          # Move eslint-plugin-react-hooks into facebook-www
-          mv build/oss-experimental/eslint-plugin-react-hooks/cjs/eslint-plugin-react-hooks.development.js \
-            ./compiled/facebook-www/eslint-plugin-react-hooks.js
-
-          # Move unstable_server-external-runtime.js into facebook-www
-          mv build/oss-experimental/react-dom/unstable_server-external-runtime.js \
-            ./compiled/facebook-www/unstable_server-external-runtime.js
-
-          # Move react-refresh-babel.development.js into babel-plugin-react-refresh
-          mkdir ./compiled/babel-plugin-react-refresh
-          mv build/oss-experimental/react-refresh/cjs/react-refresh-babel.development.js \
-            ./compiled/babel-plugin-react-refresh/index.js
-
-          ls -R ./compiled
-      - name: Move relevant files for React in fbsource into compiled-rn
-        run: |
-          BASE_FOLDER='compiled-rn/facebook-fbsource/xplat/js'
-          mkdir -p ${BASE_FOLDER}/react-native-github/Libraries/Renderer/
-          mkdir -p ${BASE_FOLDER}/RKJSModules/vendor/react/{scheduler,react,react-dom,react-is,react-test-renderer}/
-
-          # Move React Native renderer
-          mv build/react-native/implementations/ $BASE_FOLDER/react-native-github/Libraries/Renderer/
-          mv build/react-native/shims/ $BASE_FOLDER/react-native-github/Libraries/Renderer/
-          mv build/facebook-react-native/scheduler/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/scheduler/
-          mv build/facebook-react-native/react/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/react/
-          mv build/facebook-react-native/react-dom/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/react-dom/
-          mv build/facebook-react-native/react-is/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/react-is/
-          mv build/facebook-react-native/react-test-renderer/cjs/ $BASE_FOLDER/RKJSModules/vendor/react/react-test-renderer/
-
-          # Delete OSS renderer. OSS renderer is synced through internal script.
-          RENDERER_FOLDER=$BASE_FOLDER/react-native-github/Libraries/Renderer/implementations/
-          rm $RENDERER_FOLDER/ReactFabric-{dev,prod,profiling}.js
-          rm $RENDERER_FOLDER/ReactNativeRenderer-{dev,prod,profiling}.js
-
-          # Move React Native version file
-          mv build/facebook-react-native/VERSION_NATIVE_FB ./compiled-rn/VERSION_NATIVE_FB
-
-          ls -R ./compiled-rn
-      - name: Add REVISION files
-        run: |
-          echo ${{ github.sha }} >> ./compiled/facebook-www/REVISION
-          cp ./compiled/facebook-www/REVISION ./compiled/facebook-www/REVISION_TRANSFORMS
-          echo ${{ github.sha}} >> ./compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION
-      - name: "Get current version string"
-        id: get_current_version
-        run: |
-          VERSION_CLASSIC=$(cat ./compiled/facebook-www/VERSION_CLASSIC)
-          VERSION_MODERN=$(cat ./compiled/facebook-www/VERSION_MODERN)
-          VERSION_NATIVE_FB=$(cat ./compiled-rn/VERSION_NATIVE_FB)
-          echo "Current classic version is $VERSION_CLASSIC"
-          echo "Current modern version is $VERSION_MODERN"
-          echo "Current rn version is $VERSION_NATIVE_FB"
-          echo "current_version_classic=$VERSION_CLASSIC" >> "$GITHUB_OUTPUT"
-          echo "current_version_modern=$VERSION_MODERN" >> "$GITHUB_OUTPUT"
-          echo "current_version_rn=$VERSION_NATIVE_FB" >> "$GITHUB_OUTPUT"
-      - uses: actions/upload-artifact@v4
-        with:
-          name: compiled
-          path: compiled/
-      - uses: actions/upload-artifact@v4
-        with:
-          name: compiled-rn
-          path: compiled-rn/
-
-  commit_www_artifacts:
-    needs: download_artifacts
-    if: inputs.force == true || (github.ref == 'refs/heads/main' && needs.download_artifacts.outputs.www_branch_count == '0')
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          ref: builds/facebook-www
-      - name: Ensure clean directory
-        run: rm -rf compiled
-      - uses: actions/download-artifact@v4
-        with:
-          name: compiled
-          path: compiled/
-      - name: Revert version changes
-        if: needs.download_artifacts.outputs.last_version_classic != '' && needs.download_artifacts.outputs.last_version_modern != ''
-        env:
-          CURRENT_VERSION_CLASSIC: ${{ needs.download_artifacts.outputs.current_version_classic }}
-          CURRENT_VERSION_MODERN: ${{ needs.download_artifacts.outputs.current_version_modern }}
-          LAST_VERSION_CLASSIC: ${{ needs.download_artifacts.outputs.last_version_classic }}
-          LAST_VERSION_MODERN: ${{ needs.download_artifacts.outputs.last_version_modern }}
-        run: |
-          echo "Reverting $CURRENT_VERSION_CLASSIC to $LAST_VERSION_CLASSIC"
-          grep -rl "$CURRENT_VERSION_CLASSIC" ./compiled || echo "No files found with $CURRENT_VERSION_CLASSIC"
-          grep -rl "$CURRENT_VERSION_CLASSIC" ./compiled | xargs -r sed -i -e "s/$CURRENT_VERSION_CLASSIC/$LAST_VERSION_CLASSIC/g"
-          grep -rl "$CURRENT_VERSION_CLASSIC" ./compiled || echo "Classic version reverted"
-          echo "===================="
-          echo "Reverting $CURRENT_VERSION_MODERN to $LAST_VERSION_MODERN"
-          grep -rl "$CURRENT_VERSION_MODERN" ./compiled || echo "No files found with $CURRENT_VERSION_MODERN"
-          grep -rl "$CURRENT_VERSION_MODERN" ./compiled | xargs -r sed -i -e "s/$CURRENT_VERSION_MODERN/$LAST_VERSION_MODERN/g"
-          grep -rl "$CURRENT_VERSION_MODERN" ./compiled || echo "Modern version reverted"
-      - name: Check for changes
-        if: inputs.force != true
-        id: check_should_commit
-        run: |
-          echo "Full git status"
-          git add .
-          git status
-          echo "===================="
-          if git status --porcelain | grep -qv '/REVISION'; then
-            echo "Changes detected"
-            echo "===== Changes ====="
-            git --no-pager diff -U0 | grep '^[+-]' | head -n 50
-            echo "==================="
-            echo "should_commit=true" >> "$GITHUB_OUTPUT"
-          else
-            echo "No Changes detected"
-            echo "should_commit=false" >> "$GITHUB_OUTPUT"
-          fi
-      - name: Re-apply version changes
-        if: inputs.force == true || (steps.check_should_commit.outputs.should_commit == 'true' && needs.download_artifacts.outputs.last_version_classic != '' && needs.download_artifacts.outputs.last_version_modern != '')
-        env:
-          CURRENT_VERSION_CLASSIC: ${{ needs.download_artifacts.outputs.current_version_classic }}
-          CURRENT_VERSION_MODERN: ${{ needs.download_artifacts.outputs.current_version_modern }}
-          LAST_VERSION_CLASSIC: ${{ needs.download_artifacts.outputs.last_version_classic }}
-          LAST_VERSION_MODERN: ${{ needs.download_artifacts.outputs.last_version_modern }}
-        run: |
-          echo "Re-applying $LAST_VERSION_CLASSIC to $CURRENT_VERSION_CLASSIC"
-          grep -rl "$LAST_VERSION_CLASSIC" ./compiled || echo "No files found with $LAST_VERSION_CLASSIC"
-          grep -rl "$LAST_VERSION_CLASSIC" ./compiled | xargs -r sed -i -e "s/$LAST_VERSION_CLASSIC/$CURRENT_VERSION_CLASSIC/g"
-          grep -rl "$LAST_VERSION_CLASSIC" ./compiled || echo "Classic version re-applied"
-          echo "===================="
-          echo "Re-applying $LAST_VERSION_MODERN to $CURRENT_VERSION_MODERN"
-          grep -rl "$LAST_VERSION_MODERN" ./compiled || echo "No files found with $LAST_VERSION_MODERN"
-          grep -rl "$LAST_VERSION_MODERN" ./compiled | xargs -r sed -i -e "s/$LAST_VERSION_MODERN/$CURRENT_VERSION_MODERN/g"
-          grep -rl "$LAST_VERSION_MODERN" ./compiled || echo "Classic version re-applied"
-      - name: Will commit these changes
-        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
-        run: |
-          echo ":"
-          git status -u
-      - name: Commit changes to branch
-        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
-        uses: stefanzweifel/git-auto-commit-action@v5
-        with:
-          commit_message: |
-            ${{ github.event.workflow_run.head_commit.message || format('Manual build of {0}', github.event.workflow_run.head_sha || github.sha) }}
-
-            DiffTrain build for [${{ github.event.workflow_run.head_sha || github.sha }}](https://github.com/facebook/react/commit/${{ github.event.workflow_run.head_sha || github.sha }})
-          branch: builds/facebook-www
-          commit_user_name: ${{ github.triggering_actor }}
-          commit_user_email: ${{ format('{0}@users.noreply.github.com', github.triggering_actor) }}
-          create_branch: true
-
-  commit_fbsource_artifacts:
-    needs: download_artifacts
-    if: inputs.force == true || (github.ref == 'refs/heads/main' && needs.download_artifacts.outputs.fbsource_branch_count == '0')
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          ref: builds/facebook-fbsource
-      - name: Ensure clean directory
-        run: rm -rf compiled-rn
-      - uses: actions/download-artifact@v4
-        with:
-          name: compiled-rn
-          path: compiled-rn/
-      - name: Revert version changes
-        if: needs.download_artifacts.outputs.last_version_rn != ''
-        env:
-          CURRENT_VERSION: ${{ needs.download_artifacts.outputs.current_version_rn }}
-          LAST_VERSION: ${{ needs.download_artifacts.outputs.last_version_rn }}
-        run: |
-          echo "Reverting $CURRENT_VERSION to $LAST_VERSION"
-          grep -rl "$CURRENT_VERSION" ./compiled-rn || echo "No files found with $CURRENT_VERSION"
-          grep -rl "$CURRENT_VERSION" ./compiled-rn | xargs -r sed -i -e "s/$CURRENT_VERSION/$LAST_VERSION/g"
-          grep -rl "$CURRENT_VERSION" ./compiled-rn || echo "Version reverted"
-      - name: Check for changes
-        if: inputs.force != 'true'
-        id: check_should_commit
-        run: |
-          echo "Full git status"
-          git add .
-          git --no-pager diff -U0 --cached | grep '^[+-]' | head -n 100
-          echo "===================="
-          # Ignore REVISION or lines removing @generated headers.
-          if git diff --cached ':(exclude)*REVISION' | grep -vE "^(@@|diff|index|\-\-\-|\+\+\+|\- \* @generated SignedSource)" | grep "^[+-]" > /dev/null; then
-            echo "Changes detected"
-            echo "===== Changes ====="
-            git --no-pager diff --cached ':(exclude)*REVISION' | grep -vE "^(@@|diff|index|\-\-\-|\+\+\+|\- \* @generated SignedSource)" | grep "^[+-]" | head -n 50
-            echo "==================="
-            echo "should_commit=true" >> "$GITHUB_OUTPUT"
-          else
-            echo "No Changes detected"
-            echo "should_commit=false" >> "$GITHUB_OUTPUT"
-          fi
-      - name: Re-apply version changes
-        if: inputs.force == true || (steps.check_should_commit.outputs.should_commit == 'true' && needs.download_artifacts.outputs.last_version_rn != '')
-        env:
-          CURRENT_VERSION: ${{ needs.download_artifacts.outputs.current_version_rn }}
-          LAST_VERSION: ${{ needs.download_artifacts.outputs.last_version_rn }}
-        run: |
-          echo "Re-applying $LAST_VERSION to $CURRENT_VERSION"
-          grep -rl "$LAST_VERSION" ./compiled-rn || echo "No files found with $LAST_VERSION"
-          grep -rl "$LAST_VERSION" ./compiled-rn | xargs -r sed -i -e "s/$LAST_VERSION/$CURRENT_VERSION/g"
-          grep -rl "$LAST_VERSION" ./compiled-rn || echo "Version re-applied"
-      - name: Add files for signing
-        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
-        run: |
-          echo ":"
-          git add .
-      - name: Signing files
-        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
-        uses: actions/github-script@v7
-        with:
-          script: |
-            // TODO: Move this to a script file.
-            // We currently can't call scripts from the repo because
-            // at this point in the workflow, we're on the compiled
-            // artifact branch (so the scripts don't exist).
-            // We can fix this with a composite action in the main repo.
-            // This script is duplicated above.
-            const fs = require('fs');
-            const crypto = require('crypto');
-            const {execSync} = require('child_process');
-
-            // TODO: when we move this to a script, we can use this from npm.
-            // Copy of signedsource since we can't install deps on this branch.
-            const GENERATED = '@' + 'generated';
-            const NEWTOKEN = '<<SignedSource::*O*zOeWoEQle#+L!plEphiEmie@IsG>>';
-            const PATTERN = new RegExp(`${GENERATED} (?:SignedSource<<([a-f0-9]{32})>>)`);
-
-            const TokenNotFoundError = new Error(
-              `SignedSource.signFile(...): Cannot sign file without token: ${NEWTOKEN}`
-            );
-
-            function hash(data, encoding) {
-              const md5sum = crypto.createHash('md5');
-              md5sum.update(data, encoding);
-              return md5sum.digest('hex');
-            }
-
-            const SignedSource = {
-              getSigningToken() {
-                return `${GENERATED} ${NEWTOKEN}`;
-              },
-              isSigned(data) {
-                return PATTERN.exec(data) != null;
-              },
-              signFile(data) {
-                if (!data.includes(NEWTOKEN)) {
-                  if (SignedSource.isSigned(data)) {
-                    // Signing a file that was previously signed.
-                   data = data.replace(PATTERN, SignedSource.getSigningToken());
-                  } else {
-                    throw TokenNotFoundError;
-                  }
-                }
-                return data.replace(NEWTOKEN, `SignedSource<<${hash(data, 'utf8')}>>`);
-              },
-            };
-
-            const directory = './compiled-rn';
-            console.log('Signing files in directory:', directory);
-            try {
-              const result = execSync(`git status --porcelain ${directory}`, {encoding: 'utf8'});
-              console.log(result);
-
-              // Parse the git status output to get file paths!
-              const files = result.split('\n').filter(file => file.endsWith('.js'));
-
-              if (files.length === 0) {
-                throw new Error(
-                  'git status returned no files to sign. this job should not have run.'
-                );
-              } else {
-                files.forEach(line => {
-                  let file = null;
-                  if (line.startsWith('D ')) {
-                    return;
-                  } else if (line.startsWith('R ')) {
-                    file = line.slice(line.indexOf('->') + 3);
-                  } else {
-                    file = line.slice(3).trim();
-                  }
-                  if (file) {
-                    console.log('  Signing file:', file);
-                    const originalContents = fs.readFileSync(file, 'utf8');
-                    const signedContents = SignedSource.signFile(
-                      originalContents
-                        // Need to add the header in, since it's not inserted at build time.
-                        .replace(' */\n', ` * ${SignedSource.getSigningToken()}\n */\n`)
-                    );
-
-                    fs.writeFileSync(file, signedContents, 'utf8');
-                  }
-                });
-              }
-            } catch (e) {
-              process.exitCode = 1;
-              console.error('Error signing files:', e);
-            }
-      - name: Will commit these changes
-        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
-        run: |
-          git add .
-          git status
-      - name: Commit changes to branch
-        if: inputs.force == true || steps.check_should_commit.outputs.should_commit == 'true'
-        uses: stefanzweifel/git-auto-commit-action@v5
-        with:
-          commit_message: |
-            ${{ github.event.workflow_run.head_commit.message || format('Manual build of {0}', github.event.workflow_run.head_sha || github.sha) }}
-
-            DiffTrain build for [${{ github.event.workflow_run.head_sha || github.sha }}](https://github.com/facebook/react/commit/${{ github.event.workflow_run.head_sha || github.sha }})
-          branch: builds/facebook-fbsource
-          commit_user_name: ${{ github.triggering_actor }}
-          commit_user_email: ${{ format('{0}@users.noreply.github.com', github.triggering_actor) }}
-          create_branch: true

.github/workflows/runtime_prereleases.yml

@@ -1,52 +0,0 @@
-name: (Runtime) Publish Prereleases
-
-on:
-  workflow_call:
-    inputs:
-      commit_sha:
-        required: true
-        default: ''
-        type: string
-      release_channel:
-        required: true
-        type: string
-      dist_tag:
-        required: true
-        type: string
-    secrets:
-      NPM_TOKEN:
-        required: true
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
-  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
-  GH_TOKEN: ${{ github.token }}
-  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-jobs:
-  publish_prerelease:
-    name: Publish prelease (${{ inputs.release_channel }}) ${{ inputs.commit_sha }} @${{ inputs.dist_tag }}
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        id: node_modules
-        with:
-          path: "**/node_modules"
-          key: runtime-release-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('yarn.lock', 'scripts/release/yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: yarn install --frozen-lockfile
-        working-directory: scripts/release
-      - run: |
-          scripts/release/prepare-release-from-ci.js --skipTests -r ${{ inputs.release_channel }} --commit=${{ inputs.commit_sha }}
-          cp ./scripts/release/ci-npmrc ~/.npmrc
-          scripts/release/publish.js --ci --tags ${{ inputs.dist_tag }}

.github/workflows/runtime_prereleases_manual.yml

@@ -1,47 +0,0 @@
-name: (Runtime) Publish Prereleases Manual
-
-on:
-  workflow_dispatch:
-    inputs:
-      prerelease_commit_sha:
-        required: true
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-
-jobs:
-
-  publish_prerelease_canary:
-    name: Publish to Canary channel
-    uses: facebook/react/.github/workflows/runtime_prereleases.yml@main
-    with:
-      commit_sha: ${{ inputs.prerelease_commit_sha }}
-      release_channel: stable
-      # The tags to use when publishing canaries. The main one we should
-      # always include is "canary" but we can use multiple (e.g. alpha,
-      # beta, rc). To declare multiple, use a comma-separated string, like
-      # this:
-      #   dist_tag: "canary,alpha,beta,rc"
-      #
-      # TODO: We currently tag canaries with "next" in addition to "canary"
-      # because this used to be called the "next" channel and some
-      # downstream consumers might still expect that tag. We can remove this
-      # after some time has elapsed and the change has been communicated.
-      dist_tag: canary,next
-    secrets:
-      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-  publish_prerelease_experimental:
-    name: Publish to Experimental channel
-    uses: facebook/react/.github/workflows/runtime_prereleases.yml@main
-    # NOTE: Intentionally running these jobs sequentially because npm
-    # will sometimes fail if you try to concurrently publish two
-    # different versions of the same package, even if they use different
-    # dist tags.
-    needs: publish_prerelease_canary
-    with:
-      commit_sha: ${{ inputs.prerelease_commit_sha }}
-      release_channel: experimental
-      dist_tag: experimental
-    secrets:
-      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/runtime_prereleases_nightly.yml

@@ -1,35 +0,0 @@
-name: (Runtime) Publish Prereleases Nightly
-
-on:
-  schedule:
-    # At 10 minutes past 16:00 on Mon, Tue, Wed, Thu, and Fri
-    - cron: 10 16 * * 1,2,3,4,5
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-
-jobs:
-  publish_prerelease_canary:
-    name: Publish to Canary channel
-    uses: facebook/react/.github/workflows/runtime_prereleases.yml@main
-    with:
-      commit_sha: ${{ github.sha }}
-      release_channel: stable
-      dist_tag: canary,next
-    secrets:
-      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-  publish_prerelease_experimental:
-    name: Publish to Experimental channel
-    uses: facebook/react/.github/workflows/runtime_prereleases.yml@main
-    # NOTE: Intentionally running these jobs sequentially because npm
-    # will sometimes fail if you try to concurrently publish two
-    # different versions of the same package, even if they use different
-    # dist tags.
-    needs: publish_prerelease_canary
-    with:
-      commit_sha: ${{ github.sha }}
-      release_channel: experimental
-      dist_tag: experimental
-    secrets:
-      NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/shared_lint.yml

@@ -1,96 +0,0 @@
-name: (Shared) Lint
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.run_id }}
-  cancel-in-progress: true
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-  # https://github.com/actions/cache/blob/main/tips-and-workarounds.md#cache-segment-restore-timeout
-  SEGMENT_DOWNLOAD_TIMEOUT_MINS: 1
-
-jobs:
-  prettier:
-    name: Run prettier
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        with:
-          path: "**/node_modules"
-          key: shared-lint-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: yarn prettier-check
-
-  eslint:
-    name: Run eslint
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        with:
-          path: "**/node_modules"
-          key: shared-lint-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: node ./scripts/tasks/eslint
-
-  check_license:
-    name: Check license
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        with:
-          path: "**/node_modules"
-          key: shared-lint-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: ./scripts/ci/check_license.sh
-
-  test_print_warnings:
-    name: Test print warnings
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: '.nvmrc'
-          cache: yarn
-          cache-dependency-path: yarn.lock
-      - name: Restore cached node_modules
-        uses: actions/cache@v4
-        with:
-          path: "**/node_modules"
-          key: shared-lint-node_modules-${{ runner.arch }}-${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
-      - name: Ensure clean build directory
-        run: rm -rf build
-      - run: yarn install --frozen-lockfile
-      - run: ./scripts/ci/test_print_warnings.sh

.github/workflows/shared_stale.yml

@@ -1,50 +0,0 @@
-# Configuration for stale action workflow - https://github.com/actions/stale
-name: (Shared) Manage stale issues and PRs
-on:
-  schedule:
-    # Run hourly
-    - cron: '0 * * * *'
-  workflow_dispatch:
-
-env:
-  TZ: /usr/share/zoneinfo/America/Los_Angeles
-
-jobs:
-  stale:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/stale@v9
-        with:
-          # --- Issues & PRs ---
-          # Number of days of inactivity before an issue or PR becomes stale
-          days-before-stale: 90
-          # Number of days of inactivity before a stale issue or PR is closed
-          days-before-close: 7
-          # API calls per run
-          operations-per-run: 100
-
-          # --- Issues ---
-          stale-issue-label: "Resolution: Stale"
-          # Comment to post when marking an issue as stale
-          stale-issue-message: >
-            This issue has been automatically marked as stale.
-            **If this issue is still affecting you, please leave any comment** (for example, "bump"), and we'll keep it open.
-            We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!
-          # Comment to post when closing a stale issue
-          close-issue-message: >
-            Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!
-          # Issues with these labels will never be considered stale
-          exempt-issue-labels: "Partner,React Core Team,Resolution: Backlog,Type: Bug,Type: Discussion,Type: Needs Investigation,Type: Regression,Type: Feature Request,Type: Enhancement"
-
-          # --- PRs ---
-          stale-pr-label: "Resolution: Stale"
-          # Comment to post when marking a pull request as stale
-          stale-pr-message: >
-            This pull request has been automatically marked as stale.
-            **If this pull request is still relevant, please leave any comment** (for example, "bump"), and we'll keep it open.
-            We are sorry that we haven't been able to prioritize reviewing it yet. Your contribution is very much appreciated.
-          # Comment to post when closing a stale pull request
-          close-pr-message: >
-            Closing this pull request after a prolonged period of inactivity. If this issue is still present in the latest release, please ask for this pull request to be reopened. Thank you!
-          # PRs with these labels will never be considered stale
-          exempt-pr-labels: "Partner,React Core Team,Resolution: Backlog,Type: Bug,Type: Discussion,Type: Needs Investigation,Type: Regression,Type: Feature Request,Type: Enhancement"

.gitignore

@@ -33,7 +33,6 @@ packages/react-devtools-extensions/firefox/*.xpi
 packages/react-devtools-extensions/firefox/*.pem
 packages/react-devtools-extensions/shared/build
 packages/react-devtools-extensions/.tempUserDataDir
-packages/react-devtools-fusebox/dist
 packages/react-devtools-inline/dist
 packages/react-devtools-shell/dist
 packages/react-devtools-timeline/dist

.nvmrc

@@ -1 +1 @@
-v18.20.1
+v16.19.1

.prettierignore

@@ -1,4 +1,3 @@
-# react runtime
 build
 
 packages/react-devtools-core/dist
@@ -7,35 +6,9 @@ packages/react-devtools-extensions/firefox/build
 packages/react-devtools-extensions/edge/build
 packages/react-devtools-extensions/shared/build
 packages/react-devtools-extensions/src/ErrorTesterCompiled.js
-packages/react-devtools-fusebox/dist
 packages/react-devtools-inline/dist
 packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/
 packages/react-devtools-shared/src/hooks/__tests__/__source__/__untransformed__/
 packages/react-devtools-shell/dist
 packages/react-devtools-timeline/dist
 packages/react-devtools-timeline/static
-
-# react compiler
-compiler/**/dist
-compiler/**/__tests__/fixtures/**/*.expect.md
-compiler/**/.next
-
-# contains invalid graphql`...` which results in a promise rejection error from `yarn prettier-all`.
-compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.todo-kitchensink.js
-
-compiler/crates
-compiler/target
-compiler/apps/playground/public
-
-compiler/**/LICENSE
-compiler/*.md*
-compiler/*.json
-compiler/*.css
-compiler/*.webmanifest
-compiler/*.map
-compiler/*.sh
-compiler/*.txt
-compiler/*.ico
-compiler/*.svg
-compiler/*.lock
-compiler/*.toml

.prettierrc.js

@@ -3,33 +3,19 @@
 const {esNextPaths} = require('./scripts/shared/pathsByLanguageVersion');
 
 module.exports = {
-  plugins: ['prettier-plugin-hermes-parser'],
   bracketSpacing: false,
   singleQuote: true,
   bracketSameLine: true,
   trailingComma: 'es5',
   printWidth: 80,
-  parser: 'hermes',
+  parser: 'flow',
   arrowParens: 'avoid',
   overrides: [
-    {
-      files: ['*.code-workspace'],
-      options: {
-        parser: 'json-stringify',
-      },
-    },
     {
       files: esNextPaths,
       options: {
         trailingComma: 'all',
       },
     },
-    {
-      files: ['*.ts', '*.tsx'],
-      options: {
-        trailingComma: 'all',
-        parser: 'typescript',
-      },
-    },
   ],
 };

CHANGELOG-canary.md

@@ -1,8 +1,3 @@
-## March 22, 2024 (18.3.0-canary-670811593-20240322)
-
-## React
-- Added `useActionState` to replace `useFormState` and added `pending` value ([#28491](https://github.com/facebook/react/pull/28491)).
-
 ## October 5, 2023 (18.3.0-canary-546178f91-20231005)
 
 ### React

CHANGELOG.md

@@ -1,28 +1,3 @@
-## 18.3.1 (April 26, 2024)
-
-- Export `act` from `react` [f1338f](https://github.com/facebook/react/commit/f1338f8080abd1386454a10bbf93d67bfe37ce85)
-
-## 18.3.0 (April 25, 2024)
-
-This release is identical to 18.2 but adds warnings for deprecated APIs and other changes that are needed for React 19.
-
-Read the [React 19 Upgrade Guide](https://react.dev/blog/2024/04/25/react-19-upgrade-guide) for more info.
-
-### React
-
-- Allow writing to `this.refs` to support string ref codemod [909071](https://github.com/facebook/react/commit/9090712fd3ca4e1099e1f92e67933c2cb4f32552)
-- Warn for deprecated `findDOMNode` outside StrictMode [c3b283](https://github.com/facebook/react/commit/c3b283964108b0e8dbcf1f9eb2e7e67815e39dfb)
-- Warn for deprecated `test-utils` methods [d4ea75](https://github.com/facebook/react/commit/d4ea75dc4258095593b6ac764289f42bddeb835c)
-- Warn for deprecated Legacy Context outside StrictMode [415ee0](https://github.com/facebook/react/commit/415ee0e6ea0fe3e288e65868df2e3241143d5f7f)
-- Warn for deprecated string refs outside StrictMode [#25383](https://github.com/facebook/react/pull/25383)
-- Warn for deprecated `defaultProps` for function components [#25699](https://github.com/facebook/react/pull/25699)
-- Warn when spreading `key` [#25697](https://github.com/facebook/react/pull/25697)
-- Warn when using `act` from `test-utils` [d4ea75](https://github.com/facebook/react/commit/d4ea75dc4258095593b6ac764289f42bddeb835c)
-
-### React DOM
-- Warn for deprecated `unmountComponentAtNode` [8a015b](https://github.com/facebook/react/commit/8a015b68cc060079878e426610e64e86fb328f8d)
-- Warn for deprecated `renderToStaticNodeStream` [#28874](https://github.com/facebook/react/pull/28874)
-
 ## 18.2.0 (June 14, 2022)
 
 ### React DOM

README.md

@@ -1,10 +1,10 @@
-# [React](https://react.dev/) · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/facebook/react/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/react.svg?style=flat)](https://www.npmjs.com/package/react) [![(Runtime) Build and Test](https://github.com/facebook/react/actions/workflows/runtime_build_and_test.yml/badge.svg)](https://github.com/facebook/react/actions/workflows/runtime_build_and_test.yml) [![(Compiler) TypeScript](https://github.com/facebook/react/actions/workflows/compiler_typescript.yml/badge.svg?branch=main)](https://github.com/facebook/react/actions/workflows/compiler_typescript.yml) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://legacy.reactjs.org/docs/how-to-contribute.html#your-first-pull-request)
+# [React](https://react.dev/) · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/facebook/react/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/react.svg?style=flat)](https://www.npmjs.com/package/react) [![CircleCI Status](https://circleci.com/gh/facebook/react.svg?style=shield)](https://circleci.com/gh/facebook/react) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://legacy.reactjs.org/docs/how-to-contribute.html#your-first-pull-request)
 
 React is a JavaScript library for building user interfaces.
 
 * **Declarative:** React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable, simpler to understand, and easier to debug.
 * **Component-Based:** Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep the state out of the DOM.
-* **Learn Once, Write Anywhere:** We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using [Node](https://nodejs.org/en) and power mobile apps using [React Native](https://reactnative.dev/).
+* **Learn Once, Write Anywhere:** We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using [React Native](https://reactnative.dev/).
 
 [Learn how to use React in your project](https://react.dev/learn).
 
@@ -18,7 +18,7 @@ React has been designed for gradual adoption from the start, and **you can use a
 
 ## Documentation
 
-You can find the React documentation [on the website](https://react.dev/).
+You can find the React documentation [on the website](https://react.dev/).  
 
 Check out the [Getting Started](https://react.dev/learn) page for a quick overview.
 
@@ -36,7 +36,7 @@ The documentation is divided into several sections:
 * [Where to Get Support](https://react.dev/community)
 * [Contributing Guide](https://legacy.reactjs.org/docs/how-to-contribute.html)
 
-You can improve it by sending pull requests to [this repository](https://github.com/reactjs/react.dev).
+You can improve it by sending pull requests to [this repository](https://github.com/reactjs/reactjs.org).
 
 ## Examples
 
@@ -55,7 +55,7 @@ root.render(<HelloMessage name="Taylor" />);
 
 This example will render "Hello Taylor" into a container on the page.
 
-You'll notice that we used an HTML-like syntax; [we call it JSX](https://react.dev/learn#writing-markup-with-jsx). JSX is not required to use React, but it makes code more readable, and writing it feels like writing HTML.
+You'll notice that we used an HTML-like syntax; [we call it JSX](https://react.dev/learn#writing-markup-with-jsx). JSX is not required to use React, but it makes code more readable, and writing it feels like writing HTML. 
 
 ## Contributing
 
@@ -69,7 +69,7 @@ Facebook has adopted a Code of Conduct that we expect project participants to ad
 
 Read our [contributing guide](https://legacy.reactjs.org/docs/how-to-contribute.html) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to React.
 
-### [Good First Issues](https://github.com/facebook/react/labels/good%20first%20issue)
+### Good First Issues
 
 To help you get your feet wet and get you familiar with our contribution process, we have a list of [good first issues](https://github.com/facebook/react/labels/good%20first%20issue) that contain bugs that have a relatively limited scope. This is a great place to get started.
 

ReactVersions.js

@@ -7,57 +7,52 @@
 //
 // The @latest channel uses the version as-is, e.g.:
 //
-//   19.0.0
+//   18.3.0
 //
 // The @canary channel appends additional information, with the scheme
 // <version>-<label>-<commit_sha>, e.g.:
 //
-//   19.0.0-canary-a1c2d3e4
+//   18.3.0-canary-a1c2d3e4
 //
 // The @experimental channel doesn't include a version, only a date and a sha, e.g.:
 //
 //   0.0.0-experimental-241c4467e-20200129
 
-const ReactVersion = '19.0.0';
+const ReactVersion = '18.3.0';
 
 // The label used by the @canary channel. Represents the upcoming release's
 // stability. Most of the time, this will be "canary", but we may temporarily
 // choose to change it to "alpha", "beta", "rc", etc.
 //
 // It only affects the label used in the version string. To customize the
-// npm dist tags used during publish, refer to .github/workflows/runtime_prereleases_*.yml.
-const canaryChannelLabel = 'rc';
-
-// If the canaryChannelLabel is "rc", the build pipeline will use this to build
-// an RC version of the packages.
-const rcNumber = 1;
+// npm dist tags used during publish, refer to .circleci/config.yml.
+const canaryChannelLabel = 'canary';
 
 const stablePackages = {
-  'eslint-plugin-react-hooks': '5.1.0',
-  'jest-react': '0.16.0',
+  'eslint-plugin-react-hooks': '5.0.0',
+  'jest-react': '0.15.0',
   react: ReactVersion,
   'react-art': ReactVersion,
   'react-dom': ReactVersion,
   'react-server-dom-webpack': ReactVersion,
   'react-server-dom-turbopack': ReactVersion,
   'react-is': ReactVersion,
-  'react-reconciler': '0.31.0',
-  'react-refresh': '0.16.0',
+  'react-reconciler': '0.30.0',
+  'react-refresh': '0.15.0',
   'react-test-renderer': ReactVersion,
-  'use-subscription': '1.10.0',
-  'use-sync-external-store': '1.4.0',
-  scheduler: '0.25.0',
+  'use-subscription': '1.9.0',
+  'use-sync-external-store': '1.3.0',
+  scheduler: '0.24.0',
 };
 
 // These packages do not exist in the @canary or @latest channel, only
 // @experimental. We don't use semver, just the commit sha, so this is just a
 // list of package names instead of a map.
-const experimentalPackages = ['react-markup'];
+const experimentalPackages = [];
 
 module.exports = {
   ReactVersion,
   canaryChannelLabel,
-  rcNumber,
   stablePackages,
   experimentalPackages,
 };

compiler/.eslintrc.js

@@ -1,106 +0,0 @@
-/**
- * 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.
- */
-
-/**
- * Our philosophy for linting is that lints should be very high-signal:
- * - Error, don't warn. If it's worth mentioning it's worth fixing.
- * - Enable rules that consistently identify real problems. If we frequently would have to
- *   disable the rule due to false positives, it isn't high-signal.
- * - Enable rules that help improve consistent style (to avoid code review about style rather
- *   than substance).
- */
-module.exports = {
-  extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
-  rules: {
-    /*
-     * We prefer using const where variables are not reassigned, but occassional mistakes
-     * aren't a major issue
-     */
-    "prefer-const": "off",
-
-    // Not valuable enough to enable
-    "no-useless-escape": "off",
-
-    /*
-     * There are valid use cases for loops with constant conditions where the body contains the
-     * break
-     */
-    "no-constant-condition": "off",
-
-    // eslint only knows about builtin control flow (eg throw, return, break) and not custom ones
-    // like invariant.
-    "no-fallthrough": "off",
-
-    /*
-     * Low-value: this fires even for declarations that capture references which wouldn't be as
-     * obvious if the declaration was lifted to the parent root
-     */
-    "no-inner-declarations": "off",
-
-    "multiline-comment-style": ["error", "starred-block"],
-
-    /**
-     * We sometimes need to check for control characters in regexes for things like preserving input
-     * strings
-     */
-    "no-control-regex": "off",
-
-    "@typescript-eslint/no-empty-function": "off",
-
-    /*
-     * Explicitly casting to/through any is sometimes required, often for error messages to
-     * assertExhaustive()
-     */
-    "@typescript-eslint/no-explicit-any": "off",
-
-    /*
-     * We use non-null assertions carefully. Ideally, there would be a TS option to codegen
-     * a non-null check at the assertion site.
-     */
-    "@typescript-eslint/no-non-null-assertion": "off",
-
-    // Being explicit provides value in cases where inference may later change
-    "@typescript-eslint/no-inferrable-types": "off",
-    "@typescript-eslint/explicit-function-return-type": "error",
-
-    /*
-     * Unused variables are frequently a bug. Prefix unused variables with an _ to fix, but note
-     * that eslint won't warn you that an underscore prefixed variable is used and that the prefix
-     * should be dropped.
-     */
-    "@typescript-eslint/no-unused-vars": [
-      "error",
-      {
-        argsIgnorePattern: "^_",
-        varsIgnorePattern: "^_",
-        caughtErrorsIgnorePattern: "^_",
-      },
-    ],
-
-    // Consider enabling for consistency. Ideally violations could be auto-fixed.
-    "@typescript-eslint/consistent-generic-constructors": [
-      "off",
-      "constructor",
-    ],
-    "@typescript-eslint/array-type": ["error", { default: "generic" }],
-    "@typescript-eslint/triple-slash-reference": "off",
-    "@typescript-eslint/no-var-requires": "off",
-  },
-  parser: "@typescript-eslint/parser",
-  plugins: ["@typescript-eslint"],
-  root: true,
-  ignorePatterns: ["**/__tests__/**/*", "**/*.d.ts", "**/dist/**/*"],
-  env: {
-    node: true,
-  },
-  /*
-   * If rules need to be disabled then the rule is insufficiently high signal
-   * and should be diasbled altogether or customized (in either case via a standalone PR)
-   */
-  noInlineConfig: true,
-  reportUnusedDisableDirectives: true,
-};

compiler/.gitignore

@@ -1,24 +0,0 @@
-.DS_Store
-.spr.yml
-
-# Generated by Cargo
-# will have compiled files and executables
-debug/
-target/
-
-# These are backup files generated by rustfmt
-**/*.rs.bk
-
-# MSVC Windows builds of rustc generate these, which store debugging information
-*.pdb
-
-node_modules
-.watchmanconfig
-.watchman-cookie-*
-dist
-.vscode
-!packages/playground/.vscode
-.spr.yml
-testfilter.txt
-
-bundle-oss.sh

compiler/Cargo.toml

@@ -1,61 +0,0 @@
-[workspace]
-resolver = "2"
-members = ["crates/*"]
-
-[workspace.package]
-authors     = ["The React Team https://react.dev/community/team"]
-description = "React Compiler"
-edition     = "2021"
-homepage    = "https://github.com/facebook/react"
-keywords    = ["JavaScript", "TypeScript", "React", "React Compiler", "Compiler"]
-license     = "MIT"
-repository  = "https://github.com/facebook/react"
-
-[workspace.dependencies]
-# workspace crates
-react_build_hir = { path = "crates/react_build_hir" }
-react_diagnostics = { path = "crates/react_diagnostics" }
-react_estree = { path = "crates/react_estree" }
-react_estree_codegen = { path = "crates/react_estree_codegen" }
-react_fixtures = { path = "crates/react_fixtures" }
-react_hermes_parser = { path = "crates/react_hermes_parser" }
-react_hir = { path = "crates/react_hir" }
-react_optimization = { path = "crates/react_optimization" }
-react_semantic_analysis = { path = "crates/react_semantic_analysis" }
-react_ssa = { path = "crates/react_ssa" }
-react_utils = { path = "crates/react_utils" }
-
-# dependencies
-indexmap = { version = "2.0.0", features = ["serde"] }
-insta = { version = "1.30.0", features = ["glob"] }
-miette = { version = "5.9.0" }
-prettyplease = "0.2.10"
-quote = "1.0.29"
-serde = { version = "1.0.167", features = ["serde_derive"] }
-serde_json = "1.0.100"
-stacker = "0.1.15"
-static_assertions = "1.1.0"
-syn = "2.0.23"
-thiserror = "1.0.41"
-hermes = { git = "https://github.com/facebook/hermes.git" }
-juno_support = { git = "https://github.com/facebook/hermes.git" }
-
-[profile.release]
-# configuration adapted from oxc
-# https://github.com/Boshen/oxc/blob/ea85ee9f2d64dd284c5b7410f491d81fb879abae/Cargo.toml#L89-L97
-opt-level     = 3
-lto           = "fat"
-codegen-units = 1
-strip         = "symbols"
-debug         = false
-panic         = "abort"   # Let it crash and force ourselves to write safe Rust.
-
-# Make insta run faster by compiling with release mode optimizations
-# https://docs.rs/insta/latest/insta/#optional-faster-runs
-[profile.dev.package.insta]
-opt-level = 3
-
-# Make insta diffing libary faster by compiling with release mode optimizations
-# https://docs.rs/insta/latest/insta/#optional-faster-runs
-[profile.dev.package.similar]
-opt-level = 3

compiler/README.md

@@ -1,7 +0,0 @@
-# React Compiler
-
-React Compiler is a compiler that optimizes React applications, ensuring that only the minimal parts of components and hooks will re-render when state changes. The compiler also validates that components and hooks follow the Rules of React.
-
-More information about the design and architecture of the compiler are covered in the [Design Goals](./docs/DESIGN_GOALS.md).
-
-More information about developing the compiler itself is covered in the [Development Guide](./docs/DEVELOPMENT_GUIDE.md).

compiler/apps/playground/.eslintrc.json

@@ -1,3 +0,0 @@
-{
-  "extends": "next/core-web-vitals"
-}

compiler/apps/playground/.gitignore

@@ -1,45 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-/test-results
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-
-# external fonts
-public/fonts/Optimistic_Display_W_Lt.woff2
-public/fonts/Optimistic_Display_W_Md.woff2
-public/fonts/Optimistic_Display_W_Bd.woff2
-
-# vscode
-.vscode/*
-!.vscode/extensions.json

compiler/apps/playground/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["bradlc.vscode-tailwindcss", "heybourn.headwind"]
-}

compiler/apps/playground/README.md

@@ -1,35 +0,0 @@
-# React Compiler Playground
-
-An interactive playground to demonstrate, test, and have fun with React Compiler.
-
-## Setup
-
-```sh
-# Build React Compiler from source and install Playground dependencies.
-$ yarn
-
-# Or similarly
-$ npm install
-```
-
-## Development
-
-```sh
-# Start the local development server with
-$ yarn dev
-
-# Or
-$ npm run dev
-
-# Rerun the following (in a separate terminal window) when React Compiler
-# is changed locally to keep Playground in sync.
-$ yarn
-```
-
-## Deployment
-
-This project has been deployed using Vercel. Vercel does the exact same thing as we would
-locally, by running `yarn` at the install step in the Playground directory to build
-React Compiler from source and [symlink](https://classic.yarnpkg.com/en/docs/cli/link) it as its dependency.
-This means that Playground is automatically deployed on every push and pull requests will reflect
-the behaviors of React Compiler of that commit.

compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/default-input.txt

@@ -1,11 +0,0 @@
-function MyApp() {
-  const $ = _c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = <div>Hello World</div>;
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-}

compiler/apps/playground/__tests__/e2e/__snapshots__/page.spec.ts/user-input.txt

@@ -1,13 +0,0 @@
-function TestComponent(t0) {
-  const $ = _c(2);
-  const { x } = t0;
-  let t1;
-  if ($[0] !== x) {
-    t1 = <Button>{x}</Button>;
-    $[0] = x;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  return t1;
-}

compiler/apps/playground/__tests__/e2e/page.spec.ts

@@ -1,49 +0,0 @@
-/**
- * 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.
- */
-
-import {expect, test} from '@playwright/test';
-import {encodeStore, type Store} from '../../lib/stores';
-
-const STORE: Store = {
-  source: `export default function TestComponent({ x }) {
-  return <Button>{x}</Button>;
-}
-`,
-};
-const HASH = encodeStore(STORE);
-
-function concat(data: Array<string>): string {
-  return data.join('');
-}
-
-test('editor should compile successfully', async ({page}) => {
-  await page.goto(`/#${HASH}`, {waitUntil: 'networkidle'});
-  await page.screenshot({
-    fullPage: true,
-    path: 'test-results/00-on-networkidle.png',
-  });
-
-  // User input from hash compiles
-  await page.screenshot({
-    fullPage: true,
-    path: 'test-results/01-show-js-before.png',
-  });
-  const userInput =
-    (await page.locator('.monaco-editor').nth(1).allInnerTexts()) ?? [];
-  expect(concat(userInput)).toMatchSnapshot('user-input.txt');
-
-  // Reset button works
-  page.on('dialog', dialog => dialog.accept());
-  await page.getByRole('button', {name: 'Reset'}).click();
-  await page.screenshot({
-    fullPage: true,
-    path: 'test-results/02-show-js-after.png',
-  });
-  const defaultInput =
-    (await page.locator('.monaco-editor').nth(1).allInnerTexts()) ?? [];
-  expect(concat(defaultInput)).toMatchSnapshot('default-input.txt');
-});

compiler/apps/playground/app/index.tsx

@@ -1,56 +0,0 @@
-/**
- * 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.
- */
-
-import type {NextPage} from 'next';
-import Head from 'next/head';
-import {SnackbarProvider} from 'notistack';
-import {Editor, Header, StoreProvider} from '../components';
-import MessageSnackbar from '../components/Message';
-
-const Home: NextPage = () => {
-  return (
-    <div className="flex flex-col w-screen h-screen font-light">
-      <Head>
-        <title>
-          {process.env.NODE_ENV === 'development'
-            ? '[DEV] React Compiler Playground'
-            : 'React Compiler Playground'}
-        </title>
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"></meta>
-        <link rel="icon" href="/favicon.ico" />
-        <link rel="manifest" href="/site.webmanifest" />
-        <link
-          rel="preload"
-          href="/fonts/Source-Code-Pro-Regular.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-        <link
-          rel="preload"
-          href="/fonts/Optimistic_Display_W_Lt.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-      </Head>
-      <StoreProvider>
-        <SnackbarProvider
-          preventDuplicate
-          maxSnack={10}
-          Components={{message: MessageSnackbar}}>
-          <Header />
-          <Editor />
-        </SnackbarProvider>
-      </StoreProvider>
-    </div>
-  );
-};
-
-export default Home;

compiler/apps/playground/app/layout.tsx

@@ -1,47 +0,0 @@
-/**
- * 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.
- */
-
-import '../styles/globals.css';
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}): JSX.Element {
-  'use no memo';
-  return (
-    <html lang="en">
-      <head>
-        <title>
-          {process.env.NODE_ENV === 'development'
-            ? '[DEV] React Compiler Playground'
-            : 'React Compiler Playground'}
-        </title>
-        <meta
-          name="viewport"
-          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"></meta>
-        <link rel="icon" href="/favicon.ico" />
-        <link rel="manifest" href="/site.webmanifest" />
-        <link
-          rel="preload"
-          href="/fonts/Source-Code-Pro-Regular.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-        <link
-          rel="preload"
-          href="/fonts/Optimistic_Display_W_Lt.woff2"
-          as="font"
-          type="font/woff2"
-          crossOrigin="anonymous"
-        />
-      </head>
-      <body className="font-sans h-screen overflow-y-hidden">{children}</body>
-    </html>
-  );
-}

compiler/apps/playground/app/page.tsx

@@ -1,26 +0,0 @@
-/**
- * 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.
- */
-
-'use client';
-
-import {SnackbarProvider} from 'notistack';
-import {Editor, Header, StoreProvider} from '../components';
-import MessageSnackbar from '../components/Message';
-
-export default function Page(): JSX.Element {
-  return (
-    <StoreProvider>
-      <SnackbarProvider
-        preventDuplicate
-        maxSnack={10}
-        Components={{message: MessageSnackbar}}>
-        <Header />
-        <Editor />
-      </SnackbarProvider>
-    </StoreProvider>
-  );
-}

compiler/apps/playground/colors.js

@@ -1,96 +0,0 @@
-/**
- * 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.
- */
-
-/**
- * Sync from <https://github.com/reactjs/reactjs.org/blob/main/beta/colors.js>.
- */
-
-module.exports = {
-  // Text colors
-  primary: '#23272F', // gray-90
-  'primary-dark': '#F6F7F9', // gray-5
-  secondary: '#404756', // gray-70
-  'secondary-dark': '#EBECF0', // gray-10
-  link: '#087EA4', // blue-50
-  'link-dark': '#149ECA', // blue-40
-  syntax: '#EBECF0', // gray-10
-  wash: '#FFFFFF',
-  'wash-dark': '#23272F', // gray-90
-  card: '#F6F7F9', // gray-05
-  'card-dark': '#343A46', // gray-80
-  highlight: '#E6F7FF', // blue-10
-  'highlight-dark': 'rgba(88,175,223,.1)',
-  border: '#EBECF0', // gray-10
-  'border-dark': '#343A46', // gray-80
-  'secondary-button': '#EBECF0', // gray-10
-  'secondary-button-dark': '#404756', // gray-70
-
-  // Gray
-  'gray-95': '#16181D',
-  'gray-90': '#23272F',
-  'gray-80': '#343A46',
-  'gray-70': '#404756',
-  'gray-60': '#4E5769',
-  'gray-50': '#5E687E', // unused
-  'gray-40': '#78839B',
-  'gray-30': '#99A1B3',
-  'gray-20': '#BCC1CD',
-  'gray-10': '#EBECF0',
-  'gray-5': '#F6F7F9',
-
-  // Blue
-  'blue-60': '#045975',
-  'blue-50': '#087EA4',
-  'blue-40': '#149ECA', // Brand Blue
-  'blue-30': '#58C4DC', // unused
-  'blue-20': '#ABE2ED',
-  'blue-10': '#E6F7FF', // todo: doesn't match illustrations
-  'blue-5': '#E6F6FA',
-
-  // Yellow
-  'yellow-60': '#B65700',
-  'yellow-50': '#C76A15',
-  'yellow-40': '#DB7D27', // unused
-  'yellow-30': '#FABD62', // unused
-  'yellow-20': '#FCDEB0', // unused
-  'yellow-10': '#FDE7C7',
-  'yellow-5': '#FEF5E7',
-
-  // Purple
-  'purple-60': '#2B3491', // unused
-  'purple-50': '#575FB7',
-  'purple-40': '#6B75DB',
-  'purple-30': '#8891EC',
-  'purple-20': '#C3C8F5', // unused
-  'purple-10': '#E7E9FB',
-  'purple-5': '#F3F4FD',
-
-  // Green
-  'green-60': '#2B6E62',
-  'green-50': '#388F7F',
-  'green-40': '#44AC99',
-  'green-30': '#7FCCBF',
-  'green-20': '#ABDED5',
-  'green-10': '#E5F5F2',
-  'green-5': '#F4FBF9',
-
-  // RED
-  'red-60': '#712D28',
-  'red-50': '#A6423A', // unused
-  'red-40': '#C1554D',
-  'red-30': '#D07D77',
-  'red-20': '#E5B7B3', // unused
-  'red-10': '#F2DBD9', // unused
-  'red-5': '#FAF1F0',
-
-  // MISC
-  'code-block': '#99a1b30f', // gray-30 @ 6%
-  'gradient-blue': '#58C4DC', // Only used for the landing gradient for now.
-  github: {
-    highlight: '#fffbdd',
-  },
-};

compiler/apps/playground/components/Editor/EditorImpl.tsx

@@ -1,353 +0,0 @@
-/**
- * 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.
- */
-
-import {parse as babelParse} from '@babel/parser';
-import * as HermesParser from 'hermes-parser';
-import traverse, {NodePath} from '@babel/traverse';
-import * as t from '@babel/types';
-import {
-  CompilerError,
-  CompilerErrorDetail,
-  Effect,
-  ErrorSeverity,
-  parseConfigPragmaForTests,
-  ValueKind,
-  runPlayground,
-  type Hook,
-} from 'babel-plugin-react-compiler/src';
-import {type ReactFunctionType} from 'babel-plugin-react-compiler/src/HIR/Environment';
-import clsx from 'clsx';
-import invariant from 'invariant';
-import {useSnackbar} from 'notistack';
-import {useDeferredValue, useMemo} from 'react';
-import {useMountEffect} from '../../hooks';
-import {defaultStore} from '../../lib/defaultStore';
-import {
-  createMessage,
-  initStoreFromUrlOrLocalStorage,
-  MessageLevel,
-  MessageSource,
-  type Store,
-} from '../../lib/stores';
-import {useStore, useStoreDispatch} from '../StoreContext';
-import Input from './Input';
-import {
-  CompilerOutput,
-  default as Output,
-  PrintedCompilerPipelineValue,
-} from './Output';
-import {printFunctionWithOutlined} from 'babel-plugin-react-compiler/src/HIR/PrintHIR';
-import {printReactiveFunctionWithOutlined} from 'babel-plugin-react-compiler/src/ReactiveScopes/PrintReactiveFunction';
-
-function parseInput(input: string, language: 'flow' | 'typescript'): any {
-  // Extract the first line to quickly check for custom test directives
-  if (language === 'flow') {
-    return HermesParser.parse(input, {
-      babel: true,
-      flow: 'all',
-      sourceType: 'module',
-      enableExperimentalComponentSyntax: true,
-    });
-  } else {
-    return babelParse(input, {
-      plugins: ['typescript', 'jsx'],
-      sourceType: 'module',
-    });
-  }
-}
-
-function parseFunctions(
-  source: string,
-  language: 'flow' | 'typescript',
-): Array<
-  | NodePath<t.FunctionDeclaration>
-  | NodePath<t.ArrowFunctionExpression>
-  | NodePath<t.FunctionExpression>
-> {
-  const items: Array<
-    | NodePath<t.FunctionDeclaration>
-    | NodePath<t.ArrowFunctionExpression>
-    | NodePath<t.FunctionExpression>
-  > = [];
-  try {
-    const ast = parseInput(source, language);
-    traverse(ast, {
-      FunctionDeclaration(nodePath) {
-        items.push(nodePath);
-        nodePath.skip();
-      },
-      ArrowFunctionExpression(nodePath) {
-        items.push(nodePath);
-        nodePath.skip();
-      },
-      FunctionExpression(nodePath) {
-        items.push(nodePath);
-        nodePath.skip();
-      },
-    });
-  } catch (e) {
-    console.error(e);
-    CompilerError.throwInvalidJS({
-      reason: String(e),
-      description: null,
-      loc: null,
-      suggestions: null,
-    });
-  }
-  return items;
-}
-
-const COMMON_HOOKS: Array<[string, Hook]> = [
-  [
-    'useFragment',
-    {
-      valueKind: ValueKind.Frozen,
-      effectKind: Effect.Freeze,
-      noAlias: true,
-      transitiveMixedData: true,
-    },
-  ],
-  [
-    'usePaginationFragment',
-    {
-      valueKind: ValueKind.Frozen,
-      effectKind: Effect.Freeze,
-      noAlias: true,
-      transitiveMixedData: true,
-    },
-  ],
-  [
-    'useRefetchableFragment',
-    {
-      valueKind: ValueKind.Frozen,
-      effectKind: Effect.Freeze,
-      noAlias: true,
-      transitiveMixedData: true,
-    },
-  ],
-  [
-    'useLazyLoadQuery',
-    {
-      valueKind: ValueKind.Frozen,
-      effectKind: Effect.Freeze,
-      noAlias: true,
-      transitiveMixedData: true,
-    },
-  ],
-  [
-    'usePreloadedQuery',
-    {
-      valueKind: ValueKind.Frozen,
-      effectKind: Effect.Freeze,
-      noAlias: true,
-      transitiveMixedData: true,
-    },
-  ],
-];
-
-function isHookName(s: string): boolean {
-  return /^use[A-Z0-9]/.test(s);
-}
-
-function getReactFunctionType(id: t.Identifier | null): ReactFunctionType {
-  if (id != null) {
-    if (isHookName(id.name)) {
-      return 'Hook';
-    }
-
-    const isPascalCaseNameSpace = /^[A-Z].*/;
-    if (isPascalCaseNameSpace.test(id.name)) {
-      return 'Component';
-    }
-  }
-  return 'Other';
-}
-
-function getFunctionIdentifier(
-  fn:
-    | NodePath<t.FunctionDeclaration>
-    | NodePath<t.ArrowFunctionExpression>
-    | NodePath<t.FunctionExpression>,
-): t.Identifier | null {
-  if (fn.isArrowFunctionExpression()) {
-    return null;
-  }
-  const id = fn.get('id');
-  return Array.isArray(id) === false && id.isIdentifier() ? id.node : null;
-}
-
-function compile(source: string): [CompilerOutput, 'flow' | 'typescript'] {
-  const results = new Map<string, Array<PrintedCompilerPipelineValue>>();
-  const error = new CompilerError();
-  const upsert: (result: PrintedCompilerPipelineValue) => void = result => {
-    const entry = results.get(result.name);
-    if (Array.isArray(entry)) {
-      entry.push(result);
-    } else {
-      results.set(result.name, [result]);
-    }
-  };
-  let language: 'flow' | 'typescript';
-  if (source.match(/\@flow/)) {
-    language = 'flow';
-  } else {
-    language = 'typescript';
-  }
-  let count = 0;
-  const withIdentifier = (id: t.Identifier | null): t.Identifier => {
-    if (id != null && id.name != null) {
-      return id;
-    } else {
-      return t.identifier(`anonymous_${count++}`);
-    }
-  };
-  try {
-    // Extract the first line to quickly check for custom test directives
-    const pragma = source.substring(0, source.indexOf('\n'));
-    const config = parseConfigPragmaForTests(pragma);
-
-    for (const fn of parseFunctions(source, language)) {
-      const id = withIdentifier(getFunctionIdentifier(fn));
-      for (const result of runPlayground(
-        fn,
-        {
-          ...config,
-          customHooks: new Map([...COMMON_HOOKS]),
-        },
-        getReactFunctionType(id),
-      )) {
-        const fnName = id.name;
-        switch (result.kind) {
-          case 'ast': {
-            upsert({
-              kind: 'ast',
-              fnName,
-              name: result.name,
-              value: {
-                type: 'FunctionDeclaration',
-                id: withIdentifier(result.value.id),
-                async: result.value.async,
-                generator: result.value.generator,
-                body: result.value.body,
-                params: result.value.params,
-              },
-            });
-            break;
-          }
-          case 'hir': {
-            upsert({
-              kind: 'hir',
-              fnName,
-              name: result.name,
-              value: printFunctionWithOutlined(result.value),
-            });
-            break;
-          }
-          case 'reactive': {
-            upsert({
-              kind: 'reactive',
-              fnName,
-              name: result.name,
-              value: printReactiveFunctionWithOutlined(result.value),
-            });
-            break;
-          }
-          case 'debug': {
-            upsert({
-              kind: 'debug',
-              fnName,
-              name: result.name,
-              value: result.value,
-            });
-            break;
-          }
-          default: {
-            const _: never = result;
-            throw new Error(`Unhandled result ${result}`);
-          }
-        }
-      }
-    }
-  } catch (err) {
-    /**
-     * error might be an invariant violation or other runtime error
-     * (i.e. object shape that is not CompilerError)
-     */
-    if (err instanceof CompilerError && err.details.length > 0) {
-      error.details.push(...err.details);
-    } else {
-      /**
-       * Handle unexpected failures by logging (to get a stack trace)
-       * and reporting
-       */
-      console.error(err);
-      error.details.push(
-        new CompilerErrorDetail({
-          severity: ErrorSeverity.Invariant,
-          reason: `Unexpected failure when transforming input! ${err}`,
-          loc: null,
-          suggestions: null,
-        }),
-      );
-    }
-  }
-  if (error.hasErrors()) {
-    return [{kind: 'err', results, error: error}, language];
-  }
-  return [{kind: 'ok', results}, language];
-}
-
-export default function Editor(): JSX.Element {
-  const store = useStore();
-  const deferredStore = useDeferredValue(store);
-  const dispatchStore = useStoreDispatch();
-  const {enqueueSnackbar} = useSnackbar();
-  const [compilerOutput, language] = useMemo(
-    () => compile(deferredStore.source),
-    [deferredStore.source],
-  );
-
-  useMountEffect(() => {
-    let mountStore: Store;
-    try {
-      mountStore = initStoreFromUrlOrLocalStorage();
-    } catch (e) {
-      invariant(e instanceof Error, 'Only Error may be caught.');
-      enqueueSnackbar(e.message, {
-        variant: 'message',
-        ...createMessage(
-          'Bad URL - fell back to the default Playground.',
-          MessageLevel.Info,
-          MessageSource.Playground,
-        ),
-      });
-      mountStore = defaultStore;
-    }
-    dispatchStore({
-      type: 'setStore',
-      payload: {store: mountStore},
-    });
-  });
-
-  return (
-    <>
-      <div className="relative flex basis top-14">
-        <div className={clsx('relative sm:basis-1/4')}>
-          <Input
-            language={language}
-            errors={
-              compilerOutput.kind === 'err' ? compilerOutput.error.details : []
-            }
-          />
-        </div>
-        <div className={clsx('flex sm:flex flex-wrap')}>
-          <Output store={deferredStore} compilerOutput={compilerOutput} />
-        </div>
-      </div>
-    </>
-  );
-}

compiler/apps/playground/components/Editor/Input.tsx

@@ -1,156 +0,0 @@
-/**
- * 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.
- */
-
-import MonacoEditor, {loader, type Monaco} from '@monaco-editor/react';
-import {CompilerErrorDetail} from 'babel-plugin-react-compiler/src';
-import invariant from 'invariant';
-import type {editor} from 'monaco-editor';
-import * as monaco from 'monaco-editor';
-import {Resizable} from 're-resizable';
-import {useEffect, useState} from 'react';
-import {renderReactCompilerMarkers} from '../../lib/reactCompilerMonacoDiagnostics';
-import {useStore, useStoreDispatch} from '../StoreContext';
-import {monacoOptions} from './monacoOptions';
-// @ts-expect-error TODO: Make TS recognize .d.ts files, in addition to loading them with webpack.
-import React$Types from '../../node_modules/@types/react/index.d.ts';
-
-loader.config({monaco});
-
-type Props = {
-  errors: Array<CompilerErrorDetail>;
-  language: 'flow' | 'typescript';
-};
-
-export default function Input({errors, language}: Props): JSX.Element {
-  const [monaco, setMonaco] = useState<Monaco | null>(null);
-  const store = useStore();
-  const dispatchStore = useStoreDispatch();
-
-  // Set tab width to 2 spaces for the selected input file.
-  useEffect(() => {
-    if (!monaco) return;
-    const uri = monaco.Uri.parse(`file:///index.js`);
-    const model = monaco.editor.getModel(uri);
-    invariant(model, 'Model must exist for the selected input file.');
-    renderReactCompilerMarkers({monaco, model, details: errors});
-    /**
-     * N.B. that `tabSize` is a model property, not an editor property.
-     * So, the tab size has to be set per model.
-     */
-    model.updateOptions({tabSize: 2});
-  }, [monaco, errors]);
-
-  useEffect(() => {
-    /**
-     * Ignore "can only be used in TypeScript files." errors, since
-     * we want to support syntax highlighting for Flow (*.js) files
-     * and Flow is not a built-in language.
-     */
-    if (!monaco) return;
-    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
-      diagnosticCodesToIgnore: [
-        8002,
-        8003,
-        8004,
-        8005,
-        8006,
-        8008,
-        8009,
-        8010,
-        8011,
-        8012,
-        8013,
-        ...(language === 'flow'
-          ? [7028 /* unused label */, 6133 /* var declared but not read */]
-          : []),
-      ],
-      noSemanticValidation: true,
-      // Monaco can't validate Flow component syntax
-      noSyntaxValidation: language === 'flow',
-    });
-  }, [monaco, language]);
-
-  const handleChange: (value: string | undefined) => void = value => {
-    if (!value) return;
-
-    dispatchStore({
-      type: 'updateFile',
-      payload: {
-        source: value,
-      },
-    });
-  };
-
-  const handleMount: (
-    _: editor.IStandaloneCodeEditor,
-    monaco: Monaco,
-  ) => void = (_, monaco) => {
-    setMonaco(monaco);
-
-    const tscOptions = {
-      allowNonTsExtensions: true,
-      target: monaco.languages.typescript.ScriptTarget.ES2015,
-      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
-      jsx: monaco.languages.typescript.JsxEmit.Preserve,
-      typeRoots: ['node_modules/@types'],
-      allowSyntheticDefaultImports: true,
-    };
-    monaco.languages.typescript.javascriptDefaults.setCompilerOptions(
-      tscOptions,
-    );
-    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
-      ...tscOptions,
-      checkJs: true,
-      allowJs: true,
-    });
-
-    // Add React type declarations to Monaco
-    const reactLib = [
-      React$Types,
-      'file:///node_modules/@types/react/index.d.ts',
-    ] as [any, string];
-    monaco.languages.typescript.javascriptDefaults.addExtraLib(...reactLib);
-    monaco.languages.typescript.typescriptDefaults.addExtraLib(...reactLib);
-
-    /**
-     * Remeasure the font in case the custom font is loaded only after
-     * Monaco Editor is mounted.
-     * N.B. that this applies also to the output editor as it seems
-     * Monaco Editor instances share the same font config.
-     */
-    document.fonts.ready.then(() => {
-      monaco.editor.remeasureFonts();
-    });
-  };
-
-  return (
-    <div className="relative flex flex-col flex-none border-r border-gray-200">
-      <Resizable
-        minWidth={650}
-        enable={{right: true}}
-        /**
-         * Restrict MonacoEditor's height, since the config autoLayout:true
-         * will grow the editor to fit within parent element
-         */
-        className="!h-[calc(100vh_-_3.5rem)]">
-        <MonacoEditor
-          path={'index.js'}
-          /**
-           * .js and .jsx files are specified to be TS so that Monaco can actually
-           * check their syntax using its TS language service. They are still JS files
-           * due to their extensions, so TS language features don't work.
-           */
-          language={'javascript'}
-          value={store.source}
-          onMount={handleMount}
-          onChange={handleChange}
-          options={monacoOptions}
-        />
-      </Resizable>
-    </div>
-  );
-}

compiler/apps/playground/components/Editor/Output.tsx

@@ -1,309 +0,0 @@
-/**
- * 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.
- */
-
-import generate from '@babel/generator';
-import * as t from '@babel/types';
-import {
-  CodeIcon,
-  DocumentAddIcon,
-  InformationCircleIcon,
-} from '@heroicons/react/outline';
-import MonacoEditor, {DiffEditor} from '@monaco-editor/react';
-import {type CompilerError} from 'babel-plugin-react-compiler/src';
-import parserBabel from 'prettier/plugins/babel';
-import * as prettierPluginEstree from 'prettier/plugins/estree';
-import * as prettier from 'prettier/standalone';
-import {memo, ReactNode, useEffect, useState} from 'react';
-import {type Store} from '../../lib/stores';
-import TabbedWindow from '../TabbedWindow';
-import {monacoOptions} from './monacoOptions';
-const MemoizedOutput = memo(Output);
-
-export default MemoizedOutput;
-
-export type PrintedCompilerPipelineValue =
-  | {
-      kind: 'ast';
-      name: string;
-      fnName: string | null;
-      value: t.FunctionDeclaration;
-    }
-  | {
-      kind: 'hir';
-      name: string;
-      fnName: string | null;
-      value: string;
-    }
-  | {kind: 'reactive'; name: string; fnName: string | null; value: string}
-  | {kind: 'debug'; name: string; fnName: string | null; value: string};
-
-export type CompilerOutput =
-  | {kind: 'ok'; results: Map<string, Array<PrintedCompilerPipelineValue>>}
-  | {
-      kind: 'err';
-      results: Map<string, Array<PrintedCompilerPipelineValue>>;
-      error: CompilerError;
-    };
-
-type Props = {
-  store: Store;
-  compilerOutput: CompilerOutput;
-};
-
-async function tabify(
-  source: string,
-  compilerOutput: CompilerOutput,
-): Promise<Map<string, ReactNode>> {
-  const tabs = new Map<string, React.ReactNode>();
-  const reorderedTabs = new Map<string, React.ReactNode>();
-  const concattedResults = new Map<string, string>();
-  let topLevelFnDecls: Array<t.FunctionDeclaration> = [];
-  // Concat all top level function declaration results into a single tab for each pass
-  for (const [passName, results] of compilerOutput.results) {
-    for (const result of results) {
-      switch (result.kind) {
-        case 'hir': {
-          const prev = concattedResults.get(result.name);
-          const next = result.value;
-          const identName = `function ${result.fnName}`;
-          if (prev != null) {
-            concattedResults.set(passName, `${prev}\n\n${identName}\n${next}`);
-          } else {
-            concattedResults.set(passName, `${identName}\n${next}`);
-          }
-          break;
-        }
-        case 'reactive': {
-          const prev = concattedResults.get(passName);
-          const next = result.value;
-          if (prev != null) {
-            concattedResults.set(passName, `${prev}\n\n${next}`);
-          } else {
-            concattedResults.set(passName, next);
-          }
-          break;
-        }
-        case 'ast':
-          topLevelFnDecls.push(result.value);
-          break;
-        case 'debug': {
-          concattedResults.set(passName, result.value);
-          break;
-        }
-        default: {
-          const _: never = result;
-          throw new Error('Unexpected result kind');
-        }
-      }
-    }
-  }
-  let lastPassOutput: string | null = null;
-  let nonDiffPasses = ['HIR', 'BuildReactiveFunction', 'EnvironmentConfig'];
-  for (const [passName, text] of concattedResults) {
-    tabs.set(
-      passName,
-      <TextTabContent
-        output={text}
-        diff={lastPassOutput}
-        showInfoPanel={!nonDiffPasses.includes(passName)}></TextTabContent>,
-    );
-    lastPassOutput = text;
-  }
-  // Ensure that JS and the JS source map come first
-  if (topLevelFnDecls.length > 0) {
-    /**
-     * Make a synthetic Program so we can have a single AST with all the top level
-     * FunctionDeclarations
-     */
-    const ast = t.program(topLevelFnDecls);
-    const {code, sourceMapUrl} = await codegen(ast, source);
-    reorderedTabs.set(
-      'JS',
-      <TextTabContent
-        output={code}
-        diff={null}
-        showInfoPanel={false}></TextTabContent>,
-    );
-    if (sourceMapUrl) {
-      reorderedTabs.set(
-        'SourceMap',
-        <>
-          <iframe
-            src={sourceMapUrl}
-            className="w-full h-monaco_small sm:h-monaco"
-            title="Generated Code"
-          />
-        </>,
-      );
-    }
-  }
-  tabs.forEach((tab, name) => {
-    reorderedTabs.set(name, tab);
-  });
-  return reorderedTabs;
-}
-
-async function codegen(
-  ast: t.Program,
-  source: string,
-): Promise<{code: any; sourceMapUrl: string | null}> {
-  const generated = generate(
-    ast,
-    {sourceMaps: true, sourceFileName: 'input.js'},
-    source,
-  );
-  const sourceMapUrl = getSourceMapUrl(
-    generated.code,
-    JSON.stringify(generated.map),
-  );
-  const codegenOutput = await prettier.format(generated.code, {
-    semi: true,
-    parser: 'babel',
-    plugins: [parserBabel, prettierPluginEstree],
-  });
-  return {code: codegenOutput, sourceMapUrl};
-}
-
-function utf16ToUTF8(s: string): string {
-  return unescape(encodeURIComponent(s));
-}
-
-function getSourceMapUrl(code: string, map: string): string | null {
-  code = utf16ToUTF8(code);
-  map = utf16ToUTF8(map);
-  return `https://evanw.github.io/source-map-visualization/#${btoa(
-    `${code.length}\0${code}${map.length}\0${map}`,
-  )}`;
-}
-
-function Output({store, compilerOutput}: Props): JSX.Element {
-  const [tabsOpen, setTabsOpen] = useState<Set<string>>(() => new Set(['JS']));
-  const [tabs, setTabs] = useState<Map<string, React.ReactNode>>(
-    () => new Map(),
-  );
-  useEffect(() => {
-    tabify(store.source, compilerOutput).then(tabs => {
-      setTabs(tabs);
-    });
-  }, [store.source, compilerOutput]);
-
-  const changedPasses: Set<string> = new Set(['JS', 'HIR']); // Initial and final passes should always be bold
-  let lastResult: string = '';
-  for (const [passName, results] of compilerOutput.results) {
-    for (const result of results) {
-      let currResult = '';
-      if (result.kind === 'hir' || result.kind === 'reactive') {
-        currResult += `function ${result.fnName}\n\n${result.value}`;
-      }
-      if (currResult !== lastResult) {
-        changedPasses.add(passName);
-      }
-      lastResult = currResult;
-    }
-  }
-
-  return (
-    <>
-      <TabbedWindow
-        defaultTab="HIR"
-        setTabsOpen={setTabsOpen}
-        tabsOpen={tabsOpen}
-        tabs={tabs}
-        changedPasses={changedPasses}
-      />
-      {compilerOutput.kind === 'err' ? (
-        <div
-          className="flex flex-wrap absolute bottom-0 bg-white grow border-y border-grey-200 transition-all ease-in"
-          style={{width: 'calc(100vw - 650px)'}}>
-          <div className="w-full p-4 basis-full border-b">
-            <h2>COMPILER ERRORS</h2>
-          </div>
-          <pre
-            className="p-4 basis-full text-red-600 overflow-y-scroll whitespace-pre-wrap"
-            style={{width: 'calc(100vw - 650px)', height: '150px'}}>
-            <code>{compilerOutput.error.toString()}</code>
-          </pre>
-        </div>
-      ) : null}
-    </>
-  );
-}
-
-function TextTabContent({
-  output,
-  diff,
-  showInfoPanel,
-}: {
-  output: string;
-  diff: string | null;
-  showInfoPanel: boolean;
-}): JSX.Element {
-  const [diffMode, setDiffMode] = useState(false);
-  return (
-    /**
-     * Restrict MonacoEditor's height, since the config autoLayout:true
-     * will grow the editor to fit within parent element
-     */
-    <div className="w-full h-monaco_small sm:h-monaco">
-      {showInfoPanel ? (
-        <div className="flex items-center gap-1 bg-amber-50 p-2">
-          {diff != null && output !== diff ? (
-            <button
-              className="flex items-center gap-1 transition-colors duration-150 ease-in text-secondary hover:text-link"
-              onClick={() => setDiffMode(diffMode => !diffMode)}>
-              {!diffMode ? (
-                <>
-                  <DocumentAddIcon className="w-5 h-5" /> Show Diff
-                </>
-              ) : (
-                <>
-                  <CodeIcon className="w-5 h-5" /> Show Output
-                </>
-              )}
-            </button>
-          ) : (
-            <>
-              <span className="flex items-center gap-1">
-                <InformationCircleIcon className="w-5 h-5" /> No changes from
-                previous pass
-              </span>
-            </>
-          )}
-        </div>
-      ) : null}
-      {diff != null && diffMode ? (
-        <DiffEditor
-          original={diff}
-          modified={output}
-          options={{
-            ...monacoOptions,
-            readOnly: true,
-            lineNumbers: 'off',
-            glyphMargin: false,
-            // Undocumented see https://github.com/Microsoft/vscode/issues/30795#issuecomment-410998882
-            lineDecorationsWidth: 0,
-            lineNumbersMinChars: 0,
-          }}
-        />
-      ) : (
-        <MonacoEditor
-          defaultLanguage="javascript"
-          value={output}
-          options={{
-            ...monacoOptions,
-            readOnly: true,
-            lineNumbers: 'off',
-            glyphMargin: false,
-            // Undocumented see https://github.com/Microsoft/vscode/issues/30795#issuecomment-410998882
-            lineDecorationsWidth: 0,
-            lineNumbersMinChars: 0,
-          }}
-        />
-      )}
-    </div>
-  );
-}

compiler/apps/playground/components/Editor/index.tsx

@@ -1,18 +0,0 @@
-/**
- * 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.
- */
-
-import dynamic from 'next/dynamic';
-
-/**
- * monaco-editor is currently not compatible with ssr
- * https://github.com/vercel/next.js/issues/31692
- */
-const Editor = dynamic(() => import('./EditorImpl'), {
-  ssr: false,
-});
-
-export default Editor;

compiler/apps/playground/components/Editor/monacoOptions.ts

@@ -1,32 +0,0 @@
-/**
- * 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.
- */
-
-import type {EditorProps} from '@monaco-editor/react';
-
-export const monacoOptions: Partial<EditorProps['options']> = {
-  fontSize: 14,
-  padding: {top: 8},
-  scrollbar: {
-    verticalScrollbarSize: 10,
-    alwaysConsumeMouseWheel: false,
-  },
-  minimap: {
-    enabled: false,
-  },
-  formatOnPaste: true,
-  formatOnType: true,
-  fontFamily: '"Source Code Pro", monospace',
-  glyphMargin: true,
-
-  autoClosingBrackets: 'languageDefined',
-  autoClosingDelete: 'always',
-  autoClosingOvertype: 'always',
-
-  automaticLayout: true,
-  wordWrap: 'on',
-  wrappingIndent: 'deepIndent',
-};

compiler/apps/playground/components/Header.tsx

@@ -1,91 +0,0 @@
-/**
- * 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.
- */
-
-import {RefreshIcon, ShareIcon} from '@heroicons/react/outline';
-import {CheckIcon} from '@heroicons/react/solid';
-import clsx from 'clsx';
-import Link from 'next/link';
-import {useSnackbar} from 'notistack';
-import {useState} from 'react';
-import {defaultStore} from '../lib/defaultStore';
-import {IconGitHub} from './Icons/IconGitHub';
-import Logo from './Logo';
-import {useStoreDispatch} from './StoreContext';
-
-export default function Header(): JSX.Element {
-  const [showCheck, setShowCheck] = useState(false);
-  const dispatchStore = useStoreDispatch();
-  const {enqueueSnackbar, closeSnackbar} = useSnackbar();
-
-  const handleReset: () => void = () => {
-    if (confirm('Are you sure you want to reset the playground?')) {
-      /**
-       * Close open snackbars if any. This is necessary because when displaying
-       * outputs (Preview or not), we only close previous snackbars if we received
-       * new messages, which is needed in order to display "Bad URL" or success
-       * messages when loading Playground for the first time. Otherwise, messages
-       * such as "Bad URL" will be closed by the outputs calling `closeSnackbar`.
-       */
-      closeSnackbar();
-      dispatchStore({type: 'setStore', payload: {store: defaultStore}});
-    }
-  };
-
-  const handleShare: () => void = () => {
-    navigator.clipboard.writeText(location.href).then(() => {
-      enqueueSnackbar('URL copied to clipboard');
-      setShowCheck(true);
-      // Show the check mark icon briefly after URL is copied
-      setTimeout(() => setShowCheck(false), 1000);
-    });
-  };
-
-  return (
-    <div className="fixed z-10 flex items-center justify-between w-screen px-5 py-3 bg-white border-b border-gray-200 h-14">
-      <div className="flex items-center flex-none h-full gap-2 text-lg">
-        <Logo
-          className={clsx(
-            'w-8 h-8 text-link',
-            process.env.NODE_ENV === 'development' && 'text-yellow-600',
-          )}
-        />
-        <p className="hidden select-none sm:block">React Compiler Playground</p>
-      </div>
-      <div className="flex items-center text-[15px] gap-4">
-        <button
-          title="Reset Playground"
-          aria-label="Reset Playground"
-          className="flex items-center gap-1 transition-colors duration-150 ease-in text-secondary hover:text-link"
-          onClick={handleReset}>
-          <RefreshIcon className="w-5 h-5" />
-          <p className="hidden sm:block">Reset</p>
-        </button>
-        <button
-          title="Copy sharable URL"
-          aria-label="Copy sharable URL"
-          className="flex items-center gap-1 transition-colors duration-150 ease-in text-secondary hover:text-link"
-          onClick={handleShare}
-          disabled={showCheck}>
-          {!showCheck ? (
-            <ShareIcon className="w-5 h-5" />
-          ) : (
-            <CheckIcon className="w-5 h-5 fill-blue-50" />
-          )}
-          <p className="hidden sm:block">Share</p>
-        </button>
-        <Link
-          href="https://github.com/facebook/react"
-          target="_blank"
-          rel="noreferrer noopener"
-          aria-label="Open on GitHub"
-          className="flex items-center gap-1 transition-colors duration-150 ease-in text-secondary hover:text-link">
-          <IconGitHub />
-        </Link>
-      </div>
-    </div>
-  );
-}

compiler/apps/playground/components/Icons/IconGitHub.tsx

@@ -1,24 +0,0 @@
-/**
- * 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.
- */
-
-import {memo} from 'react';
-
-export const IconGitHub = memo<JSX.IntrinsicElements['svg']>(
-  function IconGitHub(props) {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="1.5em"
-        height="1.5em"
-        viewBox="0 -2 24 24"
-        fill="currentColor"
-        {...props}>
-        <path d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0"></path>
-      </svg>
-    );
-  },
-);

compiler/apps/playground/components/Logo.tsx

@@ -1,27 +0,0 @@
-/**
- * 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.
- */
-
-// https://github.com/reactjs/reactjs.org/blob/main/beta/src/components/Logo.tsx
-
-export default function Logo(props: JSX.IntrinsicElements['svg']): JSX.Element {
-  return (
-    <svg
-      viewBox="0 0 410 369"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}>
-      <path
-        d="M204.995 224.552C226.56 224.552 244.042 207.07 244.042 185.506C244.042 163.941 226.56 146.459 204.995 146.459C183.43 146.459 165.948 163.941 165.948 185.506C165.948 207.07 183.43 224.552 204.995 224.552Z"
-        fill="currentColor"
-      />
-      <path
-        d="M409.99 184.505C409.99 153.707 381.437 126.667 335.996 108.925C343.342 60.6535 334.19 22.3878 307.492 6.98883C283.649 -6.77511 250.631 -0.0395641 214.512 25.9753C211.316 28.2692 208.143 30.7097 204.97 33.2477C201.822 30.7097 198.65 28.2692 195.477 25.9753C159.359 -0.0395641 126.34 -6.79951 102.497 6.98883C75.8237 22.3878 66.6721 60.6291 74.0422 108.852C28.5529 126.618 0 153.682 0 184.505C0 215.303 28.5528 242.342 73.9934 260.084C66.6477 308.356 75.7993 346.621 102.497 362.02C110.575 366.682 119.727 369 129.684 369C149.085 369 171.61 360.215 195.477 343.034C198.674 340.74 201.847 338.3 205.019 335.762C208.167 338.3 211.34 340.74 214.512 343.034C238.38 360.239 260.905 369 280.306 369C290.263 369 299.415 366.682 307.492 362.02C331.335 348.256 342 316.287 337.534 271.993C337.143 268.089 336.631 264.135 335.996 260.109C381.461 242.367 409.99 215.327 409.99 184.505ZM225.934 41.8136C246.238 27.1955 265.127 19.5814 280.306 19.5814C286.871 19.5814 292.728 20.9968 297.731 23.8765C315.204 33.9798 322.672 62.9475 317.327 102.433C299.756 97.0401 280.306 92.9158 259.392 90.2802C246.872 73.8074 233.597 58.9453 220.003 46.2551C221.98 44.7421 223.957 43.229 225.934 41.8136ZM112.259 23.8765C117.262 20.9968 123.119 19.5814 129.684 19.5814C144.863 19.5814 163.752 27.1711 184.056 41.8136C186.033 43.229 188.01 44.7176 189.986 46.2551C176.393 58.9453 163.142 73.783 150.622 90.2558C129.732 92.8914 110.258 97.0401 92.687 102.409C87.3424 62.9475 94.7857 33.9798 112.259 23.8765ZM19.5233 184.505C19.5233 164.322 40.9014 143.359 77.776 128.253C81.9003 146.141 88.0502 165.054 96.1768 184.456C88.0014 203.881 81.8515 222.819 77.7272 240.732C40.9014 225.626 19.5233 204.687 19.5233 184.505ZM184.056 327.196C154.966 348.134 128.805 354.675 112.259 345.133C94.7857 335.029 87.3181 306.062 92.6626 266.576C110.234 271.969 129.684 276.093 150.598 278.729C163.117 295.202 176.393 310.064 189.986 322.754C188.01 324.292 186.033 325.78 184.056 327.196ZM204.995 310.04C180.591 287.685 157.138 257.815 137.347 223.551C132.051 214.4 121.344 191.396 117 182.489C113.535 190.786 110.112 198.398 107.427 206.5C109.623 210.575 118.092 229.213 120.434 233.288C125.071 241.317 129.928 249.127 134.931 256.692C120.898 254.227 107.915 251.055 96.1035 247.321C102.815 217.011 116.213 182.064 137.347 145.458C142.545 136.453 153.838 116.346 159.5 108C150.568 109.147 143.395 108.767 135 110.5C132.56 114.453 122.777 131.645 120.434 135.721C115.749 143.823 111.454 151.925 107.427 159.978C102.546 146.581 98.8124 133.744 96.1524 121.64C125.755 112.293 162.727 106.411 204.995 106.411C215.562 106.411 237.63 106.197 247.49 106.905C242.048 99.7544 237.38 93.2819 231.694 86.888C227.082 86.7416 209.705 86.888 204.995 86.888C195.672 86.888 186.545 87.2053 177.589 87.7422C186.472 77.1752 195.672 67.5111 204.995 58.9697C229.375 81.3239 252.851 111.195 272.643 145.458C277.841 154.463 289.073 175.426 293.49 184.505C296.98 176.207 300.281 168.64 302.99 160.489C300.793 156.389 291.898 139.747 289.555 135.696C284.918 127.667 280.062 119.858 275.059 112.317C289.092 114.782 302.075 117.954 313.886 121.688C307.175 151.998 293.777 186.945 272.643 223.551C267.445 232.556 252.651 253.178 246.99 261.524C255.922 260.377 265.595 258.663 273.99 256.93C276.43 252.976 287.212 237.364 289.555 233.288C294.216 225.235 298.512 217.182 302.489 209.153C307.224 222.185 310.982 234.997 313.715 247.394C284.138 256.741 247.214 262.598 204.995 262.598C194.428 262.598 169.859 261.208 160 260.5C165.442 267.65 171.304 275.095 176.99 281.489C181.602 281.635 200.285 282.121 204.995 282.121C214.317 282.121 223.444 281.804 232.401 281.267C223.493 291.834 214.317 301.498 204.995 310.04ZM297.731 345.133C281.185 354.699 254.999 348.159 225.934 327.196C223.957 325.78 221.98 324.292 220.003 322.754C233.597 310.064 246.848 295.226 259.367 278.753C280.233 276.118 299.659 271.993 317.205 266.625C317.547 269.089 317.888 271.554 318.132 273.97C321.72 309.649 314.277 335.566 297.731 345.133ZM332.262 240.756C328.065 222.599 321.842 203.686 313.813 184.578C321.988 165.152 328.138 146.215 332.262 128.302C369.088 143.408 390.466 164.322 390.466 184.505C390.466 204.687 369.113 225.626 332.262 240.756Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}

compiler/apps/playground/components/Message.tsx

@@ -1,82 +0,0 @@
-/**
- * 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.
- */
-
-import {
-  BanIcon,
-  ExclamationIcon,
-  InformationCircleIcon,
-  XIcon,
-} from '@heroicons/react/solid';
-import {CustomContentProps, SnackbarContent, useSnackbar} from 'notistack';
-import {forwardRef} from 'react';
-import {MessageLevel, MessageSource} from '../lib/stores';
-
-// https://notistack.com/examples/advanced/custom-component#custom-variant-(typescript)
-declare module 'notistack' {
-  interface VariantOverrides {
-    message: {
-      title: string;
-      level: MessageLevel;
-      codeframe: string | undefined;
-    };
-  }
-}
-
-interface MessageProps extends CustomContentProps {
-  title: string;
-  level: MessageLevel;
-  source: MessageSource;
-  codeframe: string | undefined;
-}
-
-const Message = forwardRef<HTMLDivElement, MessageProps>(
-  ({id, title, level, source, codeframe}, ref) => {
-    const {closeSnackbar} = useSnackbar();
-    const isDismissible = source !== MessageSource.Playground;
-
-    return (
-      <SnackbarContent
-        ref={ref}
-        className="flex items-start justify-between gap-3 px-4 py-3 text-sm bg-white border rounded-md shadow w-toast">
-        <div className="flex gap-3 w-toast-body">
-          {level === MessageLevel.Warning ? (
-            <div className="flex items-center justify-center flex-none rounded-md w-7 h-7 bg-amber-100">
-              <ExclamationIcon className="w-5 h-5 text-amber-600" />
-            </div>
-          ) : level === MessageLevel.Error ? (
-            <div className="flex items-center justify-center flex-none bg-red-100 rounded-md w-7 h-7">
-              <BanIcon className="w-5 h-5 text-red-600" />
-            </div>
-          ) : (
-            <div className="flex items-center justify-center flex-none rounded-md bg-sky-100 w-7 h-7">
-              <InformationCircleIcon className="w-5 h-5 text-sky-600" />
-            </div>
-          )}
-          <div className="flex flex-col justify-center gap-1 w-toast-title">
-            <p className="w-full">{title}</p>
-            {codeframe ? (
-              <pre className="overflow-x-auto break-words whitespace-pre-wrap">
-                <code className="text-xs">{codeframe}</code>
-              </pre>
-            ) : null}
-          </div>
-        </div>
-        {isDismissible ? (
-          <button
-            className="flex items-center justify-center flex-none transition-colors duration-150 ease-in rounded-md justify-self-end group w-7 h-7 hover:bg-gray-200"
-            onClick={() => closeSnackbar(id)}>
-            <XIcon className="w-5 h-5 fill-gray-500 group-hover:fill-gray-800" />
-          </button>
-        ) : null}
-      </SnackbarContent>
-    );
-  },
-);
-
-Message.displayName = 'MessageComponent';
-
-export default Message;

compiler/apps/playground/components/StoreContext.tsx

@@ -1,78 +0,0 @@
-/**
- * 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.
- */
-
-import type {Dispatch, ReactNode} from 'react';
-import {useReducer} from 'react';
-import createContext from '../lib/createContext';
-import {emptyStore} from '../lib/defaultStore';
-import type {Store} from '../lib/stores';
-import {saveStore} from '../lib/stores';
-
-const StoreContext = createContext<Store>();
-
-/**
- * Hook to access the store.
- */
-export const useStore = StoreContext.useContext;
-
-const StoreDispatchContext = createContext<Dispatch<ReducerAction>>();
-
-/**
- * Hook to access the store dispatch function.
- */
-export const useStoreDispatch = StoreDispatchContext.useContext;
-
-/**
- * Make Store and dispatch function available to all sub-components in children.
- */
-export function StoreProvider({children}: {children: ReactNode}): JSX.Element {
-  const [store, dispatch] = useReducer(storeReducer, emptyStore);
-
-  return (
-    <StoreContext.Provider value={store}>
-      <StoreDispatchContext.Provider value={dispatch}>
-        {children}
-      </StoreDispatchContext.Provider>
-    </StoreContext.Provider>
-  );
-}
-
-type ReducerAction =
-  | {
-      type: 'setStore';
-      payload: {
-        store: Store;
-      };
-    }
-  | {
-      type: 'updateFile';
-      payload: {
-        source: string;
-      };
-    };
-
-function storeReducer(store: Store, action: ReducerAction): Store {
-  switch (action.type) {
-    case 'setStore': {
-      const newStore = action.payload.store;
-
-      saveStore(newStore);
-      return newStore;
-    }
-    case 'updateFile': {
-      const {source} = action.payload;
-
-      const newStore = {
-        ...store,
-        source,
-      };
-
-      saveStore(newStore);
-      return newStore;
-    }
-  }
-}

compiler/apps/playground/components/TabbedWindow.tsx

@@ -1,106 +0,0 @@
-/**
- * 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.
- */
-
-import {Resizable} from 're-resizable';
-import React, {useCallback} from 'react';
-
-type TabsRecord = Map<string, React.ReactNode>;
-
-export default function TabbedWindow(props: {
-  defaultTab: string | null;
-  tabs: TabsRecord;
-  tabsOpen: Set<string>;
-  setTabsOpen: (newTab: Set<string>) => void;
-  changedPasses: Set<string>;
-}): React.ReactElement {
-  if (props.tabs.size === 0) {
-    return (
-      <div
-        className="flex items-center justify-center"
-        style={{width: 'calc(100vw - 650px)'}}>
-        No compiler output detected, see errors below
-      </div>
-    );
-  }
-  return (
-    <div className="flex flex-row">
-      {Array.from(props.tabs.keys()).map(name => {
-        return (
-          <TabbedWindowItem
-            name={name}
-            key={name}
-            tabs={props.tabs}
-            tabsOpen={props.tabsOpen}
-            setTabsOpen={props.setTabsOpen}
-            hasChanged={props.changedPasses.has(name)}
-          />
-        );
-      })}
-    </div>
-  );
-}
-
-function TabbedWindowItem({
-  name,
-  tabs,
-  tabsOpen,
-  setTabsOpen,
-  hasChanged,
-}: {
-  name: string;
-  tabs: TabsRecord;
-  tabsOpen: Set<string>;
-  setTabsOpen: (newTab: Set<string>) => void;
-  hasChanged: boolean;
-}): React.ReactElement {
-  const isShow = tabsOpen.has(name);
-
-  const toggleTabs = useCallback(() => {
-    const nextState = new Set(tabsOpen);
-    if (nextState.has(name)) {
-      nextState.delete(name);
-    } else {
-      nextState.add(name);
-    }
-    setTabsOpen(nextState);
-  }, [tabsOpen, name, setTabsOpen]);
-
-  // Replace spaces with non-breaking spaces
-  const displayName = name.replace(/ /g, '\u00A0');
-
-  return (
-    <div key={name} className="flex flex-row">
-      {isShow ? (
-        <Resizable className="border-r" minWidth={550} enable={{right: true}}>
-          <h2
-            title="Minimize tab"
-            aria-label="Minimize tab"
-            onClick={toggleTabs}
-            className={`p-4 duration-150 ease-in border-b cursor-pointer border-grey-200 ${
-              hasChanged ? 'font-bold' : 'font-light'
-            } text-secondary hover:text-link`}>
-            - {displayName}
-          </h2>
-          {tabs.get(name) ?? <div>No output for {name}</div>}
-        </Resizable>
-      ) : (
-        <div className="relative items-center h-full px-1 py-6 align-middle border-r border-grey-200">
-          <button
-            title={`Expand compiler tab: ${name}`}
-            aria-label={`Expand compiler tab: ${name}`}
-            style={{transform: 'rotate(90deg) translate(-50%)'}}
-            onClick={toggleTabs}
-            className={`flex-grow-0 w-5 transition-colors duration-150 ease-in ${
-              hasChanged ? 'font-bold' : 'font-light'
-            } text-secondary hover:text-link`}>
-            {displayName}
-          </button>
-        </div>
-      )}
-    </div>
-  );
-}

compiler/apps/playground/components/index.ts

@@ -1,10 +0,0 @@
-/**
- * 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.
- */
-
-export {default as Editor} from './Editor';
-export {default as Header} from './Header';
-export {StoreProvider} from './StoreContext';

compiler/apps/playground/hooks/index.ts

@@ -1,8 +0,0 @@
-/**
- * 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.
- */
-
-export {default as useMountEffect} from './useMountEffect';

compiler/apps/playground/hooks/useMountEffect.ts

@@ -1,13 +0,0 @@
-/**
- * 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.
- */
-
-import type {EffectCallback} from 'react';
-import {useEffect} from 'react';
-
-export default function useMountEffect(effect: EffectCallback) {
-  return useEffect(effect, []);
-}

compiler/apps/playground/lib/createContext.ts

@@ -1,40 +0,0 @@
-/**
- * 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.
- */
-
-import React from 'react';
-
-/**
- * Replacement to React.createContext.
- *
- * Does not take any default value and avoids non-null assertions when using
- * the value of the context, like the following scenario.
- *
- * ```ts
- * const StoreDispatchContext = useContext<Dispatch<ReducerAction>>(null);
- * const dispatchStore = useContext(StoreDispatchContext);
- * ...
- * dipatchStore!({ ... });
- * ```
- *
- * Instead, it throws an error when `useContext` is not called within a
- * Provider with a value.
- */
-export default function createContext<T>(): {
-  useContext: () => NonNullable<T>;
-  Provider: React.Provider<T | null>;
-} {
-  const context = React.createContext<T | null>(null);
-
-  function useContext(): NonNullable<T> {
-    const c = React.useContext(context);
-    if (!c)
-      throw new Error('useContext must be within a Provider with a value');
-    return c;
-  }
-
-  return {useContext, Provider: context.Provider};
-}

compiler/apps/playground/lib/defaultStore.ts

@@ -1,22 +0,0 @@
-/**
- * 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.
- */
-
-import type {Store} from './stores';
-
-const index = `\
-export default function MyApp() {
-  return <div>Hello World</div>;
-}
-`;
-
-export const defaultStore: Store = {
-  source: index,
-};
-
-export const emptyStore: Store = {
-  source: '',
-};

compiler/apps/playground/lib/reactCompilerMonacoDiagnostics.ts

@@ -1,89 +0,0 @@
-/**
- * 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.
- */
-
-import {Monaco} from '@monaco-editor/react';
-import {
-  CompilerErrorDetail,
-  ErrorSeverity,
-} from 'babel-plugin-react-compiler/src';
-import {MarkerSeverity, type editor} from 'monaco-editor';
-
-function mapReactCompilerSeverityToMonaco(
-  level: ErrorSeverity,
-  monaco: Monaco,
-): MarkerSeverity {
-  switch (level) {
-    case ErrorSeverity.Todo:
-      return monaco.MarkerSeverity.Warning;
-    default:
-      return monaco.MarkerSeverity.Error;
-  }
-}
-
-function mapReactCompilerDiagnosticToMonacoMarker(
-  detail: CompilerErrorDetail,
-  monaco: Monaco,
-): editor.IMarkerData | null {
-  if (detail.loc == null || typeof detail.loc === 'symbol') {
-    return null;
-  }
-  const severity = mapReactCompilerSeverityToMonaco(detail.severity, monaco);
-  let message = detail.printErrorMessage();
-  return {
-    severity,
-    message,
-    startLineNumber: detail.loc.start.line,
-    startColumn: detail.loc.start.column + 1,
-    endLineNumber: detail.loc.end.line,
-    endColumn: detail.loc.end.column + 1,
-  };
-}
-
-type ReactCompilerMarkerConfig = {
-  monaco: Monaco;
-  model: editor.ITextModel;
-  details: Array<CompilerErrorDetail>;
-};
-let decorations: Array<string> = [];
-export function renderReactCompilerMarkers({
-  monaco,
-  model,
-  details,
-}: ReactCompilerMarkerConfig): void {
-  let markers = [];
-  for (const detail of details) {
-    const marker = mapReactCompilerDiagnosticToMonacoMarker(detail, monaco);
-    if (marker == null) {
-      continue;
-    }
-    markers.push(marker);
-  }
-  if (markers.length > 0) {
-    monaco.editor.setModelMarkers(model, 'owner', markers);
-    const newDecorations = markers.map(marker => {
-      return {
-        range: new monaco.Range(
-          marker.startLineNumber,
-          marker.startColumn,
-          marker.endLineNumber,
-          marker.endColumn,
-        ),
-        options: {
-          isWholeLine: true,
-          glyphMarginClassName: 'bg-red-300',
-        },
-      };
-    });
-    decorations = model.deltaDecorations(decorations, newDecorations);
-  } else {
-    monaco.editor.setModelMarkers(model, 'owner', []);
-    decorations = model.deltaDecorations(
-      model.getAllDecorations().map(d => d.id),
-      [],
-    );
-  }
-}

compiler/apps/playground/lib/stores/index.ts

@@ -1,9 +0,0 @@
-/**
- * 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.
- */
-
-export * from './messages';
-export * from './store';

compiler/apps/playground/lib/stores/messages.ts

@@ -1,41 +0,0 @@
-/**
- * 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.
- */
-
-export enum MessageSource {
-  Babel,
-  Forget,
-  Playground,
-}
-
-export enum MessageLevel {
-  Info,
-  Warning,
-  Error,
-}
-
-export interface Message {
-  title: string;
-  level: MessageLevel;
-  source: MessageSource; // Can be used to further style messages differently.
-  codeframe: string | undefined;
-}
-
-export function createMessage(
-  message: string,
-  level: MessageLevel,
-  source: MessageSource,
-): Message {
-  const [title, ...body] = message.split('\n');
-  const codeframe = body.length > 0 ? body.join('\n') : undefined;
-
-  return {
-    source,
-    level,
-    title,
-    codeframe,
-  };
-}

compiler/apps/playground/lib/stores/store.ts

@@ -1,69 +0,0 @@
-/**
- * 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.
- */
-
-import invariant from 'invariant';
-import {
-  compressToEncodedURIComponent,
-  decompressFromEncodedURIComponent,
-} from 'lz-string';
-import {defaultStore} from '../defaultStore';
-
-/**
- * Global Store for Playground
- */
-export interface Store {
-  source: string;
-}
-export function encodeStore(store: Store): string {
-  return compressToEncodedURIComponent(JSON.stringify(store));
-}
-export function decodeStore(hash: string): Store {
-  return JSON.parse(decompressFromEncodedURIComponent(hash));
-}
-
-/**
- * Serialize, encode, and save @param store to localStorage and update URL.
- */
-export function saveStore(store: Store): void {
-  const hash = encodeStore(store);
-  localStorage.setItem('playgroundStore', hash);
-  history.replaceState({}, '', `#${hash}`);
-}
-
-/**
- * Check if @param raw is a valid Store by if
- * - it has a `source` property and is a string
- */
-function isValidStore(raw: unknown): raw is Store {
-  return (
-    raw != null &&
-    typeof raw == 'object' &&
-    'source' in raw &&
-    typeof raw['source'] === 'string'
-  );
-}
-
-/**
- * Deserialize, decode, and initialize @param store from URL and then
- * localStorage. Throw an error if Store is malformed.
- */
-export function initStoreFromUrlOrLocalStorage(): Store {
-  const encodedSourceFromUrl = location.hash.slice(1);
-  const encodedSourceFromLocal = localStorage.getItem('playgroundStore');
-  const encodedSource = encodedSourceFromUrl || encodedSourceFromLocal;
-
-  /**
-   * No data in the URL and no data in the localStorage to fallback to.
-   * Initialize with the default store.
-   */
-  if (!encodedSource) return defaultStore;
-
-  const raw = decodeStore(encodedSource);
-
-  invariant(isValidStore(raw), 'Invalid Store');
-  return raw;
-}

compiler/apps/playground/lib/types.d.ts

@@ -1,20 +0,0 @@
-/**
- * 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.
- */
-
-// v0.17.1
-declare module "hermes-parser" {
-  type HermesParserOptions = {
-    allowReturnOutsideFunction?: boolean;
-    babel?: boolean;
-    flow?: "all" | "detect";
-    enableExperimentalComponentSyntax?: boolean;
-    sourceFilename?: string;
-    sourceType?: "module" | "script" | "unambiguous";
-    tokens?: boolean;
-  };
-  export function parse(code: string, options: Partial<HermesParserOptions>);
-}

compiler/apps/playground/next-env.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

compiler/apps/playground/next.config.js

@@ -1,52 +0,0 @@
-/**
- * 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 MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
-const path = require('path');
-
-const nextConfig = {
-  experimental: {
-    reactCompiler: true,
-  },
-  reactStrictMode: true,
-  webpack: (config, options) => {
-    // Load *.d.ts files as strings using https://webpack.js.org/guides/asset-modules/#source-assets.
-    config.module.rules.push({
-      test: /\.d\.ts/,
-      type: 'asset/source',
-    });
-
-    // Monaco Editor
-    if (!options.isServer) {
-      config.plugins.push(
-        new MonacoWebpackPlugin({
-          languages: ['typescript', 'javascript'],
-          filename: 'static/[name].worker.js',
-        })
-      );
-    }
-
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      'react-compiler-runtime': path.resolve(
-        __dirname,
-        '../../packages/react-compiler-runtime'
-      ),
-    };
-    config.resolve.fallback = {
-      fs: false,
-      path: false,
-      os: false,
-    };
-
-    return config;
-  },
-
-  transpilePackages: ['monaco-editor'],
-};
-
-module.exports = nextConfig;

compiler/apps/playground/package.json

@@ -1,62 +0,0 @@
-{
-  "name": "playground",
-  "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\"",
-    "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",
-    "postinstall": "./scripts/link-compiler.sh",
-    "vercel-build": "yarn build",
-    "start": "next start",
-    "lint": "next lint",
-    "test": "playwright test"
-  },
-  "dependencies": {
-    "@babel/core": "^7.18.9",
-    "@babel/generator": "^7.18.9",
-    "@babel/parser": "^7.18.9",
-    "@babel/plugin-syntax-typescript": "^7.18.9",
-    "@babel/plugin-transform-block-scoping": "^7.18.9",
-    "@babel/plugin-transform-modules-commonjs": "^7.18.9",
-    "@babel/preset-react": "^7.18.9",
-    "@babel/preset-typescript": "^7.18.9",
-    "@babel/traverse": "^7.18.9",
-    "@babel/types": "7.18.9",
-    "@heroicons/react": "^1.0.6",
-    "@monaco-editor/react": "^4.4.6",
-    "@playwright/test": "^1.42.1",
-    "@use-gesture/react": "^10.2.22",
-    "hermes-eslint": "^0.25.0",
-    "hermes-parser": "^0.25.0",
-    "invariant": "^2.2.4",
-    "lz-string": "^1.5.0",
-    "monaco-editor": "^0.52.0",
-    "next": "^15.0.1",
-    "notistack": "^3.0.0-alpha.7",
-    "prettier": "^3.3.3",
-    "pretty-format": "^29.3.1",
-    "re-resizable": "^6.9.16",
-    "react": "19.0.0-rc-77b637d6-20241016",
-    "react-dom": "19.0.0-rc-77b637d6-20241016"
-  },
-  "devDependencies": {
-    "@types/node": "18.11.9",
-    "@types/react": "npm:types-react@19.0.0-rc.1",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
-    "autoprefixer": "^10.4.13",
-    "clsx": "^1.2.1",
-    "concurrently": "^7.4.0",
-    "eslint": "^8.28.0",
-    "eslint-config-next": "^15.0.1",
-    "monaco-editor-webpack-plugin": "^7.1.0",
-    "postcss": "^8.4.31",
-    "tailwindcss": "^3.2.4",
-    "wait-on": "^7.2.0"
-  },
-  "resolutions": {
-    "@types/react": "npm:types-react@19.0.0-rc.1",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
-  }
-}

compiler/apps/playground/playwright.config.js

@@ -1,83 +0,0 @@
-/**
- * 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.
- */
-
-import {defineConfig, devices} from '@playwright/test';
-import path from 'path';
-
-// Use process.env.PORT by default and fallback to port 3000
-const PORT = process.env.PORT || 3000;
-
-// Set webServer.url and use.baseURL with the location of the WebServer respecting the correct set port
-const baseURL = `http://localhost:${PORT}`;
-
-// Reference: https://playwright.dev/docs/test-configuration
-export default defineConfig({
-  // Timeout per test
-  timeout: 30 * 1000,
-  // Test directory
-  testDir: path.join(__dirname, '__tests__/e2e'),
-  // If a test fails, retry it additional 2 times
-  retries: 2,
-  // Artifacts folder where screenshots, videos, and traces are stored.
-  outputDir: 'test-results/',
-  // Note: we only use text snapshots, so its safe to omit the host environment name
-  snapshotPathTemplate: '{testDir}/__snapshots__/{testFilePath}/{arg}{ext}',
-
-  // Run your local dev server before starting the tests:
-  // https://playwright.dev/docs/test-advanced#launching-a-development-web-server-during-the-tests
-  webServer: {
-    command: 'yarn dev',
-    url: baseURL,
-    timeout: 300 * 1000,
-    reuseExistingServer: !process.env.CI,
-  },
-
-  use: {
-    // Use baseURL so to make navigations relative.
-    // More information: https://playwright.dev/docs/api/class-testoptions#test-options-base-url
-    baseURL,
-
-    // Retry a test if its failing with enabled tracing. This allows you to analyze the DOM, console logs, network traffic etc.
-    // More information: https://playwright.dev/docs/trace-viewer
-    trace: 'retry-with-trace',
-
-    // All available context options: https://playwright.dev/docs/api/class-browser#browser-new-context
-    // contextOptions: {
-    //   ignoreHTTPSErrors: true,
-    // },
-  },
-
-  projects: [
-    {
-      name: 'chromium',
-      use: {...devices['Desktop Chrome']},
-    },
-    // {
-    //   name: 'Desktop Firefox',
-    //   use: {
-    //     ...devices['Desktop Firefox'],
-    //   },
-    // },
-    // {
-    //   name: 'Desktop Safari',
-    //   use: {
-    //     ...devices['Desktop Safari'],
-    //   },
-    // },
-    // Test against mobile viewports.
-    // {
-    //   name: "Mobile Chrome",
-    //   use: {
-    //     ...devices["Pixel 5"],
-    //   },
-    // },
-    // {
-    //   name: "Mobile Safari",
-    //   use: devices["iPhone 12"],
-    // },
-  ],
-});

compiler/apps/playground/postcss.config.js

@@ -1,13 +0,0 @@
-/**
- * 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.
- */
-
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

compiler/apps/playground/public/site.webmanifest

@@ -1,16 +0,0 @@
-{
-  "name": "React Compiler Playground",
-  "short_name": "React REPL",
-  "display": "standalone",
-  "start_url": "/",
-  "theme_color": "#fff",
-  "background_color": "#000000",
-  "orientation": "portrait",
-  "icons": [
-    {
-      "src": "/icon-180x180.png",
-      "type": "image/png",
-      "sizes": "180x180"
-    }
-  ]
-}

compiler/apps/playground/public/vercel.svg

@@ -1,4 +0,0 @@
-<svg width="283" height="64" viewBox="0 0 283 64" fill="none" 
-    xmlns="http://www.w3.org/2000/svg">
-    <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
-</svg>

compiler/apps/playground/scripts/downloadFonts.js

@@ -1,20 +0,0 @@
-/**
- * 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 {execSync} = require('child_process');
-
-// So that we don't need to check them into the repo.
-// See https://github.com/reactjs/reactjs.org/blob/main/beta/scripts/downloadFonts.js.
-execSync(
-  'curl https://conf.reactjs.org/fonts/Optimistic_Display_W_Lt.woff2 --output public/fonts/Optimistic_Display_W_Lt.woff2'
-);
-execSync(
-  'curl https://conf.reactjs.org/fonts/Optimistic_Display_W_Md.woff2 --output public/fonts/Optimistic_Display_W_Md.woff2'
-);
-execSync(
-  'curl https://conf.reactjs.org/fonts/Optimistic_Display_W_Bd.woff2 --output public/fonts/Optimistic_Display_W_Bd.woff2'
-);

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

@@ -1,15 +0,0 @@
-#!/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
-cd ../../packages/babel-plugin-react-compiler && yarn --silent link && cd $HERE
-
-yarn --silent link babel-plugin-react-compiler
-yarn --silent link react-compiler-runtime

compiler/apps/playground/styles/globals.css

@@ -1,71 +0,0 @@
-/**
- * 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.
- */
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  @font-face {
-    font-family: "Source Code Pro";
-    font-style: normal;
-    font-weight: 400;
-    font-display: swap;
-    src: url("/fonts/Source-Code-Pro-Regular.woff2") format("woff2");
-  }
-
-  @font-face {
-    font-family: "Optimistic Display";
-    src: url("/fonts/Optimistic_Display_W_Lt.woff2") format("woff2");
-    font-weight: 300;
-    font-style: normal;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: "Optimistic Display";
-    src: url("/fonts/Optimistic_Display_W_Md.woff2") format("woff2");
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: "Optimistic Display";
-    src: url("/fonts/Optimistic_Display_W_Bd.woff2") format("woff2");
-    font-weight: 700;
-    font-style: normal;
-    font-display: swap;
-  }
-
-  html,
-  body {
-    padding: 0;
-    margin: 0;
-  }
-
-  a {
-    color: inherit;
-    text-decoration: none;
-  }
-
-  * {
-    box-sizing: border-box;
-  }
-}
-
-@layer utilities {
-  /* Chrome, Safari, Opera */
-  .no-scrollbar::-webkit-scrollbar {
-    display: none;
-  }
-
-  .no-scrollbar {
-    -ms-overflow-style: none; /* IE, Edge */
-    scrollbar-width: none; /* Firefox */
-  }
-}

compiler/apps/playground/tailwind.config.js

@@ -1,41 +0,0 @@
-/**
- * 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 defaultTheme = require('tailwindcss/defaultTheme');
-const colors = require('./colors');
-
-module.exports = {
-  content: [
-    './app/**/*.{js,ts,jsx,tsx}',
-    './pages/**/*.{js,ts,jsx,tsx}',
-    './components/**/*.{js,ts,jsx,tsx}',
-    './lib/forgetMonacoDiagnostics.ts',
-  ],
-  theme: {
-    extend: {
-      colors,
-      width: {
-        toast: 'min(900px, 100vw - 40px)',
-        'toast-body': 'calc(100% - 60px)',
-        'toast-title': 'calc(100% - 40px)',
-      },
-      height: {
-        content: 'calc(100vh - 45px)',
-        monaco: 'calc(100vh - 93px)',
-        monaco_small: 'calc(100vh - 129px)',
-      },
-      fontFamily: {
-        sans: [
-          'Optimistic Display',
-          '-apple-system',
-          ...defaultTheme.fontFamily.sans,
-        ],
-      },
-    },
-  },
-  plugins: [],
-};

compiler/apps/playground/tsconfig.json

@@ -1,37 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2015",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ]
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "../../../**"
-  ]
-}

compiler/apps/playground/vercel.json

@@ -1,13 +0,0 @@
-{
- "headers": [
-    {
-      "source": "/fonts/(.*).woff2",
-      "headers": [
-        {
-          "key": "Cache-Control",
-          "value": "public, max-age=31536000, immutable"
-        }
-      ]
-    }
-  ]
-}

compiler/crates/react_build_hir/Cargo.toml

@@ -1,21 +0,0 @@
-[package]
-name = "react_build_hir"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-react_hir = { workspace = true }
-react_estree = { workspace = true}
-indexmap = { workspace = true }
-react_diagnostics = { workspace = true }
-react_semantic_analysis = { workspace = true }
-thiserror = { workspace = true }

compiler/crates/react_build_hir/README.md

@@ -1,3 +0,0 @@
-# Build-HIR
-
-This crate converts from `react_estree` into React Compiler's HIR format as the first phase of compilation.

compiler/crates/react_build_hir/src/build.rs

@@ -1,746 +0,0 @@
-/*
- * 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.
- */
-
-use std::collections::HashSet;
-
-use react_diagnostics::Diagnostic;
-use react_estree::{
-    AssignmentPropertyOrRestElement, AssignmentTarget, BlockStatement, Expression,
-    ExpressionOrSpread, ExpressionOrSuper, ForInit, Function, IntoFunction, JsValue, Pattern,
-    Statement, VariableDeclaration, VariableDeclarationKind,
-};
-use react_hir::{
-    ArrayDestructureItem, BlockKind, BranchTerminal, Destructure, DestructurePattern, Environment,
-    ForTerminal, GotoKind, Identifier, IdentifierOperand, InstructionKind, InstructionValue,
-    JSXAttribute, JSXElement, LValue, LoadGlobal, LoadLocal, ObjectDestructureItem,
-    ObjectDestructureProperty, PlaceOrSpread, TerminalValue,
-};
-
-use crate::builder::{Builder, LoopScope};
-use crate::context::get_context_identifiers;
-use crate::error::BuildHIRError;
-
-/// Converts a React function in ESTree format into HIR. Returns the HIR
-/// if it was constructed sucessfully, otherwise a list of diagnostics
-/// if the input could be not be converted to HIR.
-///
-/// Failures generally include nonsensical input (`delete 1`) or syntax
-/// that is not yet supported.
-pub fn build(env: &Environment, fun: &Function) -> Result<Box<react_hir::Function>, Diagnostic> {
-    let mut builder = Builder::new(env);
-
-    let mut params = Vec::with_capacity(fun.params.len());
-    for param in &fun.params {
-        match param {
-            Pattern::Identifier(param) => {
-                let identifier = lower_identifier_for_assignment(
-                    env,
-                    &mut builder,
-                    InstructionKind::Let,
-                    param,
-                )?;
-                params.push(identifier);
-            }
-            _ => {
-                return Err(Diagnostic::todo(
-                    "Support non-identifier params",
-                    param.range(),
-                ));
-            }
-        }
-    }
-
-    match &fun.body {
-        Some(react_estree::FunctionBody::BlockStatement(body)) => {
-            lower_block_statement(env, &mut builder, body)?
-        }
-        Some(react_estree::FunctionBody::Expression(body)) => {
-            lower_expression(env, &mut builder, body)?;
-        }
-        None => {
-            return Err(Diagnostic::invalid_syntax(
-                BuildHIRError::EmptyFunction,
-                fun.range,
-            ));
-        }
-    }
-
-    // In case the function did not explicitly return, terminate the final
-    // block with an explicit `return undefined`. If the function *did* return,
-    // this will be unreachable and get pruned later.
-    let implicit_return_value = builder.push(InstructionValue::Primitive(react_hir::Primitive {
-        value: JsValue::Undefined,
-    }));
-    builder.terminate(
-        TerminalValue::Return(react_hir::ReturnTerminal {
-            value: implicit_return_value,
-        }),
-        react_hir::BlockKind::Block,
-    );
-
-    let body = builder.build()?;
-    Ok(Box::new(react_hir::Function {
-        id: fun.id.as_ref().map(|id| id.name.clone()),
-        body,
-        params,
-        // TODO: populate context!
-        context: Default::default(),
-        is_async: fun.is_async,
-        is_generator: fun.is_generator,
-    }))
-}
-
-fn lower_block_statement(
-    env: &Environment,
-    builder: &mut Builder,
-    stmt: &BlockStatement,
-) -> Result<(), Diagnostic> {
-    for stmt in &stmt.body {
-        lower_statement(env, builder, stmt, None)?;
-    }
-    Ok(())
-}
-
-/// Convert a statement to HIR. This will often result in multiple instructions and blocks
-/// being created as statements often describe control flow.
-fn lower_statement(
-    env: &Environment,
-    builder: &mut Builder,
-    stmt: &Statement,
-    label: Option<String>,
-) -> Result<(), Diagnostic> {
-    match stmt {
-        Statement::BlockStatement(stmt) => {
-            lower_block_statement(env, builder, stmt)?;
-        }
-        Statement::BreakStatement(stmt) => {
-            let block = builder.resolve_break(stmt.label.as_ref())?;
-            builder.terminate(
-                TerminalValue::Goto(react_hir::GotoTerminal {
-                    block,
-                    kind: GotoKind::Break,
-                }),
-                BlockKind::Block,
-            );
-        }
-        Statement::ContinueStatement(stmt) => {
-            let block = builder.resolve_continue(stmt.label.as_ref())?;
-            builder.terminate(
-                TerminalValue::Goto(react_hir::GotoTerminal {
-                    block,
-                    kind: GotoKind::Continue,
-                }),
-                BlockKind::Block,
-            );
-        }
-        Statement::ReturnStatement(stmt) => {
-            let value = match &stmt.argument {
-                Some(argument) => lower_expression(env, builder, argument)?,
-                None => builder.push(InstructionValue::Primitive(react_hir::Primitive {
-                    value: JsValue::Undefined,
-                })),
-            };
-            builder.terminate(
-                TerminalValue::Return(react_hir::ReturnTerminal { value }),
-                BlockKind::Block,
-            );
-        }
-        Statement::ExpressionStatement(stmt) => {
-            lower_expression(env, builder, &stmt.expression)?;
-        }
-        Statement::EmptyStatement(_) => {
-            // no-op
-        }
-        Statement::VariableDeclaration(stmt) => {
-            lower_variable_declaration(env, builder, stmt)?;
-        }
-        Statement::IfStatement(stmt) => {
-            // block for what follows the if statement, though this may
-            // not be reachable
-            let fallthrough_block = builder.reserve(BlockKind::Block);
-
-            let consequent_block = builder.enter(BlockKind::Block, |builder| {
-                lower_statement(env, builder, &stmt.consequent, None)?;
-                Ok(TerminalValue::Goto(react_hir::GotoTerminal {
-                    block: fallthrough_block.id,
-                    kind: GotoKind::Break,
-                }))
-            })?;
-
-            let alternate_block = builder.enter(BlockKind::Block, |builder| {
-                if let Some(alternate) = &stmt.alternate {
-                    lower_statement(env, builder, alternate, None)?;
-                }
-                Ok(TerminalValue::Goto(react_hir::GotoTerminal {
-                    block: fallthrough_block.id,
-                    kind: GotoKind::Break,
-                }))
-            })?;
-
-            let test = lower_expression(env, builder, &stmt.test)?;
-            let terminal = TerminalValue::If(react_hir::IfTerminal {
-                test,
-                consequent: consequent_block,
-                alternate: alternate_block,
-                fallthrough: Some(fallthrough_block.id),
-            });
-            builder.terminate_with_fallthrough(terminal, fallthrough_block);
-        }
-        Statement::ForStatement(stmt) => {
-            // Block for the loop's test condition
-            let test_block = builder.reserve(BlockKind::Loop);
-
-            // Block for code following the loop
-            let fallthrough_block = builder.reserve(BlockKind::Block);
-
-            let init_block = builder.enter(BlockKind::Loop, |builder| {
-                if let Some(ForInit::VariableDeclaration(decl)) = &stmt.init {
-                    lower_variable_declaration(env, builder, decl)?;
-                    Ok(TerminalValue::Goto(react_hir::GotoTerminal {
-                        block: test_block.id,
-                        kind: GotoKind::Break,
-                    }))
-                } else {
-                    Err(Diagnostic::todo(
-                        BuildHIRError::ForStatementIsMissingInitializer,
-                        None,
-                    ))
-                }
-            })?;
-
-            let update_block = stmt
-                .update
-                .as_ref()
-                .map(|update| {
-                    builder.enter(BlockKind::Loop, |builder| {
-                        lower_expression(env, builder, update)?;
-                        Ok(TerminalValue::Goto(react_hir::GotoTerminal {
-                            block: test_block.id,
-                            kind: GotoKind::Break,
-                        }))
-                    })
-                })
-                .transpose()?;
-
-            let body_block = builder.enter(BlockKind::Block, |builder| {
-                let loop_ = LoopScope {
-                    label,
-                    continue_block: update_block.unwrap_or(test_block.id),
-                    break_block: fallthrough_block.id,
-                };
-                builder.enter_loop(loop_, |builder| {
-                    lower_statement(env, builder, &stmt.body, None)?;
-                    Ok(TerminalValue::Goto(react_hir::GotoTerminal {
-                        block: update_block.unwrap_or(test_block.id),
-                        kind: GotoKind::Continue,
-                    }))
-                })
-            })?;
-
-            let terminal = TerminalValue::For(ForTerminal {
-                body: body_block,
-                init: init_block,
-                test: test_block.id,
-                fallthrough: fallthrough_block.id,
-                update: update_block,
-            });
-            builder.terminate_with_fallthrough(terminal, test_block);
-
-            if let Some(test) = &stmt.test {
-                let test_value = lower_expression(env, builder, test)?;
-                let terminal = TerminalValue::Branch(BranchTerminal {
-                    test: test_value,
-                    consequent: body_block,
-                    alternate: fallthrough_block.id,
-                });
-                builder.terminate_with_fallthrough(terminal, fallthrough_block);
-            } else {
-                return Err(Diagnostic::todo(
-                    BuildHIRError::ForStatementIsMissingTest,
-                    stmt.range,
-                ));
-            }
-        }
-        _ => todo!("Lower {stmt:#?}"),
-    }
-    Ok(())
-}
-
-fn lower_variable_declaration(
-    env: &Environment,
-    builder: &mut Builder,
-    stmt: &VariableDeclaration,
-) -> Result<(), Diagnostic> {
-    let kind = match stmt.kind {
-        VariableDeclarationKind::Const => InstructionKind::Const,
-        VariableDeclarationKind::Let => InstructionKind::Let,
-        VariableDeclarationKind::Var => {
-            return Err(Diagnostic::unsupported(
-                BuildHIRError::VariableDeclarationKindIsVar,
-                stmt.range,
-            ));
-        }
-    };
-    for declaration in &stmt.declarations {
-        if let Some(init) = &declaration.init {
-            let value = lower_expression(env, builder, init)?;
-            lower_assignment_pattern(env, builder, kind, &declaration.id, value)?;
-        } else {
-            match &declaration.id {
-                Pattern::Identifier(id) => {
-                    let identifier = env.resolve_variable_declaration(id.as_ref(), &id.name);
-                    if let Some(identifier) = identifier {
-                        builder.push(InstructionValue::DeclareLocal(react_hir::DeclareLocal {
-                            lvalue: LValue {
-                                identifier: IdentifierOperand {
-                                    identifier,
-                                    effect: None,
-                                },
-                                kind,
-                            },
-                        }));
-                    } else {
-                        return Err(Diagnostic::invariant(
-                            BuildHIRError::VariableDeclarationBindingIsNonLocal,
-                            id.range,
-                        ));
-                    }
-                }
-                _ => {
-                    return Err(Diagnostic::invalid_syntax(
-                        "Expected an identifier for variable declaration without an intializer. Destructuring requires an initial value",
-                        declaration.range,
-                    ));
-                }
-            }
-        }
-    }
-    Ok(())
-}
-
-/// Converts an ESTree Expression into an HIR InstructionValue. Note that while only a single
-/// InstructionValue is returned, this function is recursive and may cause multiple instructions
-/// to be emitted, possibly across multiple basic blocks (in the case of expressions with control
-/// flow semenatics such as logical, conditional, and optional expressions).
-fn lower_expression(
-    env: &Environment,
-    builder: &mut Builder,
-    expr: &Expression,
-) -> Result<IdentifierOperand, Diagnostic> {
-    let value = match expr {
-        Expression::Identifier(expr) => {
-            let identifier = env.resolve_variable_reference(expr.as_ref());
-            if let Some(identifier) = identifier {
-                let place = IdentifierOperand {
-                    effect: None,
-                    identifier,
-                };
-                InstructionValue::LoadLocal(LoadLocal { place })
-            } else {
-                InstructionValue::LoadGlobal(LoadGlobal {
-                    name: expr.name.clone(),
-                })
-            }
-        }
-        Expression::Literal(expr) => InstructionValue::Primitive(react_hir::Primitive {
-            value: expr.value.clone(),
-        }),
-        Expression::NumericLiteral(expr) => InstructionValue::Primitive(react_hir::Primitive {
-            value: JsValue::Number(expr.value),
-        }),
-        Expression::BooleanLiteral(expr) => InstructionValue::Primitive(react_hir::Primitive {
-            value: JsValue::Boolean(expr.value),
-        }),
-        Expression::StringLiteral(expr) => InstructionValue::Primitive(react_hir::Primitive {
-            value: JsValue::String(expr.value.clone()),
-        }),
-        Expression::NullLiteral(_expr) => InstructionValue::Primitive(react_hir::Primitive {
-            value: JsValue::Null,
-        }),
-        Expression::ArrayExpression(expr) => {
-            let mut elements = Vec::with_capacity(expr.elements.len());
-            for expr in &expr.elements {
-                let element = match expr {
-                    Some(react_estree::ExpressionOrSpread::SpreadElement(expr)) => Some(
-                        PlaceOrSpread::Spread(lower_expression(env, builder, &expr.argument)?),
-                    ),
-                    Some(react_estree::ExpressionOrSpread::Expression(expr)) => {
-                        Some(PlaceOrSpread::Place(lower_expression(env, builder, expr)?))
-                    }
-                    None => None,
-                };
-                elements.push(element);
-            }
-            InstructionValue::Array(react_hir::Array { elements })
-        }
-
-        Expression::AssignmentExpression(expr) => match expr.operator {
-            react_estree::AssignmentOperator::Equals => {
-                let right = lower_expression(env, builder, &expr.right)?;
-                return lower_assignment(
-                    env,
-                    builder,
-                    InstructionKind::Reassign,
-                    &expr.left,
-                    right,
-                );
-            }
-            _ => todo!("lower assignment expr {:#?}", expr),
-        },
-
-        Expression::BinaryExpression(expr) => {
-            let left = lower_expression(env, builder, &expr.left)?;
-            let right = lower_expression(env, builder, &expr.right)?;
-            InstructionValue::Binary(react_hir::Binary {
-                left,
-                operator: expr.operator,
-                right,
-            })
-        }
-
-        Expression::FunctionExpression(expr) => {
-            InstructionValue::Function(lower_function(env, builder, expr.as_ref())?)
-        }
-
-        Expression::ArrowFunctionExpression(expr) => {
-            InstructionValue::Function(lower_function(env, builder, expr.as_ref())?)
-        }
-
-        Expression::CallExpression(expr) => {
-            let callee_expr = match &expr.callee {
-                ExpressionOrSuper::Super(callee) => {
-                    return Err(Diagnostic::unsupported(
-                        BuildHIRError::UnsupportedSuperExpression,
-                        callee.range,
-                    ));
-                }
-                ExpressionOrSuper::Expression(callee) => callee,
-            };
-
-            if matches!(&callee_expr, Expression::MemberExpression(_)) {
-                return Err(Diagnostic::todo("Support method calls", expr.range));
-            }
-
-            let callee = lower_expression(env, builder, callee_expr)?;
-            let arguments = lower_arguments(env, builder, &expr.arguments)?;
-            InstructionValue::Call(react_hir::Call { callee, arguments })
-        }
-
-        Expression::JSXElement(expr) => {
-            InstructionValue::JSXElement(lower_jsx_element(env, builder, expr)?)
-        }
-
-        _ => todo!("Lower expr {expr:#?}"),
-    };
-    Ok(builder.push(value))
-}
-
-fn lower_arguments(
-    env: &Environment,
-    builder: &mut Builder,
-    args: &[ExpressionOrSpread],
-) -> Result<Vec<PlaceOrSpread>, Diagnostic> {
-    let mut arguments = Vec::with_capacity(args.len());
-    for arg in args {
-        let element = match arg {
-            react_estree::ExpressionOrSpread::SpreadElement(arg) => {
-                PlaceOrSpread::Spread(lower_expression(env, builder, &arg.argument)?)
-            }
-            react_estree::ExpressionOrSpread::Expression(arg) => {
-                PlaceOrSpread::Place(lower_expression(env, builder, arg)?)
-            }
-        };
-        arguments.push(element);
-    }
-    Ok(arguments)
-}
-
-fn lower_function<T: IntoFunction>(
-    env: &Environment,
-    _builder: &mut Builder,
-    function: &T,
-) -> Result<react_hir::FunctionExpression, Diagnostic> {
-    let context_identifiers = get_context_identifiers(env, function);
-    let mut context = Vec::new();
-    let mut seen = HashSet::new();
-    for declaration_id in context_identifiers {
-        if let Some(identifier) = env.resolve_declaration_id(declaration_id) {
-            if !seen.insert(identifier.id) {
-                continue;
-            }
-            context.push(IdentifierOperand {
-                effect: None,
-                identifier,
-            });
-        }
-    }
-    let mut fun = build(env, function.function())?;
-    fun.context = context;
-    Ok(react_hir::FunctionExpression {
-        // TODO: collect dependencies!
-        dependencies: Default::default(),
-        lowered_function: fun,
-    })
-}
-
-fn lower_jsx_element(
-    env: &Environment,
-    builder: &mut Builder,
-    expr: &react_estree::JSXElement,
-) -> Result<JSXElement, Diagnostic> {
-    let props: Result<Vec<JSXAttribute>, Diagnostic> = expr
-        .opening_element
-        .attributes
-        .iter()
-        .map(|attr| lower_jsx_attribute(env, builder, attr))
-        .collect();
-    let _props = props?;
-    let children: Result<Vec<IdentifierOperand>, Diagnostic> = expr
-        .children
-        .iter()
-        .map(|child| {
-            let child = lower_jsx_child(env, builder, child)?;
-            Ok(child)
-        })
-        .collect();
-    let _children = children?;
-    todo!("lower jsx element");
-    // Ok(JSXElement {
-    //     tag: todo!(),
-    //     props,
-    //     children: if children.is_empty() {
-    //         None
-    //     } else {
-    //         Some(children)
-    //     },
-    // })
-}
-
-fn lower_jsx_attribute(
-    _env: &Environment,
-    _builder: &mut Builder,
-    _attr: &react_estree::JSXAttributeOrSpread,
-) -> Result<JSXAttribute, Diagnostic> {
-    todo!("lower jsx attribute")
-}
-
-fn lower_jsx_child(
-    _env: &Environment,
-    _builder: &mut Builder,
-    _child: &react_estree::JSXChildItem,
-) -> Result<IdentifierOperand, Diagnostic> {
-    todo!("lower jsx child")
-}
-
-fn lower_assignment(
-    env: &Environment,
-    builder: &mut Builder,
-    kind: InstructionKind,
-    lvalue: &AssignmentTarget,
-    value: IdentifierOperand,
-) -> Result<IdentifierOperand, Diagnostic> {
-    Ok(match lvalue {
-        AssignmentTarget::Pattern(lvalue) => {
-            lower_assignment_pattern(env, builder, kind, lvalue, value)?
-        }
-        _ => todo!("lower assignment for {:#?}", lvalue),
-    })
-}
-
-// TODO: change the success type to void, no caller uses it
-fn lower_assignment_pattern(
-    env: &Environment,
-    builder: &mut Builder,
-    kind: InstructionKind,
-    lvalue: &Pattern,
-    value: IdentifierOperand,
-) -> Result<IdentifierOperand, Diagnostic> {
-    Ok(match lvalue {
-        Pattern::Identifier(lvalue) => {
-            let identifier = lower_identifier_for_assignment(env, builder, kind, lvalue)?;
-            builder.push(InstructionValue::StoreLocal(react_hir::StoreLocal {
-                lvalue: LValue { identifier, kind },
-                value,
-            }))
-        }
-        Pattern::ArrayPattern(lvalue) => {
-            let mut items = Vec::with_capacity(lvalue.elements.len());
-            let mut followups: Vec<(Identifier, &Pattern)> = Vec::new();
-            for element in &lvalue.elements {
-                match element {
-                    None => items.push(ArrayDestructureItem::Hole),
-                    Some(Pattern::Identifier(element)) => {
-                        let identifier =
-                            lower_identifier_for_assignment(env, builder, kind, element)?;
-                        items.push(ArrayDestructureItem::Value(identifier));
-                    }
-                    Some(Pattern::RestElement(element)) => {
-                        if let Pattern::Identifier(element) = &element.argument {
-                            let identifier = lower_identifier_for_assignment(
-                                env,
-                                builder,
-                                kind,
-                                element.as_ref(),
-                            )?;
-                            items.push(ArrayDestructureItem::Spread(identifier));
-                        } else {
-                            let temporary = env.new_temporary();
-                            items.push(ArrayDestructureItem::Spread(IdentifierOperand {
-                                identifier: temporary.clone(),
-                                effect: None,
-                            }));
-                            followups.push((temporary, &element.argument));
-                        }
-                    }
-                    Some(element) => {
-                        let temporary = env.new_temporary();
-                        items.push(ArrayDestructureItem::Value(IdentifierOperand {
-                            identifier: temporary.clone(),
-                            effect: None,
-                        }));
-                        followups.push((temporary, element));
-                    }
-                }
-            }
-            let temporary = builder.push(InstructionValue::Destructure(Destructure {
-                kind,
-                pattern: DestructurePattern::Array(items),
-                value,
-            }));
-            for (temporary, pattern) in followups {
-                lower_assignment_pattern(
-                    env,
-                    builder,
-                    kind,
-                    pattern,
-                    IdentifierOperand {
-                        identifier: temporary,
-                        effect: None,
-                    },
-                )?;
-            }
-            temporary
-        }
-        Pattern::ObjectPattern(lvalue) => {
-            let mut properties = Vec::with_capacity(lvalue.properties.len());
-            let mut followups: Vec<(Identifier, &Pattern)> = Vec::new();
-
-            for property in &lvalue.properties {
-                match property {
-                    AssignmentPropertyOrRestElement::RestElement(property) => {
-                        if let Pattern::Identifier(element) = &property.argument {
-                            let identifier = lower_identifier_for_assignment(
-                                env,
-                                builder,
-                                kind,
-                                element.as_ref(),
-                            )?;
-                            properties.push(ObjectDestructureItem::Spread(identifier));
-                        } else {
-                            let temporary = env.new_temporary();
-                            properties.push(ObjectDestructureItem::Spread(IdentifierOperand {
-                                identifier: temporary.clone(),
-                                effect: None,
-                            }));
-                            followups.push((temporary, &property.argument));
-                        }
-                    }
-                    AssignmentPropertyOrRestElement::AssignmentProperty(property) => {
-                        if property.is_computed {
-                            return Err(Diagnostic::todo(
-                                "Handle computed properties in ObjectPattern",
-                                property.range,
-                            ));
-                        }
-                        let key = if let Expression::Identifier(key) = &property.key {
-                            key.name.as_str()
-                        } else {
-                            return Err(Diagnostic::todo(
-                                "Support non-identifier object keys in non-computed ObjectPattern",
-                                property.range,
-                            ));
-                        };
-                        if let Pattern::Identifier(value) = &property.value {
-                            let value = lower_identifier_for_assignment(env, builder, kind, value)?;
-                            properties.push(ObjectDestructureItem::Property(
-                                ObjectDestructureProperty {
-                                    name: key.to_string(),
-                                    value,
-                                },
-                            ));
-                        } else {
-                            let temporary = env.new_temporary();
-                            properties.push(ObjectDestructureItem::Property(
-                                ObjectDestructureProperty {
-                                    name: key.to_string(),
-                                    value: IdentifierOperand {
-                                        identifier: temporary.clone(),
-                                        effect: None,
-                                    },
-                                },
-                            ));
-                            followups.push((temporary, &property.value));
-                        }
-                    }
-                }
-            }
-
-            let temporary = builder.push(InstructionValue::Destructure(Destructure {
-                kind,
-                pattern: DestructurePattern::Object(properties),
-                value,
-            }));
-            for (temporary, pattern) in followups {
-                lower_assignment_pattern(
-                    env,
-                    builder,
-                    kind,
-                    pattern,
-                    IdentifierOperand {
-                        identifier: temporary,
-                        effect: None,
-                    },
-                )?;
-            }
-            temporary
-        }
-        _ => todo!("lower assignment pattern for {:#?}", lvalue),
-    })
-}
-
-fn lower_identifier_for_assignment(
-    env: &Environment,
-    _builder: &mut Builder,
-    kind: InstructionKind,
-    node: &react_estree::Identifier,
-) -> Result<IdentifierOperand, Diagnostic> {
-    match kind {
-        InstructionKind::Reassign => {
-            let identifier = env.resolve_variable_reference(node);
-            if let Some(identifier) = identifier {
-                Ok(IdentifierOperand {
-                    identifier,
-                    effect: None,
-                })
-            } else {
-                // Reassigning a global
-                Err(
-                    Diagnostic::invalid_react(BuildHIRError::ReassignedGlobal, node.range)
-                        .annotate(format!("Cannot reassign `{}`", &node.name), node.range),
-                )
-            }
-        }
-        _ => {
-            // Declaration
-            let identifier = env.resolve_variable_declaration(node, &node.name).unwrap();
-            Ok(IdentifierOperand {
-                identifier,
-                effect: None,
-            })
-        }
-    }
-}

compiler/crates/react_build_hir/src/builder.rs

@@ -1,322 +0,0 @@
-/*
- * 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.
- */
-
-use std::cell::RefCell;
-use std::rc::Rc;
-
-use react_diagnostics::Diagnostic;
-use react_hir::{
-    initialize_hir, BasicBlock, BlockId, BlockKind, Blocks, Environment, GotoKind, IdentifierData,
-    IdentifierOperand, InstrIx, Instruction, InstructionIdGenerator, InstructionValue, Terminal,
-    TerminalValue, Type, HIR,
-};
-
-use crate::BuildHIRError;
-
-/// Helper struct used when converting from ESTree to HIR. Includes:
-/// - Variable resolution
-/// - Label resolution (for labeled statements and break/continue)
-/// - Access to the environment
-///
-/// As well as representing the incomplete form of the HIR. Usage
-/// generally involves driving calls to enter/exit blocks, resolve
-/// labels and variables, and then calling `build()` when the HIR
-/// is complete.
-pub(crate) struct Builder<'e> {
-    #[allow(dead_code)]
-    environment: &'e Environment,
-
-    completed: Blocks,
-
-    instructions: Vec<Instruction>,
-
-    entry: BlockId,
-
-    wip: WipBlock,
-
-    id_gen: InstructionIdGenerator,
-
-    scopes: Vec<ControlFlowScope>,
-}
-
-pub(crate) struct WipBlock {
-    pub id: BlockId,
-    pub kind: BlockKind,
-    pub instructions: Vec<InstrIx>,
-}
-
-#[derive(Clone, PartialEq, Eq, Debug)]
-enum ControlFlowScope {
-    Loop(LoopScope),
-
-    // Switch(SwitchScope),
-    #[allow(dead_code)]
-    Label(LabelScope),
-}
-
-#[derive(Clone, PartialEq, Eq, Debug)]
-pub(crate) struct LoopScope {
-    pub label: Option<String>,
-    pub continue_block: BlockId,
-    pub break_block: BlockId,
-}
-
-#[derive(Clone, PartialEq, Eq, Debug)]
-pub(crate) struct LabelScope {
-    pub label: String,
-    pub block: BlockId,
-}
-
-impl ControlFlowScope {
-    fn label(&self) -> Option<&String> {
-        match self {
-            Self::Loop(scope) => scope.label.as_ref(),
-            Self::Label(scope) => Some(&scope.label),
-        }
-    }
-
-    fn break_block(&self) -> BlockId {
-        match self {
-            Self::Loop(scope) => scope.break_block,
-            Self::Label(scope) => scope.block,
-        }
-    }
-}
-
-impl<'e> Builder<'e> {
-    pub(crate) fn new(environment: &'e Environment) -> Self {
-        let entry = environment.next_block_id();
-        let current = WipBlock {
-            id: entry,
-            kind: BlockKind::Block,
-            instructions: Default::default(),
-        };
-        Self {
-            environment,
-            completed: Default::default(),
-            instructions: Default::default(),
-            entry,
-            wip: current,
-            id_gen: InstructionIdGenerator::new(),
-            scopes: Default::default(),
-        }
-    }
-
-    /// Completes the builder and returns the HIR if it was valid,
-    /// or a Diagnostic if a validation error occured.
-    ///
-    /// TODO: refine the type, only invariants should be possible here,
-    /// not other types of errors
-    pub(crate) fn build(self) -> Result<HIR, Diagnostic> {
-        let mut hir = HIR {
-            entry: self.entry,
-            blocks: self.completed,
-            instructions: self.instructions,
-        };
-        // Run all the initialization passes
-        initialize_hir(&mut hir)?;
-        Ok(hir)
-    }
-
-    /// Adds a new instruction to the end of the work in progress block
-    pub(crate) fn push(&mut self, value: InstructionValue) -> IdentifierOperand {
-        let lvalue = IdentifierOperand {
-            identifier: self.environment.new_temporary(),
-            effect: None,
-        };
-        let instr = Instruction {
-            id: self.id_gen.next(),
-            lvalue: lvalue.clone(),
-            value,
-        };
-        let ix = InstrIx::new(self.instructions.len() as u32);
-        self.instructions.push(instr);
-        self.wip.instructions.push(ix);
-        lvalue
-    }
-
-    /// Terminates the work in progress block with the given terminal, and starts a new
-    /// work in progress block with the given kind
-    pub(crate) fn terminate(&mut self, terminal: TerminalValue, next_kind: BlockKind) {
-        let next_wip = WipBlock {
-            id: self.environment.next_block_id(),
-            kind: next_kind,
-            instructions: Default::default(),
-        };
-        self.terminate_with_fallthrough(terminal, next_wip)
-    }
-
-    pub(crate) fn terminate_with_fallthrough(
-        &mut self,
-        terminal: TerminalValue,
-        fallthrough: WipBlock,
-    ) {
-        let prev_wip = std::mem::replace(&mut self.wip, fallthrough);
-        self.completed.insert(Box::new(BasicBlock {
-            id: prev_wip.id,
-            kind: prev_wip.kind,
-            instructions: prev_wip.instructions,
-            terminal: Terminal {
-                id: self.id_gen.next(),
-                value: terminal,
-            },
-            predecessors: Default::default(),
-            phis: Default::default(),
-        }));
-    }
-
-    pub(crate) fn reserve(&mut self, kind: BlockKind) -> WipBlock {
-        WipBlock {
-            id: self.environment.next_block_id(),
-            kind,
-            instructions: Default::default(),
-        }
-    }
-
-    pub(crate) fn enter<F>(&mut self, kind: BlockKind, f: F) -> Result<BlockId, Diagnostic>
-    where
-        F: FnOnce(&mut Self) -> Result<TerminalValue, Diagnostic>,
-    {
-        let wip = self.reserve(kind);
-        let id = wip.id;
-        self.enter_reserved(wip, f)?;
-        Ok(id)
-    }
-
-    fn enter_reserved<F>(&mut self, wip: WipBlock, f: F) -> Result<(), Diagnostic>
-    where
-        F: FnOnce(&mut Self) -> Result<TerminalValue, Diagnostic>,
-    {
-        let current = std::mem::replace(&mut self.wip, wip);
-
-        let (result, terminal) = match f(self) {
-            Ok(terminal) => (Ok(()), terminal),
-            Err(error) => (
-                Err(error),
-                // TODO: add a `Terminal::Error` variant
-                TerminalValue::Goto(react_hir::GotoTerminal {
-                    block: current.id,
-                    kind: GotoKind::Break,
-                }),
-            ),
-        };
-
-        let completed = std::mem::replace(&mut self.wip, current);
-        self.completed.insert(Box::new(BasicBlock {
-            id: completed.id,
-            kind: completed.kind,
-            instructions: completed.instructions,
-            terminal: Terminal {
-                id: self.id_gen.next(),
-                value: terminal,
-            },
-            predecessors: Default::default(),
-            phis: Default::default(),
-        }));
-        result
-    }
-
-    pub(crate) fn enter_loop<F>(
-        &mut self,
-        scope: LoopScope,
-        f: F,
-    ) -> Result<TerminalValue, Diagnostic>
-    where
-        F: FnOnce(&mut Self) -> Result<TerminalValue, Diagnostic>,
-    {
-        self.scopes.push(ControlFlowScope::Loop(scope.clone()));
-        let terminal = f(self);
-        let last = self.scopes.pop().unwrap();
-        assert_eq!(last, ControlFlowScope::Loop(scope));
-        terminal
-    }
-
-    /// Returns a new temporary identifier
-    /// This may be necessary for destructuring with default values. there
-    /// we synthesize a temporary identifier to store the possibly-missing value
-    /// into, and emit a later StoreLocal for the original identifier
-    #[allow(dead_code)]
-    pub(crate) fn make_temporary(&self) -> react_hir::Identifier {
-        react_hir::Identifier {
-            id: self.environment.next_identifier_id(),
-            name: None,
-            data: Rc::new(RefCell::new(IdentifierData {
-                mutable_range: Default::default(),
-                scope: None,
-                type_: Type::Var(self.environment.next_type_var_id()),
-            })),
-        }
-    }
-
-    /// Resolves the target for the given break label (if present), or returns the default
-    /// break target given the current context. Returns a diagnostic if the label is
-    /// provided but cannot be resolved.
-    pub(crate) fn resolve_break(
-        &self,
-        label: Option<&react_estree::Identifier>,
-    ) -> Result<BlockId, Diagnostic> {
-        for scope in self.scopes.iter().rev() {
-            match (label, scope.label()) {
-                // If this is an unlabeled break, return the most recent break target
-                (None, _) => return Ok(scope.break_block()),
-                // If the break is labeled and matches the current scope, return its break target
-                (Some(label), Some(scope_label)) if &label.name == scope_label => {
-                    return Ok(scope.break_block());
-                }
-                // Otherwise keep searching
-                _ => continue,
-            }
-        }
-        Err(Diagnostic::invalid_syntax(
-            BuildHIRError::UnresolvedBreakTarget,
-            None,
-        ))
-    }
-
-    /// Resolves the target for the given continue label (if present), or returns the default
-    /// continue target given the current context. Returns a diagnostic if the label is
-    /// provided but cannot be resolved.
-    pub(crate) fn resolve_continue(
-        &self,
-        label: Option<&react_estree::Identifier>,
-    ) -> Result<BlockId, Diagnostic> {
-        for scope in self.scopes.iter().rev() {
-            match scope {
-                ControlFlowScope::Loop(scope) => {
-                    match (label, &scope.label) {
-                        // If this is an unlabeled continue, return the first matching loop
-                        (None, _) => return Ok(scope.continue_block),
-                        // If the continue is labeled and matches the current scope, return its continue target
-                        (Some(label), Some(scope_label))
-                            if label.name.as_str() == scope_label.as_str() =>
-                        {
-                            return Ok(scope.continue_block);
-                        }
-                        // Otherwise keep searching
-                        _ => continue,
-                    }
-                }
-                _ => {
-                    match (label, scope.label()) {
-                        (Some(label), Some(scope_label)) if label.name.as_str() == scope_label => {
-                            // Error, the continue referred to a label that is not a loop
-                            return Err(Diagnostic::invalid_syntax(
-                                BuildHIRError::ContinueTargetIsNotALoop,
-                                None,
-                            ));
-                        }
-                        _ => continue,
-                    }
-                }
-            }
-        }
-        Err(Diagnostic::invalid_syntax(
-            BuildHIRError::UnresolvedContinueTarget,
-            None,
-        ))
-    }
-}

compiler/crates/react_build_hir/src/context.rs

@@ -1,44 +0,0 @@
-/*
- * 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.
- */
-
-use std::collections::HashSet;
-
-use react_estree::IntoFunction;
-use react_hir::Environment;
-use react_semantic_analysis::{DeclarationId, ScopeView};
-
-pub(crate) fn get_context_identifiers<T: IntoFunction>(
-    env: &Environment,
-    node: &T,
-) -> Vec<DeclarationId> {
-    let function_scope = env.scope(node.function()).unwrap();
-    let mut free = FreeVariables::default();
-    let mut seen = HashSet::new();
-    populate_free_variable_references(&mut free, &mut seen, function_scope);
-    free
-}
-
-type FreeVariables = Vec<DeclarationId>;
-
-fn populate_free_variable_references(
-    free: &mut FreeVariables,
-    seen: &mut HashSet<DeclarationId>,
-    scope: ScopeView<'_>,
-) {
-    for reference in scope.references() {
-        if !seen.insert(reference.declaration().id()) {
-            continue;
-        }
-        let declaration_scope = reference.declaration().scope();
-        if !declaration_scope.is_descendant_of(scope) {
-            free.push(reference.declaration().id())
-        }
-    }
-    for child in scope.children() {
-        populate_free_variable_references(free, seen, child);
-    }
-}

compiler/crates/react_build_hir/src/error.rs

@@ -1,63 +0,0 @@
-/*
- * 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.
- */
-
-use thiserror::Error;
-
-/// Errors which can occur during HIR construction
-#[derive(Error, Debug)]
-pub enum BuildHIRError {
-    /// ErrorSeverity::Unsupported
-    #[error(
-        "Variable declarations must be `let` or `const`, `var` declarations are not supported"
-    )]
-    VariableDeclarationKindIsVar,
-
-    /// ErrorSeverity::Invariant
-    #[error("Invariant: Expected variable declaration to declare a fresh binding")]
-    VariableDeclarationBindingIsNonLocal,
-
-    /// ErrorSeverity::Todo
-    #[error("`for` statements must have an initializer, eg `for (**let i = 0**; ...)`")]
-    ForStatementIsMissingInitializer,
-
-    /// ErrorSeverity::Todo
-    #[error(
-        "`for` statements must have a test condition, eg `for (let i = 0; **i < count**; ...)`"
-    )]
-    ForStatementIsMissingTest,
-
-    /// ErrorSeverity::Invariant
-    #[error("Invariant: Expected an expression node")]
-    NonExpressionInExpressionPosition,
-
-    /// ErrorSeverity::InvalidReact
-    #[error("React functions may not reassign variables defined outside of the component or hook")]
-    ReassignedGlobal,
-
-    /// ErrorSeverity::InvalidSyntax
-    #[error("Could not resolve a target for `break` statement")]
-    UnresolvedBreakTarget,
-
-    /// ErrorSeverity::InvalidSyntax
-    #[error("Could not resolve a target for `continue` statement")]
-    UnresolvedContinueTarget,
-
-    /// ErrorSeverity::InvalidSyntax
-    #[error("Labeled `continue` statements must use the label of a loop statement")]
-    ContinueTargetIsNotALoop,
-
-    /// ErrorSeverity::Invariant
-    #[error("Invariant: Identifier was not resolved (did name resolution run successfully?)")]
-    UnknownIdentifier,
-
-    /// ErrorSeverity::InvalidSyntax
-    #[error("Expected function to have a body")]
-    EmptyFunction,
-
-    #[error("`super` is not suppported")]
-    UnsupportedSuperExpression,
-}

compiler/crates/react_build_hir/src/lib.rs

@@ -1,14 +0,0 @@
-/*
- * 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.
- */
-
-mod build;
-mod builder;
-mod context;
-mod error;
-
-pub use build::build;
-pub use error::*;

compiler/crates/react_diagnostics/Cargo.toml

@@ -1,23 +0,0 @@
-[package]
-name = "react_diagnostics"
-version = "0.1.0"
-publish               = false
-authors.workspace     = true
-description.workspace = true
-edition.workspace     = true
-homepage.workspace    = true
-keywords.workspace    = true
-license.workspace     = true
-repository.workspace  = true
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[dependencies]
-# TODO: extract SourceRange into a separate crate so that 
-# we don't depend on full estree here
-react_estree = { workspace = true }
-# TODO: consider extracting a separate react_miette crate which does
-# the translation from react_diagnostics::Diagnostic to miette::Diagnostic
-miette = { workspace = true }
-thiserror = { workspace = true }
-static_assertions = { workspace = true }