Refactor how ACE is loaded and update selectors to support new page structure

Author: Daniel Cannon

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/env"]
+}

.yo-rc.json

@@ -1,6 +1,6 @@
 {
   "name": "__MSG_appName__",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "manifest_version": 2,
   "description": "__MSG_appDescription__",
   "icons": {
@@ -29,12 +29,14 @@
         "bower_components/ace-min-noconflict/ext-themelist.js",
         "bower_components/ace-min-noconflict/snippets/golang.js",
         "bower_components/jquery/dist/jquery.js",
-        "scripts/playground.js",
         "scripts/contentscript.js"
       ],
       "css": [
         "styles/playground.css"
       ]
     }
+  ],
+  "web_accessible_resources": [
+    "scripts/val_with_change.js"
   ]
-}
+}

Gruntfile.js

@@ -0,0 +1,22 @@
+'use strict';
+
+// Reload client for Chrome Apps & Extensions.
+// The reload client has a compatibility with livereload.
+// WARNING: only supports reload command.
+
+var LIVERELOAD_HOST = 'localhost:';
+var LIVERELOAD_PORT = 35729;
+var connection = new WebSocket('ws://' + LIVERELOAD_HOST + LIVERELOAD_PORT + '/livereload');
+
+connection.onerror = function (error) {
+  console.log('reload connection got error:', error);
+};
+
+connection.onmessage = function (e) {
+  if (e.data) {
+    var data = JSON.parse(e.data);
+    if (data && data.command === 'reload') {
+      chrome.runtime.reload();
+    }
+  }
+};