Scope INTERNAL_CALLSITES_REGEX to the react-native package (#58577)

Summary:
Pull Request resolved: #58577

The `INTERNAL_CALLSITES_REGEX` entries like `/Libraries/Core/.+\.js$` match any path containing that substring, including unrelated packages that happen to have a `Libraries/` directory.

Prefixing them with `/react-native/` is always correct: these files ship inside the `react-native` package, so they appear either as `.../packages/react-native/Libraries/...` in the monorepo or as `.../node_modules/react-native/Libraries/...` in installs. Unrelated third-party frames are no longer collapsed as internal.

Changelog:
[General][Fixed] - Scope Metro `INTERNAL_CALLSITES_REGEX` to the `react-native` package to avoid collapsing unrelated frames

Differential Revision: D120179017

Author: vzaidman

.prettierrc.js

@@ -23,7 +23,7 @@ module.exports = {
       },
     },
     {
-      files: ['*.js', '*.js.flow'],
+      files: ['*.js', '*.js.flow', '*.json.flow'],
       options: {
         parser: 'flow',
       },

packages/metro-config/package.json

@@ -20,7 +20,8 @@
   },
   "exports": {
     ".": "./src/index.js",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./src/internalCallsites.json": "./src/internalCallsites.json"
   },
   "publishConfig": {
     "exports": {

packages/metro-config/src/index.flow.js

@@ -10,32 +10,13 @@
 
 import type {ConfigT, InputConfigT} from 'metro-config';
 
+import INTERNAL_CALLSITES_PATTERNS from './internalCallsites.json';
 import {getDefaultConfig as getBaseConfig, mergeConfig} from 'metro-config';
 
 export type {MetroConfig} from 'metro-config';
 
 const INTERNAL_CALLSITES_REGEX = new RegExp(
-  [
-    '/Libraries/BatchedBridge/MessageQueue\\.js$',
-    '/Libraries/Core/.+\\.js$',
-    '/Libraries/LogBox/.+\\.js$',
-    '/Libraries/Network/.+\\.js$',
-    '/Libraries/Pressability/.+\\.js$',
-    '/Libraries/Renderer/implementations/.+\\.js$',
-    '/Libraries/Utilities/.+\\.js$',
-    '/Libraries/vendor/.+\\.js$',
-    '/Libraries/WebSocket/.+\\.js$',
-    '/src/private/renderer/errorhandling/.+\\.js$',
-    '/metro-runtime/.+\\.js$',
-    '/node_modules/@babel/runtime/.+\\.js$',
-    '/node_modules/@react-native/js-polyfills/.+\\.js$',
-    '/node_modules/invariant/.+\\.js$',
-    '/node_modules/react-devtools-core/.+\\.js$',
-    '/node_modules/react-native/index.js$',
-    '/node_modules/react-refresh/.+\\.js$',
-    '/node_modules/scheduler/.+\\.js$',
-    '^\\[native code\\]$',
-  ]
+  INTERNAL_CALLSITES_PATTERNS
     // Make patterns work with both Windows and POSIX paths.
     .map(pathPattern => pathPattern.replaceAll('/', '[/\\\\]'))
     .join('|'),

packages/metro-config/src/internalCallsites.json

@@ -0,0 +1,21 @@
+[
+  "/react-native/Libraries/BatchedBridge/MessageQueue\\.js$",
+  "/react-native/Libraries/Core/.+\\.js$",
+  "/react-native/Libraries/LogBox/.+\\.js$",
+  "/react-native/Libraries/Network/.+\\.js$",
+  "/react-native/Libraries/Pressability/.+\\.js$",
+  "/react-native/Libraries/Renderer/implementations/.+\\.js$",
+  "/react-native/Libraries/Utilities/.+\\.js$",
+  "/react-native/Libraries/vendor/.+\\.js$",
+  "/react-native/Libraries/WebSocket/.+\\.js$",
+  "/react-native/src/private/renderer/errorhandling/.+\\.js$",
+  "/metro-runtime/.+\\.js$",
+  "/node_modules/@babel/runtime/.+\\.js$",
+  "/node_modules/@react-native/js-polyfills/.+\\.js$",
+  "/node_modules/invariant/.+\\.js$",
+  "/node_modules/react-devtools-core/.+\\.js$",
+  "/node_modules/react-native/index.js$",
+  "/node_modules/react-refresh/.+\\.js$",
+  "/node_modules/scheduler/.+\\.js$",
+  "^\\[native code\\]$"
+]

packages/metro-config/src/internalCallsites.json.flow

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ *
+ * @flow strict
+ * @format
+ */
+
+declare module.exports: ReadonlyArray<string>;