first pass at chrome

Author: tilgovi

contrib/chrome/background.js

@@ -0,0 +1,36 @@
+const STATE_DISABLED = 0
+const STATE_ENABLED = 1
+const STATE_ACTIVE = 2
+
+const ICON_SIZE = 48
+
+var enabled = false;
+var loaded = false;
+
+var canvas = document.createElement('canvas')
+var icon = new Image()
+icon.src = chrome.extension.getURL('img/annotator-icon-sprite.png')
+icon.alt = 'Annotate'
+icon.onload = setIcon
+
+function setIcon() {
+  var state = (loaded && enabled) ? STATE_ENABLED : STATE_DISABLED;
+  var ctx = canvas.getContext('2d');
+  ctx.drawImage(icon, ICON_SIZE * state, 0, ICON_SIZE, ICON_SIZE, 0, 0, 19, 19)
+  chrome.browserAction.setIcon({
+    imageData: ctx.getImageData(0, 0, 19, 19)
+  })
+}
+
+chrome.browserAction.onClicked.addListener(function(tab) {
+  var message = loaded ? (enabled ? 'hide' : 'show') : 'load'
+  chrome.tabs.sendRequest(tab.id, {annotator: message}, function (response) {
+    if (response.error) {
+      throw response.error
+    } else {
+      if (!loaded) loaded = true
+      enabled = !enabled;
+    }
+    setIcon()
+  })
+})

contrib/chrome/content.js

@@ -0,0 +1,19 @@
+/*
+ * Listen for requests from the background scripts. Since the annotator code is
+ * loaded in the page context, background events which interact with the
+ * annotator user interface, such as showing or hiding the annotator need to be
+ * handled here.
+ */
+chrome.extension.onRequest.addListener(
+  function (request, sender, sendResponse) {
+    var command = request.annotator
+    if (command) {
+      if (command === 'load') {
+        $(document.body).annotator().annotator('setupPlugins')
+        sendResponse({ok: true})
+      } else {
+        sendResponse({error: new TypeError("not implemented: " + command)})
+      }
+    }
+  }
+)

manifest.json

@@ -0,0 +1,28 @@
+{
+  "name": "Annotator",
+  "version": "0.0.9",
+  "manifest_version": 2,
+  "description": "Inline annotation for the web. Select text, images, or (nearly) anything else, and add your notes.",
+  "background": {
+    "scripts": ["contrib/chrome/background.js"]
+  },
+  "browser_action": {
+    "scripts": []
+  },
+  "content_scripts": [
+    {
+      "matches": ["<all_urls>"],
+      "js": [
+        "lib/vendor/jquery.js",
+        "pkg/annotator-full.min.js",
+        "contrib/chrome/content.js"
+      ],
+      "css": [
+        "pkg/annotator.min.css"
+      ]
+    }
+  ],
+  "permissions": [
+    "tabs", "http://*/", "https://*/"
+  ]
+}