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-05-05 14:26:06 +02:00 · 2025-07-14 12:00:08 +09:00
parent 952fd77ed5
commit f4f78bb5ec
323 changed files with 47745 additions and 43326 deletions
@@ -21,14 +21,12 @@
                    </span>
                    <template v-else-if="isGroupByInstance">
                        <i v-if="isFriendTraveling" class="el-icon el-icon-loading"></i>
-                        <timer
+                        <Timer
                            class="extra"
                            :epoch="epoch"
-                            :style="
-                                isFriendTraveling ? { display: 'inline-block', overflow: 'unset' } : undefined
-                            "></timer>
+                            :style="isFriendTraveling ? { display: 'inline-block', overflow: 'unset' } : undefined" />
                    </template>
-                    <location
+                    <Location
                        v-else
                        class="extra"
                        :location="friend.ref.location"
@@ -37,7 +35,7 @@
                </template>
            </div>
        </template>
-        <template v-else-if="!friend.ref && !API.isRefreshFriendsLoading">
+        <template v-else-if="!friend.ref && !isRefreshFriendsLoading">
            <span>{{ friend.name || friend.id }}</span>
            <el-button
                ttype="text"
@@ -62,38 +60,25 @@
    </div>
 </template>

-<script>
-    import Location from './Location.vue';
+<script setup>
+    import { storeToRefs } from 'pinia';
+    import { computed } from 'vue';
+    import { userImage, userStatusClass } from '../shared/utils';
+    import { useAppearanceSettingsStore, useFriendStore } from '../stores';

-    export default {
-        name: 'FriendItem',
-        components: {
-            Location
-        },
-        inject: ['API', 'userImage', 'userStatusClass'],
-        props: {
-            friend: {
-                type: Object,
-                required: true
-            },
-            hideNicknames: {
-                type: Boolean,
-                default: false
-            },
-            isGroupByInstance: Boolean
-        },
-        computed: {
-            isFriendTraveling() {
-                return this.friend.ref.location === 'traveling';
-            },
-            isFriendActiveOrOffline() {
-                return this.friend.state === 'active' || this.friend.state === 'offline';
-            },
-            epoch() {
-                return this.isFriendTraveling ? this.friend.ref.$travelingToTime : this.friend.ref.$location_at;
-            }
-        }
-    };
+    const props = defineProps({
+        friend: { type: Object, required: true },
+        isGroupByInstance: Boolean
+    });
+
+    const { hideNicknames } = storeToRefs(useAppearanceSettingsStore());
+    const { isRefreshFriendsLoading } = storeToRefs(useFriendStore());
+
+    const isFriendTraveling = computed(() => props.friend.ref.location === 'traveling');
+    const isFriendActiveOrOffline = computed(() => props.friend.state === 'active' || props.friend.state === 'offline');
+    const epoch = computed(() =>
+        isFriendTraveling.value ? props.friend.ref.$travelingToTime : props.friend.ref.$location_at
+    );
 </script>

 <style scoped>