tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Releases 2 Packages Activity Actions

style: run npm run format

Browse source
This commit is contained in:
Danny Liu 2024-04-05 21:02:02 -07:00
parent a68b95c95f
commit 5694f16624
3 changed files with 27 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/lib/components/chat/Settings/Account.svelte
View file

@ -151,9 +151,12 @@
if (canvasPixelTest()) {
profileImageUrl = generateInitialsImage(name);
} else {
toast.error("Canvas pixel test failed, fingerprint evasion likely. Disable fingerprint evasion and try again!", {
autoClose: 1000 * 10,
});
toast.error(
'Canvas pixel test failed, fingerprint evasion likely. Disable fingerprint evasion and try again!',
{
autoClose: 1000 * 10
}
);
}
}}>{$i18n.t('Use Gravatar')}</button
>

30
src/lib/utils/index.ts
View file

@ -99,7 +99,7 @@ export const getGravatarURL = (email) => {
export const canvasPixelTest = () => {
// Test a 1x1 pixel to potentially identify browser/plugin fingerprint blocking or spoofing
// Inspiration: https://github.com/kkapsner/CanvasBlocker/blob/master/test/detectionTest.js
const canvas = document.createElement("canvas");
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.height = 1;
canvas.width = 1;
@ -107,11 +107,10 @@ export const canvasPixelTest = () => {
const pixelValues = imageData.data;
// Generate RGB test data
for (let i = 0; i < imageData.data.length; i += 1){
if (i % 4 !== 3){
for (let i = 0; i < imageData.data.length; i += 1) {
if (i % 4 !== 3) {
pixelValues[i] = Math.floor(256 * Math.random());
}
else {
} else {
pixelValues[i] = 255;
}
}
@ -120,16 +119,23 @@ export const canvasPixelTest = () => {
const p = ctx.getImageData(0, 0, canvas.width, canvas.height).data;
// Read RGB data and fail if unmatched
for (let i = 0; i < p.length; i += 1){
if (p[i] !== pixelValues[i]){
console.log("canvasPixelTest: Wrong canvas pixel RGB value detected:", p[i], "at:", i, "expected:", pixelValues[i]);
console.log("canvasPixelTest: Canvas blocking or spoofing is likely");
for (let i = 0; i < p.length; i += 1) {
if (p[i] !== pixelValues[i]) {
console.log(
'canvasPixelTest: Wrong canvas pixel RGB value detected:',
p[i],
'at:',
i,
'expected:',
pixelValues[i]
);
console.log('canvasPixelTest: Canvas blocking or spoofing is likely');
return false;
}
}
return true;
}
};
export const generateInitialsImage = (name) => {
const canvas = document.createElement('canvas');
@ -138,7 +144,9 @@ export const generateInitialsImage = (name) => {
canvas.height = 100;
if (!canvasPixelTest()) {
console.log("generateInitialsImage: failed pixel test, fingerprint evasion is likely. Using default image.");
console.log(
'generateInitialsImage: failed pixel test, fingerprint evasion is likely. Using default image.'
);
return '/user.png';
}

4
src/routes/auth/+page.svelte
View file

@ -44,8 +44,8 @@
);
if (!canvasPixelTest()) {
toast.error("Canvas pixel test failed, fingerprint evasion likely. Default image used.", {
autoClose: 1000 * 10,
toast.error('Canvas pixel test failed, fingerprint evasion likely. Default image used.', {
autoClose: 1000 * 10
});
}