refactor: renderer config to provide async stack tagging api implementation

Author: hoxyq

.eslintrc.js

@@ -462,6 +462,7 @@ module.exports = {
       globals: {
         nativeFabricUIManager: 'readonly',
         RN$enableMicrotasksInReact: 'readonly',
+        RN$unstable_createTask: 'readonly',
       },
     },
     {

packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js

@@ -741,6 +741,11 @@ export function resolveEventTimeStamp(): number {
   return event && event !== schedulerEvent ? event.timeStamp : -1.1;
 }
 
+// eslint-disable-next-line react-internal/no-production-logging
+// Async Stack Tagging API.
+// Chromium-only: https://developer.chrome.com/docs/devtools/console/api#createtask
+export const createTask = console.createTask;
+
 export const isPrimaryRenderer = true;
 export const warnsIfNotActing = true;
 // This initialization code may run even on server environments

packages/react-native-renderer/src/ReactFiberConfigFabric.js

@@ -424,6 +424,10 @@ export function resolveEventTimeStamp(): number {
   return -1.1;
 }
 
+// This matches Chrome's console.createTask in terms of signature.
+// This doesn't match Chrome's console.createTask in terms of behavior and implementation.
+export const createTask = RN$unstable_createTask;
+
 export function shouldAttemptEagerTransition(): boolean {
   return false;
 }

packages/react-reconciler/src/ReactProfilerTimer.js

@@ -24,7 +24,7 @@ import {
   NoLanes,
 } from './ReactFiberLane';
 
-import {resolveEventType, resolveEventTimeStamp} from './ReactFiberConfig';
+import {resolveEventType, resolveEventTimeStamp, createTask as createTaskFromFiberConfig} from './ReactFiberConfig';
 
 import {
   enableProfilerCommitHooks,
@@ -43,10 +43,8 @@ import * as Scheduler from 'scheduler';
 const {unstable_now: now} = Scheduler;
 
 const createTask =
-  // eslint-disable-next-line react-internal/no-production-logging
-  __DEV__ && console.createTask
-    ? // eslint-disable-next-line react-internal/no-production-logging
-      console.createTask
+  __DEV__ && createTaskFromFiberConfig
+    ? createTaskFromFiberConfig
     : (name: string) => null;
 
 export const REGULAR_UPDATE: UpdateType = 0;

scripts/flow/react-native-host-hooks.js

@@ -303,3 +303,6 @@ declare const nativeFabricUIManager: {
   unstable_getCurrentEventPriority: () => number,
   ...
 };
+
+// eslint-disable-next-line no-unused-vars
+declare const RN$unstable_createTask: typeof console.createTask;