tailwindcss Architecture Docs
Home / File/ resolve-config.ts — tailwindcss Source File

resolve-config.ts — tailwindcss Source File

Architecture documentation for resolve-config.ts, a typescript file in the tailwindcss codebase. 13 imports, 9 dependents.

File typescript Oxide PreProcessors 13 imports 9 dependents 5 functions

Entity Profile

Dependency Diagram

graph LR
  cad44155_17aa_e1d6_081a_8f3b4f06bcde["resolve-config.ts"]
  bdedd2f6_da4b_69dc_e990_0814b59fbe6e["design-system.ts"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> bdedd2f6_da4b_69dc_e990_0814b59fbe6e
  665aa4ed_d86e_30e5_80d5_cd56b8ca8b62["DesignSystem"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> 665aa4ed_d86e_30e5_80d5_cd56b8ca8b62
  45262882_ddec_eb81_dedb_b4f286a3f721["source.ts"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> 45262882_ddec_eb81_dedb_b4f286a3f721
  0befe1e4_cbdb_e481_9c0a_5c5c6d3e2a01["SourceLocation"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> 0befe1e4_cbdb_e481_9c0a_5c5c6d3e2a01
  0987a5b8_9d8e_e30a_f4a5_c6f777d85ea1["colors.ts"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> 0987a5b8_9d8e_e30a_f4a5_c6f777d85ea1
  da5d1116_ab2a_437a_6b13_c1429fd546fa["plugin-api.ts"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> da5d1116_ab2a_437a_6b13_c1429fd546fa
  ffe0b7b8_e1fc_a7de_d070_1fd07c3c9a6b["PluginWithConfig"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> ffe0b7b8_e1fc_a7de_d070_1fd07c3c9a6b
  3d2f062b_d3ec_6b3a_dc32_9d2e4732e20e["plugin-functions.ts"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> 3d2f062b_d3ec_6b3a_dc32_9d2e4732e20e
  dabb13bc_6018_934b_19c4_595b7bea686d["createThemeFn"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> dabb13bc_6018_934b_19c4_595b7bea686d
  9da6bb9c_f434_9ac9_382e_363699a20d0f["deep-merge.ts"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> 9da6bb9c_f434_9ac9_382e_363699a20d0f
  e135ce03_2957_5c11_2b7b_695da98ab45f["deepMerge"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> e135ce03_2957_5c11_2b7b_695da98ab45f
  69358a0d_01e9_2bb6_df8d_9a5e9a5c6306["isPlainObject"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> 69358a0d_01e9_2bb6_df8d_9a5e9a5c6306
  479eaf18_f640_94ff_bd07_456688f9ac14["types.ts"]
  cad44155_17aa_e1d6_081a_8f3b4f06bcde --> 479eaf18_f640_94ff_bd07_456688f9ac14
  ffe9c87e_35ad_f431_9625_80fc875792a7["migrate-js-config.ts"]
  ffe9c87e_35ad_f431_9625_80fc875792a7 --> cad44155_17aa_e1d6_081a_8f3b4f06bcde
  style cad44155_17aa_e1d6_081a_8f3b4f06bcde fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import type { DesignSystem } from '../../design-system'
import type { SourceLocation } from '../../source-maps/source'
import colors from '../colors'
import type { PluginWithConfig } from '../plugin-api'
import { createThemeFn } from '../plugin-functions'
import { deepMerge, isPlainObject } from './deep-merge'
import {
  type ResolvedConfig,
  type ResolvedContentConfig,
  type ResolvedThemeValue,
  type ThemeValue,
  type UserConfig,
} from './types'

export interface ConfigFile {
  path?: string
  base: string
  config: UserConfig
  reference: boolean
  src: SourceLocation | undefined
}

interface ResolutionContext {
  design: DesignSystem
  configs: UserConfig[]
  plugins: PluginWithConfig[]
  content: ResolvedContentConfig
  theme: Record<string, ThemeValue>
  extend: Record<string, ThemeValue[]>
  result: ResolvedConfig
}

let minimal: ResolvedConfig = {
  blocklist: [],
  future: {},
  experimental: {},
  prefix: '',
  important: false,
  darkMode: null,
  theme: {},
  plugins: [],
  content: {
    files: [],
  },
}

export function resolveConfig(
  design: DesignSystem,
  files: ConfigFile[],
): { resolvedConfig: ResolvedConfig; replacedThemeKeys: Set<string> } {
  let ctx: ResolutionContext = {
    design,
    configs: [],
    plugins: [],
    content: {
      files: [],
    },
    theme: {},
    extend: {},

// ... (214 more lines)

Domain

Subdomains

Functions

Types

Dependencies

Imported By

Source

Frequently Asked Questions

What does resolve-config.ts do?
resolve-config.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the Oxide domain, PreProcessors subdomain.
What functions are defined in resolve-config.ts?
resolve-config.ts defines 5 function(s): extractConfigs, keypath, mergeTheme, mergeThemeExtension, resolveConfig.
What does resolve-config.ts depend on?
resolve-config.ts imports 13 module(s): DesignSystem, PluginWithConfig, SourceLocation, colors.ts, createThemeFn, deep-merge.ts, deepMerge, design-system.ts, and 5 more.
What files import resolve-config.ts?
resolve-config.ts is imported by 9 file(s): apply-compat-hooks.ts, apply-config-to-theme.test.ts, apply-keyframes-to-theme.test.ts, migrate-js-config.ts, migrate-media-screen.ts, plugin.ts, prepare-config.ts, resolve-config.test.ts, and 1 more.
Where is resolve-config.ts in the architecture?
resolve-config.ts is located at packages/tailwindcss/src/compat/config/resolve-config.ts (domain: Oxide, subdomain: PreProcessors, directory: packages/tailwindcss/src/compat/config).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free