Always prepend the license comment (#11476)

* always prepend the Tailwind License

Even when you are not using preflight.

* drop the Tailwind License from the preflight plugin

* drop the license in the tests

This allows us to focus on the actual generated CSS without the license.
The license also includes the version number which we would have to
update every time we release a new version.

* update the source maps snapshots

* always prepend the license when using the CLI

* update Tailwind CLI integration test

Author: RobinMalfait

integrations/tailwindcss-cli/tests/cli.test.js

@@ -120,7 +120,8 @@ describe('Build command', () => {
     // This contains --webkit-user-select which may be strange, but it is expected because we are
     // not handling the `--no-autoprefixer` flag anymore at all.
     expect(withoutAutoprefixer).toMatchInlineSnapshot(`
-      ".select-none {
+      "/* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */
+      .select-none {
         -webkit-user-select: none;
         user-select: none;
       }

jest/customMatchers.js

@@ -1,6 +1,11 @@
 const prettier = require('prettier')
 const { diff } = require('jest-diff')
 const log = require('../src/util/log').default
+const { version } = require('../package.json')
+
+function license() {
+  return `/* ! tailwindcss v${version} | MIT License | https://tailwindcss.com */\n`
+}
 
 let warn
 
@@ -31,6 +36,11 @@ function toMatchFormattedCss(received = '', argument = '') {
     promise: this.promise,
   }
 
+  // Drop the license from the tests such that we can purely focus on the actual CSS being
+  // generated.
+  received = received.replace(license(), '')
+  argument = argument.replace(license(), '')
+
   let formattedReceived = format(received)
   let formattedArgument = format(argument)
 

src/cli/build/plugin.js

@@ -26,6 +26,10 @@ import { validateConfig } from '../../util/validateConfig'
 import { handleImportAtRules } from '../../lib/handleImportAtRules'
 import { flagEnabled } from '../../featureFlags'
 
+function license() {
+  return `/* ! tailwindcss v${pkg.version} | MIT License | https://tailwindcss.com */\n`
+}
+
 async function lightningcss(result, { map = true, minify = true } = {}) {
   try {
     let resolvedBrowsersListConfig = browserslist.findConfig(
@@ -377,12 +381,12 @@ export async function createProcessor(args, cliConfigPath) {
       })
       .then((result) => {
         if (!output) {
-          process.stdout.write(result.css)
+          process.stdout.write(license() + result.css)
           return
         }
 
         return Promise.all([
-          outputFile(result.opts.to, result.css),
+          outputFile(result.opts.to, license() + result.css),
           result.map && outputFile(result.opts.to + '.map', result.map.toString()),
         ])
       })

src/corePlugins.js

@@ -10,7 +10,6 @@ import withAlphaVariable, { withAlphaValue } from './util/withAlphaVariable'
 import toColorValue from './util/toColorValue'
 import isPlainObject from './util/isPlainObject'
 import transformThemeValue from './util/transformThemeValue'
-import { version as tailwindVersion } from '../package.json'
 import log from './util/log'
 import {
   normalizeScreens,
@@ -496,12 +495,7 @@ export let corePlugins = {
       fs.readFileSync(path.join(__dirname, './css/preflight.css'), 'utf8')
     )
 
-    addBase([
-      postcss.comment({
-        text: `! tailwindcss v${tailwindVersion} | MIT License | https://tailwindcss.com`,
-      }),
-      ...preflightStyles.nodes,
-    ])
+    addBase(preflightStyles.nodes)
   },
 
   container: (() => {

src/plugin.js

@@ -6,6 +6,11 @@ import processTailwindFeatures from './processTailwindFeatures'
 import { env } from './lib/sharedState'
 import { findAtConfigPath } from './lib/findAtConfigPath'
 import { handleImportAtRules } from './lib/handleImportAtRules'
+import { version as tailwindVersion } from '../package.json'
+
+function license() {
+  return `/* ! tailwindcss v${tailwindVersion} | MIT License | https://tailwindcss.com */\n`
+}
 
 module.exports = function tailwindcss(configOrPath) {
   return {
@@ -87,7 +92,7 @@ module.exports = function tailwindcss(configOrPath) {
             }
           }
 
-          result.root = postcss.parse(code, {
+          result.root = postcss.parse(license() + code, {
             ...result.opts,
             map: intermediateMap,
           })