@unocss/vite 0.3.0 → 0.4.3

package/dist/index.js

@@ -25,7 +25,9 @@ var __toModule = (module2) => {
 // src/index.ts
 __export(exports, {
   ChunkModeBuildPlugin: () => ChunkModeBuildPlugin,
+  GlobalModeBuildPlugin: () => GlobalModeBuildPlugin,
   GlobalModeDevPlugin: () => GlobalModeDevPlugin,
+  GlobalModePlugin: () => GlobalModePlugin,
   PerModuleModePlugin: () => PerModuleModePlugin,
   VueScopedPlugin: () => VueScopedPlugin,
   default: () => UnocssPlugin
@@ -271,8 +273,7 @@ var variantMatcher = (name, selector) => {
 
 // ../preset-uno/src/rules/color.ts
 var import_core = __toModule(require("@unocss/core"));
-var colorResolver = (attribute, varName) => ([, body], { theme: theme2 }) => {
-  var _a;
+var extractColor = (body) => {
   const [main, opacity2] = body.split(/(?:\/|:)/);
   const [name, no = "DEFAULT"] = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
   if (!name)
@@ -283,6 +284,17 @@ var colorResolver = (attribute, varName) => ([, body], { theme: theme2 }) => {
     color = bracket2.slice(1);
   if (bracket2.startsWith("hex-"))
     color = bracket2.slice(4);
+  return { opacity: opacity2, name, no, color };
+};
+var colorResolver = (attribute, varName) => ([, body], { theme: theme2 }) => {
+  var _a;
+  const data = extractColor(body);
+  if (!data)
+    return;
+  const { opacity: opacity2, name, no, color } = data;
+  if (!name)
+    return;
+  let useColor = color;
   if (!color) {
     if (name === "transparent") {
       return {
@@ -297,13 +309,13 @@ var colorResolver = (attribute, varName) => ([, body], { theme: theme2 }) => {
         [attribute]: "currentColor"
       };
     }
-    color = (_a = theme2.colors) == null ? void 0 : _a[name];
-    if (no && color && typeof color !== "string")
-      color = color[no];
+    useColor = (_a = theme2.colors) == null ? void 0 : _a[name];
+    if (no && useColor && typeof useColor !== "string")
+      useColor = useColor[no];
   }
-  if (typeof color !== "string")
+  if (typeof useColor !== "string")
     return;
-  const rgba = (0, import_core.hex2rgba)(color);
+  const rgba = (0, import_core.hex2rgba)(useColor);
   if (rgba) {
     const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
     if (a != null && !Number.isNaN(a)) {
@@ -385,6 +397,174 @@ function handlerRounded([, a, b], { theme: theme2 }) {
     return cornerMap[d].map((i) => [`border${i}-radius`, v]);
 }
 
+// ../preset-uno/src/rules/background.ts
+var import_core2 = __toModule(require("@unocss/core"));
+var colorResolver2 = (mode) => ([, body], { theme: theme2 }) => {
+  var _a;
+  const data = extractColor(body);
+  if (!data)
+    return;
+  const { opacity: opacity2, name, no, color } = data;
+  if (!name)
+    return;
+  let useColor = color;
+  if (!color) {
+    if (name === "transparent") {
+      switch (mode) {
+        case "from":
+          return {
+            "--un-gradient-from": "transparent",
+            "--un-gradient-stops": "var(--un-gradient-from), var(--un-gradient-to, rgba(255, 255, 255, 0))"
+          };
+        case "via":
+          return {
+            "--un-gradient-stops": "var(--un-gradient-from), transparent, var(--un-gradient-to, rgba(255, 255, 255, 0))"
+          };
+        case "to":
+          return {
+            "--un-gradient-to": "transparent"
+          };
+      }
+    } else if (name === "current") {
+      switch (mode) {
+        case "from":
+          return {
+            "--un-gradient-from": "currentColor",
+            "--un-gradient-stops": "var(--un-gradient-from), var(--un-gradient-to, rgba(255, 255, 255, 0))"
+          };
+        case "via":
+          return {
+            "--un-gradient-stops": "var(--un-gradient-from), currentColor, var(--un-gradient-to, rgba(255, 255, 255, 0))"
+          };
+        case "to":
+          return {
+            "--un-gradient-to": "currentColor"
+          };
+      }
+    }
+    useColor = (_a = theme2.colors) == null ? void 0 : _a[name];
+    if (no && useColor && typeof useColor !== "string")
+      useColor = useColor[no];
+  }
+  if (typeof useColor !== "string")
+    return;
+  const rgba = (0, import_core2.hex2rgba)(useColor);
+  if (rgba) {
+    const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
+    if (a != null && !Number.isNaN(a)) {
+      rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
+      useColor = rgba.join(",");
+    } else {
+      useColor = rgba.slice(0, 3).join(",");
+    }
+    switch (mode) {
+      case "from":
+        return {
+          "--un-gradient-from": `rgba(${useColor}, var(--un-from-opacity, 1))`,
+          "--un-gradient-stops": "var(--un-gradient-from), var(--un-gradient-to, rgba(255, 255, 255, 0))"
+        };
+      case "via":
+        return {
+          "--un-gradient-stops": `var(--un-gradient-from), rgba(${useColor}, var(--un-via-opacity, 1)), var(--un-gradient-to, rgba(255, 255, 255, 0))`
+        };
+      case "to":
+        return {
+          "--un-gradient-to": `rgba(${useColor}, var(--un-to-opacity, 1))`
+        };
+    }
+  }
+};
+var bgAttachments = [
+  ["bg-fixed", { "background-attachment": "fixed" }],
+  ["bg-local", { "background-attachment": "local" }],
+  ["bg-scroll", { "background-attachment": "scroll" }]
+];
+var bgBlendModes = [
+  ["bg-blend-normal", { "background-blend-mode": "normal" }],
+  ["bg-blend-multiply", { "background-blend-mode": "multiply" }],
+  ["bg-blend-screen", { "background-blend-mode": "screen" }],
+  ["bg-blend-overlay", { "background-blend-mode": "overlay" }],
+  ["bg-blend-darken", { "background-blend-mode": "darken" }],
+  ["bg-blend-lighten", { "background-blend-mode": "lighten" }],
+  ["bg-blend-color-dodge", { "background-blend-mode": "color-dodge" }],
+  ["bg-blend-color-burn", { "background-blend-mode": "color-burn" }],
+  ["bg-blend-hard-light", { "background-blend-mode": "hard-light" }],
+  ["bg-blend-soft-light", { "background-blend-mode": "soft-light" }],
+  ["bg-blend-difference", { "background-blend-mode": "difference" }],
+  ["bg-blend-exclusion", { "background-blend-mode": "exclusion" }],
+  ["bg-blend-hue", { "background-blend-mode": "hue" }],
+  ["bg-blend-saturation", { "background-blend-mode": "saturation" }],
+  ["bg-blend-color", { "background-blend-mode": "color" }],
+  ["bg-blend-luminosity", { "background-blend-mode": "luminosity" }]
+];
+var bgClips = [
+  ["bg-clip-border", { "-webkit-background-clip": "border-box", "background-attachment": "border-box" }],
+  ["bg-clip-content", { "-webkit-background-clip": "content-box", "background-attachment": "content-box" }],
+  ["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-attachment": "padding-box" }],
+  ["bg-clip-text", { "-webkit-background-clip": "text", "background-attachment": "text" }]
+];
+var bgGradients = [
+  [/^from-(.+)$/, colorResolver2("from")],
+  [/^to-(.+)$/, colorResolver2("to")],
+  [/^via-(.+)$/, colorResolver2("via")]
+];
+var bgImages = [
+  ["bg-none", { "background-image": "none" }],
+  ["bg-gradient-to-t", {
+    "background-image": "linear-gradient(to top, var(--un-gradient-stops))"
+  }],
+  ["bg-gradient-to-tr", {
+    "background-image": "linear-gradient(to top right, var(--un-gradient-stops))"
+  }],
+  ["bg-gradient-to-r", {
+    "background-image": "linear-gradient(to right, var(--un-gradient-stops))"
+  }],
+  ["bg-gradient-to-br", {
+    "background-image": "linear-gradient(to bottom right, var(--un-gradient-stops))"
+  }],
+  ["bg-gradient-to-b", {
+    "background-image": "linear-gradient(to bottom, var(--un-gradient-stops))"
+  }],
+  ["bg-gradient-to-bl", {
+    "background-image": "linear-gradient(to bottom left, var(--un-gradient-stops))"
+  }],
+  ["bg-gradient-to-l", {
+    "background-image": "linear-gradient(to left, var(--un-gradient-stops))"
+  }],
+  ["bg-gradient-to-tl", {
+    "background-image": "linear-gradient(to top left, var(--un-gradient-stops))"
+  }]
+];
+var bgOrigins = [
+  ["bg-origin-border", { "background-origin": "border-box" }],
+  ["bg-origin-padding", { "background-origin": "padding-box" }],
+  ["bg-origin-content", { "background-origin": "content-box" }]
+];
+var bgPositions = [
+  ["bg-bottom", { "background-position": "bottom" }],
+  ["bg-center", { "background-position": "center" }],
+  ["bg-left", { "background-position": "left" }],
+  ["bg-left-bottom", { "background-position": "left bottom" }],
+  ["bg-left-top", { "background-position": "left top" }],
+  ["bg-right", { "background-position": "right" }],
+  ["bg-right-bottom", { "background-position": "right bottom" }],
+  ["bg-right-top", { "background-position": "right top" }],
+  ["bg-top", { "background-position": "top" }]
+];
+var bgRepeats = [
+  ["bg-repeat", { "background-repeat": "repeat" }],
+  ["bg-no-repeat", { "background-repeat": "no-repeat" }],
+  ["bg-repeat-x", { "background-position": "repeat-x" }],
+  ["bg-repeat-y", { "background-position": "repeat-y" }],
+  ["bg-repeat-round", { "background-position": "round" }],
+  ["bg-repeat-space", { "background-position": "space" }]
+];
+var bgSizes = [
+  ["bg-auto", { "background-size": "auto" }],
+  ["bg-cover", { "background-repeat": "cover" }],
+  ["bg-contain", { "background-position": "contain" }]
+];
+
 // ../preset-uno/src/rules/filters.ts
 var filterContnet = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia) var(--un-drop-shadow)";
 var init = {
@@ -429,7 +609,7 @@ var flex = [
 ];
 
 // ../preset-uno/src/rules/font.ts
-var import_core2 = __toModule(require("@unocss/core"));
+var import_core3 = __toModule(require("@unocss/core"));
 var fontsFamilies = [
   [/^font-(\w+)$/, ([, d], { theme: theme2 }) => {
     var _a;
@@ -455,7 +635,7 @@ var weightMap = {
 var fontSizes = [
   [/^text-([^-]+)$/, ([, s = "base"], { theme: theme2 }) => {
     var _a;
-    const result = (0, import_core2.toArray)(((_a = theme2.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s));
+    const result = (0, import_core3.toArray)(((_a = theme2.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s));
     if (result == null ? void 0 : result[0]) {
       const [size, height = "1"] = result;
       return {
@@ -526,10 +706,10 @@ var gaps = [
 ];
 
 // ../preset-uno/src/rules/grid.ts
-var import_core3 = __toModule(require("@unocss/core"));
+var import_core4 = __toModule(require("@unocss/core"));
 var calSize = (s, theme2) => {
   var _a;
-  return (0, import_core3.toArray)(((_a = theme2.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s))[0];
+  return (0, import_core4.toArray)(((_a = theme2.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s))[0];
 };
 var isNumber = (s) => !isNaN(Number(s));
 var autoDirection = (selector, theme2) => {
@@ -896,7 +1076,16 @@ var rules = [
   margins,
   displays,
   opacity,
+  bgAttachments,
+  bgBlendModes,
+  bgClips,
   bgColors,
+  bgGradients,
+  bgImages,
+  bgOrigins,
+  bgPositions,
+  bgSizes,
+  bgRepeats,
   borders,
   fonts,
   textOverflows,
@@ -1388,18 +1577,8 @@ var variantColorsClass = [
 ];
 
 // ../preset-uno/src/variants/pseudo.ts
-var import_core4 = __toModule(require("@unocss/core"));
-function createPseudoClassVariant(name, pseudo = name) {
-  return [
-    variantMatcher(name, (input) => `${input}:${pseudo}`),
-    variantMatcher(`not-${name}`, (input) => `${input}:not(:${pseudo})`),
-    variantMatcher(`group-${name}`, (input) => `.group:${pseudo} ${input}`)
-  ];
-}
-function createPseudoElementVariant(name) {
-  return variantMatcher(name, (input) => `${input}::${name}`);
-}
-var variantPseudoClasses = [
+var import_core5 = __toModule(require("@unocss/core"));
+var PseudoClasses = Object.fromEntries([
   "active",
   "checked",
   "default",
@@ -1431,14 +1610,57 @@ var variantPseudoClasses = [
   ["even", "nth-child(even)"],
   ["odd-of-type", "nth-of-type(odd)"],
   ["odd", "nth-child(odd)"]
-].flatMap((i) => createPseudoClassVariant(...(0, import_core4.toArray)(i)));
-var variantPseudoElements = [
+].map(import_core5.toArray));
+var PseudoElements = [
   "before",
   "after",
   "first-letter",
   "first-line",
   "selection"
-].map(createPseudoElementVariant);
+];
+var PseudoElementsRE = new RegExp(`^(${PseudoElements.join("|")})[:-]`);
+var PseudoClassesStr = Object.keys(PseudoClasses).join("|");
+var PseudoClassesRE = new RegExp(`^(${PseudoClassesStr})[:-]`);
+var PseudoClassesNotRE = new RegExp(`^not-(${PseudoClassesStr})[:-]`);
+var PseudoClassesGroupRE = new RegExp(`^group-(${PseudoClassesStr})[:-]`);
+var variantPseudoElements = (input) => {
+  const match = input.match(PseudoElementsRE);
+  if (match) {
+    return {
+      matcher: input.slice(match[1].length + 1),
+      selector: (input2) => `${input2}::${match[1]}`
+    };
+  }
+};
+var variantPseudoClasses = {
+  match: (input) => {
+    let match = input.match(PseudoClassesRE);
+    if (match) {
+      const pseudo = PseudoClasses[match[1]] || match[1];
+      return {
+        matcher: input.slice(match[1].length + 1),
+        selector: (input2) => `${input2}:${pseudo}`
+      };
+    }
+    match = input.match(PseudoClassesNotRE);
+    if (match) {
+      const pseudo = PseudoClasses[match[1]] || match[1];
+      return {
+        matcher: input.slice(match[1].length + 5),
+        selector: (input2) => `${input2}:not(:${pseudo})`
+      };
+    }
+    match = input.match(PseudoClassesGroupRE);
+    if (match) {
+      const pseudo = PseudoClasses[match[1]] || match[1];
+      return {
+        matcher: input.slice(match[1].length + 7),
+        selector: (input2) => `.group:${pseudo} ${input2}`
+      };
+    }
+  },
+  multiPass: true
+};
 
 // ../preset-uno/src/variants/index.ts
 var variantImportant = {
@@ -1480,8 +1702,8 @@ var variants = [
   variantBreakpoints,
   ...variantChildren,
   ...variantColorsClass,
-  ...variantPseudoClasses,
-  ...variantPseudoElements
+  variantPseudoClasses,
+  variantPseudoElements
 ];
 
 // ../preset-uno/src/index.ts
@@ -1493,16 +1715,16 @@ var preset = () => ({
 var src_default = preset;
 
 // ../preset-attributify/src/index.ts
-var import_core7 = __toModule(require("@unocss/core"));
+var import_core8 = __toModule(require("@unocss/core"));
 
 // ../preset-attributify/src/extractor.ts
-var import_core5 = __toModule(require("@unocss/core"));
+var import_core6 = __toModule(require("@unocss/core"));
 var strippedPrefixes = [
   "v-bind:",
   ":"
 ];
 var splitterRE = /[\s'"`;]+/g;
-var elementRE = /<[\w:\.$-]+\s((?:'[\s\S]*?'|"[\s\S]*?"|`[\s\S]*?`|\{[\s\S]*?\}|[\s\S]*?)*?)>/g;
+var elementRE = /<[\w][\w:\.$-]+\s((?:'[\s\S]*?'|"[\s\S]*?"|`[\s\S]*?`|\{[\s\S]*?\}|[\s\S]*?)*?)>/g;
 var valuedAttributeRE = /([\w:-]+)(?:=(["'])([^\2]+?)\2)?/g;
 var extractorAttributify = (options) => (code) => {
   const result = Array.from(code.matchAll(elementRE)).flatMap((match) => Array.from((match[1] || "").matchAll(valuedAttributeRE))).flatMap(([, name, _, content]) => {
@@ -1513,12 +1735,12 @@ var extractorAttributify = (options) => (code) => {
       }
     }
     if (!content) {
-      if ((0, import_core5.isValidSelector)(name) && (options == null ? void 0 : options.nonValuedAttribute) !== false)
+      if ((0, import_core6.isValidSelector)(name) && (options == null ? void 0 : options.nonValuedAttribute) !== false)
         return [`[${name}=""]`];
       return [];
     }
     if (["class", "className"].includes(name)) {
-      return content.split(splitterRE).filter(import_core5.isValidSelector);
+      return content.split(splitterRE).filter(import_core6.isValidSelector);
     } else {
       return content.split(splitterRE).filter(Boolean).map((v) => `[${name}~="${v}"]`);
     }
@@ -1527,13 +1749,13 @@ var extractorAttributify = (options) => (code) => {
 };
 
 // ../preset-attributify/src/variant.ts
-var import_core6 = __toModule(require("@unocss/core"));
+var import_core7 = __toModule(require("@unocss/core"));
 var variantsRE = /^(.+\:\!?)?(.*?)$/;
 var variantAttributify = (options = {}) => {
   var _a;
   const prefix = (_a = options.prefix) != null ? _a : "un-";
   return (input) => {
-    const match = (0, import_core6.isAttributifySelector)(input);
+    const match = (0, import_core7.isAttributifySelector)(input);
     if (!match)
       return;
     let name = match[1];
@@ -1559,7 +1781,7 @@ var preset2 = (options) => {
     extractorAttributify(options)
   ];
   if (!(options == null ? void 0 : options.strict))
-    extractors.unshift(import_core7.extractorSplit);
+    extractors.unshift(import_core8.extractorSplit);
   return {
     variants: variants2,
     extractors
@@ -1598,7 +1820,7 @@ function createContext(uno, config, configFilepath) {
   };
 }
 
-// src/chunk-build.ts
+// src/modes/chunk-build.ts
 var import_pluginutils = __toModule(require("@rollup/pluginutils"));
 
 // src/utils.ts
@@ -1609,7 +1831,7 @@ function getHash(input, length = 8) {
   return (0, import_crypto.createHash)("sha256").update(input).digest("hex").substr(0, length);
 }
 
-// src/chunk-build.ts
+// src/modes/chunk-build.ts
 function ChunkModeBuildPlugin({ uno, config }) {
   let cssPlugin;
   const filter = (0, import_pluginutils.createFilter)(config.include || defaultInclude, config.exclude || defaultExclude);
@@ -1653,27 +1875,103 @@ function ChunkModeBuildPlugin({ uno, config }) {
   };
 }
 
-// src/global-dev.ts
+// src/modes/global/build.ts
 var import_pluginutils2 = __toModule(require("@rollup/pluginutils"));
+
+// src/modes/global/shared.ts
 var VIRTUAL_ENTRY = "/@unocss-entry.css";
+var VIRTUAL_ENTRY_ALIAS = [
+  "/@unocss-entry.css",
+  "uno.css",
+  "virtual:uno.css"
+];
 var READY_CALLBACK = "/__unocss_ready";
-var JS_RE = /\.[mc]?[tj]sx?$/;
+var PLACEHOLDER = "#--unocss--{--unocss:true}";
+var PLACEHOLDER_RE = /#--unocss--\s*{\s*--unocss:\s*true;?\s*}/;
+
+// src/modes/global/build.ts
+function GlobalModeBuildPlugin({ uno, config, scan, tokens }) {
+  const filter = (0, import_pluginutils2.createFilter)(config.include || defaultInclude, config.exclude || defaultExclude);
+  const tasks = [];
+  return [
+    {
+      name: "unocss:global:build:scan",
+      apply: "build",
+      enforce: "pre",
+      transform(code, id) {
+        if (filter(id))
+          tasks.push(scan(code, id));
+        return null;
+      },
+      transformIndexHtml: {
+        enforce: "pre",
+        transform(code, { path }) {
+          tasks.push(scan(code, path));
+        }
+      },
+      resolveId(id) {
+        return VIRTUAL_ENTRY_ALIAS.includes(id) ? VIRTUAL_ENTRY : null;
+      },
+      async load(id) {
+        if (id !== VIRTUAL_ENTRY)
+          return null;
+        return PLACEHOLDER;
+      }
+    },
+    {
+      name: "unocss:global:build:generate",
+      apply(options, { command }) {
+        var _a;
+        return command === "build" && !((_a = options.build) == null ? void 0 : _a.ssr);
+      },
+      enforce: "post",
+      async generateBundle(options, bundle) {
+        const files = Object.keys(bundle).filter((i) => i.endsWith(".css"));
+        if (!files.length)
+          return;
+        await Promise.all(tasks);
+        const { css } = await uno.generate(tokens);
+        let replaced = false;
+        if (!css)
+          return;
+        for (const file of files) {
+          const chunk = bundle[file];
+          if (chunk.type === "asset" && typeof chunk.source === "string") {
+            if (PLACEHOLDER_RE.test(chunk.source)) {
+              chunk.source = chunk.source.replace(PLACEHOLDER_RE, css);
+              replaced = true;
+            }
+          }
+        }
+        if (!replaced)
+          this.error(new Error("[unocss] does not found CSS placeholder in the generated chunks,\nthis is likely an internal bug of unocss vite plugin"));
+      }
+    }
+  ];
+}
+
+// src/modes/global/dev.ts
+var import_pluginutils3 = __toModule(require("@rollup/pluginutils"));
+var WARN_TIMEOUT = 2e3;
 function GlobalModeDevPlugin({ config, uno, tokens, onInvalidate, scan }) {
   let server;
-  const filter = (0, import_pluginutils2.createFilter)(config.include || defaultInclude, config.exclude || defaultExclude);
+  const filter = (0, import_pluginutils3.createFilter)(config.include || defaultInclude, config.exclude || defaultExclude);
   const tasks = [];
-  let timer;
-  let lastUpdate = +new Date();
-  function invalidate() {
+  let invalidateTimer;
+  let lastUpdate = Date.now();
+  let lastServed = 0;
+  let resolved = false;
+  let resolvedWarnTimer;
+  function invalidate(timer = 10) {
     if (!server)
       return;
     const mod = server.moduleGraph.getModuleById(VIRTUAL_ENTRY);
     if (!mod)
       return;
-    lastUpdate = +new Date();
+    lastUpdate = Date.now();
     server.moduleGraph.invalidateModule(mod);
-    clearTimeout(timer);
-    timer = setTimeout(sendUpdate, 10);
+    clearTimeout(invalidateTimer);
+    invalidateTimer = setTimeout(sendUpdate, timer);
   }
   function sendUpdate() {
     server.ws.send({
@@ -1686,69 +1984,97 @@ function GlobalModeDevPlugin({ config, uno, tokens, onInvalidate, scan }) {
       }]
     });
   }
-  onInvalidate(invalidate);
-  let mainEntry;
-  return {
-    name: "unocss:global",
-    apply: "serve",
-    enforce: "pre",
-    buildStart() {
-      mainEntry = void 0;
-    },
-    configureServer(_server) {
-      server = _server;
-      server.middlewares.use(async (req, res, next) => {
-        if (req.url === READY_CALLBACK) {
-          sendUpdate();
-          res.statusCode = 200;
-          res.end();
-        } else {
-          return next();
+  function setWarnTimer() {
+    if (!resolved && !resolvedWarnTimer) {
+      resolvedWarnTimer = setTimeout(() => {
+        if (!resolved) {
+          const msg = "[unocss] entry module not found, have you add `import 'uno.css'` in your main entry?";
+          console.warn(msg);
+          server.ws.send({
+            type: "error",
+            err: { message: msg, stack: "" }
+          });
         }
-      });
-    },
-    transform(code, id, context) {
-      const isSSR = context === true || (context == null ? void 0 : context.ssr) === true;
-      if (filter(id))
-        scan(code, id);
-      if (!isSSR && (mainEntry == null || mainEntry === id) && !id.includes("node_modules/vite") && JS_RE.test(id)) {
-        mainEntry = id;
-        return {
-          code: `await import("${VIRTUAL_ENTRY}").then(() => fetch('${READY_CALLBACK}'));${code}`,
-          map: {
-            mappings: ""
+      }, WARN_TIMEOUT);
+    }
+  }
+  onInvalidate(invalidate);
+  return [
+    {
+      name: "unocss:global",
+      apply: "serve",
+      enforce: "pre",
+      configureServer(_server) {
+        server = _server;
+        server.middlewares.use(async (req, res, next) => {
+          var _a;
+          setWarnTimer();
+          if ((_a = req.url) == null ? void 0 : _a.startsWith(READY_CALLBACK)) {
+            const servedTime = +req.url.slice(READY_CALLBACK.length + 1);
+            if (servedTime < lastUpdate)
+              invalidate(0);
+            res.statusCode = 200;
+            res.end();
+          } else {
+            return next();
           }
-        };
+        });
+      },
+      transform(code, id) {
+        if (filter(id))
+          scan(code, id);
+        return null;
+      },
+      transformIndexHtml: {
+        enforce: "pre",
+        transform(code, { path }) {
+          scan(code, path);
+        }
+      },
+      resolveId(id) {
+        if (VIRTUAL_ENTRY_ALIAS.includes(id)) {
+          resolved = true;
+          return VIRTUAL_ENTRY;
+        }
+      },
+      async load(id) {
+        if (id !== VIRTUAL_ENTRY)
+          return null;
+        await Promise.all(tasks);
+        const { css } = await uno.generate(tokens);
+        lastServed = Date.now();
+        return css;
       }
-      return null;
     },
-    transformIndexHtml: {
-      enforce: "pre",
-      transform(code, { path }) {
-        scan(code, path);
+    {
+      name: "unocss:global:post",
+      apply: "serve",
+      enforce: "post",
+      transform(code, id) {
+        if (id === VIRTUAL_ENTRY)
+          return `${code}
+await fetch("${READY_CALLBACK}/${lastServed}")`;
       }
-    },
-    resolveId(id) {
-      return id === VIRTUAL_ENTRY ? id : null;
-    },
-    async load(id) {
-      if (id !== VIRTUAL_ENTRY)
-        return null;
-      await Promise.all(tasks);
-      const { css } = await uno.generate(tokens);
-      return css;
     }
-  };
+  ];
 }
 
-// src/per-module.ts
-var import_pluginutils3 = __toModule(require("@rollup/pluginutils"));
+// src/modes/global/index.ts
+function GlobalModePlugin(ctx) {
+  return [
+    ...GlobalModeBuildPlugin(ctx),
+    ...GlobalModeDevPlugin(ctx)
+  ];
+}
+
+// src/modes/per-module.ts
+var import_pluginutils4 = __toModule(require("@rollup/pluginutils"));
 var VIRTUAL_PREFIX = "/@unocss/";
 var SCOPE_IMPORT_RE = / from (['"])(@unocss\/scope)\1/;
 function PerModuleModePlugin({ uno, config }) {
   const moduleMap = new Map();
   let server;
-  const filter = (0, import_pluginutils3.createFilter)(config.include || defaultInclude, config.exclude || defaultExclude);
+  const filter = (0, import_pluginutils4.createFilter)(config.include || defaultInclude, config.exclude || defaultExclude);
   const invalidate = (hash) => {
     if (!server)
       return;
@@ -1807,10 +2133,10 @@ ${css}`;
   };
 }
 
-// src/vue-scoped.ts
-var import_pluginutils4 = __toModule(require("@rollup/pluginutils"));
+// src/modes/vue-scoped.ts
+var import_pluginutils5 = __toModule(require("@rollup/pluginutils"));
 function VueScopedPlugin({ uno, config }) {
-  const filter = (0, import_pluginutils4.createFilter)(config.include || [/\.vue$/], config.exclude || defaultExclude);
+  const filter = (0, import_pluginutils5.createFilter)(config.include || [/\.vue$/], config.exclude || defaultExclude);
   async function transformSFC(code) {
     const { css } = await uno.generate(code);
     if (!css)
@@ -1838,85 +2164,6 @@ function VueScopedPlugin({ uno, config }) {
   };
 }
 
-// src/global-build.ts
-var import_pluginutils5 = __toModule(require("@rollup/pluginutils"));
-var VIRTUAL_ENTRY2 = "/@unocss-entry.css";
-var PLACEHOLDER = "#--unocss--{--unocss:true}";
-var PLACEHOLDER_RE = /#--unocss--\s*{\s*--unocss:\s*true;?\s*}/;
-var JS_RE2 = /\.[mc]?[tj]sx?$/;
-function GlobalModeBuildPlugin({ uno, config, scan, tokens }) {
-  const filter = (0, import_pluginutils5.createFilter)(config.include || defaultInclude, config.exclude || defaultExclude);
-  let mainEntry;
-  const tasks = [];
-  return [
-    {
-      name: "unocss:global:build:scan",
-      apply: "build",
-      enforce: "pre",
-      buildStart() {
-        mainEntry = void 0;
-      },
-      transform(code, id) {
-        if (filter(id))
-          tasks.push(scan(code, id));
-        if (mainEntry === id || mainEntry == null && !id.includes("node_modules/vite") && JS_RE2.test(id) && id.startsWith("/")) {
-          mainEntry = id;
-          return {
-            code: `${code};import '${VIRTUAL_ENTRY2}';`,
-            map: {
-              mappings: ""
-            }
-          };
-        }
-        return null;
-      },
-      transformIndexHtml: {
-        enforce: "pre",
-        transform(code, { path }) {
-          tasks.push(scan(code, path));
-        }
-      },
-      resolveId(id) {
-        return id === VIRTUAL_ENTRY2 ? id : null;
-      },
-      async load(id) {
-        if (id !== VIRTUAL_ENTRY2)
-          return null;
-        return PLACEHOLDER;
-      }
-    },
-    {
-      name: "unocss:global:build:generate",
-      apply(options, { command }) {
-        var _a;
-        return command === "build" && !((_a = options.build) == null ? void 0 : _a.ssr);
-      },
-      enforce: "post",
-      async generateBundle(options, bundle) {
-        const files = Object.keys(bundle).filter((i) => i.endsWith(".css"));
-        if (!files.length)
-          return;
-        await Promise.all(tasks);
-        const { css } = await uno.generate(tokens);
-        let replaced = false;
-        if (!css)
-          return;
-        for (const file of files) {
-          const chunk = bundle[file];
-          if (chunk.type === "asset" && typeof chunk.source === "string") {
-            if (PLACEHOLDER_RE.test(chunk.source)) {
-              chunk.source = chunk.source.replace(PLACEHOLDER_RE, css);
-              replaced = true;
-            }
-          }
-        }
-        if (!replaced)
-          this.error(new Error("[unocss] does not found CSS placeholder in the generated chunks,\nthis is likely an internal bug of unocss vite plugin"));
-      }
-    }
-  ];
-}
-
 // src/config-hmr.ts
 var import_config = __toModule(require("@unocss/config"));
 function ConfigHMRPlugin({ uno, configFilepath: filepath, invalidate, tokens, modules }) {
@@ -1957,9 +2204,9 @@ function UnocssPlugin(configOrPath, defaults = {
   } else if (mode === "vue-scoped") {
     plugins.push(VueScopedPlugin(ctx));
   } else if (mode === "global") {
-    plugins.push(...GlobalModeBuildPlugin(ctx), GlobalModeDevPlugin(ctx));
+    plugins.push(...GlobalModePlugin(ctx));
   } else if (mode === "dist-chunk") {
-    plugins.push(ChunkModeBuildPlugin(ctx), GlobalModeDevPlugin(ctx));
+    plugins.push(ChunkModeBuildPlugin(ctx), ...GlobalModeDevPlugin(ctx));
   } else {
     throw new Error(`[unocss] unknown mode "${mode}"`);
   }
@@ -1968,7 +2215,9 @@ function UnocssPlugin(configOrPath, defaults = {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ChunkModeBuildPlugin,
+  GlobalModeBuildPlugin,
   GlobalModeDevPlugin,
+  GlobalModePlugin,
   PerModuleModePlugin,
   VueScopedPlugin
 });