loadStylesheet() — tailwindcss Function Reference

Architecture documentation for the loadStylesheet() function in index.ts from the tailwindcss codebase.

Function typescript RustCore FileScanner calls 1

Entity Profile

RustCore→ FileScanner→ loadStylesheet() — tailwindcss Function Reference

Dependency Diagram

graph TD
  47dc6b6f_e787_ef6e_345e_3bac386d97ab["loadStylesheet()"]
  f350613f_e0e7_7c94_9377_0258b005499c["hit()"]
  47dc6b6f_e787_ef6e_345e_3bac386d97ab -->|calls| f350613f_e0e7_7c94_9377_0258b005499c
  style 47dc6b6f_e787_ef6e_345e_3bac386d97ab fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-browser/src/index.ts lines 109–171

async function loadStylesheet(id: string, base: string) {
  function load() {
    if (id === 'tailwindcss') {
      return {
        path: 'virtual:tailwindcss/index.css',
        base,
        content: assets.css.index,
      }
    } else if (
      id === 'tailwindcss/preflight' ||
      id === 'tailwindcss/preflight.css' ||
      id === './preflight.css'
    ) {
      return {
        path: 'virtual:tailwindcss/preflight.css',
        base,
        content: assets.css.preflight,
      }
    } else if (
      id === 'tailwindcss/theme' ||
      id === 'tailwindcss/theme.css' ||
      id === './theme.css'
    ) {
      return {
        path: 'virtual:tailwindcss/theme.css',
        base,
        content: assets.css.theme,
      }
    } else if (
      id === 'tailwindcss/utilities' ||
      id === 'tailwindcss/utilities.css' ||
      id === './utilities.css'
    ) {
      return {
        path: 'virtual:tailwindcss/utilities.css',
        base,
        content: assets.css.utilities,
      }
    }

    throw new Error(`The browser build does not support @import for "${id}"`)
  }

  try {
    let sheet = load()

    I.hit(`Loaded stylesheet`, {
      id,
      base,
      size: sheet.content.length,
    })

    return sheet
  } catch (err) {
    I.hit(`Failed to load stylesheet`, {
      id,
      base,
      error: (err as Error).message ?? err,
    })

    throw err
  }
}