vue-devtools/packages/shared-utils/src/backend.ts

export const backendInjections = {
  instanceMap: new Map(),
  isVueInstance: (() => false) as ((value: any) => boolean),
  getCustomInstanceDetails: (() => ({})) as ((instance: any) => any),
  getCustomObjectDetails: (() => undefined) as (value: any, proto: string) => any,
}

export function getInstanceMap() {
  return backendInjections.instanceMap
}

export function getCustomInstanceDetails(instance) {
  return backendInjections.getCustomInstanceDetails(instance)
}

export function getCustomObjectDetails(value, proto: string) {
  return backendInjections.getCustomObjectDetails(value, proto)
}

export function isVueInstance(value) {
  return backendInjections.isVueInstance(value)
}

// @TODO refactor
export function getCustomRouterDetails(router) {
  return {
    _custom: {
      type: 'router',
      display: 'VueRouter',
      value: {
        options: router.options,
        currentRoute: router.currentRoute,
      },
      fields: {
        abstract: true,
      },
    },
  }
}

// @TODO refactor
export function getCustomStoreDetails(store) {
  return {
    _custom: {
      type: 'store',
      display: 'Store',
      value: {
        state: store.state,
        getters: getCatchedGetters(store),
      },
      fields: {
        abstract: true,
      },
    },
  }
}

// @TODO refactor
export function getCatchedGetters(store) {
  const getters = {}

  const origGetters = store.getters || {}
  const keys = Object.keys(origGetters)
  for (let i = 0; i < keys.length; i++) {
    const key = keys[i]
    Object.defineProperty(getters, key, {
      enumerable: true,
      get: () => {
        try {
          return origGetters[key]
        }
        catch (e) {
          return e
        }
      },
    })
  }

  return getters
}