@unocss/vite 0.23.0 → 0.24.3

package/README.md

@@ -2,7 +2,7 @@
 
 The Vite plugin for UnoCSS. Ships with the `unocss` package.
 
-> This plugin does not come with any default presets. You are building a meta framework on top of UnoCSS, see [this file](https://github.com/antfu/unocss/blob/main/packages/unocss/src/vite.ts) for an example to bind the default presets.
+> This plugin does not come with any default presets. You are building a meta framework on top of UnoCSS, see [this file](https://github.com/unocss/unocss/blob/main/packages/unocss/src/vite.ts) for an example to bind the default presets.
 
 ## Installation
 
@@ -121,7 +121,7 @@ export default {
 }
 ```
 
-You have a `React` example project on [test/fixtures/vite-react](https://github.com/antfu/unocss/tree/main/test/fixtures/vite-react) directory  using both plugins, check the scripts on `package.json` and its Vite configuration file.
+You have a `React` example project on [test/fixtures/vite-react](https://github.com/unocss/unocss/tree/main/test/fixtures/vite-react) directory  using both plugins, check the scripts on `package.json` and its Vite configuration file.
 
 ### Preact
 
@@ -178,7 +178,7 @@ export default {
 }
 ```
 
-You have a `Preact` example project on [test/fixtures/vite-preact](https://github.com/antfu/unocss/tree/main/test/fixtures/vite-preact) directory  using both plugins, check the scripts on `package.json` and its Vite configuration file.
+You have a `Preact` example project on [test/fixtures/vite-preact](https://github.com/unocss/unocss/tree/main/test/fixtures/vite-preact) directory  using both plugins, check the scripts on `package.json` and its Vite configuration file.
 
 ### Svelte
 
@@ -205,7 +205,7 @@ export default {
 }
 ```
 
-You have a `Vite + Svelte` example project on [test/fixtures/vite-svelte](https://github.com/antfu/unocss/tree/main/test/fixtures/vite-svelte) directory.
+You have a `Vite + Svelte` example project on [test/fixtures/vite-svelte](https://github.com/unocss/unocss/tree/main/test/fixtures/vite-svelte) directory.
 
 ###  Sveltekit
 
@@ -241,7 +241,7 @@ const config = {
 }  
 ```
 
-You have a `SvelteKit` example project on [test/fixtures/sveltekit](https://github.com/antfu/unocss/tree/main/test/fixtures/sveltekit) directory.
+You have a `SvelteKit` example project on [test/fixtures/sveltekit](https://github.com/unocss/unocss/tree/main/test/fixtures/sveltekit) directory.
 
 ### Web Components
 
@@ -290,7 +290,7 @@ export class MyElement extends LitElement {
 }
 ```
 
-You have a `Web Components` example project on [test/fixtures/vite-lit](https://github.com/antfu/unocss/tree/main/test/fixtures/vite-lit) directory.
+You have a `Web Components` example project on [test/fixtures/vite-lit](https://github.com/unocss/unocss/tree/main/test/fixtures/vite-lit) directory.
 
 #### `::part` built-in support
 
@@ -362,7 +362,7 @@ export default {
 }
 ```
 
-You have a `Vite + Solid` example project on [test/fixtures/vite-solid](https://github.com/antfu/unocss/tree/main/test/fixtures/vite-solid) directory.
+You have a `Vite + Solid` example project on [test/fixtures/vite-solid](https://github.com/unocss/unocss/tree/main/test/fixtures/vite-solid) directory.
 
 ### Elm
 
@@ -384,7 +384,7 @@ export default defineConfig({
 })
 ```
 
-You have a `Vite + Elm` example project on [test/fixtures/vite-elm](https://github.com/antfu/unocss/tree/main/test/fixtures/vite-elm) directory.
+You have a `Vite + Elm` example project on [test/fixtures/vite-elm](https://github.com/unocss/unocss/tree/main/test/fixtures/vite-elm) directory.
 
 ## License
 

package/dist/index.cjs

@@ -242,9 +242,8 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter })
   ];
 }
 
-const READY_CALLBACK_DEFAULT = "/__unocss_ready";
-
-const WARN_TIMEOUT = 2e3;
+const WARN_TIMEOUT = 3e3;
+const WS_EVENT_PREFIX = "custom:unocss:";
 function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   const servers = [];
   let base = "";
@@ -311,20 +310,16 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
       configResolved,
       async configureServer(_server) {
         servers.push(_server);
-        _server.middlewares.use(async (req, res, next) => {
-          let url = req.url;
-          if (url && base.length > 0 && url.startsWith(base))
-            url = url.slice(base.length);
-          setWarnTimer();
-          if (url?.startsWith(READY_CALLBACK_DEFAULT)) {
-            const servedTime = +url.slice(READY_CALLBACK_DEFAULT.length + 1);
+        setWarnTimer();
+        _server.ws.on("connection", (ws) => {
+          ws.on("message", (msg) => {
+            const message = String(msg);
+            if (!message.startsWith(WS_EVENT_PREFIX))
+              return;
+            const servedTime = +message.slice(WS_EVENT_PREFIX.length);
             if (servedTime < lastUpdate)
               invalidate(0);
-            res.statusCode = 200;
-            res.end();
-          } else {
-            return next();
-          }
+          });
         });
       },
       transform(code, id) {
@@ -364,9 +359,13 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
       },
       enforce: "post",
       transform(code, id) {
-        if (entries.has(getPath(id)) && code.includes("import.meta.hot"))
-          return `${code}
-await fetch("${base}${READY_CALLBACK_DEFAULT}/${lastServed}")`;
+        if (id.includes("@vite/client") || id.includes("vite/dist/client/client.mjs"))
+          return code.replace("return hot", "hot.send = (data) => socket.send(data);return hot;");
+        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 {} }`;
+          return code + snippet;
+        }
       }
     }
   ];

package/dist/index.mjs

@@ -234,9 +234,8 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, modules, filter })
   ];
 }
 
