Fixes richgilbank#61 : save code in localstorage

Author: jmtavares

.gitignore

@@ -3,3 +3,4 @@ node_modules
 dist
 Scratch\ JS.zip
 panel/styles/repl.css
+.idea

background.js

@@ -1,13 +1,29 @@
 chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
-  if (request.name === 'platformInfo') {
-    chrome.runtime.getPlatformInfo(function(info) {
-      sendResponse(info);
-    });
-    return true; // indicates sendResponse will be called asynchronously
-  } else if(request.name === 'getSettings') {
-    sendResponse(JSON.parse(localStorage.getItem('settings')));
-  } else if(request.name === 'setSettings') {
-    localStorage.setItem('settings', JSON.stringify(request.value));
-    sendResponse(localStorage.getItem('settings'));
+  switch (request.name) {
+    case 'platformInfo':
+      chrome.runtime.getPlatformInfo(function(info) {
+        sendResponse(info);
+      });
+      return true; // indicates sendResponse will be called asynchronously
+      break;
+    case 'getSettings':
+      sendResponse(JSON.parse(localStorage.getItem('settings')));
+      break;
+    case 'setSettings':
+      localStorage.setItem('settings', JSON.stringify(request.value));
+      sendResponse(localStorage.getItem('settings'));
+      break;
+    case 'getCode':
+      chrome.storage.sync.get('code', function (data) {
+        sendResponse(data);    
+      });
+      return true;
+      break;
+    case 'setCode':
+      chrome.storage.sync.set({'code': request.value}, function () {
+        sendResponse('success');  
+      });
+      return true;
+      break;
   }
 });

panel/scripts/repl.js

@@ -54,6 +54,13 @@ Repl.prototype.onDomReady = function() {
       $('#combinationKey')[0].textContent = 'Ctrl';
     }
   });
+
+  var editor = this.editor;
+  chrome.runtime.sendMessage({name: 'getCode'}, function(data) {
+    if (data.code) {
+      editor.setValue(data.code);
+    }
+  });
 }
 
 Repl.prototype.loadContexts = function() {
@@ -163,6 +170,10 @@ Repl.prototype.resizeOutput = function(e) {
   this.DOM.output.style.width = 100 - percentWidth + "%";
 };
 
+Repl.prototype.saveCode = function() {
+  chrome.runtime.sendMessage({name: 'setCode', value: this.editor.getValue()});
+};
+
 Repl.prototype.addEventListeners = function() {
   var _this = this;
 
@@ -179,6 +190,7 @@ Repl.prototype.addEventListeners = function() {
   });
 
   document.addEventListener('keydown', debounce(_this.updateOutput, 200, _this));
+  document.addEventListener('keydown', debounce(_this.saveCode, 1000, _this));
   document.addEventListener('keydown', function(e) {
     if(e[combinationKey] && e.which == 13) {
       _this.deliverContent(_this.editor.getValue());