#!/usr/bin/env node
import { globby } from 'globby'
import path from 'node:path'
import type { Config } from 'tailwindcss'
import type { DesignSystem } from '../../tailwindcss/src/design-system'
import { help } from './commands/help'
import { migrate as migrateStylesheet } from './migrate'
import { migrate as migrateTemplate } from './template/migrate'
import { parseConfig } from './template/parseConfig'
import { args, type Arg } from './utils/args'
import { isRepoDirty } from './utils/git'
import { eprintln, error, header, highlight, info, success } from './utils/renderer'
const options = {
'--config': { type: 'string', description: 'Path to the configuration file', alias: '-c' },
'--help': { type: 'boolean', description: 'Display usage information', alias: '-h' },
'--force': { type: 'boolean', description: 'Force the migration', alias: '-f' },
'--version': { type: 'boolean', description: 'Display the version number', alias: '-v' },
} satisfies Arg
const flags = args(options)
if (flags['--help']) {
help({
usage: ['npx @tailwindcss/upgrade'],
options,
})
process.exit(0)
}
async function run() {
eprintln(header())
eprintln()
if (!flags['--force']) {
if (isRepoDirty()) {
error('Git directory is not clean. Please stash or commit your changes before migrating.')
info(
`You may use the ${highlight('--force')} flag to silence this warning and perform the migration.`,
)
process.exit(1)
}
}
let parsedConfig: {
designSystem: DesignSystem
globs: { pattern: string; base: string }[]
userConfig: Config
newPrefix: string | null
} | null = null
if (flags['--config']) {
try {
parsedConfig = await parseConfig(flags['--config'], { base: process.cwd() })
} catch (e: any) {
error(`Failed to parse the configuration file: ${e.message}`)
process.exit(1)
}
}
if (parsedConfig) {
info('Migrating templates using the provided configuration file.')
let set = new Set<string>()
for (let { pattern, base } of parsedConfig.globs) {
let files = await globby([pattern], {
absolute: true,
gitignore: true,
cwd: base,
})
for (let file of files) {
set.add(file)
}
}
let files = Array.from(set)
files.sort()
await Promise.allSettled(
files.map((file) =>
migrateTemplate(parsedConfig.designSystem, parsedConfig.userConfig, file),
),
)
success('Template migration complete.')
}
{
let files = flags._.map((file) => path.resolve(process.cwd(), file))
if (files.length === 0) {
info(
'No input stylesheets provided. Searching for CSS files in the current directory and its subdirectories…',
)
files = await globby(['**/*.css'], {
absolute: true,
gitignore: true,
})
}
files = files.filter((file) => file.endsWith('.css'))
await Promise.allSettled(
files.map((file) =>
migrateStylesheet(file, { newPrefix: parsedConfig?.newPrefix ?? undefined }),
),
)
success('Stylesheet migration complete.')
}
if (isRepoDirty()) {
success('Verify the changes and commit them to your repository.')
} else {
success('No changes were made to your repository.')
}
}
run()
.then(() => process.exit(0))
.catch((err) => {
console.error(err)
process.exit(1)
})