Upgrade to Vue3 and Element Plus (#1374)

* Update Vue devtools * upgrade vue pinia element-plus vue-i18n, add vite * fix: i18n * global components * change v-deep * upgrade vue-lazyload * data table * update enlint and safe-dialog * package.json and vite.config.js * el-icon * el-message * vue 2 -> vue3 migration changes * $pinia * dialog * el-popover slot * lint * chore * slot * scss * remote state access * misc * jsconfig * el-button size mini -> small * :model-value * ElMessageBox * datatable * remove v-lazyload * template #dropdown * mini -> small * css * byebye hideTooltips * use sass-embedded * Update SQLite, remove unneeded libraries * Fix shift remove local avatar favorites * Electron arm64 * arm64 support * bye pug * f-word vite hah * misc * remove safe dialog component * Add self invite to launch dialog * Fix errors * Icons 1 * improve localfavorite loading performance * improve favorites world item performance * dialog visibility changes for Element Plus * clear element plus error * import performance * revert App.vue hah * hah * Revert "Add self invite to launch dialog" This reverts commit 4801cfad58. * Toggle self invite/open in-game * Self invite on launch dialog * el-button icon * el-icon * fix user dialog tab switching logic * fix PlayerList * Formatting changes * More icons * Fix friend log table * loading margin * fix markdown * fix world dialog tab switching issue * Fixes and formatting * fix: global i18n.t export * fix favorites world tab not working * Create instance, displayName * Remove group members sort by userId * Fix loading dialog tabs on swtich * Star * charts console.warn * wip: fix charts * wip: fix charts * wip: charts composables * fix favorite item tooltip warning * Fixes and formatting * Clean up image dialogs * Remove unused method * Fix platform/size border * Fix platform/size border * $vr * fix friendExportDialogVisible binding * ElMessageBox and Settings * Login formatting * Rename VR overlay query * Fix image popover and userdialog badges * Formatting * Big buttons * Fixes, update Cef * Fix gameLog table nav buttons jumping around while using nav buttons * Fix z-index * vr overlay * vite input add theme * defineAsyncComponent * ISO 639-1 * fix i18n * clean t * Formatting, fix calendar, rotate arrows * Show user status when user is offline * Fix VR overlay * fix theme and clean up * split InstanceActivity * tweak * Fix VR overlay formatting * fix scss var * AppDebug hahahaha * Years * remove reactive * improve perf * state hah… * fix user rendering poblems when user object is not yet loaded * improve perf * Update avatar/world image uploader, licenses, remove previous images dialog (old images are now deleted) * improve perf 1 * Suppress stray errors * fix traveling location display issue * Fix empty instance creator * improve friend list refresh performance * fix main charts * fix chart * Fix darkmode * Fix avatar dialog tags --------- Co-authored-by: pa <maplenagisa@gmail.com>
2026-05-05 22:36:05 +02:00 · 2025-09-12 10:45:24 +12:00
parent b233bbc299
commit 3324d0d279
249 changed files with 12948 additions and 19815 deletions
@@ -0,0 +1,105 @@
+import { ref, nextTick } from 'vue';
+import configRepository from '../../../service/config';
+
+export function useInstanceActivitySettings() {
+    const barWidth = ref(25);
+    const isDetailVisible = ref(true);
+    const isSoloInstanceVisible = ref(true);
+    const isNoFriendInstanceVisible = ref(true);
+
+    async function initializeSettings() {
+        try {
+            const [
+                barWidthValue,
+                isDetailVisibleValue,
+                isSoloInstanceVisibleValue,
+                isNoFriendInstanceVisibleValue
+            ] = await Promise.all([
+                configRepository.getInt('VRCX_InstanceActivityBarWidth', 25),
+                configRepository.getBool(
+                    'VRCX_InstanceActivityDetailVisible',
+                    true
+                ),
+                configRepository.getBool(
+                    'VRCX_InstanceActivitySoloInstanceVisible',
+                    true
+                ),
+                configRepository.getBool(
+                    'VRCX_InstanceActivityNoFriendInstanceVisible',
+                    true
+                )
+            ]);
+
+            barWidth.value = barWidthValue;
+            isDetailVisible.value = isDetailVisibleValue;
+            isSoloInstanceVisible.value = isSoloInstanceVisibleValue;
+            isNoFriendInstanceVisible.value = isNoFriendInstanceVisibleValue;
+        } catch (error) {
+            console.error('Failed to initialize settings:', error);
+        }
+    }
+
+    function changeBarWidth(value, onSettingsChange) {
+        barWidth.value = value;
+        configRepository
+            .setInt('VRCX_InstanceActivityBarWidth', value)
+            .finally(() => {
+                if (onSettingsChange) onSettingsChange();
+            });
+    }
+
+    function changeIsDetailInstanceVisible(value, onSettingsChange) {
+        isDetailVisible.value = value;
+        configRepository
+            .setBool('VRCX_InstanceActivityDetailVisible', value)
+            .finally(() => {
+                if (onSettingsChange) onSettingsChange();
+            });
+    }
+
+    function changeIsSoloInstanceVisible(value, onSettingsChange) {
+        isSoloInstanceVisible.value = value;
+        configRepository
+            .setBool('VRCX_InstanceActivitySoloInstanceVisible', value)
+            .finally(() => {
+                if (onSettingsChange) onSettingsChange();
+            });
+    }
+
+    function changeIsNoFriendInstanceVisible(value, onSettingsChange) {
+        isNoFriendInstanceVisible.value = value;
+        configRepository
+            .setBool('VRCX_InstanceActivityNoFriendInstanceVisible', value)
+            .finally(() => {
+                if (onSettingsChange) onSettingsChange();
+            });
+    }
+
+    function handleChangeSettings(activityDetailChartRef) {
+        nextTick(() => {
+            if (activityDetailChartRef.value) {
+                activityDetailChartRef.value.forEach((child) => {
+                    requestAnimationFrame(() => {
+                        if (child.echartsInstance) {
+                            child.initEcharts();
+                        }
+                    });
+                });
+            }
+        });
+    }
+
+    return {
+        barWidth,
+        isDetailVisible,
+        isSoloInstanceVisible,
+        isNoFriendInstanceVisible,
+
+        initializeSettings,
+        changeBarWidth,
+        changeIsDetailInstanceVisible,
+        changeIsSoloInstanceVisible,
+        changeIsNoFriendInstanceVisible,
+        handleChangeSettings
+    };
+}