getSourceMapUrl() — react Function Reference

Architecture documentation for the getSourceMapUrl() function in Output.tsx from the react codebase.

Function tsx MonacoIntegration Diagnostics calls 1 called by 1

Entity Profile

MonacoIntegration→ Diagnostics→ getSourceMapUrl() — react Function Reference

Dependency Diagram

graph TD
  50b341b5_2b1b_8fd3_f092_70cdaeca040c["getSourceMapUrl()"]
  034b2d8c_7261_f40f_c380_2b5db8fde033["Output.tsx"]
  50b341b5_2b1b_8fd3_f092_70cdaeca040c -->|defined in| 034b2d8c_7261_f40f_c380_2b5db8fde033
  e0cd9053_4662_ac64_ef69_62c2864f1695["tabify()"]
  e0cd9053_4662_ac64_ef69_62c2864f1695 -->|calls| 50b341b5_2b1b_8fd3_f092_70cdaeca040c
  5b86e21d_1f20_1b77_e3ca_7031fff06757["utf16ToUTF8()"]
  50b341b5_2b1b_8fd3_f092_70cdaeca040c -->|calls| 5b86e21d_1f20_1b77_e3ca_7031fff06757
  style 50b341b5_2b1b_8fd3_f092_70cdaeca040c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/apps/playground/components/Editor/Output.tsx lines 245–251

function getSourceMapUrl(code: string, map: string): string | null {
  code = utf16ToUTF8(code);
  map = utf16ToUTF8(map);
  return `https://evanw.github.io/source-map-visualization/#${btoa(
    `${code.length}\0${code}${map.length}\0${map}`,
  )}`;
}