MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-24 01:03:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

Support custom instance names

Browse Source
This commit is contained in:
Natsumi
2025-09-28 11:35:49 +13:00
parent 81a51ad2fa
commit da3c12c15b
10 changed files with 148 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
src/components/Location.vue
View File

@@ -25,7 +25,7 @@
const { cachedWorlds, showWorldDialog } = useWorldStore();
const { showGroupDialog } = useGroupStore();
const { showPreviousInstancesInfoDialog } = useInstanceStore();
const { getInstanceName, showPreviousInstancesInfoDialog } = useInstanceStore();
const { verifyShortName } = useSearchStore();
const props = defineProps({
@@ -65,45 +65,30 @@
isTraveling.value = true;
}
const L = parseLocation(instanceId);
if (L.isOffline) {
text.value = 'Offline';
} else if (L.isPrivate) {
text.value = 'Private';
} else if (L.isTraveling) {
text.value = 'Traveling';
} else if (typeof props.hint === 'string' && props.hint !== '') {
if (L.instanceId) {
text.value = `${props.hint} #${L.instanceName} ${L.accessTypeName}`;
} else {
text.value = props.hint;
}
} else if (L.worldId) {
const ref = cachedWorlds.get(L.worldId);
if (typeof ref === 'undefined') {
getWorldName(L.worldId).then((worldName) => {
if (L.tag === instanceId) {
if (L.instanceId) {
text.value = `${worldName} #${L.instanceName} ${L.accessTypeName}`;
} else {
text.value = worldName;
}
}
});
} else if (L.instanceId) {
text.value = `${ref.name} #${L.instanceName} ${L.accessTypeName}`;
} else {
text.value = ref.name;
}
}
setText(L, L.instanceName);
getInstanceName(instanceId)
.then((name) => {
if (name && props.location === L.tag) {
setText(L, name);
}
})
.catch((e) => {
console.error(e);
});
if (props.grouphint) {
groupName.value = props.grouphint;
} else if (L.groupId) {
groupName.value = L.groupId;
getGroupName(instanceId).then((name) => {
if (L.tag === instanceId) {
groupName.value = name;
}
});
getGroupName(instanceId)
.then((name) => {
if (name && props.location === L.tag) {
groupName.value = name;
}
})
.catch((e) => {
console.error(e);
});
}
region.value = '';
if (!L.isOffline && !L.isPrivate && !L.isTraveling) {
@@ -115,6 +100,49 @@
strict.value = L.strict;
}
function setText(L, instanceName) {
if (L.isOffline) {
text.value = 'Offline';
} else if (L.isPrivate) {
text.value = 'Private';
} else if (L.isTraveling) {
text.value = 'Traveling';
} else if (typeof props.hint === 'string' && props.hint !== '') {
if (L.instanceId) {
text.value = `${props.hint} #${instanceName} ${L.accessTypeName}`;
} else {
text.value = props.hint;
}
} else if (L.worldId) {
const ref = cachedWorlds.get(L.worldId);
if (typeof ref === 'undefined') {
const worldName = L.worldId;
if (L.instanceId) {
text.value = `${worldName} #${instanceName} ${L.accessTypeName}`;
} else {
text.value = worldName;
}
getWorldName(L.worldId)
.then((name) => {
if (name && props.location === L.tag) {
if (L.instanceId) {
text.value = `${name} #${instanceName} ${L.accessTypeName}`;
} else {
text.value = name;
}
}
})
.catch((e) => {
console.error(e);
});
} else if (L.instanceId) {
text.value = `${ref.name} #${instanceName} ${L.accessTypeName}`;
} else {
text.value = ref.name;
}
}
}
function handleShowWorldDialog() {
if (props.link) {
let instanceId = props.location;

24
src/components/LocationWorld.vue
View File

@@ -14,10 +14,11 @@
import { Lock, Unlock } from '@element-plus/icons-vue';
import { ref, watch } from 'vue';
import { getGroupName, parseLocation } from '../shared/utils';
import { useGroupStore, useLaunchStore } from '../stores';
import { useGroupStore, useLaunchStore, useInstanceStore } from '../stores';
const launchStore = useLaunchStore();
const groupStore = useGroupStore();
const { getInstanceName } = useInstanceStore();
const props = defineProps({
locationobject: Object,
@@ -41,7 +42,6 @@
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;
@@ -52,17 +52,29 @@
region.value = locObj.region || 'us';
instanceName.value = locObj.instanceName;
getInstanceName(locObj.tag)
.then((name) => {
if (name && props.locationobject.tag === locObj.tag) {
instanceName.value = name;
}
})
.catch((e) => {
console.error(e);
});
if (props.grouphint) {
groupName.value = props.grouphint;
} else if (locObj.groupId) {
groupName.value = locObj.groupId;
getGroupName(locObj.groupId)
.then((name) => {
groupName.value = name;
if (name && props.locationobject.tag === locObj.tag) {
groupName.value = name;
}
})
.catch((error) => {
console.error('Failed to get group name:', error);
groupName.value = '';
.catch((e) => {
console.error(e);
});
} else {
groupName.value = '';

4
src/components/dialogs/NewInstanceDialog.vue
View File

@@ -84,14 +84,14 @@
"
@change="buildInstance"></el-checkbox>
</el-form-item>
<!-- <el-form-item :label="t('dialog.new_instance.display_name')">
<el-form-item :label="t('dialog.new_instance.display_name')">
<el-input
:disabled="!isLocalUserVrcplusSupporter"
v-model="newInstanceDialog.displayName"
size="small"
@click="$event.target.tagName === 'INPUT' && $event.target.select()"
@change="buildInstance"></el-input>
</el-form-item> -->
</el-form-item>
<el-form-item
v-if="newInstanceDialog.accessType === 'group'"
:label="t('dialog.new_instance.group_id')">