File size: 1,868 Bytes
4d70170 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 |
import { installToast } from '@back/toast'
function sendMessage(message) {
window.postMessage({
key: '_vue-devtools-send-message',
message,
})
}
function detect() {
let delay = 1000
let detectRemainingTries = 10
function runDetect() {
// Method 1: Check Nuxt.js
const nuxtDetected = !!(window.__NUXT__ || window.$nuxt)
if (nuxtDetected) {
let Vue
if (window.$nuxt) {
Vue = window.$nuxt.$root && window.$nuxt.$root.constructor
}
sendMessage({
devtoolsEnabled: (/* Vue 2 */ Vue && Vue.config.devtools)
|| (/* Vue 3.2.14+ */ window.__VUE_DEVTOOLS_GLOBAL_HOOK__ && window.__VUE_DEVTOOLS_GLOBAL_HOOK__.enabled),
vueDetected: true,
nuxtDetected: true,
}, '*')
return
}
// Method 2: Check Vue 3
const vueDetected = !!(window.__VUE__)
if (vueDetected) {
sendMessage({
devtoolsEnabled: /* Vue 3.2.14+ */ window.__VUE_DEVTOOLS_GLOBAL_HOOK__ && window.__VUE_DEVTOOLS_GLOBAL_HOOK__.enabled,
vueDetected: true,
}, '*')
return
}
// Method 3: Scan all elements inside document
const all = document.querySelectorAll('*')
let el
for (let i = 0; i < all.length; i++) {
if (all[i].__vue__) {
el = all[i]
break
}
}
if (el) {
let Vue = Object.getPrototypeOf(el.__vue__).constructor
while (Vue.super) {
Vue = Vue.super
}
sendMessage({
devtoolsEnabled: Vue.config.devtools,
vueDetected: true,
}, '*')
return
}
if (detectRemainingTries > 0) {
detectRemainingTries--
setTimeout(() => {
runDetect()
}, delay)
delay *= 5
}
}
setTimeout(() => {
runDetect()
}, 100)
}
// inject the hook
if (document instanceof HTMLDocument) {
detect()
installToast()
}
|