[compiler] Show outlined functions in logging, playground

ghstack-source-id: 035009f
Pull Request resolved: #30344

Author: josephsavona

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

@@ -99,7 +99,12 @@ async function tabify(source: string, compilerOutput: CompilerOutput) {
     }
   }
   let lastPassOutput: string | null = null;
-  let nonDiffPasses = ["HIR", "BuildReactiveFunction", "EnvironmentConfig"];
+  let nonDiffPasses = [
+    "HIR",
+    "BuildReactiveFunction",
+    "EnvironmentConfig",
+    "OutlineFunctions (outlined)",
+  ];
   for (const [passName, text] of concattedResults) {
     tabs.set(
       passName,

compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Pipeline.ts

@@ -246,6 +246,14 @@ function* runWithEnvironment(
   if (env.config.enableFunctionOutlining) {
     outlineFunctions(hir);
     yield log({ kind: "hir", name: "OutlineFunctions", value: hir });
+
+    for (const outlined of env.getOutlinedFunctions()) {
+      yield log({
+        kind: "hir",
+        name: "OutlineFunctions (outlined)",
+        value: outlined.fn,
+      });
+    }
   }
 
   alignMethodCallScopes(hir);