White Label Customisation Configuration

[HunnySajid]

#17

@rodolfomiranda I think we can not change the extension icon and can not load the logo in the content script. We will update the JSON structure once we get the requirements.

[HunnySajid]

@2byrds @rodolfomiranda poc for vendor customization

Screen.Recording.2024-01-26.at.9.47.53.PM.mov

[2byrds]

@2byrds @rodolfomiranda poc for vendor customization

Screen.Recording.2024-01-26.at.9.47.53.PM.mov

Super cool!

[rodolfomiranda]

@HunnySajid , I was able to change the action icon dynamically from the background script with the following code:

const imageBlob = await fetch('https://upload.wikimedia.org/wikipedia/commons/1/1d/Smile_icon_32x32.png').then(r => r.blob())
const bitmap = await createImageBitmap(imageBlob)
const canvas = new OffscreenCanvas(bitmap.width, bitmap.height);
const context = canvas.getContext('2d');
context?.drawImage(bitmap ,0,0);
const imageData = context?.getImageData(0, 0, bitmap.width, bitmap.height);
chrome.action.setIcon({ imageData: imageData} );

The same technique should work from the content script

[HunnySajid]

@HunnySajid , I was able to change the action icon dynamically from the background script with the following code:

const imageBlob = await fetch('https://upload.wikimedia.org/wikipedia/commons/1/1d/Smile_icon_32x32.png').then(r => r.blob())
const bitmap = await createImageBitmap(imageBlob)
const canvas = new OffscreenCanvas(bitmap.width, bitmap.height);
const context = canvas.getContext('2d');
context?.drawImage(bitmap ,0,0);
const imageData = context?.getImageData(0, 0, bitmap.width, bitmap.height);
chrome.action.setIcon({ imageData: imageData} );

The same technique should work from the content script

@rodolfomiranda Thanks for sharing the snippet. I have made above changes and now actionIcon and content scripts are loading logo image from JSON. Please review and merge