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-02 13:06:08 +02:00 · 2025-07-14 12:00:08 +09:00
parent 952fd77ed5
commit f4f78bb5ec
323 changed files with 47745 additions and 43326 deletions
@@ -0,0 +1,73 @@
+<template>
+    <div @click="confirm" class="avatar-info">
+        <span style="margin-right: 5px">{{ avatarName }}</span>
+        <span v-if="avatarType" :class="color" style="margin-right: 5px">{{ avatarType }}</span>
+        <span v-if="avatarTags" style="color: #909399; font-family: monospace; font-size: 12px">{{ avatarTags }}</span>
+    </div>
+</template>
+
+<script setup>
+    import { ref, watch } from 'vue';
+    import { useAvatarStore } from '../stores';
+
+    const avatarStore = useAvatarStore();
+
+    const props = defineProps({
+        imageurl: String,
+        userid: String,
+        hintownerid: String,
+        hintavatarname: String,
+        avatartags: Array
+    });
+
+    const avatarName = ref('');
+    const avatarType = ref('');
+    const avatarTags = ref('');
+    const color = ref('');
+    let ownerId = '';
+
+    const parse = async () => {
+        ownerId = '';
+        avatarName.value = '';
+        avatarType.value = '';
+        color.value = '';
+        avatarTags.value = '';
+
+        if (!props.imageurl) {
+            avatarName.value = '-';
+        } else if (props.hintownerid) {
+            avatarName.value = props.hintavatarname;
+            ownerId = props.hintownerid;
+        } else {
+            try {
+                const info = await avatarStore.getAvatarName(props.imageurl);
+                avatarName.value = info.avatarName;
+                ownerId = info.ownerId;
+            } catch {
+                console.error('Failed to fetch avatar name');
+            }
+        }
+
+        if (typeof props.userid === 'undefined' || !ownerId) {
+            color.value = '';
+            avatarType.value = '';
+        } else if (ownerId === props.userid) {
+            color.value = 'avatar-info-own';
+            avatarType.value = '(own)';
+        } else {
+            color.value = 'avatar-info-public';
+            avatarType.value = '(public)';
+        }
+
+        if (Array.isArray(props.avatartags)) {
+            avatarTags.value = props.avatartags.map((tag) => tag.replace('content_', '')).join(', ');
+        }
+    };
+
+    const confirm = () => {
+        if (!props.imageurl) return;
+        avatarStore.showAvatarAuthorDialog(props.userid, ownerId, props.imageurl);
+    };
+
+    watch([() => props.imageurl, () => props.userid, () => props.avatartags], parse, { immediate: true });
+</script>