tailwindcss 0.0.0-insiders.fda68f7 → 0.0.0-oxide.6bf5e56

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 (195) hide show
  1. package/CHANGELOG.md +603 -2
  2. package/LICENSE +1 -2
  3. package/README.md +14 -6
  4. package/colors.d.ts +3 -0
  5. package/colors.js +2 -304
  6. package/defaultConfig.d.ts +3 -0
  7. package/defaultConfig.js +2 -4
  8. package/defaultTheme.d.ts +4 -0
  9. package/defaultTheme.js +2 -4
  10. package/lib/cli/build/deps.js +54 -0
  11. package/lib/cli/build/index.js +48 -0
  12. package/lib/cli/build/plugin.js +367 -0
  13. package/lib/cli/build/utils.js +78 -0
  14. package/lib/cli/build/watching.js +178 -0
  15. package/lib/cli/help/index.js +71 -0
  16. package/lib/cli/index.js +18 -0
  17. package/lib/cli/init/index.js +46 -0
  18. package/lib/cli/shared.js +13 -0
  19. package/lib/cli-peer-dependencies.js +22 -14
  20. package/lib/cli.js +217 -743
  21. package/lib/constants.js +41 -34
  22. package/lib/corePluginList.js +178 -5
  23. package/lib/corePlugins.js +3879 -2941
  24. package/lib/css/preflight.css +22 -9
  25. package/lib/featureFlags.js +61 -50
  26. package/lib/index.js +45 -28
  27. package/lib/lib/cacheInvalidation.js +90 -0
  28. package/lib/lib/collapseAdjacentRules.js +52 -36
  29. package/lib/lib/collapseDuplicateDeclarations.js +83 -0
  30. package/lib/lib/content.js +176 -0
  31. package/lib/lib/defaultExtractor.js +236 -0
  32. package/lib/lib/detectNesting.js +37 -0
  33. package/lib/lib/evaluateTailwindFunctions.js +203 -161
  34. package/lib/lib/expandApplyAtRules.js +502 -221
  35. package/lib/lib/expandTailwindAtRules.js +258 -243
  36. package/lib/lib/findAtConfigPath.js +44 -0
  37. package/lib/lib/generateRules.js +775 -320
  38. package/lib/lib/getModuleDependencies.js +44 -46
  39. package/lib/lib/normalizeTailwindDirectives.js +79 -60
  40. package/lib/lib/offsets.js +217 -0
  41. package/lib/lib/partitionApplyAtRules.js +56 -0
  42. package/lib/lib/regex.js +60 -0
  43. package/lib/lib/resolveDefaultsAtRules.js +150 -94
  44. package/lib/lib/setupContextUtils.js +1146 -599
  45. package/lib/lib/setupTrackingContext.js +129 -177
  46. package/lib/lib/sharedState.js +53 -21
  47. package/lib/lib/substituteScreenAtRules.js +26 -28
  48. package/{nesting → lib/postcss-plugins/nesting}/README.md +2 -2
  49. package/lib/postcss-plugins/nesting/index.js +19 -0
  50. package/lib/postcss-plugins/nesting/plugin.js +87 -0
  51. package/lib/processTailwindFeatures.js +58 -53
  52. package/lib/public/colors.js +331 -0
  53. package/lib/public/create-plugin.js +15 -0
  54. package/lib/public/default-config.js +16 -0
  55. package/lib/public/default-theme.js +16 -0
  56. package/lib/public/resolve-config.js +22 -0
  57. package/lib/util/bigSign.js +7 -6
  58. package/lib/util/buildMediaQuery.js +21 -32
  59. package/lib/util/cloneDeep.js +16 -14
  60. package/lib/util/cloneNodes.js +29 -15
  61. package/lib/util/color.js +90 -66
  62. package/lib/util/configurePlugins.js +17 -15
  63. package/lib/util/createPlugin.js +23 -26
  64. package/lib/util/createUtilityPlugin.js +46 -46
  65. package/lib/util/dataTypes.js +242 -0
  66. package/lib/util/defaults.js +20 -15
  67. package/lib/util/escapeClassName.js +18 -17
  68. package/lib/util/escapeCommas.js +7 -6
  69. package/lib/util/flattenColorPalette.js +13 -12
  70. package/lib/util/formatVariantSelector.js +285 -0
  71. package/lib/util/getAllConfigs.js +44 -18
  72. package/lib/util/hashConfig.js +15 -12
  73. package/lib/util/isKeyframeRule.js +7 -6
  74. package/lib/util/isPlainObject.js +11 -11
  75. package/lib/util/isSyntacticallyValidPropertyValue.js +72 -0
  76. package/lib/util/log.js +52 -33
  77. package/lib/util/nameClass.js +37 -26
  78. package/lib/util/negateValue.js +31 -17
  79. package/lib/util/normalizeConfig.js +281 -0
  80. package/lib/util/normalizeScreens.js +170 -0
  81. package/lib/util/parseAnimationValue.js +85 -54
  82. package/lib/util/parseBoxShadowValue.js +84 -0
  83. package/lib/util/parseDependency.js +41 -70
  84. package/lib/util/parseGlob.js +34 -0
  85. package/lib/util/parseObjectStyles.js +30 -24
  86. package/lib/util/pluginUtils.js +252 -287
  87. package/lib/util/prefixSelector.js +20 -20
  88. package/lib/util/removeAlphaVariables.js +29 -0
  89. package/lib/util/resolveConfig.js +221 -256
  90. package/lib/util/resolveConfigPath.js +43 -48
  91. package/lib/util/responsive.js +18 -14
  92. package/lib/util/splitAtTopLevelOnly.js +43 -0
  93. package/lib/util/tap.js +8 -7
  94. package/lib/util/toColorValue.js +7 -6
  95. package/lib/util/toPath.js +27 -8
  96. package/lib/util/transformThemeValue.js +67 -28
  97. package/lib/util/validateConfig.js +24 -0
  98. package/lib/util/validateFormalSyntax.js +24 -0
  99. package/lib/util/withAlphaVariable.js +67 -57
  100. package/nesting/index.js +2 -12
  101. package/package.json +60 -65
  102. package/peers/index.js +76445 -84221
  103. package/plugin.d.ts +11 -0
  104. package/plugin.js +1 -2
  105. package/resolveConfig.d.ts +12 -0
  106. package/resolveConfig.js +2 -7
  107. package/scripts/create-plugin-list.js +2 -2
  108. package/scripts/generate-types.js +105 -0
  109. package/scripts/release-channel.js +18 -0
  110. package/scripts/release-notes.js +21 -0
  111. package/scripts/type-utils.js +27 -0
  112. package/src/cli/build/deps.js +56 -0
  113. package/src/cli/build/index.js +49 -0
  114. package/src/cli/build/plugin.js +439 -0
  115. package/src/cli/build/utils.js +76 -0
  116. package/src/cli/build/watching.js +227 -0
  117. package/src/cli/help/index.js +70 -0
  118. package/src/cli/index.js +3 -0
  119. package/src/cli/init/index.js +50 -0
  120. package/src/cli/shared.js +6 -0
  121. package/src/cli-peer-dependencies.js +7 -1
  122. package/src/cli.js +50 -575
  123. package/src/corePluginList.js +1 -1
  124. package/src/corePlugins.js +2405 -1948
  125. package/src/css/preflight.css +22 -9
  126. package/src/featureFlags.js +26 -10
  127. package/src/index.js +19 -6
  128. package/src/lib/cacheInvalidation.js +52 -0
  129. package/src/lib/collapseAdjacentRules.js +21 -2
  130. package/src/lib/collapseDuplicateDeclarations.js +93 -0
  131. package/src/lib/content.js +212 -0
  132. package/src/lib/defaultExtractor.js +211 -0
  133. package/src/lib/detectNesting.js +39 -0
  134. package/src/lib/evaluateTailwindFunctions.js +84 -10
  135. package/src/lib/expandApplyAtRules.js +508 -153
  136. package/src/lib/expandTailwindAtRules.js +130 -104
  137. package/src/lib/findAtConfigPath.js +48 -0
  138. package/src/lib/generateRules.js +596 -70
  139. package/src/lib/normalizeTailwindDirectives.js +10 -3
  140. package/src/lib/offsets.js +270 -0
  141. package/src/lib/partitionApplyAtRules.js +52 -0
  142. package/src/lib/regex.js +74 -0
  143. package/src/lib/resolveDefaultsAtRules.js +105 -47
  144. package/src/lib/setupContextUtils.js +828 -196
  145. package/src/lib/setupTrackingContext.js +19 -54
  146. package/src/lib/sharedState.js +45 -7
  147. package/src/lib/substituteScreenAtRules.js +6 -3
  148. package/src/postcss-plugins/nesting/README.md +42 -0
  149. package/src/postcss-plugins/nesting/index.js +13 -0
  150. package/src/postcss-plugins/nesting/plugin.js +80 -0
  151. package/src/processTailwindFeatures.js +19 -2
  152. package/src/public/colors.js +300 -0
  153. package/src/public/create-plugin.js +2 -0
  154. package/src/public/default-config.js +4 -0
  155. package/src/public/default-theme.js +4 -0
  156. package/src/public/resolve-config.js +7 -0
  157. package/src/util/buildMediaQuery.js +14 -16
  158. package/src/util/cloneNodes.js +19 -2
  159. package/src/util/color.js +31 -14
  160. package/src/util/createUtilityPlugin.js +2 -11
  161. package/src/util/dataTypes.js +256 -0
  162. package/src/util/defaults.js +6 -0
  163. package/src/util/formatVariantSelector.js +319 -0
  164. package/src/util/getAllConfigs.js +19 -0
  165. package/src/util/isSyntacticallyValidPropertyValue.js +61 -0
  166. package/src/util/log.js +23 -22
  167. package/src/util/nameClass.js +14 -6
  168. package/src/util/negateValue.js +15 -5
  169. package/src/util/normalizeConfig.js +300 -0
  170. package/src/util/normalizeScreens.js +140 -0
  171. package/src/util/parseAnimationValue.js +7 -1
  172. package/src/util/parseBoxShadowValue.js +72 -0
  173. package/src/util/parseDependency.js +37 -38
  174. package/src/util/parseGlob.js +24 -0
  175. package/src/util/pluginUtils.js +216 -197
  176. package/src/util/prefixSelector.js +7 -8
  177. package/src/util/removeAlphaVariables.js +24 -0
  178. package/src/util/resolveConfig.js +86 -91
  179. package/src/util/splitAtTopLevelOnly.js +45 -0
  180. package/src/util/toPath.js +23 -1
  181. package/src/util/transformThemeValue.js +33 -8
  182. package/src/util/validateConfig.js +13 -0
  183. package/src/util/validateFormalSyntax.js +34 -0
  184. package/src/util/withAlphaVariable.js +14 -9
  185. package/stubs/defaultConfig.stub.js +186 -117
  186. package/stubs/simpleConfig.stub.js +1 -1
  187. package/types/config.d.ts +362 -0
  188. package/types/generated/.gitkeep +0 -0
  189. package/types/generated/colors.d.ts +276 -0
  190. package/types/generated/corePluginList.d.ts +1 -0
  191. package/types/generated/default-theme.d.ts +342 -0
  192. package/types/index.d.ts +7 -0
  193. package/lib/lib/setupWatchingContext.js +0 -331
  194. package/nesting/plugin.js +0 -41
  195. package/src/lib/setupWatchingContext.js +0 -306
