migrate() — tailwindcss Function Reference

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

Function typescript CommandLineInterface Codemods calls 1

Entity Profile

CommandLineInterface→ Codemods→ migrate() — tailwindcss Function Reference

Dependency Diagram

graph TD
  e1339745_c682_c711_99e4_826034d7caaf["migrate()"]
  031a0782_4b19_e996_bb0e_a2f940729176["migrate-at-apply.test.ts"]
  e1339745_c682_c711_99e4_826034d7caaf -->|defined in| 031a0782_4b19_e996_bb0e_a2f940729176
  6d8d6d7e_6e94_511f_8419_616e12ba69b8["migrateAtApply()"]
  e1339745_c682_c711_99e4_826034d7caaf -->|calls| 6d8d6d7e_6e94_511f_8419_616e12ba69b8
  style e1339745_c682_c711_99e4_826034d7caaf 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)
}