const tabs = require('tabs');
const widgets = require('widget');
const data = require('self').data;
const pageMod = require('page-mod');
const panel = require('panel');
const htmlContentPreamble =
'' +
' ' +
'
' +
' ' +
' ' +
' '
const htmlContentPostamble =
' ' +
''
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 '';
}
function buildWidgetViewContent(libraryList) {
widgetContent = htmlContentPreamble;
libraryList.forEach(function(library) {
widgetContent += buildIconHtml(icons[library.name], library.name + "
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: "",
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 = [];
});