tailwindcss Architecture Docs
Home / File/ migrate-theme-to-var.ts — tailwindcss Source File

migrate-theme-to-var.ts — tailwindcss Source File

Architecture documentation for migrate-theme-to-var.ts, a typescript file in the tailwindcss codebase. 6 imports, 2 dependents.

File typescript CommandLineInterface Codemods 6 imports 2 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  792ad9e6_cee3_8f32_a327_f6c1d9621ae7["migrate-theme-to-var.ts"]
  bdedd2f6_da4b_69dc_e990_0814b59fbe6e["design-system.ts"]
  792ad9e6_cee3_8f32_a327_f6c1d9621ae7 --> bdedd2f6_da4b_69dc_e990_0814b59fbe6e
  665aa4ed_d86e_30e5_80d5_cd56b8ca8b62["DesignSystem"]
  792ad9e6_cee3_8f32_a327_f6c1d9621ae7 --> 665aa4ed_d86e_30e5_80d5_cd56b8ca8b62
  c36efdeb_7fd2_0935_2c28_bf15095a9dd9["migrate-theme-to-var.ts"]
  792ad9e6_cee3_8f32_a327_f6c1d9621ae7 --> c36efdeb_7fd2_0935_2c28_bf15095a9dd9
  09949edd_0134_cf76_25bb_f798f752dc7f["Convert"]
  792ad9e6_cee3_8f32_a327_f6c1d9621ae7 --> 09949edd_0134_cf76_25bb_f798f752dc7f
  f1c7fb37_4a69_f6f5_b7f4_9f3d8b534c40["createConverter"]
  792ad9e6_cee3_8f32_a327_f6c1d9621ae7 --> f1c7fb37_4a69_f6f5_b7f4_9f3d8b534c40
  7c3c22f8_be1a_4490_9f3e_622280887fe1["postcss"]
  792ad9e6_cee3_8f32_a327_f6c1d9621ae7 --> 7c3c22f8_be1a_4490_9f3e_622280887fe1
  503d103e_c7cf_7d9c_7027_bc94b8da09d3["migrate-theme-to-var.test.ts"]
  503d103e_c7cf_7d9c_7027_bc94b8da09d3 --> 792ad9e6_cee3_8f32_a327_f6c1d9621ae7
  9e542b1f_db4d_cc7b_b37d_1324d5719263["migrate.ts"]
  9e542b1f_db4d_cc7b_b37d_1324d5719263 --> 792ad9e6_cee3_8f32_a327_f6c1d9621ae7
  style 792ad9e6_cee3_8f32_a327_f6c1d9621ae7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { type Plugin } from 'postcss'
import type { DesignSystem } from '../../../../tailwindcss/src/design-system'
import { Convert, createConverter } from '../template/migrate-theme-to-var'

export function migrateThemeToVar({
  designSystem,
}: {
  designSystem?: DesignSystem | null
} = {}): Plugin {
  return {
    postcssPlugin: '@tailwindcss/upgrade/migrate-theme-to-var',
    OnceExit(root) {
      if (!designSystem) return
      let convert = createConverter(designSystem, { prettyPrint: true })

      root.walkDecls((decl) => {
        let [newValue] = convert(decl.value)
        decl.value = newValue
      })

      root.walkAtRules((atRule) => {
        if (
          atRule.name === 'media' ||
          atRule.name === 'custom-media' ||
          atRule.name === 'container' ||
          atRule.name === 'supports'
        ) {
          let [newValue] = convert(atRule.params, Convert.MigrateThemeOnly)
          atRule.params = newValue
        }
      })
    },
  }
}

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does migrate-theme-to-var.ts do?
migrate-theme-to-var.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the CommandLineInterface domain, Codemods subdomain.
What functions are defined in migrate-theme-to-var.ts?
migrate-theme-to-var.ts defines 1 function(s): migrateThemeToVar.
What does migrate-theme-to-var.ts depend on?
migrate-theme-to-var.ts imports 6 module(s): Convert, DesignSystem, createConverter, design-system.ts, migrate-theme-to-var.ts, postcss.
What files import migrate-theme-to-var.ts?
migrate-theme-to-var.ts is imported by 2 file(s): migrate-theme-to-var.test.ts, migrate.ts.
Where is migrate-theme-to-var.ts in the architecture?
migrate-theme-to-var.ts is located at packages/@tailwindcss-upgrade/src/codemods/css/migrate-theme-to-var.ts (domain: CommandLineInterface, subdomain: Codemods, directory: packages/@tailwindcss-upgrade/src/codemods/css).

Analyze Your Own Codebase

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

Try Supermodel Free