tailwindcss 0.0.0-insiders.edf47a0 → 0.0.0-insiders.edfb51c

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 (200) hide show
  1. package/README.md +7 -6
  2. package/index.css +5 -0
  3. package/lib/cli/build/index.js +57 -0
  4. package/lib/cli/build/plugin.js +428 -0
  5. package/lib/cli/build/utils.js +88 -0
  6. package/lib/cli/build/watching.js +182 -0
  7. package/lib/cli/help/index.js +73 -0
  8. package/lib/cli/index.js +231 -0
  9. package/lib/cli/init/index.js +63 -0
  10. package/lib/cli.js +1 -872
  11. package/lib/corePluginList.js +8 -1
  12. package/lib/corePlugins.js +2306 -1784
  13. package/lib/css/preflight.css +19 -4
  14. package/lib/featureFlags.js +40 -24
  15. package/lib/index.js +1 -42
  16. package/lib/lib/cacheInvalidation.js +10 -8
  17. package/lib/lib/collapseAdjacentRules.js +10 -8
  18. package/lib/lib/collapseDuplicateDeclarations.js +13 -11
  19. package/lib/lib/content.js +207 -0
  20. package/lib/lib/defaultExtractor.js +40 -44
  21. package/lib/lib/detectNesting.js +18 -10
  22. package/lib/lib/evaluateTailwindFunctions.js +58 -38
  23. package/lib/lib/expandApplyAtRules.js +96 -68
  24. package/lib/lib/expandTailwindAtRules.js +120 -84
  25. package/lib/lib/findAtConfigPath.js +46 -0
  26. package/lib/lib/generateRules.js +321 -171
  27. package/lib/lib/getModuleDependencies.js +85 -37
  28. package/lib/lib/handleImportAtRules.js +50 -0
  29. package/lib/lib/load-config.js +42 -0
  30. package/lib/lib/normalizeTailwindDirectives.js +26 -39
  31. package/lib/lib/offsets.js +306 -0
  32. package/lib/lib/partitionApplyAtRules.js +5 -3
  33. package/lib/lib/regex.js +27 -13
  34. package/lib/lib/remap-bitfield.js +89 -0
  35. package/lib/lib/resolveDefaultsAtRules.js +53 -49
  36. package/lib/lib/setupContextUtils.js +621 -294
  37. package/lib/lib/setupTrackingContext.js +56 -67
  38. package/lib/lib/sharedState.js +36 -15
  39. package/lib/lib/substituteScreenAtRules.js +9 -7
  40. package/lib/plugin.js +164 -0
  41. package/lib/postcss-plugins/nesting/index.js +5 -3
  42. package/lib/postcss-plugins/nesting/plugin.js +19 -17
  43. package/lib/processTailwindFeatures.js +19 -17
  44. package/lib/public/colors.js +269 -245
  45. package/lib/public/create-plugin.js +5 -3
  46. package/lib/public/default-config.js +6 -4
  47. package/lib/public/default-theme.js +6 -4
  48. package/lib/public/load-config.js +12 -0
  49. package/lib/public/resolve-config.js +6 -4
  50. package/lib/util/applyImportantSelector.js +36 -0
  51. package/lib/util/bigSign.js +3 -1
  52. package/lib/util/buildMediaQuery.js +10 -5
  53. package/lib/util/cloneDeep.js +4 -2
  54. package/lib/util/cloneNodes.js +6 -4
  55. package/lib/util/color.js +46 -28
  56. package/lib/util/colorNames.js +752 -0
  57. package/lib/util/configurePlugins.js +4 -2
  58. package/lib/util/createPlugin.js +3 -1
  59. package/lib/util/createUtilityPlugin.js +9 -7
  60. package/lib/util/dataTypes.js +220 -105
  61. package/lib/util/defaults.js +9 -7
  62. package/lib/util/escapeClassName.js +10 -8
  63. package/lib/util/escapeCommas.js +4 -2
  64. package/lib/util/flattenColorPalette.js +5 -3
  65. package/lib/util/formatVariantSelector.js +225 -155
  66. package/lib/util/getAllConfigs.js +12 -9
  67. package/lib/util/hashConfig.js +6 -4
  68. package/lib/util/isKeyframeRule.js +4 -2
  69. package/lib/util/isPlainObject.js +4 -2
  70. package/lib/util/{isValidArbitraryValue.js → isSyntacticallyValidPropertyValue.js} +15 -13
  71. package/lib/util/log.js +31 -10
  72. package/lib/util/nameClass.js +18 -9
  73. package/lib/util/negateValue.js +22 -7
  74. package/lib/util/normalizeConfig.js +131 -71
  75. package/lib/util/normalizeScreens.js +112 -7
  76. package/lib/util/parseAnimationValue.js +41 -39
  77. package/lib/util/parseBoxShadowValue.js +24 -20
  78. package/lib/util/parseDependency.js +37 -56
  79. package/lib/util/parseGlob.js +36 -0
  80. package/lib/util/parseObjectStyles.js +11 -9
  81. package/lib/util/pluginUtils.js +134 -55
  82. package/lib/util/prefixSelector.js +27 -11
  83. package/lib/util/pseudoElements.js +209 -0
  84. package/lib/util/removeAlphaVariables.js +4 -2
  85. package/lib/util/resolveConfig.js +71 -64
  86. package/lib/util/resolveConfigPath.js +28 -12
  87. package/lib/util/responsive.js +7 -5
  88. package/lib/util/splitAtTopLevelOnly.js +39 -81
  89. package/lib/util/tap.js +3 -1
  90. package/lib/util/toColorValue.js +4 -2
  91. package/lib/util/toPath.js +5 -3
  92. package/lib/util/transformThemeValue.js +30 -28
  93. package/lib/util/validateConfig.js +31 -7
  94. package/lib/util/validateFormalSyntax.js +26 -0
  95. package/lib/util/withAlphaVariable.js +11 -7
  96. package/lib/value-parser/LICENSE +22 -0
  97. package/lib/value-parser/README.md +3 -0
  98. package/lib/value-parser/index.d.js +2 -0
  99. package/lib/value-parser/index.js +22 -0
  100. package/lib/value-parser/parse.js +259 -0
  101. package/lib/value-parser/stringify.js +38 -0
  102. package/lib/value-parser/unit.js +86 -0
  103. package/lib/value-parser/walk.js +16 -0
  104. package/loadConfig.d.ts +4 -0
  105. package/loadConfig.js +2 -0
  106. package/package.json +50 -50
  107. package/plugin.d.ts +3 -3
  108. package/resolveConfig.d.ts +11 -2
  109. package/scripts/release-channel.js +18 -0
  110. package/scripts/release-notes.js +21 -0
  111. package/src/cli/build/index.js +53 -0
  112. package/src/cli/build/plugin.js +466 -0
  113. package/src/cli/build/utils.js +76 -0
  114. package/src/cli/build/watching.js +229 -0
  115. package/src/cli/help/index.js +70 -0
  116. package/src/cli/index.js +217 -0
  117. package/src/cli/init/index.js +79 -0
  118. package/src/cli.js +1 -994
  119. package/src/corePluginList.js +1 -1
  120. package/src/corePlugins.js +492 -75
  121. package/src/css/preflight.css +19 -4
  122. package/src/featureFlags.js +8 -2
  123. package/src/index.js +1 -42
  124. package/src/lib/content.js +240 -0
  125. package/src/lib/defaultExtractor.js +17 -16
  126. package/src/lib/detectNesting.js +9 -1
  127. package/src/lib/evaluateTailwindFunctions.js +26 -2
  128. package/src/lib/expandApplyAtRules.js +55 -27
  129. package/src/lib/expandTailwindAtRules.js +89 -54
  130. package/src/lib/findAtConfigPath.js +48 -0
  131. package/src/lib/generateRules.js +322 -120
  132. package/src/lib/getModuleDependencies.js +70 -30
  133. package/src/lib/handleImportAtRules.js +34 -0
  134. package/src/lib/load-config.ts +31 -0
  135. package/src/lib/normalizeTailwindDirectives.js +0 -27
  136. package/src/lib/offsets.js +373 -0
  137. package/src/lib/remap-bitfield.js +82 -0
  138. package/src/lib/setupContextUtils.js +520 -167
  139. package/src/lib/setupTrackingContext.js +41 -59
  140. package/src/lib/sharedState.js +13 -4
  141. package/src/plugin.js +133 -0
  142. package/src/processTailwindFeatures.js +3 -2
  143. package/src/public/colors.js +22 -0
  144. package/src/public/default-config.js +1 -1
  145. package/src/public/default-theme.js +2 -2
  146. package/src/public/load-config.js +2 -0
  147. package/src/util/applyImportantSelector.js +27 -0
  148. package/src/util/buildMediaQuery.js +5 -3
  149. package/src/util/color.js +19 -4
  150. package/src/util/colorNames.js +150 -0
  151. package/src/util/dataTypes.js +112 -26
  152. package/src/util/formatVariantSelector.js +264 -155
  153. package/src/util/getAllConfigs.js +2 -2
  154. package/src/util/{isValidArbitraryValue.js → isSyntacticallyValidPropertyValue.js} +1 -1
  155. package/src/util/log.js +24 -0
  156. package/src/util/nameClass.js +4 -0
  157. package/src/util/negateValue.js +11 -3
  158. package/src/util/normalizeConfig.js +78 -12
  159. package/src/util/normalizeScreens.js +99 -4
  160. package/src/util/parseBoxShadowValue.js +1 -1
  161. package/src/util/parseDependency.js +37 -42
  162. package/src/util/parseGlob.js +24 -0
  163. package/src/util/pluginUtils.js +105 -22
  164. package/src/util/prefixSelector.js +29 -10
  165. package/src/util/pseudoElements.js +167 -0
  166. package/src/util/resolveConfig.js +46 -34
  167. package/src/util/resolveConfigPath.js +12 -1
  168. package/src/util/splitAtTopLevelOnly.js +28 -47
  169. package/src/util/validateConfig.js +23 -0
  170. package/src/util/validateFormalSyntax.js +34 -0
  171. package/src/value-parser/LICENSE +22 -0
  172. package/src/value-parser/README.md +3 -0
  173. package/src/value-parser/index.d.ts +177 -0
  174. package/src/value-parser/index.js +28 -0
  175. package/src/value-parser/parse.js +303 -0
  176. package/src/value-parser/stringify.js +41 -0
  177. package/src/value-parser/unit.js +118 -0
  178. package/src/value-parser/walk.js +18 -0
  179. package/stubs/.gitignore +1 -0
  180. package/stubs/.prettierrc.json +6 -0
  181. package/stubs/{defaultConfig.stub.js → config.full.js} +222 -174
  182. package/stubs/{simpleConfig.stub.js → config.simple.js} +1 -2
  183. package/stubs/{defaultPostCssConfig.stub.js → postcss.config.cjs} +0 -1
  184. package/stubs/postcss.config.js +5 -0
  185. package/stubs/tailwind.config.cjs +2 -0
  186. package/stubs/tailwind.config.js +2 -0
  187. package/stubs/tailwind.config.ts +3 -0
  188. package/types/config.d.ts +60 -23
  189. package/types/generated/colors.d.ts +22 -0
  190. package/types/generated/corePluginList.d.ts +1 -1
  191. package/types/generated/default-theme.d.ts +126 -79
  192. package/types/index.d.ts +7 -3
  193. package/CHANGELOG.md +0 -2248
  194. package/lib/cli-peer-dependencies.js +0 -28
  195. package/lib/constants.js +0 -44
  196. package/peers/index.js +0 -79444
  197. package/scripts/install-integrations.js +0 -27
  198. package/scripts/rebuildFixtures.js +0 -68
  199. package/src/cli-peer-dependencies.js +0 -15
  200. package/src/constants.js +0 -17
