chore(openBrowser): more detailed error logs

.github/workflows/build.yml

@@ -5,7 +5,6 @@ on:
     paths-ignore:
       - "**/*.md"
       - "**/*.yml"
-      - "**/*.sh"
   workflow_dispatch:
 
 jobs:

.github/workflows/release.yml

@@ -17,15 +17,11 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
-      - name: Zip NixOS Config
-        run: zip -rj nixos.zip nixos/
-
       - name: Release
         uses: softprops/action-gh-release@v2
         with:
           name: PLG-MuDiCS ${{ github.ref_name }}
           body_path: CHANGELOG.md
-          files: nixos.zip
 
   build:
     name: Build and Upload Assets

control/frontend/src/components/ControlView.svelte

@@ -12,90 +12,50 @@
 		TrafficCone
 	} from 'lucide-svelte';
 	import Button from './Button.svelte';
-	import PopUp from './PopUp.svelte';
-	import type { PopupContent } from '../ts/types';
-	import KeyInput from './KeyInput.svelte';
-
-	let popup_content: PopupContent = $state({
-		open: false,
-		snippet: null,
-		title: '',
-		closable: true
-	});
-
-	function popup_close_function() {
-		popup_content.open = false;
-	}
-
-	const show_send_keys_popup = () => {
-		popup_content = {
-			open: true,
-			snippet: send_keys_popup,
-			title: 'Tastatur-Eingaben durchgeben',
-			title_icon: Keyboard,
-			closable: true
-		};
-	};
 </script>
 
-{#snippet send_keys_popup()}
-	<div>
-		<KeyInput />
-	</div>
-	<div class="flex flex-row justify-end gap-2">
-		<Button className="px-4 font-bold" click_function={popup_close_function}>Fertig</Button>
-	</div>
-{/snippet}
-
 <div class="grid grid-rows-[2.5rem_auto] bg-stone-800 rounded-2xl min-w-0">
 	<div class="text-xl font-bold pl-3 content-center bg-stone-700 rounded-t-2xl truncate min-w-0">
 		Bildschirme steuern
 	</div>
-	<div class="relative flex flex-col gap-2 p-2 overflow-auto">
+	<div class="flex flex-col gap-2 p-2 overflow-auto">
 		<div class="flex flex-row justify-between gap-2">
 			<div class="flex flex-col gap-2">
-				<div class="flex flex-row gap-2 w-75 justify-normal">
+				<div class="flex flex-row gap-2 w-70 justify-normal">
-					<Button title="Vorherige Folie (Pfeil nach Links)" className="px-9"
+					<Button title="Vorherige Folie (Pfeil nach Links)" className="px-7"
 						><ArrowBigLeft /></Button
 					>
-					<Button title="Nächste Folie (Pfeil nach Rechts)" className="px-9"
+					<Button title="Nächste Folie (Pfeil nach Rechts)" className="px-7"
 						><ArrowBigRight /></Button
 					>
 				</div>
-				<Button className="px-3 flex gap-3 w-75 justify-normal"
+				<Button className="px-3 flex gap-3 w-70 justify-normal"
 					><TextAlignStart /> Text anzeigen</Button
 				>
-				<Button className="px-3 flex gap-3 w-75 justify-normal"><Presentation />Blackout</Button>
+				<Button className="px-3 flex gap-3 w-70 justify-normal"><Presentation />Blackout</Button>
 				<div class="flex flex-row justify-normal">
-					<Button className="rounded-r-none pl-3 flex gap-3 grow w-65 justify-normal"
+					<Button className="rounded-r-none pl-3 flex gap-3 grow w-60 justify-normal"
 						><TrafficCone /> Fallback-Bild anzeigen</Button
 					>
 					<Button className="rounded-l-none flex grow-0 w-10"><ChevronDown /></Button>
 				</div>
-				<Button
+				<Button className="px-3 flex gap-3 w-70 justify-normal"
-					className="px-3 flex gap-3 w-75 justify-normal"
+					><Keyboard /> Tastatur-Inputs durchgeben</Button
-					click_function={show_send_keys_popup}><Keyboard /> Tastatur-Eingaben durchgeben</Button
 				>
 			</div>
 			<div class="flex flex-col gap-2 justify-between">
 				<div class="flex flex-col gap-2">
-					<Button className="px-3 flex gap-3 w-full xl:w-75 justify-normal"
+					<Button className="px-3 flex gap-3 w-full xl:w-70 justify-normal"
 						><Power /> PC hochfahren</Button
 					>
-					<Button className="px-3 flex gap-3 w-full xl:w-75 justify-normal"
+					<Button className="px-3 flex gap-3 w-full xl:w-70 justify-normal"
 						><PowerOff /> PC herunterfahren</Button
 					>
 				</div>
-				<Button className="px-3 flex gap-3 w-full xl:w-75 justify-normal"
+				<Button className="px-3 flex gap-3 w-full xl:w-70 justify-normal"
 					><SquareTerminal /> Shell-Befehl ausführen</Button
 				>
 			</div>
 		</div>
-		<PopUp
-			content={popup_content}
-			close_function={popup_close_function}
-			className="rounded-b-2xl"
-			snippet_container_class="overflow-hidden"
-		/>
 	</div>
 </div>

control/frontend/src/components/DisplayObject.svelte

@@ -10,7 +10,6 @@
 	import OnlineState from './OnlineState.svelte';
 	import type { Display, MenuOption } from '../ts/types';
 	import { is_selected, select, selected_display_ids } from '../ts/stores/select';
-	import { update_screenshot } from '../ts/stores/displays';
 
 	let { display, get_display_menu_options } = $props<{
 		display: Display;
@@ -30,7 +29,6 @@
 		} else {
 			$pinned_display_id = display.id;
 		}
-		update_screenshot(display.id);
 		e.stopPropagation();
 	}
 </script>

