@fluxlay/vite 1.0.4 → 1.0.6

package/README.md

@@ -7,7 +7,7 @@ Vite plugin for building [Fluxlay](https://fluxlay.com) wallpapers.
 ```sh
 npm install -D @fluxlay/vite
 # or
-pnpm add -D @fluxlay/vite
+bun add -D @fluxlay/vite
 ```
 
 ## Usage

package/dist/index.d.mts

@@ -3,7 +3,9 @@ import { Plugin } from "vite";
 //#region src/index.d.ts
 /**
  * Vite plugin for building Fluxlay plugins.
- * Enforces output directory and minification settings.
+ * Enforces output directory and minification settings, and configures Vite's
+ * HMR client so it connects to the dev server's localhost origin (which the
+ * wallpaper CSP allows) rather than the wallpaper's custom-protocol origin.
  */
 declare function fluxlay(): Plugin;
 //#endregion

package/dist/index.mjs

@@ -1,14 +1,23 @@
 //#region src/index.ts
 /**
 * Vite plugin for building Fluxlay plugins.
-* Enforces output directory and minification settings.
+* Enforces output directory and minification settings, and configures Vite's
+* HMR client so it connects to the dev server's localhost origin (which the
+* wallpaper CSP allows) rather than the wallpaper's custom-protocol origin.
 */
 function fluxlay() {
 	return {
 		name: "vite-plugin-fluxlay",
 		config(userConfig) {
+			const port = userConfig.server?.port ?? 5173;
 			return {
 				base: "./",
+				server: { hmr: {
+					host: "127.0.0.1",
+					protocol: "ws",
+					port,
+					clientPort: port
+				} },
 				build: {
 					outDir: "dist",
 					emptyOutDir: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluxlay/vite",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Vite plugin for building Fluxlay wallpapers",
   "keywords": [
     "fluxlay",
@@ -23,19 +23,19 @@
       "default": "./dist/index.mjs"
     }
   },
+  "scripts": {
+    "build": "tsdown",
+    "check": "oxlint --type-aware --type-check --fix && oxfmt --write ."
+  },
   "dependencies": {
-    "terser": "^5.46.1"
+    "terser": "^5.48.0"
   },
   "devDependencies": {
-    "tsdown": "^0.21.7",
-    "typescript": "^5.9.3",
-    "vite": "^8.0.2"
+    "tsdown": "^0.22.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.14"
   },
   "peerDependencies": {
-    "vite": ">=7"
-  },
-  "scripts": {
-    "build": "tsdown",
-    "check": "oxlint --type-aware --type-check --fix && oxfmt --write ."
+    "vite": "^8.0.14"
   }
-}
+}

package/src/index.ts

@@ -2,14 +2,30 @@ import type { Plugin } from "vite";
 
 /**
  * Vite plugin for building Fluxlay plugins.
- * Enforces output directory and minification settings.
+ * Enforces output directory and minification settings, and configures Vite's
+ * HMR client so it connects to the dev server's localhost origin (which the
+ * wallpaper CSP allows) rather than the wallpaper's custom-protocol origin.
  */
 export function fluxlay(): Plugin {
   return {
     name: "vite-plugin-fluxlay",
     config(userConfig) {
+      const port = userConfig.server?.port ?? 5173;
       return {
         base: "./",
+        server: {
+          // In dev mode the wallpaper webview is served via Tauri's custom
+          // protocol at origin `<label>.dev`. Vite's HMR client defaults to
+          // `new WebSocket("ws://" + location.host + "/?token=...")`, which
+          // resolves to `ws://<label>.dev/` and is blocked by the wallpaper
+          // CSP (only the actual Vite dev server is in `connect-src`).
+          //
+          // Pin the HMR endpoint to `127.0.0.1` — `@fluxlay/cli` registers the
+          // dev server URL with that exact host, and the wallpaper CSP is a
+          // string match (no DNS), so `localhost` would not pass. Users can
+          // still override by setting `server.hmr` in their own vite.config.
+          hmr: { host: "127.0.0.1", protocol: "ws", port, clientPort: port }
+        },
         build: {
           outDir: "dist",
           emptyOutDir: true,