@unocss/vite 0.45.21 → 0.45.23

package/dist/index.cjs

@@ -8,7 +8,7 @@ const pluginutils = require('@rollup/pluginutils');
 const config = require('@unocss/config');
 const crypto = require('crypto');
 const MagicString = require('magic-string');
-const path = require('path');
+const pathe = require('pathe');
 const remapping = require('@ampproject/remapping');
 const fs = require('fs');
 const url = require('url');
@@ -305,7 +305,7 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, filter, getConfig
         }
       },
       async configResolved(config) {
-        const distDir = path.resolve(config.root, config.build.outDir);
+        const distDir = pathe.resolve(config.root, config.build.outDir);
         cssPostPlugins.set(distDir, config.plugins.find((i) => i.name === "vite:css-post"));
         cssPlugins.set(distDir, config.plugins.find((i) => i.name === "vite:css"));
         await ready;
@@ -322,7 +322,8 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, filter, getConfig
         const fakeCssId = `${chunk.fileName}-unocss-hash.css`;
         css = await applyCssTransform(css, fakeCssId, options.dir);
         const hash = getHash(css);
-        await cssPost.transform.call({}, getHashPlaceholder(hash), fakeCssId);
+        const transformHandler = "handler" in cssPost.transform ? cssPost.transform.handler : cssPost.transform;
+        await transformHandler.call({}, getHashPlaceholder(hash), fakeCssId);
         chunk.modules[fakeCssId] = {
           code: null,
           originalLength: 0,
@@ -463,8 +464,14 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
       async configureServer(_server) {
         servers.push(_server);
         _server.ws.on(WS_EVENT_PREFIX, ([layer, hash]) => {
-          if (lastServedHash.get(layer) !== hash)
+          if (lastServedHash.get(layer) !== hash) {
             sendUpdate(entries);
+          } else {
+            setTimeout(() => {
+              if (lastServedHash.get(layer) !== hash)
+                sendUpdate(entries);
+            }, 50);
+          }
         });
       },
       buildStart() {
@@ -866,7 +873,7 @@ function createTransformerPlugins(ctx) {
   }));
 }
 
-const _dirname = typeof __dirname !== "undefined" ? __dirname : path.dirname(url.fileURLToPath((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href))));
+const _dirname = typeof __dirname !== "undefined" ? __dirname : pathe.dirname(url.fileURLToPath((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href))));
 const DEVTOOLS_MODULE_ID = "virtual:unocss-devtools";
 const MOCK_CLASSES_MODULE_ID = "virtual:unocss-mock-classes";
 const MOCK_CLASSES_PATH = "/@unocss/mock-classes";
@@ -976,7 +983,7 @@ function createDevtoolsPlugin(ctx) {
         if (id === DEVTOOLS_PATH) {
           if (!clientCode) {
             clientCode = [
-              await fs__default.promises.readFile(path.resolve(_dirname, "client.mjs"), "utf-8"),
+              await fs__default.promises.readFile(pathe.resolve(_dirname, "client.mjs"), "utf-8"),
               `import('${MOCK_CLASSES_MODULE_ID}')`,
               `import('${DEVTOOLS_CSS_PATH}')`
             ].join("\n").replace("__POST_PATH__", (config.server?.origin ?? "") + POST_PATH);

package/dist/index.d.ts

@@ -31,7 +31,7 @@ interface VitePluginConfig<Theme extends {} = {}> extends UserConfig<Theme> {
     transformCSS?: boolean | 'pre' | 'post';
     /**
      *
-     * make the generate css processed by postcss(https://vitejs.dev/guide/features.html#postcss)
+     * make the generated css processed by postcss (https://vitejs.dev/guide/features.html#postcss)
      * @default true
      */
     postcss?: boolean;

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { createFilter } from '@rollup/pluginutils';
 import { loadConfig } from '@unocss/config';
 import { createHash } from 'crypto';
 import MagicString from 'magic-string';
-import { resolve, dirname } from 'path';
+import { resolve, dirname } from 'pathe';
 import remapping from '@ampproject/remapping';
 import fs from 'fs';
 import { fileURLToPath } from 'url';
@@ -311,7 +311,8 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, filter, getConfig
         const fakeCssId = `${chunk.fileName}-unocss-hash.css`;
         css = await applyCssTransform(css, fakeCssId, options.dir);
         const hash = getHash(css);
-        await cssPost.transform.call({}, getHashPlaceholder(hash), fakeCssId);
+        const transformHandler = "handler" in cssPost.transform ? cssPost.transform.handler : cssPost.transform;
+        await transformHandler.call({}, getHashPlaceholder(hash), fakeCssId);
         chunk.modules[fakeCssId] = {
           code: null,
           originalLength: 0,
@@ -452,8 +453,14 @@ function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate, extra
       async configureServer(_server) {
         servers.push(_server);
         _server.ws.on(WS_EVENT_PREFIX, ([layer, hash]) => {
-          if (lastServedHash.get(layer) !== hash)
+          if (lastServedHash.get(layer) !== hash) {
             sendUpdate(entries);
+          } else {
+            setTimeout(() => {
+              if (lastServedHash.get(layer) !== hash)
+                sendUpdate(entries);
+            }, 50);
+          }
         });
       },
       buildStart() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/vite",
-  "version": "0.45.21",
+  "version": "0.45.23",
   "description": "The Vite plugin for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -44,16 +44,17 @@
   "dependencies": {
     "@ampproject/remapping": "^2.2.0",
     "@rollup/pluginutils": "^4.2.1",
-    "@unocss/config": "0.45.21",
-    "@unocss/core": "0.45.21",
-    "@unocss/inspector": "0.45.21",
-    "@unocss/scope": "0.45.21",
-    "@unocss/transformer-directives": "0.45.21",
-    "magic-string": "^0.26.3"
+    "@unocss/config": "0.45.23",
+    "@unocss/core": "0.45.23",
+    "@unocss/inspector": "0.45.23",
+    "@unocss/scope": "0.45.23",
+    "@unocss/transformer-directives": "0.45.23",
+    "magic-string": "^0.26.3",
+    "pathe": "^0.3.7"
   },
   "devDependencies": {
-    "@unocss/shared-integration": "0.45.21",
-    "vite": "^3.1.0"
+    "@unocss/shared-integration": "0.45.23",
+    "vite": "^3.1.2"
   },
   "scripts": {
     "build": "unbuild",