Remove AOT (tailwindlabs#5340)

* make `jit` mode the default when no mode is specified

* unify JIT and AOT codepaths

* ensure `Object.entries` on undefined doesn't break

It could be that sometimes you don't have values in your config (e.g.: `presets: []`), this in turn will break some plugins where we assume we have a value.

* drop AOT specific tests

These tests are all covered by JIT mode already and were AOT specific.

* simplify tests, and add a few

Some of the tests were written for AOT specifically, some were missing. We also updated the way we write those tests, essentially making Tailwind a blackbox, by testing against the final output.
Now that JIT mode is the default, this is super fast because we only generate what is used, instead of partially testing in a 3MB file or building it all, then purging.

* add some todo's to make sure we warn in a few cases

* make `darkMode: 'media'`, the default

This also includes moving dark mode tests to its own dedicated file.

* remove PostCSS 7 compat mode

* update CLI to be JIT-first

* fix integration tests

This is not a _real_ fix, but it does solve the broken test for now.

* warn when using @Responsive or @Variants

* remove the JIT preview warning

* remove AOT-only code paths

* remove all `mode: 'jit'` blocks

Also remove `variants: {}` since they are not useful in `JIT` mode
anymore.

* drop unused dependencies

* rename `purge` to `content`

* remove static CDN builds

* mark `--purge` as deprecated in the CLI

This will still work, but a warning will be printed and it won't show up
in the `--help` output.

* cleanup nesting plugin

We don't have to duplicate it anymore since there is no PostCSS 7
version anymore.

* make sure integration tests run in band

* cleanup folder structure

* make sure nesting folder is available

* simplify resolving of purge/content information

Author: RobinMalfait

.gitignore

@@ -10,11 +10,8 @@ index.html
 yarn.lock
 yarn-error.log
 
-# "External" plugins
-/nesting
-
 # Perf related files
 isolate*.log
 
 # Generated files
-/src/corePluginList.js
+/src/corePluginList.js

dist/.gitignore

@@ -5,7 +5,7 @@
   "scripts": {
     "build": "parcel build ./src/index.html --no-cache",
     "dev": "parcel watch ./src/index.html --no-cache",
-    "test": "jest"
+    "test": "jest --runInBand"
   },
   "jest": {
     "displayName": "parcel",

dist/.npmignore

@@ -1,13 +1,8 @@
 module.exports = {
-  purge: ['./src/index.html'],
-  mode: 'jit',
-  darkMode: false, // or 'media' or 'class'
+  content: ['./src/index.html'],
   theme: {
     extend: {},
   },
-  variants: {
-    extend: {},
-  },
   corePlugins: {
     preflight: false,
   },

integrations/parcel/package.json

@@ -127,9 +127,7 @@ describe.skip('watcher', () => {
         '../tailwind.config.js',
         javascript`
           module.exports = {
-            purge: ['./src/index.html'],
-            mode: 'jit',
-            darkMode: false, // or 'media' or 'class'
+            content: ['./src/index.html'],
             theme: {
               extend: {
                 screens: {
@@ -140,9 +138,6 @@ describe.skip('watcher', () => {
                 }
               },
             },
-            variants: {
-              extend: {},
-            },
             corePlugins: {
               preflight: false,
             },

integrations/parcel/tailwind.config.js

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "scripts": {
     "build": "NODE_ENV=production postcss ./src/index.css -o ./dist/main.css",
-    "test": "jest"
+    "test": "jest --runInBand"
   },
   "jest": {
     "displayName": "PostCSS CLI",

integrations/parcel/tests/integration.test.js

@@ -1,13 +1,8 @@
 module.exports = {
-  purge: ['./src/index.html'],
-  mode: 'jit',
-  darkMode: false, // or 'media' or 'class'
+  content: ['./src/index.html'],
   theme: {
     extend: {},
   },
-  variants: {
-    extend: {},
-  },
   corePlugins: {
     preflight: false,
   },

integrations/postcss-cli/package.json

@@ -109,9 +109,7 @@ describe('watcher', () => {
         '../tailwind.config.js',
         javascript`
           module.exports = {
-            purge: ['./src/index.html'],
-            mode: 'jit',
-            darkMode: false, // or 'media' or 'class'
+            content: ['./src/index.html'],
             theme: {
               extend: {
                 screens: {
@@ -122,9 +120,6 @@ describe('watcher', () => {
                 }
               },
             },
-            variants: {
-              extend: {},
-            },
             corePlugins: {
               preflight: false,
             },

integrations/postcss-cli/tailwind.config.js

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "scripts": {
     "build": "rollup -c",
-    "test": "jest"
+    "test": "jest --runInBand"
   },
   "jest": {
     "displayName": "rollup.js",