chore: refactor

Author: crashmax-dev

FAQ.md

@@ -0,0 +1,4 @@
+# Tampermonkey FAQ
+
+https://github.com/Tampermonkey/tampermonkey/issues/952#issuecomment-638373937
+https://github.com/Tampermonkey/tampermonkey/issues/977#issuecomment-657268478

examples/basic/vite.config.ts

@@ -10,11 +10,7 @@ export default defineConfig((config) => {
         header: {
           name,
           version,
-          match: [
-            '*://example.com',
-            '*://example.org',
-            '*://example.edu'
-          ]
+          match: '*://example.*'
         },
         server: {
           port: 3000

examples/jsx/vite.config.ts

@@ -12,7 +12,7 @@ export default defineConfig((config) => {
         header: {
           name,
           version,
-          match: '*://example.com'
+          match: '*://example.*'
         },
         server: {
           port: 4000

src/hot-reload.ts

@@ -120,10 +120,7 @@ export default function UserscriptPlugin(
           const userFilePath = resolve(rootDir, outDir, userFilename)
           const proxyFilePath = resolve(rootDir, outDir, proxyFilename)
           const metaFilePath = resolve(rootDir, outDir, metaFilename)
-          const hotReloadPath = resolve(
-            workdir,
-            `hot-reload-${config.header.name}.js`
-          )
+          const wsPath = resolve(workdir, `ws-${config.header.name}.js`)
 
           try {
             let source = readFileSync(outPath, 'utf8')
@@ -141,25 +138,22 @@ export default function UserscriptPlugin(
             )
 
             if (isBuildWatch) {
-              const hotReloadFile = readFileSync(
-                resolve(workdir, 'hot-reload.js'),
-                'utf8'
-              )
+              const wsFile = readFileSync(resolve(workdir, 'ws.js'), 'utf8')
 
-              const hotReloadScript = await transform({
-                file: hotReloadFile.replace('__WS__', `ws://localhost:${port}`),
-                name: hotReloadPath,
+              const wsScript = await transform({
+                file: wsFile.replace('__WS__', `ws://localhost:${port}`),
+                name: wsPath,
                 loader: 'js'
               })
 
-              writeFileSync(hotReloadPath, hotReloadScript)
+              writeFileSync(wsPath, wsScript)
               writeFileSync(
                 proxyFilePath,
                 new Banner({
                   ...config.header,
                   require: [
                     ...config.header.require!,
-                    'file://' + hotReloadPath,
+                    'file://' + wsPath,
                     'file://' + outPath
                   ]
                 }).generate()

src/index.ts

@@ -0,0 +1,17 @@
+function connection() {
+  const ws = new WebSocket('__WS__')
+
+  ws.addEventListener('close', () => {
+    setTimeout(connection, 1000)
+  })
+
+  ws.addEventListener('error', () => {
+    ws.close()
+  })
+
+  ws.addEventListener('message', () => {
+    location.reload()
+  })
+}
+
+connection()

src/ws.ts

@@ -12,7 +12,7 @@ export default defineConfig((option) => {
       watch: option.watch
     },
     {
-      entry: ['src/hot-reload.ts'],
+      entry: ['src/ws.ts'],
       format: ['esm'],
       clean: true,
       minify: true,