fix: new vue:url-changed event about handler for chaning SPA warm navigation

Author: piquark6046

userscript/source/index.ts

@@ -47,10 +47,12 @@ export async function RunNamuLinkUserscript(BrowserWindow: typeof window, Usersc
   const ArticleHTMLElement = await WaitForElement('#app', BrowserWindow.document)
   const EventName = 'vue:settled'
   const ChangeEventName = 'vue:change'
+  const UrlChangeEventName = 'vue:url-changed'
   AttachVueSettledEvents(ArticleHTMLElement, {
     QuietMs: 75,
     EventName: EventName,
-    ChangeEventName: ChangeEventName
+    ChangeEventName: ChangeEventName,
+    UrlChange: UrlChangeEventName
   })
 
   const OCRInstance = CreateOcrWorkerClient(BrowserWindow, new Worker(URL.createObjectURL(new Blob([__OCR_WORKER_CODE__], { type: 'application/javascript' }))))
@@ -156,6 +158,7 @@ export async function RunNamuLinkUserscript(BrowserWindow: typeof window, Usersc
   }
 
   ArticleHTMLElement.addEventListener('vue:settled', (EventParameter) => Handler(EventParameter))
+  ArticleHTMLElement.addEventListener('vue:url-changed', (EventParameter) => setTimeout(() => Handler(EventParameter), 250))
 
   // init Naver Nanum fonts
   const FontAddr = [

userscript/source/vuejsawait.ts

@@ -1,7 +1,8 @@
-export function AttachVueSettledEvents(TargetEl: HTMLElement, Options: { QuietMs?: number; EventName?: string; ChangeEventName?: string } = {}) {
+export function AttachVueSettledEvents(TargetEl: HTMLElement, Options: { QuietMs?: number; EventName?: string; ChangeEventName?: string; UrlChange?: string } = {}) {
   const QuietMs = Options.QuietMs ?? 120
   const EventName = Options.EventName ?? 'vue:settled'
   const ChangeEventName = Options.ChangeEventName ?? 'vue:dom-changed'
+  const UrlChangeEventName = Options.UrlChange ?? 'vue:url-changed'
 
   if (!(TargetEl instanceof HTMLElement)) {
     throw new TypeError('TargetEl must be an HTMLElement')
@@ -11,6 +12,7 @@ export function AttachVueSettledEvents(TargetEl: HTMLElement, Options: { QuietMs
   let Seq = 0
   let Destroyed = false
   let LastMutationAt = performance.now()
+  let URLHistory: URL = new URL(location.href)
 
   const EmitChange = (Mutations: MutationRecord[]) => {
     TargetEl.dispatchEvent(
@@ -47,6 +49,22 @@ export function AttachVueSettledEvents(TargetEl: HTMLElement, Options: { QuietMs
     })
   }
 
+  const EmitUrlChange = () => {
+    const NewURL = new URL(location.href)
+    if (NewURL.href !== URLHistory.href) {
+      URLHistory = NewURL
+      TargetEl.dispatchEvent(
+        new CustomEvent(UrlChangeEventName, {
+          detail: {
+            Seq,
+            At: performance.now(),
+            URL: NewURL,
+          },
+        }),
+      )
+    }
+  }
+
   const ArmSettledTimer = () => {
     clearTimeout(Timer)
     Timer = setTimeout(EmitSettled, QuietMs)
@@ -60,6 +78,7 @@ export function AttachVueSettledEvents(TargetEl: HTMLElement, Options: { QuietMs
     if (Mutations.length >= 25) {
       ArmSettledTimer()
     }
+    EmitUrlChange()
   })
 
   Observer.observe(TargetEl, {