[compiler] Show outlined functions in logging, playground

ghstack-source-id: 76fb581022e9f8a3ebb280472eb967a878975020 Pull Request resolved: #30344
facebook · Jul 16, 2024 · 1554708 · 1554708
1 parent a182079
commit 1554708
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/compiler/apps/playground/components/Editor/Output.tsx b/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",
+    "Outlined",
+  ];
   for (const [passName, text] of concattedResults) {
     tabs.set(
       passName,

diff --git a/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Pipeline.ts b/compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Pipeline.ts
@@ -21,6 +21,7 @@ import {
   lower,
   mergeConsecutiveBlocks,
   mergeOverlappingReactiveScopesHIR,
+  printFunction,
   pruneUnusedLabelsHIR,
 } from "../HIR";
 import {
@@ -246,6 +247,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: "debug",
+        name: "Outlined",
+        value: printFunction(outlined.fn),
+      });
+    }
   }
 
   alignMethodCallScopes(hir);