index.js

const devtools = require('@vue/devtools');
const {isAndroid} = require('tns-core-modules/platform')

if (!global.performance) {
  global.performance = {};
}

if (!global.performance.now) {
  const nowOffset = Date.now();

  global.performance.now = function now() {
    return Date.now() - nowOffset;
  }
}

if (!global.requestAnimationFrame) {
  global.requestAnimationFrame = function raf(cb) {
    return setTimeout(cb, 1000 / 60)
  }
}

/**
 * Returns the correct address for the host machine when running on emulator
 * @param host
 * @param port
 * @returns {string}
 */
function getServerIpAddress(host, port) {
  if (host) {
    return `${host}:${port}`
  }

  if (isAndroid) {
    const FINGERPRINT = android.os.Build.FINGERPRINT
    if (FINGERPRINT.includes("vbox")) {
      // running on genymotion
      return `10.0.3.2:${port}`
    } else if (FINGERPRINT.includes("generic")) {
      // running on android emulator
      return `10.0.2.2:${port}`
    }
  }

  // ios simulator uses localhost
  return `127.0.0.1:${port}`
}

// Wrap the toast message in a try, devtool still work without toaster
const showToast = (message) => {
  try {
    const Toasty = require('nativescript-toasty').Toasty;
    new Toasty(message).show();
  } catch (error) {
    console.log(error);
  }
}

module.exports = function install(Vue, {debug = false, host = null, port = 8098} = {}) {
  const startApp = Vue.prototype.$start

  Vue.prototype.$start = function () {
    const setupDevtools = () => {
      devtools.connect('ws://localhost', port, {
        app: this,
        showToast,
        io() {
          try {
            const SocketIO = require('nativescript-socketio').SocketIO
            const address = `http://${getServerIpAddress(host, port)}`
            let socketIO = new SocketIO(address, {debug: debug})
            socketIO.connect()

            return socketIO
          } catch (error) {
            console.log(error)
          }
        }
      })

      devtools.init(Vue);
    }

    if (isAndroid) {
      setupDevtools()
    } else {
      // on ios we need to delay the call because the socket connection is not established
      // if called too early in the application startup process
      // we might need to add a delay to the setTimeout in the future
      setTimeout(setupDevtools)
    }

    return startApp.call(this)
  }
}