tailwindcss 3.2.4 → 3.2.5

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 (100) hide show
  1. package/CHANGELOG.md +44 -1
  2. package/README.md +1 -1
  3. package/lib/cli/build/index.js +5 -1
  4. package/lib/cli/build/plugin.js +39 -34
  5. package/lib/cli/index.js +231 -10
  6. package/lib/cli/init/index.js +2 -2
  7. package/lib/cli.js +4 -226
  8. package/lib/corePlugins.js +45 -27
  9. package/lib/featureFlags.js +8 -8
  10. package/lib/index.js +4 -46
  11. package/lib/lib/collapseAdjacentRules.js +2 -2
  12. package/lib/lib/collapseDuplicateDeclarations.js +2 -2
  13. package/lib/lib/content.js +16 -16
  14. package/lib/lib/defaultExtractor.js +10 -5
  15. package/lib/lib/detectNesting.js +7 -1
  16. package/lib/lib/evaluateTailwindFunctions.js +4 -4
  17. package/lib/lib/expandApplyAtRules.js +2 -2
  18. package/lib/lib/expandTailwindAtRules.js +35 -9
  19. package/lib/lib/findAtConfigPath.js +3 -3
  20. package/lib/lib/generateRules.js +105 -50
  21. package/lib/lib/offsets.js +88 -1
  22. package/lib/lib/remap-bitfield.js +87 -0
  23. package/lib/lib/resolveDefaultsAtRules.js +4 -4
  24. package/lib/lib/setupContextUtils.js +121 -80
  25. package/lib/lib/setupTrackingContext.js +25 -4
  26. package/lib/lib/sharedState.js +19 -1
  27. package/lib/oxide/cli/build/deps.js +81 -0
  28. package/lib/oxide/cli/build/index.js +47 -0
  29. package/lib/oxide/cli/build/plugin.js +364 -0
  30. package/lib/oxide/cli/build/utils.js +77 -0
  31. package/lib/oxide/cli/build/watching.js +177 -0
  32. package/lib/oxide/cli/help/index.js +70 -0
  33. package/lib/oxide/cli/index.js +220 -0
  34. package/lib/oxide/cli/init/index.js +35 -0
  35. package/lib/oxide/cli.js +5 -0
  36. package/lib/oxide/postcss-plugin.js +2 -0
  37. package/lib/plugin.js +98 -0
  38. package/lib/postcss-plugins/nesting/plugin.js +2 -2
  39. package/lib/util/cloneNodes.js +2 -2
  40. package/lib/util/color.js +20 -6
  41. package/lib/util/createUtilityPlugin.js +2 -2
  42. package/lib/util/dataTypes.js +26 -2
  43. package/lib/util/defaults.js +4 -4
  44. package/lib/util/escapeClassName.js +3 -3
  45. package/lib/util/formatVariantSelector.js +171 -105
  46. package/lib/util/getAllConfigs.js +2 -2
  47. package/lib/util/{isValidArbitraryValue.js → isSyntacticallyValidPropertyValue.js} +2 -2
  48. package/lib/util/negateValue.js +2 -2
  49. package/lib/util/normalizeConfig.js +22 -22
  50. package/lib/util/pluginUtils.js +38 -40
  51. package/lib/util/prefixSelector.js +22 -8
  52. package/lib/util/resolveConfig.js +8 -10
  53. package/oxide-node-api-shim/index.js +21 -0
  54. package/oxide-node-api-shim/package.json +5 -0
  55. package/package.json +32 -19
  56. package/peers/index.js +61 -42
  57. package/resolveConfig.d.ts +11 -2
  58. package/scripts/swap-engines.js +40 -0
  59. package/src/cli/build/index.js +6 -2
  60. package/src/cli/build/plugin.js +14 -9
  61. package/src/cli/index.js +234 -3
  62. package/src/cli.js +4 -220
  63. package/src/corePlugins.js +31 -3
  64. package/src/index.js +4 -46
  65. package/src/lib/content.js +12 -17
  66. package/src/lib/defaultExtractor.js +9 -3
  67. package/src/lib/detectNesting.js +9 -1
  68. package/src/lib/expandTailwindAtRules.js +37 -6
  69. package/src/lib/generateRules.js +90 -28
  70. package/src/lib/offsets.js +104 -1
  71. package/src/lib/remap-bitfield.js +82 -0
  72. package/src/lib/setupContextUtils.js +97 -55
  73. package/src/lib/setupTrackingContext.js +31 -6
  74. package/src/lib/sharedState.js +17 -0
  75. package/src/oxide/cli/build/deps.ts +91 -0
  76. package/src/oxide/cli/build/index.ts +47 -0
  77. package/src/oxide/cli/build/plugin.ts +436 -0
  78. package/src/oxide/cli/build/utils.ts +74 -0
  79. package/src/oxide/cli/build/watching.ts +225 -0
  80. package/src/oxide/cli/help/index.ts +69 -0
  81. package/src/oxide/cli/index.ts +212 -0
  82. package/src/oxide/cli/init/index.ts +32 -0
  83. package/src/oxide/cli.ts +1 -0
  84. package/src/oxide/postcss-plugin.ts +1 -0
  85. package/src/plugin.js +107 -0
  86. package/src/util/color.js +17 -2
  87. package/src/util/dataTypes.js +29 -4
  88. package/src/util/formatVariantSelector.js +215 -122
  89. package/src/util/{isValidArbitraryValue.js → isSyntacticallyValidPropertyValue.js} +1 -1
  90. package/src/util/negateValue.js +1 -1
  91. package/src/util/pluginUtils.js +22 -19
  92. package/src/util/prefixSelector.js +28 -10
  93. package/src/util/resolveConfig.js +0 -2
  94. package/stubs/defaultConfig.stub.js +149 -165
  95. package/types/config.d.ts +7 -2
  96. package/types/generated/default-theme.d.ts +77 -77
  97. package/lib/cli/shared.js +0 -12
  98. package/scripts/install-integrations.js +0 -27
  99. package/scripts/rebuildFixtures.js +0 -68
  100. package/src/cli/shared.js +0 -5