control/frontend/src/components/DisplayView.svelte

@@ -102,7 +102,7 @@
 					<div class="flex flex-row gap-1">
 						<OnlineState
 							selected={false}
-							status={pinned_display?.status ?? null}
+							status={pinned_display?.status ?? ''}
 							className="flex items-center px-2"
 						/>
 						<Button

control/frontend/src/components/FolderElementObject.svelte

@@ -30,12 +30,7 @@
 	import RefreshPlay from './RefreshPlay.svelte';
 	import { get_file_size_display_string } from '../ts/utils';
 	import { open_file } from '../ts/api_handler';
-	import {
+	import { displays, get_display_by_id, update_screenshot } from '../ts/stores/displays';
-		displays,
-		get_display_by_id,
-		run_on_all_selected_displays,
-		update_screenshot
-	} from '../ts/stores/displays';
 
 	let { file } = $props<{ file: FolderElement }>();
 
@@ -102,7 +97,13 @@
 			change_file_path($current_file_path + file.name + '/');
 		} else {
 			const path_to_file = $current_file_path + file.name;
-			await run_on_all_selected_displays(open_file, true, path_to_file);
+			for (const display_id of $selected_display_ids) {
+				const ip = get_display_by_id(display_id, $displays)?.ip ?? null;
+				if (ip) {
+					await open_file(ip, path_to_file);
+					await update_screenshot(display_id);
+				}
+			}
 		}
 	}
 </script>

control/frontend/src/components/KeyInput.svelte

