migrate() — tailwindcss Function Reference

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

Function typescript UpgradeToolkit Codemods calls 1

Entity Profile

UpgradeToolkit→ Codemods→ migrate() — tailwindcss Function Reference

Dependency Diagram

graph TD
  1e8d8a66_5ee9_35e0_1d8a_571a5f74b9c6["migrate()"]
  412091df_9a6e_6a86_01bf_19968d3ae586["migrate-at-apply.test.ts"]
  1e8d8a66_5ee9_35e0_1d8a_571a5f74b9c6 -->|defined in| 412091df_9a6e_6a86_01bf_19968d3ae586
  66e0bbad_4b95_c393_4a95_0a694140aecd["migrateAtApply()"]
  1e8d8a66_5ee9_35e0_1d8a_571a5f74b9c6 -->|calls| 66e0bbad_4b95_c393_4a95_0a694140aecd
  style 1e8d8a66_5ee9_35e0_1d8a_571a5f74b9c6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-apply.test.ts lines 12–34

async function migrate(input: string, config: Config = {}) {
  let designSystem = await __unstable__loadDesignSystem(
    css`
      @import 'tailwindcss';

      /* TODO(perf): Only here to speed up the tests */
      @theme {
        --*: initial;
      }
    `,
    { base: __dirname },
  )

  return postcss()
    .use(
      migrateAtApply({
        designSystem,
        userConfig: config,
      }),
    )
    .process(input, { from: expect.getState().testPath })
    .then((result) => result.css)
}