tailwindcss 4.0.0-alpha.1 → 4.0.0-alpha.3

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.
package/dist/cli.mjs DELETED
@@ -1,432 +0,0 @@
1
- #!/usr/bin/env node
2
- import { __require, optimizeCss, compile, version } from './chunk-GNCUPSHB.mjs';
3
- import parse from 'mri';
4
- import watcher from '@parcel/watcher';
5
- import { scanDir, clearCache, scanFiles, IO, Parsing } from '@tailwindcss/oxide';
6
- import { existsSync } from 'node:fs';
7
- import fs from 'node:fs/promises';
8
- import path3 from 'node:path';
9
- import postcss from 'postcss';
10
- import atImport from 'postcss-import';
11
- import pc from 'picocolors';
12
- import { createRequire } from 'node:module';
13
-
14
- function args(options2, argv = process.argv.slice(2)) {
15
- let parsed = parse(argv);
16
- let result = {
17
- _: parsed._
18
- };
19
- for (let [
20
- flag,
21
- { type, alias, default: defaultValue = type === "boolean" ? false : null }
22
- ] of Object.entries(options2)) {
23
- result[flag] = defaultValue;
24
- if (alias) {
25
- let key = alias.slice(1);
26
- if (parsed[key] !== void 0) {
27
- result[flag] = convert(parsed[key], type);
28
- }
29
- }
30
- {
31
- let key = flag.slice(2);
32
- if (parsed[key] !== void 0) {
33
- result[flag] = convert(parsed[key], type);
34
- }
35
- }
36
- }
37
- return result;
38
- }
39
- function convert(value, type) {
40
- switch (type) {
41
- case "string":
42
- return convertString(value);
43
- case "boolean":
44
- return convertBoolean(value);
45
- case "number":
46
- return convertNumber(value);
47
- case "boolean | string":
48
- return convertBoolean(value) ?? convertString(value);
49
- case "number | string":
50
- return convertNumber(value) ?? convertString(value);
51
- case "boolean | number":
52
- return convertBoolean(value) ?? convertNumber(value);
53
- case "boolean | number | string":
54
- return convertBoolean(value) ?? convertNumber(value) ?? convertString(value);
55
- default:
56
- throw new Error(`Unhandled type: ${type}`);
57
- }
58
- }
59
- function convertBoolean(value) {
60
- if (value === true || value === false) {
61
- return value;
62
- }
63
- if (value === "true") {
64
- return true;
65
- }
66
- if (value === "false") {
67
- return false;
68
- }
69
- }
70
- function convertNumber(value) {
71
- if (typeof value === "number") {
72
- return value;
73
- }
74
- {
75
- let valueAsNumber = Number(value);
76
- if (!Number.isNaN(valueAsNumber)) {
77
- return valueAsNumber;
78
- }
79
- }
80
- }
81
- function convertString(value) {
82
- return `${value}`;
83
- }
84
-
85
- // src/cli/utils/format-ns.ts
86
- function formatNanoseconds(input) {
87
- let ns = typeof input === "number" ? BigInt(input) : input;
88
- if (ns < 1000n)
89
- return `${ns}ns`;
90
- ns /= 1000n;
91
- if (ns < 1000n)
92
- return `${ns}\xB5s`;
93
- ns /= 1000n;
94
- if (ns < 1000n)
95
- return `${ns}ms`;
96
- ns /= 1000n;
97
- if (ns < 60n)
98
- return `${ns}s`;
99
- ns /= 60n;
100
- if (ns < 60n)
101
- return `${ns}m`;
102
- ns /= 60n;
103
- if (ns < 24n)
104
- return `${ns}h`;
105
- ns /= 24n;
106
- return `${ns}d`;
107
- }
108
-
109
- // src/cli/utils/renderer.ts
110
- var UI = {
111
- indent: 2
112
- };
113
- function header() {
114
- return `${pc.italic(pc.bold(pc.blue("\u2248")))} tailwindcss ${pc.blue(`v${version}`)}`;
115
- }
116
- function highlight(file) {
117
- return `${pc.dim(pc.blue("`"))}${pc.blue(file)}${pc.dim(pc.blue("`"))}`;
118
- }
119
- function relative(to, from = process.cwd(), { preferAbsoluteIfShorter = true } = {}) {
120
- let result = path3.relative(from, to);
121
- if (!result.startsWith("..")) {
122
- result = `.${path3.sep}${result}`;
123
- }
124
- if (preferAbsoluteIfShorter && result.length > to.length) {
125
- return to;
126
- }
127
- return result;
128
- }
129
- function wordWrap(text, width) {
130
- let words = text.split(" ");
131
- let lines = [];
132
- let line = "";
133
- let lineLength = 0;
134
- for (let word of words) {
135
- let wordLength = clearAnsiEscapes(word).length;
136
- if (lineLength + wordLength + 1 > width) {
137
- lines.push(line);
138
- line = "";
139
- lineLength = 0;
140
- }
141
- line += (lineLength ? " " : "") + word;
142
- lineLength += wordLength + (lineLength ? 1 : 0);
143
- }
144
- if (lineLength) {
145
- lines.push(line);
146
- }
147
- return lines;
148
- }
149
- var ESCAPE = /((?:\x9B|\x1B\[)[0-?]*[ -\/]*[@-~])/g;
150
- function clearAnsiEscapes(input) {
151
- return input.replace(ESCAPE, "");
152
- }
153
- function formatDuration(ns) {
154
- let formatted = formatNanoseconds(ns);
155
- if (ns <= 50 * 1e6)
156
- return pc.green(formatted);
157
- if (ns <= 300 * 1e6)
158
- return pc.blue(formatted);
159
- if (ns <= 1e3 * 1e6)
160
- return pc.yellow(formatted);
161
- return pc.red(formatted);
162
- }
163
- function indent(value, offset = 0) {
164
- return `${" ".repeat(offset + UI.indent)}${value}`;
165
- }
166
- function eprintln(value = "") {
167
- process.stderr.write(`${value}
168
- `);
169
- }
170
- function println(value = "") {
171
- process.stdout.write(`${value}
172
- `);
173
- }
174
- var resolve = typeof __require?.resolve !== "undefined" ? __require.resolve : createRequire(import.meta.url).resolve;
175
- function drainStdin() {
176
- return new Promise((resolve2, reject) => {
177
- let result = "";
178
- process.stdin.on("data", (chunk) => {
179
- result += chunk;
180
- });
181
- process.stdin.on("end", () => resolve2(result));
182
- process.stdin.on("error", (err) => reject(err));
183
- });
184
- }
185
- async function outputFile(file, contents) {
186
- try {
187
- let currentContents = await fs.readFile(file, "utf8");
188
- if (currentContents === contents)
189
- return;
190
- } catch {
191
- }
192
- await fs.mkdir(path3.dirname(file), { recursive: true });
193
- await fs.writeFile(file, contents, "utf8");
194
- }
195
-
196
- // src/cli/commands/build/index.ts
197
- var css = String.raw;
198
- function options() {
199
- return {
200
- "--input": {
201
- type: "string",
202
- description: "Input file",
203
- alias: "-i"
204
- },
205
- "--output": {
206
- type: "string",
207
- description: "Output file",
208
- alias: "-o"
209
- },
210
- "--watch": {
211
- type: "boolean | string",
212
- description: "Watch for changes and rebuild as needed",
213
- alias: "-w"
214
- },
215
- "--minify": {
216
- type: "boolean",
217
- description: "Minify the output",
218
- alias: "-m"
219
- },
220
- "--cwd": {
221
- type: "string",
222
- description: "The current working directory",
223
- default: "."
224
- }
225
- };
226
- }
227
- async function handle(args2) {
228
- let base = path3.resolve(args2["--cwd"]);
229
- if (args2["--output"]) {
230
- args2["--output"] = path3.resolve(base, args2["--output"]);
231
- }
232
- if (args2["--input"] && args2["--input"] !== "-") {
233
- args2["--input"] = path3.resolve(base, args2["--input"]);
234
- if (!existsSync(args2["--input"])) {
235
- eprintln(header());
236
- eprintln();
237
- eprintln(`Specified input file ${highlight(relative(args2["--input"]))} does not exist.`);
238
- process.exit(1);
239
- }
240
- }
241
- let start = process.hrtime.bigint();
242
- let { candidates } = scanDir({ base });
243
- let [input, cssImportPaths] = await handleImports(
244
- args2["--input"] ? args2["--input"] === "-" ? await drainStdin() : await fs.readFile(args2["--input"], "utf-8") : css`
245
- @import '${resolve("tailwindcss/index.css")}';
246
- `,
247
- args2["--input"] ?? base
248
- );
249
- let result = optimizeCss(compile(input, candidates), {
250
- file: args2["--input"] ?? "input.css",
251
- minify: args2["--minify"]
252
- });
253
- if (args2["--output"]) {
254
- await outputFile(args2["--output"], result);
255
- } else {
256
- println(result);
257
- }
258
- let end = process.hrtime.bigint();
259
- eprintln(header());
260
- eprintln();
261
- eprintln(`Done in ${formatDuration(end - start)}`);
262
- if (args2["--watch"]) {
263
- await watcher.subscribe(base, async (err, events) => {
264
- if (err) {
265
- console.error(err);
266
- return;
267
- }
268
- try {
269
- if (events.length === 1 && events[0].path === args2["--output"])
270
- return;
271
- let changedFiles = [];
272
- let rebuildStrategy = "incremental";
273
- for (let event of events) {
274
- if (event.type === "create" || event.type === "update") {
275
- changedFiles.push({
276
- file: event.path,
277
- extension: path3.extname(event.path).slice(1)
278
- });
279
- }
280
- if (cssImportPaths.includes(event.path)) {
281
- rebuildStrategy = "full";
282
- break;
283
- }
284
- }
285
- let start2 = process.hrtime.bigint();
286
- if (rebuildStrategy === "full") {
287
- clearCache();
288
- candidates = scanDir({ base }).candidates;
289
- } else if (rebuildStrategy === "incremental") {
290
- let uniqueCandidates = new Set(candidates);
291
- for (let candidate of scanFiles(changedFiles, IO.Sequential | Parsing.Sequential)) {
292
- uniqueCandidates.add(candidate);
293
- }
294
- candidates = Array.from(uniqueCandidates);
295
- }
296
- if (rebuildStrategy === "full") {
297
- ;
298
- [input, cssImportPaths] = await handleImports(
299
- args2["--input"] ? await fs.readFile(args2["--input"], "utf-8") : css`
300
- @import '${resolve("tailwindcss/index.css")}';
301
- `,
302
- args2["--input"] ?? base
303
- );
304
- }
305
- let result2 = optimizeCss(compile(input, candidates), {
306
- file: args2["--input"] ?? "input.css",
307
- minify: args2["--minify"]
308
- });
309
- if (args2["--output"]) {
310
- await outputFile(args2["--output"], result2);
311
- } else {
312
- println(result2);
313
- }
314
- let end2 = process.hrtime.bigint();
315
- eprintln(`Done in ${formatDuration(end2 - start2)}`);
316
- } catch (err2) {
317
- if (err2 instanceof Error) {
318
- eprintln(err2.toString());
319
- }
320
- }
321
- });
322
- if (args2["--watch"] !== "always") {
323
- process.stdin.on("end", () => {
324
- process.exit(0);
325
- });
326
- }
327
- process.stdin.resume();
328
- }
329
- }
330
- function handleImports(input, file) {
331
- if (!input.includes("@import"))
332
- return [input, []];
333
- return postcss().use(atImport()).process(input, { from: file }).then((result) => [
334
- result.css,
335
- // Use `result.messages` to get the imported files. This also includes the
336
- // current file itself.
337
- result.messages.filter((msg) => msg.type === "postcss-import").map((msg) => msg.file)
338
- ]);
339
- }
340
- function help({
341
- invalid,
342
- usage,
343
- options: options2
344
- }) {
345
- let width = process.stdout.columns;
346
- println(header());
347
- if (invalid) {
348
- println();
349
- println(`${pc.dim("Invalid command:")} ${invalid}`);
350
- }
351
- if (usage && usage.length > 0) {
352
- println();
353
- println(pc.dim("Usage:"));
354
- for (let [idx, example] of usage.entries()) {
355
- let command2 = example.slice(0, example.indexOf("["));
356
- let options3 = example.slice(example.indexOf("["));
357
- options3 = options3.replace(/\[.*?\]/g, (option) => pc.dim(option));
358
- let space = 1;
359
- let lines = wordWrap(options3, width - UI.indent - command2.length - space);
360
- if (lines.length > 1 && idx !== 0) {
361
- println();
362
- }
363
- println(indent(`${command2}${lines.shift()}`));
364
- for (let line of lines) {
365
- println(indent(line, command2.length));
366
- }
367
- }
368
- }
369
- if (options2) {
370
- let maxAliasLength = 0;
371
- for (let { alias } of Object.values(options2)) {
372
- if (alias) {
373
- maxAliasLength = Math.max(maxAliasLength, alias.length);
374
- }
375
- }
376
- let optionStrings = [];
377
- let maxOptionLength = 0;
378
- for (let [flag, { alias }] of Object.entries(options2)) {
379
- let option = [
380
- alias ? `${alias.padStart(maxAliasLength)}` : alias,
381
- alias ? flag : " ".repeat(
382
- maxAliasLength + 2
383
- /* `, `.length */
384
- ) + flag
385
- ].filter(Boolean).join(", ");
386
- optionStrings.push(option);
387
- maxOptionLength = Math.max(maxOptionLength, option.length);
388
- }
389
- println();
390
- println(pc.dim("Options:"));
391
- let minimumGap = 8;
392
- for (let { description, default: defaultValue = null } of Object.values(options2)) {
393
- let option = optionStrings.shift();
394
- let dotCount = minimumGap + (maxOptionLength - option.length);
395
- let spaces = 2;
396
- let availableWidth = width - option.length - dotCount - spaces - UI.indent;
397
- let lines = wordWrap(
398
- defaultValue !== null ? `${description} ${pc.dim(`[default:\u202F${highlight(`${defaultValue}`)}]`)}` : description,
399
- availableWidth
400
- );
401
- println(
402
- indent(`${pc.blue(option)} ${pc.dim(pc.gray("\xB7")).repeat(dotCount)} ${lines.shift()}`)
403
- );
404
- for (let line of lines) {
405
- println(indent(`${" ".repeat(option.length + dotCount + spaces)}${line}`));
406
- }
407
- }
408
- }
409
- }
410
-
411
- // src/cli/index.ts
412
- var sharedOptions = {
413
- "--help": { type: "boolean", description: "Display usage information", alias: "-h" }
414
- };
415
- var shared = args(sharedOptions);
416
- var command = shared._[0];
417
- if (command) {
418
- help({
419
- invalid: command,
420
- usage: ["tailwindcss [options]"],
421
- options: { ...options(), ...sharedOptions }
422
- });
423
- process.exit(1);
424
- }
425
- if (process.stdout.isTTY && !process.argv.slice(2).includes("-o") || shared["--help"]) {
426
- help({
427
- usage: ["tailwindcss [--input input.css] [--output output.css] [--watch] [options\u2026]"],
428
- options: { ...options(), ...sharedOptions }
429
- });
430
- process.exit(0);
431
- }
432
- handle(args(options()));