Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(81)

Unified Diff: extensions/renderer/resources/set_icon.js

Issue 1647903003: Fix the dynamic browser action setIcon path to work with any size icon. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@2623
Patch Set: Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: extensions/renderer/resources/set_icon.js
diff --git a/extensions/renderer/resources/set_icon.js b/extensions/renderer/resources/set_icon.js
index 5b66d6b35970140a4c57c2e39376385b1a3a93a5..b0ed2b5b5fab368781971f2bd00321114b779798 100644
--- a/extensions/renderer/resources/set_icon.js
+++ b/extensions/renderer/resources/set_icon.js
@@ -5,15 +5,15 @@
var SetIconCommon = requireNative('setIcon').SetIconCommon;
var sendRequest = require('sendRequest').sendRequest;
-function loadImagePath(path, iconSize, callback) {
+function loadImagePath(path, callback) {
var img = new Image();
img.onerror = function() {
console.error('Could not load action icon \'' + path + '\'.');
};
img.onload = function() {
var canvas = document.createElement('canvas');
- canvas.width = img.width > iconSize ? iconSize : img.width;
- canvas.height = img.height > iconSize ? iconSize : img.height;
+ canvas.width = img.width;
+ canvas.height = img.height;
var canvas_context = canvas.getContext('2d');
canvas_context.clearRect(0, 0, canvas.width, canvas.height);
@@ -25,27 +25,23 @@ function loadImagePath(path, iconSize, callback) {
img.src = path;
}
-function verifyImageData(imageData, iconSize) {
- // Verify that this at least looks like an ImageData element.
+function smellsLikeImageData(imageData) {
+ // See if this object at least looks like an ImageData element.
// Unfortunately, we cannot use instanceof because the ImageData
// constructor is not public.
//
// We do this manually instead of using JSONSchema to avoid having these
// properties show up in the doc.
- if (!('width' in imageData) ||
- !('height' in imageData) ||
- !('data' in imageData)) {
+ return (typeof imageData == 'object') && ('width' in imageData) &&
+ ('height' in imageData) && ('data' in imageData);
+}
+
+function verifyImageData(imageData) {
+ if (!smellsLikeImageData(imageData)) {
throw new Error(
'The imageData property must contain an ImageData object or' +
' dictionary of ImageData objects.');
}
-
- if (imageData.width > iconSize ||
- imageData.height > iconSize) {
- throw new Error(
- 'The imageData property must contain an ImageData object that ' +
- 'is no larger than ' + iconSize + ' pixels square.');
- }
}
/**
@@ -59,7 +55,6 @@ function verifyImageData(imageData, iconSize) {
* callback may be called reentrantly.
*/
function setIcon(details, callback) {
- var iconSizes = [19, 38];
// Note that iconIndex is actually deprecated, and only available to the
// pageAction API.
// TODO(kalman): Investigate whether this is for the pageActions API, and if
@@ -70,24 +65,19 @@ function setIcon(details, callback) {
}
if ('imageData' in details) {
- var isEmpty = true;
- for (var i = 0; i < iconSizes.length; i++) {
- var sizeKey = iconSizes[i].toString();
- if (sizeKey in details.imageData) {
- verifyImageData(details.imageData[sizeKey], iconSizes[i]);
- isEmpty =false;
- }
- }
-
- if (isEmpty) {
- // If details.imageData is not dictionary with keys in set {'19', '38'},
- // it must be an ImageData object.
- var sizeKey = iconSizes[0].toString();
+ if (smellsLikeImageData(details.imageData)) {
var imageData = details.imageData;
details.imageData = {};
- details.imageData[sizeKey] = imageData;
- verifyImageData(details.imageData[sizeKey], iconSizes[0]);
+ details.imageData[imageData.width.toString()] = imageData;
+ } else if (typeof details.imageData == 'object' &&
+ Object.getOwnPropertyNames(details.imageData).length !== 0) {
+ for (var sizeKey in details.imageData) {
+ verifyImageData(details.imageData[sizeKey]);
+ }
+ } else {
+ verifyImageData(false);
}
+
callback(SetIconCommon(details));
return;
}
@@ -95,37 +85,23 @@ function setIcon(details, callback) {
if ('path' in details) {
if (typeof details.path == 'object') {
details.imageData = {};
- var isEmpty = true;
- var processIconSize = function(index) {
- if (index == iconSizes.length) {
- delete details.path;
- if (isEmpty)
- throw new Error('The path property must not be empty.');
- callback(SetIconCommon(details));
- return;
- }
- var sizeKey = iconSizes[index].toString();
- if (!(sizeKey in details.path)) {
- processIconSize(index + 1);
- return;
- }
- isEmpty = false;
- loadImagePath(details.path[sizeKey], iconSizes[index],
- function(imageData) {
- details.imageData[sizeKey] = imageData;
- processIconSize(index + 1);
- });
+ var detailKeyCount = 0;
+ for (var iconSize in details.path) {
+ ++detailKeyCount;
+ loadImagePath(details.path[iconSize], function(size, imageData) {
+ details.imageData[size] = imageData;
+ if (--detailKeyCount == 0)
+ callback(SetIconCommon(details));
+ }.bind(null, iconSize));
}
- processIconSize(0);
+ if (detailKeyCount == 0)
+ throw new Error('The path property must not be empty.');
} else if (typeof details.path == 'string') {
- var sizeKey = iconSizes[0].toString();
details.imageData = {};
- loadImagePath(details.path, iconSizes[0],
- function(imageData) {
- details.imageData[sizeKey] = imageData;
- delete details.path;
- callback(SetIconCommon(details));
- return;
+ loadImagePath(details.path, function(imageData) {
+ details.imageData[imageData.width.toString()] = imageData;
+ delete details.path;
+ callback(SetIconCommon(details));
});
}
return;
« no previous file with comments | « chrome/test/data/extensions/api_test/browser_action/no_icon/icon2.png ('k') | extensions/renderer/set_icon_natives.cc » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698