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

refactor: store state

Browse Source
This commit is contained in:
pa
2025-10-11 15:30:44 +09:00
committed by Natsumi
parent 1e18d89b61
commit 86f7847c46
31 changed files with 2719 additions and 4029 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
src/stores/feed.js
View File

@@ -1,5 +1,5 @@
import { defineStore } from 'pinia';
import { computed, reactive, watch } from 'vue';
import { ref, watch } from 'vue';
import configRepository from '../service/config';
import { database } from '../service/database';
import { watchState } from '../service/watchState';
@@ -16,62 +16,35 @@ export const useFeedStore = defineStore('Feed', () => {
const vrcxStore = useVrcxStore();
const sharedFeedStore = useSharedFeedStore();
const state = reactive({
feedTable: {
data: [],
search: '',
vip: false,
loading: false,
filter: [],
tableProps: {
stripe: true,
size: 'small',
defaultSort: {
prop: 'created_at',
order: 'descending'
}
},
pageSize: 15,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
const feedTable = ref({
data: [],
search: '',
vip: false,
loading: false,
filter: [],
tableProps: {
stripe: true,
size: 'small',
defaultSort: {
prop: 'created_at',
order: 'descending'
}
},
feedSessionTable: []
});
async function init() {
state.feedTable.filter = JSON.parse(
await configRepository.getString('VRCX_feedTableFilters', '[]')
);
state.feedTable.vip = await configRepository.getBool(
'VRCX_feedTableVIPFilter',
false
);
}
init();
const feedTable = computed({
get: () => state.feedTable,
set: (value) => {
state.feedTable = value;
pageSize: 15,
paginationProps: {
small: true,
layout: 'sizes,prev,pager,next,total',
pageSizes: [10, 15, 20, 25, 50, 100]
}
});
const feedSessionTable = computed({
get: () => state.feedSessionTable,
set: (value) => {
state.feedSessionTable = value;
}
});
const feedSessionTable = ref([]);
watch(
() => watchState.isLoggedIn,
(isLoggedIn) => {
state.feedTable.data = [];
state.feedSessionTable = [];
feedTable.value.data = [];
feedSessionTable.value = [];
if (isLoggedIn) {
initFeedTable();
}
@@ -82,14 +55,26 @@ export const useFeedStore = defineStore('Feed', () => {
watch(
() => watchState.isFavoritesLoaded,
(isFavoritesLoaded) => {
if (isFavoritesLoaded && state.feedTable.vip) {
if (isFavoritesLoaded && feedTable.value.vip) {
feedTableLookup(); // re-apply VIP filter after friends are loaded
}
}
);
async function init() {
feedTable.value.filter = JSON.parse(
await configRepository.getString('VRCX_feedTableFilters', '[]')
);
feedTable.value.vip = await configRepository.getBool(
'VRCX_feedTableVIPFilter',
false
);
}
init();
function feedSearch(row) {
const value = state.feedTable.search.toUpperCase();
const value = feedTable.value.search.toUpperCase();
if (!value) {
return true;
}
@@ -163,37 +148,37 @@ export const useFeedStore = defineStore('Feed', () => {
async function feedTableLookup() {
await configRepository.setString(
'VRCX_feedTableFilters',
JSON.stringify(state.feedTable.filter)
JSON.stringify(feedTable.value.filter)
);
await configRepository.setBool(
'VRCX_feedTableVIPFilter',
state.feedTable.vip
feedTable.value.vip
);
state.feedTable.loading = true;
feedTable.value.loading = true;
let vipList = [];
if (state.feedTable.vip) {
if (feedTable.value.vip) {
vipList = Array.from(friendStore.localFavoriteFriends.values());
}
state.feedTable.data = await database.lookupFeedDatabase(
state.feedTable.search,
state.feedTable.filter,
feedTable.value.data = await database.lookupFeedDatabase(
feedTable.value.search,
feedTable.value.filter,
vipList
);
state.feedTable.loading = false;
feedTable.value.loading = false;
}
function addFeed(feed) {
notificationStore.queueFeedNoty(feed);
state.feedSessionTable.push(feed);
feedSessionTable.value.push(feed);
sharedFeedStore.updateSharedFeed(false);
if (
state.feedTable.filter.length > 0 &&
!state.feedTable.filter.includes(feed.type)
feedTable.value.filter.length > 0 &&
!feedTable.value.filter.includes(feed.type)
) {
return;
}
if (
state.feedTable.vip &&
feedTable.value.vip &&
!friendStore.localFavoriteFriends.has(feed.userId)
) {
return;
@@ -201,14 +186,14 @@ export const useFeedStore = defineStore('Feed', () => {
if (!feedSearch(feed)) {
return;
}
state.feedTable.data.push(feed);
feedTable.value.data.push(feed);
sweepFeed();
UiStore.notifyMenu('feed');
}
function sweepFeed() {
let limit;
const { data } = state.feedTable;
const { data } = feedTable.value;
const j = data.length;
if (j > vrcxStore.maxTableSize) {
data.splice(0, j - vrcxStore.maxTableSize);
@@ -218,27 +203,25 @@ export const useFeedStore = defineStore('Feed', () => {
date.setDate(date.getDate() - 1); // 24 hour limit
limit = date.toJSON();
let i = 0;
const k = state.feedSessionTable.length;
while (i < k && state.feedSessionTable[i].created_at < limit) {
const k = feedSessionTable.value.length;
while (i < k && feedSessionTable.value[i].created_at < limit) {
++i;
}
if (i === k) {
state.feedSessionTable = [];
feedSessionTable.value = [];
} else if (i) {
state.feedSessionTable.splice(0, i);
feedSessionTable.value.splice(0, i);
}
}
async function initFeedTable() {
state.feedTable.loading = true;
feedTable.value.loading = true;
feedTableLookup();
state.feedSessionTable = await database.getFeedDatabase();
feedSessionTable.value = await database.getFeedDatabase();
}
return {
state,
feedTable,
feedSessionTable,
initFeedTable,