Gets parent directory after call to blob.

app/assets/javascripts/repo/repo_helper.js

 let RepoHelper = {
   isTree(data) {
     return data.hasOwnProperty('blobs');
+  },
+
+  blobURLtoParent(url) {
+    const split = url.split('/');
+    split.pop();
+    const blobIndex = split.indexOf('blob');
+    if(blobIndex > -1) {
+      split[blobIndex] = 'tree';
+    }
+    return split.join('/');
   }
 };
 

app/assets/javascripts/repo/repo_service.js

@@ -7,7 +7,10 @@ let RepoService = {
     this.url = url;
   },
 
-  getContent() {
+  getContent(url) {
+    if(url){
+      return axios.get(url);  
+    }
     return axios.get(this.url);
   }
 };

app/assets/javascripts/repo/repo_sidebar.js

@@ -2,7 +2,6 @@ import Service from './repo_service'
 import Helper from './repo_helper'
 import Vue from 'vue';
 import Store from './repo_store'
-
 export default class RepoSidebar {
   constructor(url) {
     this.url = url;
@@ -16,7 +15,17 @@ export default class RepoSidebar {
       let data = response.data;
       Store.isTree = Helper.isTree(data);
       if(!Store.isTree) {
+        // it's a blob
+        const parentURL = Helper.blobURLtoParent(Service.url);
         Store.blobRaw = data.plain;
+        Service.getContent(parentURL + '/?format=json')
+        .then((response)=> {
+          console.log(response.data)
+        })
+        .catch((response)=> {
+
+        });
+      } else {
       }
     })
     .catch((response)=> {

app/views/projects/blob/_blob.html.haml

@@ -8,5 +8,4 @@
   = render "projects/blob/auxiliary_viewer", blob: blob
 
 #blob-content-holder.blob-content-holder
-  %p hi
   #ide{ data: { url: repo_url }, style: "height:400px;" }