tailwindcss 0.0.0-insiders.c4e443a → 0.0.0-insiders.c5ca373
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +142 -9
- package/README.md +6 -3
- package/defaultTheme.d.ts +2 -1
- package/lib/cli/build/deps.js +54 -0
- package/lib/cli/build/index.js +44 -0
- package/lib/cli/build/plugin.js +317 -0
- package/lib/cli/build/utils.js +78 -0
- package/lib/cli/build/watching.js +113 -0
- package/lib/cli/help/index.js +71 -0
- package/lib/cli/index.js +18 -0
- package/lib/cli/init/index.js +46 -0
- package/lib/cli/shared.js +12 -0
- package/lib/cli-peer-dependencies.js +12 -4
- package/lib/cli.js +27 -603
- package/lib/constants.js +19 -12
- package/lib/corePluginList.js +5 -3
- package/lib/corePlugins.js +459 -334
- package/lib/css/preflight.css +5 -0
- package/lib/featureFlags.js +22 -15
- package/lib/index.js +16 -9
- package/lib/lib/cacheInvalidation.js +42 -21
- package/lib/lib/collapseAdjacentRules.js +15 -13
- package/lib/lib/collapseDuplicateDeclarations.js +11 -8
- package/lib/lib/content.js +162 -0
- package/lib/lib/defaultExtractor.js +115 -71
- package/lib/lib/detectNesting.js +6 -3
- package/lib/lib/evaluateTailwindFunctions.js +103 -52
- package/lib/lib/expandApplyAtRules.js +115 -93
- package/lib/lib/expandTailwindAtRules.js +128 -143
- package/lib/lib/findAtConfigPath.js +44 -0
- package/lib/lib/generateRules.js +281 -174
- package/lib/lib/getModuleDependencies.js +21 -18
- package/lib/lib/normalizeTailwindDirectives.js +11 -8
- package/lib/lib/offsets.js +211 -0
- package/lib/lib/partitionApplyAtRules.js +14 -11
- package/lib/lib/regex.js +17 -10
- package/lib/lib/resolveDefaultsAtRules.js +97 -79
- package/lib/lib/setupContextUtils.js +299 -204
- package/lib/lib/setupTrackingContext.js +77 -109
- package/lib/lib/sharedState.js +16 -10
- package/lib/lib/substituteScreenAtRules.js +9 -7
- package/lib/postcss-plugins/nesting/index.js +7 -5
- package/lib/postcss-plugins/nesting/plugin.js +8 -6
- package/lib/processTailwindFeatures.js +34 -31
- package/lib/public/colors.js +7 -5
- package/lib/public/create-plugin.js +6 -4
- package/lib/public/default-config.js +7 -5
- package/lib/public/default-theme.js +7 -5
- package/lib/public/resolve-config.js +13 -10
- package/lib/util/bigSign.js +4 -1
- package/lib/util/buildMediaQuery.js +7 -5
- package/lib/util/cloneDeep.js +6 -5
- package/lib/util/cloneNodes.js +9 -2
- package/lib/util/color.js +16 -13
- package/lib/util/configurePlugins.js +5 -2
- package/lib/util/createPlugin.js +6 -5
- package/lib/util/createUtilityPlugin.js +14 -12
- package/lib/util/dataTypes.js +47 -50
- package/lib/util/defaults.js +4 -1
- package/lib/util/escapeClassName.js +12 -9
- package/lib/util/escapeCommas.js +4 -1
- package/lib/util/flattenColorPalette.js +7 -8
- package/lib/util/formatVariantSelector.js +115 -24
- package/lib/util/getAllConfigs.js +32 -13
- package/lib/util/hashConfig.js +10 -7
- package/lib/util/isKeyframeRule.js +4 -1
- package/lib/util/isPlainObject.js +4 -1
- package/lib/util/isValidArbitraryValue.js +33 -25
- package/lib/util/log.js +14 -8
- package/lib/util/nameClass.js +16 -8
- package/lib/util/negateValue.js +20 -5
- package/lib/util/normalizeConfig.js +68 -34
- package/lib/util/normalizeScreens.js +18 -4
- package/lib/util/parseAnimationValue.js +43 -41
- package/lib/util/parseBoxShadowValue.js +12 -4
- package/lib/util/parseDependency.js +37 -55
- package/lib/util/parseGlob.js +34 -0
- package/lib/util/parseObjectStyles.js +15 -12
- package/lib/util/pluginUtils.js +43 -24
- package/lib/util/prefixSelector.js +6 -3
- package/lib/util/removeAlphaVariables.js +29 -0
- package/lib/util/resolveConfig.js +61 -85
- package/lib/util/resolveConfigPath.js +20 -17
- package/lib/util/responsive.js +12 -9
- package/lib/util/splitAtTopLevelOnly.js +35 -64
- package/lib/util/tap.js +4 -1
- package/lib/util/toColorValue.js +4 -1
- package/lib/util/toPath.js +18 -2
- package/lib/util/transformThemeValue.js +19 -9
- package/lib/util/validateConfig.js +6 -3
- package/lib/util/validateFormalSyntax.js +24 -0
- package/lib/util/withAlphaVariable.js +32 -24
- package/package.json +20 -19
- package/peers/index.js +3892 -2247
- package/plugin.d.ts +3 -3
- package/resolveConfig.d.ts +3 -0
- package/scripts/generate-types.js +53 -0
- package/scripts/type-utils.js +27 -0
- package/src/cli/build/deps.js +56 -0
- package/src/cli/build/index.js +45 -0
- package/src/cli/build/plugin.js +372 -0
- package/src/cli/build/utils.js +76 -0
- package/src/cli/build/watching.js +134 -0
- package/src/cli/help/index.js +70 -0
- package/src/cli/index.js +3 -0
- package/src/cli/init/index.js +50 -0
- package/src/cli/shared.js +5 -0
- package/src/cli.js +5 -677
- package/src/corePlugins.js +150 -63
- package/src/css/preflight.css +5 -0
- package/src/featureFlags.js +10 -2
- package/src/index.js +5 -0
- package/src/lib/content.js +199 -0
- package/src/lib/defaultExtractor.js +50 -34
- package/src/lib/evaluateTailwindFunctions.js +74 -17
- package/src/lib/expandApplyAtRules.js +76 -29
- package/src/lib/expandTailwindAtRules.js +8 -46
- package/src/lib/findAtConfigPath.js +50 -0
- package/src/lib/generateRules.js +227 -103
- package/src/lib/offsets.js +260 -0
- package/src/lib/resolveDefaultsAtRules.js +53 -36
- package/src/lib/setupContextUtils.js +180 -82
- package/src/lib/setupTrackingContext.js +4 -45
- package/src/util/cloneNodes.js +5 -1
- package/src/util/dataTypes.js +18 -22
- package/src/util/formatVariantSelector.js +116 -10
- package/src/util/getAllConfigs.js +19 -0
- package/src/util/log.js +1 -1
- package/src/util/negateValue.js +10 -2
- package/src/util/normalizeConfig.js +22 -2
- package/src/util/parseBoxShadowValue.js +1 -1
- package/src/util/parseDependency.js +37 -42
- package/src/util/parseGlob.js +24 -0
- package/src/util/pluginUtils.js +17 -3
- package/src/util/removeAlphaVariables.js +24 -0
- package/src/util/resolveConfig.js +7 -35
- package/src/util/splitAtTopLevelOnly.js +23 -49
- package/src/util/transformThemeValue.js +9 -1
- package/src/util/validateFormalSyntax.js +34 -0
- package/src/util/withAlphaVariable.js +1 -1
- package/stubs/defaultConfig.stub.js +9 -2
- package/stubs/simpleConfig.stub.js +1 -0
- package/types/config.d.ts +27 -12
- package/types/generated/default-theme.d.ts +331 -0
- package/types/index.d.ts +7 -1
- package/types.d.ts +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,125 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
7
7
|
|
|
8
8
|
## [Unreleased]
|
|
9
9
|
|
|
10
|
+
### Added
|
|
11
|
+
|
|
12
|
+
- Add new `break-keep` utility for `word-break: keep-all` ([#9393](https://github.com/tailwindlabs/tailwindcss/pull/9393))
|
|
13
|
+
- Add support for configuring default `font-feature-settings` for a font family ([#9039](https://github.com/tailwindlabs/tailwindcss/pull/9039))
|
|
14
|
+
- Add a standalone CLI build for 32-bit Linux on ARM (`node16-linux-armv7`) ([#9084](https://github.com/tailwindlabs/tailwindcss/pull/9084))
|
|
15
|
+
- Add future flag to disable color opacity utility plugins ([#9088](https://github.com/tailwindlabs/tailwindcss/pull/9088))
|
|
16
|
+
- Add negative value support for `outline-offset` ([#9136](https://github.com/tailwindlabs/tailwindcss/pull/9136))
|
|
17
|
+
- Allow negating utilities using min/max/clamp ([#9237](https://github.com/tailwindlabs/tailwindcss/pull/9237))
|
|
18
|
+
- Add new `collapse` utility for `visibility: collapse` ([#9181](https://github.com/tailwindlabs/tailwindcss/pull/9181))
|
|
19
|
+
- Allow resolving content paths relative to the config file ([#9396](https://github.com/tailwindlabs/tailwindcss/pull/9396))
|
|
20
|
+
- Add `@config` support ([#9405](https://github.com/tailwindlabs/tailwindcss/pull/9405))
|
|
21
|
+
- Add `fill-none` and `stroke-none` utilities by default ([#9403](https://github.com/tailwindlabs/tailwindcss/pull/9403))
|
|
22
|
+
- Support `sort` function in `matchVariant` ([#9423](https://github.com/tailwindlabs/tailwindcss/pull/9423))
|
|
23
|
+
- Implement the `supports` variant ([#9453](https://github.com/tailwindlabs/tailwindcss/pull/9453))
|
|
24
|
+
- Add experimental `label`s for variants ([#9456](https://github.com/tailwindlabs/tailwindcss/pull/9456))
|
|
25
|
+
- Added 'place-content-baseline' utility ([#9498](https://github.com/tailwindlabs/tailwindcss/pull/9498))
|
|
26
|
+
|
|
27
|
+
### Fixed
|
|
28
|
+
|
|
29
|
+
- Use absolute paths when resolving changed files for resilience against working directory changes ([#9032](https://github.com/tailwindlabs/tailwindcss/pull/9032))
|
|
30
|
+
- Fix ring color utility generation when using `respectDefaultRingColorOpacity` ([#9070](https://github.com/tailwindlabs/tailwindcss/pull/9070))
|
|
31
|
+
- Sort tags before classes when `@applying` a selector with joined classes ([#9107](https://github.com/tailwindlabs/tailwindcss/pull/9107))
|
|
32
|
+
- Remove invalid `outline-hidden` utility ([#9147](https://github.com/tailwindlabs/tailwindcss/pull/9147))
|
|
33
|
+
- Honor the `hidden` attribute on elements in preflight ([#9174](https://github.com/tailwindlabs/tailwindcss/pull/9174))
|
|
34
|
+
- Don't stop watching atomically renamed files ([#9173](https://github.com/tailwindlabs/tailwindcss/pull/9173), [#9215](https://github.com/tailwindlabs/tailwindcss/pull/9215))
|
|
35
|
+
- Re-use existing entries in the rule cache ([#9208](https://github.com/tailwindlabs/tailwindcss/pull/9208))
|
|
36
|
+
- Don't output duplicate utilities ([#9208](https://github.com/tailwindlabs/tailwindcss/pull/9208))
|
|
37
|
+
- Fix `fontFamily` config TypeScript types ([#9214](https://github.com/tailwindlabs/tailwindcss/pull/9214))
|
|
38
|
+
- Handle variants on complex selector utilities ([#9262](https://github.com/tailwindlabs/tailwindcss/pull/9262))
|
|
39
|
+
- Don't mutate shared config objects ([#9294](https://github.com/tailwindlabs/tailwindcss/pull/9294))
|
|
40
|
+
- Fix ordering of parallel variants ([#9282](https://github.com/tailwindlabs/tailwindcss/pull/9282))
|
|
41
|
+
- Handle variants in utility selectors using `:where()` and `:has()` ([#9309](https://github.com/tailwindlabs/tailwindcss/pull/9309))
|
|
42
|
+
- Improve data type analyses for arbitrary values ([#9320](https://github.com/tailwindlabs/tailwindcss/pull/9320))
|
|
43
|
+
- Don't emit generated utilities with invalid uses of theme functions ([#9319](https://github.com/tailwindlabs/tailwindcss/pull/9319))
|
|
44
|
+
- Revert change that only listened for stdin close on TTYs ([#9331](https://github.com/tailwindlabs/tailwindcss/pull/9331))
|
|
45
|
+
- Ignore unset values (like `null` or `undefined`) when resolving the classList for intellisense ([#9385](https://github.com/tailwindlabs/tailwindcss/pull/9385))
|
|
46
|
+
- Implement fallback plugins when arbitrary values result in css from multiple plugins ([#9376](https://github.com/tailwindlabs/tailwindcss/pull/9376))
|
|
47
|
+
- Improve type checking for formal syntax ([#9349](https://github.com/tailwindlabs/tailwindcss/pull/9349), [#9448](https://github.com/tailwindlabs/tailwindcss/pull/9448))
|
|
48
|
+
- Don't require `content` key in custom plugin configs ([#9502](https://github.com/tailwindlabs/tailwindcss/pull/9502))
|
|
49
|
+
|
|
50
|
+
## [3.1.8] - 2022-08-05
|
|
51
|
+
|
|
52
|
+
### Fixed
|
|
53
|
+
|
|
54
|
+
- Don’t prefix classes within reused arbitrary variants ([#8992](https://github.com/tailwindlabs/tailwindcss/pull/8992))
|
|
55
|
+
- Fix usage of alpha values inside single-named colors that are functions ([#9008](https://github.com/tailwindlabs/tailwindcss/pull/9008))
|
|
56
|
+
- Fix `@apply` of user utilities when negative and non-negative versions both exist ([#9027](https://github.com/tailwindlabs/tailwindcss/pull/9027))
|
|
57
|
+
|
|
58
|
+
## [3.1.7] - 2022-07-29
|
|
59
|
+
|
|
60
|
+
### Fixed
|
|
61
|
+
|
|
62
|
+
- Don't rewrite source maps for `@layer` rules ([#8971](https://github.com/tailwindlabs/tailwindcss/pull/8971))
|
|
63
|
+
|
|
64
|
+
### Added
|
|
65
|
+
|
|
66
|
+
- Added types for `resolveConfig` ([#8924](https://github.com/tailwindlabs/tailwindcss/pull/8924))
|
|
67
|
+
|
|
68
|
+
## [3.1.6] - 2022-07-11
|
|
69
|
+
|
|
70
|
+
### Fixed
|
|
71
|
+
|
|
72
|
+
- Fix usage on Node 12.x ([b4e637e](https://github.com/tailwindlabs/tailwindcss/commit/b4e637e2e096a9d6f2210efba9541f6fd4f28e56))
|
|
73
|
+
- Handle theme keys with slashes when using `theme()` in CSS ([#8831](https://github.com/tailwindlabs/tailwindcss/pull/8831))
|
|
74
|
+
|
|
75
|
+
## [3.1.5] - 2022-07-07
|
|
76
|
+
|
|
77
|
+
### Added
|
|
78
|
+
|
|
79
|
+
- Support configuring a default `font-weight` for each font size utility ([#8763](https://github.com/tailwindlabs/tailwindcss/pull/8763))
|
|
80
|
+
- Add support for alpha values in safe list ([#8774](https://github.com/tailwindlabs/tailwindcss/pull/8774))
|
|
81
|
+
|
|
82
|
+
### Fixed
|
|
83
|
+
|
|
84
|
+
- Improve types to support fallback values in the CSS-in-JS syntax used in plugin APIs ([#8762](https://github.com/tailwindlabs/tailwindcss/pull/8762))
|
|
85
|
+
- Support including `tailwindcss` and `autoprefixer` in `postcss.config.js` in standalone CLI ([#8769](https://github.com/tailwindlabs/tailwindcss/pull/8769))
|
|
86
|
+
- Fix using special-characters as prefixes ([#8772](https://github.com/tailwindlabs/tailwindcss/pull/8772))
|
|
87
|
+
- Don’t prefix classes used within arbitrary variants ([#8773](https://github.com/tailwindlabs/tailwindcss/pull/8773))
|
|
88
|
+
- Add more explicit types for the default theme ([#8780](https://github.com/tailwindlabs/tailwindcss/pull/8780))
|
|
89
|
+
|
|
90
|
+
## [3.1.4] - 2022-06-21
|
|
91
|
+
|
|
92
|
+
### Fixed
|
|
93
|
+
|
|
94
|
+
- Provide default to `<alpha-value>` when using `theme()` ([#8652](https://github.com/tailwindlabs/tailwindcss/pull/8652))
|
|
95
|
+
- Detect arbitrary variants with quotes ([#8687](https://github.com/tailwindlabs/tailwindcss/pull/8687))
|
|
96
|
+
- Don’t add spaces around raw `/` that are preceded by numbers ([#8688](https://github.com/tailwindlabs/tailwindcss/pull/8688))
|
|
97
|
+
|
|
98
|
+
## [3.1.3] - 2022-06-14
|
|
99
|
+
|
|
100
|
+
### Fixed
|
|
101
|
+
|
|
102
|
+
- Fix extraction of multi-word utilities with arbitrary values and quotes ([#8604](https://github.com/tailwindlabs/tailwindcss/pull/8604))
|
|
103
|
+
- Fix casing of import of `corePluginList` type definition ([#8587](https://github.com/tailwindlabs/tailwindcss/pull/8587))
|
|
104
|
+
- Ignore PostCSS nodes returned by `addVariant` ([#8608](https://github.com/tailwindlabs/tailwindcss/pull/8608))
|
|
105
|
+
- Fix missing spaces around arithmetic operators ([#8615](https://github.com/tailwindlabs/tailwindcss/pull/8615))
|
|
106
|
+
- Detect alpha value in CSS `theme()` function when using quotes ([#8625](https://github.com/tailwindlabs/tailwindcss/pull/8625))
|
|
107
|
+
- Fix "Maximum call stack size exceeded" bug ([#8636](https://github.com/tailwindlabs/tailwindcss/pull/8636))
|
|
108
|
+
- Allow functions returning parallel variants to mutate the container ([#8622](https://github.com/tailwindlabs/tailwindcss/pull/8622))
|
|
109
|
+
- Remove text opacity CSS variables from `::marker` ([#8622](https://github.com/tailwindlabs/tailwindcss/pull/8622))
|
|
110
|
+
|
|
111
|
+
## [3.1.2] - 2022-06-10
|
|
112
|
+
|
|
113
|
+
### Fixed
|
|
114
|
+
|
|
115
|
+
- Ensure `\` is a valid arbitrary variant token ([#8576](https://github.com/tailwindlabs/tailwindcss/pull/8576))
|
|
116
|
+
- Enable `postcss-import` in the CLI by default in watch mode ([#8574](https://github.com/tailwindlabs/tailwindcss/pull/8574), [#8580](https://github.com/tailwindlabs/tailwindcss/pull/8580))
|
|
117
|
+
|
|
118
|
+
## [3.1.1] - 2022-06-09
|
|
119
|
+
|
|
120
|
+
### Fixed
|
|
121
|
+
|
|
122
|
+
- Fix candidate extractor regression ([#8558](https://github.com/tailwindlabs/tailwindcss/pull/8558))
|
|
123
|
+
- Split `::backdrop` into separate defaults group ([#8567](https://github.com/tailwindlabs/tailwindcss/pull/8567))
|
|
124
|
+
- Fix postcss plugin type ([#8564](https://github.com/tailwindlabs/tailwindcss/pull/8564))
|
|
125
|
+
- Fix class detection in markdown code fences and slim templates ([#8569](https://github.com/tailwindlabs/tailwindcss/pull/8569))
|
|
126
|
+
|
|
127
|
+
## [3.1.0] - 2022-06-08
|
|
128
|
+
|
|
10
129
|
### Fixed
|
|
11
130
|
|
|
12
131
|
- Types: allow for arbitrary theme values (for 3rd party plugins) ([#7926](https://github.com/tailwindlabs/tailwindcss/pull/7926))
|
|
@@ -25,16 +144,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
25
144
|
- Create tailwind.config.cjs file in ESM package when running init ([#8363](https://github.com/tailwindlabs/tailwindcss/pull/8363))
|
|
26
145
|
- Fix `matchVariants` that use at-rules and placeholders ([#8392](https://github.com/tailwindlabs/tailwindcss/pull/8392))
|
|
27
146
|
- Improve types of the `tailwindcss/plugin` ([#8400](https://github.com/tailwindlabs/tailwindcss/pull/8400))
|
|
147
|
+
- Allow returning parallel variants from `addVariant` or `matchVariant` callback functions ([#8455](https://github.com/tailwindlabs/tailwindcss/pull/8455))
|
|
148
|
+
- Try using local `postcss` installation first in the CLI ([#8270](https://github.com/tailwindlabs/tailwindcss/pull/8270))
|
|
149
|
+
- Allow default ring color to be a function ([#7587](https://github.com/tailwindlabs/tailwindcss/pull/7587))
|
|
150
|
+
- Don't inherit `to` value from parent gradients ([#8489](https://github.com/tailwindlabs/tailwindcss/pull/8489))
|
|
151
|
+
- Remove process dependency from log functions ([#8530](https://github.com/tailwindlabs/tailwindcss/pull/8530))
|
|
152
|
+
- Ensure we can use `@import 'tailwindcss/...'` without node_modules ([#8537](https://github.com/tailwindlabs/tailwindcss/pull/8537))
|
|
28
153
|
|
|
29
154
|
### Changed
|
|
30
155
|
|
|
31
|
-
- Try using local `postcss` installation first in the CLI ([#8270](https://github.com/tailwindlabs/tailwindcss/pull/8270))
|
|
32
156
|
- Only apply hover styles when supported (future) ([#8394](https://github.com/tailwindlabs/tailwindcss/pull/8394))
|
|
157
|
+
- Respect default ring color opacity (future) ([#8448](https://github.com/tailwindlabs/tailwindcss/pull/8448), [3f4005e](https://github.com/tailwindlabs/tailwindcss/commit/3f4005e833445f7549219eb5ae89728cbb3a2630))
|
|
33
158
|
|
|
34
159
|
### Added
|
|
35
160
|
|
|
36
|
-
- Allow default ring color to be a function ([#7587](https://github.com/tailwindlabs/tailwindcss/pull/7587))
|
|
37
|
-
- Add `rgb` and `hsl` color helpers for CSS variables ([#7665](https://github.com/tailwindlabs/tailwindcss/pull/7665))
|
|
38
161
|
- Support PostCSS `Document` nodes ([#7291](https://github.com/tailwindlabs/tailwindcss/pull/7291))
|
|
39
162
|
- Add `text-start` and `text-end` utilities ([#6656](https://github.com/tailwindlabs/tailwindcss/pull/6656))
|
|
40
163
|
- Support customizing class name when using `darkMode: 'class'` ([#5800](https://github.com/tailwindlabs/tailwindcss/pull/5800))
|
|
@@ -42,15 +165,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
42
165
|
- Add new `border-spacing` utilities ([#7102](https://github.com/tailwindlabs/tailwindcss/pull/7102))
|
|
43
166
|
- Add `enabled` variant ([#7905](https://github.com/tailwindlabs/tailwindcss/pull/7905))
|
|
44
167
|
- Add TypeScript types for the `tailwind.config.js` file ([#7891](https://github.com/tailwindlabs/tailwindcss/pull/7891))
|
|
45
|
-
- Add `backdrop` variant ([#7924](https://github.com/tailwindlabs/tailwindcss/pull/7924))
|
|
168
|
+
- Add `backdrop` variant ([#7924](https://github.com/tailwindlabs/tailwindcss/pull/7924), [#8526](https://github.com/tailwindlabs/tailwindcss/pull/8526))
|
|
46
169
|
- Add `grid-flow-dense` utility ([#8193](https://github.com/tailwindlabs/tailwindcss/pull/8193))
|
|
47
170
|
- Add `mix-blend-plus-lighter` utility ([#8288](https://github.com/tailwindlabs/tailwindcss/pull/8288))
|
|
48
171
|
- Add arbitrary variants ([#8299](https://github.com/tailwindlabs/tailwindcss/pull/8299))
|
|
49
|
-
- Add `matchVariant` API ([#8310](https://github.com/tailwindlabs/tailwindcss/pull/8310))
|
|
172
|
+
- Add experimental `matchVariant` API ([#8310](https://github.com/tailwindlabs/tailwindcss/pull/8310), [34fd0fb8](https://github.com/tailwindlabs/tailwindcss/commit/34fd0fb82aa574cddc5c7aa3ad7d1af5e3735e5d))
|
|
50
173
|
- Add `prefers-contrast` media query variants ([#8410](https://github.com/tailwindlabs/tailwindcss/pull/8410))
|
|
51
|
-
- Experimental support for variant grouping ([#8405](https://github.com/tailwindlabs/tailwindcss/pull/8405))
|
|
52
174
|
- Add opacity support when referencing colors with `theme` function ([#8416](https://github.com/tailwindlabs/tailwindcss/pull/8416))
|
|
53
175
|
- Add `postcss-import` support to the CLI ([#8437](https://github.com/tailwindlabs/tailwindcss/pull/8437))
|
|
176
|
+
- Add `optional` variant ([#8486](https://github.com/tailwindlabs/tailwindcss/pull/8486))
|
|
177
|
+
- Add `<alpha-value>` placeholder support for custom colors ([#8501](https://github.com/tailwindlabs/tailwindcss/pull/8501))
|
|
54
178
|
|
|
55
179
|
## [3.0.24] - 2022-04-12
|
|
56
180
|
|
|
@@ -371,7 +495,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
371
495
|
|
|
372
496
|
### Fixed
|
|
373
497
|
|
|
374
|
-
- Ensure `corePlugins` order is
|
|
498
|
+
- Ensure `corePlugins` order is consistent in AOT mode ([#5928](https://github.com/tailwindlabs/tailwindcss/pull/5928))
|
|
375
499
|
|
|
376
500
|
## [2.2.18] - 2021-10-29
|
|
377
501
|
|
|
@@ -1577,7 +1701,7 @@ No release notes
|
|
|
1577
1701
|
|
|
1578
1702
|
- Make it possible to disable all core plugins using `corePlugins: false`
|
|
1579
1703
|
- Make it possible to configure a single list of variants that applies to all utility plugins
|
|
1580
|
-
- Make it possible to
|
|
1704
|
+
- Make it possible to safelist which core plugins should be enabled
|
|
1581
1705
|
|
|
1582
1706
|
### Fixed
|
|
1583
1707
|
|
|
@@ -1943,7 +2067,16 @@ No release notes
|
|
|
1943
2067
|
|
|
1944
2068
|
- Everything!
|
|
1945
2069
|
|
|
1946
|
-
[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.
|
|
2070
|
+
[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.8...HEAD
|
|
2071
|
+
[3.1.8]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.7...v3.1.8
|
|
2072
|
+
[3.1.7]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.6...v3.1.7
|
|
2073
|
+
[3.1.6]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.5...v3.1.6
|
|
2074
|
+
[3.1.5]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.4...v3.1.5
|
|
2075
|
+
[3.1.4]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.3...v3.1.4
|
|
2076
|
+
[3.1.3]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.2...v3.1.3
|
|
2077
|
+
[3.1.2]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.1...v3.1.2
|
|
2078
|
+
[3.1.1]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.0...v3.1.1
|
|
2079
|
+
[3.1.0]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.24...v3.1.0
|
|
1947
2080
|
[3.0.24]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.23...v3.0.24
|
|
1948
2081
|
[3.0.23]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.22...v3.0.23
|
|
1949
2082
|
[3.0.22]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.21...v3.0.22
|
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<p>
|
|
1
|
+
<p align="center">
|
|
2
2
|
<a href="https://tailwindcss.com/#gh-light-mode-only" target="_blank">
|
|
3
3
|
<img src="./.github/logo-light.svg" alt="Tailwind CSS" width="350" height="70">
|
|
4
4
|
</a>
|
|
@@ -7,9 +7,12 @@
|
|
|
7
7
|
</a>
|
|
8
8
|
</p>
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
<p align="center">
|
|
11
|
+
A utility-first CSS framework for rapidly building custom user interfaces.
|
|
12
|
+
</p>
|
|
13
|
+
|
|
11
14
|
|
|
12
|
-
<p>
|
|
15
|
+
<p align="center">
|
|
13
16
|
<a href="https://github.com/tailwindlabs/tailwindcss/actions"><img src="https://img.shields.io/github/workflow/status/tailwindlabs/tailwindcss/Node.js%20CI" alt="Build Status"></a>
|
|
14
17
|
<a href="https://www.npmjs.com/package/tailwindcss"><img src="https://img.shields.io/npm/dt/tailwindcss.svg" alt="Total Downloads"></a>
|
|
15
18
|
<a href="https://github.com/tailwindcss/tailwindcss/releases"><img src="https://img.shields.io/npm/v/tailwindcss.svg" alt="Latest Release"></a>
|
package/defaultTheme.d.ts
CHANGED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
// @ts-check
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
function _export(target, all) {
|
|
7
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: all[name]
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
_export(exports, {
|
|
13
|
+
loadPostcss: ()=>loadPostcss,
|
|
14
|
+
loadPostcssImport: ()=>loadPostcssImport,
|
|
15
|
+
loadCssNano: ()=>loadCssNano,
|
|
16
|
+
loadAutoprefixer: ()=>loadAutoprefixer
|
|
17
|
+
});
|
|
18
|
+
const _indexJs = require("../../../peers/index.js");
|
|
19
|
+
function loadPostcss() {
|
|
20
|
+
// Try to load a local `postcss` version first
|
|
21
|
+
try {
|
|
22
|
+
return require("postcss");
|
|
23
|
+
} catch {}
|
|
24
|
+
return (0, _indexJs.lazyPostcss)();
|
|
25
|
+
}
|
|
26
|
+
function loadPostcssImport() {
|
|
27
|
+
// Try to load a local `postcss-import` version first
|
|
28
|
+
try {
|
|
29
|
+
return require("postcss-import");
|
|
30
|
+
} catch {}
|
|
31
|
+
return (0, _indexJs.lazyPostcssImport)();
|
|
32
|
+
}
|
|
33
|
+
function loadCssNano() {
|
|
34
|
+
let options = {
|
|
35
|
+
preset: [
|
|
36
|
+
"default",
|
|
37
|
+
{
|
|
38
|
+
cssDeclarationSorter: false
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
};
|
|
42
|
+
// Try to load a local `cssnano` version first
|
|
43
|
+
try {
|
|
44
|
+
return require("cssnano");
|
|
45
|
+
} catch {}
|
|
46
|
+
return (0, _indexJs.lazyCssnano)()(options);
|
|
47
|
+
}
|
|
48
|
+
function loadAutoprefixer() {
|
|
49
|
+
// Try to load a local `autoprefixer` version first
|
|
50
|
+
try {
|
|
51
|
+
return require("autoprefixer");
|
|
52
|
+
} catch {}
|
|
53
|
+
return (0, _indexJs.lazyAutoprefixer)();
|
|
54
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
// @ts-check
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "build", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: ()=>build
|
|
9
|
+
});
|
|
10
|
+
const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
|
|
11
|
+
const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
|
|
12
|
+
const _pluginJs = require("./plugin.js");
|
|
13
|
+
function _interopRequireDefault(obj) {
|
|
14
|
+
return obj && obj.__esModule ? obj : {
|
|
15
|
+
default: obj
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
async function build(args, configs) {
|
|
19
|
+
let input = args["--input"];
|
|
20
|
+
let shouldWatch = args["--watch"];
|
|
21
|
+
// TODO: Deprecate this in future versions
|
|
22
|
+
if (!input && args["_"][1]) {
|
|
23
|
+
console.error("[deprecation] Running tailwindcss without -i, please provide an input file.");
|
|
24
|
+
input = args["--input"] = args["_"][1];
|
|
25
|
+
}
|
|
26
|
+
if (input && input !== "-" && !_fs.default.existsSync(input = _path.default.resolve(input))) {
|
|
27
|
+
console.error(`Specified input file ${args["--input"]} does not exist.`);
|
|
28
|
+
process.exit(9);
|
|
29
|
+
}
|
|
30
|
+
if (args["--config"] && !_fs.default.existsSync(args["--config"] = _path.default.resolve(args["--config"]))) {
|
|
31
|
+
console.error(`Specified config file ${args["--config"]} does not exist.`);
|
|
32
|
+
process.exit(9);
|
|
33
|
+
}
|
|
34
|
+
// TODO: Reference the @config path here if exists
|
|
35
|
+
let configPath = args["--config"] ? args["--config"] : ((defaultPath)=>_fs.default.existsSync(defaultPath) ? defaultPath : null)(_path.default.resolve(`./${configs.tailwind}`));
|
|
36
|
+
let processor = await (0, _pluginJs.createProcessor)(args, configPath);
|
|
37
|
+
if (shouldWatch) {
|
|
38
|
+
/* Abort the watcher if stdin is closed to avoid zombie processes */ process.stdin.on("end", ()=>process.exit(0));
|
|
39
|
+
process.stdin.resume();
|
|
40
|
+
await processor.watch();
|
|
41
|
+
} else {
|
|
42
|
+
await processor.build();
|
|
43
|
+
}
|
|
44
|
+
}
|
|
@@ -0,0 +1,317 @@
|
|
|
1
|
+
// @ts-check
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "createProcessor", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: ()=>createProcessor
|
|
9
|
+
});
|
|
10
|
+
const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
|
|
11
|
+
const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
|
|
12
|
+
const _postcssLoadConfig = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config"));
|
|
13
|
+
const _lilconfig = require("lilconfig");
|
|
14
|
+
const _plugins = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config/src/plugins" // Little bit scary, looking at private/internal API
|
|
15
|
+
));
|
|
16
|
+
const _options = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config/src/options" // Little bit scary, looking at private/internal API
|
|
17
|
+
));
|
|
18
|
+
const _processTailwindFeatures = /*#__PURE__*/ _interopRequireDefault(require("../../processTailwindFeatures"));
|
|
19
|
+
const _deps = require("./deps");
|
|
20
|
+
const _utils = require("./utils");
|
|
21
|
+
const _shared = require("../shared");
|
|
22
|
+
const _resolveConfigJs = /*#__PURE__*/ _interopRequireDefault(require("../../../resolveConfig.js"));
|
|
23
|
+
const _getModuleDependenciesJs = /*#__PURE__*/ _interopRequireDefault(require("../../lib/getModuleDependencies.js"));
|
|
24
|
+
const _contentJs = require("../../lib/content.js");
|
|
25
|
+
const _watchingJs = require("./watching.js");
|
|
26
|
+
const _fastGlob = /*#__PURE__*/ _interopRequireDefault(require("fast-glob"));
|
|
27
|
+
const _findAtConfigPathJs = require("../../lib/findAtConfigPath.js");
|
|
28
|
+
function _interopRequireDefault(obj) {
|
|
29
|
+
return obj && obj.__esModule ? obj : {
|
|
30
|
+
default: obj
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
*
|
|
35
|
+
* @param {string} [customPostCssPath ]
|
|
36
|
+
* @returns
|
|
37
|
+
*/ async function loadPostCssPlugins(customPostCssPath) {
|
|
38
|
+
let config = customPostCssPath ? await (async ()=>{
|
|
39
|
+
let file = _path.default.resolve(customPostCssPath);
|
|
40
|
+
// Implementation, see: https://unpkg.com/browse/postcss-load-config@3.1.0/src/index.js
|
|
41
|
+
// @ts-ignore
|
|
42
|
+
let { config ={} } = await (0, _lilconfig.lilconfig)("postcss").load(file);
|
|
43
|
+
if (typeof config === "function") {
|
|
44
|
+
config = config();
|
|
45
|
+
} else {
|
|
46
|
+
config = Object.assign({}, config);
|
|
47
|
+
}
|
|
48
|
+
if (!config.plugins) {
|
|
49
|
+
config.plugins = [];
|
|
50
|
+
}
|
|
51
|
+
return {
|
|
52
|
+
file,
|
|
53
|
+
plugins: (0, _plugins.default)(config, file),
|
|
54
|
+
options: (0, _options.default)(config, file)
|
|
55
|
+
};
|
|
56
|
+
})() : await (0, _postcssLoadConfig.default)();
|
|
57
|
+
let configPlugins = config.plugins;
|
|
58
|
+
let configPluginTailwindIdx = configPlugins.findIndex((plugin)=>{
|
|
59
|
+
if (typeof plugin === "function" && plugin.name === "tailwindcss") {
|
|
60
|
+
return true;
|
|
61
|
+
}
|
|
62
|
+
if (typeof plugin === "object" && plugin !== null && plugin.postcssPlugin === "tailwindcss") {
|
|
63
|
+
return true;
|
|
64
|
+
}
|
|
65
|
+
return false;
|
|
66
|
+
});
|
|
67
|
+
let beforePlugins = configPluginTailwindIdx === -1 ? [] : configPlugins.slice(0, configPluginTailwindIdx);
|
|
68
|
+
let afterPlugins = configPluginTailwindIdx === -1 ? configPlugins : configPlugins.slice(configPluginTailwindIdx + 1);
|
|
69
|
+
return [
|
|
70
|
+
beforePlugins,
|
|
71
|
+
afterPlugins,
|
|
72
|
+
config.options
|
|
73
|
+
];
|
|
74
|
+
}
|
|
75
|
+
function loadBuiltinPostcssPlugins() {
|
|
76
|
+
let postcss = (0, _deps.loadPostcss)();
|
|
77
|
+
let IMPORT_COMMENT = "__TAILWIND_RESTORE_IMPORT__: ";
|
|
78
|
+
return [
|
|
79
|
+
[
|
|
80
|
+
(root)=>{
|
|
81
|
+
root.walkAtRules("import", (rule)=>{
|
|
82
|
+
if (rule.params.slice(1).startsWith("tailwindcss/")) {
|
|
83
|
+
rule.after(postcss.comment({
|
|
84
|
+
text: IMPORT_COMMENT + rule.params
|
|
85
|
+
}));
|
|
86
|
+
rule.remove();
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
},
|
|
90
|
+
(0, _deps.loadPostcssImport)(),
|
|
91
|
+
(root)=>{
|
|
92
|
+
root.walkComments((rule)=>{
|
|
93
|
+
if (rule.text.startsWith(IMPORT_COMMENT)) {
|
|
94
|
+
rule.after(postcss.atRule({
|
|
95
|
+
name: "import",
|
|
96
|
+
params: rule.text.replace(IMPORT_COMMENT, "")
|
|
97
|
+
}));
|
|
98
|
+
rule.remove();
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
],
|
|
103
|
+
[],
|
|
104
|
+
{}
|
|
105
|
+
];
|
|
106
|
+
}
|
|
107
|
+
let state = {
|
|
108
|
+
/** @type {any} */ context: null,
|
|
109
|
+
/** @type {ReturnType<typeof createWatcher> | null} */ watcher: null,
|
|
110
|
+
/** @type {{content: string, extension: string}[]} */ changedContent: [],
|
|
111
|
+
configDependencies: new Set(),
|
|
112
|
+
contextDependencies: new Set(),
|
|
113
|
+
/** @type {import('../../lib/content.js').ContentPath[]} */ contentPaths: [],
|
|
114
|
+
refreshContentPaths () {
|
|
115
|
+
var ref;
|
|
116
|
+
this.contentPaths = (0, _contentJs.parseCandidateFiles)(this.context, (ref = this.context) === null || ref === void 0 ? void 0 : ref.tailwindConfig);
|
|
117
|
+
},
|
|
118
|
+
get config () {
|
|
119
|
+
return this.context.tailwindConfig;
|
|
120
|
+
},
|
|
121
|
+
get contentPatterns () {
|
|
122
|
+
return {
|
|
123
|
+
all: this.contentPaths.map((contentPath)=>contentPath.pattern),
|
|
124
|
+
dynamic: this.contentPaths.filter((contentPath)=>contentPath.glob !== undefined).map((contentPath)=>contentPath.pattern)
|
|
125
|
+
};
|
|
126
|
+
},
|
|
127
|
+
loadConfig (configPath) {
|
|
128
|
+
if (this.watcher && configPath) {
|
|
129
|
+
this.refreshConfigDependencies(configPath);
|
|
130
|
+
}
|
|
131
|
+
let config = configPath ? require(configPath) : {};
|
|
132
|
+
// @ts-ignore
|
|
133
|
+
config = (0, _resolveConfigJs.default)(config, {
|
|
134
|
+
content: {
|
|
135
|
+
files: []
|
|
136
|
+
}
|
|
137
|
+
});
|
|
138
|
+
return config;
|
|
139
|
+
},
|
|
140
|
+
refreshConfigDependencies (configPath) {
|
|
141
|
+
_shared.env.DEBUG && console.time("Module dependencies");
|
|
142
|
+
for (let file of this.configDependencies){
|
|
143
|
+
delete require.cache[require.resolve(file)];
|
|
144
|
+
}
|
|
145
|
+
if (configPath) {
|
|
146
|
+
let deps = (0, _getModuleDependenciesJs.default)(configPath).map(({ file })=>file);
|
|
147
|
+
for (let dependency of deps){
|
|
148
|
+
this.configDependencies.add(dependency);
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
_shared.env.DEBUG && console.timeEnd("Module dependencies");
|
|
152
|
+
},
|
|
153
|
+
readContentPaths () {
|
|
154
|
+
let content = [];
|
|
155
|
+
// Resolve globs from the content config
|
|
156
|
+
// TODO: When we make the postcss plugin async-capable this can become async
|
|
157
|
+
let files = _fastGlob.default.sync(this.contentPatterns.all);
|
|
158
|
+
for (let file of files){
|
|
159
|
+
content.push({
|
|
160
|
+
content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
|
|
161
|
+
extension: _path.default.extname(file).slice(1)
|
|
162
|
+
});
|
|
163
|
+
}
|
|
164
|
+
// Resolve raw content in the tailwind config
|
|
165
|
+
let rawContent = this.config.content.files.filter((file)=>{
|
|
166
|
+
return file !== null && typeof file === "object";
|
|
167
|
+
});
|
|
168
|
+
for (let { raw: content1 , extension ="html" } of rawContent){
|
|
169
|
+
content1.push({
|
|
170
|
+
content: content1,
|
|
171
|
+
extension
|
|
172
|
+
});
|
|
173
|
+
}
|
|
174
|
+
return content;
|
|
175
|
+
},
|
|
176
|
+
getContext ({ createContext , cliConfigPath , root , result }) {
|
|
177
|
+
if (this.context) {
|
|
178
|
+
this.context.changedContent = this.changedContent.splice(0);
|
|
179
|
+
return this.context;
|
|
180
|
+
}
|
|
181
|
+
_shared.env.DEBUG && console.time("Searching for config");
|
|
182
|
+
var ref;
|
|
183
|
+
let configPath = (ref = (0, _findAtConfigPathJs.findAtConfigPath)(root, result)) !== null && ref !== void 0 ? ref : cliConfigPath;
|
|
184
|
+
_shared.env.DEBUG && console.timeEnd("Searching for config");
|
|
185
|
+
_shared.env.DEBUG && console.time("Loading config");
|
|
186
|
+
let config = this.loadConfig(configPath);
|
|
187
|
+
_shared.env.DEBUG && console.timeEnd("Loading config");
|
|
188
|
+
_shared.env.DEBUG && console.time("Creating context");
|
|
189
|
+
this.context = createContext(config, []);
|
|
190
|
+
Object.assign(this.context, {
|
|
191
|
+
userConfigPath: configPath
|
|
192
|
+
});
|
|
193
|
+
_shared.env.DEBUG && console.timeEnd("Creating context");
|
|
194
|
+
_shared.env.DEBUG && console.time("Resolving content paths");
|
|
195
|
+
this.refreshContentPaths();
|
|
196
|
+
_shared.env.DEBUG && console.timeEnd("Resolving content paths");
|
|
197
|
+
if (this.watcher) {
|
|
198
|
+
_shared.env.DEBUG && console.time("Watch new files");
|
|
199
|
+
this.watcher.refreshWatchedFiles();
|
|
200
|
+
_shared.env.DEBUG && console.timeEnd("Watch new files");
|
|
201
|
+
}
|
|
202
|
+
_shared.env.DEBUG && console.time("Reading content files");
|
|
203
|
+
for (let file of this.readContentPaths()){
|
|
204
|
+
this.context.changedContent.push(file);
|
|
205
|
+
}
|
|
206
|
+
_shared.env.DEBUG && console.timeEnd("Reading content files");
|
|
207
|
+
return this.context;
|
|
208
|
+
}
|
|
209
|
+
};
|
|
210
|
+
async function createProcessor(args, cliConfigPath) {
|
|
211
|
+
let postcss = (0, _deps.loadPostcss)();
|
|
212
|
+
let input = args["--input"];
|
|
213
|
+
let output = args["--output"];
|
|
214
|
+
let includePostCss = args["--postcss"];
|
|
215
|
+
let customPostCssPath = typeof args["--postcss"] === "string" ? args["--postcss"] : undefined;
|
|
216
|
+
let [beforePlugins, afterPlugins, postcssOptions] = includePostCss ? await loadPostCssPlugins(customPostCssPath) : loadBuiltinPostcssPlugins();
|
|
217
|
+
let tailwindPlugin = ()=>{
|
|
218
|
+
return {
|
|
219
|
+
postcssPlugin: "tailwindcss",
|
|
220
|
+
Once (root, { result }) {
|
|
221
|
+
_shared.env.DEBUG && console.time("Compiling CSS");
|
|
222
|
+
(0, _processTailwindFeatures.default)(({ createContext })=>{
|
|
223
|
+
console.error();
|
|
224
|
+
console.error("Rebuilding...");
|
|
225
|
+
return ()=>{
|
|
226
|
+
return state.getContext({
|
|
227
|
+
createContext,
|
|
228
|
+
cliConfigPath,
|
|
229
|
+
root,
|
|
230
|
+
result
|
|
231
|
+
});
|
|
232
|
+
};
|
|
233
|
+
})(root, result);
|
|
234
|
+
_shared.env.DEBUG && console.timeEnd("Compiling CSS");
|
|
235
|
+
}
|
|
236
|
+
};
|
|
237
|
+
};
|
|
238
|
+
tailwindPlugin.postcss = true;
|
|
239
|
+
let plugins = [
|
|
240
|
+
...beforePlugins,
|
|
241
|
+
tailwindPlugin,
|
|
242
|
+
!args["--minify"] && _utils.formatNodes,
|
|
243
|
+
...afterPlugins,
|
|
244
|
+
!args["--no-autoprefixer"] && (0, _deps.loadAutoprefixer)(),
|
|
245
|
+
args["--minify"] && (0, _deps.loadCssNano)()
|
|
246
|
+
].filter(Boolean);
|
|
247
|
+
/** @type {import('postcss').Processor} */ // @ts-ignore
|
|
248
|
+
let processor = postcss(plugins);
|
|
249
|
+
async function readInput() {
|
|
250
|
+
// Piping in data, let's drain the stdin
|
|
251
|
+
if (input === "-") {
|
|
252
|
+
return (0, _utils.drainStdin)();
|
|
253
|
+
}
|
|
254
|
+
// Input file has been provided
|
|
255
|
+
if (input) {
|
|
256
|
+
return _fs.default.promises.readFile(_path.default.resolve(input), "utf8");
|
|
257
|
+
}
|
|
258
|
+
// No input file provided, fallback to default atrules
|
|
259
|
+
return "@tailwind base; @tailwind components; @tailwind utilities";
|
|
260
|
+
}
|
|
261
|
+
async function build() {
|
|
262
|
+
let start = process.hrtime.bigint();
|
|
263
|
+
return readInput().then((css)=>processor.process(css, {
|
|
264
|
+
...postcssOptions,
|
|
265
|
+
from: input,
|
|
266
|
+
to: output
|
|
267
|
+
})).then((result)=>{
|
|
268
|
+
if (!output) {
|
|
269
|
+
process.stdout.write(result.css);
|
|
270
|
+
return;
|
|
271
|
+
}
|
|
272
|
+
return Promise.all([
|
|
273
|
+
(0, _utils.outputFile)(output, result.css),
|
|
274
|
+
result.map && (0, _utils.outputFile)(output + ".map", result.map.toString())
|
|
275
|
+
]);
|
|
276
|
+
}).then(()=>{
|
|
277
|
+
let end = process.hrtime.bigint();
|
|
278
|
+
console.error();
|
|
279
|
+
console.error("Done in", (end - start) / BigInt(1e6) + "ms.");
|
|
280
|
+
});
|
|
281
|
+
}
|
|
282
|
+
/**
|
|
283
|
+
* @param {{file: string, content(): Promise<string>, extension: string}[]} changes
|
|
284
|
+
*/ async function parseChanges(changes) {
|
|
285
|
+
return Promise.all(changes.map(async (change)=>({
|
|
286
|
+
content: await change.content(),
|
|
287
|
+
extension: change.extension
|
|
288
|
+
})));
|
|
289
|
+
}
|
|
290
|
+
if (input !== undefined && input !== "-") {
|
|
291
|
+
state.contextDependencies.add(_path.default.resolve(input));
|
|
292
|
+
}
|
|
293
|
+
return {
|
|
294
|
+
build,
|
|
295
|
+
watch: async ()=>{
|
|
296
|
+
state.watcher = (0, _watchingJs.createWatcher)(args, {
|
|
297
|
+
state,
|
|
298
|
+
/**
|
|
299
|
+
* @param {{file: string, content(): Promise<string>, extension: string}[]} changes
|
|
300
|
+
*/ async rebuild (changes) {
|
|
301
|
+
let needsNewContext = changes.some((change)=>{
|
|
302
|
+
return state.configDependencies.has(change.file) || state.contextDependencies.has(change.file);
|
|
303
|
+
});
|
|
304
|
+
if (needsNewContext) {
|
|
305
|
+
state.context = null;
|
|
306
|
+
} else {
|
|
307
|
+
for (let change of (await parseChanges(changes))){
|
|
308
|
+
state.changedContent.push(change);
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
return build();
|
|
312
|
+
}
|
|
313
|
+
});
|
|
314
|
+
await build();
|
|
315
|
+
}
|
|
316
|
+
};
|
|
317
|
+
}
|