Add toast for click 'like' button when account is banned; Close #81

Assisted-by: Grok 4.5

Author: VentusUta

src/constants/globalEvents.ts

@@ -5,3 +5,4 @@ export const DRAWER_VIDEO_ENTER_PAGE_FULL = 'drawerVideoEnterPageFull'
 export const DRAWER_VIDEO_EXIT_PAGE_FULL = 'drawerVideoExitPageFull'
 export const IFRAME_PAGE_SWITCH_BEWLY = 'iframePageSwitchBewly'
 export const IFRAME_PAGE_SWITCH_BILI = 'iframePageSwitchBili'
+export const BEWLY_API_TOAST = 'bewlyApiToast'

src/contentScripts/views/App.vue

@@ -1,11 +1,12 @@
 <script setup lang="ts">
 import { useEventListener, useThrottleFn, useToggle } from '@vueuse/core'
 import type { Ref } from 'vue'
+import { useToast } from 'vue-toastification'
 
 import type { BewlyAppProvider } from '~/composables/useAppProvider'
 import { useDark } from '~/composables/useDark'
 import { useWebFullscreen } from '~/composables/useWebFullscreen'
-import { BEWLY_MOUNTED, DRAWER_VIDEO_ENTER_PAGE_FULL, DRAWER_VIDEO_EXIT_PAGE_FULL, IFRAME_PAGE_SWITCH_BEWLY, IFRAME_PAGE_SWITCH_BILI, OVERLAY_SCROLL_BAR_SCROLL } from '~/constants/globalEvents'
+import { BEWLY_API_TOAST, BEWLY_MOUNTED, DRAWER_VIDEO_ENTER_PAGE_FULL, DRAWER_VIDEO_EXIT_PAGE_FULL, IFRAME_PAGE_SWITCH_BEWLY, IFRAME_PAGE_SWITCH_BILI, OVERLAY_SCROLL_BAR_SCROLL } from '~/constants/globalEvents'
 import { AppPage } from '~/enums/appEnums'
 import { settings } from '~/logic'
 import { type DockItem, useMainStore } from '~/stores/mainStore'
@@ -20,6 +21,23 @@ const mainStore = useMainStore()
 const settingsStore = useSettingsStore()
 const { isDark } = useDark()
 const [showSettings, toggleSettings] = useToggle(false)
+const toast = useToast()
+
+useEventListener(window, BEWLY_API_TOAST, ((event: CustomEvent<{ message?: string, type?: string }>) => {
+  const message = event.detail?.message
+  if (!message)
+    return
+
+  const type = event.detail?.type || 'error'
+  if (type === 'warning')
+    toast.warning(message)
+  else if (type === 'info')
+    toast.info(message)
+  else if (type === 'success')
+    toast.success(message)
+  else
+    toast.error(message)
+}) as EventListener)
 
 // Get the 'page' query parameter from the URL
 function getPageParam(): AppPage | null {

src/inject/index.js

@@ -120,6 +120,90 @@ function setupClipboardInterceptor() {
 
 setupClipboardInterceptor()
 
+function isReplyActionUrl(url) {
+  if (!url)
+    return false
+  try {
+    const parsed = new URL(url, location.href)
+    const path = parsed.pathname.replace(/\/+$/, '')
+    return parsed.hostname === 'api.bilibili.com'
+      && path === '/x/v2/reply/action'
+  }
+  catch {
+    return /api\.bilibili\.com\/x\/v2\/reply\/action(?:\?|$|\/)/.test(String(url))
+  }
+}
+
+let lastReplyActionToastKey = ''
+let lastReplyActionToastAt = 0
+
+function notifyReplyActionError(data) {
+  if (!data || typeof data !== 'object')
+    return
+  if (data.code === 0 || data.code === '0')
+    return
+
+  const message = data.message || data.msg
+  if (!message || message === '0')
+    return
+
+  const text = String(message)
+  const now = Date.now()
+  if (text === lastReplyActionToastKey && now - lastReplyActionToastAt < 800)
+    return
+  lastReplyActionToastKey = text
+  lastReplyActionToastAt = now
+
+  window.dispatchEvent(new CustomEvent('bewlyApiToast', {
+    detail: { message: text, type: 'error' },
+  }))
+}
+
+function setupReplyActionInterceptor() {
+  if (typeof window.fetch === 'function') {
+    const originalFetch = window.fetch.bind(window)
+    window.fetch = function (...args) {
+      const input = args[0]
+      let url = ''
+      if (typeof input === 'string')
+        url = input
+      else if (input && typeof input.url === 'string')
+        url = input.url
+
+      return originalFetch(...args).then((response) => {
+        if (isReplyActionUrl(url)) {
+          response.clone().json().then(notifyReplyActionError).catch(() => {})
+        }
+        return response
+      })
+    }
+  }
+
+  if (typeof XMLHttpRequest !== 'undefined') {
+    const originalOpen = XMLHttpRequest.prototype.open
+    const originalSend = XMLHttpRequest.prototype.send
+
+    XMLHttpRequest.prototype.open = function (method, url, ...rest) {
+      this.__bewlyReplyActionUrl = typeof url === 'string' ? url : String(url ?? '')
+      return originalOpen.call(this, method, url, ...rest)
+    }
+
+    XMLHttpRequest.prototype.send = function (...args) {
+      this.addEventListener('load', function onLoad() {
+        if (!isReplyActionUrl(this.__bewlyReplyActionUrl))
+          return
+        try {
+          notifyReplyActionError(JSON.parse(this.responseText))
+        }
+        catch {}
+      })
+      return originalSend.apply(this, args)
+    }
+  }
+}
+
+setupReplyActionInterceptor()
+
 window.___inject = true
 
 // History.prototype.pushState = history.pushState