add hooks for devtools

Author: yyx990803

src/batcher.js

@@ -34,6 +34,13 @@ function flushBatcherQueue () {
   runBatcherQueue(queue)
   internalQueueDepleted = true
   runBatcherQueue(userQueue)
+  // dev tool hook
+  /* istanbul ignore if */
+  if (process.env.NODE_ENV !== 'production') {
+    if (_.inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
+      window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('flush')
+    }
+  }
   resetBatcherState()
 }
 

src/directive.js

@@ -46,6 +46,11 @@ function Directive (descriptor, vm, el, host, scope, frag) {
   this._host = host
   this._scope = scope
   this._frag = frag
+  // store directives on node in dev mode
+  if (process.env.NODE_ENV !== 'production' && this.el) {
+    this.el._vue_directives = this.el._vue_directives || []
+    this.el._vue_directives.push(this)
+  }
 }
 
 /**
@@ -305,6 +310,9 @@ Directive.prototype._teardown = function () {
         unwatchFns[i]()
       }
     }
+    if (process.env.NODE_ENV !== 'production' && this.el) {
+      this.el._vue_directives.$remove(this)
+    }
     this.vm = this.el = this._watcher = this._listeners = null
   }
 }

src/directives/internal/component.js

@@ -108,6 +108,7 @@ module.exports = {
   resolveComponent: function (id, cb) {
     var self = this
     this.pendingComponentCb = _.cancellable(function (Component) {
+      self.ComponentName = id
       self.Component = Component
       cb()
     })
@@ -171,6 +172,7 @@ module.exports = {
     if (this.Component) {
       // default options
       var options = {
+        name: this.ComponentName,
         el: templateParser.clone(this.el),
         template: this.inlineTemplate,
         // make sure to add the child with correct parent
@@ -294,6 +296,11 @@ module.exports = {
   transition: function (target, cb) {
     var self = this
     var current = this.childVM
+    // for devtool inspection
+    if (process.env.NODE_ENV !== 'production') {
+      if (current) current._inactive = true
+      target._inactive = false
+    }
     this.childVM = target
     switch (self.params.transitionMode) {
       case 'in-out':

src/instance/init.js

@@ -1,4 +1,5 @@
 var mergeOptions = require('../util').mergeOptions
+var uid = 0
 
 /**
  * The main init sequence. This is called for every
@@ -26,6 +27,9 @@ exports._init = function (options) {
   this._watchers = []   // all watchers as an array
   this._directives = [] // all directives
 
+  // a uid
+  this._uid = uid++
+
   // a flag to avoid this being observed
   this._isVue = true
 

src/util/options.js

@@ -232,7 +232,6 @@ function guardComponents (options) {
       }
       def = components[key]
       if (_.isPlainObject(def)) {
-        def.name = def.name || key
         components[key] = _.Vue.extend(def)
       }
     }

src/vue.js

@@ -87,3 +87,10 @@ extend(p, require('./api/lifecycle'))
 
 Vue.version = '1.0.0-rc.2'
 module.exports = _.Vue = Vue
+
+/* istanbul ignore if */
+if (process.env.NODE_ENV !== 'production') {
+  if (_.inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
+    window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('init', Vue)
+  }
+}

test/unit/specs/util/options_spec.js

@@ -150,7 +150,6 @@ describe('Util - Option merging', function () {
       }
     })
     expect(typeof res.components.test).toBe('function')
-    expect(res.components.test.options.name).toBe('test')
     expect(res.components.test.super).toBe(Vue)
   })