@unocss/vite 0.45.1 → 0.45.5

package/dist/index.cjs

@@ -374,14 +374,15 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, filter, getConfig
 
 const WARN_TIMEOUT = 2e4;
 const WS_EVENT_PREFIX = "unocss:hmr";
+const HASH_LENGTH = 6;
 function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extract, filter }) {
   const servers = [];
   let base = "";
   const tasks = [];
   const entries = /* @__PURE__ */ new Set();
   let invalidateTimer;
-  let lastUpdate = Date.now();
-  let lastServed = 0;
+  const lastServedHash = /* @__PURE__ */ new Map();
+  let lastServedTime = Date.now();
   let resolved = false;
   let resolvedWarnTimer;
   function configResolved(config) {
@@ -401,10 +402,12 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
       }
     }
     clearTimeout(invalidateTimer);
-    invalidateTimer = setTimeout(() => sendUpdate(ids), timer);
+    invalidateTimer = setTimeout(() => {
+      lastServedHash.clear();
+      sendUpdate(ids);
+    }, timer);
   }
   function sendUpdate(ids) {
-    lastUpdate = Date.now();
     for (const server of servers) {
       server.ws.send({
         type: "update",
@@ -415,7 +418,7 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
           return {
             acceptedPath: mod.url,
             path: mod.url,
-            timestamp: lastUpdate,
+            timestamp: lastServedTime,
             type: "js-update"
           };
         }).filter(core.notNull)
@@ -439,7 +442,7 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
     }
   }
   onInvalidate(() => {
-    invalidate(0, /* @__PURE__ */ new Set([...entries, ...affectedModules]));
+    invalidate(10, /* @__PURE__ */ new Set([...entries, ...affectedModules]));
   });
   return [
     {
@@ -449,13 +452,13 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
       configResolved,
       async configureServer(_server) {
         servers.push(_server);
-        _server.ws.on(WS_EVENT_PREFIX, (servedTime) => {
-          if (servedTime < lastUpdate)
-            invalidate(0);
+        _server.ws.on(WS_EVENT_PREFIX, ([layer, hash]) => {
+          if (lastServedHash.get(layer) !== hash)
+            sendUpdate(entries);
         });
       },
-      async buildStart() {
-        await uno.generate("", { preflights: true });
+      buildStart() {
+        uno.generate("", { preflights: true });
       },
       transform(code, id) {
         if (filter(code, id))
@@ -483,8 +486,11 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
           return null;
         await Promise.all(tasks);
         const result = await uno.generate(tokens);
-        lastServed = Date.now();
-        return layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(entries).map((i) => resolveLayer(i)).filter((i) => !!i)) : result.getLayer(layer);
+        const css = layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(entries).map((i) => resolveLayer(i)).filter((i) => !!i)) : result.getLayer(layer);
+        const hash = getHash(css || "", HASH_LENGTH);
+        lastServedHash.set(layer, hash);
+        lastServedTime = Date.now();
+        return `/*${hash}*/${css}`;
       }
     },
     {
@@ -495,10 +501,15 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
       },
       enforce: "post",
       transform(code, id) {
-        if (entries.has(getPath(id)) && code.includes("import.meta.hot")) {
-          const snippet = `
-if (import.meta.hot) { try { import.meta.hot.send('${WS_EVENT_PREFIX}', ${lastServed}) } catch (e) { console.warn('[unocss-hmr]', e) } }`;
-          return code + snippet;
+        const layer = resolveLayer(getPath(id));
+        if (layer && code.includes("import.meta.hot")) {
+          return `${code}
+if (import.meta.hot) {
+  try { await import.meta.hot.send('${WS_EVENT_PREFIX}', ['${layer}', __vite__css.slice(2,${2 + HASH_LENGTH})]); }
+  catch (e) { console.warn('[unocss-hmr]', e) }
+  if (!import.meta.url.includes('?'))
+    await new Promise(resolve => setTimeout(resolve, 100))
+}`;
         }
       }
     }

package/dist/index.mjs

@@ -363,14 +363,15 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, filter, getConfig
 
 const WARN_TIMEOUT = 2e4;
 const WS_EVENT_PREFIX = "unocss:hmr";
+const HASH_LENGTH = 6;
 function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extract, filter }) {
   const servers = [];
   let base = "";
   const tasks = [];
   const entries = /* @__PURE__ */ new Set();
   let invalidateTimer;
-  let lastUpdate = Date.now();
-  let lastServed = 0;
+  const lastServedHash = /* @__PURE__ */ new Map();
+  let lastServedTime = Date.now();
   let resolved = false;
   let resolvedWarnTimer;
   function configResolved(config) {
@@ -390,10 +391,12 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
       }
     }
     clearTimeout(invalidateTimer);