@@ -1,70 +0,0 @@
-<script lang="ts">
-	import { flip } from 'svelte/animate';
-	import { get_selectable_color_classes } from '../ts/stores/ui_behavior';
-	import key_map_json from './../../../../shared/keys.json';
-	import { fade } from 'svelte/transition';
-	import { selected_display_ids } from '../ts/stores/select';
-	import { displays, get_display_by_id, run_on_all_selected_displays } from '../ts/stores/displays';
-	import { send_keyboard_input } from '../ts/api_handler';
-
-	const bg = 'bg-stone-700';
-	const key_map: Record<string, string> = key_map_json as Record<string, string>;
-
-	let active = $state(false);
-	let last_keys: { id: number; key: string }[] = $state([]);
-
-	let el: HTMLDivElement;
-
-	function add_to_last_keys(name: string) {
-		const id = Date.now();
-		last_keys.push({ id, key: name });
-		setTimeout(() => {
-			last_keys = last_keys.filter((e) => e.id !== id);
-		}, 1500);
-	}
-
-	async function on_key_down(e: KeyboardEvent) {
-		if (!active) return;
-		const id = key_map[e.code];
-		if (!id) return;
-		e.preventDefault();
-		e.stopPropagation();
-
-		add_to_last_keys(e.code);
-		if (e.repeat) return;
-
-		await run_on_all_selected_displays(send_keyboard_input, true, id);
-	}
-</script>
-
-<div
-	role="textbox"
-	tabindex="0"
-	bind:this={el}
-	onclick={() => {
-		if (active) {
-			el.blur();
-		} else {
-			el.focus();
-			active = true;
-		}
-	}}
-	onblur={() => (active = false)}
-	onkeydown={on_key_down}
-	class="relative flex justify-center items-center h-15 w-full cursor-pointer rounded-xl transition-colors duration-200 select-none {get_selectable_color_classes(
-		active,
-		{
-			bg: true,
-			hover: true,
-			active: true,
-			text: true
-		}
-	)}"
->
-	{active ? 'Erfassung aktiv' : 'Hier für Erfassung klicken'}
-	<div class="absolute top-full left-0 ml-1 mt-0.5 flex flex-col-reverse text-sm text-stone-400">
-		{#each last_keys as key (key.id)}
-			<span animate:flip={{ duration: 200 }} in:fade={{ duration: 200 }} out:fade={{ duration: 500 }} >{key.key}</span>
-		{/each}
-	</div>
-</div>

control/frontend/src/components/PopUp.svelte

@@ -5,11 +5,9 @@
 	import type { PopupContent } from '../ts/types';
 	import { fade } from 'svelte/transition';
 
-	let { content, close_function, className = '', snippet_container_class = '' } = $props<{
+	let { content, close_function } = $props<{
 		content: PopupContent;
 		close_function: () => void;
-		className?: string;
-		snippet_container_class?: string;
 	}>();
 
 	function try_to_close() {
@@ -33,7 +31,7 @@
 	<!-- svelte-ignore a11y_no_static_element_interactions -->
 	<!-- svelte-ignore a11y_click_events_have_key_events -->
 	<div
-		class="absolute inset-0 backdrop-blur flex justify-center items-center {className}"
+		class="absolute inset-0 backdrop-blur bg-white/10 flex justify-center items-center"
 		onclick={try_to_close}
 		transition:fade={{ duration: 100 }}
 	>
@@ -44,12 +42,12 @@
 			onclick={(e) => e.stopPropagation()}
 		>
 			<div
-				class="font-bold bg-stone-700 p-1.5 flex flex-row justify-between gap-8 w-full"
+				class="text-2xl font-bold bg-stone-700 p-1.5 flex flex-row justify-between gap-6 w-full"
 			>
-				<div class="flex flex-row flex-1 gap-3 pl-2 py-1 items-center grow whitespace-nowrap min-w-0 flex-shrink-0 text-lg {content.title_class ?? ''}">
+				<div class="flex flex-row flex-1 gap-4 pl-2 py-1 items-center grow whitespace-nowrap min-w-0 flex-shrink-0 {content.title_class ?? ''}">
 					{#if content.title_icon}
 						{@const Icon = content.title_icon}
-						<Icon strokeWidth="2" class="flex-shrink-0" />
+						<Icon strokeWidth="2.8" class="flex-shrink-0" />
 					{/if}
 					<div class="flex-shrink-0">
 						{content.title}
@@ -63,7 +61,7 @@
 					{/if}
 				</div>
 			</div>
-			<div class="p-2 min-h-0 overflow-auto flex flex-col gap-2 {snippet_container_class}">
+			<div class="p-2 min-h-0 overflow-auto flex flex-col gap-2">
 				{@render content.snippet(content.snippet_arg)}
 			</div>
 		</div>

control/frontend/src/routes/+page.svelte

@@ -30,7 +30,6 @@
 		open: false,
 		snippet: null,
 		title: '',
-		title_class: '!text-xl',
 		closable: true
 	});
 
@@ -74,7 +73,6 @@
 			snippet: add_new_display_popup,
 			title: 'Neuen Bildschirm hinzufügen',
 			title_icon: Monitor,
-			title_class: '!text-xl',
 			closable: true
 		};
 	};
