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-07 14:56:06 +02:00 · 2025-07-14 12:00:08 +09:00
parent 952fd77ed5
commit f4f78bb5ec
323 changed files with 47745 additions and 43326 deletions
@@ -28,7 +28,7 @@
                        ref="loginFormRef"
                        :model="loginForm"
                        :rules="loginForm.rules"
-                        @submit.native.prevent="login()">
+                        @submit.native.prevent="handleLogin()">
                        <el-form-item :label="t('view.login.field.username')" prop="username" required>
                            <el-input
                                v-model="loginForm.username"
@@ -66,7 +66,7 @@
                            <el-input
                                v-model="loginForm.endpoint"
                                name="endpoint"
-                                :placeholder="API.endpointDomainVrchat"
+                                :placeholder="AppGlobal.endpointDomainVrchat"
                                clearable></el-input>
                        </el-form-item>
                        <el-form-item
@@ -77,7 +77,7 @@
                            <el-input
                                v-model="loginForm.websocket"
                                name="websocket"
-                                :placeholder="API.websocketDomainVrchat"
+                                :placeholder="AppGlobal.websocketDomainVrchat"
                                clearable></el-input>
                        </el-form-item>
                        <el-form-item style="margin-top: 15px">
@@ -149,77 +149,38 @@
    </div>
 </template>

-<script>
-    export default {
-        name: 'LoginPage'
-    };
-</script>
-
 <script setup>
-    import { inject, onBeforeUnmount, ref } from 'vue';
+    import { storeToRefs } from 'pinia';
+    import { onBeforeUnmount, ref } from 'vue';
    import { useI18n } from 'vue-i18n-bridge';
+    import {
+        useAppearanceSettingsStore,
+        useAuthStore,
+        useGeneralSettingsStore,
+        useVRCXUpdaterStore
+    } from '../../stores';
+    import { openExternalLink, userImage } from '../../shared/utils';
+    import { AppGlobal } from '../../service/appConfig';
+
+    const { showVRCXUpdateDialog } = useVRCXUpdaterStore();
+    const { hideTooltips } = storeToRefs(useAppearanceSettingsStore());
+    const { loginForm, enableCustomEndpoint } = storeToRefs(useAuthStore());
+    const { toggleCustomEndpoint, relogin, deleteSavedLogin, login } = useAuthStore();
+    const { promptProxySettings } = useGeneralSettingsStore();
+
    const { t } = useI18n();

-    const API = inject('API');
-    const openExternalLink = inject('openExternalLink');
-    const userImage = inject('userImage');
-
-    defineProps({
-        hideTooltips: {
-            type: Boolean,
-            default: false
-        },
-        loginForm: {
-            type: Object,
-            default: () => ({})
-        },
-        enableCustomEndpoint: {
-            type: Boolean,
-            default: false
-        }
-    });
-
-    const emit = defineEmits([
-        'showVRCXUpdateDialog',
-        'promptProxySettings',
-        'toggleCustomEndpoint',
-        'deleteSavedLogin',
-        'relogin',
-        'login'
-    ]);
-
    const loginFormRef = ref(null);

-    function showVRCXUpdateDialog() {
-        emit('showVRCXUpdateDialog');
-    }
-
-    function promptProxySettings() {
-        emit('promptProxySettings');
-    }
-
-    function toggleCustomEndpoint(...args) {
-        emit('toggleCustomEndpoint', args);
-    }
-
-    function deleteSavedLogin(userId) {
-        emit('deleteSavedLogin', userId);
-    }
-
-    function relogin(user) {
-        emit('relogin', user);
-    }
-
-    function login() {
+    function handleLogin() {
        if (loginFormRef.value) {
            loginFormRef.value.validate((valid) => {
-                valid && emit('login');
+                valid && login();
            });
        }
    }

    onBeforeUnmount(() => {
-        // Because v-if actually it is not required
        if (loginFormRef.value) {
            loginFormRef.value.resetFields();
        }