@tailwindcss/postcss 0.0.0-development.3 → 0.0.0-development.5

package/dist/index.d.ts

@@ -1,12 +1,8 @@
-import { PluginCreator } from 'postcss';
+import postcss from 'postcss';
 
-interface PluginOptions {
-    /**
-     * The directory to scan for Tailwind CSS files.
-     * Defaults to the current working directory.
-     */
+type PluginOptions = {
     base?: string;
-}
-declare const _default: PluginCreator<PluginOptions>;
+};
+declare const _default: postcss.PluginCreator<PluginOptions>;
 
 export = _default;

package/dist/index.js

@@ -1,27 +1,39 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/index.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/index.ts
 var _oxide = require('@tailwindcss/oxide');
-require('postcss');
+var _postcss = require('postcss'); var _postcss2 = _interopRequireDefault(_postcss);
+var _postcssimport = require('postcss-import'); var _postcssimport2 = _interopRequireDefault(_postcssimport);
 var _tailwindcss = require('tailwindcss');
 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)
+    plugins: [
+      // We need to run `postcss-import` first to handle `@import` rules.
+      _postcssimport2.default.call(void 0, ),
+      function(root, result) {
+        let hasApply = false;
+        let hasTailwind = false;
+        root.walkAtRules((rule) => {
+          if (rule.name === "apply") {
+            hasApply = true;
+          } else if (rule.name === "tailwind") {
+            hasApply = true;
+            hasTailwind = true;
+            return false;
+          }
+        });
+        if (!hasTailwind && !hasApply)
           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 }) => {
-        if (atRule.params !== void 0 && atRule.params !== "") {
-          throw atRule.error(`@tailwind does not accept any parameters.`);
+        function replaceCss(css) {
+          root.removeAll();
+          root.append(_postcss2.default.parse(_tailwindcss.optimizeCss.call(void 0, css), result.opts));
         }
-        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) {
+        if (!hasTailwind) {
+          replaceCss(_tailwindcss.compile.call(void 0, root.toString(), []));
+          return;
+        }
+        let { candidates, files, globs } = _oxide.scanDir.call(void 0, { base, globs: true });
+        for (let file of files) {
           result.messages.push({
             type: "dependency",
             plugin: "tailwindcss-v4",
@@ -29,7 +41,7 @@ function tailwindcss(opts = {}) {
             parent: result.opts.from
           });
         }
-        for (let { base: base2, glob } of scanResult.globs) {
+        for (let { base: base2, glob } of globs) {
           result.messages.push({
             type: "dir-dependency",
             plugin: "tailwindcss-v4",
@@ -38,10 +50,9 @@ function tailwindcss(opts = {}) {
             parent: result.opts.from
           });
         }
-        let nodes = postcss.parse(css);
-        atRule.replaceWith(nodes);
+        replaceCss(_tailwindcss.compile.call(void 0, root.toString(), candidates));
       }
-    }
+    ]
   };
 }
 var src_default = Object.assign(tailwindcss, { postcss: true });

package/package.json

@@ -1,21 +1,33 @@
 {
   "name": "@tailwindcss/postcss",
-  "version": "0.0.0-development.3",
-  "scripts": {
-    "build": "tsup-node ./src/index.ts --format cjs --dts --cjsInterop --splitting",
-    "dev": "npm run build -- --watch"
-  },
+  "version": "0.0.0-development.5",
+  "description": "PostCSS plugin for Tailwind CSS, a utility-first CSS framework for rapidly building custom user interfaces",
+  "license": "MIT",
+  "repository": "https://github.com/tailwindlabs/tailwindcss.git",
+  "bugs": "https://github.com/tailwindlabs/tailwindcss/issues",
+  "homepage": "https://tailwindcss.com",
   "files": [
-    "dist"
+    "dist/"
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.mts",
+      "types": "./dist/index.d.ts",
       "require": "./dist/index.js"
     }
   },
   "dependencies": {
-    "tailwindcss": "0.0.0-development.3",
-    "@tailwindcss/oxide": "0.0.0-development.3"
+    "postcss-import": "^16.0.0",
+    "@tailwindcss/oxide": "^0.0.0-development.5",
+    "tailwindcss": "^0.0.0-development.5"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.17",
+    "@types/postcss-import": "^14.0.3",
+    "postcss": "8.4.24"
+  },
+  "scripts": {
+    "lint": "tsc --noEmit",
+    "build": "tsup-node ./src/index.ts --format cjs --dts --cjsInterop --splitting",
+    "dev": "pnpm run build -- --watch"
   }
-}
+}