@tailwindcss/postcss
Advanced tools
Comparing version 0.0.0-development.1 to 0.0.0-development.2
import { PluginCreator } from 'postcss'; | ||
interface PluginOptions { | ||
/** | ||
* The directory to scan for Tailwind CSS files. | ||
* Defaults to the current working directory. | ||
*/ | ||
base?: string; | ||
} | ||
@@ -5,0 +10,0 @@ declare const _default: PluginCreator<PluginOptions>; |
@@ -1,18 +0,22 @@ | ||
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/index.ts | ||
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/index.ts | ||
var _oxide = require('@tailwindcss/oxide'); | ||
require('postcss'); | ||
var _tailwindcss = require('tailwindcss'); | ||
var _oxide = require('@tailwindcss/oxide'); | ||
function tailwindcss(opts) { | ||
function tailwindcss(opts = {}) { | ||
let base = _nullishCoalesce(opts.base, () => ( process.cwd())); | ||
return { | ||
postcssPlugin: "tailwindcss-v4", | ||
AtRule: { | ||
import: async (atRule, { AtRule }) => { | ||
let isTailwind = atRule.params === "'tailwindcss'" || atRule.params === '"tailwindcss"'; | ||
if (!isTailwind) | ||
return; | ||
atRule.replaceWith(new AtRule({ name: "tailwind" })); | ||
}, | ||
// We must handle `@tailwind` because not all tools preserve `@import` | ||
// at-rules and replace them with their content before we see them. | ||
tailwind: async (atRule, { result, postcss }) => { | ||
console.time("Tailwind CSS"); | ||
console.time("Resolve project"); | ||
let project = _oxide.resolveProject.call(void 0, { base: process.cwd() }); | ||
console.timeEnd("Resolve project"); | ||
console.time("Compile CSS"); | ||
let css = _tailwindcss.preflight + _tailwindcss.compile.call(void 0, project.candidates); | ||
console.timeEnd("Compile CSS"); | ||
for (let file of project.files) { | ||
let scanResult = _oxide.scanDir.call(void 0, { base, globs: true }); | ||
let css = _tailwindcss.optimizeCss.call(void 0, _tailwindcss.preflight + _tailwindcss.compile.call(void 0, scanResult.candidates)); | ||
for (let file of scanResult.files) { | ||
result.messages.push({ | ||
@@ -25,7 +29,7 @@ type: "dependency", | ||
} | ||
for (let { base, glob } of project.globs) { | ||
for (let { base: base2, glob } of scanResult.globs) { | ||
result.messages.push({ | ||
type: "dir-dependency", | ||
plugin: "tailwindcss-v4", | ||
dir: base, | ||
dir: base2, | ||
glob, | ||
@@ -36,6 +40,5 @@ parent: result.opts.from | ||
console.time("Parsing CSS"); | ||
let result2 = postcss.parse(css); | ||
let nodes = postcss.parse(css); | ||
console.timeEnd("Parsing CSS"); | ||
atRule.replaceWith(result2); | ||
console.timeEnd("Tailwind CSS"); | ||
atRule.replaceWith(nodes); | ||
} | ||
@@ -42,0 +45,0 @@ } |
{ | ||
"name": "@tailwindcss/postcss", | ||
"version": "0.0.0-development.1", | ||
"version": "0.0.0-development.2", | ||
"scripts": { | ||
@@ -18,5 +18,5 @@ "build": "tsup-node ./src/index.ts --format cjs --dts --cjsInterop --splitting", | ||
"dependencies": { | ||
"tailwindcss": "0.0.0-development.1", | ||
"@tailwindcss/oxide": "0.0.0-development.1" | ||
"tailwindcss": "0.0.0-development.2", | ||
"@tailwindcss/oxide": "0.0.0-development.2" | ||
} | ||
} |
2696
58
+ Added@tailwindcss/oxide@0.0.0-development.2(transitive)
+ Added@tailwindcss/oxide-darwin-arm64@0.0.0-development.2(transitive)
+ Addedtailwindcss@0.0.0-development.2(transitive)
- Removed@tailwindcss/oxide@0.0.0-development.1(transitive)
- Removed@tailwindcss/oxide-darwin-arm64@0.0.0-development.1(transitive)
- Removedtailwindcss@0.0.0-development.1(transitive)