tailwindcss Architecture Docs
Home / Function/ migrate() — tailwindcss Function Reference

migrate() — tailwindcss Function Reference

Architecture documentation for the migrate() function in migrate-at-layer-utilities.test.ts from the tailwindcss codebase.

Function typescript UpgradeToolkit Codemods calls 5

Entity Profile

Dependency Diagram

graph TD
  daaeb558_f493_21e4_086c_d337c75d4e05["migrate()"]
  bf639994_959a_cded_6f3a_163595545a18["migrate-at-layer-utilities.test.ts"]
  daaeb558_f493_21e4_086c_d337c75d4e05 -->|defined in| bf639994_959a_cded_6f3a_163595545a18
  262b7964_e372_0276_c700_6ecb193a4dad["fromString()"]
  daaeb558_f493_21e4_086c_d337c75d4e05 -->|calls| 262b7964_e372_0276_c700_6ecb193a4dad
  7f66fb08_0387_a204_8b96_006facd79673["fromRoot()"]
  daaeb558_f493_21e4_086c_d337c75d4e05 -->|calls| 7f66fb08_0387_a204_8b96_006facd79673
  a0235ccd_65fd_a71a_fafb_d79570dbb04c["migrateAtLayerUtilities()"]
  daaeb558_f493_21e4_086c_d337c75d4e05 -->|calls| a0235ccd_65fd_a71a_fafb_d79570dbb04c
  92a12a9f_b36d_4c66_d885_e04224081f21["sortBuckets()"]
  daaeb558_f493_21e4_086c_d337c75d4e05 -->|calls| 92a12a9f_b36d_4c66_d885_e04224081f21
  729a086c_18ec_2750_83e5_bdd730f8fa5e["formatNodes()"]
  daaeb558_f493_21e4_086c_d337c75d4e05 -->|calls| 729a086c_18ec_2750_83e5_bdd730f8fa5e
  style daaeb558_f493_21e4_086c_d337c75d4e05 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-layer-utilities.test.ts lines 13–43

async function migrate(
  data:
    | string
    | {
        root: postcss.Root
        layers?: string[]
      },
) {
  let stylesheet: Stylesheet

  if (typeof data === 'string') {
    stylesheet = await Stylesheet.fromString(data)
  } else {
    stylesheet = await Stylesheet.fromRoot(data.root)

    if (data.layers) {
      let meta = { layers: data.layers }
      let parent = await Stylesheet.fromString('.placeholder {}')

      stylesheet.parents.add({ item: parent, meta })
      parent.children.add({ item: stylesheet, meta })
    }
  }

  return postcss()
    .use(migrateAtLayerUtilities(stylesheet))
    .use(sortBuckets())
    .use(formatNodes())
    .process(stylesheet.root!, { from: expect.getState().testPath })
    .then((result) => result.css)
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does migrate() do?
migrate() is a function in the tailwindcss codebase, defined in packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-layer-utilities.test.ts.
Where is migrate() defined?
migrate() is defined in packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-layer-utilities.test.ts at line 13.
What does migrate() call?
migrate() calls 5 function(s): formatNodes, fromRoot, fromString, migrateAtLayerUtilities, sortBuckets.

Analyze Your Own Codebase

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

Try Supermodel Free