@@ -85,7 +83,7 @@
 			snippet: remove_display_popup,
 			snippet_arg: display_id,
 			title: 'Bildschirm wirklich löschen?',
-			title_class: 'text-red-400 !text-xl',
+			title_class: 'text-red-400',
 			title_icon: Trash2,
 			closable: true
 		};
@@ -105,7 +103,6 @@
 			snippet_arg: display_id,
 			title: 'Bildschirm bearbeiten',
 			title_icon: Monitor,
-			title_class: '!text-xl',
 			closable: true
 		};
 	};
@@ -250,5 +247,5 @@
 			<FileView />
 		</div>
 	</div>
-	<PopUp content={popup_content} close_function={popup_close_function} className="bg-white/10" />
+	<PopUp content={popup_content} close_function={popup_close_function} />
 </main>

control/frontend/src/ts/api_handler.ts

@@ -7,21 +7,10 @@ export async function get_screenshot(ip: string) {
     return await request_display(ip, '/takeScreenshot', options);
 }
 
-export async function open_file(ip: string, path_to_file: string): Promise<void> {
+export async function open_file(ip: string, path_to_file: string): Promise<boolean> {
     const options = { method: 'PATCH', headers: { 'content-type': 'application/octet-stream' } };
-    await request_display(ip, `/file${path_to_file}`, options);
+    const raw_response = await request_display(ip, `/file${path_to_file}`, options);
-}
+    return !!raw_response;
-
-export async function send_keyboard_input(ip: string, key: string): Promise<void> {
-    const options = {
-        method: 'PATCH',
-        headers: { 'content-type': 'application/json' },
-        body: JSON.stringify({
-            key: key,
-        }),
-    };
-    console.log(options)
-    await request_display(ip, '/keyboardInput', options);
 }
 
 export async function get_file_data(ip: string, path: string): Promise<FolderElement[]> {

control/frontend/src/ts/stores/displays.ts

@@ -156,18 +156,6 @@ export async function update_displays_with_map(update_function: (display: Displa
     displays.set(updated_groups);
 }
 
-export async function run_on_all_selected_displays(run_function: ((ip: string, ...args: any[]) => void | Promise<void>), update_screenshot_afterwards: boolean, ...args: any[]) {
-    for (const display_id of get(selected_display_ids)) {
-        const display_ip = get_display_by_id(display_id, get(displays))?.ip;
-        if (display_ip) {
-            await run_function(display_ip, ...args)
-            if (update_screenshot_afterwards) {
-                await update_screenshot(display_id);
-            }
-        }
-    }
-}
-
 
 
 

control/frontend/src/ts/stores/notification.ts

@@ -14,7 +14,7 @@ function createNotifications() {
 
   function push(type: "error" | "success" | "info", title: string, message: string = "", className: string = "") {
     const id = Date.now();
-    const duration = type === "error" ? 16000 : 4000;
+    const duration = type === "error" ? 8000 : 4000;
     update((n) => [...n, { id, title, message, duration, className, type }]);
     setTimeout(() => {
       update((n) => n.filter((x) => x.id !== id));

nixos/configuration.nix

@@ -1,140 +0,0 @@
-{
-  config,
-  pkgs,
-  ...
-}: {
-  imports = [
-    ./hardware-configuration.nix
-  ];
-
-  ## System Config
-
-  boot.loader.systemd-boot.enable = true;
-  boot.loader.efi.canTouchEfiVariables = true;
-
-  networking.networkmanager.enable = true;
-
-  nix.settings.experimental-features = ["nix-command" "flakes"];
-
-  time.timeZone = "Europe/Berlin";
-
-  i18n.defaultLocale = "en_US.UTF-8";
-  i18n.extraLocaleSettings = {
-    LC_ADDRESS = "de_DE.UTF-8";
-    LC_IDENTIFICATION = "de_DE.UTF-8";
-    LC_MEASUREMENT = "de_DE.UTF-8";
-    LC_MONETARY = "de_DE.UTF-8";
-    LC_NAME = "de_DE.UTF-8";
-    LC_NUMERIC = "de_DE.UTF-8";
-    LC_PAPER = "de_DE.UTF-8";
-    LC_TELEPHONE = "de_DE.UTF-8";
-    LC_TIME = "de_DE.UTF-8";
-  };
-
-  services.xserver.enable = true;
-
-  services.xserver.displayManager.lightdm.enable = true;
-  services.xserver.desktopManager.xfce.enable = true;
-
-  services.xserver.xkb = {
-    layout = "de";
-    variant = "";
-  };
-
-  console.keyMap = "de";
-
-  services.pulseaudio.enable = false;
-  security.rtkit.enable = true;
-  services.pipewire = {
-    enable = true;
-    alsa.enable = true;
-    alsa.support32Bit = true;
-    pulse.enable = true;
-  };
-
-  users.users.mudics = {
-    isNormalUser = true;
-    description = "mudics";
-    extraGroups = ["networkmanager" "wheel"];
-  };
-
-  nixpkgs.config.allowUnfree = true;
-
-  system.stateVersion = "25.05"; # Don't change
-
-  ## User Config
-
-  programs.nix-ld = {
-    enable = true;
-    libraries = with pkgs; [
-      stdenv.cc.cc
-      zlib
-    ];
-  };
-
-  services.displayManager.autoLogin = {
-    enable = true;
-    user = "mudics";
-  };
-
-  networking.hostName = "plg-mudics";
-
-  environment.systemPackages = with pkgs; [
-    # Programs
-    libreoffice
-    #rustdesk
-    ungoogled-chromium
-    xfce.thunar-archive-plugin
-    git
-    nushell
-
-    # Libraries
-    imagemagick
-    ffmpeg
-    ghostscript
-  ];
-
-  systemd.services.update-mudics = {
-    wantedBy = ["multi-user.target"];
-    after = ["network-online.target"];
-    wants = ["network-online.target"];
-    path = with pkgs; [nushell unzip];
-    script = "nu ${./update.sh}";
-    serviceConfig = {
-      WorkingDirectory = "/home/mudics/plg-mudics";
-      User = "mudics";
-      Type = "oneshot";
-    };
-  };
-
-  systemd.services.run-mudics = {
-    wantedBy = ["default.target"];
-    after = ["update-mudics.service" "graphical.target"];
-    wants = ["graphical.target"];
-    path = with pkgs; [ungoogled-chromium];
-    script = "./plg-mudics-display";
-    serviceConfig = {
-      WorkingDirectory = "/home/mudics/plg-mudics";
-      User = "mudics";
-      Type = "simple";
-    };
-    environment = {
-      DISPLAY = ":0";
-      XDG_RUNTIME_DIR = "/run/user/1000";
-    };
-  };
-
-  systemd.services.build-mudics-system = {
-    wantedBy = ["default.target"];
-    after = ["update-mudics.service"];
-    path = with pkgs; [nixos-rebuild];
-    script = "nixos-rebuild boot --flake .#plg-mudics";
-    serviceConfig = {
-      WorkingDirectory = "/home/mudics/plg-mudics/nixos";
-    };
-  };
-
-  systemd.tmpfiles.rules = [
-    "d /home/mudics/plg-mudics 0755 mudics - -"
-  ];
-}

nixos/flake.lock

@@ -1,27 +0,0 @@
-{
-  "nodes": {
-    "nixpkgs": {
-      "locked": {
-        "lastModified": 1761999846,
-        "narHash": "sha256-IYlYnp4O4dzEpL77BD/lj5NnJy2J8qbHkNSFiPBCbqo=",
-        "owner": "NixOS",
-        "repo": "nixpkgs",
-        "rev": "3de8f8d73e35724bf9abef41f1bdbedda1e14a31",
-        "type": "github"
-      },
-      "original": {
-        "owner": "NixOS",
-        "ref": "nixos-25.05",
-        "repo": "nixpkgs",
-        "type": "github"
-      }
-    },
-    "root": {
-      "inputs": {
-        "nixpkgs": "nixpkgs"
-      }
-    }
-  },
-  "root": "root",
-  "version": 7
-}

nixos/flake.nix

@@ -1,21 +0,0 @@
-{
-  inputs = {
-    nixpkgs.url = "github:NixOS/nixpkgs/nixos-25.05";
-  };
-
-  outputs = {
-    self,
-    nixpkgs,
-    ...
-  } @ inputs: {
-    nixosConfigurations.plg-mudics = nixpkgs.lib.nixosSystem {
-        system = "x86_64-linux";
-        specialArgs = {
-          inherit inputs;
-        };
-        modules = [
-          ./configuration.nix
-        ];
-      };
-  };
-}

nixos/update.sh

@@ -1,55 +0,0 @@
-#!/usr/bin/env nu
-
-print "Checking for new version of PLG-MuDiCS ..."
-if (new_version_available) {
-    print "New version available. Trying to update ..."
-
-    get_new_display_file
-    get_new_nixos_config
-}
-
-print "Done"
-
-def get_new_nixos_config [] {
-    let temp_folder_path = (mktemp -d "nixos-temp-XXXXXX")
-    let temp_file_path = (mktemp "nixos-temp-XXXXXX")
-    let nixos_config_path = "nixos"
-
-    http get https://github.com/PLG-Development/PLG-MuDiCS/releases/latest/download/nixos.zip --max-time 5sec | save -p -f $temp_file_path
-
-    unzip $temp_file_path -d $temp_folder_path
-    rm -rf $nixos_config_path
-    mv $temp_folder_path $nixos_config_path
-
-    rm $temp_file_path
-
-    cp /etc/nixos/hardware-configuration.nix $"($nixos_config_path)/hardware-configuration.nix"
-}
-
-def get_new_display_file [] {
-    let temp_file_path = (mktemp "display-temp-XXXXXX")
-
-    http get https://github.com/PLG-Development/PLG-MuDiCS/releases/latest/download/plg-mudics-display --max-time 5sec | save -p -f $temp_file_path
-
-    chmod +x $temp_file_path
-    mv $temp_file_path plg-mudics-display
-}
-
-def new_version_available [] {
-    let file_path = "version.json"
-    if not ($file_path | path exists) {
-        { "version": ""} | to json | save version.json
-    }
-
-    let current_version = open $file_path | get version
-
-    let new_version = http get https://api.github.com/repos/PLG-Development/PLG-MuDiCS/releases/latest --max-time 5sec | get tag_name
-    # TODO: only write when all operations were successful
-    { "version": $new_version} | to json | save version.json -f
-
-    if $current_version == $new_version {
-        false
-    } else {
-        true
-    }
-}

shared/keys.json

@@ -1,114 +0,0 @@
-{
-  "Escape": "VK_ESC",
-  "Digit1": "VK_1",
-  "Digit2": "VK_2",
-  "Digit3": "VK_3",
-  "Digit4": "VK_4",
-  "Digit5": "VK_5",
-  "Digit6": "VK_6",
-  "Digit7": "VK_7",
-  "Digit8": "VK_8",
-  "Digit9": "VK_9",
-  "Digit0": "VK_0",
-  "KeyQ": "VK_Q",
-  "KeyW": "VK_W",
-  "KeyE": "VK_E",
-  "KeyR": "VK_R",
-  "KeyT": "VK_T",
-  "KeyY": "VK_Y",
-  "KeyU": "VK_U",
-  "KeyI": "VK_I",
-  "KeyO": "VK_O",
-  "KeyP": "VK_P",
-  "KeyA": "VK_A",
-  "KeyS": "VK_S",
-  "KeyD": "VK_D",
-  "KeyF": "VK_F",
-  "KeyG": "VK_G",
-  "KeyH": "VK_H",
-  "KeyJ": "VK_J",
-  "KeyK": "VK_K",
-  "KeyL": "VK_L",
-  "KeyZ": "VK_Z",
-  "KeyX": "VK_X",
-  "KeyC": "VK_C",
-  "KeyV": "VK_V",
-  "KeyB": "VK_B",
-  "KeyN": "VK_N",
-  "KeyM": "VK_M",
-  "F1": "VK_F1",
-  "F2": "VK_F2",
-  "F3": "VK_F3",
-  "F4": "VK_F4",
-  "F5": "VK_F5",
-  "F6": "VK_F6",
-  "F7": "VK_F7",
-  "F8": "VK_F8",
-  "F9": "VK_F9",
-  "F10": "VK_F10",
-  "F11": "VK_F11",
-  "F12": "VK_F12",
-  "F13": "VK_F13",
-  "F14": "VK_F14",
-  "F15": "VK_F15",
-  "F16": "VK_F16",
-  "F17": "VK_F17",
-  "F18": "VK_F18",
-  "F19": "VK_F19",
-  "F20": "VK_F20",
-  "F21": "VK_F21",
-  "F22": "VK_F22",
-  "F23": "VK_F23",
-  "F24": "VK_F24",
-  "NumLock": "VK_NUMLOCK",
-  "ScrollLock": "VK_SCROLLLOCK",
-  "CapsLock": "VK_CAPSLOCK",
-  "Minus": "VK_SP2",
-  "Equal": "VK_SP3",
-  "Backspace": "VK_BACKSPACE",
-  "Tab": "VK_TAB",
-  "BracketLeft": "VK_SP4",
-  "BracketRight": "VK_SP5",
-  "Enter": "VK_ENTER",
-  "Semicolon": "VK_SP6",
-  "Quote": "VK_SP7",
-  "Backquote": "VK_SP1",
-  "Backslash": "VK_SP8",
-  "Comma": "VK_SP9",
-  "Period": "VK_SP10",
-  "Slash": "VK_SP11",
-  "IntlBackslash": "VK_SP12",
-  "NumpadMultiply": "VK_KPASTERISK",
-  "NumpadDivide": "VK_KPSLASH",
-  "NumpadAdd": "VK_KPPLUS",
-  "NumpadSubtract": "VK_KPMINUS",
-  "NumpadDecimal": "VK_KPDOT",
-  "NumpadEnter": "VK_KPENTER",
-  "Space": "VK_SPACE",
-  "Numpad0": "VK_KP0",
-  "Numpad1": "VK_KP1",
-  "Numpad2": "VK_KP2",
-  "Numpad3": "VK_KP3",
-  "Numpad4": "VK_KP4",
-  "Numpad5": "VK_KP5",
-  "Numpad6": "VK_KP6",
-  "Numpad7": "VK_KP7",
-  "Numpad8": "VK_KP8",
-  "Numpad9": "VK_KP9",
-  "PageUp": "VK_PAGEUP",
-  "PageDown": "VK_PAGEDOWN",
-  "End": "VK_END",
-  "Home": "VK_HOME",
-  "ArrowLeft": "VK_LEFT",
-  "ArrowUp": "VK_UP",
-  "ArrowRight": "VK_RIGHT",
-  "ArrowDown": "VK_DOWN",
-  "PrintScreen": "VK_PRINT",
-  "Insert": "VK_INSERT",
-  "Delete": "VK_DELETE",
-  "Help": "VK_HELP",
-  "BrowserBack": "VK_BACK",
-  "Pause": "VK_PAUSE",
-  "Lang1": "VK_HANGUEL",
-  "Lang2": "VK_HANJA"
-}