PandaDEV/Qopy
1
0
Fork 0
mirror of https://github.com/0PandaDEV/Qopy.git synced 2025-06-15 19:37:37 +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

2
app.vue
View file

@ -10,10 +10,8 @@ import { listen } from "@tauri-apps/api/event";
import { app, window } from "@tauri-apps/api";
import { disable, enable } from "@tauri-apps/plugin-autostart";
import { onMounted } from "vue";
import { keyboard } from "wrdu-keyboard";
const { $settings } = useNuxtApp();
keyboard.init();
onMounted(async () => {
await listen("settings", async () => {

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", {

29
pages/settings.vue
View file

@ -78,10 +78,10 @@ import { onMounted, onUnmounted, reactive, ref } from "vue";
import { platform } from "@tauri-apps/plugin-os";
import { useRouter } from "vue-router";
import { KeyValues, KeyLabels } from "../types/keys";
import { disable, enable } from "@tauri-apps/plugin-autostart";
import { Key, keyboard } from "wrdu-keyboard";
import { disable, enable } from "@tauri-apps/plugin-autostart";
import BottomBar from "../components/BottomBar.vue";
import IconsEnter from "~/components/Icons/Enter.vue";
import { Key, useKeyboard } from "@waradu/keyboard";
const activeModifiers = reactive<Set<KeyValues>>(new Set());
const isKeybindInputFocused = ref(false);
@ -93,6 +93,7 @@ const router = useRouter();
const showEmptyKeybindError = ref(false);
const autostart = ref(false);
const { $settings } = useNuxtApp();
const keyboard = useKeyboard();
const modifierKeySet = new Set([
KeyValues.AltLeft,
@ -174,48 +175,48 @@ const toggleAutostart = async () => {
os.value = platform();
onMounted(async () => {
keyboard.prevent.down([Key.All], (event: KeyboardEvent) => {
keyboard.listen([Key.All], (event: KeyboardEvent) => {
if (isKeybindInputFocused.value) {
onKeyDown(event);
}
});
}, { prevent: true });
keyboard.prevent.down([Key.Escape], () => {
keyboard.listen([Key.Escape], () => {
if (isKeybindInputFocused.value) {
keybindInput.value?.blur();
} else {
router.push("/");
}
});
}, { prevent: true });
switch (os.value) {
case "macos":
keyboard.prevent.down([Key.LeftMeta, Key.Enter], () => {
keyboard.listen([Key.Meta, Key.Enter], () => {
if (!isKeybindInputFocused.value) {
saveKeybind();
}
});
}, { prevent: true });
keyboard.prevent.down([Key.RightMeta, Key.Enter], () => {
keyboard.listen([Key.Meta, Key.Enter], () => {
if (!isKeybindInputFocused.value) {
saveKeybind();
}
});
}, { prevent: true });
break;
case "linux":
case "windows":
keyboard.prevent.down([Key.LeftControl, Key.Enter], () => {
keyboard.listen([Key.Control, Key.Enter], () => {
if (!isKeybindInputFocused.value) {
saveKeybind();
}
});
}, { prevent: true });
keyboard.prevent.down([Key.RightControl, Key.Enter], () => {
keyboard.listen([Key.Control, Key.Enter], () => {
if (!isKeybindInputFocused.value) {
saveKeybind();
}
});
}, { prevent: true });
break;
}