MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-13 20:03:51 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix globalsearch perf issue

Browse Source
This commit is contained in:
pa
2026-03-14 01:01:05 +09:00
parent 1f5acd546d
commit 45f3eacf21
1 changed files with 77 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
src/stores/globalSearch.js
View File

@@ -1,4 +1,4 @@
import { ref, watch, computed } from 'vue';
import { computed, effectScope, ref, watch } from 'vue';
import { defineStore } from 'pinia';
import { useAvatarStore } from './avatar';
import { useFavoriteStore } from './favorite';
@@ -27,6 +27,7 @@ export const useGlobalSearchStore = defineStore('GlobalSearch', () => {
// Worker instance (lazy)
let worker = null;
let indexUpdateTimer = null;
let indexWatchScope = null;
function getWorker() {
if (!worker) {
@@ -36,6 +37,12 @@ export const useGlobalSearchStore = defineStore('GlobalSearch', () => {
return worker;
}
function disposeWorker() {
if (!worker) return;
worker.terminate();
worker = null;
}
// Search results (updated from worker messages)
const friendResults = ref([]);
const ownAvatarResults = ref([]);
@@ -58,18 +65,13 @@ export const useGlobalSearchStore = defineStore('GlobalSearch', () => {
const currentUserId = computed(() => userStore.currentUser?.id);
watch(isOpen, (open) => {
if (!open) {
query.value = '';
clearResults();
}
});
// Send index update to worker when data changes
function scheduleIndexUpdate() {
if (!isOpen.value) return;
if (indexUpdateTimer) clearTimeout(indexUpdateTimer);
indexUpdateTimer = setTimeout(() => {
indexUpdateTimer = null;
if (!isOpen.value) return;
sendIndexUpdate();
}, 200);
}
@@ -148,41 +150,59 @@ export const useGlobalSearchStore = defineStore('GlobalSearch', () => {
});
}
watch(
() => friendStore.friends,
() => scheduleIndexUpdate(),
{ deep: true }
);
function stopIndexWatchers() {
if (indexUpdateTimer) {
clearTimeout(indexUpdateTimer);
indexUpdateTimer = null;
}
if (indexWatchScope) {
indexWatchScope.stop();
indexWatchScope = null;
}
}
watch(
() => avatarStore.cachedAvatars,
() => scheduleIndexUpdate(),
{ deep: true }
);
function startIndexWatchers() {
if (indexWatchScope) return;
watch(
() => worldStore.cachedWorlds,
() => scheduleIndexUpdate(),
{ deep: true }
);
indexWatchScope = effectScope();
indexWatchScope.run(() => {
watch(
() => friendStore.friends,
() => scheduleIndexUpdate(),
{ deep: true }
);
watch(
() => groupStore.currentUserGroups,
() => scheduleIndexUpdate(),
{ deep: true }
);
watch(
() => avatarStore.cachedAvatars,
() => scheduleIndexUpdate(),
{ deep: true }
);
watch(
() => favoriteStore.favoriteAvatars,
() => scheduleIndexUpdate(),
{ deep: true }
);
watch(
() => worldStore.cachedWorlds,
() => scheduleIndexUpdate(),
{ deep: true }
);
watch(
() => favoriteStore.favoriteWorlds,
() => scheduleIndexUpdate(),
{ deep: true }
);
watch(
() => groupStore.currentUserGroups,
() => scheduleIndexUpdate(),
{ deep: true }
);
watch(
() => favoriteStore.favoriteAvatars,
() => scheduleIndexUpdate(),
{ deep: true }
);
watch(
() => favoriteStore.favoriteWorlds,
() => scheduleIndexUpdate(),
{ deep: true }
);
});
}
let searchSeq = 0;
@@ -208,7 +228,25 @@ export const useGlobalSearchStore = defineStore('GlobalSearch', () => {
watch(query, dispatchSearch);
watch(currentUserId, () => {
if (query.value && query.value.length >= 2) dispatchSearch();
if (query.value && query.value.length >= 2) {
dispatchSearch();
}
});
watch(isOpen, (open) => {
if (open) {
startIndexWatchers();
sendIndexUpdate();
if (query.value && query.value.length >= 2) {
dispatchSearch();
}
return;
}
query.value = '';
clearResults();
stopIndexWatchers();
disposeWorker();
});
function handleWorkerMessage(event) {
@@ -242,7 +280,6 @@ export const useGlobalSearchStore = defineStore('GlobalSearch', () => {
}
function open() {
sendIndexUpdate();
isOpen.value = true;
}