@unocss/vite 0.31.5 → 0.31.9

package/dist/index.cjs

@@ -258,6 +258,7 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   let base = "";
   const tasks = [];
   const entries = /* @__PURE__ */ new Map();
+  const cssModules = /* @__PURE__ */ new Set();
   let invalidateTimer;
   let lastUpdate = Date.now();
   let lastServed = 0;
@@ -271,8 +272,12 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
       base = base.slice(0, base.length - 1);
   }
   function invalidate(timer = 10) {
+    const ids = [
+      ...entries.keys(),
+      ...cssModules.keys()
+    ];
     for (const server of servers) {
-      for (const id of entries.keys()) {
+      for (const id of ids) {
         const mod = server.moduleGraph.getModuleById(id);
         if (!mod)
           continue;
@@ -284,10 +289,14 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   }
   function sendUpdate() {
     lastUpdate = Date.now();
+    const ids = [
+      ...entries.keys(),
+      ...cssModules.keys()
+    ];
     for (const server of servers) {
       server.ws.send({
         type: "update",
-        updates: Array.from(entries.keys()).map((i) => ({
+        updates: Array.from(ids).map((i) => ({
           acceptedPath: i,
           path: i,
           timestamp: lastUpdate,
@@ -348,6 +357,8 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
           entries.set(entry.id, entry.layer);
           return entry.id;
         }
+        if (id.match(regexCssId))
+          cssModules.add(id);
       },
       async load(id) {
         const layer = entries.get(getPath(id));
@@ -659,6 +670,9 @@ function initTransformerPlugins(ctx) {
       name: "unocss:transformers:default",
       transform(code, id) {
         return applyTransformers(code, id);
+      },
+      transformIndexHtml(code) {
+        return applyTransformers(code, "index.html").then((t) => t?.code);
       }
     },
     {
@@ -666,6 +680,9 @@ function initTransformerPlugins(ctx) {
       enforce: "pre",
       transform(code, id) {
         return applyTransformers(code, id, "pre");
+      },
+      transformIndexHtml(code) {
+        return applyTransformers(code, "index.html", "pre").then((t) => t?.code);
       }
     },
     {
@@ -673,6 +690,9 @@ function initTransformerPlugins(ctx) {
       enforce: "post",
       transform(code, id) {
         return applyTransformers(code, id, "post");
+      },
+      transformIndexHtml(code) {
+        applyTransformers(code, "index.html", "post").then((t) => t?.code);
       }
     }
   ];

package/dist/index.mjs

@@ -248,6 +248,7 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   let base = "";
   const tasks = [];
   const entries = /* @__PURE__ */ new Map();
+  const cssModules = /* @__PURE__ */ new Set();
   let invalidateTimer;
   let lastUpdate = Date.now();
   let lastServed = 0;
@@ -261,8 +262,12 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
       base = base.slice(0, base.length - 1);
   }
   function invalidate(timer = 10) {
+    const ids = [
+      ...entries.keys(),
+      ...cssModules.keys()
+    ];
     for (const server of servers) {
-      for (const id of entries.keys()) {
+      for (const id of ids) {
         const mod = server.moduleGraph.getModuleById(id);
         if (!mod)
           continue;
@@ -274,10 +279,14 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   }
   function sendUpdate() {
     lastUpdate = Date.now();
+    const ids = [
+      ...entries.keys(),
+      ...cssModules.keys()
+    ];
     for (const server of servers) {
       server.ws.send({
         type: "update",
-        updates: Array.from(entries.keys()).map((i) => ({
+        updates: Array.from(ids).map((i) => ({
           acceptedPath: i,
           path: i,
           timestamp: lastUpdate,
@@ -338,6 +347,8 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
           entries.set(entry.id, entry.layer);
           return entry.id;
         }
+        if (id.match(regexCssId))
+          cssModules.add(id);
       },
       async load(id) {
         const layer = entries.get(getPath(id));
@@ -649,6 +660,9 @@ function initTransformerPlugins(ctx) {
       name: "unocss:transformers:default",
       transform(code, id) {
         return applyTransformers(code, id);
+      },
+      transformIndexHtml(code) {
+        return applyTransformers(code, "index.html").then((t) => t?.code);
       }
     },
     {
@@ -656,6 +670,9 @@ function initTransformerPlugins(ctx) {
       enforce: "pre",
       transform(code, id) {
         return applyTransformers(code, id, "pre");
+      },
+      transformIndexHtml(code) {
+        return applyTransformers(code, "index.html", "pre").then((t) => t?.code);
       }
     },
     {
@@ -663,6 +680,9 @@ function initTransformerPlugins(ctx) {
       enforce: "post",
       transform(code, id) {
         return applyTransformers(code, id, "post");
+      },
+      transformIndexHtml(code) {
+        applyTransformers(code, "index.html", "post").then((t) => t?.code);
       }
     }
   ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/vite",
-  "version": "0.31.5",
+  "version": "0.31.9",
   "description": "The Vite plugin for UnoCSS",
   "keywords": [
     "unocss",
@@ -43,11 +43,11 @@
   },
   "dependencies": {
     "@rollup/pluginutils": "^4.2.1",
-    "@unocss/config": "0.31.5",
-    "@unocss/core": "0.31.5",
-    "@unocss/inspector": "0.31.5",
-    "@unocss/scope": "0.31.5",
-    "@unocss/transformer-directives": "0.31.5",
+    "@unocss/config": "0.31.9",
+    "@unocss/core": "0.31.9",
+    "@unocss/inspector": "0.31.9",
+    "@unocss/scope": "0.31.9",
+    "@unocss/transformer-directives": "0.31.9",
     "magic-string": "^0.26.1"
   },
   "devDependencies": {