'); - if (text.length) { - new Noty({ - type: 'error', - text - }).show(); - } - throw new Error(text); - }; - - API.$bulk = function (options, args) { - if (options.handle !== undefined) { - options.handle.call(this, args, options); - } - if (args.json.length > 0 && - (options.params.offset += args.json.length, - // eslint-disable-next-line no-nested-ternary - options.N > 0 - ? options.N > options.params.offset - : options.N < 0 - ? args.json.length - : options.params.n === args.json.length)) { - this.bulk(options); - } else if (options.done !== undefined) { - options.done.call(this, true, options); - } - return args; - }; - - API.bulk = function (options) { - this[options.fn](options.params).catch((err) => { - if (options.done !== undefined) { - options.done.call(this, false, options); - } - throw err; - }).then((args) => this.$bulk(options, args)); - }; - - // API: Config - - API.cachedConfig = {}; - - API.$on('CONFIG', function (args) { - args.ref = this.applyConfig(args.json); - }); - - API.applyConfig = function (json) { - var ref = { - clientApiKey: '', - ...json - }; - this.cachedConfig = ref; - return ref; - }; - - API.getConfig = function () { - return this.call('config', { - method: 'GET' - }).then((json) => { - var args = { - json - }; - this.$emit('CONFIG', args); - return args; - }); - }; - - // API: Location - - API.parseLocation = function (tag) { - tag = String(tag || ''); - var ctx = { - tag, - isOffline: false, - isPrivate: false, - worldId: '', - instanceId: '', - instanceName: '', - accessType: '', - userId: null, - hiddenId: null, - privateId: null, - friendsId: null, - canRequestInvite: false - }; - if (tag === 'offline') { - ctx.isOffline = true; - } else if (tag === 'private') { - ctx.isPrivate = true; - } else if (tag.startsWith('local') === false) { - var sep = tag.indexOf(':'); - if (sep >= 0) { - ctx.worldId = tag.substr(0, sep); - ctx.instanceId = tag.substr(sep + 1); - ctx.instanceId.split('~').forEach((s, i) => { - if (i) { - var A = s.indexOf('('); - var Z = A >= 0 - ? s.lastIndexOf(')') - : -1; - var key = Z >= 0 - ? s.substr(0, A) - : s; - var value = A < Z - ? s.substr(A + 1, Z - A - 1) - : ''; - if (key === 'hidden') { - ctx.hiddenId = value; - } else if (key === 'private') { - ctx.privateId = value; - } else if (key === 'friends') { - ctx.friendsId = value; - } else if (key === 'canRequestInvite') { - ctx.canRequestInvite = true; - } - } else { - ctx.instanceName = s; - } - }); - ctx.accessType = 'public'; - if (ctx.privateId !== null) { - if (ctx.canRequestInvite) { - // InvitePlus - ctx.accessType = 'invite+'; - } else { - // InviteOnly - ctx.accessType = 'invite'; - } - ctx.userId = ctx.privateId; - } else if (ctx.friendsId !== null) { - // FriendsOnly - ctx.accessType = 'friends'; - ctx.userId = ctx.friendsId; - } else if (ctx.hiddenId !== null) { - // FriendsOfGuests - ctx.accessType = 'friends+'; - ctx.userId = ctx.hiddenId; - } - } else { - ctx.worldId = tag; - } - } - return ctx; - }; - - Vue.component('launch', { - template: '
${this.latestAppVersion}`, - timeout: 60000, - callbacks: { - onClick: () => VRCX.OpenLink('https://github.com/pypy-vrc/VRCX/releases') - } - }).show(); - this.notifyMenu('more'); - } - } else { - this.latestAppVersion = 'Error occured'; - } - }); - }; - - $app.methods.update = function () { - if (API.isLoggedIn === false) { - return; - } - if (--this.nextRefresh <= 0) { - this.nextRefresh = 60; - API.getCurrentUser().catch((err1) => { - if (err1.status_code === 401) { - API.getConfig().then((args) => { - API.login({ - username: this.loginForm.username, - password: this.loginForm.password - }).catch((err2) => { - if (err2.status_code === 401) { - API.logout(); - } - throw err2; - }); - return args; - }); - } - throw err1; - }); - } - this.checkActiveFriends(); - this.refreshGameLog(); - VRCX.IsGameRunning().then((running) => { - if (running !== this.isGameRunning) { - this.isGameRunning = running; - Discord.SetTimestamps(Date.now(), 0); - } - this.updateDiscord(); - this.updateOpenVR(); - }); - }; - - $app.methods.updateSharedFeed = function () { - var arr = []; - // FIXME - // 여러 개 켠다면 gameLogTable의 데이터가 시간순이 아닐 수도 있음 - var { data } = this.gameLogTable; - var i = data.length; - var j = 0; - while (j < 25) { - if (i <= 0) { - break; - } - var ctx = data[--i]; - // Location, OnPlayerJoined, OnPlayerLeft - if (ctx.type) { - // FIXME: 이거 존나 느릴거 같은데 - var isFriend = false; - var isFavorite = false; - for (var ref of API.cachedUsers.values()) { - if (ref.displayName === ctx.data) { - isFriend = this.friends.has(ref.id); - isFavorite = API.cachedFavoritesByObjectId.has(ref.id); - break; - } - } - arr.push({ - ...ctx, - isFriend, - isFavorite - }); - } else { - arr.push(ctx); - } - ++j; - } - var { data } = this.feedTable; - var i = data.length; - var j = 0; - while (j < 25) { - if (i <= 0) { - break; - } - var ctx = data[--i]; - // GPS, Online, Offline, Status, Avatar - if (ctx.type !== 'Avatar') { - arr.push({ - ...ctx, - isFriend: this.friends.has(ctx.userId), - isFavorite: API.cachedFavoritesByObjectId.has(ctx.userId) - }); - ++j; - } - } - arr.sort(function (a, b) { - if (a.created_at < b.created_at) { - return 1; - } - if (a.created_at > b.created_at) { - return -1; - } - return 0; - }); - if (arr.length > 25) { - arr.length = 25; - } - VRCXStorage.SetArray('sharedFeeds', arr); - }; - - $app.methods.notifyMenu = function (index) { - var { menu } = this.$refs; - if (menu.activeIndex !== index) { - var item = menu.items[index]; - if (item) { - item.$el.classList.add('notify'); - } - } - }; - - $app.methods.selectMenu = function (index) { - // NOTE - // 툴팁이 쌓여서 느려지기 때문에 날려줌. - // 근데 이 방법이 안전한지는 모르겠음 - document.querySelectorAll('[role="tooltip"]').forEach((node) => { - node.remove(); - }); - var item = this.$refs.menu.items[index]; - if (item) { - item.$el.classList.remove('notify'); - } - }; - - $app.methods.promptTOTP = function () { - this.$prompt('Enter a numeric code from your authenticator app', 'Two-factor Authentication', { - distinguishCancelAndClose: true, - cancelButtonText: 'Use OTP', - confirmButtonText: 'Verify', - inputPlaceholder: 'Code', - inputPattern: /^[0-9]{6}$/u, - inputErrorMessage: 'Invalid Code', - callback: (action, instance) => { - if (action === 'confirm') { - API.verifyTOTP({ - code: instance.inputValue - }).catch((err) => { - this.promptTOTP(); - throw err; - }).then((args) => { - API.getCurrentUser(); - return args; - }); - } else if (action === 'cancel') { - this.promptOTP(); - } - } - }); - }; - - $app.methods.promptOTP = function () { - this.$prompt('Enter one of your saved recovery codes', 'Two-factor Authentication', { - distinguishCancelAndClose: true, - cancelButtonText: 'Use TOTP', - confirmButtonText: 'Verify', - inputPlaceholder: 'Code', - inputPattern: /^[a-z0-9]{4}-[a-z0-9]{4}$/u, - inputErrorMessage: 'Invalid Code', - callback: (action, instance) => { - if (action === 'confirm') { - API.verifyOTP({ - code: instance.inputValue - }).catch((err) => { - this.promptOTP(); - throw err; - }).then((args) => { - API.getCurrentUser(); - return args; - }); - } else if (action === 'cancel') { - this.promptTOTP(); - } - } - }); - }; - - API.$on('USER:2FA', function () { - $app.promptTOTP(); - }); - - API.$on('LOGOUT', function () { - new Noty({ - type: 'success', - text: `See you again, ${escapeTag(this.currentUser.displayName)}!` - }).show(); - }); - - API.$on('LOGIN', function (args) { - new Noty({ - type: 'success', - text: `Hello there, ${escapeTag(args.ref.displayName)}!` - }).show(); - $app.$refs.menu.activeIndex = 'feed'; - }); - - $app.data.loginForm = { - loading: true, - username: '', - password: '', - rules: { - username: [ - { - required: true, - trigger: 'blur' - } - ], - password: [ - { - required: true, - trigger: 'blur' - } - ] - } - }; - - $app.methods.login = function () { - this.$refs.loginForm.validate((valid) => { - if (valid && - !this.loginForm.loading) { - this.loginForm.loading = true; - API.getConfig().catch((err) => { - this.loginForm.loading = false; - throw err; - }).then((args) => { - API.login({ - username: this.loginForm.username, - password: this.loginForm.password - }).finally(() => { - this.loginForm.loading = false; - }); - return args; - }); - } - }); - }; - - $app.methods.loginWithSteam = function () { - if (!this.loginForm.loading) { - this.loginForm.loading = true; - VRCX.LoginWithSteam().catch((err) => { - this.loginForm.loading = false; - throw err; - }).then((steamTicket) => { - if (steamTicket) { - API.getConfig().catch((err) => { - this.loginForm.loading = false; - throw err; - }).then((args) => { - API.loginWithSteam({ - steamTicket - }).finally(() => { - this.loginForm.loading = false; - }); - return args; - }); - } else { - this.loginForm.loading = false; - this.$message({ - message: 'It only works when VRChat is running.', - type: 'error' - }); - } - }); - } - }; - - $app.methods.loadMemo = function (id) { - var key = `memo_${id}`; - return VRCXStorage.Get(key); - }; - - $app.methods.saveMemo = function (id, memo) { - var key = `memo_${id}`; - if (memo) { - VRCXStorage.Set(key, String(memo)); - } else { - VRCXStorage.Remove(key); - } - var ref = this.friends.get(id); - if (ref) { - ref.memo = String(memo || ''); - } - }; - - // App: Friends - - $app.data.friends = new Map(); - $app.data.pendingActiveFriends = new Set(); - $app.data.friendsNo = 0; - $app.data.isFriendsGroup0 = true; - $app.data.isFriendsGroup1 = true; - $app.data.isFriendsGroup2 = true; - $app.data.isFriendsGroup3 = false; - $app.data.friendsGroup0_ = []; - $app.data.friendsGroup1_ = []; - $app.data.friendsGroup2_ = []; - $app.data.friendsGroup3_ = []; - $app.data.friendsGroupA_ = []; - $app.data.friendsGroupB_ = []; - $app.data.friendsGroupC_ = []; - $app.data.friendsGroupD_ = []; - $app.data.sortFriendsGroup0 = false; - $app.data.sortFriendsGroup1 = false; - $app.data.sortFriendsGroup2 = false; - $app.data.sortFriendsGroup3 = false; - $app.data.orderFriendsGroup0 = VRCXStorage.GetBool('orderFriendGroup0'); - $app.data.orderFriendsGroup1 = VRCXStorage.GetBool('orderFriendGroup1'); - $app.data.orderFriendsGroup2 = VRCXStorage.GetBool('orderFriendGroup2'); - $app.data.orderFriendsGroup3 = VRCXStorage.GetBool('orderFriendGroup3'); - var saveOrderFriendGroup = function () { - VRCXStorage.SetBool('orderFriendGroup0', this.orderFriendsGroup0); - VRCXStorage.SetBool('orderFriendGroup1', this.orderFriendsGroup1); - VRCXStorage.SetBool('orderFriendGroup2', this.orderFriendsGroup2); - VRCXStorage.SetBool('orderFriendGroup3', this.orderFriendsGroup3); - }; - $app.watch.orderFriendsGroup0 = saveOrderFriendGroup; - $app.watch.orderFriendsGroup1 = saveOrderFriendGroup; - $app.watch.orderFriendsGroup2 = saveOrderFriendGroup; - $app.watch.orderFriendsGroup3 = saveOrderFriendGroup; - - $app.methods.fetchActiveFriend = function (userId) { - this.pendingActiveFriends.add(userId); - // FIXME: handle error - return API.getUser({ - userId - }).then((args) => { - this.pendingActiveFriends.delete(userId); - return args; - }); - }; - - $app.methods.checkActiveFriends = function () { - if (Array.isArray(API.currentUser.activeFriends) === false) { - return; - } - for (var userId of API.currentUser.activeFriends) { - if (this.pendingActiveFriends.has(userId)) { - continue; - } - var user = API.cachedUsers.get(userId); - if (user !== undefined && - user.status !== 'offline') { - continue; - } - if (this.pendingActiveFriends.size >= 5) { - break; - } - this.fetchActiveFriend(userId); - } - }; - - API.$on('LOGIN', function () { - $app.friends.clear(); - $app.pendingActiveFriends.clear(); - $app.friendsNo = 0; - $app.isFriendsGroup0 = true; - $app.isFriendsGroup1 = true; - $app.isFriendsGroup2 = true; - $app.isFriendsGroup3 = false; - $app.friendsGroup0_ = []; - $app.friendsGroup1_ = []; - $app.friendsGroup2_ = []; - $app.friendsGroup3_ = []; - $app.friendsGroupA_ = []; - $app.friendsGroupB_ = []; - $app.friendsGroupC_ = []; - $app.friendsGroupD_ = []; - $app.sortFriendsGroup0 = false; - $app.sortFriendsGroup1 = false; - $app.sortFriendsGroup2 = false; - $app.sortFriendsGroup3 = false; - }); - - API.$on('USER:CURRENT', function (args) { - // initFriendship()이 LOGIN에서 처리되기 때문에 - // USER:CURRENT에서 처리를 함 - $app.refreshFriends(args.ref, args.origin); - }); - - API.$on('USER', function (args) { - $app.updateFriend(args.ref.id); - }); - - API.$on('FRIEND:ADD', function (args) { - $app.addFriend(args.params.userId); - }); - - API.$on('FRIEND:DELETE', function (args) { - $app.deleteFriend(args.params.userId); - }); - - API.$on('FRIEND:STATE', function (args) { - $app.updateFriend(args.params.userId, args.json.state); - }); - - API.$on('FAVORITE', function (args) { - $app.updateFriend(args.ref.favoriteId); - }); - - API.$on('FAVORITE:@DELETE', function (args) { - $app.updateFriend(args.ref.favoriteId); - }); - - $app.methods.refreshFriends = function (ref, origin) { - var map = new Map(); - for (var id of ref.friends) { - map.set(id, 'offline'); - } - for (var id of ref.offlineFriends) { - map.set(id, 'offline'); - } - for (var id of ref.activeFriends) { - map.set(id, 'active'); - } - for (var id of ref.onlineFriends) { - map.set(id, 'online'); - } - for (var [id, state] of map) { - if (this.friends.has(id)) { - this.updateFriend(id, state, origin); - } else { - this.addFriend(id, state); - } - } - for (var id of this.friends.keys()) { - if (map.has(id) === false) { - this.deleteFriend(id); - } - } - // called from API.login(), API.loginWithSteam(), API.getCurrentUser() - if (origin) { - API.refreshFriends(); - } - }; - - $app.methods.addFriend = function (id, state) { - if (this.friends.has(id)) { - return; - } - var ref = API.cachedUsers.get(id); - var isVIP = API.cachedFavoritesByObjectId.has(id); - var ctx = { - id, - state: state || 'offline', - isVIP, - ref, - name: '', - no: ++this.friendsNo, - memo: this.loadMemo(id) - }; - if (ref === undefined) { - ref = this.friendLog[id]; - if (ref !== undefined && - ref.displayName) { - ctx.name = ref.displayName; - } - } else { - ctx.name = ref.name; - } - this.friends.set(id, ctx); - if (ctx.state === 'online') { - if (ctx.isVIP) { - this.sortFriendsGroup0 = true; - this.friendsGroup0_.push(ctx); - this.friendsGroupA_.unshift(ctx); - } else { - this.sortFriendsGroup1 = true; - this.friendsGroup1_.push(ctx); - this.friendsGroupB_.unshift(ctx); - } - } else if (ctx.state === 'active') { - this.sortFriendsGroup2 = true; - this.friendsGroup2_.push(ctx); - this.friendsGroupC_.unshift(ctx); - } else { - this.sortFriendsGroup3 = true; - this.friendsGroup3_.push(ctx); - this.friendsGroupD_.unshift(ctx); - } - }; - - $app.methods.deleteFriend = function (id) { - var ctx = this.friends.get(id); - if (ctx === undefined) { - return; - } - this.friends.delete(id); - if (ctx.state === 'online') { - if (ctx.isVIP) { - removeFromArray(this.friendsGroup0_, ctx); - removeFromArray(this.friendsGroupA_, ctx); - } else { - removeFromArray(this.friendsGroup1_, ctx); - removeFromArray(this.friendsGroupB_, ctx); - } - } else if (ctx.state === 'active') { - removeFromArray(this.friendsGroup2_, ctx); - removeFromArray(this.friendsGroupC_, ctx); - } else { - removeFromArray(this.friendsGroup3_, ctx); - removeFromArray(this.friendsGroupD_, ctx); - } - }; - - $app.methods.updateFriend = function (id, state, origin) { - var ctx = this.friends.get(id); - if (ctx === undefined) { - return; - } - var ref = API.cachedUsers.get(id); - var isVIP = API.cachedFavoritesByObjectId.has(id); - if (state === undefined || - ctx.state === state) { - // this is should be: undefined -> user - if (ctx.ref !== ref) { - ctx.ref = ref; - // NOTE - // AddFriend (CurrentUser) 이후, - // 서버에서 오는 순서라고 보면 될 듯. - if (ctx.state === 'online') { - if (ctx.isVIP) { - removeFromArray(this.friendsGroupA_, ctx); - this.friendsGroupA_.push(ctx); - } else { - removeFromArray(this.friendsGroupB_, ctx); - this.friendsGroupB_.push(ctx); - } - } else if (ctx.state === 'active') { - removeFromArray(this.friendsGroupC_, ctx); - this.friendsGroupC_.push(ctx); - } else { - removeFromArray(this.friendsGroupD_, ctx); - this.friendsGroupD_.push(ctx); - } - } - if (ctx.isVIP !== isVIP) { - ctx.isVIP = isVIP; - if (ctx.state === 'online') { - if (ctx.isVIP) { - removeFromArray(this.friendsGroup1_, ctx); - removeFromArray(this.friendsGroupB_, ctx); - this.sortFriendsGroup0 = true; - this.friendsGroup0_.push(ctx); - this.friendsGroupA_.unshift(ctx); - } else { - removeFromArray(this.friendsGroup0_, ctx); - removeFromArray(this.friendsGroupA_, ctx); - this.sortFriendsGroup1 = true; - this.friendsGroup1_.push(ctx); - this.friendsGroupB_.unshift(ctx); - } - } - } - if (ref !== undefined && - ctx.name !== ref.displayName) { - ctx.name = ref.displayName; - if (ctx.state === 'online') { - if (ctx.isVIP) { - this.sortFriendsGroup0 = true; - } else { - this.sortFriendsGroup1 = true; - } - } else if (ctx.state === 'active') { - this.sortFriendsGroup2 = true; - } else { - this.sortFriendsGroup3 = true; - } - } - // FIXME: 도배 가능성 있음 - if (origin && - ctx.state !== 'online' && - ref !== undefined && - ref.location !== '' && - ref.location !== 'offline') { - API.getUser({ - userId: id - }); - } - } else { - if (ctx.state === 'online') { - if (ctx.isVIP) { - removeFromArray(this.friendsGroup0_, ctx); - removeFromArray(this.friendsGroupA_, ctx); - } else { - removeFromArray(this.friendsGroup1_, ctx); - removeFromArray(this.friendsGroupB_, ctx); - } - } else if (ctx.state === 'active') { - removeFromArray(this.friendsGroup2_, ctx); - removeFromArray(this.friendsGroupC_, ctx); - } else { - removeFromArray(this.friendsGroup3_, ctx); - removeFromArray(this.friendsGroupD_, ctx); - } - // changing property triggers Vue - // so, we need compare and set - if (ctx.state !== state) { - ctx.state = state; - } - if (ctx.isVIP !== isVIP) { - ctx.isVIP = isVIP; - } - if (ref !== undefined) { - if (ctx.ref !== ref) { - ctx.ref = ref; - } - if (ctx.name !== ref.displayName) { - ctx.name = ref.displayName; - } - } - if (ctx.state === 'online') { - if (ctx.isVIP) { - this.sortFriendsGroup0 = true; - this.friendsGroup0_.push(ctx); - this.friendsGroupA_.unshift(ctx); - } else { - this.sortFriendsGroup1 = true; - this.friendsGroup1_.push(ctx); - this.friendsGroupB_.unshift(ctx); - } - } else if (ctx.state === 'active') { - this.sortFriendsGroup2 = true; - this.friendsGroup2_.push(ctx); - this.friendsGroupC_.unshift(ctx); - } else { - this.sortFriendsGroup3 = true; - this.friendsGroup3_.push(ctx); - this.friendsGroupD_.unshift(ctx); - } - } - }; - - // ascending - var compareByName = function (a, b) { - var A = String(a.name).toUpperCase(); - var B = String(b.name).toUpperCase(); - if (A < B) { - return -1; - } - if (A > B) { - return 1; - } - return 0; - }; - - // descending - var compareByUpdatedAt = function (a, b) { - var A = String(a.updated_at).toUpperCase(); - var B = String(b.updated_at).toUpperCase(); - if (A < B) { - return 1; - } - if (A > B) { - return -1; - } - return 0; - }; - - // ascending - var compareByDisplayName = function (a, b) { - var A = String(a.displayName).toUpperCase(); - var B = String(b.displayName).toUpperCase(); - if (A < B) { - return -1; - } - if (A > B) { - return 1; - } - return 0; - }; - - // VIP friends - $app.computed.friendsGroup0 = function () { - if (this.orderFriendsGroup0) { - return this.friendsGroupA_; - } - if (this.sortFriendsGroup0) { - this.sortFriendsGroup0 = false; - this.friendsGroup0_.sort(compareByName); - } - return this.friendsGroup0_; - }; - - // Online friends - $app.computed.friendsGroup1 = function () { - if (this.orderFriendsGroup1) { - return this.friendsGroupB_; - } - if (this.sortFriendsGroup1) { - this.sortFriendsGroup1 = false; - this.friendsGroup1_.sort(compareByName); - } - return this.friendsGroup1_; - }; - - // Active friends - $app.computed.friendsGroup2 = function () { - if (this.orderFriendsGroup2) { - return this.friendsGroupC_; - } - if (this.sortFriendsGroup2) { - this.sortFriendsGroup2 = false; - this.friendsGroup2_.sort(compareByName); - } - return this.friendsGroup2_; - }; - - // Offline friends - $app.computed.friendsGroup3 = function () { - if (this.orderFriendsGroup3) { - return this.friendsGroupD_; - } - if (this.sortFriendsGroup3) { - this.sortFriendsGroup3 = false; - this.friendsGroup3_.sort(compareByName); - } - return this.friendsGroup3_; - }; - - $app.methods.userStatusClass = function (user) { - var style = {}; - if (user !== undefined) { - if (user.location === 'offline') { - // Offline - style.offline = true; - } else if (user.status === 'active') { - // Online - style.active = true; - } else if (user.status === 'join me') { - // Join Me - style.joinme = true; - } else if (user.status === 'ask me') { - // Ask Me - style.askme = true; - } else if (user.status === 'busy') { - // Do Not Disturb - style.busy = true; - } - } - return style; - }; - - $app.methods.confirmDeleteFriend = function (id) { - this.$confirm('Continue? Unfriend', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - API.deleteFriend({ - userId: id - }); - } - } - }); - }; - - // App: Quick Search - - $app.data.quickSearch = ''; - $app.data.quickSearchItems = []; - - $app.methods.quickSearchRemoteMethod = function (query) { - var results = []; - if (query) { - var QUERY = query.toUpperCase(); - for (var ctx of this.friends.values()) { - if (ctx.ref === undefined) { - continue; - } - var NAME = ctx.name.toUpperCase(); - var match = NAME.includes(QUERY); - if (!match) { - var uname = String(ctx.ref.username); - match = uname.toUpperCase().includes(QUERY) && - !uname.startsWith('steam_'); - } - if (!match && - ctx.memo) { - match = String(ctx.memo).toUpperCase().includes(QUERY); - } - if (match) { - results.push({ - value: ctx.id, - label: ctx.name, - ref: ctx.ref, - NAME - }); - } - } - results.sort(function (a, b) { - var A = a.NAME.startsWith(QUERY); - var B = b.NAME.startsWith(QUERY); - if (A !== B) { - if (A) { - return -1; - } - if (B) { - return 1; - } - } - if (a.NAME < b.NAME) { - return -1; - } - if (a.NAME > b.NAME) { - return 1; - } - return 0; - }); - if (results.length > 4) { - results.length = 4; - } - results.push({ - value: `search:${query}`, - label: query - }); - } - this.quickSearchItems = results; - }; - - $app.methods.quickSearchChange = function (value) { - if (value) { - if (value.startsWith('search:')) { - this.searchText = value.substr(7); - this.search(); - this.$refs.menu.activeIndex = 'search'; - } else { - this.showUserDialog(value); - } - } - }; - - // NOTE: 그냥 열고 닫고 했을때 changed 이벤트 발생이 안되기 때문에 넣음 - $app.methods.quickSearchVisibleChange = function (value) { - if (value) { - this.quickSearch = ''; - } - }; - - // App: Feed - - $app.data.feedTable = { - data: [], - filters: [ - { - prop: 'type', - value: [], - filterFn: (row, filter) => filter.value.some((v) => v === row.type) - }, - { - prop: 'displayName', - value: '' - }, - { - prop: 'userId', - value: false, - filterFn: (row, filter) => !filter.value || - API.cachedFavoritesByObjectId.has(row.userId) - } - ], - tableProps: { - stripe: true, - size: 'mini', - defaultSort: { - prop: 'created_at', - order: 'descending' - } - }, - pageSize: 10, - paginationProps: { - small: true, - layout: 'sizes,prev,pager,next,total', - pageSizes: [ - 10, - 25, - 50, - 100 - ] - } - }; - - API.$on('LOGIN', function (args) { - $app.feedTable.data = VRCXStorage.GetArray(`${args.ref.id}_feedTable`); - $app.sweepFeed(); - }); - - API.$on('USER:UPDATE', function (args) { - var { ref, props } = args; - if ($app.friends.has(ref.id) === false) { - return; - } - if (props.location) { - if (props.location[0] === 'offline') { - $app.addFeed('Offline', ref, { - location: props.location[1], - time: props.location[2] - }); - } else if (props.location[1] === 'offline') { - $app.addFeed('Online', ref, { - location: props.location[0] - }); - } else { - $app.addFeed('GPS', ref, { - location: [ - props.location[0], - props.location[1] - ], - time: props.location[2] - }); - } - } - if (props.currentAvatarThumbnailImageUrl) { - $app.addFeed('Avatar', ref, { - avatar: props.currentAvatarThumbnailImageUrl - }); - } - if (props.status || - props.statusDescription) { - $app.addFeed('Status', ref, { - status: [ - { - status: props.status - ? props.status[0] - : ref.status, - statusDescription: props.statusDescription - ? props.statusDescription[0] - : ref.statusDescription - }, - { - status: props.status - ? props.status[1] - : ref.status, - statusDescription: props.statusDescription - ? props.statusDescription[1] - : ref.statusDescription - } - ] - }); - } - }); - - var saveFeedTimer = null; - $app.methods.saveFeed = function () { - if (saveFeedTimer !== null) { - return; - } - saveFeedTimer = setTimeout(() => { - saveFeedTimer = null; - VRCXStorage.SetArray(`${API.currentUser.id}_feedTable`, this.feedTable.data); - }, 1); - }; - - $app.methods.addFeed = function (type, ref, extra) { - this.feedTable.data.push({ - created_at: new Date().toJSON(), - type, - userId: ref.id, - displayName: ref.displayName, - ...extra - }); - this.sweepFeed(); - this.saveFeed(); - this.notifyMenu('feed'); - }; - - $app.methods.clearFeed = function () { - // FIXME: 메시지 수정 - this.$confirm('Continue? Clear Feed', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - // 필터된 데이터만 삭제 하려면.. 허어 - var T = this.feedTable; - T.data = T.data.filter((row) => !T.filters.every((filter) => { - if (filter.value) { - if (!Array.isArray(filter.value)) { - if (filter.filterFn) { - return filter.filterFn(row, filter); - } - return String(row[filter.prop]).toUpperCase().includes(String(filter.value).toUpperCase()); - } - if (filter.value.length) { - if (filter.filterFn) { - return filter.filterFn(row, filter); - } - var prop = String(row[filter.prop]).toUpperCase(); - return filter.value.some((v) => prop.includes(String(v).toUpperCase())); - } - } - return true; - })); - } - } - }); - }; - - $app.methods.sweepFeed = function () { - var { data } = this.feedTable; - // 로그는 3일까지만 남김 - var limit = new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toJSON(); - var i = 0; - var j = data.length; - while (i < j && - data[i].created_at < limit) { - ++i; - } - if (i === j) { - this.feedTable.data = []; - } else if (i) { - data.splice(0, i); - } - }; - - // App: gameLog - - $app.data.lastLocation = ''; - $app.data.lastLocation$ = {}; - $app.data.discordActive = VRCXStorage.GetBool('discordActive'); - $app.data.discordInstance = VRCXStorage.GetBool('discordInstance'); - var saveDiscordOption = function () { - VRCXStorage.SetBool('discordActive', this.discordActive); - VRCXStorage.SetBool('discordInstance', this.discordInstance); - }; - $app.watch.discordActive = saveDiscordOption; - $app.watch.discordInstance = saveDiscordOption; - - $app.data.gameLogTable = { - data: [], - filters: [ - { - prop: 'type', - value: [], - filterFn: (row, filter) => filter.value.some((v) => v === row.type) - }, - { - prop: 'detail', - value: '' - } - ], - tableProps: { - stripe: true, - size: 'mini', - defaultSort: { - prop: 'created_at', - order: 'descending' - } - }, - pageSize: 10, - paginationProps: { - small: true, - layout: 'sizes,prev,pager,next,total', - pageSizes: [ - 10, - 25, - 50, - 100 - ] - } - }; - - $app.methods.resetGameLog = function () { - LogWatcher.Reset().then(() => { - this.gameLogTable.data = []; - }); - }; - - $app.methods.refreshGameLog = function () { - LogWatcher.Get().then((logs) => { - if (logs.length) { - var { data } = this.gameLogTable; - for (var log of logs) { - var ctx = { - created_at: String(log[0]), - type: String(log[1]), - data: String(log[2]) - }; - if (ctx.type === 'Location') { - var tag = ctx.data; - if (tag.endsWith(':')) { - tag = tag.substr(0, tag.length - 1); - ctx.data = tag; - } - this.lastLocation = tag; - } - data.push(ctx); - } - this.sweepGameLog(); - // sweepGameLog로 기록이 삭제되면 - // 아무 것도 없는데 알림이 떠서 이상함 - if (data.length) { - this.notifyMenu('gameLog'); - } - } - this.updateSharedFeed(); - }); - }; - - $app.methods.sweepGameLog = function () { - var { data } = this.gameLogTable; - // 로그는 3일까지만 남김 - var limit = new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toJSON(); - var i = 0; - var j = data.length; - while (i < j && - data[i].created_at < limit) { - ++i; - } - if (i === j) { - this.gameLogTable.data = []; - } else if (i) { - data.splice(0, i); - } - }; - - $app.methods.updateDiscord = function () { - if (this.isGameRunning === false || - this.lastLocation === '') { - Discord.SetActive(false); - return; - } - if (this.lastLocation !== this.lastLocation$.tag) { - var L = API.parseLocation(this.lastLocation); - L.worldName = L.worldId; - this.lastLocation$ = L; - if (L.worldId) { - var ref = API.cachedWorlds.get(L.worldId); - if (ref) { - L.worldName = ref.name; - } else { - API.getWorld({ - worldId: L.worldId - }).then((args) => { - L.worldName = args.ref.name; - return args; - }); - } - } - } - // NOTE - // 글자 수가 짧으면 업데이트가 안된다.. - var LL = this.lastLocation$; - if (LL.worldName.length < 2) { - LL.worldName += '\uFFA0'.repeat(2 - LL.worldName.length); - } - if (this.discordInstance) { - Discord.SetText(LL.worldName, `#${LL.instanceName} ${LL.accessType}`); - } else { - Discord.SetText(LL.worldName, ''); - } - Discord.SetActive(this.discordActive); - }; - - $app.methods.lookupUser = function (name) { - for (var ref of API.cachedUsers.values()) { - if (ref.displayName === name) { - this.showUserDialog(ref.id); - return; - } - } - this.searchText = name; - this.search(); - this.$refs.menu.activeIndex = 'search'; - this.$refs.searchTab.currentName = '0'; - }; - - // App: Search - - $app.data.searchText = ''; - $app.data.searchUserResults = []; - $app.data.searchUserParams = {}; - $app.data.searchWorldResults = []; - $app.data.searchWorldOption = ''; - $app.data.searchWorldParams = {}; - $app.data.searchAvatarResults = []; - $app.data.searchAvatarParams = {}; - $app.data.isSearchUserLoading = false; - $app.data.isSearchWorldLoading = false; - $app.data.isSearchAvatarLoading = false; - - API.$on('LOGIN', function () { - $app.searchText = ''; - $app.searchUserResults = []; - $app.searchUserParams = {}; - $app.searchWorldResults = []; - $app.searchWorldOption = ''; - $app.searchWorldParams = {}; - $app.searchAvatarResults = []; - $app.searchAvatarParams = {}; - $app.isSearchUserLoading = false; - $app.isSearchWorldLoading = false; - $app.isSearchAvatarLoading = false; - }); - - $app.methods.clearSearch = function () { - this.searchUserResults = []; - this.searchWorldResults = []; - this.searchAvatarResults = []; - }; - - $app.methods.search = function () { - this.searchUser(); - this.searchWorld({}); - }; - - $app.methods.searchUser = function () { - this.searchUserParams = { - n: 10, - offset: 0, - search: this.searchText - }; - this.moreSearchUser(); - }; - - $app.methods.moreSearchUser = function (go) { - var params = this.searchUserParams; - if (go) { - params.offset += params.n * go; - if (params.offset < 0) { - params.offset = 0; - } - } - this.isSearchUserLoading = true; - API.getUsers(params).finally(() => { - this.isSearchUserLoading = false; - }).then((args) => { - var map = new Map(); - for (var json of args.json) { - var ref = API.cachedUsers.get(json.id); - if (ref !== undefined) { - map.set(ref.id, ref); - } - } - this.searchUserResults = Array.from(map.values()); - return args; - }); - }; - - $app.methods.searchWorld = function (ref) { - this.searchWorldOption = ''; - var params = { - n: 10, - offset: 0 - }; - switch (ref.sortHeading) { - case 'featured': - params.sort = 'order'; - params.featured = 'true'; - break; - case 'trending': - params.sort = 'popularity'; - params.featured = 'false'; - break; - case 'updated': - params.sort = 'updated'; - break; - case 'created': - params.sort = 'created'; - break; - case 'publication': - params.sort = 'publicationDate'; - break; - case 'shuffle': - params.sort = 'shuffle'; - break; - case 'active': - this.searchWorldOption = 'active'; - break; - case 'recent': - this.searchWorldOption = 'recent'; - break; - case 'favorite': - this.searchWorldOption = 'favorites'; - break; - case 'labs': - params.sort = 'labsPublicationDate'; - break; - case 'heat': - params.sort = 'heat'; - params.featured = 'false'; - break; - default: - params.sort = 'popularity'; - params.search = this.searchText; - break; - } - params.order = ref.sortOrder || 'descending'; - if (ref.sortOwnership === 'mine') { - params.user = 'me'; - params.releaseStatus = 'all'; - } - if (ref.tag) { - params.tag = ref.tag; - } - // TODO: option.platform - this.searchWorldParams = params; - this.moreSearchWorld(); - }; - - $app.methods.moreSearchWorld = function (go) { - var params = this.searchWorldParams; - if (go) { - params.offset += params.n * go; - if (params.offset < 0) { - params.offset = 0; - } - } - this.isSearchWorldLoading = true; - API.getWorlds(params, this.searchWorldOption).finally(() => { - this.isSearchWorldLoading = false; - }).then((args) => { - var map = new Map(); - for (var json of args.json) { - var ref = API.cachedWorlds.get(json.id); - if (ref !== undefined) { - map.set(ref.id, ref); - } - } - this.searchWorldResults = Array.from(map.values()); - return args; - }); - }; - - $app.methods.searchAvatar = function (option) { - var params = { - n: 10, - offset: 0 - }; - switch (option) { - case 'updated': - params.sort = 'updated'; - break; - case 'created': - params.sort = 'created'; - break; - case 'mine': - params.user = 'me'; - params.releaseStatus = 'all'; - break; - default: - params.sort = 'popularity'; - params.search = this.searchText; - break; - } - params.order = 'descending'; - // TODO: option.platform - this.searchAvatarParams = params; - this.moreSearchAvatar(); - }; - - $app.methods.moreSearchAvatar = function (go) { - var params = this.searchAvatarParams; - if (go) { - params.offset += params.n * go; - if (params.offset < 0) { - params.offset = 0; - } - } - this.isSearchAvatarLoading = true; - API.getAvatars(params).finally(() => { - this.isSearchAvatarLoading = false; - }).then((args) => { - var map = new Map(); - for (var json of args.json) { - var ref = API.cachedAvatars.get(json.id); - if (ref !== undefined) { - map.set(ref.id, ref); - } - } - this.searchAvatarResults = Array.from(map.values()); - return args; - }); - }; - - // App: Favorite - - $app.data.favoriteObjects = new Map(); - $app.data.favoriteFriends_ = []; - $app.data.favoriteWorlds_ = []; - $app.data.favoriteAvatars_ = []; - $app.data.sortFavoriteFriends = false; - $app.data.sortFavoriteWorlds = false; - $app.data.sortFavoriteAvatars = false; - - API.$on('LOGIN', function () { - $app.favoriteObjects.clear(); - $app.favoriteFriends_ = []; - $app.favoriteWorlds_ = []; - $app.favoriteAvatars_ = []; - $app.sortFavoriteFriends = false; - $app.sortFavoriteWorlds = false; - $app.sortFavoriteAvatars = false; - }); - - API.$on('FAVORITE', function (args) { - $app.applyFavorite(args.ref.type, args.ref.favoriteId); - }); - - API.$on('FAVORITE:@DELETE', function (args) { - $app.applyFavorite(args.ref.type, args.ref.favoriteId); - }); - - API.$on('USER', function (args) { - $app.applyFavorite('friend', args.ref.id); - }); - - API.$on('WORLD', function (args) { - $app.applyFavorite('world', args.ref.id); - }); - - API.$on('AVATAR', function (args) { - $app.applyFavorite('avatar', args.ref.id); - }); - - $app.methods.applyFavorite = function (type, objectId) { - var favorite = API.cachedFavoritesByObjectId.get(objectId); - var ctx = this.favoriteObjects.get(objectId); - if (favorite !== undefined) { - var isTypeChanged = false; - if (ctx === undefined) { - ctx = { - id: objectId, - type, - groupKey: favorite.$groupKey, - ref: null, - name: '' - }; - this.favoriteObjects.set(objectId, ctx); - if (type === 'friend') { - var ref = API.cachedUsers.get(objectId); - if (ref === undefined) { - ref = this.friendLog[objectId]; - if (ref !== undefined && - ref.displayName) { - ctx.name = ref.displayName; - } - } else { - ctx.ref = ref; - ctx.name = ref.displayName; - } - } else if (type === 'world') { - var ref = API.cachedWorlds.get(objectId); - if (ref !== undefined) { - ctx.ref = ref; - ctx.name = ref.name; - } - } else if (type === 'avatar') { - var ref = API.cachedAvatars.get(objectId); - if (ref !== undefined) { - ctx.ref = ref; - ctx.name = ref.name; - } - } - isTypeChanged = true; - } else { - if (ctx.type !== type) { - // WTF??? - isTypeChanged = true; - if (type === 'friend') { - removeFromArray(this.favoriteFriends_, ctx); - } else if (type === 'world') { - removeFromArray(this.favoriteWorlds_, ctx); - } else if (type === 'avatar') { - removeFromArray(this.favoriteAvatars_, ctx); - } - } - if (type === 'friend') { - var ref = API.cachedUsers.get(objectId); - if (ref !== undefined) { - if (ctx.ref !== ref) { - ctx.ref = ref; - } - if (ctx.name !== ref.displayName) { - ctx.name = ref.displayName; - this.sortFavoriteFriends = true; - } - } - } else if (type === 'world') { - var ref = API.cachedWorlds.get(objectId); - if (ref !== undefined) { - if (ctx.ref !== ref) { - ctx.ref = ref; - } - if (ctx.name !== ref.name) { - ctx.name = ref.name; - this.sortFavoriteWorlds = true; - } - } - } else if (type === 'avatar') { - var ref = API.cachedAvatars.get(objectId); - if (ref !== undefined) { - if (ctx.ref !== ref) { - ctx.ref = ref; - } - if (ctx.name !== ref.name) { - ctx.name = ref.name; - this.sortFavoriteAvatars = true; - } - } - } - } - if (isTypeChanged) { - if (type === 'friend') { - this.favoriteFriends_.push(ctx); - this.sortFavoriteFriends = true; - } else if (type === 'world') { - this.favoriteWorlds_.push(ctx); - this.sortFavoriteWorlds = true; - } else if (type === 'avatar') { - this.favoriteAvatars_.push(ctx); - this.sortFavoriteAvatars = true; - } - } - } else if (ctx !== undefined) { - this.favoriteObjects.delete(objectId); - if (type === 'friend') { - removeFromArray(this.favoriteFriends_, ctx); - } else if (type === 'world') { - removeFromArray(this.favoriteWorlds_, ctx); - } else if (type === 'avatar') { - removeFromArray(this.favoriteAvatars_, ctx); - } - } - }; - - $app.methods.deleteFavorite = function (objectId) { - // FIXME: 메시지 수정 - this.$confirm('Continue? Delete Favorite', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - API.deleteFavorite({ - objectId - }); - } - } - }); - }; - - $app.methods.changeFavoriteGroupName = function (ctx) { - this.$prompt('Enter a new name', 'Change Group Name', { - distinguishCancelAndClose: true, - cancelButtonText: 'Cancel', - confirmButtonText: 'Change', - inputPlaceholder: 'Name', - inputValue: ctx.displayName, - inputPattern: /\S+/u, - inputErrorMessage: 'Name is required', - callback: (action, instance) => { - if (action === 'confirm') { - API.saveFavoriteGroup({ - type: ctx.type, - group: ctx.name, - displayName: instance.inputValue - }).then((args) => { - this.$message('Group updated!'); - return args; - }); - } - } - }); - }; - - $app.methods.clearFavoriteGroup = function (ctx) { - // FIXME: 메시지 수정 - this.$confirm('Continue? Clear Group', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - API.clearFavoriteGroup({ - type: ctx.type, - group: ctx.name - }); - } - } - }); - }; - - $app.computed.favoriteFriends = function () { - if (this.sortFavoriteFriends) { - this.sortFavoriteFriends = false; - this.favoriteFriends_.sort(compareByName); - } - return this.favoriteFriends_; - }; - - $app.computed.favoriteWorlds = function () { - if (this.sortFavoriteWorlds) { - this.sortFavoriteWorlds = false; - this.favoriteWorlds_.sort(compareByName); - } - return this.favoriteWorlds_; - }; - - $app.computed.favoriteAvatars = function () { - if (this.sortFavoriteAvatars) { - this.sortFavoriteAvatars = false; - this.favoriteAvatars_.sort(compareByName); - } - return this.favoriteAvatars_; - }; - - // App: friendLog - - $app.data.friendLog = {}; - $app.data.friendLogTable = { - data: [], - filters: [ - { - prop: 'type', - value: [], - filterFn: (row, filter) => filter.value.some((v) => v === row.type) - }, - { - prop: 'displayName', - value: '' - } - ], - tableProps: { - stripe: true, - size: 'mini', - defaultSort: { - prop: 'created_at', - order: 'descending' - } - }, - pageSize: 10, - paginationProps: { - small: true, - layout: 'sizes,prev,pager,next,total', - pageSizes: [ - 10, - 25, - 50, - 100 - ] - } - }; - - API.$on('LOGIN', function (args) { - $app.initFriendship(args.ref); - }); - - API.$on('USER:CURRENT', function (args) { - $app.updateFriendships(args.ref); - }); - - API.$on('USER', function (args) { - $app.updateFriendship(args.ref); - }); - - API.$on('FRIEND:ADD', function (args) { - $app.addFriendship(args.params.userId); - }); - - API.$on('FRIEND:DELETE', function (args) { - $app.deleteFriendship(args.params.userId); - }); - - API.$on('FRIEND:REQUEST', function (args) { - var ref = this.cachedUsers.get(args.params.userId); - if (ref === undefined) { - return; - } - $app.friendLogTable.data.push({ - created_at: new Date().toJSON(), - type: 'FriendRequest', - userId: ref.id, - displayName: ref.displayName - }); - $app.saveFriendLog(); - }); - - API.$on('FRIEND:REQUEST:CANCEL', function (args) { - var ref = this.cachedUsers.get(args.params.userId); - if (ref === undefined) { - return; - } - $app.friendLogTable.data.push({ - created_at: new Date().toJSON(), - type: 'CancelFriendRequst', - userId: ref.id, - displayName: ref.displayName - }); - $app.saveFriendLog(); - }); - - var saveFriendLogTimer = null; - $app.methods.saveFriendLog = function () { - if (saveFriendLogTimer !== null) { - return; - } - saveFriendLogTimer = setTimeout(() => { - saveFriendLogTimer = null; - VRCXStorage.SetObject(`${API.currentUser.id}_friendLog`, this.friendLog); - VRCXStorage.SetArray(`${API.currentUser.id}_friendLogTable`, this.friendLogTable.data); - VRCXStorage.Set(`${API.currentUser.id}_friendLogUpdatedAt`, new Date().toJSON()); - }, 1); - }; - - $app.methods.initFriendship = function (ref) { - if (VRCXStorage.Get(`${ref.id}_friendLogUpdatedAt`)) { - this.friendLog = VRCXStorage.GetObject(`${ref.id}_friendLog`); - this.friendLogTable.data = VRCXStorage.GetArray(`${ref.id}_friendLogTable`); - } else { - var friendLog = {}; - for (var id of ref.friends) { - // DO NOT set displayName, - // it's flag about it's new friend - var ctx = { - id - }; - var user = API.cachedUsers.get(id); - if (user !== undefined) { - ctx.displayName = user.displayName; - ctx.trustLevel = user.$trustLevel; - } - friendLog[id] = ctx; - } - this.friendLog = friendLog; - this.friendLogTable.data = []; - this.saveFriendLog(); - } - }; - - $app.methods.addFriendship = function (id) { - if (this.friendLog[id] !== undefined) { - return; - } - var ctx = { - id, - displayName: null, - trustLevel: null - }; - Vue.set(this.friendLog, id, ctx); - var ref = API.cachedUsers.get(id); - if (ref !== undefined) { - ctx.displayName = ref.displayName; - ctx.trustLevel = ref.$trustLevel; - this.friendLogTable.data.push({ - created_at: new Date().toJSON(), - type: 'Friend', - userId: ref.id, - displayName: ctx.displayName - }); - } - this.saveFriendLog(); - this.notifyMenu('friendLog'); - }; - - $app.methods.deleteFriendship = function (id) { - var ctx = this.friendLog[id]; - if (ctx === undefined) { - return; - } - Vue.delete(this.friendLog, id); - this.friendLogTable.data.push({ - created_at: new Date().toJSON(), - type: 'Unfriend', - userId: id, - displayName: ctx.displayName - }); - this.saveFriendLog(); - this.notifyMenu('friendLog'); - }; - - $app.methods.updateFriendships = function (ref) { - var set = new Set(); - for (var id of ref.friends) { - set.add(id); - this.addFriendship(id); - } - for (var id in this.friendLog) { - if (set.has(id) === false) { - this.deleteFriendship(id); - } - } - }; - - $app.methods.updateFriendship = function (ref) { - var ctx = this.friendLog[ref.id]; - if (ctx === undefined) { - return; - } - if (ctx.displayName !== ref.displayName) { - if (ctx.displayName) { - this.friendLogTable.data.push({ - created_at: new Date().toJSON(), - type: 'DisplayName', - userId: ref.id, - displayName: ref.displayName, - previousDisplayName: ctx.displayName - }); - } else if (ctx.displayName === null) { - this.friendLogTable.data.push({ - created_at: new Date().toJSON(), - type: 'Friend', - userId: ref.id, - displayName: ref.displayName - }); - } - ctx.displayName = ref.displayName; - this.saveFriendLog(); - this.notifyMenu('friendLog'); - } - if (ref.$trustLevel && - ctx.trustLevel !== ref.$trustLevel) { - if (ctx.trustLevel) { - this.friendLogTable.data.push({ - created_at: new Date().toJSON(), - type: 'TrustLevel', - userId: ref.id, - displayName: ref.displayName, - trustLevel: ref.$trustLevel, - previousTrustLevel: ctx.trustLevel - }); - } - ctx.trustLevel = ref.$trustLevel; - this.saveFriendLog(); - this.notifyMenu('friendLog'); - } - }; - - $app.methods.deleteFriendLog = function (row) { - // FIXME: 메시지 수정 - this.$confirm('Continue? Delete Log', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm' && - removeFromArray(this.friendLogTable.data, row)) { - this.saveFriendLog(); - } - } - }); - }; - - // App: Moderation - - $app.data.playerModerationTable = { - data: [], - filters: [ - { - prop: 'type', - value: [], - filterFn: (row, filter) => filter.value.some((v) => v === row.type) - }, - { - prop: [ - 'sourceDisplayName', - 'targetDisplayName' - ], - value: '' - } - ], - tableProps: { - stripe: true, - size: 'mini', - defaultSort: { - prop: 'created', - order: 'descending' - } - }, - pageSize: 10, - paginationProps: { - small: true, - layout: 'sizes,prev,pager,next,total', - pageSizes: [ - 10, - 25, - 50, - 100 - ] - } - }; - - API.$on('LOGIN', function () { - $app.playerModerationTable.data = []; - }); - - API.$on('PLAYER-MODERATION', function (args) { - var { ref } = args; - var array = $app.playerModerationTable.data; - var { length } = array; - for (var i = 0; i < length; ++i) { - if (array[i].id === ref.id) { - if (ref.$isDeleted) { - array.splice(i, 1); - } else { - Vue.set(array, i, ref); - } - return; - } - } - if (ref.$isDeleted === false) { - $app.playerModerationTable.data.push(ref); - $app.notifyMenu('moderation'); - } - }); - - API.$on('PLAYER-MODERATION:@DELETE', function (args) { - var { ref } = args; - var array = $app.playerModerationTable.data; - var { length } = array; - for (var i = 0; i < length; ++i) { - if (array[i].id === ref.id) { - array.splice(i, 1); - return; - } - } - }); - - $app.methods.deletePlayerModeration = function (row) { - // FIXME: 메시지 수정 - this.$confirm('Continue? Delete Moderation', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - API.deletePlayerModeration({ - moderated: row.targetUserId, - type: row.type - }); - } - } - }); - }; - - // App: Notification - - $app.data.notificationTable = { - data: [], - filters: [ - { - prop: 'type', - value: [], - filterFn: (row, filter) => filter.value.some((v) => v === row.type) - }, - { - prop: 'senderUsername', - value: '' - } - ], - tableProps: { - stripe: true, - size: 'mini', - defaultSort: { - prop: 'created_at', - order: 'descending' - } - }, - pageSize: 10, - paginationProps: { - small: true, - layout: 'sizes,prev,pager,next,total', - pageSizes: [ - 10, - 25, - 50, - 100 - ] - } - }; - - API.$on('LOGIN', function () { - $app.notificationTable.data = []; - }); - - API.$on('NOTIFICATION', function (args) { - var { ref } = args; - var array = $app.notificationTable.data; - var { length } = array; - for (var i = 0; i < length; ++i) { - if (array[i].id === ref.id) { - if (ref.$isDeleted) { - array.splice(i, 1); - } else { - Vue.set(array, i, ref); - } - return; - } - } - if (ref.$isDeleted === false) { - $app.notificationTable.data.push(ref); - $app.notifyMenu('notification'); - } - }); - - API.$on('NOTIFICATION:@DELETE', function (args) { - var { ref } = args; - var array = $app.notificationTable.data; - var { length } = array; - for (var i = 0; i < length; ++i) { - if (array[i].id === ref.id) { - array.splice(i, 1); - return; - } - } - }); - - $app.methods.acceptNotification = function (row) { - // FIXME: 메시지 수정 - this.$confirm('Continue? Accept Friend Request', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - API.acceptNotification({ - notificationId: row.id - }); - } - } - }); - }; - - $app.methods.hideNotification = function (row) { - // FIXME: 메시지 수정 - this.$confirm('Continue? Delete Notification', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - API.hideNotification({ - notificationId: row.id - }); - } - } - }); - }; - - // App: More - - $app.data.userLanguageVisible = 0; - $app.data.userLanguageSelected = ''; - $app.data.userLanguages = (function () { - var data = []; - for (var key in subsetOfLanguages) { - var value = subsetOfLanguages[key]; - data.push({ - key, - value - }); - } - return data; - }()); - $app.data.currentUserTreeData = []; - $app.data.pastDisplayNameTable = { - data: [], - tableProps: { - stripe: true, - size: 'mini', - defaultSort: { - prop: 'updated_at', - order: 'descending' - } - }, - pageSize: 10, - paginationProps: { - small: true, - layout: 'sizes,prev,pager,next,total', - pageSizes: [ - 10, - 25, - 50, - 100 - ] - } - }; - $app.data.visits = 0; - $app.data.openVR = VRCXStorage.GetBool('openVR'); - $app.data.openVRAlways = VRCXStorage.GetBool('openVRAlways'); - var saveOpenVROption = function () { - VRCXStorage.SetBool('openVR', this.openVR); - VRCXStorage.SetBool('openVRAlways', this.openVRAlways); - }; - $app.watch.openVR = saveOpenVROption; - $app.watch.openVRAlways = saveOpenVROption; - $app.data.isDarkMode = VRCXStorage.GetBool('isDarkMode'); - $appDarkStyle.disabled = $app.data.isDarkMode === false; - $app.watch.isDarkMode = function () { - VRCXStorage.SetBool('isDarkMode', this.isDarkMode); - $appDarkStyle.disabled = this.isDarkMode === false; - }; - $app.data.isStartAtWindowsStartup = VRCXStorage.GetBool('VRCX_StartAtWindowsStartup'); - $app.data.isStartAsMinimizedState = VRCXStorage.GetBool('VRCX_StartAsMinimizedState'); - $app.data.isCloseToTray = VRCXStorage.GetBool('VRCX_CloseToTray'); - var saveVRCXWindowOption = function () { - VRCXStorage.SetBool('VRCX_StartAtWindowsStartup', this.isStartAtWindowsStartup); - VRCXStorage.SetBool('VRCX_StartAsMinimizedState', this.isStartAsMinimizedState); - VRCXStorage.SetBool('VRCX_CloseToTray', this.isCloseToTray); - VRCX.SetStartup(this.isStartAtWindowsStartup); - }; - $app.watch.isStartAtWindowsStartup = saveVRCXWindowOption; - $app.watch.isStartAsMinimizedState = saveVRCXWindowOption; - $app.watch.isCloseToTray = saveVRCXWindowOption; - - API.$on('LOGIN', function () { - $app.currentUserTreeData = []; - $app.pastDisplayNameTable.data = []; - }); - - API.$on('USER:CURRENT', function (args) { - if (args.ref.pastDisplayNames) { - $app.pastDisplayNameTable.data = args.ref.pastDisplayNames; - } - }); - - API.$on('VISITS', function (args) { - $app.visits = args.json; - }); - - $app.methods.addUserLanguage = function (language) { - if (language !== String(language)) { - return; - } - API.addUserTags({ - tags: [`language_${language}`] - }); - }; - - $app.methods.removeUserLanguage = function (language) { - if (language !== String(language)) { - return; - } - API.removeUserTags({ - tags: [`language_${language}`] - }); - }; - - $app.methods.logout = function () { - this.$confirm('Continue? Logout', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - API.logout(); - } - } - }); - }; - - $app.methods.resetHome = function () { - this.$confirm('Continue? Reset Home', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - API.saveCurrentUser({ - homeLocation: '' - }).then((args) => { - this.$message({ - message: 'Home world has been reset', - type: 'success' - }); - return args; - }); - } - } - }); - }; - - $app.methods.updateOpenVR = function () { - if (this.openVR && - (this.isGameRunning || this.openVRAlways)) { - VRCX.StartVR(); - } else { - VRCX.StopVR(); - } - }; - - $app.methods.refreshCurrentUserTreeData = function () { - this.currentUserTreeData = buildTreeData(API.currentUser); - }; - - $app.methods.promptUserDialog = function () { - this.$prompt('Enter a User ID (UUID)', 'Direct Access', { - distinguishCancelAndClose: true, - confirmButtonText: 'OK', - cancelButtonText: 'Cancel', - inputPattern: /\S+/u, - inputErrorMessage: 'User ID is required', - callback: (action, instance) => { - if (action === 'confirm' && - instance.inputValue) { - this.showUserDialog(instance.inputValue); - } - } - }); - }; - - $app.methods.promptWorldDialog = function () { - this.$prompt('Enter a World ID (UUID)', 'Direct Access', { - distinguishCancelAndClose: true, - confirmButtonText: 'OK', - cancelButtonText: 'Cancel', - inputPattern: /\S+/u, - inputErrorMessage: 'World ID is required', - callback: (action, instance) => { - if (action === 'confirm' && - instance.inputValue) { - this.showWorldDialog(instance.inputValue); - } - } - }); - }; - - $app.methods.promptAvatarDialog = function () { - this.$prompt('Enter a Avatar ID (UUID)', 'Direct Access', { - distinguishCancelAndClose: true, - confirmButtonText: 'OK', - cancelButtonText: 'Cancel', - inputPattern: /\S+/u, - inputErrorMessage: 'Avatar ID is required', - callback: (action, instance) => { - if (action === 'confirm' && - instance.inputValue) { - this.showAvatarDialog(instance.inputValue); - } - } - }); - }; - - // App: Dialog - - var adjustDialogZ = (el) => { - var z = 0; - document.querySelectorAll('.v-modal,.el-dialog__wrapper').forEach((v) => { - var _z = Number(v.style.zIndex) || 0; - if (_z && - _z > z && - v !== el) { - z = _z; - } - }); - if (z) { - el.style.zIndex = z + 1; - } - }; - - // App: User Dialog - - $app.data.userDialog = { - visible: false, - loading: false, - id: '', - ref: {}, - friend: {}, - isFriend: false, - incomingRequest: false, - outgoingRequest: false, - isBlock: false, - isMute: false, - isHideAvatar: false, - isFavorite: false, - - $location: {}, - users: [], - instance: {}, - - worlds: [], - avatars: [], - isWorldsLoading: false, - isAvatarsLoading: false, - - worldSorting: 'update', - avatarSorting: 'update', - - treeData: [], - memo: '' - }; - - $app.watch['userDialog.memo'] = function () { - var D = this.userDialog; - this.saveMemo(D.id, D.memo); - }; - - $app.methods.getFaviconUrl = function (resource) { - try { - var url = new URL(resource); - return `https://www.google.com/s2/favicons?domain=${url.origin}`; - } catch (err) { - return ''; - } - }; - - API.$on('LOGOUT', function () { - $app.userDialog.visible = false; - }); - - API.$on('USER', function (args) { - var { ref } = args; - var D = $app.userDialog; - if (D.visible === false || - D.id !== ref.id) { - return; - } - D.ref = ref; - $app.applyUserDialogLocation(); - }); - - API.$on('WORLD', function (args) { - var D = $app.userDialog; - if (D.visible === false || - D.$location.worldId !== args.ref.id) { - return; - } - $app.applyUserDialogLocation(); - }); - - API.$on('FRIEND:STATUS', function (args) { - var D = $app.userDialog; - if (D.visible === false || - D.id !== args.params.userId) { - return; - } - var { json } = args; - D.isFriend = json.isFriend; - D.incomingRequest = json.incomingRequest; - D.outgoingRequest = json.outgoingRequest; - }); - - API.$on('FRIEND:REQUEST', function (args) { - var D = $app.userDialog; - if (D.visible === false || - D.id !== args.params.userId) { - return; - } - if (args.json.success) { - D.isFriend = true; - } else { - D.outgoingRequest = true; - } - }); - - API.$on('FRIEND:REQUEST:CANCEL', function (args) { - var D = $app.userDialog; - if (D.visible === false || - D.id !== args.params.userId) { - return; - } - D.outgoingRequest = false; - }); - - API.$on('NOTIFICATION', function (args) { - var { ref } = args; - var D = $app.userDialog; - if (D.visible === false || - ref.$isDeleted || - ref.type !== 'friendRequest' || - ref.senderUserId !== D.id) { - return; - } - D.incomingRequest = true; - }); - - API.$on('NOTIFICATION:ACCEPT', function (args) { - var { ref } = args; - var D = $app.userDialog; - // 얘는 @DELETE가 오고나서 ACCEPT가 옴 - // 따라서 $isDeleted라면 ref가 undefined가 됨 - if (D.visible === false || - ref === undefined || - ref.type !== 'friendRequest' || - ref.senderUserId !== D.id) { - return; - } - D.isFriend = true; - }); - - API.$on('NOTIFICATION:@DELETE', function (args) { - var { ref } = args; - var D = $app.userDialog; - if (D.visible === false || - ref.type !== 'friendRequest' || - ref.senderUserId !== D.id) { - return; - } - D.incomingRequest = false; - }); - - API.$on('FRIEND:DELETE', function (args) { - var D = $app.userDialog; - if (D.visible === false || - D.id !== args.params.userId) { - return; - } - D.isFriend = false; - }); - - API.$on('PLAYER-MODERATION', function (args) { - var { ref } = args; - var D = $app.userDialog; - if (D.visible === false || - ref.$isDeleted || - ref.targetUserId !== D.id && - ref.sourceUserId !== this.currentUser.id) { - return; - } - if (ref.type === 'block') { - D.isBlock = true; - } else if (ref.type === 'mute') { - D.isMute = true; - } else if (ref.type === 'hideAvatar') { - D.isHideAvatar = true; - } - }); - - API.$on('PLAYER-MODERATION:@DELETE', function (args) { - var { ref } = args; - var D = $app.userDialog; - if (D.visible === false || - ref.targetUserId !== D.id || - ref.sourceUserId !== this.currentUser.id) { - return; - } - if (ref.type === 'block') { - D.isBlock = false; - } else if (ref.type === 'mute') { - D.isMute = false; - } else if (ref.type === 'hideAvatar') { - D.isHideAvatar = false; - } - }); - - API.$on('FAVORITE', function (args) { - var { ref } = args; - var D = $app.userDialog; - if (D.visible === false || - ref.$isDeleted || - ref.favoriteId !== D.id) { - return; - } - D.isFavorite = true; - }); - - API.$on('FAVORITE:@DELETE', function (args) { - var D = $app.userDialog; - if (D.visible === false || - D.id !== args.ref.favoriteId) { - return; - } - D.isFavorite = false; - }); - - $app.methods.showUserDialog = function (userId) { - this.$nextTick(() => adjustDialogZ(this.$refs.userDialog.$el)); - var D = this.userDialog; - D.id = userId; - D.treeData = []; - D.memo = this.loadMemo(userId); - D.visible = true; - D.loading = true; - API.getCachedUser({ - userId - }).catch((err) => { - D.loading = false; - D.visible = false; - throw err; - }).then((args) => { - if (args.ref.id === D.id) { - D.loading = false; - D.ref = args.ref; - D.friend = this.friends.get(D.id); - D.isFriend = Boolean(D.friend); - D.incomingRequest = false; - D.outgoingRequest = false; - D.isBlock = false; - D.isMute = false; - D.isHideAvatar = false; - for (var ref of API.cachedPlayerModerations.values()) { - if (ref.$isDeleted === false && - ref.targetUserId === D.id && - ref.sourceUserId === API.currentUser.id) { - if (ref.type === 'block') { - D.isBlock = true; - } else if (ref.type === 'mute') { - D.isMute = true; - } else if (ref.type === 'hideAvatar') { - D.isHideAvatar = true; - } - } - } - D.isFavorite = API.cachedFavoritesByObjectId.has(D.id); - this.applyUserDialogLocation(); - var worlds = []; - for (var ref of API.cachedWorlds.values()) { - if (ref.authorId === D.id) { - worlds.push(ref); - } - } - this.setUserDialogWorlds(worlds); - var avatars = []; - for (var ref of API.cachedAvatars.values()) { - if (ref.authorId === D.id) { - avatars.push(ref); - } - } - this.setUserDialogAvatars(avatars); - D.avatars = avatars; - D.isWorldsLoading = false; - D.isAvatarsLoading = false; - API.getFriendStatus({ - userId: D.id - }); - if (args.cache) { - API.getUser(args.params); - } - } - return args; - }); - }; - - $app.methods.applyUserDialogLocation = function () { - var D = this.userDialog; - var L = API.parseLocation(D.ref.location); - D.$location = L; - if (L.userId) { - var ref = API.cachedUsers.get(L.userId); - if (ref === undefined) { - API.getUser({ - userId: L.userId - }).then((args) => { - Vue.set(L, 'user', args.ref); - return args; - }); - } else { - L.user = ref; - } - } - var users = []; - if (L.isOffline === false) { - for (var { ref } of this.friends.values()) { - if (ref !== undefined && - ref.location === L.tag) { - users.push(ref); - } - } - } - if (this.isGameRunning && - this.lastLocation === L.tag) { - users.push(API.currentUser); - } - users.sort(compareByDisplayName); - D.users = users; - D.instance = {}; - if (L.worldId) { - var applyInstance = function (instances) { - for (var [id, occupants] of instances) { - if (id === L.instanceId) { - D.instance = { - id, - occupants - }; - break; - } - } - }; - var ref = API.cachedWorlds.get(L.worldId); - if (ref === undefined) { - API.getWorld({ - worldId: L.worldId - }).then((args) => { - if (args.ref.id === L.worldId) { - applyInstance(args.ref.instances); - } - return true; - }); - } else { - applyInstance(ref.instances); - } - } - }; - - $app.methods.setUserDialogWorlds = function (array) { - var D = this.userDialog; - if (D.worldSorting === 'update') { - array.sort(compareByUpdatedAt); - } else { - array.sort(compareByName); - } - D.worlds = array; - }; - - $app.methods.setUserDialogAvatars = function (array) { - var D = this.userDialog; - if (D.avatarSorting === 'update') { - array.sort(compareByUpdatedAt); - } else { - array.sort(compareByName); - } - D.avatars = array; - }; - - $app.methods.refreshUserDialogWorlds = function () { - var D = this.userDialog; - if (D.isWorldsLoading) { - return; - } - D.isWorldsLoading = true; - var params = { - n: 100, - offset: 0, - sort: 'updated', - order: 'descending', - user: 'friends', - userId: D.id, - releaseStatus: 'public' - }; - if (params.userId === API.currentUser.id) { - params.user = 'me'; - params.releaseStatus = 'all'; - } - var map = new Map(); - for (var ref of API.cachedWorlds.values()) { - if (ref.authorId === D.id) { - map.set(ref.id, ref); - } - } - API.bulk({ - fn: 'getWorlds', - N: -1, - params, - handle: (args) => { - for (var json of args.json) { - var $ref = API.cachedWorlds.get(json.id); - if ($ref !== undefined) { - map.set($ref.id, $ref); - } - } - }, - done: () => { - if (D.id === params.userId) { - var array = Array.from(map.values()); - this.setUserDialogWorlds(array); - } - D.isWorldsLoading = false; - } - }); - }; - - $app.methods.refreshUserDialogAvatars = function () { - var D = this.userDialog; - if (D.isAvatarsLoading) { - return; - } - D.isAvatarsLoading = true; - var params = { - n: 100, - offset: 0, - sort: 'updated', - order: 'descending', - user: 'friends', - userId: D.id, - releaseStatus: 'public' - }; - if (params.userId === API.currentUser.id) { - params.user = 'me'; - params.releaseStatus = 'all'; - } - var map = new Map(); - for (var ref of API.cachedAvatars.values()) { - if (ref.authorId === D.id) { - map.set(ref.id, ref); - } - } - API.bulk({ - fn: 'getAvatars', - N: -1, - params, - handle: (args) => { - for (var json of args.json) { - var $ref = API.cachedAvatars.get(json.id); - if ($ref !== undefined) { - map.set($ref.id, $ref); - } - } - }, - done: () => { - if (D.id === params.userId) { - var array = Array.from(map.values()); - this.setUserDialogAvatars(array); - } - D.isAvatarsLoading = false; - } - }); - }; - - var performUserDialogCommand = (command, userId) => { - switch (command) { - case 'Delete Favorite': - API.deleteFavorite({ - objectId: userId - }); - break; - case 'Accept Friend Request': - var key = API.getFriendRequest(userId); - if (key === '') { - API.sendFriendRequest({ - userId - }); - } else { - API.acceptNotification({ - notificationId: key - }); - } - break; - case 'Decline Friend Request': - var key = API.getFriendRequest(userId); - if (key === '') { - API.cancelFriendRequest({ - userId - }); - } else { - API.hideNotification({ - notificationId: key - }); - } - break; - case 'Cancel Friend Request': - API.cancelFriendRequest({ - userId - }); - break; - case 'Send Friend Request': - API.sendFriendRequest({ - userId - }); - break; - case 'Unblock': - API.deletePlayerModeration({ - moderated: userId, - type: 'block' - }); - break; - case 'Block': - API.sendPlayerModeration({ - moderated: userId, - type: 'block' - }); - break; - case 'Unmute': - API.deletePlayerModeration({ - moderated: userId, - type: 'mute' - }); - break; - case 'Mute': - API.sendPlayerModeration({ - moderated: userId, - type: 'mute' - }); - break; - case 'Show Avatar': - API.deletePlayerModeration({ - moderated: userId, - type: 'hideAvatar' - }); - break; - case 'Hide Avatar': - API.sendPlayerModeration({ - moderated: userId, - type: 'hideAvatar' - }); - break; - case 'Unfriend': - API.deleteFriend({ - userId - }); - break; - default: - break; - } - }; - - $app.methods.userDialogCommand = function (command) { - var D = this.userDialog; - if (D.visible === false) { - return; - } - if (command === 'Add Favorite') { - this.showFavoriteDialog('friend', D.id); - } else if (command === 'Message') { - this.$prompt('Enter a message', 'Send Message', { - distinguishCancelAndClose: true, - confirmButtonText: 'Send', - cancelButtonText: 'Cancel', - inputPattern: /\S+/u, - inputErrorMessage: 'Message is required', - callback: (action, instance) => { - if (action === 'confirm' && - instance.inputValue) { - API.sendNotification({ - receiverUserId: D.id, - type: 'message', - message: instance.inputValue, - seen: false, - details: '{}' - }).then((args) => { - this.$message('Message sent'); - return args; - }); - } - } - }); - } else if (command === 'Show Avatar Author') { - var id = extractFileId(D.ref.currentAvatarImageUrl); - if (id) { - API.call(`file/${id}`).then((json) => { - if (json.ownerId === D.id) { - this.$message({ - message: 'It\'s personal (own) avatar', - type: 'warning' - }); - } else { - this.showUserDialog(json.ownerId); - } - }); - } else { - this.$message({ - message: 'Sorry, the author is unknown', - type: 'error' - }); - } - } else { - this.$confirm(`Continue? ${command}`, 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - performUserDialogCommand(command, D.id); - } - } - }); - } - }; - - $app.methods.refreshUserDialogTreeData = function () { - var D = this.userDialog; - D.treeData = buildTreeData(D.ref); - }; - - $app.methods.changeUserDialogWorldSorting = function () { - var D = this.userDialog; - this.setUserDialogWorlds(D.worlds); - }; - - $app.methods.changeUserDialogAvatarSorting = function () { - var D = this.userDialog; - this.setUserDialogAvatars(D.avatars); - }; - - // App: World Dialog - - $app.data.worldDialog = { - visible: false, - loading: false, - id: '', - $location: {}, - ref: {}, - isFavorite: false, - rooms: [], - treeData: [], - fileCreatedAt: '', - fileSize: '' - }; - - API.$on('LOGOUT', function () { - $app.worldDialog.visible = false; - }); - - API.$on('WORLD', function (args) { - var { ref } = args; - var D = $app.worldDialog; - if (D.visible === false || - D.id !== ref.id) { - return; - } - D.ref = ref; - if (D.fileSize === 'Loading') { - var id = extractFileId(ref.assetUrl); - if (id) { - this.call(`file/${id}`).then(function (json) { - var ctx = json.versions[json.versions.length - 1]; - D.fileCreatedAt = ctx.created_at; - D.fileSize = `${(ctx.file.sizeInBytes / 1048576).toFixed(2)} MiB`; - }); - } - } - $app.applyWorldDialogInstances(); - }); - - API.$on('FAVORITE', function (args) { - var { ref } = args; - var D = $app.worldDialog; - if (D.visible === false || - ref.$isDeleted || - ref.favoriteId !== D.id) { - return; - } - D.isFavorite = true; - }); - - API.$on('FAVORITE:@DELETE', function (args) { - var D = $app.worldDialog; - if (D.visible === false || - D.id !== args.ref.favoriteId) { - return; - } - D.isFavorite = false; - }); - - $app.methods.showWorldDialog = function (tag) { - this.$nextTick(() => adjustDialogZ(this.$refs.worldDialog.$el)); - var D = this.worldDialog; - var L = API.parseLocation(tag); - if (L.worldId === '') { - return; - } - D.id = L.worldId; - D.$location = L; - D.treeData = []; - D.fileCreatedAt = ''; - D.fileSize = 'Loading'; - D.visible = true; - D.loading = true; - API.getCachedWorld({ - worldId: L.worldId - }).catch((err) => { - D.loading = false; - D.visible = false; - throw err; - }).then((args) => { - if (D.id === args.ref.id) { - D.loading = false; - D.ref = args.ref; - D.isFavorite = API.cachedFavoritesByObjectId.has(D.id); - D.rooms = []; - this.applyWorldDialogInstances(); - if (args.cache) { - API.getWorld(args.params); - } - } - return args; - }); - }; - - $app.methods.applyWorldDialogInstances = function () { - var D = this.worldDialog; - var instances = {}; - for (var [id, occupants] of D.ref.instances) { - instances[id] = { - id, - occupants, - users: [] - }; - } - var { instanceId } = D.$location; - if (instanceId && - instances[instanceId] === undefined) { - instances[instanceId] = { - id: instanceId, - occupants: 0, - users: [] - }; - } - for (var { ref } of this.friends.values()) { - if (ref === undefined || - ref.$location === undefined || - ref.$location.worldId !== D.id) { - continue; - } - var { instanceId } = ref.$location; - var instance = instances[instanceId]; - if (instance === undefined) { - instance = { - id: instanceId, - occupants: 0, - users: [] - }; - instances[instanceId] = instance; - } - instance.users.push(ref); - } - if (this.isGameRunning) { - var lastLocation$ = API.parseLocation(this.lastLocation); - if (lastLocation$.worldId === D.id) { - var instance = instances[lastLocation$.instanceId]; - if (instance === undefined) { - instance = { - id: lastLocation$.instanceId, - occupants: 1, - users: [] - }; - instances[instance.id] = instance; - } - instance.users.push(API.currentUser); - } - } - var rooms = []; - for (var instance of Object.values(instances)) { - // due to references on callback of API.getUser() - // this should be block scope variable - const L = API.parseLocation(`${D.id}:${instance.id}`); - instance.location = L.tag; - instance.$location = L; - if (L.userId) { - var ref = API.cachedUsers.get(L.userId); - if (ref === undefined) { - API.getUser({ - userId: L.userId - }).then((args) => { - Vue.set(L, 'user', args.ref); - return args; - }); - } else { - L.user = ref; - } - } - instance.users.sort(compareByDisplayName); - rooms.push(instance); - } - // sort by more friends, occupants - rooms.sort(function (a, b) { - return b.users.length - a.users.length || - b.occupants - a.occupants; - }); - D.rooms = rooms; - }; - - $app.methods.worldDialogCommand = function (command) { - var D = this.worldDialog; - if (D.visible === false) { - return; - } - if (command === 'New Instance') { - this.showNewInstanceDialog(D.$location.tag); - } else if (command === 'Add Favorite') { - this.showFavoriteDialog('world', D.id); - } else { - this.$confirm(`Continue? ${command}`, 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action !== 'confirm') { - return; - } - switch (command) { - case 'Delete Favorite': - API.deleteFavorite({ - objectId: D.id - }); - break; - case 'Make Home': - API.saveCurrentUser({ - homeLocation: D.id - }).then((args) => { - this.$message({ - message: 'Home world updated', - type: 'success' - }); - return args; - }); - break; - case 'Reset Home': - API.saveCurrentUser({ - homeLocation: '' - }).then((args) => { - this.$message({ - message: 'Home world has been reset', - type: 'success' - }); - return args; - }); - break; - default: - break; - } - } - }); - } - }; - - $app.methods.refreshWorldDialogTreeData = function () { - var D = this.worldDialog; - D.treeData = buildTreeData(D.ref); - }; - - $app.computed.worldDialogPlatform = function () { - var { ref } = this.worldDialog; - var platforms = []; - if (ref.unityPackages) { - for (var unityPackage of ref.unityPackages) { - var platform = 'PC'; - if (unityPackage.platform === 'standalonewindows') { - platform = 'PC'; - } else if (unityPackage.platform === 'android') { - platform = 'Quest'; - } else if (unityPackage.platform) { - ({ platform } = unityPackage); - } - platforms.push(`${platform}/${unityPackage.unityVersion}`); - } - } - return platforms.join(', '); - }; - - // App: Avatar Dialog - - $app.data.avatarDialog = { - visible: false, - loading: false, - id: '', - ref: {}, - isFavorite: false, - treeData: [], - fileCreatedAt: '', - fileSize: '' - }; - - API.$on('LOGOUT', function () { - $app.avatarDialog.visible = false; - }); - - API.$on('AVATAR', function (args) { - var D = $app.avatarDialog; - if (D.visible === false || - D.id !== args.ref.id) { - return; - } - D.ref = args.ref; - if (D.fileSize === 'Loading') { - var id = extractFileId(args.ref.assetUrl); - if (id) { - this.call(`file/${id}`).then((json) => { - var ref = json.versions[json.versions.length - 1]; - D.fileCreatedAt = ref.created_at; - D.fileSize = `${(ref.file.sizeInBytes / 1048576).toFixed(2)} MiB`; - }); - } - } - }); - - API.$on('FAVORITE', function (args) { - var { ref } = args; - var D = $app.avatarDialog; - if (D.visible === false || - ref.$isDeleted || - ref.favoriteId !== D.id) { - return; - } - D.isFavorite = true; - }); - - API.$on('FAVORITE:@DELETE', function (args) { - var D = $app.avatarDialog; - if (D.visible === false || - D.id !== args.ref.favoriteId) { - return; - } - D.isFavorite = false; - }); - - $app.methods.showAvatarDialog = function (avatarId) { - this.$nextTick(() => adjustDialogZ(this.$refs.avatarDialog.$el)); - var D = this.avatarDialog; - D.id = avatarId; - D.treeData = []; - D.fileCreatedAt = ''; - D.fileSize = 'Loading'; - D.visible = true; - D.loading = true; - API.getCachedAvatar({ - avatarId - }).catch((err) => { - D.loading = false; - D.visible = false; - throw err; - }).then((args) => { - if (D.id === args.ref.id) { - D.loading = false; - D.ref = args.ref; - D.isFavorite = API.cachedFavoritesByObjectId.has(D.ref.id); - if (args.cache) { - API.getAvatar(args.params); - } - } - return args; - }); - }; - - $app.methods.avatarDialogCommand = function (command) { - var D = this.avatarDialog; - if (D.visible === false) { - return; - } - if (command === 'Add Favorite') { - this.showFavoriteDialog('avatar', D.id); - } else { - this.$confirm(`Continue? ${command}`, 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action !== 'confirm') { - return; - } - switch (command) { - case 'Delete Favorite': - API.deleteFavorite({ - objectId: D.id - }); - break; - case 'Select Avatar': - API.selectAvatar({ - avatarId: D.id - }); - break; - default: - break; - } - } - }); - } - }; - - $app.methods.refreshAvatarDialogTreeData = function () { - var D = this.avatarDialog; - D.treeData = buildTreeData(D.ref); - }; - - $app.computed.avatarDialogPlatform = function () { - var { ref } = this.avatarDialog; - var platforms = []; - if (ref.unityPackages) { - for (var unityPackage of ref.unityPackages) { - var platform = 'PC'; - if (unityPackage.platform === 'standalonewindows') { - platform = 'PC'; - } else if (unityPackage.platform === 'android') { - platform = 'Quest'; - } else if (unityPackage.platform) { - ({ platform } = unityPackage); - } - platforms.push(`${platform}/${unityPackage.unityVersion}`); - } - } - return platforms.join(', '); - }; - - // App: Favorite Dialog - - $app.data.favoriteDialog = { - visible: false, - loading: false, - type: '', - objectId: '', - groups: [] - }; - - API.$on('LOGOUT', function () { - $app.favoriteDialog.visible = false; - }); - - $app.methods.addFavorite = function (group) { - var D = this.favoriteDialog; - D.loading = true; - API.addFavorite({ - type: D.type, - favoriteId: D.objectId, - tags: group.name - }).finally(() => { - D.loading = false; - }).then((args) => { - D.visible = false; - return args; - }); - }; - - $app.methods.showFavoriteDialog = function (type, objectId) { - this.$nextTick(() => adjustDialogZ(this.$refs.favoriteDialog.$el)); - var D = this.favoriteDialog; - D.type = type; - D.objectId = objectId; - if (type === 'friend') { - D.groups = API.favoriteFriendGroups; - D.visible = true; - } else if (type === 'world') { - D.groups = API.favoriteWorldGroups; - D.visible = true; - } else if (type === 'avatar') { - D.groups = API.favoriteAvatarGroups; - D.visible = true; - } - }; - - // App: Invite Dialog - - $app.data.inviteDialog = { - visible: false, - loading: false, - worldId: '', - worldName: '', - userIds: [] - }; - - API.$on('LOGOUT', function () { - $app.inviteDialog.visible = false; - }); - - $app.methods.sendInvite = function () { - this.$confirm('Continue? Invite', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - var D = this.inviteDialog; - if (action !== 'confirm' || - D.loading === true) { - return; - } - D.loading = true; - var params = { - receiverUserId: '', - type: 'invite', - message: 'This is a generated invite', - seen: false, - details: { - worldId: D.worldId, - worldName: D.worldName - } - }; - var inviteLoop = () => { - if (D.userIds.length > 0) { - params.receiverUserId = D.userIds.shift(); - API.sendNotification(params).finally(inviteLoop); - } else { - D.loading = false; - D.visible = false; - this.$message({ - message: 'Invite sent', - type: 'success' - }); - } - }; - inviteLoop(); - } - }); - }; - - $app.methods.showInviteDialog = function (tag) { - this.$nextTick(() => adjustDialogZ(this.$refs.inviteDialog.$el)); - var L = API.parseLocation(tag); - if (L.isOffline || - L.isPrivate || - L.worldId === '') { - return; - } - API.getCachedWorld({ - worldId: L.worldId - }).then((args) => { - var D = this.inviteDialog; - D.userIds = []; - D.worldId = L.tag; - D.worldName = args.ref.name; - D.visible = true; - }); - }; - - // App: Social Status Dialog - - $app.data.socialStatusDialog = { - visible: false, - loading: false, - status: '', - statusDescription: '' - }; - - API.$on('LOGOUT', function () { - $app.socialStatusDialog.visible = false; - }); - - $app.methods.saveSocialStatus = function () { - var D = this.socialStatusDialog; - if (D.loading) { - return; - } - D.loading = true; - API.saveCurrentUser({ - status: D.status, - statusDescription: D.statusDescription - }).finally(() => { - D.loading = false; - }).then((args) => { - D.visible = false; - this.$message({ - message: 'Status updated', - type: 'success' - }); - return args; - }); - }; - - $app.methods.showSocialStatusDialog = function () { - this.$nextTick(() => adjustDialogZ(this.$refs.socialStatusDialog.$el)); - var D = this.socialStatusDialog; - D.status = API.currentUser.status; - D.statusDescription = API.currentUser.statusDescription; - D.visible = true; - }; - - // App: Bio Dialog - - $app.data.bioDialog = { - visible: false, - loading: false, - bio: '', - bioLinks: [] - }; - - API.$on('LOGOUT', function () { - $app.bioDialog.visible = false; - }); - - $app.methods.saveBio = function () { - var D = this.bioDialog; - if (D.loading) { - return; - } - D.loading = true; - API.saveCurrentUser({ - bio: D.bio, - bioLinks: D.bioLinks - }).finally(() => { - D.loading = false; - }).then((args) => { - D.visible = false; - this.$message({ - message: 'Bio updated', - type: 'success' - }); - return args; - }); - }; - - $app.methods.showBioDialog = function () { - this.$nextTick(() => adjustDialogZ(this.$refs.bioDialog.$el)); - var D = this.bioDialog; - D.bio = API.currentUser.bio; - D.bioLinks = API.currentUser.bioLinks.slice(); - D.visible = true; - }; - - // App: New Instance Dialog - - $app.data.newInstanceDialog = { - visible: false, - loading: false, - worldId: '', - instanceId: '', - accessType: '', - location: '', - url: '' - }; - - API.$on('LOGOUT', function () { - $app.newInstanceDialog.visible = false; - }); - - $app.methods.buildInstance = function () { - var D = this.newInstanceDialog; - var tags = []; - tags.push((99999 * Math.random() + 1).toFixed(0)); - if (D.accessType !== 'public') { - if (D.accessType === 'friends+') { - tags.push(`~hidden(${API.currentUser.id})`); - } else if (D.accessType === 'friends') { - tags.push(`~friends(${API.currentUser.id})`); - } else { - tags.push(`~private(${API.currentUser.id})`); - } - // NOTE : crypto.getRandomValues()를 쓰면 안전한 대신 무겁겠지.. - /* - var nonce = []; - for (var i = 0; i < 10; ++i) { - nonce.push(Math.random().toString(16).substr(2).toUpperCase()); - } - nonce = nonce.join('').substr(0, 64); - */ - tags.push(`~nonce(${uuidv4()})`); - if (D.accessType === 'invite+') { - tags.push('~canRequestInvite'); - } - } - D.instanceId = tags.join(''); - }; - - var getLaunchURL = function (worldId, instanceId) { - if (instanceId) { - return `https://vrchat.net/launch?worldId=${encodeURIComponent(worldId)}&instanceId=${encodeURIComponent(instanceId)}`; - } - return `https://vrchat.net/launch?worldId=${encodeURIComponent(worldId)}`; - }; - - var updateLocationURL = function () { - var D = this.newInstanceDialog; - if (D.instanceId) { - D.location = `${D.worldId}:${D.instanceId}`; - } else { - D.location = D.worldId; - } - D.url = getLaunchURL(D.worldId, D.instanceId); - }; - $app.watch['newInstanceDialog.worldId'] = updateLocationURL; - $app.watch['newInstanceDialog.instanceId'] = updateLocationURL; - - $app.methods.showNewInstanceDialog = function (tag) { - this.$nextTick(() => adjustDialogZ(this.$refs.newInstanceDialog.$el)); - var L = API.parseLocation(tag); - if (L.isOffline || - L.isPrivate || - L.worldId === '') { - return; - } - var D = this.newInstanceDialog; - D.worldId = L.worldId; - D.accessType = 'public'; - this.buildInstance(); - D.visible = true; - }; - - $app.methods.makeHome = function (tag) { - this.$confirm('Continue? Make Home', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action !== 'confirm') { - return; - } - API.saveCurrentUser({ - homeLocation: tag - }).then((args) => { - this.$message({ - message: 'Home world updated', - type: 'success' - }); - return args; - }); - } - }); - }; - - // App: Launch Dialog - - $app.data.launchDialog = { - visible: false, - loading: false, - desktop: VRCXStorage.GetBool('launchAsDesktop'), - location: '', - url: '' - }; - - $app.watch['launchDialog.desktop'] = function () { - VRCXStorage.SetBool('launchAsDesktop', this.launchDialog.desktop); - }; - - API.$on('LOGOUT', function () { - $app.launchDialog.visible = false; - }); - - $app.methods.showLaunchDialog = function (tag) { - this.$nextTick(() => adjustDialogZ(this.$refs.launchDialog.$el)); - var L = API.parseLocation(tag); - if (L.isOffline || - L.isPrivate || - L.worldId === '') { - return; - } - var D = this.launchDialog; - if (L.instanceId) { - D.location = `${L.worldId}:${L.instanceId}`; - } else { - D.location = L.worldId; - } - D.url = getLaunchURL(L.worldId, L.instanceId); - D.visible = true; - }; - - $app.methods.launchGame = function () { - var D = this.launchDialog; - VRCX.StartGame(D.location, D.desktop); - D.visible = false; - }; - - $app = new Vue($app); - window.$app = $app; -}); +!function(e){var t={};function r(i){if(t[i])return t[i].exports;var a=t[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=t,r.d=function(e,t,i){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(r.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(i,a,function(t){return e[t]}.bind(null,a));return i},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,r){r(1),e.exports=r(2)},function(e,t){CefSharp.BindObjectAsync("VRCX","VRCXStorage","SQLite","LogWatcher","Discord").then((function(){document.addEventListener("keyup",(function(e){e.ctrlKey&&(e.shiftKey&&"KeyI"===e.code?VRCX.ShowDevTools():"KeyR"===e.code&&location.reload())})),VRCXStorage.GetBool=function(e){return"true"===this.Get(e)},VRCXStorage.SetBool=function(e,t){this.Set(e,t?"true":"false")},VRCXStorage.GetInt=function(e){return parseInt(this.Get(e),10)||0},VRCXStorage.SetInt=function(e,t){this.Set(e,String(t))},VRCXStorage.GetFloat=function(e){return parseFloat(this.Get(e),10)||0},VRCXStorage.SetFloat=function(e,t){this.Set(e,String(t))},VRCXStorage.GetArray=function(e){try{var t=JSON.parse(this.Get(e));if(Array.isArray(t))return t}catch(e){console.error(e)}return[]},VRCXStorage.SetArray=function(e,t){this.Set(e,JSON.stringify(t))},VRCXStorage.GetObject=function(e){try{var t=JSON.parse(this.Get(e));if(t===Object(t))return t}catch(e){console.error(e)}return{}},VRCXStorage.SetObject=function(e,t){this.Set(e,JSON.stringify(t))},setInterval((function(){VRCXStorage.Flush()}),3e5),Noty.overrideDefaults({layout:"bottomLeft",theme:"mint",timeout:6e3});var e=function(e,t){for(var{length:r}=e,i=0;i
")).length&&new Noty({type:"error",text:a}).show(),new Error(a)},n.$bulk=function(e,t){return void 0!==e.handle&&e.handle.call(this,t,e),t.json.length>0&&(e.params.offset+=t.json.length,e.N>0?e.N>e.params.offset:e.N<0?t.json.length:e.params.n===t.json.length)?this.bulk(e):void 0!==e.done&&e.done.call(this,!0,e),t},n.bulk=function(e){this[e.fn](e.params).catch(t=>{throw void 0!==e.done&&e.done.call(this,!1,e),t}).then(t=>this.$bulk(e,t))},n.cachedConfig={},n.$on("CONFIG",(function(e){e.ref=this.applyConfig(e.json)})),n.applyConfig=function(e){var t={clientApiKey:"",...e};return this.cachedConfig=t,t},n.getConfig=function(){return this.call("config",{method:"GET"}).then(e=>{var t={json:e};return this.$emit("CONFIG",t),t})},n.parseLocation=function(e){var t={tag:e=String(e||""),isOffline:!1,isPrivate:!1,worldId:"",instanceId:"",instanceName:"",accessType:"",userId:null,hiddenId:null,privateId:null,friendsId:null,canRequestInvite:!1};if("offline"===e)t.isOffline=!0;else if("private"===e)t.isPrivate=!0;else if(!1===e.startsWith("local")){var r=e.indexOf(":");r>=0?(t.worldId=e.substr(0,r),t.instanceId=e.substr(r+1),t.instanceId.split("~").forEach((e,r)=>{if(r){var i=e.indexOf("("),a=i>=0?e.lastIndexOf(")"):-1,s=a>=0?e.substr(0,i):e,o=i
${this.latestAppVersion}`,timeout:6e4,callbacks:{onClick:()=>VRCX.OpenLink("https://github.com/pypy-vrc/VRCX/releases")}}).show(),this.notifyMenu("more"))):this.latestAppVersion="Error occured"})},f.methods.update=function(){!1!==n.isLoggedIn&&(--this.nextRefresh<=0&&(this.nextRefresh=60,n.getCurrentUser().catch(e=>{throw 401===e.status_code&&n.getConfig().then(e=>(n.login({username:this.loginForm.username,password:this.loginForm.password}).catch(e=>{throw 401===e.status_code&&n.logout(),e}),e)),e})),this.checkActiveFriends(),this.refreshGameLog(),VRCX.IsGameRunning().then(e=>{e!==this.isGameRunning&&(this.isGameRunning=e,Discord.SetTimestamps(Date.now(),0)),this.updateDiscord(),this.updateOpenVR()}))},f.methods.updateSharedFeed=function(){for(var e=[],{data:t}=this.gameLogTable,r=t.length,i=0;i<25&&!(r<=0);){if((d=t[--r]).type){var a=!1,s=!1;for(var o of n.cachedUsers.values())if(o.displayName===d.data){a=this.friends.has(o.id),s=n.cachedFavoritesByObjectId.has(o.id);break}e.push({...d,isFriend:a,isFavorite:s})}else e.push(d);++i}var{data:t}=this.feedTable;for(r=t.length,i=0;i<25&&!(r<=0);){var d;"Avatar"!==(d=t[--r]).type&&(e.push({...d,isFriend:this.friends.has(d.userId),isFavorite:n.cachedFavoritesByObjectId.has(d.userId)}),++i)}e.sort((function(e,t){return e.created_at
'); - if (text.length) { - new Noty({ - type: 'error', - text - }).show(); - } - throw new Error(text); - }; - - // API: Config - - API.cachedConfig = {}; - - API.$on('CONFIG', function (args) { - args.ref = this.applyConfig(args.json); - }); - - API.applyConfig = function (json) { - var ref = { - clientApiKey: '', - ...json - }; - this.cachedConfig = ref; - return ref; - }; - - API.getConfig = function () { - return this.call('config', { - method: 'GET' - }).then((json) => { - var args = { - ref: null, - json - }; - this.$emit('CONFIG', args); - return args; - }); - }; - - // API: Location - - API.parseLocation = function (tag) { - tag = String(tag || ''); - var ctx = { - tag, - isOffline: false, - isPrivate: false, - worldId: '', - instanceId: '', - instanceName: '', - accessType: '', - userId: null, - hiddenId: null, - privateId: null, - friendsId: null, - canRequestInvite: false - }; - if (tag === 'offline') { - ctx.isOffline = true; - } else if (tag === 'private') { - ctx.isPrivate = true; - } else if (tag.startsWith('local') === false) { - var sep = tag.indexOf(':'); - if (sep >= 0) { - ctx.worldId = tag.substr(0, sep); - ctx.instanceId = tag.substr(sep + 1); - ctx.instanceId.split('~').forEach((s, i) => { - if (i) { - var A = s.indexOf('('); - var Z = A >= 0 - ? s.lastIndexOf(')') - : -1; - var key = Z >= 0 - ? s.substr(0, A) - : s; - var value = A < Z - ? s.substr(A + 1, Z - A - 1) - : ''; - if (key === 'hidden') { - ctx.hiddenId = value; - } else if (key === 'private') { - ctx.privateId = value; - } else if (key === 'friends') { - ctx.friendsId = value; - } else if (key === 'canRequestInvite') { - ctx.canRequestInvite = true; - } - } else { - ctx.instanceName = s; - } - }); - ctx.accessType = 'public'; - if (ctx.privateId !== null) { - if (ctx.canRequestInvite) { - // InvitePlus - ctx.accessType = 'invite+'; - } else { - // InviteOnly - ctx.accessType = 'invite'; - } - ctx.userId = ctx.privateId; - } else if (ctx.friendsId !== null) { - // FriendsOnly - ctx.accessType = 'friends'; - ctx.userId = ctx.friendsId; - } else if (ctx.hiddenId !== null) { - // FriendsOfGuests - ctx.accessType = 'friends+'; - ctx.userId = ctx.hiddenId; - } - } else { - ctx.worldId = tag; - } - } - return ctx; - }; - - Vue.component('location', { - template: '{{ text }}
")).length&&new Noty({type:"error",text:n}).show(),new Error(n)},t.cachedConfig={},t.$on("CONFIG",(function(e){e.ref=this.applyConfig(e.json)})),t.applyConfig=function(e){var t={clientApiKey:"",...e};return this.cachedConfig=t,t},t.getConfig=function(){return this.call("config",{method:"GET"}).then(e=>{var t={ref:null,json:e};return this.$emit("CONFIG",t),t})},t.parseLocation=function(e){var t={tag:e=String(e||""),isOffline:!1,isPrivate:!1,worldId:"",instanceId:"",instanceName:"",accessType:"",userId:null,hiddenId:null,privateId:null,friendsId:null,canRequestInvite:!1};if("offline"===e)t.isOffline=!0;else if("private"===e)t.isPrivate=!0;else if(!1===e.startsWith("local")){var r=e.indexOf(":");r>=0?(t.worldId=e.substr(0,r),t.instanceId=e.substr(r+1),t.instanceId.split("~").forEach((e,r)=>{if(r){var n=e.indexOf("("),a=n>=0?e.lastIndexOf(")"):-1,i=a>=0?e.substr(0,n):e,s=n