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>
2026-04-28 03:03:47 +02:00 · 2025-07-14 12:00:08 +09:00
parent 952fd77ed5
commit f4f78bb5ec
323 changed files with 47745 additions and 43326 deletions
--- a/src/components/LocationWorld.vue
+++ b/src/components/LocationWorld.vue
@@ -0,0 +1,78 @@
+<template>
+    <span>
+        <span @click="showLaunchDialog" class="x-link">
+            <i v-if="isUnlocked" class="el-icon el-icon-unlock" style="display: inline-block; margin-right: 5px"></i>
+            <span>#{{ instanceName }} {{ accessTypeName }}</span>
+        </span>
+        <span v-if="groupName" @click="showGroupDialog" class="x-link">({{ groupName }})</span>
+        <span class="flags" :class="region" style="display: inline-block; margin-left: 5px"></span>
+        <i v-if="strict" class="el-icon el-icon-lock" style="display: inline-block; margin-left: 5px"></i>
+    </span>
+</template>
+
+<script setup>
+    import { ref, watch } from 'vue';
+    import { getGroupName, parseLocation } from '../shared/utils';
+    import { useGroupStore, useLaunchStore } from '../stores';
+
+    const launchStore = useLaunchStore();
+    const groupStore = useGroupStore();
+
+    const props = defineProps({
+        locationobject: Object,
+        currentuserid: String,
+        worlddialogshortname: String,
+        grouphint: {
+            type: String,
+            default: ''
+        }
+    });
+
+    const location = ref('');
+    const instanceName = ref('');
+    const accessTypeName = ref('');
+    const region = ref('us');
+    const shortName = ref('');
+    const isUnlocked = ref(false);
+    const strict = ref(false);
+    const groupName = ref('');
+
+    function parse() {
+        const locObj = props.locationobject;
+        location.value = locObj.tag;
+        instanceName.value = locObj.instanceName;
+        accessTypeName.value = locObj.accessTypeName;
+        strict.value = locObj.strict;
+        shortName.value = locObj.shortName;
+
+        isUnlocked.value =
+            (props.worlddialogshortname && locObj.shortName && props.worlddialogshortname === locObj.shortName) ||
+            props.currentuserid === locObj.userId;
+
+        region.value = locObj.region || 'us';
+
+        if (props.grouphint) {
+            groupName.value = props.grouphint;
+        } else if (locObj.groupId) {
+            groupName.value = locObj.groupId;
+            getGroupName(locObj.groupId).then((name) => {
+                groupName.value = name;
+            });
+        } else {
+            groupName.value = '';
+        }
+    }
+
+    watch(() => props.locationobject, parse, { immediate: true });
+
+    function showLaunchDialog() {
+        launchStore.showLaunchDialog(location.value, shortName.value);
+    }
+
+    function showGroupDialog() {
+        if (!location.value) return;
+        const L = parseLocation(location.value);
+        if (!L.groupId) return;
+        groupStore.showGroupDialog(L.groupId);
+    }
+</script>