tailwindcss 0.0.0-insiders.e8f68a1 → 0.0.0-insiders.ea10bb9

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.
Files changed (143) hide show
  1. package/CHANGELOG.md +129 -4
  2. package/README.md +12 -8
  3. package/lib/cli/build/deps.js +54 -0
  4. package/lib/cli/build/index.js +44 -0
  5. package/lib/cli/build/plugin.js +362 -0
  6. package/lib/cli/build/utils.js +78 -0
  7. package/lib/cli/build/watching.js +178 -0
  8. package/lib/cli/help/index.js +71 -0
  9. package/lib/cli/index.js +18 -0
  10. package/lib/cli/init/index.js +46 -0
  11. package/lib/cli/shared.js +12 -0
  12. package/lib/cli-peer-dependencies.js +12 -4
  13. package/lib/cli.js +24 -600
  14. package/lib/constants.js +19 -12
  15. package/lib/corePluginList.js +5 -3
  16. package/lib/corePlugins.js +530 -292
  17. package/lib/css/preflight.css +7 -0
  18. package/lib/featureFlags.js +21 -11
  19. package/lib/index.js +15 -7
  20. package/lib/lib/cacheInvalidation.js +18 -15
  21. package/lib/lib/collapseAdjacentRules.js +14 -11
  22. package/lib/lib/collapseDuplicateDeclarations.js +11 -8
  23. package/lib/lib/content.js +177 -0
  24. package/lib/lib/defaultExtractor.js +54 -46
  25. package/lib/lib/detectNesting.js +6 -3
  26. package/lib/lib/evaluateTailwindFunctions.js +54 -35
  27. package/lib/lib/expandApplyAtRules.js +128 -72
  28. package/lib/lib/expandTailwindAtRules.js +128 -157
  29. package/lib/lib/findAtConfigPath.js +44 -0
  30. package/lib/lib/generateRules.js +258 -163
  31. package/lib/lib/getModuleDependencies.js +21 -18
  32. package/lib/lib/normalizeTailwindDirectives.js +11 -8
  33. package/lib/lib/offsets.js +217 -0
  34. package/lib/lib/partitionApplyAtRules.js +14 -11
  35. package/lib/lib/regex.js +16 -8
  36. package/lib/lib/resolveDefaultsAtRules.js +92 -85
  37. package/lib/lib/setupContextUtils.js +453 -189
  38. package/lib/lib/setupTrackingContext.js +77 -104
  39. package/lib/lib/sharedState.js +17 -8
  40. package/lib/lib/substituteScreenAtRules.js +8 -5
  41. package/lib/postcss-plugins/nesting/index.js +7 -5
  42. package/lib/postcss-plugins/nesting/plugin.js +7 -4
  43. package/lib/processTailwindFeatures.js +34 -31
  44. package/lib/public/colors.js +7 -5
  45. package/lib/public/create-plugin.js +6 -4
  46. package/lib/public/default-config.js +7 -5
  47. package/lib/public/default-theme.js +7 -5
  48. package/lib/public/resolve-config.js +13 -10
  49. package/lib/util/bigSign.js +4 -1
  50. package/lib/util/buildMediaQuery.js +10 -4
  51. package/lib/util/cloneDeep.js +4 -1
  52. package/lib/util/cloneNodes.js +9 -2
  53. package/lib/util/color.js +11 -3
  54. package/lib/util/configurePlugins.js +5 -2
  55. package/lib/util/createPlugin.js +5 -3
  56. package/lib/util/createUtilityPlugin.js +13 -10
  57. package/lib/util/dataTypes.js +42 -38
  58. package/lib/util/defaults.js +4 -1
  59. package/lib/util/escapeClassName.js +12 -9
  60. package/lib/util/escapeCommas.js +4 -1
  61. package/lib/util/flattenColorPalette.js +5 -3
  62. package/lib/util/formatVariantSelector.js +114 -23
  63. package/lib/util/getAllConfigs.js +26 -12
  64. package/lib/util/hashConfig.js +10 -7
  65. package/lib/util/isKeyframeRule.js +4 -1
  66. package/lib/util/isPlainObject.js +4 -1
  67. package/lib/util/{isValidArbitraryValue.js → isSyntacticallyValidPropertyValue.js} +34 -25
  68. package/lib/util/log.js +12 -5
  69. package/lib/util/nameClass.js +19 -8
  70. package/lib/util/negateValue.js +19 -3
  71. package/lib/util/normalizeConfig.js +57 -26
  72. package/lib/util/normalizeScreens.js +114 -2
  73. package/lib/util/parseAnimationValue.js +42 -39
  74. package/lib/util/parseBoxShadowValue.js +12 -4
  75. package/lib/util/parseDependency.js +37 -55
  76. package/lib/util/parseGlob.js +34 -0
  77. package/lib/util/parseObjectStyles.js +15 -12
  78. package/lib/util/pluginUtils.js +118 -29
  79. package/lib/util/prefixSelector.js +6 -3
  80. package/lib/util/removeAlphaVariables.js +13 -2
  81. package/lib/util/resolveConfig.js +57 -59
  82. package/lib/util/resolveConfigPath.js +20 -17
  83. package/lib/util/responsive.js +12 -9
  84. package/lib/util/splitAtTopLevelOnly.js +35 -82
  85. package/lib/util/tap.js +4 -1
  86. package/lib/util/toColorValue.js +4 -1
  87. package/lib/util/toPath.js +18 -2
  88. package/lib/util/transformThemeValue.js +19 -9
  89. package/lib/util/validateConfig.js +6 -3
  90. package/lib/util/validateFormalSyntax.js +24 -0
  91. package/lib/util/withAlphaVariable.js +30 -22
  92. package/package.json +15 -14
  93. package/peers/index.js +3705 -2149
  94. package/plugin.d.ts +3 -3
  95. package/resolveConfig.d.ts +3 -0
  96. package/scripts/release-channel.js +18 -0
  97. package/scripts/release-notes.js +21 -0
  98. package/src/cli/build/deps.js +56 -0
  99. package/src/cli/build/index.js +45 -0
  100. package/src/cli/build/plugin.js +434 -0
  101. package/src/cli/build/utils.js +76 -0
  102. package/src/cli/build/watching.js +227 -0
  103. package/src/cli/help/index.js +70 -0
  104. package/src/cli/index.js +3 -0
  105. package/src/cli/init/index.js +50 -0
  106. package/src/cli/shared.js +5 -0
  107. package/src/cli.js +4 -696
  108. package/src/corePlugins.js +272 -40
  109. package/src/css/preflight.css +7 -0
  110. package/src/featureFlags.js +12 -2
  111. package/src/index.js +5 -0
  112. package/src/lib/content.js +213 -0
  113. package/src/lib/defaultExtractor.js +4 -1
  114. package/src/lib/evaluateTailwindFunctions.js +22 -1
  115. package/src/lib/expandApplyAtRules.js +98 -31
  116. package/src/lib/expandTailwindAtRules.js +8 -46
  117. package/src/lib/findAtConfigPath.js +48 -0
  118. package/src/lib/generateRules.js +239 -113
  119. package/src/lib/offsets.js +270 -0
  120. package/src/lib/setupContextUtils.js +397 -96
  121. package/src/lib/setupTrackingContext.js +4 -45
  122. package/src/lib/sharedState.js +2 -0
  123. package/src/util/buildMediaQuery.js +5 -3
  124. package/src/util/cloneNodes.js +5 -1
  125. package/src/util/dataTypes.js +15 -17
  126. package/src/util/formatVariantSelector.js +113 -9
  127. package/src/util/getAllConfigs.js +14 -2
  128. package/src/util/{isValidArbitraryValue.js → isSyntacticallyValidPropertyValue.js} +1 -1
  129. package/src/util/nameClass.js +4 -0
  130. package/src/util/negateValue.js +10 -2
  131. package/src/util/normalizeConfig.js +40 -2
  132. package/src/util/normalizeScreens.js +99 -4
  133. package/src/util/parseBoxShadowValue.js +1 -1
  134. package/src/util/parseDependency.js +37 -42
  135. package/src/util/parseGlob.js +24 -0
  136. package/src/util/pluginUtils.js +110 -8
  137. package/src/util/resolveConfig.js +5 -11
  138. package/src/util/splitAtTopLevelOnly.js +23 -49
  139. package/src/util/transformThemeValue.js +9 -1
  140. package/src/util/validateFormalSyntax.js +34 -0
  141. package/stubs/defaultConfig.stub.js +20 -21
  142. package/types/config.d.ts +48 -13
  143. package/types/generated/default-theme.d.ts +11 -0