-const READY_CALLBACK_DEFAULT = "/__unocss_ready";
-
-const WARN_TIMEOUT = 2e3;
+const WARN_TIMEOUT = 3e3;
+const WS_EVENT_PREFIX = "custom:unocss:";
 function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   const servers = [];
   let base = "";
@@ -303,20 +302,16 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
       configResolved,
       async configureServer(_server) {
         servers.push(_server);
-        _server.middlewares.use(async (req, res, next) => {
-          let url = req.url;
-          if (url && base.length > 0 && url.startsWith(base))
-            url = url.slice(base.length);
-          setWarnTimer();
-          if (url?.startsWith(READY_CALLBACK_DEFAULT)) {
-            const servedTime = +url.slice(READY_CALLBACK_DEFAULT.length + 1);
+        setWarnTimer();
+        _server.ws.on("connection", (ws) => {
+          ws.on("message", (msg) => {
+            const message = String(msg);
+            if (!message.startsWith(WS_EVENT_PREFIX))
+              return;
+            const servedTime = +message.slice(WS_EVENT_PREFIX.length);
             if (servedTime < lastUpdate)
               invalidate(0);
-            res.statusCode = 200;
-            res.end();
-          } else {
-            return next();
-          }
+          });
         });
       },
       transform(code, id) {
@@ -356,9 +351,13 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
       },
       enforce: "post",
       transform(code, id) {
-        if (entries.has(getPath(id)) && code.includes("import.meta.hot"))
-          return `${code}
-await fetch("${base}${READY_CALLBACK_DEFAULT}/${lastServed}")`;
+        if (id.includes("@vite/client") || id.includes("vite/dist/client/client.mjs"))
+          return code.replace("return hot", "hot.send = (data) => socket.send(data);return hot;");
+        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 {} }`;
+          return code + snippet;
+        }
       }
     }
   ];

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@unocss/vite",
-  "version": "0.23.0",
+  "version": "0.24.3",
   "description": "The Vite plugin for UnoCSS",
   "keywords": [
     "unocss",
     "vite",
     "vite-plugin"
   ],
-  "homepage": "https://github.com/antfu/unocss/tree/main/packages/vite#readme",
+  "homepage": "https://github.com/unocss/unocss/tree/main/packages/vite#readme",
   "bugs": {
-    "url": "https://github.com/antfu/unocss/issues"
+    "url": "https://github.com/unocss/unocss/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/antfu/unocss.git",
+    "url": "git+https://github.com/unocss/unocss.git",
     "directory": "packages/vite"
   },
   "funding": "https://github.com/sponsors/antfu",
@@ -35,10 +35,10 @@
   ],
   "dependencies": {
     "@rollup/pluginutils": "^4.1.2",
-    "@unocss/config": "0.23.0",
-    "@unocss/core": "0.23.0",
-    "@unocss/inspector": "0.23.0",
-    "@unocss/scope": "0.23.0"
+    "@unocss/config": "0.24.3",
+    "@unocss/core": "0.24.3",
+    "@unocss/inspector": "0.24.3",
+    "@unocss/scope": "0.24.3"
   },
   "devDependencies": {
     "vite": "^2.7.13"