injectQuery() — vite Function Reference

Architecture documentation for the injectQuery() function in client.ts from the vite codebase.

Function typescript HMRClient HotRuntime

Entity Profile

HMRClient→ HotRuntime→ injectQuery() — vite Function Reference

Dependency Diagram

graph TD
  a523d75e_c07a_e1ad_7cbe_bfccf87a0f31["injectQuery()"]
  85908ff5_4d12_826d_8235_531f91538758["client.ts"]
  a523d75e_c07a_e1ad_7cbe_bfccf87a0f31 -->|defined in| 85908ff5_4d12_826d_8235_531f91538758
  style a523d75e_c07a_e1ad_7cbe_bfccf87a0f31 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/client/client.ts lines 607–620

export function injectQuery(url: string, queryToInject: string): string {
  // skip urls that won't be handled by vite
  if (url[0] !== '.' && url[0] !== '/') {
    return url
  }

  // can't use pathname from URL since it may be relative like ../
  const pathname = url.replace(/[?#].*$/, '')
  const { search, hash } = new URL(url, 'http://vite.dev')

  return `${pathname}?${queryToInject}${search ? `&` + search.slice(1) : ''}${
    hash || ''
  }`
}