vite-userscript-plugin 0.4.0 → 0.5.0

package/dist/hmr.d.ts

@@ -1 +1 @@
-declare const ws: WebSocket;
+declare function HRM(): void;

package/dist/hmr.js

@@ -1,11 +1,22 @@
 "use strict";
-const ws = new WebSocket('ws://localhost:__PORT__');
-ws.addEventListener('message', () => {
-    location.reload();
-});
-ws.addEventListener('open', () => {
-    const { script } = GM_info;
-    console.group(`${script.name} / ${script.version}`);
-    console.log(GM_info);
-    console.groupEnd();
-});
+function HRM() {
+    const ws = new WebSocket('ws://localhost:__PORT__');
+    ws.addEventListener('open', () => {
+        console.clear();
+        const { script } = GM_info;
+        console.group(`${script.name}@${script.version}`);
+        console.log(GM_info);
+        console.groupEnd();
+    });
+    ws.addEventListener('close', (event) => {
+        console.warn('Socket is closed. Reconnect will be attempted in 1 second.', event.reason);
+        setTimeout(HRM, 1000);
+    });
+    ws.addEventListener('error', () => {
+        ws.close();
+    });
+    ws.addEventListener('message', () => {
+        location.reload();
+    });
+}
+HRM();

package/dist/index.js

@@ -86,10 +86,9 @@ function UserscriptPlugin(config) {
                                 : [...(config.metadata.grant ?? []), 'GM_addStyle', 'GM_info']);
                         // prettier-ignore-end
                         if (isBuildWatch) {
+                            const hmrFile = readFileSync(resolve(dirname(fileURLToPath(import.meta.url)), 'hmr.js'), 'utf8');
                             const hmrScript = await transform({
-                                file: `
-                  ${readFileSync(resolve(dirname(fileURLToPath(import.meta.url)), 'hmr.js'), 'utf8')}
-                `.replace('__PORT__', port.toString()),
+                                file: hmrFile.replace('__PORT__', port.toString()),
                                 name: hmrPath,
                                 loader: 'js'
                             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-userscript-plugin",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",