new

Author: tobenxe

hubtree/main.js

@@ -93,6 +93,7 @@ const {render} = __webpack_require__(1);
 chrome.runtime.onMessage.addListener(({action}, sender, sendRes)=>{
   if(action ==='run_main'){
       modalShown()
+        .then(addListeners)
         .then(getName)
         .then(getTree)
         .then(createTree)
@@ -105,7 +106,16 @@ chrome.runtime.onMessage.addListener(({action}, sender, sendRes)=>{
   return true
 })
 //Make a directory tree and inject it into HTML
-const createTree = async (paths) => document.querySelector('#hubtree-modal-inner').innerHTML = render( paths, '',(parent, file, explicit) =>  `${file}<br>`);
+const createTree = async ({paths, name, tree}) => {
+   document.querySelector('#hubtree-modal-inner').innerHTML = render( paths, '',(parent, file, explicit) => {
+     const type = (tree.find(item=>{
+       //Account for extra slash the package adds to file name
+       if(file[file.length-1] === '/') return item.path===(parent+file.slice(0, file.length-1))
+       return item.path===(parent+file)
+      })).type
+      return  `<a target="_blank" class="link" href=" https://github.com/${name}/${type}/master/${parent}${file}" > ${file}</a>  <br>`
+  })
+};
 
 //Add modal to webpage
 const addModal = async () =>{
@@ -143,10 +153,16 @@ const getTree = async (name) =>{
    throw new Error('Problem with request')
   })
   const paths = treeData.tree.map(item=>item.path);
-  if(paths.length > 0) return paths;
+  if(paths.length > 0) return {paths, name, tree: treeData.tree};
   throw new Error('No paths');
 }
 
+const addListeners = async () =>{
+  document.querySelector('#hubtree-modal').addEventListener('click', (e)=>{
+    if(e.target === e.currentTarget) modalShown().catch(err=>console.log(err));
+  })
+}
+
 /***/ }),
 /* 1 */
 /***/ (function(module, exports, __webpack_require__) {

hubtree/style.css

@@ -18,4 +18,8 @@
     font-size: 1.2rem;
     height: 100%;
     overflow-y: scroll;
+}
+
+.link {
+    color: white;
 }