{"body":"","parents":["92afc1a50bb13b3e754595d3733e1b808cf55cd9"],"files":[{"path":"compiler\/forget\/packages\/playground\/components\/Editor\/HIRTabContent.tsx","status":"M"}],"patch":"diff --git a\/compiler\/forget\/packages\/playground\/components\/Editor\/HIRTabContent.tsx b\/compiler\/forget\/packages\/playground\/components\/Editor\/HIRTabContent.tsx\nindex ef6f5d3d86..fcf8350b11 100644\n--- a\/compiler\/forget\/packages\/playground\/components\/Editor\/HIRTabContent.tsx\n+++ b\/compiler\/forget\/packages\/playground\/components\/Editor\/HIRTabContent.tsx\n@@ -58,17 +58,43 @@ export default function HIRTabContent({ source }: { source: string }) {\n if (flags.leaveSSA) {\n leaveSSA(ir);\n }\n- const output = flags.codegen\n- ? prettier.format(\n- generate(codegen(ir)).code.replace(\"\\n\\n\", \"\\n\"),\n- {\n- semi: true,\n- parser: \"babel\",\n- plugins: [prettierParserBabel],\n- }\n- )\n- : printHIR(ir.body);\n- body =

{output}<\/pre>;\n+\n+            if (flags.codegen) {\n+              const ast = codegen(ir);\n+              \/\/ TODO: codegen should set this correctly directly\n+              ast.loc = func.node.loc;\n+              const generated = generate(\n+                ast,\n+                {\n+                  sourceMaps: true,\n+                  sourceFileName: \"input.js\",\n+                },\n+                source\n+              );\n+              const formatted = prettier.format(generated.code, {\n+                semi: true,\n+                parser: \"babel\",\n+                plugins: [prettierParserBabel],\n+              });\n+              const sourceMapUrl = getSourceMapUrl(\n+                generated.code,\n+                JSON.stringify(generated.map)\n+              );\n+              body = (\n+                <>\n+                  {formatted}<\/pre>\n+                  {sourceMapUrl && (\n+                    \n+                  )}\n+                <\/>\n+              );\n+            } else {\n+              body = {printHIR(ir.body)}<\/pre>;\n+            }\n           } catch (e: any) {\n             body = error: ${e.toString()}<\/div>;\n           }\n@@ -86,6 +112,18 @@ export default function HIRTabContent({ source }: { source: string }) {\n   );\n }\n \n+function utf16ToUTF8(s: string): string {\n+  return unescape(encodeURIComponent(s));\n+}\n+\n+function getSourceMapUrl(code: string, map: string): string | null {\n+  code = utf16ToUTF8(code);\n+  map = utf16ToUTF8(map);\n+  return `https:\/\/evanw.github.io\/source-map-visualization\/#${btoa(\n+    `${code.length}\\0${code}${map.length}\\0${map}`\n+  )}`;\n+}\n+\n type Flags = {\n   eliminateRedundantPhi: boolean;\n   inferReferenceEffects: boolean;\n","commit":{"authorEmail":"jkassens@meta.com","authorName":"Jan Kassens","revision":"43686787a0b9f62d896037485a2d7e8d9601fccf","shortRevision":"43686787a0","authoredAt":"2022-11-21T13:19:36-05:00","subject":"[playground] add link to view sourcemap (#798)"}}

dillon1000/react

Files changed