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 RustCore PreProcessors calls 5

Entity Profile

Dependency Diagram

graph TD
  86e5240c_c4b1_4628_44c0_1c2f8a0111de["migrate()"]
  d4d75164_04a2_fe3d_f794_9dd61fac1980["fromString()"]
  86e5240c_c4b1_4628_44c0_1c2f8a0111de -->|calls| d4d75164_04a2_fe3d_f794_9dd61fac1980
  00a72c03_aa8d_9f10_4647_e050b83f754e["fromRoot()"]
  86e5240c_c4b1_4628_44c0_1c2f8a0111de -->|calls| 00a72c03_aa8d_9f10_4647_e050b83f754e
  2ec0ecaf_3c01_fcc3_d0f0_05dbeae5f6e0["migrateAtLayerUtilities()"]
  86e5240c_c4b1_4628_44c0_1c2f8a0111de -->|calls| 2ec0ecaf_3c01_fcc3_d0f0_05dbeae5f6e0
  f8da4c29_335c_9511_8ded_97963c8de7d7["sortBuckets()"]
  86e5240c_c4b1_4628_44c0_1c2f8a0111de -->|calls| f8da4c29_335c_9511_8ded_97963c8de7d7
  5d3451a8_5d2d_de8f_920f_deec034713bd["formatNodes()"]
  86e5240c_c4b1_4628_44c0_1c2f8a0111de -->|calls| 5d3451a8_5d2d_de8f_920f_deec034713bd
  style 86e5240c_c4b1_4628_44c0_1c2f8a0111de 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

Calls

Source

Frequently Asked Questions

What does migrate() do?
migrate() is a function in the tailwindcss codebase.
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