package/README.md CHANGED
@@ -1,9 +1,10 @@
1
1
  <p align="center">
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">
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
 
@@ -13,7 +14,7 @@
13
14
 
14
15
 
15
16
  <p align="center">
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>
17
+ <a href="https://github.com/tailwindlabs/tailwindcss/actions"><img src="https://img.shields.io/github/actions/workflow/status/tailwindlabs/tailwindcss/ci.yml?branch=master" alt="Build Status"></a>
17
18
  <a href="https://www.npmjs.com/package/tailwindcss"><img src="https://img.shields.io/npm/dt/tailwindcss.svg" alt="Total Downloads"></a>
18
19
  <a href="https://github.com/tailwindcss/tailwindcss/releases"><img src="https://img.shields.io/npm/v/tailwindcss.svg" alt="Latest Release"></a>
19
20
  <a href="https://github.com/tailwindcss/tailwindcss/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tailwindcss.svg" alt="License"></a>
package/index.css ADDED
@@ -0,0 +1,5 @@
1
+ @tailwind base;
2
+
3
+ @tailwind components;
4
+
5
+ @tailwind utilities;
@@ -0,0 +1,57 @@
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: function() {
9
+ return build;
10
+ }
11
+ });
12
+ const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
13
+ const _path = /*#__PURE__*/ _interop_require_default(require("path"));
14
+ const _resolveConfigPath = require("../../util/resolveConfigPath.js");
15
+ const _plugin = require("./plugin.js");
16
+ function _interop_require_default(obj) {
17
+ return obj && obj.__esModule ? obj : {
18
+ default: obj
19
+ };
20
+ }
21
+ async function build(args) {
22
+ let input = args['--input'];
23
+ let shouldWatch = args['--watch'];
24
+ // TODO: Deprecate this in future versions
25
+ if (!input && args['_'][1]) {
26
+ console.error('[deprecation] Running tailwindcss without -i, please provide an input file.');
27
+ input = args['--input'] = args['_'][1];
28
+ }
29
+ if (input && input !== '-' && !_fs.default.existsSync(input = _path.default.resolve(input))) {
30
+ console.error(`Specified input file ${args['--input']} does not exist.`);
31
+ process.exit(9);
32
+ }
33
+ if (args['--config'] && !_fs.default.existsSync(args['--config'] = _path.default.resolve(args['--config']))) {
34
+ console.error(`Specified config file ${args['--config']} does not exist.`);
35
+ process.exit(9);
36
+ }
37
+ if (args['--no-autoprefixer']) {
38
+ console.error('[deprecation] The --no-autoprefixer flag is deprecated and has no effect.');
39
+ }
40
+ // TODO: Reference the @config path here if exists
41
+ let configPath = args['--config'] ? args['--config'] : (0, _resolveConfigPath.resolveDefaultConfigPath)();
42
+ let processor = await (0, _plugin.createProcessor)(args, configPath);
43
+ if (shouldWatch) {
44
+ // Abort the watcher if stdin is closed to avoid zombie processes
45
+ // You can disable this behavior with --watch=always
46
+ if (args['--watch'] !== 'always') {
47
+ process.stdin.on('end', ()=>process.exit(0));
48
+ }
49
+ process.stdin.resume();
50
+ await processor.watch();
51
+ } else {
52
+ await processor.build().catch((e)=>{
53
+ console.error(e);
54
+ process.exit(1);
55
+ });
56
+ }
57
+ }
@@ -0,0 +1,428 @@
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: function() {
9
+ return createProcessor;
10
+ }
11
+ });
12
+ const _packagejson = /*#__PURE__*/ _interop_require_default(require("../../../package.json"));
13
+ const _path = /*#__PURE__*/ _interop_require_default(require("path"));
14
+ const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
15
+ const _postcss = /*#__PURE__*/ _interop_require_default(require("postcss"));
16
+ const _postcssloadconfig = /*#__PURE__*/ _interop_require_default(require("postcss-load-config"));
17
+ const _browserslist = /*#__PURE__*/ _interop_require_default(require("browserslist"));
18
+ const _lightningcss = /*#__PURE__*/ _interop_require_wildcard(require("lightningcss"));
19
+ const _lilconfig = require("lilconfig");
20
+ const _plugins = /*#__PURE__*/ _interop_require_default(require("postcss-load-config/src/plugins" // Little bit scary, looking at private/internal API
21
+ ));
22
+ const _options = /*#__PURE__*/ _interop_require_default(require("postcss-load-config/src/options" // Little bit scary, looking at private/internal API
23
+ ));
24
+ const _processTailwindFeatures = /*#__PURE__*/ _interop_require_default(require("../../processTailwindFeatures"));
25
+ const _utils = require("./utils");
26
+ const _sharedState = require("../../lib/sharedState");
27
+ const _resolveConfig = /*#__PURE__*/ _interop_require_default(require("../../../resolveConfig.js"));
28
+ const _content = require("../../lib/content.js");
29
+ const _watching = require("./watching.js");
30
+ const _fastglob = /*#__PURE__*/ _interop_require_default(require("fast-glob"));
31
+ const _findAtConfigPath = require("../../lib/findAtConfigPath.js");
32
+ const _log = /*#__PURE__*/ _interop_require_default(require("../../util/log"));
33
+ const _loadconfig = require("../../lib/load-config");
34
+ const _getModuleDependencies = /*#__PURE__*/ _interop_require_default(require("../../lib/getModuleDependencies"));
35
+ const _validateConfig = require("../../util/validateConfig");
36
+ const _handleImportAtRules = require("../../lib/handleImportAtRules");
37
+ const _featureFlags = require("../../featureFlags");
38
+ function _interop_require_default(obj) {
39
+ return obj && obj.__esModule ? obj : {
40
+ default: obj
41
+ };
42
+ }
43
+ function _getRequireWildcardCache(nodeInterop) {
44
+ if (typeof WeakMap !== "function") return null;
45
+ var cacheBabelInterop = new WeakMap();
46
+ var cacheNodeInterop = new WeakMap();
47
+ return (_getRequireWildcardCache = function(nodeInterop) {
48
+ return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
49
+ })(nodeInterop);
50
+ }
51
+ function _interop_require_wildcard(obj, nodeInterop) {
52
+ if (!nodeInterop && obj && obj.__esModule) {
53
+ return obj;
54
+ }
55
+ if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
56
+ return {
57
+ default: obj
58
+ };
59
+ }
60
+ var cache = _getRequireWildcardCache(nodeInterop);
61
+ if (cache && cache.has(obj)) {
62
+ return cache.get(obj);
63
+ }
64
+ var newObj = {};
65
+ var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
66
+ for(var key in obj){
67
+ if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
68
+ var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
69
+ if (desc && (desc.get || desc.set)) {
70
+ Object.defineProperty(newObj, key, desc);
71
+ } else {
72
+ newObj[key] = obj[key];
73
+ }
74
+ }
75
+ }
76
+ newObj.default = obj;
77
+ if (cache) {
78
+ cache.set(obj, newObj);
79
+ }
80
+ return newObj;
81
+ }
82
+ function license() {
83
+ return `/* ! tailwindcss v${_packagejson.default.version} | MIT License | https://tailwindcss.com */\n`;
84
+ }
85
+ async function lightningcss(result, { map = true, minify = true } = {}) {
86
+ try {
87
+ var _browserslist_findConfig;
88
+ var _result_opts_from;
89
+ let resolvedBrowsersListConfig = (_browserslist_findConfig = _browserslist.default.findConfig((_result_opts_from = result.opts.from) !== null && _result_opts_from !== void 0 ? _result_opts_from : process.cwd())) === null || _browserslist_findConfig === void 0 ? void 0 : _browserslist_findConfig.defaults;
90
+ let defaultBrowsersListConfig = _packagejson.default.browserslist;
91
+ let browsersListConfig = resolvedBrowsersListConfig !== null && resolvedBrowsersListConfig !== void 0 ? resolvedBrowsersListConfig : defaultBrowsersListConfig;
92
+ let transformed = _lightningcss.default.transform({
93
+ filename: result.opts.from || 'input.css',
94
+ code: Buffer.from(result.css, 'utf-8'),
95
+ minify,
96
+ sourceMap: result.map === undefined ? map : !!result.map,
97
+ inputSourceMap: result.map ? result.map.toString() : undefined,
98
+ targets: _lightningcss.default.browserslistToTargets((0, _browserslist.default)(browsersListConfig)),
99
+ include: _lightningcss.Features.Nesting,
100
+ exclude: _lightningcss.Features.LogicalProperties
101
+ });
102
+ return Object.assign(result, {
103
+ css: transformed.code.toString(),
104
+ map: result.map ? Object.assign(result.map, {
105
+ toString () {
106
+ var _transformed_map;
107
+ return (_transformed_map = transformed.map) === null || _transformed_map === void 0 ? void 0 : _transformed_map.toString();
108
+ }
109
+ }) : result.map
110
+ });
111
+ } catch (err) {
112
+ console.error('Unable to use Lightning CSS. Using raw version instead.');
113
+ console.error(err);
114
+ return result;
115
+ }
116
+ }
117
+ /**
118
+ *
119
+ * @param {string} [customPostCssPath ]
120
+ * @returns
121
+ */ async function loadPostCssPlugins(customPostCssPath) {
122
+ let config = customPostCssPath ? await (async ()=>{
123
+ let file = _path.default.resolve(customPostCssPath);
124
+ // Implementation, see: https://unpkg.com/browse/postcss-load-config@3.1.0/src/index.js
125
+ // @ts-ignore
126
+ let { config = {} } = await (0, _lilconfig.lilconfig)('postcss').load(file);
127
+ if (typeof config === 'function') {
128
+ config = config();
129
+ } else {
130
+ config = Object.assign({}, config);
131
+ }
132
+ if (!config.plugins) {
133
+ config.plugins = [];
134
+ }
135
+ return {
136
+ file,
137
+ plugins: (0, _plugins.default)(config, file),
138
+ options: (0, _options.default)(config, file)
139
+ };
140
+ })() : await (0, _postcssloadconfig.default)();
141
+ let configPlugins = config.plugins;
142
+ let configPluginTailwindIdx = configPlugins.findIndex((plugin)=>{
143
+ if (typeof plugin === 'function' && plugin.name === 'tailwindcss') {
144
+ return true;
145
+ }
146
+ if (typeof plugin === 'object' && plugin !== null && plugin.postcssPlugin === 'tailwindcss') {
147
+ return true;
148
+ }
149
+ return false;
150
+ });
151
+ let beforePlugins = configPluginTailwindIdx === -1 ? [] : configPlugins.slice(0, configPluginTailwindIdx);
152
+ let afterPlugins = configPluginTailwindIdx === -1 ? configPlugins : configPlugins.slice(configPluginTailwindIdx + 1);
153
+ return [
154
+ beforePlugins,
155
+ afterPlugins,
156
+ config.options
157
+ ];
158
+ }
159
+ let state = {
160
+ /** @type {any} */ context: null,
161
+ /** @type {ReturnType<typeof createWatcher> | null} */ watcher: null,
162
+ /** @type {{content: string, extension: string}[]} */ changedContent: [],
163
+ /** @type {{config: import('../../../types').Config, dependencies: Set<string>, dispose: Function } | null} */ configBag: null,
164
+ contextDependencies: new Set(),
165
+ /** @type {import('../../lib/content.js').ContentPath[]} */ contentPaths: [],
166
+ refreshContentPaths () {
167
+ var _this_context;
168
+ this.contentPaths = (0, _content.parseCandidateFiles)(this.context, (_this_context = this.context) === null || _this_context === void 0 ? void 0 : _this_context.tailwindConfig);
169
+ },
170
+ get config () {
171
+ return this.context.tailwindConfig;
172
+ },
173
+ get contentPatterns () {
174
+ return {
175
+ all: this.contentPaths.map((contentPath)=>contentPath.pattern),
176
+ dynamic: this.contentPaths.filter((contentPath)=>contentPath.glob !== undefined).map((contentPath)=>contentPath.pattern)
177
+ };
178
+ },
179
+ loadConfig (configPath, content) {
180
+ var _content;
181
+ if (this.watcher && configPath) {
182
+ this.refreshConfigDependencies();
183
+ }
184
+ let config = (0, _loadconfig.loadConfig)(configPath);
185
+ let dependencies = (0, _getModuleDependencies.default)(configPath);
186
+ this.configBag = {
187
+ config,
188
+ dependencies,
189
+ dispose () {
190
+ for (let file of dependencies){
191
+ delete require.cache[require.resolve(file)];
192
+ }
193
+ }
194
+ };
195
+ this.configBag.config = (0, _validateConfig.validateConfig)((0, _resolveConfig.default)(this.configBag.config));
196
+ // Override content files if `--content` has been passed explicitly
197
+ if (((_content = content) === null || _content === void 0 ? void 0 : _content.length) > 0) {
198
+ this.configBag.config.content.files = content;
199
+ }
200
+ return this.configBag.config;
201
+ },
202
+ refreshConfigDependencies () {
203
+ var _this_configBag;
204
+ _sharedState.env.DEBUG && console.time('Module dependencies');
205
+ (_this_configBag = this.configBag) === null || _this_configBag === void 0 ? void 0 : _this_configBag.dispose();
206
+ _sharedState.env.DEBUG && console.timeEnd('Module dependencies');
207
+ },
208
+ readContentPaths () {
209
+ let content = [];
210
+ // Resolve globs from the content config
211
+ // TODO: When we make the postcss plugin async-capable this can become async
212
+ let files = _fastglob.default.sync(this.contentPatterns.all);
213
+ for (let file of files){
214
+ if ((0, _featureFlags.flagEnabled)(this.config, 'oxideParser')) {
215
+ content.push({
216
+ file,
217
+ extension: _path.default.extname(file).slice(1)
218
+ });
219
+ } else {
220
+ content.push({
221
+ content: _fs.default.readFileSync(_path.default.resolve(file), 'utf8'),
222
+ extension: _path.default.extname(file).slice(1)
223
+ });
224
+ }
225
+ }
226
+ // Resolve raw content in the tailwind config
227
+ let rawContent = this.config.content.files.filter((file)=>{
228
+ return file !== null && typeof file === 'object';
229
+ });
230
+ for (let { raw: htmlContent, extension = 'html' } of rawContent){
231
+ content.push({
232
+ content: htmlContent,
233
+ extension
234
+ });
235
+ }
236
+ return content;
237
+ },
238
+ getContext ({ createContext, cliConfigPath, root, result, content }) {
239
+ if (this.context) {
240
+ this.context.changedContent = this.changedContent.splice(0);
241
+ return this.context;
242
+ }
243
+ _sharedState.env.DEBUG && console.time('Searching for config');
244
+ var _findAtConfigPath1;
245
+ let configPath = (_findAtConfigPath1 = (0, _findAtConfigPath.findAtConfigPath)(root, result)) !== null && _findAtConfigPath1 !== void 0 ? _findAtConfigPath1 : cliConfigPath;
246
+ _sharedState.env.DEBUG && console.timeEnd('Searching for config');
247
+ _sharedState.env.DEBUG && console.time('Loading config');
248
+ let config = this.loadConfig(configPath, content);
249
+ _sharedState.env.DEBUG && console.timeEnd('Loading config');
250
+ _sharedState.env.DEBUG && console.time('Creating context');
251
+ this.context = createContext(config, []);
252
+ Object.assign(this.context, {
253
+ userConfigPath: configPath
254
+ });
255
+ _sharedState.env.DEBUG && console.timeEnd('Creating context');
256
+ _sharedState.env.DEBUG && console.time('Resolving content paths');
257
+ this.refreshContentPaths();
258
+ _sharedState.env.DEBUG && console.timeEnd('Resolving content paths');
259
+ if (this.watcher) {
260
+ _sharedState.env.DEBUG && console.time('Watch new files');
261
+ this.watcher.refreshWatchedFiles();
262
+ _sharedState.env.DEBUG && console.timeEnd('Watch new files');
263
+ }
264
+ for (let file of this.readContentPaths()){
265
+ this.context.changedContent.push(file);
266
+ }
267
+ return this.context;
268
+ }
269
+ };
270
+ async function createProcessor(args, cliConfigPath) {
271
+ var _args_content;
272
+ let input = args['--input'];
273
+ let output = args['--output'];
274
+ let includePostCss = args['--postcss'];
275
+ let customPostCssPath = typeof args['--postcss'] === 'string' ? args['--postcss'] : undefined;
276
+ let [beforePlugins, afterPlugins, postcssOptions] = includePostCss ? await loadPostCssPlugins(customPostCssPath) : [
277
+ [],
278
+ [],
279
+ {}
280
+ ];
281
+ beforePlugins.unshift(...(0, _handleImportAtRules.handleImportAtRules)());
282
+ if (args['--purge']) {
283
+ _log.default.warn('purge-flag-deprecated', [
284
+ 'The `--purge` flag has been deprecated.',
285
+ 'Please use `--content` instead.'
286
+ ]);
287
+ if (!args['--content']) {
288
+ args['--content'] = args['--purge'];
289
+ }
290
+ }
291
+ var _args_content_split;
292
+ let content = (_args_content_split = (_args_content = args['--content']) === null || _args_content === void 0 ? void 0 : _args_content.split(RegExp("(?<!{[^}]+),"))) !== null && _args_content_split !== void 0 ? _args_content_split : [];
293
+ let tailwindPlugin = ()=>{
294
+ return {
295
+ postcssPlugin: 'tailwindcss',
296
+ async Once (root, { result }) {
297
+ _sharedState.env.DEBUG && console.time('Compiling CSS');
298
+ await (0, _processTailwindFeatures.default)(({ createContext })=>{
299
+ console.error();
300
+ console.error('Rebuilding...');
301
+ return ()=>{
302
+ return state.getContext({
303
+ createContext,
304
+ cliConfigPath,
305
+ root,
306
+ result,
307
+ content
308
+ });
309
+ };
310
+ })(root, result);
311
+ _sharedState.env.DEBUG && console.timeEnd('Compiling CSS');
312
+ }
313
+ };
314
+ };
315
+ tailwindPlugin.postcss = true;
316
+ let plugins = [
317
+ ...beforePlugins,
318
+ tailwindPlugin,
319
+ !args['--minify'] && _utils.formatNodes,
320
+ ...afterPlugins
321
+ ].filter(Boolean);
322
+ /** @type {import('postcss').Processor} */ // @ts-ignore
323
+ let processor = (0, _postcss.default)(plugins);
324
+ async function readInput() {
325
+ // Piping in data, let's drain the stdin
326
+ if (input === '-') {
327
+ return (0, _utils.drainStdin)();
328
+ }
329
+ // Input file has been provided
330
+ if (input) {
331
+ return _fs.default.promises.readFile(_path.default.resolve(input), 'utf8');
332
+ }
333
+ // No input file provided, fallback to default atrules
334
+ return '@tailwind base; @tailwind components; @tailwind utilities';
335
+ }
336
+ async function build() {
337
+ let start = process.hrtime.bigint();
338
+ let options = {
339
+ ...postcssOptions,
340
+ from: input,
341
+ to: output
342
+ };
343
+ return readInput().then((css)=>processor.process(css, options)).then((result)=>lightningcss(result, {
344
+ ...options,
345
+ minify: !!args['--minify']
346
+ })).then((result)=>{
347
+ if (!state.watcher) {
348
+ return result;
349
+ }
350
+ _sharedState.env.DEBUG && console.time('Recording PostCSS dependencies');
351
+ for (let message of result.messages){
352
+ if (message.type === 'dependency') {
353
+ state.contextDependencies.add(message.file);
354
+ }
355
+ }
356
+ _sharedState.env.DEBUG && console.timeEnd('Recording PostCSS dependencies');
357
+ // TODO: This needs to be in a different spot
358
+ _sharedState.env.DEBUG && console.time('Watch new files');
359
+ state.watcher.refreshWatchedFiles();
360
+ _sharedState.env.DEBUG && console.timeEnd('Watch new files');
361
+ return result;
362
+ }).then((result)=>{
363
+ if (!output) {
364
+ process.stdout.write(license() + result.css);
365
+ return;
366
+ }
367
+ return Promise.all([
368
+ (0, _utils.outputFile)(result.opts.to, license() + result.css),
369
+ result.map && (0, _utils.outputFile)(result.opts.to + '.map', result.map.toString())
370
+ ]);
371
+ }).then(()=>{
372
+ let end = process.hrtime.bigint();
373
+ console.error();
374
+ console.error('Done in', (end - start) / BigInt(1e6) + 'ms.');
375
+ }).then(()=>{}, (err)=>{
376
+ // TODO: If an initial build fails we can't easily pick up any PostCSS dependencies
377
+ // that were collected before the error occurred
378
+ // The result is not stored on the error so we have to store it externally
379
+ // and pull the messages off of it here somehow
380
+ // This results in a less than ideal DX because the watcher will not pick up
381
+ // changes to imported CSS if one of them caused an error during the initial build
382
+ // If you fix it and then save the main CSS file so there's no error
383
+ // The watcher will start watching the imported CSS files and will be
384
+ // resilient to future errors.
385
+ if (state.watcher) {
386
+ console.error(err);
387
+ } else {
388
+ return Promise.reject(err);
389
+ }
390
+ });
391
+ }
392
+ /**
393
+ * @param {{file: string, content(): Promise<string>, extension: string}[]} changes
394
+ */ async function parseChanges(changes) {
395
+ return Promise.all(changes.map(async (change)=>({
396
+ content: await change.content(),
397
+ extension: change.extension
398
+ })));
399
+ }
400
+ if (input !== undefined && input !== '-') {
401
+ state.contextDependencies.add(_path.default.resolve(input));
402
+ }
403
+ return {
404
+ build,
405
+ watch: async ()=>{
406
+ state.watcher = (0, _watching.createWatcher)(args, {
407
+ state,
408
+ /**
409
+ * @param {{file: string, content(): Promise<string>, extension: string}[]} changes
410
+ */ async rebuild (changes) {
411
+ let needsNewContext = changes.some((change)=>{
412
+ var _state_configBag;
413
+ return ((_state_configBag = state.configBag) === null || _state_configBag === void 0 ? void 0 : _state_configBag.dependencies.has(change.file)) || state.contextDependencies.has(change.file);
414
+ });
415
+ if (needsNewContext) {
416
+ state.context = null;
417
+ } else {
418
+ for (let change of (await parseChanges(changes))){
419
+ state.changedContent.push(change);
420
+ }
421
+ }
422
+ return build();
423
+ }
424
+ });
425
+ await build();
426
+ }
427
+ };
428
+ }
@@ -0,0 +1,88 @@
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
+ indentRecursive: function() {
14
+ return indentRecursive;
15
+ },
16
+ formatNodes: function() {
17
+ return formatNodes;
18
+ },
19
+ readFileWithRetries: function() {
20
+ return readFileWithRetries;
21
+ },
22
+ drainStdin: function() {
23
+ return drainStdin;
24
+ },
25
+ outputFile: function() {
26
+ return outputFile;
27
+ }
28
+ });
29
+ const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
30
+ const _path = /*#__PURE__*/ _interop_require_default(require("path"));
31
+ function _interop_require_default(obj) {
32
+ return obj && obj.__esModule ? obj : {
33
+ default: obj
34
+ };
35
+ }
36
+ function indentRecursive(node, indent = 0) {
37
+ node.each && node.each((child, i)=>{
38
+ if (!child.raws.before || !child.raws.before.trim() || child.raws.before.includes('\n')) {
39
+ child.raws.before = `\n${node.type !== 'rule' && i > 0 ? '\n' : ''}${' '.repeat(indent)}`;
40
+ }
41
+ child.raws.after = `\n${' '.repeat(indent)}`;
42
+ indentRecursive(child, indent + 1);
43
+ });
44
+ }
45
+ function formatNodes(root) {
46
+ indentRecursive(root);
47
+ if (root.first) {
48
+ root.first.raws.before = '';
49
+ }
50
+ }
51
+ async function readFileWithRetries(path, tries = 5) {
52
+ for(let n = 0; n <= tries; n++){
53
+ try {
54
+ return await _fs.default.promises.readFile(path, 'utf8');
55
+ } catch (err) {
56
+ if (n !== tries) {
57
+ if (err.code === 'ENOENT' || err.code === 'EBUSY') {
58
+ await new Promise((resolve)=>setTimeout(resolve, 10));
59
+ continue;
60
+ }
61
+ }
62
+ throw err;
63
+ }
64
+ }
65
+ }
66
+ function drainStdin() {
67
+ return new Promise((resolve, reject)=>{
68
+ let result = '';
69
+ process.stdin.on('data', (chunk)=>{
70
+ result += chunk;
71
+ });
72
+ process.stdin.on('end', ()=>resolve(result));
73
+ process.stdin.on('error', (err)=>reject(err));
74
+ });
75
+ }
76
+ async function outputFile(file, newContents) {
77
+ try {
78
+ let currentContents = await _fs.default.promises.readFile(file, 'utf8');
79
+ if (currentContents === newContents) {
80
+ return; // Skip writing the file
81
+ }
82
+ } catch (e) {}
83
+ // Write the file
84
+ await _fs.default.promises.mkdir(_path.default.dirname(file), {
85
+ recursive: true
86
+ });
87
+ await _fs.default.promises.writeFile(file, newContents, 'utf8');
88
+ }