@fluxlay/vite 1.0.3 → 1.0.5

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
@@ -18,6 +18,6 @@ import { defineConfig } from "vite";
 import { fluxlay } from "@fluxlay/vite";
 
 export default defineConfig({
-  plugins: [fluxlay()],
+  plugins: [fluxlay()]
 });
 ```

package/dist/index.d.mts

@@ -0,0 +1,12 @@
+import { Plugin } from "vite";
+
+//#region src/index.d.ts
+/**
+ * Vite plugin for building Fluxlay plugins.
+ * 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
+export { fluxlay };

package/dist/index.mjs

@@ -0,0 +1,35 @@
+//#region src/index.ts
+/**
+* Vite plugin for building Fluxlay plugins.
+* 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,
+					minify: userConfig.build?.minify ?? "terser",
+					terserOptions: {
+						compress: { drop_console: true },
+						mangle: true
+					}
+				}
+			};
+		}
+	};
+}
+//#endregion
+export { fluxlay };

package/package.json

@@ -1,41 +1,41 @@
 {
   "name": "@fluxlay/vite",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Vite plugin for building Fluxlay wallpapers",
-  "license": "SEE LICENSE IN LICENSE.txt",
-  "homepage": "https://fluxlay.com",
   "keywords": [
     "fluxlay",
-    "wallpaper",
+    "plugin",
     "vite",
-    "plugin"
+    "wallpaper"
   ],
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "homepage": "https://fluxlay.com",
+  "license": "SEE LICENSE IN LICENSE.txt",
   "files": [
     "dist",
     "src"
   ],
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
     }
   },
-  "peerDependencies": {
-    "vite": ">=7"
+  "scripts": {
+    "build": "tsdown",
+    "check": "oxlint --type-aware --type-check --fix && oxfmt --write ."
+  },
+  "dependencies": {
+    "terser": "^5.46.2"
   },
   "devDependencies": {
+    "tsdown": "^0.21.10",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "dependencies": {
-    "terser": "^5.46.0"
+    "vite": "^8.0.10"
   },
-  "scripts": {
-    "build": "vite build",
-    "check": "biome check --write"
+  "peerDependencies": {
+    "vite": ">=7"
   }
-}
+}

package/src/index.ts

@@ -2,24 +2,40 @@ 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,
           minify: userConfig.build?.minify ?? "terser",
           terserOptions: {
             compress: { drop_console: true },
-            mangle: true,
-          },
-        },
+            mangle: true
+          }
+        }
       };
-    },
+    }
   };
 }

package/dist/index.d.ts

@@ -1,6 +0,0 @@
-import { Plugin } from 'vite';
-/**
- * Vite plugin for building Fluxlay plugins.
- * Enforces output directory and minification settings.
- */
-export declare function fluxlay(): Plugin;

package/dist/index.js

@@ -1,22 +0,0 @@
-function r() {
-  return {
-    name: "vite-plugin-fluxlay",
-    config(e) {
-      return {
-        base: "./",
-        build: {
-          outDir: "dist",
-          emptyOutDir: !0,
-          minify: e.build?.minify ?? "terser",
-          terserOptions: {
-            compress: { drop_console: !0 },
-            mangle: !0
-          }
-        }
-      };
-    }
-  };
-}
-export {
-  r as fluxlay
-};