@tailwindcss/vite 4.0.0-alpha.1 → 4.0.0-alpha.3

package/README.md

@@ -0,0 +1,40 @@
+<p align="center">
+  <a href="https://tailwindcss.com" target="_blank">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-light.svg">
+      <img alt="Tailwind CSS" src="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/HEAD/.github/logo-light.svg" width="350" height="70" style="max-width: 100%;">
+    </picture>
+  </a>
+</p>
+
+<p align="center">
+  A utility-first CSS framework for rapidly building custom user interfaces.
+</p>
+
+<p align="center">
+    <a href="https://github.com/tailwindlabs/tailwindcss/actions"><img src="https://img.shields.io/github/actions/workflow/status/tailwindlabs/tailwindcss/ci.yml?branch=next" alt="Build Status"></a>
+    <a href="https://www.npmjs.com/package/tailwindcss"><img src="https://img.shields.io/npm/dt/tailwindcss.svg" alt="Total Downloads"></a>
+    <a href="https://github.com/tailwindcss/tailwindcss/releases"><img src="https://img.shields.io/npm/v/tailwindcss.svg" alt="Latest Release"></a>
+    <a href="https://github.com/tailwindcss/tailwindcss/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tailwindcss.svg" alt="License"></a>
+</p>
+
+---
+
+## Documentation
+
+For full documentation, visit [tailwindcss.com](https://tailwindcss.com).
+
+## Community
+
+For help, discussion about best practices, or any other conversation that would benefit from being searchable:
+
+[Discuss Tailwind CSS on GitHub](https://github.com/tailwindcss/tailwindcss/discussions)
+
+For chatting with others using the framework:
+
+[Join the Tailwind CSS Discord Server](https://discord.gg/7NF8GNe)
+
+## Contributing
+
+If you're interested in contributing to Tailwind CSS, please read our [contributing docs](https://github.com/tailwindcss/tailwindcss/blob/next/.github/CONTRIBUTING.md) **before submitting a pull request**.

package/dist/index.mjs

@@ -1,145 +1 @@
-// src/index.ts
-import { IO, Parsing, scanFiles } from "@tailwindcss/oxide";
-import path from "path";
-import { compile, optimizeCss } from "tailwindcss";
-function tailwindcss() {
-  let server = null;
-  let candidates = /* @__PURE__ */ new Set();
-  let cssModules = /* @__PURE__ */ new Set();
-  let minify = false;
-  function isCssFile(id) {
-    let [filename] = id.split("?", 2);
-    let extension = path.extname(filename).slice(1);
-    return extension === "css";
-  }
-  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.hot.send({ type: "update", updates });
-    }
-  }
-  function scan(src, extension) {
-    let updated = false;
-    for (let candidate of scanFiles(
-      [{ content: src, extension }],
-      IO.Sequential | Parsing.Sequential
-    )) {
-      if (!updated) {
-        if (candidates.has(candidate))
-          continue;
-        updated = true;
-      }
-      candidates.add(candidate);
-    }
-    return updated;
-  }
-  function generateCss(css) {
-    return optimizeCss(compile(css, Array.from(candidates)), { minify });
-  }
-  let initialScan = (() => {
-    let delayInMs = 50;
-    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;
-      },
-      async configResolved(config) {
-        minify = config.build.cssMinify !== false;
-      },
-      // Scan index.html for candidates
-      transformIndexHtml(html) {
-        initialScan.tick();
-        let updated = scan(html, "html");
-        if (server && updated) {
-          updateCssModules();
-        }
-      },
-      // Scan all other files for candidates
-      transform(src, id) {
-        initialScan.tick();
-        if (id.includes("/.vite/"))
-          return;
-        let [filename] = id.split("?", 2);
-        let extension = path.extname(filename).slice(1);
-        if (extension === "" || extension === "css")
-          return;
-        scan(src, extension);
-        if (server) {
-          updateCssModules();
-        }
-      }
-    },
-    {
-      // Step 2 (dev mode): Generate CSS
-      name: "@tailwindcss/vite:generate:serve",
-      apply: "serve",
-      async transform(src, id) {
-        if (!isCssFile(id) || !src.includes("@tailwind"))
-          return;
-        cssModules.add(id);
-        await initialScan.complete;
-        return { code: generateCss(src) };
-      }
-    },
-    {
-      // Step 2 (full build): Generate CSS
-      name: "@tailwindcss/vite:generate:build",
-      enforce: "post",
-      apply: "build",
-      generateBundle(_options, bundle) {
-        for (let id in bundle) {
-          let item = bundle[id];
-          if (item.type !== "asset")
-            continue;
-          if (!isCssFile(id))
-            continue;
-          let rawSource = item.source;
-          let source = rawSource instanceof Uint8Array ? new TextDecoder().decode(rawSource) : rawSource;
-          if (source.includes("@tailwind")) {
-            item.source = generateCss(source);
-          }
-        }
-      }
-    }
-  ];
-}
-export {
-  tailwindcss as default
-};
+import{IO as v,Parsing as y,scanFiles as w}from"@tailwindcss/oxide";import g from"path";import{compile as h,optimizeCss as S}from"tailwindcss";function x(){let s=null,l=new Set,a=new Set,u=!1;function d(e){let[t]=e.split("?",2);return g.extname(t).slice(1)==="css"}function c(){if(!s)return;let e=[];for(let t of a){let i=s.moduleGraph.getModuleById(t);if(!i){console.log("Could not find css module",t);continue}s.moduleGraph.invalidateModule(i),e.push({type:`${i.type}-update`,path:i.url,acceptedPath:i.url,timestamp:Date.now()})}e.length>0&&s.hot.send({type:"update",updates:e})}function f(e,t){let i=!1;for(let n of w([{content:e,extension:t}],v.Sequential|y.Sequential)){if(!i){if(l.has(n))continue;i=!0}l.add(n)}return i}function p(e){return S(h(e,Array.from(l)),{minify:u})}let o=(()=>{let e=50,t,i,n=!1;return{tick(){n||(t&&clearTimeout(t),t=setTimeout(i,e))},complete:new Promise(r=>{i=()=>{n=!0,r()}})}})();return[{name:"@tailwindcss/vite:scan",enforce:"pre",configureServer(e){s=e},async configResolved(e){u=e.build.cssMinify!==!1},transformIndexHtml(e){o.tick();let t=f(e,"html");s&&t&&c()},transform(e,t){if(o.tick(),t.includes("/.vite/"))return;let[i]=t.split("?",2),n=g.extname(i).slice(1);n===""||n==="css"||(f(e,n),s&&c())}},{name:"@tailwindcss/vite:generate:serve",apply:"serve",async transform(e,t){if(!(!d(t)||!e.includes("@tailwind")))return a.add(t),await o.complete,{code:p(e)}}},{name:"@tailwindcss/vite:generate:build",enforce:"post",apply:"build",generateBundle(e,t){for(let i in t){let n=t[i];if(n.type!=="asset"||!d(i))continue;let r=n.source,m=r instanceof Uint8Array?new TextDecoder().decode(r):r;m.includes("@tailwind")&&(n.source=p(m))}}}]}export{x as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailwindcss/vite",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.3",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "repository": "https://github.com/tailwindlabs/tailwindcss.git",
@@ -16,15 +16,15 @@
     }
   },
   "dependencies": {
-    "@tailwindcss/oxide": "4.0.0-alpha.1",
-    "tailwindcss": "4.0.0-alpha.1"
+    "@tailwindcss/oxide": "4.0.0-alpha.3",
+    "tailwindcss": "4.0.0-alpha.3"
   },
   "devDependencies": {
     "@types/node": "^20.11.17",
     "vite": "^5.0.11"
   },
   "scripts": {
-    "build": "tsup-node ./src/index.ts --format esm --dts",
+    "build": "tsup-node ./src/index.ts --format esm --dts --minify --clean",
     "dev": "pnpm run build -- --watch"
   }
 }