generateSourceMap() — vue Function Reference

Architecture documentation for the generateSourceMap() function in parse.ts from the vue codebase.

Function typescript SfcCompiler ScriptCompiler calls 1 called by 1

Entity Profile

SfcCompiler→ ScriptCompiler→ generateSourceMap() — vue Function Reference

Dependency Diagram

graph TD
  6e3471aa_6bb7_b770_444e_380aedf48d7b["generateSourceMap()"]
  a74639a8_41f7_d409_723a_4c6194e0c72d["parse.ts"]
  6e3471aa_6bb7_b770_444e_380aedf48d7b -->|defined in| a74639a8_41f7_d409_723a_4c6194e0c72d
  9805a097_f548_6bcf_28b2_a636f018a4de["parse()"]
  9805a097_f548_6bcf_28b2_a636f018a4de -->|calls| 6e3471aa_6bb7_b770_444e_380aedf48d7b
  9805a097_f548_6bcf_28b2_a636f018a4de["parse()"]
  6e3471aa_6bb7_b770_444e_380aedf48d7b -->|calls| 9805a097_f548_6bcf_28b2_a636f018a4de
  style 6e3471aa_6bb7_b770_444e_380aedf48d7b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/compiler-sfc/src/parse.ts lines 97–129

function generateSourceMap(
  filename: string,
  source: string,
  generated: string,
  sourceRoot: string,
  pad?: 'line' | 'space' | boolean
): RawSourceMap {
  const map = new SourceMapGenerator({
    file: filename.replace(/\\/g, '/'),
    sourceRoot: sourceRoot.replace(/\\/g, '/')
  })
  let offset = 0
  if (!pad) {
    offset = source.split(generated).shift()!.split(splitRE).length - 1
  }
  map.setSourceContent(filename, source)
  generated.split(splitRE).forEach((line, index) => {
    if (!emptyRE.test(line)) {
      map.addMapping({
        source: filename,
        original: {
          line: index + 1 + offset,
          column: 0
        },
        generated: {
          line: index + 1,
          column: 0
        }
      })
    }
  })
  return JSON.parse(map.toString())
}