PandaDEV/Qopy
1
0
Fork 0
mirror of https://github.com/0PandaDEV/Qopy.git synced 2025-06-16 20:07:33 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: replace wrdu-keyboard with @waradu/keyboard for keyboard handling

Browse source
This commit is contained in:
0PandaDEV 2025-05-27 14:02:14 +02:00
parent 95a4ad624a
commit 5fd0485aa7
No known key found for this signature in database
GPG key ID: F4C8370B55232C8E
3 changed files with 47 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

58
pages/index.vue
View file

@ -73,7 +73,6 @@ import type {
InfoColor,
InfoCode,
} from "~/types/types";
import { Key, keyboard } from "wrdu-keyboard";
import {
selectedGroupIndex,
selectedItemIndex,
@ -82,6 +81,7 @@ import {
} from "~/lib/selectedResult";
import IconsEnter from "~/components/Icons/Enter.vue";
import IconsK from "~/components/Icons/K.vue";
import { Key, useKeyboard } from "@waradu/keyboard";
interface GroupedHistory {
label: string;
@ -90,6 +90,8 @@ interface GroupedHistory {
const { $history } = useNuxtApp();
const keyboard = useKeyboard();
const CHUNK_SIZE = 50;
const SCROLL_THRESHOLD = 100;
const SCROLL_PADDING = 8;
@ -527,33 +529,33 @@ const setupEventListeners = async (): Promise<void> => {
}
focusSearchInput();
keyboard.clear();
keyboard.prevent.down([Key.DownArrow], () => {
keyboard.init();
keyboard.listen([Key.DownArrow], () => {
selectNext();
});
}, { prevent: true });
keyboard.prevent.down([Key.UpArrow], () => {
keyboard.listen([Key.UpArrow], () => {
selectPrevious();
});
}, { prevent: true });
keyboard.prevent.down([Key.Enter], () => {
keyboard.listen([Key.Enter], () => {
pasteSelectedItem();
});
}, { prevent: true });
keyboard.prevent.down([Key.Escape], () => {
keyboard.listen([Key.Escape], () => {
hideApp();
});
}, { prevent: true });
switch (os.value) {
case "macos":
keyboard.prevent.down([Key.LeftMeta, Key.K], () => { });
keyboard.prevent.down([Key.RightMeta, Key.K], () => { });
keyboard.listen([Key.Meta, Key.K], () => { }, { prevent: true });
keyboard.listen([Key.Meta, Key.K], () => { }, { prevent: true });
break;
case "linux":
case "windows":
keyboard.prevent.down([Key.LeftControl, Key.K], () => { });
keyboard.prevent.down([Key.RightControl, Key.K], () => { });
keyboard.listen([Key.Control, Key.K], () => { }, { prevent: true });
keyboard.listen([Key.Control, Key.K], () => { }, { prevent: true });
break;
}
});
@ -563,32 +565,32 @@ const setupEventListeners = async (): Promise<void> => {
keyboard.clear();
});
keyboard.prevent.down([Key.DownArrow], () => {
keyboard.listen([Key.DownArrow], () => {
selectNext();
});
}, { prevent: true });
keyboard.prevent.down([Key.UpArrow], () => {
keyboard.listen([Key.UpArrow], () => {
selectPrevious();
});
}, { prevent: true });
keyboard.prevent.down([Key.Enter], () => {
keyboard.listen([Key.Enter], () => {
pasteSelectedItem();
});
}, { prevent: true });
keyboard.prevent.down([Key.Escape], () => {
keyboard.listen([Key.Escape], () => {
hideApp();
});
}, { prevent: true });
switch (os.value) {
case "macos":
keyboard.prevent.down([Key.LeftMeta, Key.K], () => { });
keyboard.prevent.down([Key.RightMeta, Key.K], () => { });
keyboard.listen([Key.Meta, Key.K], () => { }, { prevent: true });
keyboard.listen([Key.Meta, Key.K], () => { }, { prevent: true });
break;
case "linux":
case "windows":
keyboard.prevent.down([Key.LeftControl, Key.K], () => { });
keyboard.prevent.down([Key.RightControl, Key.K], () => { });
keyboard.listen([Key.Control, Key.K], () => { }, { prevent: true });
keyboard.listen([Key.Control, Key.K], () => { }, { prevent: true });
break;
}
};
@ -633,6 +635,10 @@ onMounted(async () => {
}
});
onUnmounted(() => {
keyboard.clear();
});
const getFormattedDate = computed(() => {
if (!selectedItem.value?.timestamp) return "";
return new Intl.DateTimeFormat("en-US", {