Formatting code with Prettier (3a41d7c5) · Commits · github_fork / Stable Diffusion Webui

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

+95 −75

Original line number	Diff line number	Diff line
		@@ -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;
		}

		@@ -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_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_fullscreen",
		action: "Fullscreen mode"
		},
		{configKey: "canvas_hotkey_move", action: "Move canvas"},
		{ configKey: "canvas_hotkey_overlap", action: "Overlap" },
		{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"
		};
		});

Admin message