tailwindcss 0.0.0-insiders.ee945bb → 0.0.0-insiders.eeec89a

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