File formatting pass

.devcontainer/docker/devcontainer.json

@@ -9,7 +9,7 @@
 	},
 	"mounts": [
 		"source=${localEnv:HOME}/.ssh,target=/home/vscode/.ssh,type=bind,consistency=cached",
-        "source=/var/run/docker.sock,target=/var/run/docker.sock,type=bind"
+		"source=/var/run/docker.sock,target=/var/run/docker.sock,type=bind"
 	],
 	"onCreateCommand": ".devcontainer/install-deps.sh",
 	"customizations": {

ui/localization/messages/zh.json

@@ -11,7 +11,7 @@
 	"action_bar_web_terminal": "网页终端",
 	"action_bar_wake_on_lan": "局域网唤醒",
 	"action_bar_virtual_keyboard": "虚拟键盘",
-    "action_bar_extension": "扩展",
+	"action_bar_extension": "扩展",
 	"action_bar_connection_stats": "连接统计",
 	"action_bar_settings": "设置",
 	"action_bar_fullscreen": "全屏",

ui/src/hooks/hidRpc.ts

@@ -270,9 +270,8 @@ export class KeyboardMacroReportMessage extends RpcMessage {
                 ...keys,
                 ...fromUint16toUint8(step.delay),
             ]);
+
             const offset = 6 + i * 9;
-
-            
             data.set(macroBinary, offset);
         }
 

ui/src/hooks/stores.ts

