feat: expand large diffs

Author: Fabio Picheli

app/background/index.js

@@ -50,6 +50,7 @@ const mergeObjects = (og, so) => {
   return og;
 }
 
+const openLargeDiff = () => $('.load-diff-button').click();
 
 const init = (savedItems) => {
   if ($('.js-diff-progressive-spinner').length || !$('#files').length) {
@@ -62,6 +63,10 @@ const init = (savedItems) => {
   savedItems.collapsed ? collapseAllDiffBlocks() : expandAllDiffBlocks();
   savedItems.closed ? close() : open();
 
+  if (savedItems.largeDiff) {
+    openLargeDiff();
+  }
+
   $(window).scroll(() => {
     let topOffset;
 

app/popup/index.html

@@ -17,6 +17,10 @@ <h3><a href="https://github.com/picheli20/github-code-tree" target="_blanket">Jo
       <input class="styled-checkbox" id="collapsed" type="checkbox">
       <label for="collapsed">Start with collapsed files</label>
     </div>
+    <div class="form-item">
+      <input class="styled-checkbox" id="largeDiff" type="checkbox">
+      <label for="largeDiff">Expand large diffs (better used with collapsed files)</label>
+    </div>
     <div class="form-item">
       <input class="styled-checkbox" id="folders" type="checkbox">
       <label for="folders">Join folders (experimental)</label>

app/popup/script.js

@@ -1,14 +1,7 @@
-function debug(what) {
-  document.getElementById('debug').innerHTML = JSON.stringify(what, null, 2);
-}
-
-function init() {
-  checkBoxInit(document.getElementById('closed'), 'closed');
-  checkBoxInit(document.getElementById('collapsed'), 'collapsed');
-  checkBoxInit(document.getElementById('folders'), 'folders');
-}
+const debug = (what) => document.getElementById('debug').innerHTML = JSON.stringify(what, null, 2);
 
-function checkBoxInit(element, storeId) {
+const checkBoxInit = (storeId) => {
+  const element = document.getElementById(option);
   chrome.storage.sync.get([storeId], items => element.checked = items[storeId]);
 
   var toStore = {};
@@ -18,4 +11,4 @@ function checkBoxInit(element, storeId) {
   });
 }
 
-window.addEventListener("load", init);
+window.addEventListener("load", () => ['closed', 'collapsed', 'folders', 'largeDiff'].map(option => checkBoxInit(option)));