@@ -0,0 +1,364 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "createProcessor", {
6
+ enumerable: true,
7
+ get: ()=>createProcessor
8
+ });
9
+ const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
10
+ const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
11
+ const _postcssLoadConfig = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config"));
12
+ const _lilconfig = require("lilconfig");
13
+ const _plugins = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config/src/plugins" // Little bit scary, looking at private/internal API
14
+ ));
15
+ const _options = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config/src/options" // Little bit scary, looking at private/internal API
16
+ ));
17
+ const _processTailwindFeatures = /*#__PURE__*/ _interopRequireDefault(require("../../../processTailwindFeatures"));
18
+ const _deps = require("./deps");
19
+ const _utils = require("./utils");
20
+ const _sharedState = require("../../../lib/sharedState");
21
+ const _resolveConfig = /*#__PURE__*/ _interopRequireDefault(require("../../../../resolveConfig"));
22
+ const _getModuleDependencies = /*#__PURE__*/ _interopRequireDefault(require("../../../lib/getModuleDependencies"));
23
+ const _content = require("../../../lib/content");
24
+ const _watching = require("./watching");
25
+ const _fastGlob = /*#__PURE__*/ _interopRequireDefault(require("fast-glob"));
26
+ const _findAtConfigPath = require("../../../lib/findAtConfigPath");
27
+ const _log = /*#__PURE__*/ _interopRequireDefault(require("../../../util/log"));
28
+ function _interopRequireDefault(obj) {
29
+ return obj && obj.__esModule ? obj : {
30
+ default: obj
31
+ };
32
+ }
33
+ /**
34
+ *
35
+ * @param {string} [customPostCssPath ]
36
+ * @returns
37
+ */ async function loadPostCssPlugins(customPostCssPath) {
38
+ let config = customPostCssPath ? await (async ()=>{
39
+ let file = _path.default.resolve(customPostCssPath);
40
+ // Implementation, see: https://unpkg.com/browse/postcss-load-config@3.1.0/src/index.js
41
+ // @ts-ignore
42
+ let { config ={} } = await (0, _lilconfig.lilconfig)("postcss").load(file);
43
+ if (typeof config === "function") {
44
+ config = config();
45
+ } else {
46
+ config = Object.assign({}, config);
47
+ }
48
+ if (!config.plugins) {
49
+ config.plugins = [];
50
+ }
51
+ return {
52
+ file,
53
+ plugins: (0, _plugins.default)(config, file),
54
+ options: (0, _options.default)(config, file)
55
+ };
56
+ })() : await (0, _postcssLoadConfig.default)();
57
+ let configPlugins = config.plugins;
58
+ let configPluginTailwindIdx = configPlugins.findIndex((plugin)=>{
59
+ if (typeof plugin === "function" && plugin.name === "tailwindcss") {
60
+ return true;
61
+ }
62
+ if (typeof plugin === "object" && plugin !== null && plugin.postcssPlugin === "tailwindcss") {
63
+ return true;
64
+ }
65
+ return false;
66
+ });
67
+ let beforePlugins = configPluginTailwindIdx === -1 ? [] : configPlugins.slice(0, configPluginTailwindIdx);
68
+ let afterPlugins = configPluginTailwindIdx === -1 ? configPlugins : configPlugins.slice(configPluginTailwindIdx + 1);
69
+ return [
70
+ beforePlugins,
71
+ afterPlugins,
72
+ config.options
73
+ ];
74
+ }
75
+ function loadBuiltinPostcssPlugins() {
76
+ let postcss = (0, _deps.loadPostcss)();
77
+ let IMPORT_COMMENT = "__TAILWIND_RESTORE_IMPORT__: ";
78
+ return [
79
+ [
80
+ (root)=>{
81
+ root.walkAtRules("import", (rule)=>{
82
+ if (rule.params.slice(1).startsWith("tailwindcss/")) {
83
+ rule.after(postcss.comment({
84
+ text: IMPORT_COMMENT + rule.params
85
+ }));
86
+ rule.remove();
87
+ }
88
+ });
89
+ },
90
+ (0, _deps.loadPostcssImport)(),
91
+ (root)=>{
92
+ root.walkComments((rule)=>{
93
+ if (rule.text.startsWith(IMPORT_COMMENT)) {
94
+ rule.after(postcss.atRule({
95
+ name: "import",
96
+ params: rule.text.replace(IMPORT_COMMENT, "")
97
+ }));
98
+ rule.remove();
99
+ }
100
+ });
101
+ }
102
+ ],
103
+ [],
104
+ {}
105
+ ];
106
+ }
107
+ let state = {
108
+ /** @type {any} */ context: null,
109
+ /** @type {ReturnType<typeof createWatcher> | null} */ watcher: null,
110
+ /** @type {{content: string, extension: string}[]} */ changedContent: [],
111
+ configDependencies: new Set(),
112
+ contextDependencies: new Set(),
113
+ /** @type {import('../../lib/content.js').ContentPath[]} */ contentPaths: [],
114
+ refreshContentPaths () {
115
+ var _this_context;
116
+ this.contentPaths = (0, _content.parseCandidateFiles)(this.context, (_this_context = this.context) === null || _this_context === void 0 ? void 0 : _this_context.tailwindConfig);
117
+ },
118
+ get config () {
119
+ return this.context.tailwindConfig;
120
+ },
121
+ get contentPatterns () {
122
+ return {
123
+ all: this.contentPaths.map((contentPath)=>contentPath.pattern),
124
+ dynamic: this.contentPaths.filter((contentPath)=>contentPath.glob !== undefined).map((contentPath)=>contentPath.pattern)
125
+ };
126
+ },
127
+ loadConfig (configPath, content) {
128
+ if (this.watcher && configPath) {
129
+ this.refreshConfigDependencies(configPath);
130
+ }
131
+ let config = configPath ? require(configPath) : {};
132
+ // @ts-ignore
133
+ config = (0, _resolveConfig.default)(config, {
134
+ content: {
135
+ files: []
136
+ }
137
+ });
138
+ // Override content files if `--content` has been passed explicitly
139
+ if ((content === null || content === void 0 ? void 0 : content.length) > 0) {
140
+ config.content.files = content;
141
+ }
142
+ return config;
143
+ },
144
+ refreshConfigDependencies (configPath) {
145
+ _sharedState.env.DEBUG && console.time("Module dependencies");
146
+ for (let file of this.configDependencies){
147
+ delete require.cache[require.resolve(file)];
148
+ }
149
+ if (configPath) {
150
+ let deps = (0, _getModuleDependencies.default)(configPath).map(({ file })=>file);
151
+ for (let dependency of deps){
152
+ this.configDependencies.add(dependency);
153
+ }
154
+ }
155
+ _sharedState.env.DEBUG && console.timeEnd("Module dependencies");
156
+ },
157
+ readContentPaths () {
158
+ let content = [];
159
+ // Resolve globs from the content config
160
+ // TODO: When we make the postcss plugin async-capable this can become async
161
+ let files = _fastGlob.default.sync(this.contentPatterns.all);
162
+ for (let file of files){
163
+ if (_sharedState.env.OXIDE) {
164
+ content.push({
165
+ file,
166
+ extension: _path.default.extname(file).slice(1)
167
+ });
168
+ } else {
169
+ content.push({
170
+ content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
171
+ extension: _path.default.extname(file).slice(1)
172
+ });
173
+ }
174
+ }
175
+ // Resolve raw content in the tailwind config
176
+ let rawContent = this.config.content.files.filter((file)=>{
177
+ return file !== null && typeof file === "object";
178
+ });
179
+ for (let { raw: htmlContent , extension ="html" } of rawContent){
180
+ content.push({
181
+ content: htmlContent,
182
+ extension
183
+ });
184
+ }
185
+ return content;
186
+ },
187
+ getContext ({ createContext , cliConfigPath , root , result , content }) {
188
+ if (this.context) {
189
+ this.context.changedContent = this.changedContent.splice(0);
190
+ return this.context;
191
+ }
192
+ _sharedState.env.DEBUG && console.time("Searching for config");
193
+ var _findAtConfigPath1;
194
+ let configPath = (_findAtConfigPath1 = (0, _findAtConfigPath.findAtConfigPath)(root, result)) !== null && _findAtConfigPath1 !== void 0 ? _findAtConfigPath1 : cliConfigPath;
195
+ _sharedState.env.DEBUG && console.timeEnd("Searching for config");
196
+ _sharedState.env.DEBUG && console.time("Loading config");
197
+ let config = this.loadConfig(configPath, content);
198
+ _sharedState.env.DEBUG && console.timeEnd("Loading config");
199
+ _sharedState.env.DEBUG && console.time("Creating context");
200
+ this.context = createContext(config, []);
201
+ Object.assign(this.context, {
202
+ userConfigPath: configPath
203
+ });
204
+ _sharedState.env.DEBUG && console.timeEnd("Creating context");
205
+ _sharedState.env.DEBUG && console.time("Resolving content paths");
206
+ this.refreshContentPaths();
207
+ _sharedState.env.DEBUG && console.timeEnd("Resolving content paths");
208
+ if (this.watcher) {
209
+ _sharedState.env.DEBUG && console.time("Watch new files");
210
+ this.watcher.refreshWatchedFiles();
211
+ _sharedState.env.DEBUG && console.timeEnd("Watch new files");
212
+ }
213
+ for (let file of this.readContentPaths()){
214
+ this.context.changedContent.push(file);
215
+ }
216
+ return this.context;
217
+ }
218
+ };
219
+ async function createProcessor(args, cliConfigPath) {
220
+ var _args_content;
221
+ let postcss = (0, _deps.loadPostcss)();
222
+ let input = args["--input"];
223
+ let output = args["--output"];
224
+ let includePostCss = args["--postcss"];
225
+ let customPostCssPath = typeof args["--postcss"] === "string" ? args["--postcss"] : undefined;
226
+ let [beforePlugins, afterPlugins, postcssOptions] = includePostCss ? await loadPostCssPlugins(customPostCssPath) : loadBuiltinPostcssPlugins();
227
+ if (args["--purge"]) {
228
+ _log.default.warn("purge-flag-deprecated", [
229
+ "The `--purge` flag has been deprecated.",
230
+ "Please use `--content` instead."
231
+ ]);
232
+ if (!args["--content"]) {
233
+ args["--content"] = args["--purge"];
234
+ }
235
+ }
236
+ var _args_content_split;
237
+ 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 : [];
238
+ let tailwindPlugin = ()=>{
239
+ return {
240
+ postcssPlugin: "tailwindcss",
241
+ Once (root, { result }) {
242
+ _sharedState.env.DEBUG && console.time("Compiling CSS");
243
+ (0, _processTailwindFeatures.default)(({ createContext })=>{
244
+ console.error();
245
+ console.error("Rebuilding...");
246
+ return ()=>{
247
+ return state.getContext({
248
+ createContext,
249
+ cliConfigPath,
250
+ root,
251
+ result,
252
+ content
253
+ });
254
+ };
255
+ })(root, result);
256
+ _sharedState.env.DEBUG && console.timeEnd("Compiling CSS");
257
+ }
258
+ };
259
+ };
260
+ tailwindPlugin.postcss = true;
261
+ let plugins = [
262
+ ...beforePlugins,
263
+ tailwindPlugin,
264
+ !args["--minify"] && _utils.formatNodes,
265
+ ...afterPlugins
266
+ ].filter(Boolean);
267
+ /** @type {import('postcss').Processor} */ // @ts-ignore
268
+ let processor = postcss(plugins);
269
+ async function readInput() {
270
+ // Piping in data, let's drain the stdin
271
+ if (input === "-") {
272
+ return (0, _utils.drainStdin)();
273
+ }
274
+ // Input file has been provided
275
+ if (input) {
276
+ return _fs.default.promises.readFile(_path.default.resolve(input), "utf8");
277
+ }
278
+ // No input file provided, fallback to default atrules
279
+ return "@tailwind base; @tailwind components; @tailwind utilities";
280
+ }
281
+ async function build() {
282
+ let start = process.hrtime.bigint();
283
+ return readInput().then((css)=>processor.process(css, {
284
+ ...postcssOptions,
285
+ from: input,
286
+ to: output
287
+ })).then((result)=>(0, _deps.lightningcss)(!!args["--minify"], result)).then((result)=>{
288
+ if (!state.watcher) {
289
+ return result;
290
+ }
291
+ _sharedState.env.DEBUG && console.time("Recording PostCSS dependencies");
292
+ for (let message of result.messages){
293
+ if (message.type === "dependency") {
294
+ state.contextDependencies.add(message.file);
295
+ }
296
+ }
297
+ _sharedState.env.DEBUG && console.timeEnd("Recording PostCSS dependencies");
298
+ // TODO: This needs to be in a different spot
299
+ _sharedState.env.DEBUG && console.time("Watch new files");
300
+ state.watcher.refreshWatchedFiles();
301
+ _sharedState.env.DEBUG && console.timeEnd("Watch new files");
302
+ return result;
303
+ }).then((result)=>{
304
+ if (!output) {
305
+ process.stdout.write(result.css);
306
+ return;
307
+ }
308
+ return Promise.all([
309
+ (0, _utils.outputFile)(result.opts.to, result.css),
310
+ result.map && (0, _utils.outputFile)(result.opts.to + ".map", result.map.toString())
311
+ ]);
312
+ }).then(()=>{
313
+ let end = process.hrtime.bigint();
314
+ console.error();
315
+ console.error("Done in", (end - start) / BigInt(1e6) + "ms.");
316
+ }).then(()=>{}, (err)=>{
317
+ // TODO: If an initial build fails we can't easily pick up any PostCSS dependencies
318
+ // that were collected before the error occurred
319
+ // The result is not stored on the error so we have to store it externally
320
+ // and pull the messages off of it here somehow
321
+ // This results in a less than ideal DX because the watcher will not pick up
322
+ // changes to imported CSS if one of them caused an error during the initial build
323
+ // If you fix it and then save the main CSS file so there's no error
324
+ // The watcher will start watching the imported CSS files and will be
325
+ // resilient to future errors.
326
+ console.error(err);
327
+ });
328
+ }
329
+ /**
330
+ * @param {{file: string, content(): Promise<string>, extension: string}[]} changes
331
+ */ async function parseChanges(changes) {
332
+ return Promise.all(changes.map(async (change)=>({
333
+ content: await change.content(),
334
+ extension: change.extension
335
+ })));
336
+ }
337
+ if (input !== undefined && input !== "-") {
338
+ state.contextDependencies.add(_path.default.resolve(input));
339
+ }
340
+ return {
341
+ build,
342
+ watch: async ()=>{
343
+ state.watcher = (0, _watching.createWatcher)(args, {
344
+ state,
345
+ /**
346
+ * @param {{file: string, content(): Promise<string>, extension: string}[]} changes
347
+ */ async rebuild (changes) {
348
+ let needsNewContext = changes.some((change)=>{
349
+ return state.configDependencies.has(change.file) || state.contextDependencies.has(change.file);
350
+ });
351
+ if (needsNewContext) {
352
+ state.context = null;
353
+ } else {
354
+ for (let change of (await parseChanges(changes))){
355
+ state.changedContent.push(change);
356
+ }
357
+ }
358
+ return build();
359
+ }
360
+ });
361
+ await build();
362
+ }
363
+ };
364
+ }
@@ -0,0 +1,77 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ indentRecursive: ()=>indentRecursive,
13
+ formatNodes: ()=>formatNodes,
14
+ readFileWithRetries: ()=>readFileWithRetries,
15
+ drainStdin: ()=>drainStdin,
16
+ outputFile: ()=>outputFile
17
+ });
18
+ const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
19
+ const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
20
+ function _interopRequireDefault(obj) {
21
+ return obj && obj.__esModule ? obj : {
22
+ default: obj
23
+ };
24
+ }
25
+ function indentRecursive(node, indent = 0) {
26
+ node.each && node.each((child, i)=>{
27
+ if (!child.raws.before || !child.raws.before.trim() || child.raws.before.includes("\n")) {
28
+ child.raws.before = `\n${node.type !== "rule" && i > 0 ? "\n" : ""}${" ".repeat(indent)}`;
29
+ }
30
+ child.raws.after = `\n${" ".repeat(indent)}`;
31
+ indentRecursive(child, indent + 1);
32
+ });
33
+ }
34
+ function formatNodes(root) {
35
+ indentRecursive(root);
36
+ if (root.first) {
37
+ root.first.raws.before = "";
38
+ }
39
+ }
40
+ async function readFileWithRetries(path, tries = 5) {
41
+ for(let n = 0; n <= tries; n++){
42
+ try {
43
+ return await _fs.default.promises.readFile(path, "utf8");
44
+ } catch (err) {
45
+ if (n !== tries) {
46
+ if (err.code === "ENOENT" || err.code === "EBUSY") {
47
+ await new Promise((resolve)=>setTimeout(resolve, 10));
48
+ continue;
49
+ }
50
+ }
51
+ throw err;
52
+ }
53
+ }
54
+ }
55
+ function drainStdin() {
56
+ return new Promise((resolve, reject)=>{
57
+ let result = "";
58
+ process.stdin.on("data", (chunk)=>{
59
+ result += chunk;
60
+ });
61
+ process.stdin.on("end", ()=>resolve(result));
62
+ process.stdin.on("error", (err)=>reject(err));
63
+ });
64
+ }
65
+ async function outputFile(file, newContents) {
66
+ try {
67
+ let currentContents = await _fs.default.promises.readFile(file, "utf8");
68
+ if (currentContents === newContents) {
69
+ return; // Skip writing the file
70
+ }
71
+ } catch {}
72
+ // Write the file
73
+ await _fs.default.promises.mkdir(_path.default.dirname(file), {
74
+ recursive: true
75
+ });
76
+ await _fs.default.promises.writeFile(file, newContents, "utf8");
77
+ }
@@ -0,0 +1,177 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "createWatcher", {
6
+ enumerable: true,
7
+ get: ()=>createWatcher
8
+ });
9
+ const _chokidar = /*#__PURE__*/ _interopRequireDefault(require("chokidar"));
10
+ const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
11
+ const _micromatch = /*#__PURE__*/ _interopRequireDefault(require("micromatch"));
12
+ const _normalizePath = /*#__PURE__*/ _interopRequireDefault(require("normalize-path"));
13
+ const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
14
+ const _utils = require("./utils");
15
+ function _interopRequireDefault(obj) {
16
+ return obj && obj.__esModule ? obj : {
17
+ default: obj
18
+ };
19
+ }
20
+ function createWatcher(args, { state , rebuild }) {
21
+ let shouldPoll = args["--poll"];
22
+ let shouldCoalesceWriteEvents = shouldPoll || process.platform === "win32";
23
+ // Polling interval in milliseconds
24
+ // Used only when polling or coalescing add/change events on Windows
25
+ let pollInterval = 10;
26
+ let watcher = _chokidar.default.watch([], {
27
+ // Force checking for atomic writes in all situations
28
+ // This causes chokidar to wait up to 100ms for a file to re-added after it's been unlinked
29
+ // This only works when watching directories though
30
+ atomic: true,
31
+ usePolling: shouldPoll,
32
+ interval: shouldPoll ? pollInterval : undefined,
33
+ ignoreInitial: true,
34
+ awaitWriteFinish: shouldCoalesceWriteEvents ? {
35
+ stabilityThreshold: 50,
36
+ pollInterval: pollInterval
37
+ } : false
38
+ });
39
+ // A queue of rebuilds, file reads, etc… to run
40
+ let chain = Promise.resolve();
41
+ /**
42
+ * A list of files that have been changed since the last rebuild
43
+ *
44
+ * @type {{file: string, content: () => Promise<string>, extension: string}[]}
45
+ */ let changedContent = [];
46
+ /**
47
+ * A list of files for which a rebuild has already been queued.
48
+ * This is used to prevent duplicate rebuilds when multiple events are fired for the same file.
49
+ * The rebuilt file is cleared from this list when it's associated rebuild has _started_
50
+ * This is because if the file is changed during a rebuild it won't trigger a new rebuild which it should
51
+ **/ let pendingRebuilds = new Set();
52
+ let _timer;
53
+ let _reject;
54
+ /**
55
+ * Rebuilds the changed files and resolves when the rebuild is
56
+ * complete regardless of whether it was successful or not
57
+ */ async function rebuildAndContinue() {
58
+ let changes = changedContent.splice(0);
59
+ // There are no changes to rebuild so we can just do nothing
60
+ if (changes.length === 0) {
61
+ return Promise.resolve();
62
+ }
63
+ // Clear all pending rebuilds for the about-to-be-built files
64
+ changes.forEach((change)=>pendingRebuilds.delete(change.file));
65
+ // Resolve the promise even when the rebuild fails
66
+ return rebuild(changes).then(()=>{}, ()=>{});
67
+ }
68
+ /**
69
+ *
70
+ * @param {*} file
71
+ * @param {(() => Promise<string>) | null} content
72
+ * @param {boolean} skipPendingCheck
73
+ * @returns {Promise<void>}
74
+ */ function recordChangedFile(file, content = null, skipPendingCheck = false) {
75
+ file = _path.default.resolve(file);
76
+ // Applications like Vim/Neovim fire both rename and change events in succession for atomic writes
77
+ // In that case rebuild has already been queued by rename, so can be skipped in change
78
+ if (pendingRebuilds.has(file) && !skipPendingCheck) {
79
+ return Promise.resolve();
80
+ }
81
+ // Mark that a rebuild of this file is going to happen
82
+ // It MUST happen synchronously before the rebuild is queued for this to be effective
83
+ pendingRebuilds.add(file);
84
+ changedContent.push({
85
+ file,
86
+ content: content !== null && content !== void 0 ? content : ()=>_fs.default.promises.readFile(file, "utf8"),
87
+ extension: _path.default.extname(file).slice(1)
88
+ });
89
+ if (_timer) {
90
+ clearTimeout(_timer);
91
+ _reject();
92
+ }
93
+ // If a rebuild is already in progress we don't want to start another one until the 10ms timer has expired
94
+ chain = chain.then(()=>new Promise((resolve, reject)=>{
95
+ _timer = setTimeout(resolve, 10);
96
+ _reject = reject;
97
+ }));
98
+ // Resolves once this file has been rebuilt (or the rebuild for this file has failed)
99
+ // This queues as many rebuilds as there are changed files
100
+ // But those rebuilds happen after some delay
101
+ // And will immediately resolve if there are no changes
102
+ chain = chain.then(rebuildAndContinue, rebuildAndContinue);
103
+ return chain;
104
+ }
105
+ watcher.on("change", (file)=>recordChangedFile(file));
106
+ watcher.on("add", (file)=>recordChangedFile(file));
107
+ // Restore watching any files that are "removed"
108
+ // This can happen when a file is pseudo-atomically replaced (a copy is created, overwritten, the old one is unlinked, and the new one is renamed)
109
+ // TODO: An an optimization we should allow removal when the config changes
110
+ watcher.on("unlink", (file)=>{
111
+ file = (0, _normalizePath.default)(file);
112
+ // Only re-add the file if it's not covered by a dynamic pattern
113
+ if (!_micromatch.default.some([
114
+ file
115
+ ], state.contentPatterns.dynamic)) {
116
+ watcher.add(file);
117
+ }
118
+ });
119
+ // Some applications such as Visual Studio (but not VS Code)
120
+ // will only fire a rename event for atomic writes and not a change event
121
+ // This is very likely a chokidar bug but it's one we need to work around
122
+ // We treat this as a change event and rebuild the CSS
123
+ watcher.on("raw", (evt, filePath, meta)=>{
124
+ if (evt !== "rename") {
125
+ return;
126
+ }
127
+ let watchedPath = meta.watchedPath;
128
+ // Watched path might be the file itself
129
+ // Or the directory it is in
130
+ filePath = watchedPath.endsWith(filePath) ? watchedPath : _path.default.join(watchedPath, filePath);
131
+ // Skip this event since the files it is for does not match any of the registered content globs
132
+ if (!_micromatch.default.some([
133
+ filePath
134
+ ], state.contentPatterns.all)) {
135
+ return;
136
+ }
137
+ // Skip since we've already queued a rebuild for this file that hasn't happened yet
138
+ if (pendingRebuilds.has(filePath)) {
139
+ return;
140
+ }
141
+ // We'll go ahead and add the file to the pending rebuilds list here
142
+ // It'll be removed when the rebuild starts unless the read fails
143
+ // which will be taken care of as well
144
+ pendingRebuilds.add(filePath);
145
+ async function enqueue() {
146
+ try {
147
+ // We need to read the file as early as possible outside of the chain
148
+ // because it may be gone by the time we get to it. doing the read
149
+ // immediately increases the chance that the file is still there
150
+ let content = await (0, _utils.readFileWithRetries)(_path.default.resolve(filePath));
151
+ if (content === undefined) {
152
+ return;
153
+ }
154
+ // This will push the rebuild onto the chain
155
+ // We MUST skip the rebuild check here otherwise the rebuild will never happen on Linux
156
+ // This is because the order of events and timing is different on Linux
157
+ // @ts-ignore: TypeScript isn't picking up that content is a string here
158
+ await recordChangedFile(filePath, ()=>content, true);
159
+ } catch {
160
+ // If reading the file fails, it's was probably a deleted temporary file
161
+ // So we can ignore it and no rebuild is needed
162
+ }
163
+ }
164
+ enqueue().then(()=>{
165
+ // If the file read fails we still need to make sure the file isn't stuck in the pending rebuilds list
166
+ pendingRebuilds.delete(filePath);
167
+ });
168
+ });
169
+ return {
170
+ fswatcher: watcher,
171
+ refreshWatchedFiles () {
172
+ watcher.add(Array.from(state.contextDependencies));
173
+ watcher.add(Array.from(state.configDependencies));
174
+ watcher.add(state.contentPatterns.all);
175
+ }
176
+ };
177
+ }
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "help", {
6
+ enumerable: true,
7
+ get: ()=>help
8
+ });
9
+ const _packageJson = /*#__PURE__*/ _interopRequireDefault(require("../../../../package.json"));
10
+ function _interopRequireDefault(obj) {
11
+ return obj && obj.__esModule ? obj : {
12
+ default: obj
13
+ };
14
+ }
15
+ function help({ message , usage , commands , options }) {
16
+ let indent = 2;
17
+ // Render header
18
+ console.log();
19
+ console.log(`${_packageJson.default.name} v${_packageJson.default.version}`);
20
+ // Render message
21
+ if (message) {
22
+ console.log();
23
+ for (let msg of message.split("\n")){
24
+ console.log(msg);
25
+ }
26
+ }
27
+ // Render usage
28
+ if (usage && usage.length > 0) {
29
+ console.log();
30
+ console.log("Usage:");
31
+ for (let example of usage){
32
+ console.log(" ".repeat(indent), example);
33
+ }
34
+ }
35
+ // Render commands
36
+ if (commands && commands.length > 0) {
37
+ console.log();
38
+ console.log("Commands:");
39
+ for (let command of commands){
40
+ console.log(" ".repeat(indent), command);
41
+ }
42
+ }
43
+ // Render options
44
+ if (options) {
45
+ let groupedOptions = {};
46
+ for (let [key, value] of Object.entries(options)){
47
+ if (typeof value === "object") {
48
+ groupedOptions[key] = {
49
+ ...value,
50
+ flags: [
51
+ key
52
+ ]
53
+ };
54
+ } else {
55
+ groupedOptions[value].flags.push(key);
56
+ }
57
+ }
58
+ console.log();
59
+ console.log("Options:");
60
+ for (let { flags , description , deprecated } of Object.values(groupedOptions)){
61
+ if (deprecated) continue;
62
+ if (flags.length === 1) {
63
+ console.log(" ".repeat(indent + 4 /* 4 = "-i, ".length */ ), flags.slice().reverse().join(", ").padEnd(20, " "), description);
64
+ } else {
65
+ console.log(" ".repeat(indent), flags.slice().reverse().join(", ").padEnd(24, " "), description);
66
+ }
67
+ }
68
+ }
69
+ console.log();
70
+ }