createMapper() — vue Function Reference

Architecture documentation for the createMapper() function in create-async-file-mapper.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 1 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ createMapper() — vue Function Reference

Dependency Diagram

graph TD
  de56f276_bd14_cdff_b17e_876de3db40b6["createMapper()"]
  b4792610_f2a2_4de8_a459_6ca6d41cdb91["create-async-file-mapper.ts"]
  de56f276_bd14_cdff_b17e_876de3db40b6 -->|defined in| b4792610_f2a2_4de8_a459_6ca6d41cdb91
  4f56eba8_4bcc_ea76_3d31_b69c48b1836e["constructor()"]
  4f56eba8_4bcc_ea76_3d31_b69c48b1836e -->|calls| de56f276_bd14_cdff_b17e_876de3db40b6
  46d706ce_4d8d_13ad_cd0b_fe0502f9b009["createMap()"]
  de56f276_bd14_cdff_b17e_876de3db40b6 -->|calls| 46d706ce_4d8d_13ad_cd0b_fe0502f9b009
  style de56f276_bd14_cdff_b17e_876de3db40b6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/template-renderer/create-async-file-mapper.ts lines 11–26

export function createMapper(clientManifest: ClientManifest): AsyncFileMapper {
  const map = createMap(clientManifest)
  // map server-side moduleIds to client-side files
  return function mapper(moduleIds: Array<string>): Array<string> {
    const res = new Set<string>()
    for (let i = 0; i < moduleIds.length; i++) {
      const mapped = map.get(moduleIds[i])
      if (mapped) {
        for (let j = 0; j < mapped.length; j++) {
          res.add(mapped[j])
        }
      }
    }
    return Array.from(res)
  }
}