[FEAT] Add inspect store button to data pane in Ember Inspector

emberjs · Mar 27, 2020 · af75ade · af75ade
1 parent 651046b
commit af75ade
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/app/controllers/model-types.js b/app/controllers/model-types.js
@@ -1,5 +1,5 @@
 import Controller from '@ember/controller';
-import { get, computed } from '@ember/object';
+import { action, get, computed } from '@ember/object';
 import { sort } from '@ember/object/computed';
 import { inject as service } from '@ember/service';
 
@@ -48,9 +48,14 @@ export default Controller.extend({
         return true;
       }
     });
-  })
-});
+  }),
 
+  getStore: action(function() {
+    this.port.send('objectInspector:inspectByContainerLookup', {
+      name: 'service:store'
+    });
+  }),
+});
 /**
  * Returns whether or not a given key has been set in storage.
  * @param {*} storage

diff --git a/app/templates/model-types-toolbar.hbs b/app/templates/model-types-toolbar.hbs
@@ -26,4 +26,8 @@
       Order Models By Record Count
     </label>
   </div>
+  <button class="send-to-console" {{on "click" this.getStore}} data-test-inspect-store>
+    {{svg-jar "send-with-chevron" width="6px" height="9px"}}
+    Inspect Store
+  </button>
 </div>