@@ -73,10 +73,10 @@ export interface UIState {
 
 export const useUiStore = create<UIState>(set => ({
   terminalType: "none",
-  setTerminalType: (type: UIState["terminalType"])  => set({ terminalType: type }),
+  setTerminalType: (type: UIState["terminalType"]) => set({ terminalType: type }),
 
   sidebarView: null,
-  setSidebarView:  (view: AvailableSidebarViews | null) => set({ sidebarView: view }),
+  setSidebarView: (view: AvailableSidebarViews | null) => set({ sidebarView: view }),
 
   disableVideoFocusTrap: false,
   setDisableVideoFocusTrap: (enabled: boolean) => set({ disableVideoFocusTrap: enabled }),
@@ -195,7 +195,7 @@ export const useRTCStore = create<RTCState>(set => ({
   videoStreamStatsHistory: new Map(),
 
   isTurnServerInUse: false,
-  setTurnServerInUse: (inUse: boolean)  => set({ isTurnServerInUse: inUse }),
+  setTurnServerInUse: (inUse: boolean) => set({ isTurnServerInUse: inUse }),
 
   inboundRtpStats: new Map(),
   appendInboundRtpStats: (stats: RTCInboundRtpStreamStats) => {
@@ -461,8 +461,8 @@ export const hidKeyBufferSize = 6;
 export const hidErrorRollOver = 0x01;
 
 export interface KeysDownState {
-	modifier: number;
-	keys: number[];
+  modifier: number;
+  keys: number[];
 }
 
 export type USBStates =
@@ -493,7 +493,7 @@ export const useHidStore = create<HidState>(set => ({
   keyboardLedState: { num_lock: false, caps_lock: false, scroll_lock: false, compose: false, kana: false, shift: false } as KeyboardLedState,
   setKeyboardLedState: (ledState: KeyboardLedState): void => set({ keyboardLedState: ledState }),
 
-  keysDownState: { modifier: 0, keys: [0,0,0,0,0,0] } as KeysDownState,
+  keysDownState: { modifier: 0, keys: [0, 0, 0, 0, 0, 0] } as KeysDownState,
   setKeysDownState: (state: KeysDownState): void => set({ keysDownState: state }),
 
   isVirtualKeyboardEnabled: false,
@@ -521,34 +521,34 @@ export type UpdateModalViews =
   | "error";
 
 export interface OtaState {
-    updating: boolean;
-    error: string | null;
+  updating: boolean;
+  error: string | null;
 
-    metadataFetchedAt: string | null;
+  metadataFetchedAt: string | null;
 
-    // App update
-    appUpdatePending: boolean;
+  // App update
+  appUpdatePending: boolean;
 
-    appDownloadProgress: number;
-    appDownloadFinishedAt: string | null;
+  appDownloadProgress: number;
+  appDownloadFinishedAt: string | null;
 
-    appVerificationProgress: number;
-    appVerifiedAt: string | null;
+  appVerificationProgress: number;
+  appVerifiedAt: string | null;
 
-    appUpdateProgress: number;
-    appUpdatedAt: string | null;
+  appUpdateProgress: number;
+  appUpdatedAt: string | null;
 
-    // System update
-    systemUpdatePending: boolean;
+  // System update
+  systemUpdatePending: boolean;
 
-    systemDownloadProgress: number;
-    systemDownloadFinishedAt: string | null;
+  systemDownloadProgress: number;
+  systemDownloadFinishedAt: string | null;
 
-    systemVerificationProgress: number;
-    systemVerifiedAt: string | null;
+  systemVerificationProgress: number;
+  systemVerifiedAt: string | null;
 
-    systemUpdateProgress: number;
-    systemUpdatedAt: string | null;
+  systemUpdateProgress: number;
+  systemUpdatedAt: string | null;
 };
 
 export interface UpdateState {
@@ -603,7 +603,7 @@ export type UsbConfigModalViews =
   | "updateUsbConfigSuccess";
 
 export interface UsbConfigModalState {
-  modalView: UsbConfigModalViews ;
+  modalView: UsbConfigModalViews;
   errorMessage: string | null;
   setModalView: (view: UsbConfigModalViews) => void;
   setErrorMessage: (message: string | null) => void;
@@ -620,7 +620,7 @@ export interface UsbConfigState {
 export const useUsbConfigModalStore = create<UsbConfigModalState>(set => ({
   modalView: "updateUsbConfig",
   errorMessage: null,
-  setModalView:  (view: UsbConfigModalViews) => set({ modalView: view }),
+  setModalView: (view: UsbConfigModalViews) => set({ modalView: view }),
   setErrorMessage: (message: string | null) => set({ errorMessage: message }),
 }));
 
@@ -633,13 +633,13 @@ export type LocalAuthModalViews =
   | "updateSuccess";
 
 export interface LocalAuthModalState {
-  modalView:LocalAuthModalViews;
-  setModalView: (view:LocalAuthModalViews) => void;
+  modalView: LocalAuthModalViews;
+  setModalView: (view: LocalAuthModalViews) => void;
 }
 
 export const useLocalAuthModalStore = create<LocalAuthModalState>(set => ({
   modalView: "createPassword",
-  setModalView: (view: LocalAuthModalViews)  => set({ modalView: view }),
+  setModalView: (view: LocalAuthModalViews) => set({ modalView: view }),
 }));
 
 export interface DeviceState {
@@ -779,12 +779,12 @@ export interface MacrosState {
   loadMacros: () => Promise<void>;
   saveMacros: (macros: KeySequence[]) => Promise<void>;
   sendFn:
-    | ((
-        method: string,
-        params: unknown,
-        callback?: ((resp: JsonRpcResponse) => void) | undefined,
-      ) => void)
-    | null;
+  | ((
+    method: string,
+    params: unknown,
+    callback?: ((resp: JsonRpcResponse) => void) | undefined,
+  ) => void)
+  | null;
   setSendFn: (
     sendFn: (
       method: string,

ui/src/hooks/useHidRpc.ts

@@ -71,7 +71,7 @@ export function useHidRpc(onHidRpcMessage?: (payload: RpcMessage) => void) {
       }: sendMessageParams = {},
     ) => {
       if (hidRpcDisabled) return;
-    if (rpcHidChannel?.readyState !== "open") return;
+      if (rpcHidChannel?.readyState !== "open") return;
       if (!rpcHidReady && !ignoreHandshakeState) return;
 
       let data: Uint8Array | undefined;
@@ -163,7 +163,7 @@ export function useHidRpc(onHidRpcMessage?: (payload: RpcMessage) => void) {
     (message: HandshakeMessage) => {
       if (hidRpcDisabled) return;
 
-    if (!message.version) {
+      if (!message.version) {
         console.error("Received handshake message without version", message);
         return;
       }
@@ -238,7 +238,7 @@ export function useHidRpc(onHidRpcMessage?: (payload: RpcMessage) => void) {
     setRpcHidProtocolVersion,
     sendHandshake,
     handleHandshake,
-      hidRpcDisabled,
+    hidRpcDisabled,
   ]);
 
   return {

ui/src/hooks/useJsonRpc.ts

@@ -79,7 +79,7 @@ export function useJsonRpc(onRequest?: (payload: JsonRpcRequest) => void) {
       rpcDataChannel.removeEventListener("message", messageHandler);
     };
   },
-  [rpcDataChannel, onRequest]);
+    [rpcDataChannel, onRequest]);
 
   return { send };
 }

ui/src/hooks/useKeyboard.ts

@@ -54,7 +54,8 @@ export default function useKeyboard() {
   // support the keyPressReport API. In that case, we need to handle the key presses locally
   // and send the full state to the device, so it can behave like a real USB HID keyboard.
   // This flag indicates whether the keyPressReport API is available on the device which is
-  // dynamically set when the device responds to the first key press event or reports its  // keysDownState when queried since the keyPressReport was introduced together with the
+  // dynamically set when the device responds to the first key press event or reports its
+  // keysDownState when queried since the keyPressReport was introduced together with the
   // getKeysDownState API.
 
   // HidRPC is a binary format for exchanging keyboard and mouse events
@@ -277,7 +278,6 @@ export default function useKeyboard() {
     cancelKeepAlive();
   }, [cancelKeepAlive]);
 
-
   // executeMacro is used to execute a macro consisting of multiple steps.
   // Each step can have multiple keys, multiple modifiers and a delay.
   // The keys and modifiers are pressed together and held for the delay duration.
@@ -306,6 +306,7 @@ export default function useKeyboard() {
 
     sendKeyboardMacroEventHidRpc(macro);
   }, [sendKeyboardMacroEventHidRpc]);
+
   const executeMacroClientSide = useCallback(async (steps: MacroSteps) => {
     const promises: (() => Promise<void>)[] = [];
 
@@ -355,6 +356,7 @@ export default function useKeyboard() {
         });
     });
   }, [sendKeystrokeLegacy, resetKeyboardState, setAbortController]);
+
   const executeMacro = useCallback(async (steps: MacroSteps) => {
     if (rpcHidReady) {
       return executeMacroRemote(steps);

ui/src/hooks/useKeyboardLayout.ts

@@ -28,7 +28,7 @@ export default function useKeyboardLayout() {
   const selectedKeyboard = useMemo(() => {
     // fallback to original behaviour of en-US if no isoCode given or matching layout not found
     return keyboards.find(keyboard => keyboard.isoCode === isoCode)
-          ?? keyboards.find(keyboard => keyboard.isoCode === "en-US")!;
+      ?? keyboards.find(keyboard => keyboard.isoCode === "en-US")!;
   }, [isoCode]);
 
   return { keyboardOptions, isoCode, selectedKeyboard };

ui/src/keyboardLayouts.ts

@@ -29,4 +29,4 @@ import { nb_NO } from "@/keyboardLayouts/nb_NO"
 import { sv_SE } from "@/keyboardLayouts/sv_SE"
 import { da_DK } from "@/keyboardLayouts/da_DK"
 
-export const keyboards: KeyboardLayout[] = [ cs_CZ, de_CH, de_DE, en_UK, en_US, es_ES, fr_BE, fr_CH, fr_FR, it_IT, nb_NO, sv_SE, da_DK ];
+export const keyboards: KeyboardLayout[] = [cs_CZ, de_CH, de_DE, en_UK, en_US, es_ES, fr_BE, fr_CH, fr_FR, it_IT, nb_NO, sv_SE, da_DK];

ui/src/keyboardLayouts/da_DK.ts

@@ -166,7 +166,7 @@ export const chars = {
   "~": { key: "BracketRight", deadKey: true, altRight: true },
   "^": { key: "BracketRight", deadKey: true, shift: true },
   "¨": { key: "BracketRight", deadKey: true, },
-  "|": { key: "Equal", deadKey: true, altRight: true},
+  "|": { key: "Equal", deadKey: true, altRight: true },
   "`": { key: "Equal", deadKey: true, shift: true, },
   "´": { key: "Equal", deadKey: true, },
   " ": { key: "Space" },

ui/src/keyboardLayouts/en_US.ts

@@ -113,7 +113,7 @@ export const chars = {
   "~": { key: "Backquote", shift: true },
   "§": { key: "IntlBackslash" },
   "±": { key: "IntlBackslash", shift: true },
-  " ": { key: "Space"  },
+  " ": { key: "Space" },
   "\n": { key: "Enter" },
   Enter: { key: "Enter" },
   Escape: { key: "Escape" },

ui/src/keyboardMappings.ts

@@ -121,7 +121,7 @@ export const keys = {
   Hanja: 0x91,
   Katakana: 0x92,
   Hiragana: 0x93,
-  ZenkakuHankaku:0x94,
+  ZenkakuHankaku: 0x94,
   LockingCapsLock: 0x82,
   LockingNumLock: 0x83,
   LockingScrollLock: 0x84,

ui/src/utils.ts

@@ -41,14 +41,14 @@ export const formatters = {
       amount: number;
       name: Intl.RelativeTimeFormatUnit;
     }[] = [
-      { amount: 60, name: "seconds" },
-      { amount: 60, name: "minutes" },
-      { amount: 24, name: "hours" },
-      { amount: 7, name: "days" },
-      { amount: 4.34524, name: "weeks" },
-      { amount: 12, name: "months" },
-      { amount: Number.POSITIVE_INFINITY, name: "years" },
-    ];
+        { amount: 60, name: "seconds" },
+        { amount: 60, name: "minutes" },
+        { amount: 24, name: "hours" },
+        { amount: 7, name: "days" },
+        { amount: 4.34524, name: "weeks" },
+        { amount: 12, name: "months" },
+        { amount: Number.POSITIVE_INFINITY, name: "years" },
+      ];
 
     let duration = (date.valueOf() - new Date().valueOf()) / 1000;