tailwindcss 0.0.0-insiders.ba2fd32 → 0.0.0-insiders.bbafc8e

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 (106) hide show
  1. package/CHANGELOG.md +292 -3
  2. package/LICENSE +1 -2
  3. package/README.md +8 -4
  4. package/colors.js +2 -1
  5. package/defaultConfig.js +2 -1
  6. package/defaultTheme.js +2 -1
  7. package/lib/cli.js +96 -61
  8. package/lib/constants.js +1 -1
  9. package/lib/corePluginList.js +4 -0
  10. package/lib/corePlugins.js +399 -374
  11. package/lib/css/preflight.css +6 -5
  12. package/lib/featureFlags.js +7 -8
  13. package/lib/index.js +12 -3
  14. package/lib/lib/cacheInvalidation.js +69 -0
  15. package/lib/lib/collapseAdjacentRules.js +14 -1
  16. package/lib/lib/collapseDuplicateDeclarations.js +54 -3
  17. package/lib/lib/defaultExtractor.js +44 -0
  18. package/lib/lib/detectNesting.js +17 -2
  19. package/lib/lib/evaluateTailwindFunctions.js +10 -6
  20. package/lib/lib/expandApplyAtRules.js +264 -59
  21. package/lib/lib/expandTailwindAtRules.js +63 -46
  22. package/lib/lib/generateRules.js +181 -43
  23. package/lib/lib/normalizeTailwindDirectives.js +10 -2
  24. package/lib/lib/partitionApplyAtRules.js +53 -0
  25. package/lib/lib/resolveDefaultsAtRules.js +32 -14
  26. package/lib/lib/setupContextUtils.js +152 -153
  27. package/lib/lib/setupTrackingContext.js +8 -7
  28. package/lib/lib/sharedState.js +38 -5
  29. package/lib/lib/substituteScreenAtRules.js +7 -4
  30. package/{nesting → lib/postcss-plugins/nesting}/README.md +0 -0
  31. package/lib/postcss-plugins/nesting/index.js +17 -0
  32. package/lib/postcss-plugins/nesting/plugin.js +85 -0
  33. package/lib/processTailwindFeatures.js +10 -2
  34. package/lib/util/buildMediaQuery.js +13 -24
  35. package/lib/util/cloneNodes.js +12 -1
  36. package/lib/util/color.js +23 -8
  37. package/lib/util/createPlugin.js +1 -2
  38. package/lib/util/createUtilityPlugin.js +6 -10
  39. package/lib/util/dataTypes.js +25 -3
  40. package/lib/util/defaults.js +6 -0
  41. package/lib/util/flattenColorPalette.js +1 -3
  42. package/lib/util/formatVariantSelector.js +93 -9
  43. package/lib/util/isValidArbitraryValue.js +64 -0
  44. package/lib/util/log.js +10 -6
  45. package/lib/util/nameClass.js +1 -0
  46. package/lib/util/normalizeConfig.js +54 -22
  47. package/lib/util/normalizeScreens.js +59 -0
  48. package/lib/util/parseBoxShadowValue.js +117 -0
  49. package/lib/util/pluginUtils.js +18 -24
  50. package/lib/util/prefixSelector.js +4 -5
  51. package/lib/util/resolveConfig.js +52 -31
  52. package/lib/util/resolveConfigPath.js +1 -2
  53. package/lib/util/toColorValue.js +1 -2
  54. package/lib/util/toPath.js +6 -1
  55. package/lib/util/transformThemeValue.js +4 -8
  56. package/nesting/index.js +2 -12
  57. package/package.json +28 -33
  58. package/peers/index.js +6970 -7268
  59. package/plugin.js +2 -1
  60. package/resolveConfig.js +2 -1
  61. package/src/cli.js +62 -15
  62. package/src/corePluginList.js +1 -1
  63. package/src/corePlugins.js +329 -255
  64. package/src/css/preflight.css +6 -5
  65. package/src/featureFlags.js +3 -3
  66. package/src/index.js +14 -6
  67. package/src/lib/cacheInvalidation.js +52 -0
  68. package/src/lib/collapseAdjacentRules.js +16 -1
  69. package/src/lib/collapseDuplicateDeclarations.js +66 -1
  70. package/src/lib/defaultExtractor.js +50 -0
  71. package/src/lib/detectNesting.js +22 -3
  72. package/src/lib/evaluateTailwindFunctions.js +6 -3
  73. package/src/lib/expandApplyAtRules.js +285 -56
  74. package/src/lib/expandTailwindAtRules.js +75 -35
  75. package/src/lib/generateRules.js +154 -26
  76. package/src/lib/normalizeTailwindDirectives.js +7 -1
  77. package/src/lib/partitionApplyAtRules.js +52 -0
  78. package/src/lib/resolveDefaultsAtRules.js +35 -10
  79. package/src/lib/setupContextUtils.js +133 -103
  80. package/src/lib/setupTrackingContext.js +8 -7
  81. package/src/lib/sharedState.js +42 -4
  82. package/src/lib/substituteScreenAtRules.js +6 -3
  83. package/src/postcss-plugins/nesting/README.md +42 -0
  84. package/src/postcss-plugins/nesting/index.js +13 -0
  85. package/src/postcss-plugins/nesting/plugin.js +80 -0
  86. package/src/processTailwindFeatures.js +12 -2
  87. package/src/util/buildMediaQuery.js +14 -18
  88. package/src/util/cloneNodes.js +14 -1
  89. package/src/util/color.js +20 -7
  90. package/src/util/dataTypes.js +24 -6
  91. package/src/util/defaults.js +6 -0
  92. package/src/util/formatVariantSelector.js +92 -1
  93. package/src/util/isValidArbitraryValue.js +61 -0
  94. package/src/util/log.js +10 -6
  95. package/src/util/nameClass.js +1 -1
  96. package/src/util/normalizeConfig.js +24 -3
  97. package/src/util/normalizeScreens.js +45 -0
  98. package/src/util/parseBoxShadowValue.js +119 -0
  99. package/src/util/pluginUtils.js +3 -1
  100. package/src/util/prefixSelector.js +7 -5
  101. package/src/util/resolveConfig.js +41 -1
  102. package/src/util/toPath.js +23 -1
  103. package/stubs/defaultConfig.stub.js +27 -11
  104. package/lib/lib/setupWatchingContext.js +0 -288
  105. package/nesting/plugin.js +0 -41
  106. package/src/lib/setupWatchingContext.js +0 -311
