starter code for chrome tab api

callaunchpad · Dec 25, 2016 · e1afe88 · e1afe88
1 parent 7de7458
commit e1afe88
Show file tree

Hide file tree

Showing 6 changed files with 99 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+key/*
+node_modules/*
diff --git a/favicon-16x16.png b/favicon-16x16.png
diff --git a/index.html b/index.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<!--
+ This page is shown when the extension button is clicked, because the
+ "browser_action" field in manifest.json contains the "default_popup" key with
+ value "popup.html".
+ -->
+<html>
+  <head>
+    <title>Voice Web by Launchpad</title>
+    <style>
+      body {
+        font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif;
+        font-size: 100%;
+      }
+      #status {
+        /* avoid an excessively wide status text */
+        white-space: pre;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        max-width: 400px;
+      }
+    </style>
+    <script src="index.js"></script>
+    <script src="tabs.js"></script>
+  </head>
+  <body>
+    <div id="status"></div>
+    <img id="image-result" hidden>
+  </body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,9 @@
+var debug = true;
+
+function renderStatus(statusText) {
+  document.getElementById('status').textContent = statusText;
+}
+
+function log(obj) {
+  if (debug) console.log(obj);
+}
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,18 @@
+{
+  "manifest_version": 2,
+
+  "name": "Voice Web",
+  "description": "A Launchpad app that browses the web using your voice",
+  "version": "1.0",
+
+  "browser_action": {
+    "default_icon": "favicon-16x16.png",
+    "default_popup": "index.html"
+  },
+  "permissions": [
+    "activeTab",
+    "tabs",
+    "extension",
+    "https://ajax.googleapis.com/"
+  ]
+}
diff --git a/tabs.js b/tabs.js
@@ -0,0 +1,40 @@
+function getCurrentTabUrl(callback) {
+  var queryInfo = { active: true, currentWindow: true };
+
+  chrome.tabs.query(queryInfo, function(tabs) {
+    // get active tab
+    var tab = tabs[0];
+    var url = tab.url;
+    log(tab);
+    console.assert(typeof url == 'string', 'tab.url should be a string');
+    callback(url);
+  });
+}
+
+function openNewTab(props, callback) {
+  // var props = {
+  //   windowId: 'windowToBeOpenedIn',
+  //   index: 'intendedTabPosition',
+  //   url: url,
+  //   active: true,
+  //   selected: true,
+  //   pinned: false,
+  //   openerTabId: null
+  // };
+
+  chrome.tabs.create(props, function(tab) {
+    callback(tab);
+  });
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+  getCurrentTabUrl(function(url) {
+    renderStatus('Current Tab URL: ' + url);
+  });
+
+  // API Examples
+  // openNewTab({url:"http://www.google.com"}, function(tab) {
+  //   log(tab);
+  // });
+
+});