mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
691ed02f63
* 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
60 lines
1.5 KiB
JavaScript
60 lines
1.5 KiB
JavaScript
import postcss from 'postcss'
|
|
import fs from 'fs'
|
|
import path from 'path'
|
|
import tailwind from '../../src'
|
|
|
|
function pluginThatMutatesRules() {
|
|
return (root) => {
|
|
root.walkRules((rule) => {
|
|
rule.nodes
|
|
.filter((node) => node.prop === 'background-image')
|
|
.forEach((node) => {
|
|
node.value = 'url("./bar.png")'
|
|
})
|
|
|
|
return rule
|
|
})
|
|
}
|
|
}
|
|
|
|
function run(input, config = {}) {
|
|
return postcss(tailwind(config)).process(input, {
|
|
from: path.resolve(__filename),
|
|
})
|
|
}
|
|
|
|
test.only('plugins mutating rules after tailwind doesnt break it', async () => {
|
|
let config = {
|
|
content: [path.resolve(__dirname, './mutable.test.html')],
|
|
theme: {
|
|
backgroundImage: {
|
|
foo: 'url("./foo.png")',
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|
|
let css = `@tailwind utilities;`
|
|
|
|
function checkResult(result) {
|
|
let expectedPath = path.resolve(__dirname, './mutable.test.css')
|
|
let expected = fs.readFileSync(expectedPath, 'utf8')
|
|
|
|
expect(result.css).toMatchFormattedCss(expected)
|
|
}
|
|
|
|
// Verify the first run produces the expected result
|
|
let firstRun = await run(css, config)
|
|
checkResult(firstRun)
|
|
|
|
// Outside of the context of tailwind jit more postcss plugins may operate on the AST:
|
|
// In this case we have a plugin that mutates rules directly
|
|
await postcss([pluginThatMutatesRules()]).process(firstRun, {
|
|
from: path.resolve(__filename),
|
|
})
|
|
|
|
// Verify subsequent runs don't produce mutated rules
|
|
let secondRun = await run(css, config)
|
|
checkResult(secondRun)
|
|
})
|