Formatting code with Prettier

extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js

@@ -56,12 +56,13 @@ onUiLoaded(async() => {
         }
     }
 
-
     // Check if hotkey is valid
     function isValidHotkey(value) {
         const specialKeys = ["Ctrl", "Alt", "Shift", "Disable"];
         return (
-        (typeof value === "string" && value.length === 1 && /[a-z]/i.test(value)) ||
+            (typeof value === "string" &&
+                value.length === 1 &&
+                /[a-z]/i.test(value)) ||
             specialKeys.includes(value)
         );
     }
@@ -93,7 +94,8 @@ onUiLoaded(async() => {
                 typeof userValue === "object" ||
                 userValue === "disable"
             ) {
-            result[key] = userValue === undefined ? defaultValue : userValue;
+                result[key] =
+                    userValue === undefined ? defaultValue : userValue;
             } else if (isValidHotkey(userValue)) {
                 const normalizedUserValue = normalizeHotkey(userValue);
 
@@ -126,14 +128,21 @@ onUiLoaded(async() => {
         return result;
     }
 
+    // Disables functions in the config object based on the provided list of function names
     function disableFunctions(config, disabledFunctions) {
-        disabledFunctions.forEach((funcName) => {
-          if (functionMap.hasOwnProperty(funcName)) {
+        // Bind the hasOwnProperty method to the functionMap object to avoid errors
+        const hasOwnProperty =
+            Object.prototype.hasOwnProperty.bind(functionMap);
+
+        // Loop through the disabledFunctions array and disable the corresponding functions in the config object
+        disabledFunctions.forEach(funcName => {
+            if (hasOwnProperty(funcName)) {
                 const key = functionMap[funcName];
                 config[key] = "disable";
             }
         });
 
+        // Return the updated config object
         return config;
     }
 
@@ -190,7 +199,7 @@ onUiLoaded(async() => {
         canvas_hotkey_fullscreen: "KeyS",
         canvas_hotkey_move: "KeyF",
         canvas_hotkey_overlap: "KeyO",
-        canvas_disabled_functions : [],
+        canvas_disabled_functions: [],
         canvas_show_tooltip: true
     };
 
@@ -200,7 +209,7 @@ onUiLoaded(async() => {
         "Moving canvas": "canvas_hotkey_move",
         "Fullscreen": "canvas_hotkey_fullscreen",
         "Reset Zoom": "canvas_hotkey_reset",
-        "Overlap": "canvas_hotkey_overlap",
+        "Overlap": "canvas_hotkey_overlap"
     };
 
     // Loading the configuration from opts
@@ -274,24 +283,35 @@ onUiLoaded(async() => {
 
             // Define an array with hotkey information and their actions
             const hotkeysInfo = [
-                { configKey: "canvas_hotkey_zoom", action: "Zoom canvas", keySuffix: " + wheel" },
-                { configKey: "canvas_hotkey_adjust", action: "Adjust brush size", keySuffix: " + wheel" },
-                { configKey: "canvas_hotkey_reset", action: "Reset zoom" },
-                { configKey: "canvas_hotkey_fullscreen", action: "Fullscreen mode" },
-                { configKey: "canvas_hotkey_move", action: "Move canvas" },
-                { configKey: "canvas_hotkey_overlap", action: "Overlap" },
+                {
+                    configKey: "canvas_hotkey_zoom",
+                    action: "Zoom canvas",
+                    keySuffix: " + wheel"
+                },
+                {
+                    configKey: "canvas_hotkey_adjust",
+                    action: "Adjust brush size",
+                    keySuffix: " + wheel"
+                },
+                {configKey: "canvas_hotkey_reset", action: "Reset zoom"},
+                {
+                    configKey: "canvas_hotkey_fullscreen",
+                    action: "Fullscreen mode"
+                },
+                {configKey: "canvas_hotkey_move", action: "Move canvas"},
+                {configKey: "canvas_hotkey_overlap", action: "Overlap"}
             ];
 
             // Create hotkeys array with disabled property based on the config values
-            const hotkeys = hotkeysInfo.map((info) => {
+            const hotkeys = hotkeysInfo.map(info => {
                 const configValue = hotkeysConfig[info.configKey];
-                const key = info.keySuffix
-                ? `${configValue}${info.keySuffix}`
-                : configValue.charAt(configValue.length - 1);
+                const key = info.keySuffix ?
+                    `${configValue}${info.keySuffix}` :
+                    configValue.charAt(configValue.length - 1);
                 return {
                     key,
                     action: info.action,
-                disabled: configValue === "disable",
+                    disabled: configValue === "disable"
                 };
             });