Initial commit

nsht · nsht · commit ec833900779d · 2020-02-29T23:19:11.000+05:30
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,31 @@
+{
+  "manifest_version": 2,
+  "name": "Tab Notes",
+  "browser_specific_settings": {
+    "gecko": {
+      "id": "tab-notes@nishit",
+      "strict_min_version": "42.0"
+    }
+  },
+  "version": "0.1.0",
+  "author": "Nishit",
+  "description": "Allow you to write anything in new tab",
+  "permissions": ["storage"],
+  "chrome_url_overrides": {
+    "newtab": "newtab.html"
+  },
+
+  "browser_action": {
+    "browser_style": true,
+    "default_title": "Tab notes",
+    "default_popup": "newtab.html"
+  },
+
+  "commands": {
+    "_execute_browser_action": {
+      "suggested_key": {
+        "default": "Ctrl+Y"
+      }
+    }
+  }
+}
diff --git a/newtab.html b/newtab.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=<device-width>, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Document</title>
+    <script type="text/javascript" src="./tabnotes.js"></script>
+  </head>
+  <style>
+    body {
+      margin: 0px;
+    }
+    #notes {
+      box-sizing: border-box;
+      border: 0;
+      font-size: 18px;
+      line-height: 1.75rem;
+      margin: 0;
+      min-height: 100vh;
+      height: auto;
+      padding: 2rem 20%;
+      resize: none;
+      width: 100%;
+    }
+    #notes {
+      background: #343434;
+      color: #fff;
+    }
+  </style>
+  <body>
+    <textarea id="notes" placeholder="Start writing."></textarea>
+  </body>
+</html>
diff --git a/tabnotes.js b/tabnotes.js
@@ -0,0 +1,33 @@
+var timeoutId;
+const notes = document.getElementById("notes");
+document.addEventListener("keyup", logKey);
+browser.tabs.onActivated.addListener(tabOpen);
+browser.windows.onFocusChanged.addListener(tabOpen);
+
+function logKey(e) {
+  console.log("Textarea Change");
+  clearTimeout(timeoutId);
+  timeoutId = setTimeout(function() {
+    // Runs 1 second (1000 ms) after the last change
+    saveToDB();
+  }, 1000);
+}
+
+function saveToDB() {
+  browser.storage.sync.set({
+    tab_note: document.querySelector("#notes").value
+  });
+}
+
+function tabOpen(tab) {
+  console.log("tab open");
+  browser.storage.sync.get("tab_note").then(result => {
+    console.log(result);
+    document.querySelector("#notes").value = result.tab_note;
+  });
+}
+
+
+window.addEventListener('load', () => {
+    tabOpen()
+  })
