Separate addon-class from show-class

src/adapters/adapter.js

@@ -56,7 +56,7 @@ class Adapter {
             const index = path.lastIndexOf('/')
             const name = $dummyDiv.text(path.substring(index + 1)).html() // sanitizes, closes #9
 
-            item.id = PREFIX + path
+            item.id = NODE_PREFIX + path
             item.text = name
             item.icon = type // use `type` as class name for tree node
 

src/adapters/github.less

@@ -1,4 +1,4 @@
-.octotree {
+.octotree-show {
   .octotree_github_only {
     display: none;
   }
@@ -14,6 +14,7 @@
       }
     }
   }
+
   body.split-diff .container {
     padding-left: 0;
   }

src/adapters/gitlab.less

@@ -1,4 +1,4 @@
-.octotree {
+.octotree-show {
   .octotree_gitlab_only {
     display: none;
   }

src/constants.js

@@ -1,4 +1,6 @@
-const PREFIX = 'octotree'
+const NODE_PREFIX = 'octotree'
+const ADDON_CLASS = 'octotree'
+const SHOW_CLASS = 'octotree-show'
 
 const STORE = {
   TOKEN     : 'octotree.access_token',

src/octotree.js

@@ -35,6 +35,8 @@ $(document).ready(() => {
     let currRepo = false
     let hasError = false
 
+    $html.addClass(ADDON_CLASS)
+
     $(window).resize((event) => {
       if (event.target === window) layoutChanged()
     })
@@ -160,7 +162,7 @@ $(document).ready(() => {
         toggleSidebar()
       }
       else {
-        $html.toggleClass(PREFIX)
+        $html.toggleClass(SHOW_CLASS)
         $document.trigger(EVENT.TOGGLE, isSidebarVisible())
       }
     }
@@ -172,7 +174,7 @@ $(document).ready(() => {
     }
 
     function isSidebarVisible() {
-      return $html.hasClass(PREFIX)
+      return $html.hasClass(SHOW_CLASS)
     }
 
     function isTogglerVisible() {

src/styles/base.less

@@ -172,7 +172,7 @@
   }
 }
 
-.octotree {
+.octotree-show {
   .octotree_sidebar {
     transform: translate3d(0, 0, 0);
   }

src/view.help.js

@@ -8,7 +8,7 @@ class HelpPopup {
     const $view = this.$view
     const store = this.store
     const popupShown = store.get(STORE.POPUP)
-    const sidebarVisible = $('html').hasClass(PREFIX)
+    const sidebarVisible = $('html').hasClass(SHOW_CLASS)
 
     if (popupShown || sidebarVisible) {
       return hideAndDestroy()

src/view.tree.js

@@ -161,7 +161,7 @@ class TreeView {
     }
 
     function selectPath(paths, index = 0) {
-      const nodeId = PREFIX + paths[index]
+      const nodeId = NODE_PREFIX + paths[index]
 
       if ($jstree.get_node(nodeId)) {
         $jstree.deselect_all()