loadStylesheet() — tailwindcss Function Reference

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

Function typescript OxideEngine PreProcessors calls 1

Entity Profile

OxideEngine→ PreProcessors→ loadStylesheet() — tailwindcss Function Reference

Dependency Diagram

graph TD
  61788fb6_42e1_1329_6ded_942f84ccc33a["loadStylesheet()"]
  d3ff87a1_ef49_dab7_2e4d_39270282fbd2["index.ts"]
  61788fb6_42e1_1329_6ded_942f84ccc33a -->|defined in| d3ff87a1_ef49_dab7_2e4d_39270282fbd2
  00cafdcd_6eb1_fc05_ce14_3a14a050c1f9["hit()"]
  61788fb6_42e1_1329_6ded_942f84ccc33a -->|calls| 00cafdcd_6eb1_fc05_ce14_3a14a050c1f9
  style 61788fb6_42e1_1329_6ded_942f84ccc33a 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
  }
}