{
if (isLoading) return;
setIsLoading(true);
try {
- const modifiers = new Modifiers();
- modifiers.leftCtrl = true;
- modifiers.leftAlt = true;
- await send(modifiers, KeyboardCodes.get('Delete')!);
+ const mods = new Modifiers();
+ Object.assign(mods, modifiers);
+ await send(mods, KeyboardCodes.get(keyCode)!);
} catch (e) {
console.log(e);
} finally {
@@ -26,20 +29,19 @@ export const CtrlAltDel = () => {
}
}
- async function send(modifiers: Modifiers, code: number) {
+ async function send(mods: Modifiers, code: number) {
const keys = [0x00, 0x00, code, 0x00, 0x00, 0x00];
- await device.sendKeyboardData(modifiers, keys);
-
+ await device.sendKeyboardData(mods, keys);
await device.sendKeyboardData(new Modifiers(), [0x00, 0x00, 0x00, 0x00, 0x00, 0x00]);
}
return (
- {t('keyboard.ctrlAltDel')}
+ {label}
);
};
diff --git a/browser/src/components/menu/keyboard/shortcuts-menu.tsx b/browser/src/components/menu/keyboard/shortcuts-menu.tsx
new file mode 100644
index 0000000..6f960cf
--- /dev/null
+++ b/browser/src/components/menu/keyboard/shortcuts-menu.tsx
@@ -0,0 +1,55 @@
+import { useState } from 'react';
+import { SendHorizonal } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { Popover } from 'antd';
+
+import { Shortcut } from './shortcut.tsx';
+
+export const KeyboardShortcutsMenu = () => {
+ const { t } = useTranslation();
+ const [open, setOpen] = useState(false);
+
+ return (
+
+ {[
+ {
+ label: t('keyboard.ctrlAltDel'),
+ modifiers: { leftCtrl: true, leftAlt: true },
+ keyCode: 'Delete',
+ },
+ {
+ label: t('keyboard.ctrlD'),
+ modifiers: { leftCtrl: true },
+ keyCode: 'KeyD',
+ },
+ {
+ label: t('keyboard.winTab'),
+ modifiers: { leftWindows: true },
+ keyCode: 'Tab',
+ },
+ ].map((shortcut) => (
+
+ ))}
+
+ }
+ trigger="click"
+ placement="rightTop"
+ align={{ offset: [14, 0] }}
+ open={open}
+ onOpenChange={setOpen}
+ arrow={false}
+ >
+
+
+ {t('keyboard.shortcuts')}
+
+
+ );
+};
diff --git a/browser/src/components/menu/mouse/index.tsx b/browser/src/components/menu/mouse/index.tsx
index 4c0bbf4..d5ba87a 100644
--- a/browser/src/components/menu/mouse/index.tsx
+++ b/browser/src/components/menu/mouse/index.tsx
@@ -4,6 +4,7 @@ import { useAtom, useSetAtom } from 'jotai';
import { MouseIcon } from 'lucide-react';
import {
+ mouseJigglerModeAtom,
mouseModeAtom,
mouseStyleAtom,
scrollDirectionAtom,
@@ -12,6 +13,7 @@ import {
import * as storage from '@/libs/storage';
import { Direction } from './direction.tsx';
+import { Jiggler } from './jiggler.tsx';
import { Mode } from './mode.tsx';
import { Speed } from './speed.tsx';
import { Style } from './style.tsx';
@@ -21,6 +23,7 @@ export const Mouse = () => {
const [mouseMode, setMouseMode] = useAtom(mouseModeAtom);
const setScrollDirection = useSetAtom(scrollDirectionAtom);
const setScrollInterval = useSetAtom(scrollIntervalAtom);
+ const [mouseJigglerMode, setMouseJigglerMode] = useAtom(mouseJigglerModeAtom);
const [isPopoverOpen, setIsPopoverOpen] = useState(false);
@@ -48,6 +51,11 @@ export const Mouse = () => {
if (interval) {
setScrollInterval(interval);
}
+
+ const jiggler = storage.getMouseJigglerMode();
+ if (mouseJigglerMode !== jiggler) {
+ setMouseJigglerMode(jiggler);
+ }
}
const content = (
@@ -56,6 +64,7 @@ export const Mouse = () => {
+
);
diff --git a/browser/src/components/menu/mouse/jiggler.tsx b/browser/src/components/menu/mouse/jiggler.tsx
new file mode 100644
index 0000000..b3c74f5
--- /dev/null
+++ b/browser/src/components/menu/mouse/jiggler.tsx
@@ -0,0 +1,49 @@
+import { Popover } from 'antd';
+import clsx from 'clsx';
+import { useAtom } from 'jotai';
+import { MousePointerIcon } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+
+import { mouseJigglerModeAtom } from '@/jotai/mouse.ts';
+import * as storage from '@/libs/storage';
+
+export const Jiggler = () => {
+ const { t } = useTranslation();
+ const [mouseJigglerMode, setMouseJigglerMode] = useAtom(mouseJigglerModeAtom);
+ const mouseJigglerModes = [
+ { name: t('mouse.jiggler.enable'), value: 'enable' },
+ { name: t('mouse.jiggler.disable'), value: 'disable' }
+ ];
+
+ function update(mode: string) {
+ setMouseJigglerMode(mode);
+ storage.setMouseJigglerMode(mode);
+ }
+
+ const content = (
+ <>
+ {mouseJigglerModes.map((mode) => (
+ update(mode.value)}
+ >
+ {mode.name}
+
+ ))}
+
+ );
+ return (
+
+
+
+
+
+
{t('mouse.jiggler.title')}
+
+
);
diff --git a/browser/src/components/menu/video/scale.tsx b/browser/src/components/menu/video/scale.tsx
new file mode 100644
index 0000000..d21f5e3
--- /dev/null
+++ b/browser/src/components/menu/video/scale.tsx
@@ -0,0 +1,58 @@
+import { ReactElement, useEffect } from 'react'
+import { Popover, Slider } from 'antd'
+import { useAtom } from 'jotai'
+import { ScalingIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+
+import { videoScaleAtom } from '@/jotai/device.ts';
+import * as storage from '@/libs/storage';
+
+export const Scale = (): ReactElement => {
+ const { t } = useTranslation()
+
+ const [videoScale, setVideoScale] = useAtom(videoScaleAtom)
+
+ useEffect(() => {
+ const scale = storage.getVideoScale()
+ if (scale) {
+ setVideoScale(scale)
+ }
+ }, [])
+
+ async function updateScale(scale: number): Promise {
+ setVideoScale(scale)
+ storage.setVideoScale(scale)
+ }
+
+ const content = (
+
+ x0.5,
+ 1: x1.0,
+ 1.5: x1.5,
+ 2: x2.0
+ }}
+ range={false}
+ included={false}
+ min={0.5}
+ max={2}
+ step={0.1}
+ defaultValue={videoScale}
+ onChange={updateScale}
+ />
+
+ )
+
+ return (
+
+
+
+
+
+
{t('video.scale')}
+
update(mode.value)}
+ >
+ {mode.name}
+
+ ))}
+
+ )
+ return (
+
+
+
+
+
+
{t('mouse.jiggler.title')}
+
+
)
diff --git a/desktop/src/renderer/src/components/menu/video/scale.tsx b/desktop/src/renderer/src/components/menu/video/scale.tsx
new file mode 100644
index 0000000..7c39b15
--- /dev/null
+++ b/desktop/src/renderer/src/components/menu/video/scale.tsx
@@ -0,0 +1,58 @@
+import { ReactElement, useEffect } from 'react'
+import { Popover, Slider } from 'antd'
+import { useAtom } from 'jotai'
+import { ScalingIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+
+import { videoScaleAtom } from '@renderer/jotai/device'
+import * as storage from '@renderer/libs/storage'
+
+export const Scale = (): ReactElement => {
+ const { t } = useTranslation()
+
+ const [videoScale, setVideoScale] = useAtom(videoScaleAtom)
+
+ useEffect(() => {
+ const scale = storage.getVideoScale()
+ if (scale) {
+ setVideoScale(scale)
+ }
+ }, [setVideoScale])
+
+ async function updateScale(scale: number): Promise {
+ setVideoScale(scale)
+ storage.setVideoScale(scale)
+ }
+
+ const content = (
+
+ x0.5,
+ 1: x1.0,
+ 1.5: x1.5,
+ 2: x2.0
+ }}
+ range={false}
+ included={false}
+ min={0.5}
+ max={2}
+ step={0.1}
+ defaultValue={videoScale}
+ onChange={updateScale}
+ />
+
+ )
+
+ return (
+
+
+
+
+
+
{t('video.scale')}
+