support rx observable bindings

yyx990803 · yyx990803 · commit 75664206c4bb · 2016-11-08T14:19:33.000-05:00
diff --git a/src/backend/index.js b/src/backend/index.js
@@ -276,7 +276,8 @@ function getInstanceDetails (id) {
         processComputed(instance),
         processRouteContext(instance),
         processVuexGetters(instance),
-        processFirebaseBindings(instance)
+        processFirebaseBindings(instance),
+        processObservables(instance)
       )
     }
   }
@@ -471,6 +472,28 @@ function processFirebaseBindings (instance) {
   }
 }
 
+/**
+ * Process vue-rx observable bindings.
+ *
+ * @param {Vue} instance
+ * @return {Array}
+ */
+
+function processObservables (instance) {
+  var obs = instance.$observables
+  if (obs) {
+    return Object.keys(obs).map(key => {
+      return {
+        type: 'observable',
+        key,
+        value: instance[key]
+      }
+    })
+  } else {
+    return []
+  }
+}
+
 /**
  * Sroll a node into view.
  *
diff --git a/src/devtools/components/DataField.vue b/src/devtools/components/DataField.vue
@@ -169,6 +169,7 @@ export default {
     border-radius 3px
     margin 2px 0
     position relative
+    background-color #eee
     &.prop
       background-color #b3cbf7
       &:hover
@@ -181,6 +182,8 @@ export default {
       background-color #5dd5d5
     &.firebase-binding
       background-color #ffcc00
+    &.observable
+      background-color #ff9999
     .meta
       display none
       position absolute
