vue-authservice/src/main.js

Test junk

//import Vue from 'vue'
// export default Vue => Vue.component(Component.name, Component)

import Authservice from './Authservice'
import AuthserviceLogin from './components/AuthserviceLogin.vue'
import AuthserviceBounceComponent from './components/AuthserviceBounceComponent.vue'
import AuthserviceUserList from './components/AuthserviceUserList.vue'
import AuthserviceUserDetails from './components/AuthserviceUserDetails.vue'
import AuthserviceChangePassword from './components/AuthserviceChangePassword.vue'

export let _Vue

let _authservice = null


function install (Vue, options) {
  console.log('my-component.install()', options)

  if (_authservice) {
    console.error("Vue.use(Authservice) has already been called.")
    return
  }

  // Create ourselves an Authservice Object
  console.log('Getting our _authservice')
  _authservice = new Authservice(options)
  console.log('Have our _authservice', _authservice)
  _authservice.checkInitialLoginStatus(false)
  console.log('Finished checking status')


  _Vue = Vue

  const isDef = v => v !== undefined

  // Vue.mixin adds an additional 'beforeCreate' function to it's
  // list of functions to be called when new Vue is created. We'll
  // use it to look for new Vue({ authservice }). If found, we'll
  // consider this to be the root. If it is not found, then we will
  // assume this is a child of the root, and create pointers back
  // to the root.
  //Vue.mixin({
  Vue.mixin({
    beforeCreate () {
      // console.log('vue-authservice: index.js - beforeCreate()')

      if (!this.$parent) {
      //if (isDef(this.$options.authservice)) {
        // console.error('Initializing ROOT *********')
        // This must be the root, since we found authservice in it's options.
        this._authserviceRoot = this
        this._authservice = _authservice
        // this._authservice.init(this)
        Vue.util.defineReactive(this, '_authservice', this.$authservice)
        // Vue.util.defineReactive(this, '_authservice', this._authservice.jwt)
        // Vue.util.defineReactive(this, '_authservice', this._authservice.fromCache)
      } else {
        //console.log('Initialise new child')
        this._authserviceRoot = (this.$parent && this.$parent._authserviceRoot) || this
      }

      /*
      // this.$options is the options passed to new Vue({ })
      if (isDef(this.$options.authservice)) {
        console.log('Initialise the root')
        // This must be the root, since we found authservice in it's options.
        this._authserviceRoot = this
        this._authservice = this.$options.authservice
        // this._authservice.init(this)
        Vue.util.defineReactive(this, '_authservice', this.$authservice)
        // Vue.util.defineReactive(this, '_authservice', this._authservice.jwt)
        // Vue.util.defineReactive(this, '_authservice', this._authservice.fromCache)

        console.log('Checking login status from beforeCreate()')
        this._authservice.checkInitialLoginStatus(false)
      } else {
        console.log('Initialise new child')
        this._authserviceRoot = (this.$parent && this.$parent._authserviceRoot) || this
      }
      // registerInstance(this, this)
      */
    },
    destroyed () {
      // registerInstance(this)
    }
  })

  // As described above, the Vue instances form a hierachy. The mixin
  // above ensures that each instance has an '_authserviceRoot' field
  // that points to the instance where 'authservice' was passed to new Vue({  }).
  // Note that it's _authserviceRoot might actually point to itself.
  Object.defineProperty(Vue.prototype, '$authservice', {
    get () { return this._authserviceRoot._authservice }
  })

  // Define the components
  Vue.component('authservice-login', AuthserviceLogin)
  Vue.component('authservice-bounce-component', AuthserviceBounceComponent)
  Vue.component('authservice-change-password', AuthserviceChangePassword)
  Vue.component('authservice-user-list', AuthserviceUserList)
  Vue.component('authservice-user-details', AuthserviceUserDetails)

  // Vue.component('authservice-navbar', AuthserviceNavbar)
  // Vue.component('authservice-navbar-blu', AuthserviceNavbarBlu)
  // Vue.component('authservice-bulma', AuthserviceBulma)
  // Vue.component('my-component', MyComponent)
  // Vue.component('authservice-firstname', AuthserviceFirstname)
  // Vue.component('authservice-fullname', AuthserviceFullName)

  return _authservice
}

const obj = {
  install: install
}

Object.defineProperty(obj, '_authservice', {
  get: function() {
      return _authservice;
  }
});

export default obj