@@ -0,0 +1,342 @@
1
+ import { Config } from '../../types'
2
+ type CSSDeclarationList = Record<string, string>
3
+ export type DefaultTheme = Config['theme'] & {
4
+ screens: Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', string>
5
+ columns: Record<
6
+ | '1'
7
+ | '2'
8
+ | '3'
9
+ | '4'
10
+ | '5'
11
+ | '6'
12
+ | '7'
13
+ | '8'
14
+ | '9'
15
+ | '10'
16
+ | '11'
17
+ | '12'
18
+ | 'auto'
19
+ | '3xs'
20
+ | '2xs'
21
+ | 'xs'
22
+ | 'sm'
23
+ | 'md'
24
+ | 'lg'
25
+ | 'xl'
26
+ | '2xl'
27
+ | '3xl'
28
+ | '4xl'
29
+ | '5xl'
30
+ | '6xl'
31
+ | '7xl',
32
+ string
33
+ >
34
+ spacing: Record<
35
+ | '0'
36
+ | '1'
37
+ | '2'
38
+ | '3'
39
+ | '4'
40
+ | '5'
41
+ | '6'
42
+ | '7'
43
+ | '8'
44
+ | '9'
45
+ | '10'
46
+ | '11'
47
+ | '12'
48
+ | '14'
49
+ | '16'
50
+ | '20'
51
+ | '24'
52
+ | '28'
53
+ | '32'
54
+ | '36'
55
+ | '40'
56
+ | '44'
57
+ | '48'
58
+ | '52'
59
+ | '56'
60
+ | '60'
61
+ | '64'
62
+ | '72'
63
+ | '80'
64
+ | '96'
65
+ | 'px'
66
+ | '0.5'
67
+ | '1.5'
68
+ | '2.5'
69
+ | '3.5',
70
+ string
71
+ >
72
+ animation: Record<'none' | 'spin' | 'ping' | 'pulse' | 'bounce', string>
73
+ aria: Record<
74
+ | 'checked'
75
+ | 'disabled'
76
+ | 'expanded'
77
+ | 'hidden'
78
+ | 'pressed'
79
+ | 'readonly'
80
+ | 'required'
81
+ | 'selected',
82
+ string
83
+ >
84
+ aspectRatio: Record<'auto' | 'square' | 'video', string>
85
+ backgroundImage: Record<
86
+ | 'none'
87
+ | 'gradient-to-t'
88
+ | 'gradient-to-tr'
89
+ | 'gradient-to-r'
90
+ | 'gradient-to-br'
91
+ | 'gradient-to-b'
92
+ | 'gradient-to-bl'
93
+ | 'gradient-to-l'
94
+ | 'gradient-to-tl',
95
+ string
96
+ >
97
+ backgroundPosition: Record<
98
+ | 'bottom'
99
+ | 'center'
100
+ | 'left'
101
+ | 'left-bottom'
102
+ | 'left-top'
103
+ | 'right'
104
+ | 'right-bottom'
105
+ | 'right-top'
106
+ | 'top',
107
+ string
108
+ >
109
+ backgroundSize: Record<'auto' | 'cover' | 'contain', string>
110
+ blur: Record<'0' | 'none' | 'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | '3xl', string>
111
+ brightness: Record<
112
+ '0' | '50' | '75' | '90' | '95' | '100' | '105' | '110' | '125' | '150' | '200',
113
+ string
114
+ >
115
+ borderRadius: Record<
116
+ 'none' | 'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full',
117
+ string
118
+ >
119
+ borderWidth: Record<'0' | '2' | '4' | '8' | 'DEFAULT', string>
120
+ boxShadow: Record<'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | 'inner' | 'none', string>
121
+ contrast: Record<'0' | '50' | '75' | '100' | '125' | '150' | '200', string>
122
+ content: Record<'none', string>
123
+ cursor: Record<
124
+ | 'auto'
125
+ | 'default'
126
+ | 'pointer'
127
+ | 'wait'
128
+ | 'text'
129
+ | 'move'
130
+ | 'help'
131
+ | 'not-allowed'
132
+ | 'none'
133
+ | 'context-menu'
134
+ | 'progress'
135
+ | 'cell'
136
+ | 'crosshair'
137
+ | 'vertical-text'
138
+ | 'alias'
139
+ | 'copy'
140
+ | 'no-drop'
141
+ | 'grab'
142
+ | 'grabbing'
143
+ | 'all-scroll'
144
+ | 'col-resize'
145
+ | 'row-resize'
146
+ | 'n-resize'
147
+ | 'e-resize'
148
+ | 's-resize'
149
+ | 'w-resize'
150
+ | 'ne-resize'
151
+ | 'nw-resize'
152
+ | 'se-resize'
153
+ | 'sw-resize'
154
+ | 'ew-resize'
155
+ | 'ns-resize'
156
+ | 'nesw-resize'
157
+ | 'nwse-resize'
158
+ | 'zoom-in'
159
+ | 'zoom-out',
160
+ string
161
+ >
162
+ dropShadow: Record<'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | 'none', string | string[]>
163
+ grayscale: Record<'0' | 'DEFAULT', string>
164
+ hueRotate: Record<'0' | '15' | '30' | '60' | '90' | '180', string>
165
+ invert: Record<'0' | 'DEFAULT', string>
166
+ flex: Record<'1' | 'auto' | 'initial' | 'none', string>
167
+ flexGrow: Record<'0' | 'DEFAULT', string>
168
+ flexShrink: Record<'0' | 'DEFAULT', string>
169
+ fontFamily: Record<'sans' | 'serif' | 'mono', string[]>
170
+ fontSize: Record<
171
+ | 'xs'
172
+ | 'sm'
173
+ | 'base'
174
+ | 'lg'
175
+ | 'xl'
176
+ | '2xl'
177
+ | '3xl'
178
+ | '4xl'
179
+ | '5xl'
180
+ | '6xl'
181
+ | '7xl'
182
+ | '8xl'
183
+ | '9xl',
184
+ [string, { lineHeight: string }]
185
+ >
186
+ fontWeight: Record<
187
+ | 'thin'
188
+ | 'extralight'
189
+ | 'light'
190
+ | 'normal'
191
+ | 'medium'
192
+ | 'semibold'
193
+ | 'bold'
194
+ | 'extrabold'
195
+ | 'black',
196
+ string
197
+ >
198
+ gridAutoColumns: Record<'auto' | 'min' | 'max' | 'fr', string>
199
+ gridAutoRows: Record<'auto' | 'min' | 'max' | 'fr', string>
200
+ gridColumn: Record<
201
+ | 'auto'
202
+ | 'span-1'
203
+ | 'span-2'
204
+ | 'span-3'
205
+ | 'span-4'
206
+ | 'span-5'
207
+ | 'span-6'
208
+ | 'span-7'
209
+ | 'span-8'
210
+ | 'span-9'
211
+ | 'span-10'
212
+ | 'span-11'
213
+ | 'span-12'
214
+ | 'span-full',
215
+ string
216
+ >
217
+ gridColumnEnd: Record<
218
+ '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '13' | 'auto',
219
+ string
220
+ >
221
+ gridColumnStart: Record<
222
+ '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '13' | 'auto',
223
+ string
224
+ >
225
+ gridRow: Record<
226
+ 'auto' | 'span-1' | 'span-2' | 'span-3' | 'span-4' | 'span-5' | 'span-6' | 'span-full',
227
+ string
228
+ >
229
+ gridRowStart: Record<'1' | '2' | '3' | '4' | '5' | '6' | '7' | 'auto', string>
230
+ gridRowEnd: Record<'1' | '2' | '3' | '4' | '5' | '6' | '7' | 'auto', string>
231
+ gridTemplateColumns: Record<
232
+ '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'none',
233
+ string
234
+ >
235
+ gridTemplateRows: Record<'1' | '2' | '3' | '4' | '5' | '6' | 'none', string>
236
+ keyframes: Record<'spin' | 'ping' | 'pulse' | 'bounce', Record<string, CSSDeclarationList>>
237
+ letterSpacing: Record<'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest', string>
238
+ lineHeight: Record<
239
+ | '3'
240
+ | '4'
241
+ | '5'
242
+ | '6'
243
+ | '7'
244
+ | '8'
245
+ | '9'
246
+ | '10'
247
+ | 'none'
248
+ | 'tight'
249
+ | 'snug'
250
+ | 'normal'
251
+ | 'relaxed'
252
+ | 'loose',
253
+ string
254
+ >
255
+ listStyleType: Record<'none' | 'disc' | 'decimal', string>
256
+ minHeight: Record<'0' | 'full' | 'screen' | 'min' | 'max' | 'fit', string>
257
+ minWidth: Record<'0' | 'full' | 'min' | 'max' | 'fit', string>
258
+ objectPosition: Record<
259
+ | 'bottom'
260
+ | 'center'
261
+ | 'left'
262
+ | 'left-bottom'
263
+ | 'left-top'
264
+ | 'right'
265
+ | 'right-bottom'
266
+ | 'right-top'
267
+ | 'top',
268
+ string
269
+ >
270
+ opacity: Record<
271
+ | '0'
272
+ | '5'
273
+ | '10'
274
+ | '20'
275
+ | '25'
276
+ | '30'
277
+ | '40'
278
+ | '50'
279
+ | '60'
280
+ | '70'
281
+ | '75'
282
+ | '80'
283
+ | '90'
284
+ | '95'
285
+ | '100',
286
+ string
287
+ >
288
+ order: Record<
289
+ | '1'
290
+ | '2'
291
+ | '3'
292
+ | '4'
293
+ | '5'
294
+ | '6'
295
+ | '7'
296
+ | '8'
297
+ | '9'
298
+ | '10'
299
+ | '11'
300
+ | '12'
301
+ | 'first'
302
+ | 'last'
303
+ | 'none',
304
+ string
305
+ >
306
+ outlineOffset: Record<'0' | '1' | '2' | '4' | '8', string>
307
+ outlineWidth: Record<'0' | '1' | '2' | '4' | '8', string>
308
+ ringOffsetWidth: Record<'0' | '1' | '2' | '4' | '8', string>
309
+ ringWidth: Record<'0' | '1' | '2' | '4' | '8' | 'DEFAULT', string>
310
+ rotate: Record<'0' | '1' | '2' | '3' | '6' | '12' | '45' | '90' | '180', string>
311
+ saturate: Record<'0' | '50' | '100' | '150' | '200', string>
312
+ scale: Record<'0' | '50' | '75' | '90' | '95' | '100' | '105' | '110' | '125' | '150', string>
313
+ sepia: Record<'0' | 'DEFAULT', string>
314
+ skew: Record<'0' | '1' | '2' | '3' | '6' | '12', string>
315
+ strokeWidth: Record<'0' | '1' | '2', string>
316
+ textDecorationThickness: Record<'0' | '1' | '2' | '4' | '8' | 'auto' | 'from-font', string>
317
+ textUnderlineOffset: Record<'0' | '1' | '2' | '4' | '8' | 'auto', string>
318
+ transformOrigin: Record<
319
+ | 'center'
320
+ | 'top'
321
+ | 'top-right'
322
+ | 'right'
323
+ | 'bottom-right'
324
+ | 'bottom'
325
+ | 'bottom-left'
326
+ | 'left'
327
+ | 'top-left',
328
+ string
329
+ >
330
+ transitionDelay: Record<'75' | '100' | '150' | '200' | '300' | '500' | '700' | '1000', string>
331
+ transitionDuration: Record<
332
+ '75' | '100' | '150' | '200' | '300' | '500' | '700' | '1000' | 'DEFAULT',
333
+ string
334
+ >
335
+ transitionProperty: Record<
336
+ 'none' | 'all' | 'DEFAULT' | 'colors' | 'opacity' | 'shadow' | 'transform',
337
+ string
338
+ >
339
+ transitionTimingFunction: Record<'DEFAULT' | 'linear' | 'in' | 'out' | 'in-out', string>
340
+ willChange: Record<'auto' | 'scroll' | 'contents' | 'transform', string>
341
+ zIndex: Record<'0' | '10' | '20' | '30' | '40' | '50' | 'auto', string>
342
+ }
@@ -0,0 +1,7 @@
1
+ import { PluginCreator } from 'postcss'
2
+ import type { Config } from './config.d'
3
+
4
+ declare const plugin: PluginCreator<string | Config | { config: string | Config }>
5
+
6
+ export { Config }
7
+ export default plugin
@@ -1,331 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = setupWatchingContext;
7
-
8
- var _fs = _interopRequireDefault(require("fs"));
9
-
10
- var _path = _interopRequireDefault(require("path"));
11
-
12
- var _tmp = _interopRequireDefault(require("tmp"));
13
-
14
- var _chokidar = _interopRequireDefault(require("chokidar"));
15
-
16
- var _fastGlob = _interopRequireDefault(require("fast-glob"));
17
-
18
- var _quickLru = _interopRequireDefault(require("quick-lru"));
19
-
20
- var _normalizePath = _interopRequireDefault(require("normalize-path"));
21
-
22
- var _hashConfig = _interopRequireDefault(require("../util/hashConfig"));
23
-
24
- var _log = _interopRequireDefault(require("../util/log"));
25
-
26
- var _getModuleDependencies = _interopRequireDefault(require("../lib/getModuleDependencies"));
27
-
28
- var _resolveConfig = _interopRequireDefault(require("../../resolveConfig"));
29
-
30
- var _resolveConfigPath = _interopRequireDefault(require("../util/resolveConfigPath"));
31
-
32
- var _setupContextUtils = require("./setupContextUtils");
33
-
34
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
35
-
36
- // This is used to trigger rebuilds. Just updating the timestamp
37
- // is significantly faster than actually writing to the file (10x).
38
- function touch(filename) {
39
- let time = new Date();
40
-
41
- try {
42
- _fs.default.utimesSync(filename, time, time);
43
- } catch (err) {
44
- _fs.default.closeSync(_fs.default.openSync(filename, 'w'));
45
- }
46
- }
47
-
48
- let watchers = new WeakMap();
49
-
50
- function getWatcher(context) {
51
- if (watchers.has(context)) {
52
- return watchers.get(context);
53
- }
54
-
55
- return null;
56
- }
57
-
58
- function setWatcher(context, watcher) {
59
- return watchers.set(context, watcher);
60
- }
61
-
62
- let touchFiles = new WeakMap();
63
-
64
- function getTouchFile(context) {
65
- if (touchFiles.has(context)) {
66
- return touchFiles.get(context);
67
- }
68
-
69
- return null;
70
- }
71
-
72
- function setTouchFile(context, touchFile) {
73
- return touchFiles.set(context, touchFile);
74
- }
75
-
76
- let configPaths = new WeakMap();
77
-
78
- function getConfigPath(context, configOrPath) {
79
- if (!configPaths.has(context)) {
80
- configPaths.set(context, (0, _resolveConfigPath.default)(configOrPath));
81
- }
82
-
83
- return configPaths.get(context);
84
- }
85
-
86
- function rebootWatcher(context, configPath, configDependencies, candidateFiles) {
87
- let touchFile = getTouchFile(context);
88
-
89
- if (touchFile === null) {
90
- touchFile = _tmp.default.fileSync().name;
91
- setTouchFile(context, touchFile);
92
- touch(touchFile);
93
- }
94
-
95
- let watcher = getWatcher(context);
96
- Promise.resolve(watcher ? watcher.close() : null).then(() => {
97
- _log.default.info(['Tailwind CSS is watching for changes...', 'https://tailwindcss.com/docs/just-in-time-mode#watch-mode-and-one-off-builds']);
98
-
99
- watcher = _chokidar.default.watch([...candidateFiles, ...configDependencies], {
100
- ignoreInitial: true
101
- });
102
- setWatcher(context, watcher);
103
- watcher.on('add', file => {
104
- let changedFile = _path.default.resolve('.', file);
105
-
106
- let content = _fs.default.readFileSync(changedFile, 'utf8');
107
-
108
- let extension = _path.default.extname(changedFile).slice(1);
109
-
110
- context.changedContent.push({
111
- content,
112
- extension
113
- });
114
- touch(touchFile);
115
- });
116
- watcher.on('change', file => {
117
- // If it was a config dependency, touch the config file to trigger a new context.
118
- // This is not really that clean of a solution but it's the fastest, because we
119
- // can do a very quick check on each build to see if the config has changed instead
120
- // of having to get all of the module dependencies and check every timestamp each
121
- // time.
122
- if (configDependencies.has(file)) {
123
- for (let dependency of configDependencies) {
124
- delete require.cache[require.resolve(dependency)];
125
- }
126
-
127
- touch(configPath);
128
- } else {
129
- let changedFile = _path.default.resolve('.', file);
130
-
131
- let content = _fs.default.readFileSync(changedFile, 'utf8');
132
-
133
- let extension = _path.default.extname(changedFile).slice(1);
134
-
135
- context.changedContent.push({
136
- content,
137
- extension
138
- });
139
- touch(touchFile);
140
- }
141
- });
142
- watcher.on('unlink', file => {
143
- // Touch the config file if any of the dependencies are deleted.
144
- if (configDependencies.has(file)) {
145
- for (let dependency of configDependencies) {
146
- delete require.cache[require.resolve(dependency)];
147
- }
148
-
149
- touch(configPath);
150
- }
151
- });
152
- });
153
- }
154
-
155
- let configPathCache = new _quickLru.default({
156
- maxSize: 100
157
- });
158
- let configDependenciesCache = new WeakMap();
159
-
160
- function getConfigDependencies(context) {
161
- if (!configDependenciesCache.has(context)) {
162
- configDependenciesCache.set(context, new Set());
163
- }
164
-
165
- return configDependenciesCache.get(context);
166
- }
167
-
168
- let candidateFilesCache = new WeakMap();
169
-
170
- function getCandidateFiles(context, tailwindConfig) {
171
- if (candidateFilesCache.has(context)) {
172
- return candidateFilesCache.get(context);
173
- }
174
-
175
- let candidateFiles = tailwindConfig.content.content.filter(item => typeof item === 'string').map(contentPath => (0, _normalizePath.default)(_path.default.resolve(contentPath)));
176
- return candidateFilesCache.set(context, candidateFiles).get(context);
177
- } // Get the config object based on a path
178
-
179
-
180
- function getTailwindConfig(configOrPath) {
181
- let userConfigPath = (0, _resolveConfigPath.default)(configOrPath);
182
-
183
- if (userConfigPath !== null) {
184
- let [prevConfig, prevModified = -Infinity, prevConfigHash] = configPathCache.get(userConfigPath) || [];
185
-
186
- let modified = _fs.default.statSync(userConfigPath).mtimeMs; // It hasn't changed (based on timestamp)
187
-
188
-
189
- if (modified <= prevModified) {
190
- return [prevConfig, userConfigPath, prevConfigHash, [userConfigPath]];
191
- } // It has changed (based on timestamp), or first run
192
-
193
-
194
- delete require.cache[userConfigPath];
195
- let newConfig = (0, _resolveConfig.default)(require(userConfigPath));
196
- let newHash = (0, _hashConfig.default)(newConfig);
197
- configPathCache.set(userConfigPath, [newConfig, modified, newHash]);
198
- return [newConfig, userConfigPath, newHash, [userConfigPath]];
199
- } // It's a plain object, not a path
200
-
201
-
202
- let newConfig = (0, _resolveConfig.default)(configOrPath.config === undefined ? configOrPath : configOrPath.config);
203
- return [newConfig, null, (0, _hashConfig.default)(newConfig), []];
204
- }
205
-
206
- function resolvedChangedContent(context, candidateFiles) {
207
- let changedContent = context.tailwindConfig.content.content.filter(item => typeof item.raw === 'string').concat(context.tailwindConfig.content.safelist).map(({
208
- raw,
209
- extension
210
- }) => ({
211
- content: raw,
212
- extension
213
- }));
214
-
215
- for (let changedFile of resolveChangedFiles(context, candidateFiles)) {
216
- let content = _fs.default.readFileSync(changedFile, 'utf8');
217
-
218
- let extension = _path.default.extname(changedFile).slice(1);
219
-
220
- changedContent.push({
221
- content,
222
- extension
223
- });
224
- }
225
-
226
- return changedContent;
227
- }
228
-
229
- let scannedContentCache = new WeakMap();
230
-
231
- function resolveChangedFiles(context, candidateFiles) {
232
- let changedFiles = new Set(); // If we're not set up and watching files ourselves, we need to do
233
- // the work of grabbing all of the template files for candidate
234
- // detection.
235
-
236
- if (!scannedContentCache.has(context)) {
237
- let files = _fastGlob.default.sync(candidateFiles);
238
-
239
- for (let file of files) {
240
- changedFiles.add(file);
241
- }
242
-
243
- scannedContentCache.set(context, true);
244
- }
245
-
246
- return changedFiles;
247
- } // DISABLE_TOUCH = FALSE
248
- // Retrieve an existing context from cache if possible (since contexts are unique per
249
- // source path), or set up a new one (including setting up watchers and registering
250
- // plugins) then return it
251
-
252
-
253
- function setupWatchingContext(configOrPath) {
254
- return ({
255
- tailwindDirectives,
256
- registerDependency
257
- }) => {
258
- return (root, result) => {
259
- let [tailwindConfig, userConfigPath, tailwindConfigHash, configDependencies] = getTailwindConfig(configOrPath);
260
- let contextDependencies = new Set(configDependencies); // If there are no @tailwind rules, we don't consider this CSS file or it's dependencies
261
- // to be dependencies of the context. Can reuse the context even if they change.
262
- // We may want to think about `@layer` being part of this trigger too, but it's tough
263
- // because it's impossible for a layer in one file to end up in the actual @tailwind rule
264
- // in another file since independent sources are effectively isolated.
265
-
266
- if (tailwindDirectives.size > 0) {
267
- // Add current css file as a context dependencies.
268
- contextDependencies.add(result.opts.from); // Add all css @import dependencies as context dependencies.
269
-
270
- for (let message of result.messages) {
271
- if (message.type === 'dependency') {
272
- contextDependencies.add(message.file);
273
- }
274
- }
275
- }
276
-
277
- let [context, isNewContext] = (0, _setupContextUtils.getContext)(tailwindDirectives, root, result, tailwindConfig, userConfigPath, tailwindConfigHash, contextDependencies);
278
- let candidateFiles = getCandidateFiles(context, tailwindConfig);
279
- let contextConfigDependencies = getConfigDependencies(context);
280
-
281
- for (let file of configDependencies) {
282
- registerDependency({
283
- type: 'dependency',
284
- file
285
- });
286
- }
287
-
288
- context.disposables.push(oldContext => {
289
- let watcher = getWatcher(oldContext);
290
-
291
- if (watcher !== null) {
292
- watcher.close();
293
- }
294
- });
295
- let configPath = getConfigPath(context, configOrPath);
296
-
297
- if (configPath !== null) {
298
- for (let dependency of (0, _getModuleDependencies.default)(configPath)) {
299
- if (dependency.file === configPath) {
300
- continue;
301
- }
302
-
303
- contextConfigDependencies.add(dependency.file);
304
- }
305
- }
306
-
307
- if (isNewContext) {
308
- rebootWatcher(context, configPath, contextConfigDependencies, candidateFiles);
309
- } // Register our temp file as a dependency — we write to this file
310
- // to trigger rebuilds.
311
-
312
-
313
- let touchFile = getTouchFile(context);
314
-
315
- if (touchFile) {
316
- registerDependency({
317
- type: 'dependency',
318
- file: touchFile
319
- });
320
- }
321
-
322
- if (tailwindDirectives.size > 0) {
323
- for (let changedContent of resolvedChangedContent(context, candidateFiles)) {
324
- context.changedContent.push(changedContent);
325
- }
326
- }
327
-
328
- return context;
329
- };
330
- };
331
- }