@unocss/vite 0.3.0 → 0.4.3

package/dist/index.mjs

@@ -258,8 +258,7 @@ var variantMatcher = (name, selector) => {
 
 // ../preset-uno/src/rules/color.ts
 import { hex2rgba } from "@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)
@@ -270,6 +269,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 {
@@ -284,13 +294,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 = hex2rgba(color);
+  const rgba = hex2rgba(useColor);
   if (rgba) {
     const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
     if (a != null && !Number.isNaN(a)) {
@@ -372,6 +382,174 @@ function handlerRounded([, a, b], { theme: theme2 }) {
     return cornerMap[d].map((i) => [`border${i}-radius`, v]);
 }
 
+// ../preset-uno/src/rules/background.ts
+import { hex2rgba as hex2rgba2 } from "@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 = hex2rgba2(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 = {
@@ -883,7 +1061,16 @@ var rules = [
   margins,
   displays,
   opacity,
+  bgAttachments,
+  bgBlendModes,
+  bgClips,
   bgColors,
+  bgGradients,
+  bgImages,
+  bgOrigins,
+  bgPositions,
+  bgSizes,
+  bgRepeats,
   borders,
   fonts,
   textOverflows,
@@ -1376,17 +1563,7 @@ var variantColorsClass = [
 
 // ../preset-uno/src/variants/pseudo.ts
 import { toArray as toArray3 } from "@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 PseudoClasses = Object.fromEntries([
   "active",
   "checked",
   "default",
@@ -1418,14 +1595,57 @@ var variantPseudoClasses = [
   ["even", "nth-child(even)"],
   ["odd-of-type", "nth-of-type(odd)"],
   ["odd", "nth-child(odd)"]
-].flatMap((i) => createPseudoClassVariant(...toArray3(i)));
-var variantPseudoElements = [
+].map(toArray3));
+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 = {
@@ -1467,8 +1687,8 @@ var variants = [
   variantBreakpoints,
   ...variantChildren,
   ...variantColorsClass,
-  ...variantPseudoClasses,
-  ...variantPseudoElements
+  variantPseudoClasses,
+  variantPseudoElements
 ];
 
 // ../preset-uno/src/index.ts
@@ -1489,7 +1709,7 @@ var strippedPrefixes = [
   ":"
 ];
 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]) => {
@@ -1585,7 +1805,7 @@ function createContext(uno, config, configFilepath) {
   };
 }
 
-// src/chunk-build.ts
+// src/modes/chunk-build.ts
 import { createFilter } from "@rollup/pluginutils";
 
 // src/utils.ts
@@ -1596,7 +1816,7 @@ function getHash(input, length = 8) {
   return 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 = createFilter(config.include || defaultInclude, config.exclude || defaultExclude);
@@ -1640,27 +1860,103 @@ function ChunkModeBuildPlugin({ uno, config }) {
   };
 }
 
-// src/global-dev.ts
+// src/modes/global/build.ts
 import { createFilter as createFilter2 } from "@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 = createFilter2(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
+import { createFilter as createFilter3 } from "@rollup/pluginutils";
+var WARN_TIMEOUT = 2e3;
 function GlobalModeDevPlugin({ config, uno, tokens, onInvalidate, scan }) {
   let server;
-  const filter = createFilter2(config.include || defaultInclude, config.exclude || defaultExclude);
+  const filter = createFilter3(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({
@@ -1673,69 +1969,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
-import { createFilter as createFilter3 } from "@rollup/pluginutils";
+// src/modes/global/index.ts
+function GlobalModePlugin(ctx) {
+  return [
+    ...GlobalModeBuildPlugin(ctx),
+    ...GlobalModeDevPlugin(ctx)
+  ];
+}
+
+// src/modes/per-module.ts
+import { createFilter as createFilter4 } from "@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 = createFilter3(config.include || defaultInclude, config.exclude || defaultExclude);
+  const filter = createFilter4(config.include || defaultInclude, config.exclude || defaultExclude);
   const invalidate = (hash) => {
     if (!server)
       return;
@@ -1794,10 +2118,10 @@ ${css}`;
   };
 }
 
-// src/vue-scoped.ts
-import { createFilter as createFilter4 } from "@rollup/pluginutils";
+// src/modes/vue-scoped.ts
+import { createFilter as createFilter5 } from "@rollup/pluginutils";
 function VueScopedPlugin({ uno, config }) {
-  const filter = createFilter4(config.include || [/\.vue$/], config.exclude || defaultExclude);
+  const filter = createFilter5(config.include || [/\.vue$/], config.exclude || defaultExclude);
   async function transformSFC(code) {
     const { css } = await uno.generate(code);
     if (!css)
@@ -1825,85 +2149,6 @@ function VueScopedPlugin({ uno, config }) {
   };
 }
 
-// src/global-build.ts
-import { createFilter as createFilter5 } from "@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 = createFilter5(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
 import { loadConfig } from "@unocss/config";
 function ConfigHMRPlugin({ uno, configFilepath: filepath, invalidate, tokens, modules }) {
@@ -1944,9 +2189,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}"`);
   }
@@ -1954,7 +2199,9 @@ function UnocssPlugin(configOrPath, defaults = {
 }
 export {
   ChunkModeBuildPlugin,
+  GlobalModeBuildPlugin,
   GlobalModeDevPlugin,
+  GlobalModePlugin,
   PerModuleModePlugin,
   VueScopedPlugin,
   UnocssPlugin as default