Display Alt key as Option on Mac

Author: JannisX11

js/interface/actions.ts

@@ -1,5 +1,5 @@
 import MolangParser from "molangjs";
-import { Keybinds } from "./keyboard";
+import { isMac, Keybinds } from "./keyboard";
 import tinycolor from "tinycolor2";
 
 type ActionEventName =
@@ -524,7 +524,7 @@ export class Action extends BarItem {
 	updateKeybindingLabel(): this {
 		let keybind_text = this.keybind?.toString() || '';
 		if (!keybind_text && this.id == 'color_picker') {
-			keybind_text = tl('keys.alt');
+			keybind_text = tl(isMac ? 'keys.option' : 'keys.alt');
 		}
 		this.menu_node.querySelector('.keybinding_label').textContent = keybind_text;
 		this.nodes.forEach(node => {

js/interface/interface.js

@@ -1,6 +1,7 @@
 import { Blockbench } from "../api";
 import { translateUI } from "../languages";
 import { currentwindow } from "../native_apis";
+import { isMac } from "./keyboard";
 import { ResizeLine, setupResizeLines } from "./resize_lines";
 
 
@@ -754,7 +755,7 @@ onVueSetup(function() {
 						<span>{{ tl(modifier_keys.shift.last()) }}</span>
 					</div>
 					<div class="status_bar_modifier_key" v-if="modifier_keys.alt.length" @click="clickModifiers()">
-						<kbd>${tl('keys.alt')}</kbd>
+						<kbd>${tl(isMac ? 'keys.option' : 'keys.alt')}</kbd>
 						<span>{{ tl(modifier_keys.alt.last()) }}</span>
 					</div>
 				</template>

js/interface/keyboard.js

@@ -10,7 +10,7 @@ const KeymapPresets = {
 	cinema4d,
 	maya,
 }
-const isMac = window.SystemInfo?.platform == 'darwin' || navigator.userAgent.includes('Mac OS');
+export const isMac = window.SystemInfo?.platform == 'darwin' || navigator.userAgent.includes('Mac OS');
 
 export const Keybinds = {
 	actions: [],
@@ -162,8 +162,8 @@ export class Keybind {
 		if (this.ctrl === null) 	modifiers.push(`[${tl('keys.ctrl')}]`)
 		if (this.shift) modifiers.push(tl('keys.shift'))	
 		if (this.shift === null) modifiers.push(`[${tl('keys.shift')}]`)
-		if (this.alt) 	modifiers.push(tl('keys.alt'))	
-		if (this.alt === null) 	modifiers.push(`[${tl('keys.alt')}]`)
+		if (this.alt) 	modifiers.push(tl(isMac ? 'keys.option' : 'keys.alt'))	
+		if (this.alt === null) 	modifiers.push(`[${tl(isMac ? 'keys.option' : 'keys.alt')}]`)
 		if (this.meta) 	modifiers.push(tl('keys.meta'))	
 		if (this.meta === null) 	modifiers.push(`[${tl('keys.meta')}]`)
 
@@ -451,7 +451,7 @@ export class Keybind {
 			let modifiers = [];
 			if (event.ctrlKey) 	modifiers.push(tl('keys.ctrl'))	
 			if (event.shiftKey)	modifiers.push(tl('keys.shift'))	
-			if (event.altKey) 	modifiers.push(tl('keys.alt'))	
+			if (event.altKey) 	modifiers.push(tl(isMac ? 'keys.option' : 'keys.alt'))	
 			if (event.metaKey) 	modifiers.push(tl('keys.meta'))	
 
 			modifiers.forEach((text, i) => {

lang/en.json

@@ -185,6 +185,7 @@
 	"keys.ctrl": "Ctrl",
 	"keys.shift": "Shift",
 	"keys.alt": "Alt",
+	"keys.option": "Option",
 	"keys.meta": "Cmd",
 	"keys.delete": "Delete",
 	"keys.space": "Space",