package/lib/cli.js CHANGED
@@ -40,7 +40,26 @@ function formatNodes(root) {
40
40
  root.first.raws.before = '';
41
41
  }
42
42
  }
43
- function help({ message , usage , commands , options }) {
43
+ async function outputFile(file, contents) {
44
+ if (_fs.default.existsSync(file) && await _fs.default.promises.readFile(file, 'utf8') === contents) {
45
+ return; // Skip writing the file
46
+ }
47
+ // Write the file
48
+ await _fs.default.promises.writeFile(file, contents, 'utf8');
49
+ }
50
+ function drainStdin() {
51
+ return new Promise((resolve, reject)=>{
52
+ let result = '';
53
+ process.stdin.on('data', (chunk)=>{
54
+ result += chunk;
55
+ });
56
+ process.stdin.on('end', ()=>resolve(result)
57
+ );
58
+ process.stdin.on('error', (err)=>reject(err)
59
+ );
60
+ });
61
+ }
62
+ function help({ message , usage , commands: commands1 , options }) {
44
63
  let indent = 2;
45
64
  // Render header
46
65
  console.log();
@@ -61,17 +80,16 @@ function help({ message , usage , commands , options }) {
61
80
  }
62
81
  }
63
82
  // Render commands
64
- if (commands && commands.length > 0) {
83
+ if (commands1 && commands1.length > 0) {
65
84
  console.log();
66
85
  console.log('Commands:');
67
- for (let command of commands){
68
- console.log(' '.repeat(indent), command);
86
+ for (let command1 of commands1){
87
+ console.log(' '.repeat(indent), command1);
69
88
  }
70
89
  }
71
90
  // Render options
72
91
  if (options) {
73
- let groupedOptions = {
74
- };
92
+ let groupedOptions = {};
75
93
  for (let [key, value] of Object.entries(options)){
76
94
  if (typeof value === 'object') {
77
95
  groupedOptions[key] = {
@@ -86,12 +104,12 @@ function help({ message , usage , commands , options }) {
86
104
  }
87
105
  console.log();
88
106
  console.log('Options:');
89
- for (let { flags , description , deprecated } of Object.values(groupedOptions)){
107
+ for (let { flags: flags1 , description , deprecated } of Object.values(groupedOptions)){
90
108
  if (deprecated) continue;
91
- if (flags.length === 1) {
92
- console.log(' '.repeat(indent + 4 /* 4 = "-i, ".length */ ), flags.slice().reverse().join(', ').padEnd(20, ' '), description);
109
+ if (flags1.length === 1) {
110
+ console.log(' '.repeat(indent + 4 /* 4 = "-i, ".length */ ), flags1.slice().reverse().join(', ').padEnd(20, ' '), description);
93
111
  } else {
94
- console.log(' '.repeat(indent), flags.slice().reverse().join(', ').padEnd(24, ' '), description);
112
+ console.log(' '.repeat(indent), flags1.slice().reverse().join(', ').padEnd(24, ' '), description);
95
113
  }
96
114
  }
97
115
  }
@@ -187,8 +205,8 @@ if (process.stdout.isTTY /* Detect redirecting output to a file */ && (process.
187
205
  'tailwindcss [--input input.css] [--output output.css] [--watch] [options...]',
188
206
  'tailwindcss init [--full] [--postcss] [options...]',
189
207
  ],
190
- commands: Object.keys(commands).filter((command)=>command !== 'build'
191
- ).map((command)=>`${command} [options]`
208
+ commands: Object.keys(commands).filter((command2)=>command2 !== 'build'
209
+ ).map((command3)=>`${command3} [options]`
192
210
  ),
193
211
  options: {
194
212
  ...commands.build.args,
@@ -210,8 +228,8 @@ if (commands[command] === undefined) {
210
228
  usage: [
211
229
  'tailwindcss <command> [options]'
212
230
  ],
213
- commands: Object.keys(commands).filter((command)=>command !== 'build'
214
- ).map((command)=>`${command} [options]`
231
+ commands: Object.keys(commands).filter((command4)=>command4 !== 'build'
232
+ ).map((command5)=>`${command5} [options]`
215
233
  ),
216
234
  options: sharedFlags
217
235
  });
@@ -247,16 +265,16 @@ let args = (()=>{
247
265
  handler = flags[handler];
248
266
  }
249
267
  if (!handler) continue;
250
- let args = [];
268
+ let args1 = [];
251
269
  let offset = i + 1;
252
270
  // Parse args for current flag
253
271
  while(result['_'][offset] && !result['_'][offset].startsWith('-')){
254
- args.push(result['_'][offset++]);
272
+ args1.push(result['_'][offset++]);
255
273
  }
256
274
  // Cleanup manually parsed flags + args
257
- result['_'].splice(i, 1 + args.length);
275
+ result['_'].splice(i, 1 + args1.length);
258
276
  // Set the resolved value in the `result` object
259
- result[flagName] = handler.type(args.length === 0 ? undefined : args.length === 1 ? args[0] : args, flagName);
277
+ result[flagName] = handler.type(args1.length === 0 ? undefined : args1.length === 1 ? args1[0] : args1, flagName);
260
278
  }
261
279
  // Ensure that the `command` is always the first argument in the `args`.
262
280
  // This is important so that we don't have to check if a default command
@@ -336,7 +354,7 @@ async function build() {
336
354
  console.error('[deprecation] Running tailwindcss without -i, please provide an input file.');
337
355
  input = args['--input'] = args['_'][1];
338
356
  }
339
- if (input && !_fs.default.existsSync(input = _path.default.resolve(input))) {
357
+ if (input && input !== '-' && !_fs.default.existsSync(input = _path.default.resolve(input))) {
340
358
  console.error(`Specified input file ${args['--input']} does not exist.`);
341
359
  process.exit(9);
342
360
  }
@@ -351,13 +369,11 @@ async function build() {
351
369
  let { plugins: configPlugins } = customPostCssPath ? await (async ()=>{
352
370
  let file = _path.default.resolve(customPostCssPath);
353
371
  // Implementation, see: https://unpkg.com/browse/postcss-load-config@3.0.1/src/index.js
354
- let { config ={
355
- } } = await (0, _cosmiconfig).cosmiconfig('postcss').load(file);
372
+ let { config ={} } = await (0, _cosmiconfig).cosmiconfig('postcss').load(file);
356
373
  if (typeof config === 'function') {
357
374
  config = config();
358
375
  } else {
359
- config = Object.assign({
360
- }, config);
376
+ config = Object.assign({}, config);
361
377
  }
362
378
  if (!config.plugins) {
363
379
  config.plugins = [];
@@ -383,9 +399,7 @@ async function build() {
383
399
  ];
384
400
  }
385
401
  function resolveConfig() {
386
- let config = configPath ? require(configPath) : {
387
- };
388
- let resolvedConfig = (0, _resolveConfig).default(config);
402
+ let config = configPath ? require(configPath) : {};
389
403
  if (args['--purge']) {
390
404
  _log.default.warn('purge-flag-deprecated', [
391
405
  'The `--purge` flag has been deprecated.',
@@ -396,9 +410,16 @@ async function build() {
396
410
  }
397
411
  }
398
412
  if (args['--content']) {
399
- resolvedConfig.content.files = args['--content'].split(/(?<!{[^}]+),/);
413
+ let files = args['--content'].split(/(?<!{[^}]+),/);
414
+ let resolvedConfig = (0, _resolveConfig).default(config, {
415
+ content: {
416
+ files
417
+ }
418
+ });
419
+ resolvedConfig.content.files = files;
420
+ return resolvedConfig;
400
421
  }
401
- return resolvedConfig;
422
+ return (0, _resolveConfig).default(config);
402
423
  }
403
424
  function extractFileGlobs(config) {
404
425
  return config.content.files.filter((file)=>{
@@ -463,8 +484,7 @@ async function build() {
463
484
  // Try to load a local `autoprefixer` version first
464
485
  try {
465
486
  return require('autoprefixer');
466
- } catch {
467
- }
487
+ } catch {}
468
488
  return (0, _indexJs).lazyAutoprefixer();
469
489
  })(),
470
490
  args['--minify'] && (()=>{
@@ -479,8 +499,7 @@ async function build() {
479
499
  // Try to load a local `cssnano` version first
480
500
  try {
481
501
  return require('cssnano');
482
- } catch {
483
- }
502
+ } catch {}
484
503
  return (0, _indexJs).lazyCssnano()(options);
485
504
  })(),
486
505
  ].filter(Boolean);
@@ -499,10 +518,8 @@ async function build() {
499
518
  return process.stdout.write(result.css);
500
519
  }
501
520
  return Promise.all([
502
- _fs.default.promises.writeFile(output, result.css, ()=>true
503
- ),
504
- result.map && _fs.default.writeFile(output + '.map', result.map.toString(), ()=>true
505
- ),
521
+ outputFile(output, result.css),
522
+ result.map && outputFile(output + '.map', result.map.toString()),
506
523
  ].filter(Boolean));
507
524
  }).then(()=>{
508
525
  let end = process.hrtime.bigint();
@@ -510,8 +527,19 @@ async function build() {
510
527
  console.error('Done in', (end - start) / BigInt(1000000) + 'ms.');
511
528
  });
512
529
  }
513
- let css = input ? _fs.default.readFileSync(_path.default.resolve(input), 'utf8') : '@tailwind base; @tailwind components; @tailwind utilities';
514
- return processCSS(css);
530
+ let css1 = await (()=>{
531
+ // Piping in data, let's drain the stdin
532
+ if (input === '-') {
533
+ return drainStdin();
534
+ }
535
+ // Input file has been provided
536
+ if (input) {
537
+ return _fs.default.readFileSync(_path.default.resolve(input), 'utf8');
538
+ }
539
+ // No input file provided, fallback to default atrules
540
+ return '@tailwind base; @tailwind components; @tailwind utilities';
541
+ })();
542
+ return processCSS(css1);
515
543
  }
516
544
  let context = null;
517
545
  async function startWatcher() {
@@ -521,8 +549,8 @@ async function build() {
521
549
  let watcher = null;
522
550
  function refreshConfig() {
523
551
  env.DEBUG && console.time('Module dependencies');
524
- for (let file of configDependencies){
525
- delete require.cache[require.resolve(file)];
552
+ for (let file1 of configDependencies){
553
+ delete require.cache[require.resolve(file1)];
526
554
  }
527
555
  if (configPath) {
528
556
  configDependencies = (0, _getModuleDependencies).default(configPath).map(({ file })=>file
@@ -547,8 +575,7 @@ async function build() {
547
575
  // Try to load a local `autoprefixer` version first
548
576
  try {
549
577
  return require('autoprefixer');
550
- } catch {
551
- }
578
+ } catch {}
552
579
  return (0, _indexJs).lazyAutoprefixer();
553
580
  })(),
554
581
  args['--minify'] && (()=>{
@@ -563,8 +590,7 @@ async function build() {
563
590
  // Try to load a local `cssnano` version first
564
591
  try {
565
592
  return require('cssnano');
566
- } catch {
567
- }
593
+ } catch {}
568
594
  return (0, _indexJs).lazyCssnano()(options);
569
595
  })(),
570
596
  ].filter(Boolean);
@@ -619,11 +645,9 @@ async function build() {
619
645
  if (!output) {
620
646
  return process.stdout.write(result.css);
621
647
  }
622
- await Promise.all([
623
- _fs.default.promises.writeFile(output, result.css, ()=>true
624
- ),
625
- result.map && _fs.default.writeFile(output + '.map', result.map.toString(), ()=>true
626
- ),
648
+ return Promise.all([
649
+ outputFile(output, result.css),
650
+ result.map && outputFile(output + '.map', result.map.toString()),
627
651
  ].filter(Boolean));
628
652
  }).then(()=>{
629
653
  let end = process.hrtime.bigint();
@@ -636,18 +660,29 @@ async function build() {
636
660
  }
637
661
  });
638
662
  }
639
- let css = input ? _fs.default.readFileSync(_path.default.resolve(input), 'utf8') : '@tailwind base; @tailwind components; @tailwind utilities';
640
- let result1 = await processCSS(css);
663
+ let css2 = await (()=>{
664
+ // Piping in data, let's drain the stdin
665
+ if (input === '-') {
666
+ return drainStdin();
667
+ }
668
+ // Input file has been provided
669
+ if (input) {
670
+ return _fs.default.readFileSync(_path.default.resolve(input), 'utf8');
671
+ }
672
+ // No input file provided, fallback to default atrules
673
+ return '@tailwind base; @tailwind components; @tailwind utilities';
674
+ })();
675
+ let result1 = await processCSS(css2);
641
676
  env.DEBUG && console.timeEnd('Finished in');
642
677
  return result1;
643
678
  }
644
- let config = refreshConfig(configPath);
679
+ let config1 = refreshConfig(configPath);
645
680
  if (input) {
646
681
  contextDependencies.add(_path.default.resolve(input));
647
682
  }
648
683
  watcher = _chokidar.default.watch([
649
684
  ...contextDependencies,
650
- ...extractFileGlobs(config)
685
+ ...extractFileGlobs(config1)
651
686
  ], {
652
687
  ignoreInitial: true,
653
688
  awaitWriteFinish: process.platform === 'win32' ? {
@@ -660,16 +695,16 @@ async function build() {
660
695
  if (contextDependencies.has(file)) {
661
696
  env.DEBUG && console.time('Resolve config');
662
697
  context = null;
663
- config = refreshConfig(configPath);
698
+ config1 = refreshConfig(configPath);
664
699
  env.DEBUG && console.timeEnd('Resolve config');
665
700
  env.DEBUG && console.time('Watch new files');
666
- let globs = extractFileGlobs(config);
701
+ let globs = extractFileGlobs(config1);
667
702
  watcher.add(configDependencies);
668
703
  watcher.add(globs);
669
704
  env.DEBUG && console.timeEnd('Watch new files');
670
705
  chain = chain.then(async ()=>{
671
- changedContent.push(...getChangedContent(config));
672
- await rebuild(config);
706
+ changedContent.push(...getChangedContent(config1));
707
+ await rebuild(config1);
673
708
  });
674
709
  } else {
675
710
  chain = chain.then(async ()=>{
@@ -677,7 +712,7 @@ async function build() {
677
712
  content: _fs.default.readFileSync(_path.default.resolve(file), 'utf8'),
678
713
  extension: _path.default.extname(file).slice(1)
679
714
  });
680
- await rebuild(config);
715
+ await rebuild(config1);
681
716
  });
682
717
  }
683
718
  });
@@ -687,12 +722,12 @@ async function build() {
687
722
  content: _fs.default.readFileSync(_path.default.resolve(file), 'utf8'),
688
723
  extension: _path.default.extname(file).slice(1)
689
724
  });
690
- await rebuild(config);
725
+ await rebuild(config1);
691
726
  });
692
727
  });
693
728
  chain = chain.then(()=>{
694
- changedContent.push(...getChangedContent(config));
695
- return rebuild(config);
729
+ changedContent.push(...getChangedContent(config1));
730
+ return rebuild(config1);
696
731
  });
697
732
  }
698
733
  if (shouldWatch) {
package/lib/constants.js CHANGED
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- exports.simpleConfigStubFile = exports.defaultPostCssConfigFile = exports.defaultConfigStubFile = exports.supportedPostCssConfigFile = exports.cjsConfigFile = exports.supportedConfigFiles = exports.defaultPostCssConfigStubFile = exports.cli = exports.cjsPostCssConfigFile = exports.defaultConfigFile = void 0;
5
+ exports.defaultPostCssConfigStubFile = exports.simpleConfigStubFile = exports.defaultConfigStubFile = exports.supportedPostCssConfigFile = exports.supportedConfigFiles = exports.cjsPostCssConfigFile = exports.cjsConfigFile = exports.defaultPostCssConfigFile = exports.defaultConfigFile = exports.cli = void 0;
6
6
  var _path = _interopRequireDefault(require("path"));
7
7
  function _interopRequireDefault(obj) {
8
8
  return obj && obj.__esModule ? obj : {
@@ -126,6 +126,9 @@ var _default = [
126
126
  "textOpacity",
127
127
  "textDecoration",
128
128
  "textDecorationColor",
129
+ "textDecorationStyle",
130
+ "textDecorationThickness",
131
+ "textUnderlineOffset",
129
132
  "fontSmoothing",
130
133
  "placeholderColor",
131
134
  "placeholderOpacity",
@@ -135,6 +138,7 @@ var _default = [
135
138
  "backgroundBlendMode",
136
139
  "mixBlendMode",
137
140
  "boxShadow",
141
+ "boxShadowColor",
138
142
  "outlineStyle",
139
143
  "outlineWidth",
140
144
  "outlineOffset",