ZenBrowserMirrors/components
1
0
Fork 0
mirror of https://github.com/zen-browser/components.git synced 2025-07-07 21:19:57 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor ZenGradientGenerator class to use constructor instead of init method

Browse source
This commit is contained in:
mr. M 2024-10-27 08:52:41 +01:00
parent a179f92b67
commit 04183d8e13
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
1 changed files with 25 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/ZenGradientGenerator.mjs
View file

@ -26,8 +26,6 @@
ZenWorkspaces.addChangeListeners(this.onWorkspaceChange.bind(this)); ZenWorkspaces.addChangeListeners(this.onWorkspaceChange.bind(this));
window.matchMedia('(prefers-color-scheme: dark)').addListener(this.onDarkModeChange.bind(this)); window.matchMedia('(prefers-color-scheme: dark)').addListener(this.onDarkModeChange.bind(this));
this._hasInitialized = true;
this.onDarkModeChange(null, true);
} }
get isDarkMode() { get isDarkMode() {
@ -83,6 +81,9 @@
// Call the rest of the initialization // Call the rest of the initialization
this.initContextMenu(); this.initContextMenu();
this.initThemePicker(); this.initThemePicker();
this._hasInitialized = true;
this.onDarkModeChange(null);
} }
initRotation() { initRotation() {
@ -163,22 +164,30 @@
calculateInitialPosition(color) { calculateInitialPosition(color) {
const [r, g, b] = color.c; const [r, g, b] = color.c;
const imageData = this.canvasCtx.getImageData(0, 0, this.canvas.width, this.canvas.height); const imageData = this.canvasCtx.getImageData(0, 0, this.canvas.width, this.canvas.height);
const pixels = imageData.data; // Find all pixels that are at least 90% similar to the color
let x = 0; const similarPixels = [];
let y = 0; for (let i = 0; i < imageData.data.length; i += 4) {
let minDistance = Infinity; const pixelR = imageData.data[i];
for (let i = 0; i < pixels.length; i += 4) { const pixelG = imageData.data[i + 1];
const r2 = pixels[i]; const pixelB = imageData.data[i + 2];
const g2 = pixels[i + 1]; if (Math.abs(r - pixelR) < 25 && Math.abs(g - pixelG) < 25 && Math.abs(b - pixelB) < 25) {
const b2 = pixels[i + 2]; similarPixels.push(i);
const distance = Math.sqrt((r - r2) ** 2 + (g - g2) ** 2 + (b - b2) ** 2);
if (distance < minDistance) {
minDistance = distance;
x = (i / 4) % this.canvas.width;
y = Math.floor((i / 4) / this.canvas.width);
} }
} }
return { x: x / this.canvas.width, y: y / this.canvas.height }; // Check if there's an exact match
for (const pixel of similarPixels) {
const x = (pixel / 4) % this.canvas.width;
const y = Math.floor((pixel / 4) / this.canvas.width);
const pixelColor = this.getColorFromPosition(x, y);
if (pixelColor[0] === r && pixelColor[1] === g && pixelColor[2] === b) {
return {x: x / this.canvas.width, y: y / this.canvas.height};
}
}
// If there's no exact match, return the first similar pixel
const pixel = similarPixels[0];
const x = (pixel / 4) % this.canvas.width;
const y = Math.floor((pixel / 4) / this.canvas.width);
return {x: x / this.canvas.width, y: y / this.canvas.height};
} }
getColorFromPosition(x, y) { getColorFromPosition(x, y) {