@tailwindcss/vite 0.0.0-development.1

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vite';
+
+declare function tailwindcss(): Plugin[];
+
+export { tailwindcss as default };

package/dist/index.mjs

@@ -0,0 +1,115 @@
+// src/index.ts
+import { IO, Parsing, parseCandidateStrings } from "@tailwindcss/oxide";
+import path from "path";
+import { compile, optimizeCss, preflight } from "tailwindcss";
+function tailwindcss() {
+  let server = null;
+  let candidates = /* @__PURE__ */ new Set();
+  let cssModules = /* @__PURE__ */ new Set();
+  function updateCssModules() {
+    if (!server)
+      return;
+    let updates = [];
+    for (let id of cssModules) {
+      let cssModule = server.moduleGraph.getModuleById(id);
+      if (!cssModule) {
+        console.log("Could not find css module", id);
+        continue;
+      }
+      server.moduleGraph.invalidateModule(cssModule);
+      updates.push({
+        type: `${cssModule.type}-update`,
+        path: cssModule.url,
+        acceptedPath: cssModule.url,
+        timestamp: Date.now()
+      });
+    }
+    if (updates.length > 0) {
+      server.ws.send({ type: "update", updates });
+    }
+  }
+  function scan(src, extension) {
+    for (let candidate of parseCandidateStrings(
+      [{ content: src, extension }],
+      IO.Sequential | Parsing.Sequential
+    )) {
+      if (candidate.includes("${")) {
+        continue;
+      }
+      candidates.add(candidate);
+    }
+  }
+  function generateCss(css) {
+    return css.replace("@tailwind;", optimizeCss(preflight + compile(Array.from(candidates))));
+  }
+  let initialScan = function() {
+    let delayInMs = 100;
+    let timer;
+    let resolve;
+    let resolved = false;
+    return {
+      tick() {
+        if (resolved)
+          return;
+        timer && clearTimeout(timer);
+        timer = setTimeout(resolve, delayInMs);
+      },
+      complete: new Promise((_resolve) => {
+        resolve = () => {
+          resolved = true;
+          _resolve();
+        };
+      })
+    };
+  }();
+  return [
+    {
+      // Step 1: Scan source files for candidates
+      name: "@tailwindcss/vite:scan",
+      enforce: "pre",
+      configureServer(_server) {
+        server = _server;
+      },
+      // Scan index.html for candidates
+      transformIndexHtml(html) {
+        initialScan.tick();
+        scan(html, "html");
+        if (server) {
+          updateCssModules();
+        }
+      },
+      // Scan all other files for candidates
+      transform(src, id) {
+        if (id.includes("/.vite/"))
+          return;
+        let [filename] = id.split("?", 2);
+        let extension = path.extname(filename).slice(1);
+        if (extension === "" || extension === "css")
+          return;
+        initialScan.tick();
+        scan(src, extension);
+        if (server) {
+          updateCssModules();
+        }
+      }
+    },
+    {
+      // Step 2: Generate CSS
+      name: "@tailwindcss/vite:generate",
+      async transform(src, id) {
+        let [filename] = id.split("?", 2);
+        let extension = path.extname(filename).slice(1);
+        if (extension !== "css")
+          return;
+        if (!src.includes("@tailwind"))
+          return;
+        cssModules.add(id);
+        await initialScan.complete;
+        return { code: generateCss(src) };
+      }
+    }
+  ];
+}
+export {
+  tailwindcss as default
+};

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@tailwindcss/vite",
+  "version": "0.0.0-development.1",
+  "scripts": {
+    "build": "tsup-node ./src/index.ts --format esm --dts",
+    "dev": "npm run build -- --watch"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "dependencies": {
+    "tailwindcss": "0.0.0-development.1",
+    "@tailwindcss/oxide": "0.0.0-development.1"
+  }
+}