Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove support for TAILWIND_MODE=watch #6858

Merged
merged 2 commits into from Jan 3, 2022
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
1 change: 1 addition & 0 deletions CHANGELOG.md
Expand Up @@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Validate `theme()` works in arbitrary values ([#6852](https://github.com/tailwindlabs/tailwindcss/pull/6852))
- Properly detect `theme()` value usage in arbitrary properties ([#6854](https://github.com/tailwindlabs/tailwindcss/pull/6854))
- Improve collapsing of duplicate declarations ([#6856](https://github.com/tailwindlabs/tailwindcss/pull/6856))
- Remove the watching context ([#6858](https://github.com/tailwindlabs/tailwindcss/pull/6858))

## [3.0.8] - 2021-12-28

Expand Down
12 changes: 3 additions & 9 deletions integrations/parcel/tests/integration.test.js
Expand Up @@ -43,9 +43,7 @@ describe.skip('watcher', () => {
`
)

let runningProcess = $('parcel watch ./src/index.html --no-cache', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('parcel watch ./src/index.html --no-cache')

await waitForOutputFileCreation(/index\.\w+\.css$/)

Expand Down Expand Up @@ -103,9 +101,7 @@ describe.skip('watcher', () => {
`
)

let runningProcess = $('parcel watch ./src/index.html --no-cache', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('parcel watch ./src/index.html --no-cache')

await waitForOutputFileCreation(/index\.\w+\.css$/)

Expand Down Expand Up @@ -172,9 +168,7 @@ describe.skip('watcher', () => {
`
)

let runningProcess = $('parcel watch ./src/index.html --no-cache', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('parcel watch ./src/index.html --no-cache')

await waitForOutputFileCreation(/index\.\w+\.css$/)

Expand Down
12 changes: 3 additions & 9 deletions integrations/postcss-cli/tests/integration.test.js
Expand Up @@ -32,9 +32,7 @@ describe('watcher', () => {
test('classes are generated when the html file changes', async () => {
await writeInputFile('index.html', html`<div class="font-bold"></div>`)

let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose')
await runningProcess.onStderr(ready)

expect(await readOutputFile('main.css')).toIncludeCss(
Expand Down Expand Up @@ -83,9 +81,7 @@ describe('watcher', () => {
test('classes are generated when the tailwind.config.js file changes', async () => {
await writeInputFile('index.html', html`<div class="font-bold md:font-medium"></div>`)

let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose')

await runningProcess.onStderr(ready)

Expand Down Expand Up @@ -145,9 +141,7 @@ describe('watcher', () => {
test('classes are generated when the index.css file changes', async () => {
await writeInputFile('index.html', html`<div class="font-bold btn"></div>`)

let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose', {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $('postcss ./src/index.css -o ./dist/main.css -w --verbose')

await runningProcess.onStderr(ready)

Expand Down
8 changes: 4 additions & 4 deletions integrations/rollup/tests/integration.test.js
Expand Up @@ -28,11 +28,11 @@ describe('static build', () => {
})
})

describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watcher %p', (env) => {
describe('watcher', () => {
test(`classes are generated when the html file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold"></div>`)

let runningProcess = $('rollup -c --watch', { env })
let runningProcess = $('rollup -c --watch')
await runningProcess.onStderr(ready)

expect(await readOutputFile('index.css')).toIncludeCss(
Expand Down Expand Up @@ -81,7 +81,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
test(`classes are generated when the tailwind.config.js file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold md:font-medium"></div>`)

let runningProcess = $('rollup -c --watch', { env })
let runningProcess = $('rollup -c --watch')
await runningProcess.onStderr(ready)

expect(await readOutputFile('index.css')).toIncludeCss(
Expand Down Expand Up @@ -140,7 +140,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
test(`classes are generated when the index.css file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold btn"></div>`)

let runningProcess = $('rollup -c --watch', { env })
let runningProcess = $('rollup -c --watch')
await runningProcess.onStderr(ready)

expect(await readOutputFile('index.css')).toIncludeCss(
Expand Down
12 changes: 3 additions & 9 deletions integrations/vite/tests/integration.test.js
Expand Up @@ -53,9 +53,7 @@ describe('watcher', () => {
`
)

let runningProcess = $(`vite --port ${PORT}`, {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $(`vite --port ${PORT}`)
await runningProcess.onStdout((message) => message.includes('ready in'))

expect(await fetchCSS()).toIncludeCss(
Expand Down Expand Up @@ -110,9 +108,7 @@ describe('watcher', () => {
`
)

let runningProcess = $(`vite --port ${PORT}`, {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $(`vite --port ${PORT}`)
await runningProcess.onStdout((message) => message.includes('ready in'))

expect(await fetchCSS()).toIncludeCss(
Expand Down Expand Up @@ -177,9 +173,7 @@ describe('watcher', () => {
`
)

let runningProcess = $(`vite --port ${PORT}`, {
env: { TAILWIND_MODE: 'watch' },
})
let runningProcess = $(`vite --port ${PORT}`)
await runningProcess.onStdout((message) => message.includes('ready in'))

expect(await fetchCSS()).toIncludeCss(
Expand Down
8 changes: 4 additions & 4 deletions integrations/webpack-4/tests/integration.test.js
Expand Up @@ -25,11 +25,11 @@ describe('static build', () => {
})
})

describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watcher %p', (env) => {
describe('watcher', () => {
test(`classes are generated when the html file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold"></div>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down Expand Up @@ -81,7 +81,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
test(`classes are generated when the tailwind.config.js file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold md:font-medium"></div>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down Expand Up @@ -142,7 +142,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
test(`classes are generated when the index.css file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold btn"></div>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down
10 changes: 5 additions & 5 deletions integrations/webpack-5/tests/integration.test.js
Expand Up @@ -25,11 +25,11 @@ describe('static build', () => {
})
})

describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watcher %p', (env) => {
describe('watcher', () => {
test(`classes are generated when the html file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold"></div>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down Expand Up @@ -81,7 +81,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
test(`classes are generated when the tailwind.config.js file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold md:font-medium"></div>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down Expand Up @@ -142,7 +142,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
test(`classes are generated when the index.css file changes`, async () => {
await writeInputFile('index.html', html`<div class="font-bold btn"></div>`)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down Expand Up @@ -245,7 +245,7 @@ describe.each([{ TAILWIND_MODE: 'watch' }, { TAILWIND_MODE: undefined }])('watch
`
)

let runningProcess = $('webpack --mode=development --watch', { env })
let runningProcess = $('webpack --mode=development --watch')

await waitForOutputFileCreation('main.css')

Expand Down