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 CommandLineInterface Codemods calls 5

Entity Profile

Dependency Diagram

graph TD
  084f6f8b_fe90_a5cf_9cf6_6fcc92cc6163["migrate()"]
  2cb5ef1d_43c0_4377_fe5a_941d800f83c7["migrate-at-layer-utilities.test.ts"]
  084f6f8b_fe90_a5cf_9cf6_6fcc92cc6163 -->|defined in| 2cb5ef1d_43c0_4377_fe5a_941d800f83c7
  ec11586e_b7a4_c86a_a7da_b615801ad878["fromString()"]
  084f6f8b_fe90_a5cf_9cf6_6fcc92cc6163 -->|calls| ec11586e_b7a4_c86a_a7da_b615801ad878
  6df45c70_0c27_5b96_717a_5a24abadaaf4["fromRoot()"]
  084f6f8b_fe90_a5cf_9cf6_6fcc92cc6163 -->|calls| 6df45c70_0c27_5b96_717a_5a24abadaaf4
  9456daf3_1cee_2ab1_7f06_8dc2cedc967a["migrateAtLayerUtilities()"]
  084f6f8b_fe90_a5cf_9cf6_6fcc92cc6163 -->|calls| 9456daf3_1cee_2ab1_7f06_8dc2cedc967a
  bbbe5224_64f9_042a_8b85_2e287c62c4d1["sortBuckets()"]
  084f6f8b_fe90_a5cf_9cf6_6fcc92cc6163 -->|calls| bbbe5224_64f9_042a_8b85_2e287c62c4d1
  9f6b611c_7303_0355_74f7_03283a44c6d0["formatNodes()"]
  084f6f8b_fe90_a5cf_9cf6_6fcc92cc6163 -->|calls| 9f6b611c_7303_0355_74f7_03283a44c6d0
  style 084f6f8b_fe90_a5cf_9cf6_6fcc92cc6163 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