generateSourceMap() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 1 called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ generateSourceMap() — vue Function Reference

Dependency Diagram

graph TD
  7b08db27_55d3_4734_0c8d_16b693d06de3["generateSourceMap()"]
  6ab27e01_6eaf_ac42_26b1_65aa8211cc0d["parse()"]
  6ab27e01_6eaf_ac42_26b1_65aa8211cc0d -->|calls| 7b08db27_55d3_4734_0c8d_16b693d06de3
  6ab27e01_6eaf_ac42_26b1_65aa8211cc0d["parse()"]
  7b08db27_55d3_4734_0c8d_16b693d06de3 -->|calls| 6ab27e01_6eaf_ac42_26b1_65aa8211cc0d
  style 7b08db27_55d3_4734_0c8d_16b693d06de3 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())
}