initial impl

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "chrome-extension-webpack",
+  "name": "grasp-extension",
   "version": "0.0.1",
-  "description": "A boilerplate to chrome extension with webpack",
+  "description": "A reliable way of capturing web pages and content",
   "scripts": {
     "build": "node utils/build.js",
     "start": "node utils/webserver.js"

src/js/background.js

@@ -1,2 +1,36 @@
 import '../img/icon-128.png'
 import '../img/icon-34.png'
+
+// TODO wtf?? what does that import mean??
+
+function makeCaptureRequest() {
+    var request = new XMLHttpRequest();
+    console.log('adadad');
+
+    // TODO configure port
+    request.open('POST', 'http://localhost:8000/capture', true);
+
+
+    // TODO request header??
+
+    request.onload = function() {
+        if (this.status >= 200 && this.status < 400) {
+            // Success!
+            var data = JSON.parse(this.response);
+            console.log(`SUCCESS ${data}`);
+        } else {
+            // We reached our target server, but it returned an error
+        }
+    };
+
+    request.onerror = function() {
+        console.log("ERROR!!!");
+        // There was a connection error of some sort
+    };
+
+    request.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
+    // xmlhttp.send(JSON.stringify({ "email": "hello@user.com", "response": { "name": "Tester" } }));
+    request.send(JSON.stringify({'name': 'alala', 'age': 10}));
+}
+makeCaptureRequest();
+

src/js/popup/example.js

@@ -1,3 +1,4 @@
 export default function () {
-  alert("hello! (find me on src/js/popup/example.js)");
+  // alert("hello! (find me on src/js/popup/example.js)");
+
 };

src/manifest.json

@@ -1,5 +1,5 @@
 {
-  "name": "Chrome Extension Webpack",
+  "name": "Grasp Extension",
   "options_page": "options.html",
   "background": {
     "page": "background.html"
@@ -8,6 +8,9 @@
     "default_popup": "popup.html",
     "default_icon": "icon-34.png"
   },
+  "permissions": [
+      "http://*/"
+  ],
   "icons": {
     "128": "icon-128.png"
   },