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 OxideCore Extractor calls 5

Entity Profile

Dependency Diagram

graph TD
  98dfdcac_ec22_e7a5_912e_7d87eb45892c["migrate()"]
  212fdf09_554d_16ba_fa52_c8b914655b58["fromString()"]
  98dfdcac_ec22_e7a5_912e_7d87eb45892c -->|calls| 212fdf09_554d_16ba_fa52_c8b914655b58
  8cff7398_1033_27cb_fa7c_04a0fe97eb95["fromRoot()"]
  98dfdcac_ec22_e7a5_912e_7d87eb45892c -->|calls| 8cff7398_1033_27cb_fa7c_04a0fe97eb95
  f57a23db_2b42_5741_b08b_f818729aad91["migrateAtLayerUtilities()"]
  98dfdcac_ec22_e7a5_912e_7d87eb45892c -->|calls| f57a23db_2b42_5741_b08b_f818729aad91
  e043f45b_85cc_a577_dfe0_8d4c73200c27["sortBuckets()"]
  98dfdcac_ec22_e7a5_912e_7d87eb45892c -->|calls| e043f45b_85cc_a577_dfe0_8d4c73200c27
  a342f353_2ecc_4db5_ac10_390f5d309eea["formatNodes()"]
  98dfdcac_ec22_e7a5_912e_7d87eb45892c -->|calls| a342f353_2ecc_4db5_ac10_390f5d309eea
  style 98dfdcac_ec22_e7a5_912e_7d87eb45892c 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