From ed44ff1ebedaf9a3c3cf1766acdd391863ca52df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=B0=D0=BD=D0=B8=D1=97=D0=BB=20=D0=93=D1=80=D0=B8?=
 =?UTF-8?q?=D0=B3=D0=BE=D1=80=27=D1=94=D0=B2?= <dengr1065@gmail.com>
Date: Fri, 26 Jul 2024 17:39:38 +0300
Subject: [PATCH] Remove prefixed imageSmoothingEnabled

webkitImageSmoothingEnabled got deprecated back in 2016.
globalConfig.smoothing.quality is now properly typed as well.
---
 src/js/core/buffer_utils.js | 6 +-----
 src/js/core/config.ts       | 2 +-
 src/js/core/dpi_manager.js  | 4 ----
 src/js/globals.d.ts         | 4 ----
 4 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/src/js/core/buffer_utils.js b/src/js/core/buffer_utils.js
index 0048b214..86114744 100644
--- a/src/js/core/buffer_utils.js
+++ b/src/js/core/buffer_utils.js
@@ -1,6 +1,6 @@
 import { globalConfig } from "./config";
-import { fastArrayDelete } from "./utils";
 import { createLogger } from "./logging";
+import { fastArrayDelete } from "./utils";
 
 const logger = createLogger("buffer_utils");
 
@@ -10,9 +10,6 @@ const logger = createLogger("buffer_utils");
  */
 export function enableImageSmoothing(context) {
     context.imageSmoothingEnabled = true;
-    context.webkitImageSmoothingEnabled = true;
-
-    // @ts-ignore
     context.imageSmoothingQuality = globalConfig.smoothing.quality;
 }
 
@@ -22,7 +19,6 @@ export function enableImageSmoothing(context) {
  */
 export function disableImageSmoothing(context) {
     context.imageSmoothingEnabled = false;
-    context.webkitImageSmoothingEnabled = false;
 }
 
 /**
diff --git a/src/js/core/config.ts b/src/js/core/config.ts
index 7ec96d39..0e79715f 100644
--- a/src/js/core/config.ts
+++ b/src/js/core/config.ts
@@ -108,7 +108,7 @@ export const globalConfig = {
 
     smoothing: {
         smoothMainCanvas: smoothCanvas && true,
-        quality: "low", // Low is CRUCIAL for mobile performance!
+        quality: "low" as ImageSmoothingQuality, // Low is CRUCIAL for mobile performance!
     },
 
     rendering: {},
diff --git a/src/js/core/dpi_manager.js b/src/js/core/dpi_manager.js
index 4fb792c0..842dd779 100644
--- a/src/js/core/dpi_manager.js
+++ b/src/js/core/dpi_manager.js
@@ -41,13 +41,9 @@ export function prepareHighDPIContext(context, smooth = true) {
 
     if (smooth) {
         context.imageSmoothingEnabled = true;
-        context.webkitImageSmoothingEnabled = true;
-
-        // @ts-ignore
         context.imageSmoothingQuality = globalConfig.smoothing.quality;
     } else {
         context.imageSmoothingEnabled = false;
-        context.webkitImageSmoothingEnabled = false;
     }
 }
 
diff --git a/src/js/globals.d.ts b/src/js/globals.d.ts
index 8d62ff0f..d1ad4d96 100644
--- a/src/js/globals.d.ts
+++ b/src/js/globals.d.ts
@@ -47,10 +47,6 @@ declare interface ImportMeta {
 declare interface CanvasRenderingContext2D {
     beginRoundedRect(x: number, y: number, w: number, h: number, r: number): void;
     beginCircle(x: number, y: number, r: number): void;
-
-    msImageSmoothingEnabled: boolean;
-    mozImageSmoothingEnabled: boolean;
-    webkitImageSmoothingEnabled: boolean;
 }
 
 // Just for compatibility with the shared code