package/CHANGELOG.md CHANGED
@@ -7,7 +7,125 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## [Unreleased]
9
9
 
10
- - Nothing yet!
10
+ ### Added
11
+
12
+ - Add `line-height` modifier support to `font-size` utilities ([#9875](https://github.com/tailwindlabs/tailwindcss/pull/9875))
13
+
14
+ ### Fixed
15
+
16
+ - Cleanup unused `variantOrder` ([#9829](https://github.com/tailwindlabs/tailwindcss/pull/9829))
17
+ - Fix `foo-[abc]/[def]` not being handled correctly ([#9866](https://github.com/tailwindlabs/tailwindcss/pull/9866))
18
+ - Add container queries plugin to standalone CLI ([#9865](https://github.com/tailwindlabs/tailwindcss/pull/9865))
19
+
20
+ ## [3.2.4] - 2022-11-11
21
+
22
+ ### Added
23
+
24
+ - Add `blocklist` option to prevent generating unwanted CSS ([#9812](https://github.com/tailwindlabs/tailwindcss/pull/9812))
25
+
26
+ ### Fixed
27
+
28
+ - Fix watching of files on Linux when renames are involved ([#9796](https://github.com/tailwindlabs/tailwindcss/pull/9796))
29
+ - Make sure errors are always displayed when watching for changes ([#9810](https://github.com/tailwindlabs/tailwindcss/pull/9810))
30
+
31
+ ## [3.2.3] - 2022-11-09
32
+
33
+ ### Fixed
34
+
35
+ - Fixed use of `raw` content in the CLI ([#9773](https://github.com/tailwindlabs/tailwindcss/pull/9773))
36
+ - Pick up changes from files that are both context and content deps ([#9787](https://github.com/tailwindlabs/tailwindcss/pull/9787))
37
+ - Sort pseudo-elements ONLY after classes when using variants and `@apply` ([#9765](https://github.com/tailwindlabs/tailwindcss/pull/9765))
38
+ - Support important utilities in the safelist (pattern must include a `!`) ([#9791](https://github.com/tailwindlabs/tailwindcss/pull/9791))
39
+
40
+ ## [3.2.2] - 2022-11-04
41
+
42
+ ### Fixed
43
+
44
+ - Escape special characters in resolved content base paths ([#9650](https://github.com/tailwindlabs/tailwindcss/pull/9650))
45
+ - Don't reuse container for array returning variant functions ([#9644](https://github.com/tailwindlabs/tailwindcss/pull/9644))
46
+ - Exclude non-relevant selectors when generating rules with the important modifier ([#9677](https://github.com/tailwindlabs/tailwindcss/issues/9677))
47
+ - Fix merging of arrays during config resolution ([#9706](https://github.com/tailwindlabs/tailwindcss/issues/9706))
48
+ - Ensure configured `font-feature-settings` are included in Preflight ([#9707](https://github.com/tailwindlabs/tailwindcss/pull/9707))
49
+ - Fix fractional values not being parsed properly inside arbitrary properties ([#9705](https://github.com/tailwindlabs/tailwindcss/pull/9705))
50
+ - Fix incorrect selectors when using `@apply` in selectors with combinators and pseudos ([#9722](https://github.com/tailwindlabs/tailwindcss/pull/9722))
51
+ - Fix cannot read properties of undefined (reading 'modifier') ([#9656](https://github.com/tailwindlabs/tailwindcss/pull/9656), [aa979d6](https://github.com/tailwindlabs/tailwindcss/commit/aa979d645f8bf4108c5fc938d7c0ba085b654c31))
52
+
53
+ ## [3.2.1] - 2022-10-21
54
+
55
+ ### Fixed
56
+
57
+ - Fix missing `supports` in types ([#9616](https://github.com/tailwindlabs/tailwindcss/pull/9616))
58
+ - Fix missing PostCSS dependencies in the CLI ([#9617](https://github.com/tailwindlabs/tailwindcss/pull/9617))
59
+ - Ensure `micromatch` is a proper CLI dependency ([#9620](https://github.com/tailwindlabs/tailwindcss/pull/9620))
60
+ - Ensure modifier values exist when using a `modifiers` object for `matchVariant` ([ba6551db0f2726461371b4f3c6cd4c7090888504](https://github.com/tailwindlabs/tailwindcss/commit/ba6551db0f2726461371b4f3c6cd4c7090888504))
61
+
62
+ ## [3.2.0] - 2022-10-19
63
+
64
+ ### Added
65
+
66
+ - Add new `@config` directive ([#9405](https://github.com/tailwindlabs/tailwindcss/pull/9405))
67
+ - Add new `relative: true` option to resolve content paths relative to the config file ([#9396](https://github.com/tailwindlabs/tailwindcss/pull/9396))
68
+ - Add new `supports-*` variant ([#9453](https://github.com/tailwindlabs/tailwindcss/pull/9453))
69
+ - Add new `min-*` and `max-*` variants ([#9558](https://github.com/tailwindlabs/tailwindcss/pull/9558))
70
+ - Add new `aria-*` variants ([#9557](https://github.com/tailwindlabs/tailwindcss/pull/9557), [#9588](https://github.com/tailwindlabs/tailwindcss/pull/9588))
71
+ - Add new `data-*` variants ([#9559](https://github.com/tailwindlabs/tailwindcss/pull/9559), [#9588](https://github.com/tailwindlabs/tailwindcss/pull/9588))
72
+ - Add new `break-keep` utility for `word-break: keep-all` ([#9393](https://github.com/tailwindlabs/tailwindcss/pull/9393))
73
+ - Add new `collapse` utility for `visibility: collapse` ([#9181](https://github.com/tailwindlabs/tailwindcss/pull/9181))
74
+ - Add new `fill-none` utility for `fill: none` ([#9403](https://github.com/tailwindlabs/tailwindcss/pull/9403))
75
+ - Add new `stroke-none` utility for `stroke: none` ([#9403](https://github.com/tailwindlabs/tailwindcss/pull/9403))
76
+ - Add new `place-content-baseline` utility for `place-content: baseline` ([#9498](https://github.com/tailwindlabs/tailwindcss/pull/9498))
77
+ - Add new `place-items-baseline` utility for `place-items: baseline` ([#9507](https://github.com/tailwindlabs/tailwindcss/pull/9507))
78
+ - Add new `content-baseline` utility for `align-content: baseline` ([#9507](https://github.com/tailwindlabs/tailwindcss/pull/9507))
79
+ - Add support for configuring default `font-feature-settings` for a font family ([#9039](https://github.com/tailwindlabs/tailwindcss/pull/9039))
80
+ - Add standalone CLI build for 32-bit Linux on ARM (`node16-linux-armv7`) ([#9084](https://github.com/tailwindlabs/tailwindcss/pull/9084))
81
+ - Add future flag to disable color opacity utility plugins ([#9088](https://github.com/tailwindlabs/tailwindcss/pull/9088))
82
+ - Add negative value support for `outline-offset` ([#9136](https://github.com/tailwindlabs/tailwindcss/pull/9136))
83
+ - Add support for modifiers to `matchUtilities` ([#9541](https://github.com/tailwindlabs/tailwindcss/pull/9541))
84
+ - Allow negating utilities using `min`/`max`/`clamp` ([#9237](https://github.com/tailwindlabs/tailwindcss/pull/9237))
85
+ - Implement fallback plugins when there is ambiguity between plugins when using arbitrary values ([#9376](https://github.com/tailwindlabs/tailwindcss/pull/9376))
86
+ - Support `sort` function in `matchVariant` ([#9423](https://github.com/tailwindlabs/tailwindcss/pull/9423))
87
+ - Upgrade to `postcss-nested` v6.0 ([#9546](https://github.com/tailwindlabs/tailwindcss/pull/9546))
88
+
89
+ ### Fixed
90
+
91
+ - Use absolute paths when resolving changed files for resilience against working directory changes ([#9032](https://github.com/tailwindlabs/tailwindcss/pull/9032))
92
+ - Fix ring color utility generation when using `respectDefaultRingColorOpacity` ([#9070](https://github.com/tailwindlabs/tailwindcss/pull/9070))
93
+ - Sort tags before classes when `@apply`-ing a selector with joined classes ([#9107](https://github.com/tailwindlabs/tailwindcss/pull/9107))
94
+ - Remove invalid `outline-hidden` utility ([#9147](https://github.com/tailwindlabs/tailwindcss/pull/9147))
95
+ - Honor the `hidden` attribute on elements in preflight ([#9174](https://github.com/tailwindlabs/tailwindcss/pull/9174))
96
+ - Don't stop watching atomically renamed files ([#9173](https://github.com/tailwindlabs/tailwindcss/pull/9173), [#9215](https://github.com/tailwindlabs/tailwindcss/pull/9215))
97
+ - Fix duplicate utilities issue causing memory leaks ([#9208](https://github.com/tailwindlabs/tailwindcss/pull/9208))
98
+ - Fix `fontFamily` config TypeScript types ([#9214](https://github.com/tailwindlabs/tailwindcss/pull/9214))
99
+ - Handle variants on complex selector utilities ([#9262](https://github.com/tailwindlabs/tailwindcss/pull/9262))
100
+ - Fix shared config mutation issue ([#9294](https://github.com/tailwindlabs/tailwindcss/pull/9294))
101
+ - Fix ordering of parallel variants ([#9282](https://github.com/tailwindlabs/tailwindcss/pull/9282))
102
+ - Handle variants in utility selectors using `:where()` and `:has()` ([#9309](https://github.com/tailwindlabs/tailwindcss/pull/9309))
103
+ - Improve data type analysis for arbitrary values ([#9320](https://github.com/tailwindlabs/tailwindcss/pull/9320))
104
+ - Don't emit generated utilities with invalid uses of theme functions ([#9319](https://github.com/tailwindlabs/tailwindcss/pull/9319))
105
+ - Revert change that only listened for stdin close on TTYs ([#9331](https://github.com/tailwindlabs/tailwindcss/pull/9331))
106
+ - Ignore unset values (like `null` or `undefined`) when resolving the classList for intellisense ([#9385](https://github.com/tailwindlabs/tailwindcss/pull/9385))
107
+ - Improve type checking for formal syntax ([#9349](https://github.com/tailwindlabs/tailwindcss/pull/9349), [#9448](https://github.com/tailwindlabs/tailwindcss/pull/9448))
108
+ - Fix incorrect required `content` key in custom plugin configs ([#9502](https://github.com/tailwindlabs/tailwindcss/pull/9502), [#9545](https://github.com/tailwindlabs/tailwindcss/pull/9545))
109
+ - Fix content path detection on Windows ([#9569](https://github.com/tailwindlabs/tailwindcss/pull/9569))
110
+ - Ensure `--content` is used in the CLI when passed ([#9587](https://github.com/tailwindlabs/tailwindcss/pull/9587))
111
+
112
+ ## [3.1.8] - 2022-08-05
113
+
114
+ ### Fixed
115
+
116
+ - Don’t prefix classes within reused arbitrary variants ([#8992](https://github.com/tailwindlabs/tailwindcss/pull/8992))
117
+ - Fix usage of alpha values inside single-named colors that are functions ([#9008](https://github.com/tailwindlabs/tailwindcss/pull/9008))
118
+ - Fix `@apply` of user utilities when negative and non-negative versions both exist ([#9027](https://github.com/tailwindlabs/tailwindcss/pull/9027))
119
+
120
+ ## [3.1.7] - 2022-07-29
121
+
122
+ ### Fixed
123
+
124
+ - Don't rewrite source maps for `@layer` rules ([#8971](https://github.com/tailwindlabs/tailwindcss/pull/8971))
125
+
126
+ ### Added
127
+
128
+ - Added types for `resolveConfig` ([#8924](https://github.com/tailwindlabs/tailwindcss/pull/8924))
11
129
 
12
130
  ## [3.1.6] - 2022-07-11
13
131
 
@@ -86,7 +204,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
86
204
  - Move `important` selector to the front when `@apply`-ing selector-modifying variants in custom utilities ([#8313](https://github.com/tailwindlabs/tailwindcss/pull/8313))
87
205
  - Error when registering an invalid custom variant ([#8345](https://github.com/tailwindlabs/tailwindcss/pull/8345))
88
206
  - Create tailwind.config.cjs file in ESM package when running init ([#8363](https://github.com/tailwindlabs/tailwindcss/pull/8363))
89
- - Fix `matchVariants` that use at-rules and placeholders ([#8392](https://github.com/tailwindlabs/tailwindcss/pull/8392))
207
+ - Fix `matchVariant` that use at-rules and placeholders ([#8392](https://github.com/tailwindlabs/tailwindcss/pull/8392))
90
208
  - Improve types of the `tailwindcss/plugin` ([#8400](https://github.com/tailwindlabs/tailwindcss/pull/8400))
91
209
  - Allow returning parallel variants from `addVariant` or `matchVariant` callback functions ([#8455](https://github.com/tailwindlabs/tailwindcss/pull/8455))
92
210
  - Try using local `postcss` installation first in the CLI ([#8270](https://github.com/tailwindlabs/tailwindcss/pull/8270))
@@ -439,7 +557,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
439
557
 
440
558
  ### Fixed
441
559
 
442
- - Ensure `corePlugins` order is consisent in AOT mode ([#5928](https://github.com/tailwindlabs/tailwindcss/pull/5928))
560
+ - Ensure `corePlugins` order is consistent in AOT mode ([#5928](https://github.com/tailwindlabs/tailwindcss/pull/5928))
443
561
 
444
562
  ## [2.2.18] - 2021-10-29
445
563
 
@@ -2011,7 +2129,14 @@ No release notes
2011
2129
 
2012
2130
  - Everything!
2013
2131
 
2014
- [unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.6...HEAD
2132
+ [unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.2.4...HEAD
2133
+ [3.2.4]: https://github.com/tailwindlabs/tailwindcss/compare/v3.2.3...v3.2.4
2134
+ [3.2.3]: https://github.com/tailwindlabs/tailwindcss/compare/v3.2.2...v3.2.3
2135
+ [3.2.2]: https://github.com/tailwindlabs/tailwindcss/compare/v3.2.1...v3.2.2
2136
+ [3.2.1]: https://github.com/tailwindlabs/tailwindcss/compare/v3.2.0...v3.2.1
2137
+ [3.2.0]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.8...v3.2.0
2138
+ [3.1.8]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.7...v3.1.8
2139
+ [3.1.7]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.6...v3.1.7
2015
2140
  [3.1.6]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.5...v3.1.6
2016
2141
  [3.1.5]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.4...v3.1.5
2017
2142
  [3.1.4]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.3...v3.1.4
package/README.md CHANGED
@@ -1,15 +1,19 @@
1
- <p>
2
- <a href="https://tailwindcss.com/#gh-light-mode-only" target="_blank">
3
- <img src="./.github/logo-light.svg" alt="Tailwind CSS" width="350" height="70">
4
- </a>
5
- <a href="https://tailwindcss.com/#gh-dark-mode-only" target="_blank">
6
- <img src="./.github/logo-dark.svg" alt="Tailwind CSS" width="350" height="70">
1
+ <p align="center">
2
+ <a href="https://tailwindcss.com" target="_blank">
3
+ <picture>
4
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-dark.svg">
5
+ <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-light.svg">
6
+ <img alt="Tailwind CSS" src="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-light.svg" width="350" height="70" style="max-width: 100%;">
7
+ </picture>
7
8
  </a>
8
9
  </p>
9
10
 
10
- A utility-first CSS framework for rapidly building custom user interfaces.
11
+ <p align="center">
12
+ A utility-first CSS framework for rapidly building custom user interfaces.
13
+ </p>
14
+
11
15
 
12
- <p>
16
+ <p align="center">
13
17
  <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
18
  <a href="https://www.npmjs.com/package/tailwindcss"><img src="https://img.shields.io/npm/dt/tailwindcss.svg" alt="Total Downloads"></a>
15
19
  <a href="https://github.com/tailwindcss/tailwindcss/releases"><img src="https://img.shields.io/npm/v/tailwindcss.svg" alt="Latest Release"></a>
@@ -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,362 @@
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
+ const _log = /*#__PURE__*/ _interopRequireDefault(require("../../util/log"));
29
+ function _interopRequireDefault(obj) {
30
+ return obj && obj.__esModule ? obj : {
31
+ default: obj
32
+ };
33
+ }
34
+ /**
35
+ *
36
+ * @param {string} [customPostCssPath ]
37
+ * @returns
38
+ */ async function loadPostCssPlugins(customPostCssPath) {
39
+ let config = customPostCssPath ? await (async ()=>{
40
+ let file = _path.default.resolve(customPostCssPath);
41
+ // Implementation, see: https://unpkg.com/browse/postcss-load-config@3.1.0/src/index.js
42
+ // @ts-ignore
43
+ let { config ={} } = await (0, _lilconfig.lilconfig)("postcss").load(file);
44
+ if (typeof config === "function") {
45
+ config = config();
46
+ } else {
47
+ config = Object.assign({}, config);
48
+ }
49
+ if (!config.plugins) {
50
+ config.plugins = [];
51
+ }
52
+ return {
53
+ file,
54
+ plugins: (0, _plugins.default)(config, file),
55
+ options: (0, _options.default)(config, file)
56
+ };
57
+ })() : await (0, _postcssLoadConfig.default)();
58
+ let configPlugins = config.plugins;
59
+ let configPluginTailwindIdx = configPlugins.findIndex((plugin)=>{
60
+ if (typeof plugin === "function" && plugin.name === "tailwindcss") {
61
+ return true;
62
+ }
63
+ if (typeof plugin === "object" && plugin !== null && plugin.postcssPlugin === "tailwindcss") {
64
+ return true;
65
+ }
66
+ return false;
67
+ });
68
+ let beforePlugins = configPluginTailwindIdx === -1 ? [] : configPlugins.slice(0, configPluginTailwindIdx);
69
+ let afterPlugins = configPluginTailwindIdx === -1 ? configPlugins : configPlugins.slice(configPluginTailwindIdx + 1);
70
+ return [
71
+ beforePlugins,
72
+ afterPlugins,
73
+ config.options
74
+ ];
75
+ }
76
+ function loadBuiltinPostcssPlugins() {
77
+ let postcss = (0, _deps.loadPostcss)();
78
+ let IMPORT_COMMENT = "__TAILWIND_RESTORE_IMPORT__: ";
79
+ return [
80
+ [
81
+ (root)=>{
82
+ root.walkAtRules("import", (rule)=>{
83
+ if (rule.params.slice(1).startsWith("tailwindcss/")) {
84
+ rule.after(postcss.comment({
85
+ text: IMPORT_COMMENT + rule.params
86
+ }));
87
+ rule.remove();
88
+ }
89
+ });
90
+ },
91
+ (0, _deps.loadPostcssImport)(),
92
+ (root)=>{
93
+ root.walkComments((rule)=>{
94
+ if (rule.text.startsWith(IMPORT_COMMENT)) {
95
+ rule.after(postcss.atRule({
96
+ name: "import",
97
+ params: rule.text.replace(IMPORT_COMMENT, "")
98
+ }));
99
+ rule.remove();
100
+ }
101
+ });
102
+ }
103
+ ],
104
+ [],
105
+ {}
106
+ ];
107
+ }
108
+ let state = {
109
+ /** @type {any} */ context: null,
110
+ /** @type {ReturnType<typeof createWatcher> | null} */ watcher: null,
111
+ /** @type {{content: string, extension: string}[]} */ changedContent: [],
112
+ configDependencies: new Set(),
113
+ contextDependencies: new Set(),
114
+ /** @type {import('../../lib/content.js').ContentPath[]} */ contentPaths: [],
115
+ refreshContentPaths () {
116
+ var ref;
117
+ this.contentPaths = (0, _contentJs.parseCandidateFiles)(this.context, (ref = this.context) === null || ref === void 0 ? void 0 : ref.tailwindConfig);
118
+ },
119
+ get config () {
120
+ return this.context.tailwindConfig;
121
+ },
122
+ get contentPatterns () {
123
+ return {
124
+ all: this.contentPaths.map((contentPath)=>contentPath.pattern),
125
+ dynamic: this.contentPaths.filter((contentPath)=>contentPath.glob !== undefined).map((contentPath)=>contentPath.pattern)
126
+ };
127
+ },
128
+ loadConfig (configPath, content) {
129
+ if (this.watcher && configPath) {
130
+ this.refreshConfigDependencies(configPath);
131
+ }
132
+ let config = configPath ? require(configPath) : {};
133
+ // @ts-ignore
134
+ config = (0, _resolveConfigJs.default)(config, {
135
+ content: {
136
+ files: []
137
+ }
138
+ });
139
+ // Override content files if `--content` has been passed explicitly
140
+ if ((content === null || content === void 0 ? void 0 : content.length) > 0) {
141
+ config.content.files = content;
142
+ }
143
+ return config;
144
+ },
145
+ refreshConfigDependencies (configPath) {
146
+ _shared.env.DEBUG && console.time("Module dependencies");
147
+ for (let file of this.configDependencies){
148
+ delete require.cache[require.resolve(file)];
149
+ }
150
+ if (configPath) {
151
+ let deps = (0, _getModuleDependenciesJs.default)(configPath).map(({ file })=>file);
152
+ for (let dependency of deps){
153
+ this.configDependencies.add(dependency);
154
+ }
155
+ }
156
+ _shared.env.DEBUG && console.timeEnd("Module dependencies");
157
+ },
158
+ readContentPaths () {
159
+ let content = [];
160
+ // Resolve globs from the content config
161
+ // TODO: When we make the postcss plugin async-capable this can become async
162
+ let files = _fastGlob.default.sync(this.contentPatterns.all);
163
+ for (let file of files){
164
+ content.push({
165
+ content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
166
+ extension: _path.default.extname(file).slice(1)
167
+ });
168
+ }
169
+ // Resolve raw content in the tailwind config
170
+ let rawContent = this.config.content.files.filter((file)=>{
171
+ return file !== null && typeof file === "object";
172
+ });
173
+ for (let { raw: htmlContent , extension ="html" } of rawContent){
174
+ content.push({
175
+ content: htmlContent,
176
+ extension
177
+ });
178
+ }
179
+ return content;
180
+ },
181
+ getContext ({ createContext , cliConfigPath , root , result , content }) {
182
+ if (this.context) {
183
+ this.context.changedContent = this.changedContent.splice(0);
184
+ return this.context;
185
+ }
186
+ _shared.env.DEBUG && console.time("Searching for config");
187
+ var ref;
188
+ let configPath = (ref = (0, _findAtConfigPathJs.findAtConfigPath)(root, result)) !== null && ref !== void 0 ? ref : cliConfigPath;
189
+ _shared.env.DEBUG && console.timeEnd("Searching for config");
190
+ _shared.env.DEBUG && console.time("Loading config");
191
+ let config = this.loadConfig(configPath, content);
192
+ _shared.env.DEBUG && console.timeEnd("Loading config");
193
+ _shared.env.DEBUG && console.time("Creating context");
194
+ this.context = createContext(config, []);
195
+ Object.assign(this.context, {
196
+ userConfigPath: configPath
197
+ });
198
+ _shared.env.DEBUG && console.timeEnd("Creating context");
199
+ _shared.env.DEBUG && console.time("Resolving content paths");
200
+ this.refreshContentPaths();
201
+ _shared.env.DEBUG && console.timeEnd("Resolving content paths");
202
+ if (this.watcher) {
203
+ _shared.env.DEBUG && console.time("Watch new files");
204
+ this.watcher.refreshWatchedFiles();
205
+ _shared.env.DEBUG && console.timeEnd("Watch new files");
206
+ }
207
+ _shared.env.DEBUG && console.time("Reading content files");
208
+ for (let file of this.readContentPaths()){
209
+ this.context.changedContent.push(file);
210
+ }
211
+ _shared.env.DEBUG && console.timeEnd("Reading content files");
212
+ return this.context;
213
+ }
214
+ };
215
+ async function createProcessor(args, cliConfigPath) {
216
+ var ref;
217
+ let postcss = (0, _deps.loadPostcss)();
218
+ let input = args["--input"];
219
+ let output = args["--output"];
220
+ let includePostCss = args["--postcss"];
221
+ let customPostCssPath = typeof args["--postcss"] === "string" ? args["--postcss"] : undefined;
222
+ let [beforePlugins, afterPlugins, postcssOptions] = includePostCss ? await loadPostCssPlugins(customPostCssPath) : loadBuiltinPostcssPlugins();
223
+ if (args["--purge"]) {
224
+ _log.default.warn("purge-flag-deprecated", [
225
+ "The `--purge` flag has been deprecated.",
226
+ "Please use `--content` instead."
227
+ ]);
228
+ if (!args["--content"]) {
229
+ args["--content"] = args["--purge"];
230
+ }
231
+ }
232
+ var ref1;
233
+ let content = (ref1 = (ref = args["--content"]) === null || ref === void 0 ? void 0 : ref.split(/(?<!{[^}]+),/)) !== null && ref1 !== void 0 ? ref1 : [];
234
+ let tailwindPlugin = ()=>{
235
+ return {
236
+ postcssPlugin: "tailwindcss",
237
+ Once (root, { result }) {
238
+ _shared.env.DEBUG && console.time("Compiling CSS");
239
+ (0, _processTailwindFeatures.default)(({ createContext })=>{
240
+ console.error();
241
+ console.error("Rebuilding...");
242
+ return ()=>{
243
+ return state.getContext({
244
+ createContext,
245
+ cliConfigPath,
246
+ root,
247
+ result,
248
+ content
249
+ });
250
+ };
251
+ })(root, result);
252
+ _shared.env.DEBUG && console.timeEnd("Compiling CSS");
253
+ }
254
+ };
255
+ };
256
+ tailwindPlugin.postcss = true;
257
+ let plugins = [
258
+ ...beforePlugins,
259
+ tailwindPlugin,
260
+ !args["--minify"] && _utils.formatNodes,
261
+ ...afterPlugins,
262
+ !args["--no-autoprefixer"] && (0, _deps.loadAutoprefixer)(),
263
+ args["--minify"] && (0, _deps.loadCssNano)()
264
+ ].filter(Boolean);
265
+ /** @type {import('postcss').Processor} */ // @ts-ignore
266
+ let processor = postcss(plugins);
267
+ async function readInput() {
268
+ // Piping in data, let's drain the stdin
269
+ if (input === "-") {
270
+ return (0, _utils.drainStdin)();
271
+ }
272
+ // Input file has been provided
273
+ if (input) {
274
+ return _fs.default.promises.readFile(_path.default.resolve(input), "utf8");
275
+ }
276
+ // No input file provided, fallback to default atrules
277
+ return "@tailwind base; @tailwind components; @tailwind utilities";
278
+ }
279
+ async function build() {
280
+ let start = process.hrtime.bigint();
281
+ return readInput().then((css)=>processor.process(css, {
282
+ ...postcssOptions,
283
+ from: input,
284
+ to: output
285
+ })).then((result)=>{
286
+ if (!state.watcher) {
287
+ return result;
288
+ }
289
+ _shared.env.DEBUG && console.time("Recording PostCSS dependencies");
290
+ for (let message of result.messages){
291
+ if (message.type === "dependency") {
292
+ state.contextDependencies.add(message.file);
293
+ }
294
+ }
295
+ _shared.env.DEBUG && console.timeEnd("Recording PostCSS dependencies");
296
+ // TODO: This needs to be in a different spot
297
+ _shared.env.DEBUG && console.time("Watch new files");
298
+ state.watcher.refreshWatchedFiles();
299
+ _shared.env.DEBUG && console.timeEnd("Watch new files");
300
+ return result;
301
+ }).then((result)=>{
302
+ if (!output) {
303
+ process.stdout.write(result.css);
304
+ return;
305
+ }
306
+ return Promise.all([
307
+ (0, _utils.outputFile)(output, result.css),
308
+ result.map && (0, _utils.outputFile)(output + ".map", result.map.toString())
309
+ ]);
310
+ }).then(()=>{
311
+ let end = process.hrtime.bigint();
312
+ console.error();
313
+ console.error("Done in", (end - start) / BigInt(1e6) + "ms.");
314
+ }).then(()=>{}, (err)=>{
315
+ // TODO: If an initial build fails we can't easily pick up any PostCSS dependencies
316
+ // that were collected before the error occurred
317
+ // The result is not stored on the error so we have to store it externally
318
+ // and pull the messages off of it here somehow
319
+ // This results in a less than ideal DX because the watcher will not pick up
320
+ // changes to imported CSS if one of them caused an error during the initial build
321
+ // If you fix it and then save the main CSS file so there's no error
322
+ // The watcher will start watching the imported CSS files and will be
323
+ // resilient to future errors.
324
+ console.error(err);
325
+ });
326
+ }
327
+ /**
328
+ * @param {{file: string, content(): Promise<string>, extension: string}[]} changes
329
+ */ async function parseChanges(changes) {
330
+ return Promise.all(changes.map(async (change)=>({
331
+ content: await change.content(),
332
+ extension: change.extension
333
+ })));
334
+ }
335
+ if (input !== undefined && input !== "-") {
336
+ state.contextDependencies.add(_path.default.resolve(input));
337
+ }
338
+ return {
339
+ build,
340
+ watch: async ()=>{
341
+ state.watcher = (0, _watchingJs.createWatcher)(args, {
342
+ state,
343
+ /**
344
+ * @param {{file: string, content(): Promise<string>, extension: string}[]} changes
345
+ */ async rebuild (changes) {
346
+ let needsNewContext = changes.some((change)=>{
347
+ return state.configDependencies.has(change.file) || state.contextDependencies.has(change.file);
348
+ });
349
+ if (needsNewContext) {
350
+ state.context = null;
351
+ } else {
352
+ for (let change of (await parseChanges(changes))){
353
+ state.changedContent.push(change);
354
+ }
355
+ }
356
+ return build();
357
+ }
358
+ });
359
+ await build();
360
+ }
361
+ };
362
+ }