-    invalidateTimer = setTimeout(() => sendUpdate(ids), timer);
+    invalidateTimer = setTimeout(() => {
+      lastServedHash.clear();
+      sendUpdate(ids);
+    }, timer);
   }
   function sendUpdate(ids) {
-    lastUpdate = Date.now();
     for (const server of servers) {
       server.ws.send({
         type: "update",
@@ -404,7 +407,7 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
           return {
             acceptedPath: mod.url,
             path: mod.url,
-            timestamp: lastUpdate,
+            timestamp: lastServedTime,
             type: "js-update"
           };
         }).filter(notNull)
@@ -428,7 +431,7 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
     }
   }
   onInvalidate(() => {
-    invalidate(0, /* @__PURE__ */ new Set([...entries, ...affectedModules]));
+    invalidate(10, /* @__PURE__ */ new Set([...entries, ...affectedModules]));
   });
   return [
     {
@@ -438,13 +441,13 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
       configResolved,
       async configureServer(_server) {
         servers.push(_server);
-        _server.ws.on(WS_EVENT_PREFIX, (servedTime) => {
-          if (servedTime < lastUpdate)
-            invalidate(0);
+        _server.ws.on(WS_EVENT_PREFIX, ([layer, hash]) => {
+          if (lastServedHash.get(layer) !== hash)
+            sendUpdate(entries);
         });
       },
-      async buildStart() {
-        await uno.generate("", { preflights: true });
+      buildStart() {
+        uno.generate("", { preflights: true });
       },
       transform(code, id) {
         if (filter(code, id))
@@ -472,8 +475,11 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
           return null;
         await Promise.all(tasks);
         const result = await uno.generate(tokens);
-        lastServed = Date.now();
-        return layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(entries).map((i) => resolveLayer(i)).filter((i) => !!i)) : result.getLayer(layer);
+        const css = layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(entries).map((i) => resolveLayer(i)).filter((i) => !!i)) : result.getLayer(layer);
+        const hash = getHash(css || "", HASH_LENGTH);
+        lastServedHash.set(layer, hash);
+        lastServedTime = Date.now();
+        return `/*${hash}*/${css}`;
       }
     },
     {
@@ -484,10 +490,15 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
       },
       enforce: "post",
       transform(code, id) {
-        if (entries.has(getPath(id)) && code.includes("import.meta.hot")) {
-          const snippet = `
-if (import.meta.hot) { try { import.meta.hot.send('${WS_EVENT_PREFIX}', ${lastServed}) } catch (e) { console.warn('[unocss-hmr]', e) } }`;
-          return code + snippet;
+        const layer = resolveLayer(getPath(id));
+        if (layer && code.includes("import.meta.hot")) {
+          return `${code}
+if (import.meta.hot) {
+  try { await import.meta.hot.send('${WS_EVENT_PREFIX}', ['${layer}', __vite__css.slice(2,${2 + HASH_LENGTH})]); }
+  catch (e) { console.warn('[unocss-hmr]', e) }
+  if (!import.meta.url.includes('?'))
+    await new Promise(resolve => setTimeout(resolve, 100))
+}`;
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/vite",
-  "version": "0.45.1",
+  "version": "0.45.5",
   "description": "The Vite plugin for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -44,15 +44,15 @@
   "dependencies": {
     "@ampproject/remapping": "^2.2.0",
     "@rollup/pluginutils": "^4.2.1",
-    "@unocss/config": "0.45.1",
-    "@unocss/core": "0.45.1",
-    "@unocss/inspector": "0.45.1",
-    "@unocss/scope": "0.45.1",
-    "@unocss/transformer-directives": "0.45.1",
+    "@unocss/config": "0.45.5",
+    "@unocss/core": "0.45.5",
+    "@unocss/inspector": "0.45.5",
+    "@unocss/scope": "0.45.5",
+    "@unocss/transformer-directives": "0.45.5",
     "magic-string": "^0.26.2"
   },
   "devDependencies": {
-    "@unocss/shared-integration": "0.45.1",
+    "@unocss/shared-integration": "0.45.5",
     "vite": "^3.0.4"
   },
   "scripts": {