1 files changed, 107 insertions, 0 deletions
diff --git a/tools/addon-sdk-1.5/examples/library-detector/lib/main.js b/tools/addon-sdk-1.5/examples/library-detector/lib/main.js
new file mode 100755
index 0000000..4380c6f
--- /dev/null
+++ b/tools/addon-sdk-1.5/examples/library-detector/lib/main.js
@@ -0,0 +1,107 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+const tabs = require('tabs');
+const widgets = require('widget');
+const data = require('self').data;
+const pageMod = require('page-mod');
+const panel = require('panel');
+
+const htmlContentPreamble =
+                      '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"' +
+                      ' "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">' +
+                      ' <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">' +
+                      '   <head>' +
+                      '     <style type="text/css" media="all">' +
+                      '       img {display: inline;}' +
+                      '     </style>' +
+                      '  </head>' +
+                      '  <body>'
+
+const htmlContentPostamble =
+                      '  </body>' +
+                      '</html>'
+
+const icons = {
+  'jQuery' : 'jquery.ico',
+  'jQuery UI' : 'jquery_ui.ico',
+  'MooTools' : 'mootools.png',
+  'YUI' : 'yui.ico',
+  'Closure' : 'closure.ico',
+  'Modernizr': 'modernizr.ico',
+}
+
+const ICON_WIDTH = 32;
+
+function buildIconHtml(imageName, libraryInfo) {
+  return '<img src="' + data.url("icons/" + imageName) + '" title="' + libraryInfo + '">';
+}
+
+function buildWidgetViewContent(libraryList) {
+  widgetContent = htmlContentPreamble;
+  libraryList.forEach(function(library) {
+      widgetContent += buildIconHtml(icons[library.name], library.name + "<br>Version: " + library.version);
+  });
+  widgetContent += htmlContentPostamble;
+  return widgetContent;
+}
+
+function updateWidgetView(tab) {
+  let widgetView = widget.getView(tab.window);
+  if (!tab.libraries) {
+    tab.libraries = [];
+  }
+  widgetView.content = buildWidgetViewContent(tab.libraries);
+  widgetView.width = tab.libraries.length * ICON_WIDTH;
+}
+
+var widget = widgets.Widget({
+  id: "library-detector",
+  label: "Library Detector",
+  content: "<html></html>",
+  contentScriptFile: data.url("widget.js"),
+  panel: panel.Panel({
+    width: 240,
+    height: 60,
+    contentScript: 'self.on("message", function(libraryInfo) {' +
+                   '  window.document.body.innerHTML = libraryInfo;' +
+                   '});'
+  }),
+});
+
+widget.port.on('setLibraryInfo', function(libraryInfo) {
+  widget.panel.postMessage(libraryInfo);
+});
+
+pageMod.PageMod({
+  include: "*",
+  contentScriptWhen: 'end',
+  contentScriptFile: (data.url('library-detector.js')),
+  onAttach: function(worker) {
+    worker.on('message', function(libraryList) {
+      if (!worker.tab.libraries) {
+        worker.tab.libraries = [];
+      }
+      libraryList.forEach(function(library) {
+        if (worker.tab.libraries.indexOf(library) == -1) {
+          worker.tab.libraries.push(library);
+        }
+      });
+      if (worker.tab == tabs.activeTab) {
+        updateWidgetView(worker.tab);
+      }
+    });
+  }
+});
+
+tabs.on('activate', function(tab) {
+  updateWidgetView(tab);
+});
+
+/*
+For change of location
+*/
+tabs.on('ready', function(tab) {
+  tab.libraries = [];
+});
+\ No newline at end of file