resolveCssId() — tailwindcss Function Reference

Architecture documentation for the resolveCssId() function in compile.ts from the tailwindcss codebase.

Function typescript NodeServer Resolver calls 1 called by 1

Entity Profile

NodeServer→ Resolver→ resolveCssId() — tailwindcss Function Reference

Dependency Diagram

graph TD
  ea789d23_3858_8a34_0348_844d1438286e["resolveCssId()"]
  86cbca6b_bfa0_804c_ee2e_2cc7a7aef7fe["compile.ts"]
  ea789d23_3858_8a34_0348_844d1438286e -->|defined in| 86cbca6b_bfa0_804c_ee2e_2cc7a7aef7fe
  119395eb_05ee_4deb_739d_387fb03df2bf["loadStylesheet()"]
  119395eb_05ee_4deb_739d_387fb03df2bf -->|calls| ea789d23_3858_8a34_0348_844d1438286e
  7c6e1152_2f6c_3a7f_e576_f0e6ff4819b9["runResolver()"]
  ea789d23_3858_8a34_0348_844d1438286e -->|calls| 7c6e1152_2f6c_3a7f_e576_f0e6ff4819b9
  style ea789d23_3858_8a34_0348_844d1438286e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-node/src/compile.ts lines 207–227

async function resolveCssId(
  id: string,
  base: string,
  customCssResolver?: Resolver,
): Promise<string | false | undefined> {
  if (typeof globalThis.__tw_resolve === 'function') {
    let resolved = globalThis.__tw_resolve(id, base)
    if (resolved) {
      return Promise.resolve(resolved)
    }
  }

  if (customCssResolver) {
    let customResolution = await customCssResolver(id, base)
    if (customResolution) {
      return customResolution
    }
  }

  return runResolver(cssResolver, id, base)
}