@millicast/vue-viewer-plugin/src/service/utils/toast.js

Vue.js plugin to embed viewer of a Millicast stream. This plugin allows developers to simplify Millicast services integration into their own Vue.js apps.

import { useToast } from 'vue-toastification'
import store from '../../../src/store'

const TYPE = {
  SUCCESS: "success",
  ERROR: "error",
  WARNING: "warning",
  INFO: "info"
}

class CustomToast {
  constructor() {
    this.toast = useToast()
    this.store = store
  }

  showToast(type, message, options) {
    this.toast = useToast()
    this.toast.clear()
    if (this.shouldShowError(type)) {
      this.showToaster(type, message, options)
    }
  }

  showToaster(type, message, options) {
    switch (type) {
      case TYPE.ERROR:
        this.toast.error(message,options)
        break
      case TYPE.WARNING:
        this.toast.warning(message,options)
        break
      case TYPE.INFO:
        this.toast.info(message,options)
        break
      case TYPE.SUCCESS:
        this.toast.success(message,options)
        break
      default:
        break
    }
  }

  shouldShowError(type) {
    const hideToast = this.store?._state?.data?.Controls.hideToast
    return !(hideToast ? hideToast.includes(type) : false)
  }

  clear() {
    this.toast = useToast()
    this.toast.clear()
  }

  updateDefaults(options) {
    this.toast = useToast()
    this.toast.updateDefaults(options)
  }
}

export default CustomToast