mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-29 19:53:47 +02:00
refactor: app.js (#1291)
* refactor: frontend * Fix avatar gallery sort * Update .NET dependencies * Update npm dependencies electron v37.1.0 * bulkRefreshFriends * fix dark theme * Remove crowdin * Fix config.json dialog not updating * VRCX log file fixes & add Cef log * Remove SharedVariable, fix startup * Revert init theme change * Logging date not working? Fix WinformThemer designer error * Add Cef request hander, no more escaping main page * clean * fix * fix * clean * uh * Apply thememode at startup, fixes random user colours * Split database into files * Instance info remove empty lines * Open external VRC links with VRCX * Electron fixes * fix userdialog style * ohhhh * fix store * fix store * fix: load all group members after kicking a user * fix: world dialog favorite button style * fix: Clear VRCX Cache Timer input value * clean * Fix VR overlay * Fix VR overlay 2 * Fix Discord discord rich presence for RPC worlds * Clean up age verified user tags * Fix playerList being occupied after program reload * no `this` * Fix login stuck loading * writable: false * Hide dialogs on logout * add flush sync option * rm LOGIN event * rm LOGOUT event * remove duplicate event listeners * remove duplicate event listeners * clean * remove duplicate event listeners * clean * fix theme style * fix t * clearable * clean * fix ipcEvent * Small changes * Popcorn Palace support * Remove checkActiveFriends * Clean up * Fix dragEnterCef * Block API requests when not logged in * Clear state on login & logout * Fix worldDialog instances not updating * use <script setup> * Fix avatar change event, CheckGameRunning at startup * Fix image dragging * fix * Remove PWI * fix updateLoop * add webpack-dev-server to dev environment * rm unnecessary chunks * use <script setup> * webpack-dev-server changes * use <script setup> * use <script setup> * Fix UGC text size * Split login event * t * use <script setup> * fix * Update .gitignore and enable checkJs in jsconfig * fix i18n t * use <script setup> * use <script setup> * clean * global types * fix * use checkJs for debugging * Add watchState for login watchers * fix .vue template * type fixes * rm Vue.filter * Cef v138.0.170, VC++ 2022 * Settings fixes * Remove 'USER:CURRENT' * clean up 2FA callbacks * remove userApply * rm i18n import * notification handling to use notification store methods * refactor favorite handling to use favorite store methods and clean up event emissions * refactor moderation handling to use dedicated functions for player moderation events * refactor friend handling to use dedicated functions for friend events * Fix program startup, move lang init * Fix friend state * Fix status change error * Fix user notes diff * fix * rm group event * rm auth event * rm avatar event * clean * clean * getUser * getFriends * getFavoriteWorlds, getFavoriteAvatars * AvatarGalleryUpload btn style & package.json update * Fix friend requests * Apply user * Apply world * Fix note diff * Fix VR overlay * Fixes * Update build scripts * Apply avatar * Apply instance * Apply group * update hidden VRC+ badge * Fix sameInstance "private" * fix 502/504 API errors * fix 502/504 API errors * clean * Fix friend in same instance on orange showing twice in friends list * Add back in broken friend state repair methods * add types --------- Co-authored-by: Natsumi <cmcooper123@hotmail.com>
This commit is contained in:
pa
GitHub
180
src/stores/avatarProvider.js
Normal file
180
src/stores/avatarProvider.js
Normal file
@@ -0,0 +1,180 @@
|
||||
import { defineStore } from 'pinia';
|
||||
import { computed, reactive, watch } from 'vue';
|
||||
import configRepository from '../service/config';
|
||||
import { watchState } from '../service/watchState';
|
||||
import { useAdvancedSettingsStore } from './settings/advanced';
|
||||
|
||||
export const useAvatarProviderStore = defineStore('AvatarProvider', () => {
|
||||
const advancedSettingsStore = useAdvancedSettingsStore();
|
||||
const state = reactive({
|
||||
isAvatarProviderDialogVisible: false,
|
||||
|
||||
avatarRemoteDatabaseProvider: '',
|
||||
avatarRemoteDatabaseProviderList: [
|
||||
'https://api.avtrdb.com/v2/avatar/search/vrcx',
|
||||
'https://avtr.just-h.party/vrcx_search.php'
|
||||
]
|
||||
});
|
||||
|
||||
async function initAvatarProviderState() {
|
||||
state.avatarRemoteDatabaseProviderList = JSON.parse(
|
||||
await configRepository.getString(
|
||||
'VRCX_avatarRemoteDatabaseProviderList',
|
||||
'[ "https://api.avtrdb.com/v2/avatar/search/vrcx", "https://avtr.just-h.party/vrcx_search.php" ]'
|
||||
)
|
||||
);
|
||||
if (
|
||||
state.avatarRemoteDatabaseProviderList.length === 1 &&
|
||||
state.avatarRemoteDatabaseProviderList[0] ===
|
||||
'https://avtr.just-h.party/vrcx_search.php'
|
||||
) {
|
||||
state.avatarRemoteDatabaseProviderList.unshift(
|
||||
'https://api.avtrdb.com/v2/avatar/search/vrcx'
|
||||
);
|
||||
await configRepository.setString(
|
||||
'VRCX_avatarRemoteDatabaseProviderList',
|
||||
JSON.stringify(state.avatarRemoteDatabaseProviderList)
|
||||
);
|
||||
}
|
||||
|
||||
if (
|
||||
await configRepository.getString(
|
||||
'VRCX_avatarRemoteDatabaseProvider'
|
||||
)
|
||||
) {
|
||||
// move existing provider to new list
|
||||
const avatarRemoteDatabaseProvider =
|
||||
await configRepository.getString(
|
||||
'VRCX_avatarRemoteDatabaseProvider'
|
||||
);
|
||||
if (
|
||||
!state.avatarRemoteDatabaseProviderList.includes(
|
||||
avatarRemoteDatabaseProvider
|
||||
)
|
||||
) {
|
||||
state.avatarRemoteDatabaseProviderList.push(
|
||||
avatarRemoteDatabaseProvider
|
||||
);
|
||||
}
|
||||
await configRepository.remove('VRCX_avatarRemoteDatabaseProvider');
|
||||
await configRepository.setString(
|
||||
'VRCX_avatarRemoteDatabaseProviderList',
|
||||
JSON.stringify(state.avatarRemoteDatabaseProviderList)
|
||||
);
|
||||
}
|
||||
if (state.avatarRemoteDatabaseProviderList.length > 0) {
|
||||
state.avatarRemoteDatabaseProvider =
|
||||
state.avatarRemoteDatabaseProviderList[0];
|
||||
}
|
||||
}
|
||||
|
||||
const isAvatarProviderDialogVisible = computed({
|
||||
get() {
|
||||
return state.isAvatarProviderDialogVisible;
|
||||
},
|
||||
set(value) {
|
||||
state.isAvatarProviderDialogVisible = value;
|
||||
}
|
||||
});
|
||||
|
||||
const avatarRemoteDatabaseProvider = computed({
|
||||
get() {
|
||||
return state.avatarRemoteDatabaseProvider;
|
||||
},
|
||||
set(value) {
|
||||
state.avatarRemoteDatabaseProvider = value;
|
||||
}
|
||||
});
|
||||
|
||||
const avatarRemoteDatabaseProviderList = computed({
|
||||
get() {
|
||||
return state.avatarRemoteDatabaseProviderList;
|
||||
},
|
||||
set(value) {
|
||||
state.avatarRemoteDatabaseProviderList = value;
|
||||
}
|
||||
});
|
||||
|
||||
watch(
|
||||
() => watchState.isLoggedIn,
|
||||
() => {
|
||||
state.isAvatarProviderDialogVisible = false;
|
||||
},
|
||||
{ flush: 'sync' }
|
||||
);
|
||||
|
||||
/**
|
||||
* @param {string} url
|
||||
*/
|
||||
function addAvatarProvider(url) {
|
||||
if (!url) {
|
||||
return;
|
||||
}
|
||||
showAvatarProviderDialog();
|
||||
if (!state.avatarRemoteDatabaseProviderList.includes(url)) {
|
||||
state.avatarRemoteDatabaseProviderList.push(url);
|
||||
}
|
||||
saveAvatarProviderList();
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string} url
|
||||
*/
|
||||
function removeAvatarProvider(url) {
|
||||
const length = state.avatarRemoteDatabaseProviderList.length;
|
||||
for (let i = 0; i < length; ++i) {
|
||||
if (state.avatarRemoteDatabaseProviderList[i] === url) {
|
||||
state.avatarRemoteDatabaseProviderList.splice(i, 1);
|
||||
}
|
||||
}
|
||||
saveAvatarProviderList();
|
||||
}
|
||||
|
||||
async function saveAvatarProviderList() {
|
||||
const length = state.avatarRemoteDatabaseProviderList.length;
|
||||
for (let i = 0; i < length; ++i) {
|
||||
if (!state.avatarRemoteDatabaseProviderList[i]) {
|
||||
state.avatarRemoteDatabaseProviderList.splice(i, 1);
|
||||
}
|
||||
}
|
||||
await configRepository.setString(
|
||||
'VRCX_avatarRemoteDatabaseProviderList',
|
||||
JSON.stringify(state.avatarRemoteDatabaseProviderList)
|
||||
);
|
||||
if (state.avatarRemoteDatabaseProviderList.length > 0) {
|
||||
state.avatarRemoteDatabaseProvider =
|
||||
state.avatarRemoteDatabaseProviderList[0];
|
||||
advancedSettingsStore.setAvatarRemoteDatabase(true);
|
||||
} else {
|
||||
state.avatarRemoteDatabaseProvider = '';
|
||||
advancedSettingsStore.setAvatarRemoteDatabase(false);
|
||||
}
|
||||
}
|
||||
|
||||
function showAvatarProviderDialog() {
|
||||
state.isAvatarProviderDialogVisible = true;
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {string} provider
|
||||
*/
|
||||
function setAvatarProvider(provider) {
|
||||
state.avatarRemoteDatabaseProvider = provider;
|
||||
}
|
||||
|
||||
initAvatarProviderState();
|
||||
|
||||
return {
|
||||
state,
|
||||
|
||||
isAvatarProviderDialogVisible,
|
||||
avatarRemoteDatabaseProvider,
|
||||
avatarRemoteDatabaseProviderList,
|
||||
|
||||
addAvatarProvider,
|
||||
removeAvatarProvider,
|
||||
saveAvatarProviderList,
|
||||
showAvatarProviderDialog,
|
||||
setAvatarProvider
|
||||
};
|
||||
});
|
||||
Reference in New Issue
Block a user