Move the CLI to its own package @tailwindcss/cli (#13095)

* move `cli` to its own package `@tailwindcss/cli`

* minify builds when using `tsup`

* prefer tsup cli flag over tsup.config.ts file

* add `--clean`, to make sure `dist/` folders are cleaned before building

* make CLI esm only

* use version of `tailwindcss` instead of the version of `@tailwindcss/cli`

packages/@tailwindcss-cli/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@tailwindcss/cli",
+  "version": "4.0.0-alpha.1",
+  "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
+  "license": "MIT",
+  "repository": "https://github.com/tailwindlabs/tailwindcss.git",
+  "bugs": "https://github.com/tailwindlabs/tailwindcss/issues",
+  "homepage": "https://tailwindcss.com",
+  "scripts": {
+    "lint": "tsc --noEmit",
+    "build": "tsup-node ./src/index.ts --format esm --minify --clean",
+    "dev": "pnpm run build -- --watch"
+  },
+  "bin": {
+    "tailwindcss": "./dist/index.mjs"
+  },
+  "exports": {
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@parcel/watcher": "^2.4.1",
+    "@tailwindcss/oxide": "workspace:^",
+    "mri": "^1.2.0",
+    "picocolors": "^1.0.0",
+    "postcss": "8.4.24",
+    "postcss-import": "^16.0.0",
+    "tailwindcss": "workspace:^"
+  },
+  "devDependencies": {
+    "@types/postcss-import": "^14.0.3"
+  }
+}

packages/@tailwindcss-cli/src/commands/build/index.ts

@@ -12,7 +12,7 @@ import fs from 'node:fs/promises'
 import path from 'node:path'
 import postcss from 'postcss'
 import atImport from 'postcss-import'
-import { compile, optimizeCss } from '../../..'
+import { compile, optimizeCss } from 'tailwindcss'
 import type { Arg, Result } from '../../utils/args'
 import {
   eprintln,

packages/@tailwindcss-cli/src/utils/renderer.ts

@@ -1,6 +1,6 @@
 import path from 'node:path'
 import pc from 'picocolors'
-import { version } from '../../../package.json'
+import { version } from 'tailwindcss/package.json'
 import { formatNanoseconds } from './format-ns'
 
 export const UI = {

packages/@tailwindcss-cli/src/utils/resolve.ts

@@ -0,0 +1,3 @@
+import { createRequire } from 'node:module'
+
+export const resolve = createRequire(import.meta.url).resolve

packages/@tailwindcss-cli/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../tsconfig.base.json",
+}

packages/@tailwindcss-postcss/package.json

@@ -8,7 +8,7 @@
   "homepage": "https://tailwindcss.com",
   "scripts": {
     "lint": "tsc --noEmit",
-    "build": "tsup-node ./src/index.ts --format cjs --dts --cjsInterop --splitting",
+    "build": "tsup-node ./src/index.ts --format cjs --dts --cjsInterop --splitting --minify --clean",
     "dev": "pnpm run build -- --watch"
   },
   "files": [

packages/@tailwindcss-vite/package.json

@@ -7,7 +7,7 @@
   "bugs": "https://github.com/tailwindlabs/tailwindcss/issues",
   "homepage": "https://tailwindcss.com",
   "scripts": {
-    "build": "tsup-node ./src/index.ts --format esm --dts",
+    "build": "tsup-node ./src/index.ts --format esm --dts --minify --clean",
     "dev": "pnpm run build -- --watch"
   },
   "files": [

packages/tailwindcss/package.json

@@ -12,9 +12,6 @@
     "dev": "tsup-node --env.NODE_ENV development --watch",
     "test:ui": "playwright test"
   },
-  "bin": {
-    "tailwindcss": "./dist/cli.js"
-  },
   "exports": {
     ".": {
       "style": "./index.css",
@@ -52,16 +49,10 @@
     "utilities.css"
   ],
   "dependencies": {
-    "@parcel/watcher": "^2.4.1",
-    "lightningcss": "^1.24.0",
-    "mri": "^1.2.0",
-    "picocolors": "^1.0.0",
-    "postcss": "8.4.24",
-    "postcss-import": "^16.0.0"
+    "lightningcss": "^1.24.0"
   },
   "devDependencies": {
     "@tailwindcss/oxide": "workspace:^",
-    "@types/node": "^20.10.8",
-    "@types/postcss-import": "^14.0.3"
+    "@types/node": "^20.10.8"
   }
 }

packages/tailwindcss/src/cli/utils/resolve.ts

@@ -1,4 +0,0 @@
-import { createRequire } from 'node:module'
-
-export const resolve =
-  typeof require?.resolve !== 'undefined' ? require.resolve : createRequire(import.meta.url).resolve

packages/tailwindcss/tsup.config.ts

@@ -3,10 +3,9 @@ import { defineConfig } from 'tsup'
 export default defineConfig({
   format: ['esm', 'cjs'],
   clean: true,
-  treeshake: true,
+  minify: true,
   dts: true,
   entry: {
     lib: 'src/index.ts',
-    cli: 'src/cli/index.ts',
   },
 })