'); + 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 { - this.eventHandlers.delete(name); + ctx.instanceName = s; } - break; - } - } - }; - - API.pendingGetRequests = new Map(); - - API.call = function (endpoint, options) { - var resource = `https://api.vrchat.cloud/api/1/${endpoint}`; - var init = { - method: 'GET', - mode: 'cors', - credentials: 'include', - cache: 'no-cache', - redirect: 'follow', - referrerPolicy: 'no-referrer', - ...options - }; - var { params } = init; - var isGetRequest = init.method === 'GET'; - if (isGetRequest) { - // transform body to url - if (isObject(params)) { - var url = new URL(resource); - var { searchParams } = url; - for (var key in params) { - searchParams.set(key, params[key]); + }); + ctx.accessType = 'public'; + if (ctx.privateId !== null) { + if (ctx.canRequestInvite) { + // InvitePlus + ctx.accessType = 'invite+'; + } else { + // InviteOnly + ctx.accessType = 'invite'; } - resource = url.toString(); - } - // merge requests - var req = this.pendingGetRequests.get(resource); - if (req !== undefined) { - return req; + 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 { - init.headers = { - 'Content-Type': 'application/json;charset=utf-8', - ...init.headers - }; - init.body = isObject(params) - ? JSON.stringify(params) - : '{}'; + ctx.worldId = tag; } - var req = fetch(resource, init).catch((err) => { - this.$throw(0, err); - }).then((res) => res.json().catch(() => { - if (res.ok) { - this.$throw(0, 'Invalid JSON response'); - } - this.$throw(res.status); - }).then((json) => { - if (isObject(json) === false) { - this.$throw(0, 'Invalid JSON response'); - } - if (res.ok) { - if (isObject(json.success)) { - new Noty({ - type: 'success', - text: escapeTag(json.success.message) - }).show(); + } + return ctx; + }; + + Vue.component('launch', { + template: '
'); - if (text.length) { - new Noty({ - type: 'error', - text - }).show(); - } - throw new Error(text); - }; + }, + created() { + this.parse(); + } + }); - API.$bulk = function (options, args) { - if (typeof options.handle === 'function') { - options.handle.call(this, args, options); + // API: User + + // changeUserName: PUT users/${userId} {displayName: string, currentPassword: string} + // changeUserEmail: PUT users/${userId} {email: string, currentPassword: string} + // changePassword: PUT users/${userId} {password: string, currentPassword: string} + // updateTOSAggreement: PUT users/${userId} {acceptedTOSVersion: number} + + // 2FA + // removeTwoFactorAuth: DELETE auth/twofactorauth + // getTwoFactorAuthpendingSecret: POST auth/twofactorauth/totp/pending -> { qrCodeDataUrl: string, secret: string } + // verifyTwoFactorAuthPendingSecret: POST auth/twofactorauth/totp/pending/verify { code: string } -> { verified: bool, enabled: bool } + // cancelVerifyTwoFactorAuthPendingSecret: DELETE auth/twofactorauth/totp/pending + // getTwoFactorAuthOneTimePasswords: GET auth/user/twofactorauth/otp -> { otp: [ { code: string, used: bool } ] } + + // Account Link + // merge: PUT auth/user/merge {mergeToken: string} + // 링크됐다면 CurrentUser에 steamId, oculusId 값이 생기는듯 + // 스팀 계정으로 로그인해도 steamId, steamDetails에 값이 생김 + + // Password Recovery + // sendLink: PUT auth/password {email: string} + // setNewPassword: PUT auth/password {emailToken: string, id: string, password: string} + + API.isLoggedIn = false; + API.cachedUsers = new Map(); + API.currentUser = {}; + + API.$on('LOGOUT', function () { + VRCX.DeleteAllCookies(); + this.isLoggedIn = false; + }); + + API.$on('USER:CURRENT', function (args) { + args.ref = this.applyCurrentUser(args.json); + }); + + API.$on('USER:CURRENT:SAVE', function (args) { + this.$emit('USER:CURRENT', args); + }); + + API.$on('USER', function (args) { + args.ref = this.applyUser(args.json); + }); + + API.$on('USER:LIST', function (args) { + for (var json of args.json) { + this.$emit('USER', { + json, + params: { + userId: json.id + } + }); + } + }); + + API.logout = function () { + return this.call('logout', { + method: 'PUT' + }).finally(() => { + this.$emit('LOGOUT'); + }); + }; + + /* + params: { + username: string, + password: string + } + */ + API.login = function (params) { + return this.call(`auth/user?apiKey=${this.cachedConfig.clientApiKey}`, { + method: 'GET', + headers: { + Authorization: `Basic ${btoa(encodeURIComponent(`${params.username}:${params.password}`).replace(/%([0-9A-F]{2})/gu, (_, s) => String.fromCharCode(parseInt(s, 16))).replace('%', '%25'))}` } - 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 (typeof options.done === 'function') { - options.done.call(this, true, options); + }).then((json) => { + var args = { + json, + params, + origin: true + }; + if (json.requiresTwoFactorAuth) { + this.$emit('USER:2FA', args); + } else { + this.$emit('USER:CURRENT', args); } return args; - }; - - API.bulk = function (options) { - this[options.fn](options.params).catch((err) => { - if (typeof options.done === 'function') { - 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.getConfig = function () { - return this.call('config', { - method: 'GET' - }).then((json) => { - var args = { - json - }; - this.$emit('CONFIG', args); - return args; - }); - }; + /* + params: { + steamTicket: string + } + */ + API.loginWithSteam = function (params) { + return this.call(`auth/steam?apiKey=${this.cachedConfig.clientApiKey}`, { + method: 'POST', + params + }).then((json) => { + var args = { + json, + params, + origin: true + }; + if (json.requiresTwoFactorAuth) { + this.$emit('USER:2FA', args); + } else { + this.$emit('USER:CURRENT', args); + } + return args; + }); + }; - API.applyConfig = function (json) { - var ref = { - clientApiKey: '', + /* + params: { + code: string + } + */ + API.verifyOTP = function (params) { + return this.call('auth/twofactorauth/otp/verify', { + method: 'POST', + params + }).then((json) => { + var args = { + json, + params + }; + this.$emit('OTP', args); + return args; + }); + }; + + /* + params: { + code: string + } + */ + API.verifyTOTP = function (params) { + return this.call('auth/twofactorauth/totp/verify', { + method: 'POST', + params + }).then((json) => { + var args = { + json, + params + }; + this.$emit('TOTP', args); + return args; + }); + }; + + var applyUserTrustLevel = function (ref) { + ref.$isVIP = ref.developerType && + ref.developerType !== 'none'; + ref.$isTroll = false; + var { tags } = ref; + if (tags.includes('admin_moderator')) { + ref.$isVIP = true; + } + if (tags.includes('system_troll') || + tags.includes('system_probable_troll')) { + ref.$isTroll = true; + } + if (tags.includes('system_legend')) { + ref.$trustLevel = 'Legendary User'; + ref.$trustClass = 'x-tag-legendary'; + } else if (tags.includes('system_trust_legend')) { + ref.$trustLevel = 'Veteran User'; + ref.$trustClass = 'x-tag-legend'; + } else if (tags.includes('system_trust_veteran')) { + ref.$trustLevel = 'Trusted User'; + ref.$trustClass = 'x-tag-veteran'; + } else if (tags.includes('system_trust_trusted')) { + ref.$trustLevel = 'Known User'; + ref.$trustClass = 'x-tag-trusted'; + } else if (tags.includes('system_trust_known')) { + ref.$trustLevel = 'User'; + ref.$trustClass = 'x-tag-known'; + } else if (tags.includes('system_trust_basic')) { + ref.$trustLevel = 'New User'; + ref.$trustClass = 'x-tag-basic'; + } else { + ref.$trustLevel = 'Visitor'; + ref.$trustClass = 'x-tag-untrusted'; + } + if (ref.$isVIP) { + ref.$trustLevel = 'VRChat Team'; + ref.$trustClass = 'x-tag-vip'; + } else if (ref.$isTroll) { + ref.$trustLevel = 'Nuisance'; + ref.$trustClass = 'x-tag-troll'; + } + }; + + API.applyCurrentUser = function (json) { + var ref = this.currentUser; + if (this.isLoggedIn) { + Object.assign(ref, json); + if (ref.homeLocation !== ref.$homeLocation.tag) { + ref.$homeLocation = this.parseLocation(ref.homeLocation); + } + applyUserTrustLevel(ref); + } else { + ref = { + id: '', + username: '', + displayName: '', + bio: '', + bioLinks: [], + pastDisplayNames: [], + friends: [], + currentAvatarImageUrl: '', + currentAvatarThumbnailImageUrl: '', + currentAvatar: '', + homeLocation: '', + twoFactorAuthEnabled: false, + status: '', + statusDescription: '', + state: '', + tags: [], + developerType: '', + last_login: '', + last_platform: '', + allowAvatarCopying: false, + friendKey: '', + onlineFriends: [], + activeFriends: [], + offlineFriends: [], + // VRCX + $homeLocation: {}, + $isVIP: false, + $isTroll: false, + $trustLevel: 'Visitor', + $trustClass: 'x-tag-untrusted', + // ...json }; - this.cachedConfig = ref; - return ref; - }; + ref.$homeLocation = this.parseLocation(ref.homeLocation); + applyUserTrustLevel(ref); + this.currentUser = ref; + this.isLoggedIn = true; + this.$emit('LOGIN', { + json, + ref + }); + } + return ref; + }; - // API: Location + API.getCurrentUser = function () { + return this.call(`auth/user?apiKey=${this.cachedConfig.clientApiKey}`, { + method: 'GET' + }).then((json) => { + var args = { + json, + origin: true + }; + if (json.requiresTwoFactorAuth) { + this.$emit('USER:2FA', args); + } else { + this.$emit('USER:CURRENT', args); + } + return args; + }); + }; - API.parseLocation = function (tag) { - tag = String(tag || ''); - var ctx = { - tag, - isOffline: false, - isPrivate: false, + var userUpdateQueue = []; + var userUpdateTimer = null; + var queueUserUpdate = function (ctx) { + userUpdateQueue.push(ctx); + if (userUpdateTimer !== null) { + return; + } + userUpdateTimer = setTimeout(function () { + userUpdateTimer = null; + var { length } = userUpdateQueue; + for (var i = 0; i < length; ++i) { + API.$emit('USER:UPDATE', userUpdateQueue[i]); + } + userUpdateQueue.length = 0; + }, 1); + }; + + API.applyUser = function (json) { + var ref = this.cachedUsers.get(json.id); + if (ref === undefined) { + ref = { + id: '', + username: '', + displayName: '', + bio: '', + bioLinks: [], + currentAvatarImageUrl: '', + currentAvatarThumbnailImageUrl: '', + status: '', + statusDescription: '', + state: '', + tags: [], + developerType: '', + last_login: '', + last_platform: '', + allowAvatarCopying: false, + isFriend: false, + friendKey: '', + location: '', worldId: '', instanceId: '', - instanceName: '', - accessType: '', - userId: null, - hiddenId: null, - privateId: null, - friendsId: null, - canRequestInvite: false + // VRCX + $location: {}, + $location_at: Date.now(), + $isVIP: false, + $isTroll: false, + $trustLevel: 'Visitor', + $trustClass: 'x-tag-untrusted', + // + ...json }; - 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; - } + ref.$location = this.parseLocation(ref.location); + applyUserTrustLevel(ref); + this.cachedUsers.set(ref.id, ref); + } else { + var props = {}; + for (var prop in ref) { + if (isObject(ref[prop]) === false) { + props[prop] = true; + } + } + var $ref = { ...ref }; + Object.assign(ref, json); + if (ref.location !== ref.$location.tag) { + ref.$location = this.parseLocation(ref.location); + } + applyUserTrustLevel(ref); + for (var prop in ref) { + if (isObject(ref[prop]) === false) { + props[prop] = true; + } + } + var has = false; + for (var prop in props) { + var asis = $ref[prop]; + var tobe = ref[prop]; + if (asis === tobe) { + delete props[prop]; } else { - ctx.worldId = tag; + has = true; + props[prop] = [ + tobe, + asis + ]; } } - return ctx; - }; - - Vue.component('launch', { - template: '
${this.latestAppVersion}`, + timeout: false, + callbacks: { + onClick: () => VRCX.OpenRepository() + } + }).show(); + this.notifyMenu('more'); + } + } else { + this.latestAppVersion = 'Error occured'; + } + }); + }; + + var insertOrUpdateArrayById = (array, json) => { + var { id } = json; + var { length } = array; + for (var i = 0; i < length; ++i) { + if (array[i].id === id) { + Vue.set(array, i, json); + return; + } + } + array.push(json); + }; + + $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.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 i = this.gameLogTable.data.length; + var j = 0; + while (j < 25) { + if (i <= 0) { + break; + } + var ctx = this.gameLogTable.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 i = this.feedTable.data.length; + var j = 0; + while (j < 25) { + if (i <= 0) { + break; + } + var ctx = this.feedTable.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((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) => { + if (err.status_code === 400) { + 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) => { + if (err.status_code === 400) { + 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 { - node.push({ - key, - value: String(value) + 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.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; + + API.$on('LOGIN', function () { + $app.friends.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 = {}; + ref.friends.forEach((id) => { + map[id] = 'offline'; + }); + ref.offlineFriends.forEach((id) => { + map[id] = 'offline'; + }); + ref.activeFriends.forEach((id) => { + map[id] = 'active'; + }); + ref.onlineFriends.forEach((id) => { + map[id] = 'online'; + }); + for (var id in map) { + if (this.friends.has(id)) { + this.updateFriend(id, map[id], origin); + } else { + this.addFriend(id, map[id]); + } + } + for (var id of this.friends.keys()) { + if (map[id] === undefined) { + this.deleteFriend(id); + } + } + if (origin) { + API.refreshFriends(); + } + }; + + $app.methods.addFriend = function (id, state) { + if (this.friends.has(id)) { + return; + } + var ref = API.cachedUsers.get(id); + var ctx = { + id, + state: state || 'offline', + ref, + vip: API.cachedFavoritesByObjectId.has(id), + name: '', + no: ++this.friendsNo, + memo: this.loadMemo(id) + }; + if (ref) { + ctx.name = ref.name; + } else { + ref = this.friendLog[id]; + if (ref && + ref.displayName) { + ctx.name = ref.displayName; + } + } + this.friends.set(id, ctx); + if (ctx.state === 'online') { + if (ctx.vip) { + 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) { + Vue.delete(this.friend, id); + if (ctx.state === 'online') { + if (ctx.vip) { + 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) { + var ref = API.cachedUsers.get(id); + var vip = API.cachedFavoritesByObjectId.has(id); + if (state === undefined || + ctx.state === state) { + if (ctx.ref !== ref) { + ctx.ref = ref; + // NOTE + // AddFriend (CurrentUser) 이후, + // 서버에서 오는 순서라고 보면 될 듯. + if (ctx.state === 'online') { + if (ctx.vip) { + 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.vip !== vip) { + ctx.vip = vip; + if (ctx.state === 'online') { + if (ctx.vip) { + 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 (ctx.ref && + ctx.name !== ctx.ref.displayName) { + ctx.name = ctx.ref.displayName; + if (ctx.state === 'online') { + if (ctx.vip) { + 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' && + ctx.ref && + ctx.ref.location !== '' && + ctx.ref.location !== 'offline') { + API.getUser({ + userId: id + }); + } + } else { + if (ctx.state === 'online') { + if (ctx.vip) { + 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); + } + ctx.state = state; + if (ctx.ref !== ref) { + ctx.ref = ref; + } + if (ctx.vip !== vip) { + ctx.vip = vip; + } + if (ctx.ref && + ctx.name !== ctx.ref.displayName) { + ctx.name = ctx.ref.displayName; + } + if (ctx.state === 'online') { + if (ctx.vip) { + 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); + } + } + } + }; + + var sortFriendByName = (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; + }; + + $app.computed.friendsGroup0 = function () { + if (this.orderFriendsGroup0) { + return this.friendsGroupA_; + } + if (this.sortFriendsGroup0) { + this.sortFriendsGroup0 = false; + this.friendsGroup0_.sort(sortFriendByName); + } + return this.friendsGroup0_; + }; + + $app.computed.friendsGroup1 = function () { + if (this.orderFriendsGroup1) { + return this.friendsGroupB_; + } + if (this.sortFriendsGroup1) { + this.sortFriendsGroup1 = false; + this.friendsGroup1_.sort(sortFriendByName); + } + return this.friendsGroup1_; + }; + + $app.computed.friendsGroup2 = function () { + if (this.orderFriendsGroup2) { + return this.friendsGroupC_; + } + if (this.sortFriendsGroup2) { + this.sortFriendsGroup2 = false; + this.friendsGroup2_.sort(sortFriendByName); + } + return this.friendsGroup2_; + }; + + $app.computed.friendsGroup3 = function () { + if (this.orderFriendsGroup3) { + return this.friendsGroupD_; + } + if (this.sortFriendsGroup3) { + this.sortFriendsGroup3 = false; + this.friendsGroup3_.sort(sortFriendByName); + } + return this.friendsGroup3_; + }; + + $app.methods.userStatusClass = function (user) { + var style = {}; + if (user) { + if (user.location === 'offline') { + style.offline = true; + } else if (user.status === 'active') { + style.active = true; + } else if (user.status === 'join me') { + style.joinme = true; + } else if (user.status === 'busy') { + style.busy = true; + } + } + return style; + }; + + $app.methods.deleteFriend = function (id) { + this.$confirm('Continue? Unfriend', 'Confirm', { + confirmButtonText: 'Confirm', + cancelButtonText: 'Cancel', + type: 'info', + callback: (action) => { + if (action === 'confirm') { + API.deleteFriend({ + userId: id }); } } - node.sort((a, b) => { - var A = String(a.key).toUpperCase(); - var B = String(b.key).toUpperCase(); + }); + }; + + // App: Quick Search + + $app.data.quickSearch = ''; + $app.data.quickSearchItems = []; + + $app.methods.quickSearchRemoteMethod = function (query) { + this.quickSearchItems = []; + if (query) { + var QUERY = query.toUpperCase(); + for (var ctx in this.friends.values()) { + if (ctx.ref) { + 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) { + this.quickSearchItems.push({ + value: ctx.id, + label: ctx.name, + ref: ctx.ref, + NAME + }); + } + } + } + this.quickSearchItems.sort((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 (this.quickSearchItems.length > 4) { + this.quickSearchItems.length = 4; + } + this.quickSearchItems.push({ + value: `search:${query}`, + label: query + }); + } + }; + + $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.get(ref.id)) { + 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 array = this.feedTable.data; + // 로그는 3일까지만 남김 + var limit = new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toJSON(); + var i = 0; + var j = array.length; + while (i < j && + array[i].created_at < limit) { + ++i; + } + if (i === j) { + this.feedTable.data = []; + } else if (i) { + array.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) { + logs.forEach((log) => { + var ctx = { + created_at: log[0], + type: log[1], + data: log[2] + }; + this.gameLogTable.data.push(ctx); + if (ctx.type === 'Location') { + this.lastLocation = ctx.data; + } + }); + this.sweepGameLog(); + // sweepGameLog로 기록이 삭제되면 + // 아무 것도 없는데 알림이 떠서 이상함 + if (this.gameLogTable.data.length) { + this.notifyMenu('gameLog'); + } + } + this.updateSharedFeed(); + }); + }; + + $app.methods.sweepGameLog = function () { + var array = this.gameLogTable.data; + // 로그는 3일까지만 남김 + var limit = new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toJSON(); + var i = 0; + var j = array.length; + while (i < j && + array[i].created_at < limit) { + ++i; + } + if (i === j) { + this.gameLogTable.data = []; + } else if (i) { + array.splice(0, i); + } + }; + + $app.methods.updateDiscord = function () { + if (this.isGameRunning && + this.lastLocation) { + 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); + } else { + Discord.SetActive(false); + } + }; + + $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.searchUsers = []; + $app.data.searchUserParam = {}; + $app.data.searchWorlds = []; + $app.data.searchWorldOption = ''; + $app.data.searchWorldParam = {}; + $app.data.searchAvatars = []; + $app.data.searchAvatarParam = {}; + $app.data.isSearchUserLoading = false; + $app.data.isSearchWorldLoading = false; + $app.data.isSearchAvatarLoading = false; + + API.$on('LOGIN', function () { + $app.searchText = ''; + $app.searchUsers = []; + $app.searchUserParam = {}; + $app.searchWorlds = []; + $app.searchWorldOption = ''; + $app.searchWorldParam = {}; + $app.searchAvatars = []; + $app.searchAvatarParam = {}; + $app.isSearchUserLoading = false; + $app.isSearchWorldLoading = false; + $app.isSearchAvatarLoading = false; + }); + + $app.methods.clearSearch = function () { + this.searchUsers = []; + this.searchWorlds = []; + this.searchAvatars = []; + }; + + $app.methods.search = function () { + this.searchUser(); + this.searchWorld({}); + }; + + $app.methods.searchUser = function () { + this.searchUserParam = { + n: 10, + offset: 0, + search: this.searchText + }; + this.moreSearchUser(); + }; + + $app.methods.moreSearchUser = function (go) { + var params = this.searchUserParam; + 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) => { + this.searchUsers = []; + args.json.forEach((json) => { + insertOrUpdateArrayById(this.searchUsers, json); + }); + 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.searchWorldParam = params; + this.moreSearchWorld(); + }; + + $app.methods.moreSearchWorld = function (go) { + var params = this.searchWorldParam; + 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) => { + this.searchWorlds = []; + args.json.forEach((json) => { + insertOrUpdateArrayById(this.searchWorlds, json); + }); + 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.searchAvatarParam = params; + this.moreSearchAvatar(); + }; + + $app.methods.moreSearchAvatar = function (go) { + var params = this.searchAvatarParam; + 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) => { + this.searchAvatars = []; + args.json.forEach((json) => { + insertOrUpdateArrayById(this.searchAvatars, json); + }); + return args; + }); + }; + + // App: Favorite + + $app.data.favoriteFriend = {}; + $app.data.favoriteWorld = {}; + $app.data.favoriteAvatar = {}; + $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.favoriteFriend = {}; + $app.favoriteWorld = {}; + $app.favoriteAvatar = {}; + $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); + if (type === 'friend') { + var ctx = this.favoriteFriend[objectId]; + if (favorite) { + var ref = API.cachedUsers.get(objectId); + if (ctx) { + if (ctx.ref !== ref) { + ctx.ref = ref; + } + if (ref && + ctx.name !== ref.displayName) { + ctx.name = ref.displayName; + this.sortFavoriteFriends = true; + } + } else { + ctx = { + id: objectId, + groupKey: favorite.$groupKey, + ref, + name: '' + }; + if (ref) { + ctx.name = ref.displayName; + } else { + ref = this.friendLog[objectId]; + if (ref && + ref.displayName) { + ctx.name = ref.displayName; + } + } + Vue.set(this.favoriteFriend, objectId, ctx); + this.favoriteFriends_.push(ctx); + this.sortFavoriteFriends = true; + } + } else if (ctx) { + Vue.delete(this.favoriteFriend, objectId); + removeFromArray(this.favoriteFriends_, ctx); + } + } else if (type === 'world') { + var ctx = this.favoriteWorld[objectId]; + if (favorite) { + var ref = API.cachedWorlds.get(objectId); + if (ctx) { + if (ctx.ref !== ref) { + ctx.ref = ref; + } + if (ref && + ctx.name !== ref.name) { + ctx.name = ref.name; + this.sortFavoriteWorlds = true; + } + } else { + ctx = { + id: objectId, + groupKey: favorite.$groupKey, + ref, + name: '' + }; + if (ref) { + ctx.name = ref.name; + } + Vue.set(this.favoriteWorld, objectId, ctx); + this.favoriteWorlds_.push(ctx); + this.sortFavoriteWorlds = true; + } + } else { + Vue.delete(this.favoriteWorld, objectId); + removeFromArray(this.favoriteWorlds_, ctx); + } + } else if (type === 'avatar') { + var ctx = this.favoriteAvatar[objectId]; + if (favorite) { + var ref = API.cachedAvatars.get(objectId); + if (ctx) { + if (ctx.ref !== ref) { + ctx.ref = ref; + } + if (ref && + ctx.name !== ref.name) { + ctx.name = ref.name; + this.sortFavoriteAvatars = true; + } + } else { + ctx = { + id: objectId, + groupKey: favorite.$groupKey, + ref, + name: '' + }; + if (ref) { + ctx.name = ref.name; + } + Vue.set(this.favoriteAvatar, objectId, ctx); + this.favoriteAvatars_.push(ctx); + this.sortFavoriteAvatars = true; + } + } else { + Vue.delete(this.favoriteAvatar, objectId); + 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 + }); + } + } + }); + }; + + var sortFavoriteByName = (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; + }; + + $app.computed.favoriteFriends = function () { + if (this.sortFavoriteFriends) { + this.sortFavoriteFriends = false; + this.favoriteFriends_.sort(sortFavoriteByName); + } + return this.favoriteFriends_; + }; + + $app.computed.favoriteWorlds = function () { + if (this.sortFavoriteWorlds) { + this.sortFavoriteWorlds = false; + this.favoriteWorlds_.sort(sortFavoriteByName); + } + return this.favoriteWorlds_; + }; + + $app.computed.favoriteAvatars = function () { + if (this.sortFavoriteAvatars) { + this.sortFavoriteAvatars = false; + this.favoriteAvatars_.sort(sortFavoriteByName); + } + 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) { + $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) { + $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 { + this.friendLog = {}; + ref.friends.forEach((id) => { + var ctx = { + id + }; + var user = API.cachedUsers.get(id); + if (user) { + ctx.displayName = user.displayName; + ctx.trustLevel = user.$trustLevel; + } + this.friendLog[id] = ctx; + }); + this.friendLogTable.data = []; + this.saveFriendLog(); + } + }; + + $app.methods.addFriendship = function (id) { + if (!this.friendLog[id]) { + var ctx = { + id, + displayName: null, + trustLevel: null + }; + Vue.set(this.friendLog, id, ctx); + var ref = API.cachedUsers.get(id); + if (ref) { + 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) { + 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 map = {}; + ref.friends.forEach((id) => { + map[id] = true; + this.addFriendship(id); + }); + for (var key in this.friendLog) { + if (!map[key]) { + this.deleteFriendship(key); + } + } + }; + + $app.methods.updateFriendship = function (ref) { + var ctx = this.friendLog[ref.id]; + if (ctx) { + 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') { + if (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 insertOrUpdate = $app.playerModerationTable.data.some((val, idx, arr) => { + if (val.id === args.ref.id) { + if (args.ref.$isExpired) { + Vue.delete(arr, idx); + } else { + Vue.set(arr, idx, args.ref); + } + return true; + } + return false; + }); + if (!insertOrUpdate && + !args.ref.$isExpired) { + $app.playerModerationTable.data.push(args.ref); + $app.notifyMenu('moderation'); + } + }); + + API.$on('PLAYER-MODERATION:@DELETE', function (args) { + $app.playerModerationTable.data.find((val, idx, arr) => { + if (val.id === args.ref.id) { + Vue.delete(arr, idx); + return true; + } + return false; + }); + }); + + $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 insertOrUpdate = $app.notificationTable.data.some((val, idx, arr) => { + if (val.id === args.ref.id) { + if (args.ref.$isExpired) { + Vue.delete(arr, idx); + } else { + Vue.set(arr, idx, args.ref); + } + return true; + } + return false; + }); + if (!insertOrUpdate && + !args.ref.$isExpired) { + $app.notificationTable.data.push(args.ref); + $app.notifyMenu('notification'); + } + }); + + API.$on('NOTIFICATION:@DELETE', function (args) { + $app.notificationTable.data.find((val, idx, arr) => { + if (val.id === args.ref.id) { + Vue.delete(arr, idx); + return true; + } + return false; + }); + }); + + $app.methods.parseInviteLocation = function (row) { + try { + var L = API.parseLocation(row.details.worldId); + return `${row.details.worldName} #${L.instanceName} ${L.accessType}`; + } catch (err) { + console.error(err); + 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.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.showNameColor = VRCXStorage.GetBool('showNameColor'); + var $nameColorStyle = document.createElement('style'); + $nameColorStyle.appendChild(document.createTextNode('.x-friend-item>.detail>.name { color: #303133 !important; }')); + document.head.appendChild($nameColorStyle); + $nameColorStyle.disabled = VRCXStorage.GetBool('showNameColor'); + $app.watch.showNameColor = function () { + VRCXStorage.SetBool('showNameColor', this.showNameColor); + $nameColorStyle.disabled = this.showNameColor; + }; + + 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.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, + + treeData: [], + memo: '' + }; + + $app.watch['userDialog.memo'] = function () { + var D = this.userDialog; + this.saveMemo(D.id, D.memo); + }; + + API.$on('LOGOUT', function () { + $app.userDialog.visible = false; + }); + + API.$on('USER', function (args) { + var D = $app.userDialog; + if (D.visible && + args.ref.id === D.id) { + D.ref = args.ref; + $app.applyUserDialogLocation(); + } + }); + + API.$on('WORLD', function (args) { + var D = $app.userDialog; + if (D.visible && + args.ref.id === D.$location.worldId) { + $app.applyUserDialogLocation(); + } + }); + + API.$on('FRIEND:STATUS', function (args) { + var D = $app.userDialog; + if (D.visible && + args.params.userId === D.id) { + D.isFriend = args.json.isFriend; + D.incomingRequest = args.json.incomingRequest; + D.outgoingRequest = args.json.outgoingRequest; + } + }); + + API.$on('FRIEND:REQUEST', function (args) { + var D = $app.userDialog; + if (D.visible && + args.params.userId === D.id) { + 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 && + args.params.userId === D.id) { + D.outgoingRequest = false; + } + }); + + API.$on('NOTIFICATION', function (args) { + var D = $app.userDialog; + if (D.visible && + args.ref && + args.ref.senderUserId === D.id && + args.ref.type === 'friendRequest') { + D.incomingRequest = true; + } + }); + + API.$on('NOTIFICATION:ACCEPT', function (args) { + var D = $app.userDialog; + if (D.visible && + args.ref && + args.ref.senderUserId === D.id && + args.ref.type === 'friendRequest') { + D.isFriend = true; + } + }); + + API.$on('NOTIFICATION:@DELETE', function (args) { + var D = $app.userDialog; + if (D.visible && + args.ref.senderUserId === D.id && + args.ref.type === 'friendRequest') { + D.incomingRequest = false; + } + }); + + API.$on('FRIEND:DELETE', function (args) { + var D = $app.userDialog; + if (D.visible && + args.params.userId === D.id) { + D.isFriend = false; + } + }); + + API.$on('PLAYER-MODERATION', function (args) { + var D = $app.userDialog; + if (D.visible && + args.ref.targetUserId === D.id && + args.ref.sourceUserId === this.currentUser.id && + !args.ref.$isExpired) { + if (args.ref.type === 'block') { + D.isBlock = true; + } else if (args.ref.type === 'mute') { + D.isMute = true; + } else if (args.ref.type === 'hideAvatar') { + D.isHideAvatar = true; + } + } + }); + + API.$on('PLAYER-MODERATION:@DELETE', function (args) { + var D = $app.userDialog; + if (D.visible && + args.ref.targetUserId === D.id && + args.ref.sourceUserId === this.currentUser.id) { + if (args.ref.type === 'block') { + D.isBlock = false; + } else if (args.ref.type === 'mute') { + D.isMute = false; + } else if (args.ref.type === 'hideAvatar') { + D.isHideAvatar = false; + } + } + }); + + API.$on('FAVORITE', function (args) { + var D = $app.userDialog; + if (D.visible && + args.ref.favoriteId === D.id && + !args.ref.$isExpired) { + D.isFavorite = true; + } + }); + + API.$on('FAVORITE:@DELETE', function (args) { + var D = $app.userDialog; + if (D.visible && + args.ref.favoriteId === D.id) { + 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.targetUserId === D.id && + ref.sourceUserId === API.currentUser.id && + !ref.$isExpired) { + 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(); + D.worlds = []; + D.avatars = []; + D.isWorldsLoading = false; + D.isAvatarsLoading = false; + for (var ref of API.cachedWorlds.values()) { + if (ref.authorId === D.id) { + D.worlds.push(ref); + } + } + for (var ref of API.cachedAvatars.values()) { + if (ref.authorId === D.id) { + D.avatars.push(ref); + } + } + this.sortUserDialogWorlds(); + this.sortUserDialogAvatars(); + 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) { + L.user = ref; + } else { + API.getUser({ + userId: L.userId + }).then((args) => { + Vue.set(L, 'user', args.ref); + return args; + }); + } + } + D.users = []; + if (!L.isOffline) { + for (var userId of this.friends.keys()) { + var ref = API.cachedUsers.get(userId); + if (ref && + ref.location === D.ref.location) { + D.users.push(ref); + } + } + D.users.sort((a, b) => { + var A = String(a.displayName).toUpperCase(); + var B = String(b.displayName).toUpperCase(); if (A < B) { return -1; } @@ -2987,720 +5418,41 @@ if (window.CefSharp) { } return 0; }); - return node; - }; - - // Misc - - var $timers = []; - - Vue.component('timer', { - template: '', - props: { - epoch: { - type: Number, - default() { - return Date.now(); - } - } - }, - data() { - return { - text: '' - }; - }, - methods: { - update() { - this.text = timeToText(Date.now() - this.epoch); - } - }, - watch: { - date() { - this.update(); - } - }, - mounted() { - $timers.push(this); - this.update(); - }, - destroyed() { - removeFromArray($timers, this); - } - }); - - setInterval(function () { - for (var $timer of $timers) { - $timer.update(); - } - }, 5000); - - var $app = { - data: { - API, - VRCX, - nextRefresh: 0, - isGameRunning: false, - appVersion: 'VRCX 2019.11.18', - latestAppVersion: '', - ossDialog: false - }, - computed: {}, - methods: {}, - watch: {}, - el: '#x-app', - mounted() { - LogWatcher.Reset().then(() => { - API.$on('SHOW_WORLD_DIALOG', (tag) => this.showWorldDialog(tag)); - API.$on('SHOW_LAUNCH_DIALOG', (tag) => this.showLaunchDialog(tag)); - setInterval(() => this.update(), 1000); - this.update(); - this.$nextTick(function () { - this.$el.style.display = ''; - this.loginForm.loading = true; - API.getConfig().catch((err) => { - this.loginForm.loading = false; - throw err; - }).then((args) => { - API.getCurrentUser().finally(() => { - this.loginForm.loading = false; - }); - return args; - }); - }); - }); - this.checkAppVersion(); - } - }; - - $app.methods.checkAppVersion = function () { - var url = 'https://api.github.com/repos/pypy-vrc/VRCX/releases/latest'; - fetch(url).then((res) => res.json()).then((json) => { - if (isObject(json) && - json.name && - json.published_at) { - this.latestAppVersion = `${json.name} (${formatDate(json.published_at, 'YYYY-MM-DD HH24:MI:SS')})`; - if (json.name > this.appVersion) { - new Noty({ - type: 'info', - text: `Update available!!
${this.latestAppVersion}`, - timeout: false, - callbacks: { - onClick: () => VRCX.OpenRepository() - } - }).show(); - this.notifyMenu('more'); - } - } else { - this.latestAppVersion = 'Error occured'; - } - }); - }; - - var insertOrUpdateArrayById = (array, json) => { - var { id } = json; - var { length } = array; - for (var i = 0; i < length; ++i) { - if (array[i].id === id) { - Vue.set(array, i, json); - return; - } - } - array.push(json); - }; - - $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.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 i = this.gameLogTable.data.length; - var j = 0; - while (j < 25) { - if (i <= 0) { - break; - } - var ctx = this.gameLogTable.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; + } + D.instance = {}; + if (L.worldId) { + var handle = (instances) => { + if (instances) { + instances.find((v) => { + if (v[0] === L.instanceId) { + D.instance = { + id: v[0], + occupants: v[1] + }; + return true; } - } - arr.push({ - ...ctx, - isFriend, - isFavorite - }); - } else { - arr.push(ctx); - } - ++j; - } - var i = this.feedTable.data.length; - var j = 0; - while (j < 25) { - if (i <= 0) { - break; - } - var ctx = this.feedTable.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((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) => { - if (err.status_code === 400) { - 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) => { - if (err.status_code === 400) { - 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; + return false; }); } - }); - }; - - $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.friendsNo = 0; - $app.data.isFriendGroup0 = true; - $app.data.isFriendGroup1 = true; - $app.data.isFriendGroup2 = true; - $app.data.isFriendGroup3 = false; - $app.data.friendGroup0_ = []; - $app.data.friendGroup1_ = []; - $app.data.friendGroup2_ = []; - $app.data.friendGroup3_ = []; - $app.data.friendGroupA_ = []; - $app.data.friendGroupB_ = []; - $app.data.friendGroupC_ = []; - $app.data.friendGroupD_ = []; - $app.data.sortFriendGroup0 = false; - $app.data.sortFriendGroup1 = false; - $app.data.sortFriendGroup2 = false; - $app.data.sortFriendGroup3 = false; - $app.data.orderFriendGroup0 = VRCXStorage.GetBool('orderFriendGroup0'); - $app.data.orderFriendGroup1 = VRCXStorage.GetBool('orderFriendGroup1'); - $app.data.orderFriendGroup2 = VRCXStorage.GetBool('orderFriendGroup2'); - $app.data.orderFriendGroup3 = VRCXStorage.GetBool('orderFriendGroup3'); - var saveOrderFriendGroup = function () { - VRCXStorage.SetBool('orderFriendGroup0', this.orderFriendGroup0); - VRCXStorage.SetBool('orderFriendGroup1', this.orderFriendGroup1); - VRCXStorage.SetBool('orderFriendGroup2', this.orderFriendGroup2); - VRCXStorage.SetBool('orderFriendGroup3', this.orderFriendGroup3); - }; - $app.watch.orderFriendGroup0 = saveOrderFriendGroup; - $app.watch.orderFriendGroup1 = saveOrderFriendGroup; - $app.watch.orderFriendGroup2 = saveOrderFriendGroup; - $app.watch.orderFriendGroup3 = saveOrderFriendGroup; - - API.$on('LOGIN', function () { - $app.friends.clear(); - $app.friendsNo = 0; - $app.isFriendGroup0 = true; - $app.isFriendGroup1 = true; - $app.isFriendGroup2 = true; - $app.isFriendGroup3 = false; - $app.friendGroup0_ = []; - $app.friendGroup1_ = []; - $app.friendGroup2_ = []; - $app.friendGroup3_ = []; - $app.friendGroupA_ = []; - $app.friendGroupB_ = []; - $app.friendGroupC_ = []; - $app.friendGroupD_ = []; - $app.sortFriendGroup0 = false; - $app.sortFriendGroup1 = false; - $app.sortFriendGroup2 = false; - $app.sortFriendGroup3 = false; - }); - - API.$on('USER:CURRENT', function (args) { - // initFriendship()이 LOGIN에서 처리되기 때문에 - // USER:CURRENT에서 처리를 함 - $app.refreshFriend(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.removeFriend(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.refreshFriend = function (ref, origin) { - var map = {}; - ref.friends.forEach((id) => { - map[id] = 'offline'; - }); - ref.offlineFriends.forEach((id) => { - map[id] = 'offline'; - }); - ref.activeFriends.forEach((id) => { - map[id] = 'active'; - }); - ref.onlineFriends.forEach((id) => { - map[id] = 'online'; - }); - for (var id in map) { - if (this.friends.has(id)) { - this.updateFriend(id, map[id], origin); - } else { - this.addFriend(id, map[id]); - } - } - for (var id of this.friends.keys()) { - if (map[id] === undefined) { - this.removeFriend(id); - } - } - if (origin) { - API.refreshFriend(); - } - }; - - $app.methods.addFriend = function (id, state) { - if (this.friends.has(id)) { - return; - } - var ref = API.cachedUsers.get(id); - var ctx = { - id, - state: state || 'offline', - ref, - vip: API.cachedFavoritesByObjectId.has(id), - name: '', - no: ++this.friendsNo, - memo: this.loadMemo(id) }; + var ref = API.cachedWorlds.get(L.worldId); if (ref) { - ctx.name = ref.name; + handle(ref.instances); } else { - ref = this.friendLog[id]; - if (ref && - ref.displayName) { - ctx.name = ref.displayName; - } + API.getWorld({ + worldId: L.worldId + }).then((args) => { + if (L.tag === D.$location.tag) { + handle(args.ref.instances); + } + return true; + }); } - this.friends.set(id, ctx); - if (ctx.state === 'online') { - if (ctx.vip) { - this.sortFriendGroup0 = true; - this.friendGroup0_.push(ctx); - this.friendGroupA_.unshift(ctx); - } else { - this.sortFriendGroup1 = true; - this.friendGroup1_.push(ctx); - this.friendGroupB_.unshift(ctx); - } - } else if (ctx.state === 'active') { - this.sortFriendGroup2 = true; - this.friendGroup2_.push(ctx); - this.friendGroupC_.unshift(ctx); - } else { - this.sortFriendGroup3 = true; - this.friendGroup3_.push(ctx); - this.friendGroupD_.unshift(ctx); - } - }; + } + }; - $app.methods.removeFriend = function (id) { - var ctx = this.friends.get(id); - if (ctx) { - Vue.delete(this.friend, id); - if (ctx.state === 'online') { - if (ctx.vip) { - removeFromArray(this.friendGroup0_, ctx); - removeFromArray(this.friendGroupA_, ctx); - } else { - removeFromArray(this.friendGroup1_, ctx); - removeFromArray(this.friendGroupB_, ctx); - } - } else if (ctx.state === 'active') { - removeFromArray(this.friendGroup2_, ctx); - removeFromArray(this.friendGroupC_, ctx); - } else { - removeFromArray(this.friendGroup3_, ctx); - removeFromArray(this.friendGroupD_, ctx); - } - } - }; - - $app.methods.updateFriend = function (id, state, origin) { - var ctx = this.friends.get(id); - if (ctx) { - var ref = API.cachedUsers.get(id); - var vip = API.cachedFavoritesByObjectId.has(id); - if (state === undefined || - ctx.state === state) { - if (ctx.ref !== ref) { - ctx.ref = ref; - // NOTE - // AddFriend (CurrentUser) 이후, - // 서버에서 오는 순서라고 보면 될 듯. - if (ctx.state === 'online') { - if (ctx.vip) { - removeFromArray(this.friendGroupA_, ctx); - this.friendGroupA_.push(ctx); - } else { - removeFromArray(this.friendGroupB_, ctx); - this.friendGroupB_.push(ctx); - } - } else if (ctx.state === 'active') { - removeFromArray(this.friendGroupC_, ctx); - this.friendGroupC_.push(ctx); - } else { - removeFromArray(this.friendGroupD_, ctx); - this.friendGroupD_.push(ctx); - } - } - if (ctx.vip !== vip) { - ctx.vip = vip; - if (ctx.state === 'online') { - if (ctx.vip) { - removeFromArray(this.friendGroup1_, ctx); - removeFromArray(this.friendGroupB_, ctx); - this.sortFriendGroup0 = true; - this.friendGroup0_.push(ctx); - this.friendGroupA_.unshift(ctx); - } else { - removeFromArray(this.friendGroup0_, ctx); - removeFromArray(this.friendGroupA_, ctx); - this.sortFriendGroup1 = true; - this.friendGroup1_.push(ctx); - this.friendGroupB_.unshift(ctx); - } - } - } - if (ctx.ref && - ctx.name !== ctx.ref.displayName) { - ctx.name = ctx.ref.displayName; - if (ctx.state === 'online') { - if (ctx.vip) { - this.sortFriendGroup0 = true; - } else { - this.sortFriendGroup1 = true; - } - } else if (ctx.state === 'active') { - this.sortFriendGroup2 = true; - } else { - this.sortFriendGroup3 = true; - } - } - // FIXME: 도배 가능성 있음 - if (origin && - ctx.state !== 'online' && - ctx.ref && - ctx.ref.location !== '' && - ctx.ref.location !== 'offline') { - API.getUser({ - userId: id - }); - } - } else { - if (ctx.state === 'online') { - if (ctx.vip) { - removeFromArray(this.friendGroup0_, ctx); - removeFromArray(this.friendGroupA_, ctx); - } else { - removeFromArray(this.friendGroup1_, ctx); - removeFromArray(this.friendGroupB_, ctx); - } - } else if (ctx.state === 'active') { - removeFromArray(this.friendGroup2_, ctx); - removeFromArray(this.friendGroupC_, ctx); - } else { - removeFromArray(this.friendGroup3_, ctx); - removeFromArray(this.friendGroupD_, ctx); - } - ctx.state = state; - if (ctx.ref !== ref) { - ctx.ref = ref; - } - if (ctx.vip !== vip) { - ctx.vip = vip; - } - if (ctx.ref && - ctx.name !== ctx.ref.displayName) { - ctx.name = ctx.ref.displayName; - } - if (ctx.state === 'online') { - if (ctx.vip) { - this.sortFriendGroup0 = true; - this.friendGroup0_.push(ctx); - this.friendGroupA_.unshift(ctx); - } else { - this.sortFriendGroup1 = true; - this.friendGroup1_.push(ctx); - this.friendGroupB_.unshift(ctx); - } - } else if (ctx.state === 'active') { - this.sortFriendGroup2 = true; - this.friendGroup2_.push(ctx); - this.friendGroupC_.unshift(ctx); - } else { - this.sortFriendGroup3 = true; - this.friendGroup3_.push(ctx); - this.friendGroupD_.unshift(ctx); - } - } - } - }; - - var sortFriendByName = (a, b) => { + $app.methods.sortUserDialogWorlds = function () { + this.userDialog.worlds.sort((a, b) => { var A = String(a.name).toUpperCase(); var B = String(b.name).toUpperCase(); if (A < B) { @@ -3710,1783 +5462,390 @@ if (window.CefSharp) { return 1; } return 0; - }; + }); + }; - $app.computed.friendGroup0 = function () { - if (this.orderFriendGroup0) { - return this.friendGroupA_; + $app.methods.refreshUserDialogWorlds = function () { + var D = this.userDialog; + if (!D.isWorldsLoading) { + 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'; } - if (this.sortFriendGroup0) { - this.sortFriendGroup0 = false; - this.friendGroup0_.sort(sortFriendByName); - } - return this.friendGroup0_; - }; - - $app.computed.friendGroup1 = function () { - if (this.orderFriendGroup1) { - return this.friendGroupB_; - } - if (this.sortFriendGroup1) { - this.sortFriendGroup1 = false; - this.friendGroup1_.sort(sortFriendByName); - } - return this.friendGroup1_; - }; - - $app.computed.friendGroup2 = function () { - if (this.orderFriendGroup2) { - return this.friendGroupC_; - } - if (this.sortFriendGroup2) { - this.sortFriendGroup2 = false; - this.friendGroup2_.sort(sortFriendByName); - } - return this.friendGroup2_; - }; - - $app.computed.friendGroup3 = function () { - if (this.orderFriendGroup3) { - return this.friendGroupD_; - } - if (this.sortFriendGroup3) { - this.sortFriendGroup3 = false; - this.friendGroup3_.sort(sortFriendByName); - } - return this.friendGroup3_; - }; - - $app.methods.userStatusClass = function (user) { - var style = {}; - if (user) { - if (user.location === 'offline') { - style.offline = true; - } else if (user.status === 'active') { - style.active = true; - } else if (user.status === 'join me') { - style.joinme = true; - } else if (user.status === 'busy') { - style.busy = true; - } - } - return style; - }; - - $app.methods.deleteFriend = function (id) { - // FIXME: 메시지 수정 - this.$confirm('Continue? Delete Friend', 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - API.deleteFriend({ - userId: id - }); - } + API.bulk({ + fn: 'getWorlds', + N: -1, + params, + handle: (args) => { + args.json.forEach((json) => { + insertOrUpdateArrayById(D.worlds, json); + }); + }, + done: () => { + this.sortUserDialogWorlds(); + D.isWorldsLoading = false; } }); - }; + } + }; - // App: Quick Search - - $app.data.quickSearch = ''; - $app.data.quickSearchItems = []; - - $app.methods.quickSearchRemoteMethod = function (query) { - this.quickSearchItems = []; - if (query) { - var QUERY = query.toUpperCase(); - for (var ctx in this.friends.values()) { - if (ctx.ref) { - 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) { - this.quickSearchItems.push({ - value: ctx.id, - label: ctx.name, - ref: ctx.ref, - NAME - }); - } - } - } - this.quickSearchItems.sort((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 (this.quickSearchItems.length > 4) { - this.quickSearchItems.length = 4; - } - this.quickSearchItems.push({ - value: `search:${query}`, - label: query - }); + $app.methods.sortUserDialogAvatars = function () { + this.userDialog.avatars.sort((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; + }); + }; - $app.methods.quickSearchChange = function (value) { - if (value) { - if (value.startsWith('search:')) { - this.searchText = value.substr(7); - this.search(); - this.$refs.menu.activeIndex = 'search'; + $app.methods.refreshUserDialogAvatars = function () { + var D = this.userDialog; + if (!D.isAvatarsLoading) { + 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'; + } + API.bulk({ + fn: 'getAvatars', + N: -1, + params, + handle: (args) => { + args.json.forEach((json) => { + insertOrUpdateArrayById(D.avatars, json); + }); + }, + done: () => { + this.sortUserDialogAvatars(); + D.isAvatarsLoading = false; + } + }); + } + }; + + var performUserDialogCommand = (command, userId) => { + switch (command) { + case 'Delete Favorite': + API.deleteFavorite({ + objectId: userId + }); + break; + case 'Unfriend': + API.deleteFriend({ + userId + }); + break; + case 'Accept Friend Request': + var key = API.getFriendRequest(userId); + if (key === '') { + API.sendFriendRequest({ + userId + }); } 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.get(ref.id)) { - 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 + API.acceptNotification({ + notificationId: key }); } - 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 - } - ] + 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; + default: + break; + } + }; - 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 array = this.feedTable.data; - // 로그는 3일까지만 남김 - var limit = new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toJSON(); - var i = 0; - var j = array.length; - while (i < j && - array[i].created_at < limit) { - ++i; - } - if (i === j) { - this.feedTable.data = []; - } else if (i) { - array.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) { - logs.forEach((log) => { - var ctx = { - created_at: log[0], - type: log[1], - data: log[2] - }; - this.gameLogTable.data.push(ctx); - if (ctx.type === 'Location') { - this.lastLocation = ctx.data; + $app.methods.userDialogCommand = function (command) { + var D = this.userDialog; + if (D.visible) { + if (command === 'Add Favorite') { + this.showFavoriteDialog('friend', D.id); + } else if (command === 'Show Avatar Author') { + var id = extractFileId(D.ref.currentAvatarImageUrl); + if (id) { + API.call(`file/${id}`).then((json) => { + if (D.id === json.ownerId) { + this.$message({ + message: 'It is own avatar', + type: 'warning' + }); + } else { + this.showUserDialog(json.ownerId); } }); - this.sweepGameLog(); - // sweepGameLog로 기록이 삭제되면 - // 아무 것도 없는데 알림이 떠서 이상함 - if (this.gameLogTable.data.length) { - this.notifyMenu('gameLog'); - } + } else { + this.$message({ + message: 'Sorry, the author is unknown', + type: 'error' + }); } - this.updateSharedFeed(); - }); - }; - - $app.methods.sweepGameLog = function () { - var array = this.gameLogTable.data; - // 로그는 3일까지만 남김 - var limit = new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toJSON(); - var i = 0; - var j = array.length; - while (i < j && - array[i].created_at < limit) { - ++i; - } - if (i === j) { - this.gameLogTable.data = []; - } else if (i) { - array.splice(0, i); - } - }; - - $app.methods.updateDiscord = function () { - if (this.isGameRunning && - this.lastLocation) { - 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 + } 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) => { - L.worldName = args.ref.name; + this.$message('Message sent'); 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); + }); } else { - Discord.SetActive(false); - } - }; - - $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.searchUsers = []; - $app.data.searchUserParam = {}; - $app.data.searchWorlds = []; - $app.data.searchWorldOption = ''; - $app.data.searchWorldParam = {}; - $app.data.searchAvatars = []; - $app.data.searchAvatarParam = {}; - $app.data.isSearchUserLoading = false; - $app.data.isSearchWorldLoading = false; - $app.data.isSearchAvatarLoading = false; - - API.$on('LOGIN', function () { - $app.searchText = ''; - $app.searchUsers = []; - $app.searchUserParam = {}; - $app.searchWorlds = []; - $app.searchWorldOption = ''; - $app.searchWorldParam = {}; - $app.searchAvatars = []; - $app.searchAvatarParam = {}; - $app.isSearchUserLoading = false; - $app.isSearchWorldLoading = false; - $app.isSearchAvatarLoading = false; - }); - - $app.methods.clearSearch = function () { - this.searchUsers = []; - this.searchWorlds = []; - this.searchAvatars = []; - }; - - $app.methods.search = function () { - this.searchUser(); - this.searchWorld({}); - }; - - $app.methods.searchUser = function () { - this.searchUserParam = { - n: 10, - offset: 0, - search: this.searchText - }; - this.moreSearchUser(); - }; - - $app.methods.moreSearchUser = function (go) { - var params = this.searchUserParam; - 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) => { - this.searchUsers = []; - args.json.forEach((json) => { - insertOrUpdateArrayById(this.searchUsers, json); + this.$confirm(`Continue? ${command}`, 'Confirm', { + confirmButtonText: 'Confirm', + cancelButtonText: 'Cancel', + type: 'info', + callback: (action) => { + if (action === 'confirm') { + performUserDialogCommand(command, D.id); + } + } }); - 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.searchWorldParam = params; - this.moreSearchWorld(); - }; + $app.methods.refreshUserDialogTreeData = function () { + var D = this.userDialog; + D.treeData = buildTreeData(D.ref); + }; - $app.methods.moreSearchWorld = function (go) { - var params = this.searchWorldParam; - 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) => { - this.searchWorlds = []; - args.json.forEach((json) => { - insertOrUpdateArrayById(this.searchWorlds, json); + // 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 D = $app.worldDialog; + if (D.visible && + args.ref.id === D.id) { + D.ref = args.ref; + 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`; }); - 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.searchAvatarParam = params; - this.moreSearchAvatar(); - }; - - $app.methods.moreSearchAvatar = function (go) { - var params = this.searchAvatarParam; - 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) => { - this.searchAvatars = []; - args.json.forEach((json) => { - insertOrUpdateArrayById(this.searchAvatars, json); - }); - return args; - }); - }; - - // App: Favorite - - $app.data.favoriteFriend = {}; - $app.data.favoriteWorld = {}; - $app.data.favoriteAvatar = {}; - $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.favoriteFriend = {}; - $app.favoriteWorld = {}; - $app.favoriteAvatar = {}; - $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); - if (type === 'friend') { - var ctx = this.favoriteFriend[objectId]; - if (favorite) { - var ref = API.cachedUsers.get(objectId); - if (ctx) { - if (ctx.ref !== ref) { - ctx.ref = ref; - } - if (ref && - ctx.name !== ref.displayName) { - ctx.name = ref.displayName; - this.sortFavoriteFriends = true; - } - } else { - ctx = { - id: objectId, - groupKey: favorite.$groupKey, - ref, - name: '' - }; - if (ref) { - ctx.name = ref.displayName; - } else { - ref = this.friendLog[objectId]; - if (ref && - ref.displayName) { - ctx.name = ref.displayName; - } - } - Vue.set(this.favoriteFriend, objectId, ctx); - this.favoriteFriends_.push(ctx); - this.sortFavoriteFriends = true; - } - } else if (ctx) { - Vue.delete(this.favoriteFriend, objectId); - removeFromArray(this.favoriteFriends_, ctx); - } - } else if (type === 'world') { - var ctx = this.favoriteWorld[objectId]; - if (favorite) { - var ref = API.cachedWorlds.get(objectId); - if (ctx) { - if (ctx.ref !== ref) { - ctx.ref = ref; - } - if (ref && - ctx.name !== ref.name) { - ctx.name = ref.name; - this.sortFavoriteWorlds = true; - } - } else { - ctx = { - id: objectId, - groupKey: favorite.$groupKey, - ref, - name: '' - }; - if (ref) { - ctx.name = ref.name; - } - Vue.set(this.favoriteWorld, objectId, ctx); - this.favoriteWorlds_.push(ctx); - this.sortFavoriteWorlds = true; - } - } else { - Vue.delete(this.favoriteWorld, objectId); - removeFromArray(this.favoriteWorlds_, ctx); - } - } else if (type === 'avatar') { - var ctx = this.favoriteAvatar[objectId]; - if (favorite) { - var ref = API.cachedAvatars.get(objectId); - if (ctx) { - if (ctx.ref !== ref) { - ctx.ref = ref; - } - if (ref && - ctx.name !== ref.name) { - ctx.name = ref.name; - this.sortFavoriteAvatars = true; - } - } else { - ctx = { - id: objectId, - groupKey: favorite.$groupKey, - ref, - name: '' - }; - if (ref) { - ctx.name = ref.name; - } - Vue.set(this.favoriteAvatar, objectId, ctx); - this.favoriteAvatars_.push(ctx); - this.sortFavoriteAvatars = true; - } - } else { - Vue.delete(this.favoriteAvatar, objectId); - 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 - }); - } - } - }); - }; - - var sortFavoriteByName = (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; - }; - - $app.computed.favoriteFriends = function () { - if (this.sortFavoriteFriends) { - this.sortFavoriteFriends = false; - this.favoriteFriends_.sort(sortFavoriteByName); - } - return this.favoriteFriends_; - }; - - $app.computed.favoriteWorlds = function () { - if (this.sortFavoriteWorlds) { - this.sortFavoriteWorlds = false; - this.favoriteWorlds_.sort(sortFavoriteByName); - } - return this.favoriteWorlds_; - }; - - $app.computed.favoriteAvatars = function () { - if (this.sortFavoriteAvatars) { - this.sortFavoriteAvatars = false; - this.favoriteAvatars_.sort(sortFavoriteByName); - } - 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) { - $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) { - $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 { - this.friendLog = {}; - ref.friends.forEach((id) => { - var ctx = { - id - }; - var user = API.cachedUsers.get(id); - if (user) { - ctx.displayName = user.displayName; - ctx.trustLevel = user.$trustLevel; - } - this.friendLog[id] = ctx; - }); - this.friendLogTable.data = []; - this.saveFriendLog(); - } - }; - - $app.methods.addFriendship = function (id) { - if (!this.friendLog[id]) { - var ctx = { - id, - displayName: null, - trustLevel: null - }; - Vue.set(this.friendLog, id, ctx); - var ref = API.cachedUsers.get(id); - if (ref) { - 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) { - 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 map = {}; - ref.friends.forEach((id) => { - map[id] = true; - this.addFriendship(id); - }); - for (var key in this.friendLog) { - if (!map[key]) { - this.deleteFriendship(key); - } - } - }; - - $app.methods.updateFriendship = function (ref) { - var ctx = this.friendLog[ref.id]; - if (ctx) { - 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') { - if (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 insertOrUpdate = $app.playerModerationTable.data.some((val, idx, arr) => { - if (val.id === args.ref.id) { - if (args.ref.$isExpired) { - Vue.delete(arr, idx); - } else { - Vue.set(arr, idx, args.ref); - } - return true; - } - return false; - }); - if (!insertOrUpdate && - !args.ref.$isExpired) { - $app.playerModerationTable.data.push(args.ref); - $app.notifyMenu('moderation'); - } - }); - - API.$on('PLAYER-MODERATION:@DELETE', function (args) { - $app.playerModerationTable.data.find((val, idx, arr) => { - if (val.id === args.ref.id) { - Vue.delete(arr, idx); - return true; - } - return false; - }); - }); - - $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 insertOrUpdate = $app.notificationTable.data.some((val, idx, arr) => { - if (val.id === args.ref.id) { - if (args.ref.$isExpired) { - Vue.delete(arr, idx); - } else { - Vue.set(arr, idx, args.ref); - } - return true; - } - return false; - }); - if (!insertOrUpdate && - !args.ref.$isExpired) { - $app.notificationTable.data.push(args.ref); - $app.notifyMenu('notification'); - } - }); - - API.$on('NOTIFICATION:@DELETE', function (args) { - $app.notificationTable.data.find((val, idx, arr) => { - if (val.id === args.ref.id) { - Vue.delete(arr, idx); - return true; - } - return false; - }); - }); - - $app.methods.parseInviteLocation = function (row) { - try { - var L = API.parseLocation(row.details.worldId); - return `${row.details.worldName} #${L.instanceName} ${L.accessType}`; - } catch (err) { - console.error(err); - 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.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.showNameColor = VRCXStorage.GetBool('showNameColor'); - $nameColorStyle.disabled = VRCXStorage.GetBool('showNameColor'); - $app.watch.showNameColor = function () { - VRCXStorage.SetBool('showNameColor', this.showNameColor); - $nameColorStyle.disabled = this.showNameColor; - }; - - 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.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, - - treeData: [], - memo: '' - }; - - $app.watch['userDialog.memo'] = function () { - var D = this.userDialog; - this.saveMemo(D.id, D.memo); - }; - - API.$on('LOGOUT', function () { - $app.userDialog.visible = false; - }); - - API.$on('USER', function (args) { - var D = $app.userDialog; - if (D.visible && - args.ref.id === D.id) { - D.ref = args.ref; - $app.applyUserDialogLocation(); - } - }); - - API.$on('WORLD', function (args) { - var D = $app.userDialog; - if (D.visible && - args.ref.id === D.$location.worldId) { - $app.applyUserDialogLocation(); - } - }); - - API.$on('FRIEND:STATUS', function (args) { - var D = $app.userDialog; - if (D.visible && - args.params.userId === D.id) { - D.isFriend = args.json.isFriend; - D.incomingRequest = args.json.incomingRequest; - D.outgoingRequest = args.json.outgoingRequest; - } - }); - - API.$on('FRIEND:REQUEST', function (args) { - var D = $app.userDialog; - if (D.visible && - args.params.userId === D.id) { - 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 && - args.params.userId === D.id) { - D.outgoingRequest = false; - } - }); - - API.$on('NOTIFICATION', function (args) { - var D = $app.userDialog; - if (D.visible && - args.ref && - args.ref.senderUserId === D.id && - args.ref.type === 'friendRequest') { - D.incomingRequest = true; - } - }); - - API.$on('NOTIFICATION:ACCEPT', function (args) { - var D = $app.userDialog; - if (D.visible && - args.ref && - args.ref.senderUserId === D.id && - args.ref.type === 'friendRequest') { - D.isFriend = true; - } - }); - - API.$on('NOTIFICATION:@DELETE', function (args) { - var D = $app.userDialog; - if (D.visible && - args.ref.senderUserId === D.id && - args.ref.type === 'friendRequest') { - D.incomingRequest = false; - } - }); - - API.$on('FRIEND:DELETE', function (args) { - var D = $app.userDialog; - if (D.visible && - args.params.userId === D.id) { - D.isFriend = false; - } - }); - - API.$on('PLAYER-MODERATION', function (args) { - var D = $app.userDialog; - if (D.visible && - args.ref.targetUserId === D.id && - args.ref.sourceUserId === this.currentUser.id && - !args.ref.$isExpired) { - if (args.ref.type === 'block') { - D.isBlock = true; - } else if (args.ref.type === 'mute') { - D.isMute = true; - } else if (args.ref.type === 'hideAvatar') { - D.isHideAvatar = true; - } - } - }); - - API.$on('PLAYER-MODERATION:@DELETE', function (args) { - var D = $app.userDialog; - if (D.visible && - args.ref.targetUserId === D.id && - args.ref.sourceUserId === this.currentUser.id) { - if (args.ref.type === 'block') { - D.isBlock = false; - } else if (args.ref.type === 'mute') { - D.isMute = false; - } else if (args.ref.type === 'hideAvatar') { - D.isHideAvatar = false; - } - } - }); - - API.$on('FAVORITE', function (args) { - var D = $app.userDialog; - if (D.visible && - args.ref.favoriteId === D.id && - !args.ref.$isExpired) { - D.isFavorite = true; - } - }); - - API.$on('FAVORITE:@DELETE', function (args) { - var D = $app.userDialog; - if (D.visible && - args.ref.favoriteId === D.id) { - D.isFavorite = false; - } - }); - - $app.methods.showUserDialog = function (userId) { - this.$nextTick(() => adjustDialogZ(this.$refs.userDialog.$el)); - var D = this.userDialog; - D.id = userId; + $app.applyWorldDialogInstances(); + } + }); + + API.$on('FAVORITE', function (args) { + var D = $app.worldDialog; + if (D.visible && + args.ref.favoriteId === D.id && + !args.ref.$isExpired) { + D.isFavorite = true; + } + }); + + API.$on('FAVORITE:@DELETE', function (args) { + var D = $app.worldDialog; + if (D.visible && + args.ref.favoriteId === D.id) { + 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) { + D.id = L.worldId; + D.$location = L; D.treeData = []; - D.memo = this.loadMemo(userId); + D.fileCreatedAt = ''; + D.fileSize = 'Loading'; D.visible = true; D.loading = true; - API.getCachedUser({ - userId + API.getCachedWorld({ + worldId: L.worldId }).catch((err) => { D.loading = false; D.visible = false; throw err; }).then((args) => { - if (args.ref.id === D.id) { + if (D.id === args.ref.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.targetUserId === D.id && - ref.sourceUserId === API.currentUser.id && - !ref.$isExpired) { - 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(); - D.worlds = []; - D.avatars = []; - D.isWorldsLoading = false; - D.isAvatarsLoading = false; - for (var ref of API.cachedWorlds.values()) { - if (ref.authorId === D.id) { - D.worlds.push(ref); - } - } - for (var ref of API.cachedAvatars.values()) { - if (ref.authorId === D.id) { - D.avatars.push(ref); - } - } - this.sortUserDialogWorlds(); - this.sortUserDialogAvatars(); - API.getFriendStatus({ - userId: D.id - }); + D.rooms = []; + this.applyWorldDialogInstances(); if (args.cache) { - API.getUser(args.params); + API.getWorld(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) { - L.user = ref; - } else { - API.getUser({ - userId: L.userId - }).then((args) => { - Vue.set(L, 'user', args.ref); - return args; - }); - } + $app.methods.applyWorldDialogInstances = function () { + var D = this.worldDialog; + if (D.ref.instances) { + var map = {}; + D.ref.instances.forEach((v) => { + map[v[0]] = { + id: v[0], + occupants: v[1], + users: [] + }; + }); + var { instanceId } = D.$location; + if (instanceId && + !map[instanceId]) { + map[instanceId] = { + id: instanceId, + occupants: 0, + users: [] + }; } - D.users = []; - if (!L.isOffline) { - for (var userId of this.friends.keys()) { - var ref = API.cachedUsers.get(userId); - if (ref && - ref.location === D.ref.location) { - D.users.push(ref); + for (var userId of this.friends.keys()) { + var ref = API.cachedUsers.get(userId); + if (ref && + ref.$location.worldId === D.id) { + ({ instanceId } = ref.$location); + if (map[instanceId]) { + map[instanceId].users.push(ref); + } else { + map[instanceId] = { + id: instanceId, + occupants: 0, + users: [ref] + }; } } - D.users.sort((a, b) => { + } + D.rooms = []; + Object.values(map).sort(function (a, b) { + return b.users.length - a.users.length || + b.occupants - a.occupants; + }).forEach((v) => { + var L = API.parseLocation(`${D.id}:${v.id}`); + v.$location = L; + v.location = L.tag; + if (L.userId) { + var $ref = API.cachedUsers.get(L.userId); + if ($ref) { + L.user = $ref; + } else { + API.getUser({ + userId: L.userId + }).then((args) => { + Vue.set(L, 'user', args.ref); + return args; + }); + } + } + v.users.sort((a, b) => { var A = String(a.displayName).toUpperCase(); var B = String(b.displayName).toUpperCase(); if (A < B) { @@ -5497,976 +5856,535 @@ if (window.CefSharp) { } return 0; }); - } - D.instance = {}; - if (L.worldId) { - var handle = (instances) => { - if (instances) { - instances.find((v) => { - if (v[0] === L.instanceId) { - D.instance = { - id: v[0], - occupants: v[1] - }; - return true; - } - return false; - }); - } - }; - var ref = API.cachedWorlds.get(L.worldId); - if (ref) { - handle(ref.instances); - } else { - API.getWorld({ - worldId: L.worldId - }).then((args) => { - if (L.tag === D.$location.tag) { - handle(args.ref.instances); - } - return true; - }); - } - } - }; - - $app.methods.sortUserDialogWorlds = function () { - this.userDialog.worlds.sort((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; + D.rooms.push(v); }); - }; + } + }; - $app.methods.refreshUserDialogWorlds = function () { - var D = this.userDialog; - if (!D.isWorldsLoading) { - 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'; - } - API.bulk({ - fn: 'getWorlds', - N: -1, - params, - handle: (args) => { - args.json.forEach((json) => { - insertOrUpdateArrayById(D.worlds, json); - }); - }, - done: () => { - this.sortUserDialogWorlds(); - D.isWorldsLoading = false; + $app.methods.worldDialogCommand = function (command) { + var D = this.worldDialog; + if (D.visible) { + 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') { + 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.sortUserDialogAvatars = function () { - this.userDialog.avatars.sort((a, b) => { - var A = String(a.name).toUpperCase(); - var B = String(b.name).toUpperCase(); - if (A < B) { - return -1; + $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) { + ref.unityPackages.forEach((v) => { + var platform = 'PC'; + if (v.platform === 'standalonewindows') { + platform = 'PC'; + } else if (v.platform === 'android') { + platform = 'Quest'; + } else if (v.platform) { + ({ platform } = v); } - if (A > B) { - return 1; - } - return 0; + platforms.push(`${platform}/${v.unityVersion}`); }); - }; + } + return platforms.join(', '); + }; - $app.methods.refreshUserDialogAvatars = function () { - var D = this.userDialog; - if (!D.isAvatarsLoading) { - 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'; - } - API.bulk({ - fn: 'getAvatars', - N: -1, - params, - handle: (args) => { - args.json.forEach((json) => { - insertOrUpdateArrayById(D.avatars, json); - }); - }, - done: () => { - this.sortUserDialogAvatars(); - D.isAvatarsLoading = false; - } + // 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 && + args.ref.id === D.id) { + D.ref = args.ref; + 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`; }); } - }; + } + }); - var performUserDialogCommand = (command, userId) => { - switch (command) { - case 'Delete Favorite': - API.deleteFavorite({ - objectId: userId - }); - break; - case 'Unfriend': - API.deleteFriend({ - 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; - default: - break; - } - }; + API.$on('FAVORITE', function (args) { + var D = $app.avatarDialog; + if (D.visible && + args.ref.favoriteId === D.id && + !args.ref.$isExpired) { + D.isFavorite = true; + } + }); - $app.methods.userDialogCommand = function (command) { - var D = this.userDialog; - if (D.visible) { - if (command === 'Add Favorite') { - this.showFavoriteDialog('friend', D.id); - } else if (command === 'Show Avatar Author') { - var id = extractFileId(D.ref.currentAvatarImageUrl); - if (id) { - API.call(`file/${id}`).then((json) => { - if (D.id === json.ownerId) { - this.$message({ - message: 'It is own avatar', - type: 'warning' - }); - } else { - this.showUserDialog(json.ownerId); - } - }); - } else { - this.$message({ - message: 'Sorry, the author is unknown', - type: 'error' - }); - } - } 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 { - this.$confirm(`Continue? ${command}`, 'Confirm', { - confirmButtonText: 'Confirm', - cancelButtonText: 'Cancel', - type: 'info', - callback: (action) => { - if (action === 'confirm') { - performUserDialogCommand(command, D.id); - } - } - }); - } - } - }; + API.$on('FAVORITE:@DELETE', function (args) { + var D = $app.avatarDialog; + if (D.visible && + args.ref.favoriteId === D.id) { + D.isFavorite = false; + } + }); - $app.methods.refreshUserDialogTreeData = function () { - var D = this.userDialog; - D.treeData = buildTreeData(D.ref); - }; - - // 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 D = $app.worldDialog; - if (D.visible && - args.ref.id === D.id) { + $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; - 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`; - }); + D.isFavorite = API.cachedFavoritesByObjectId.has(D.ref.id); + if (args.cache) { + API.getAvatar(args.params); } - $app.applyWorldDialogInstances(); } + return args; }); + }; - API.$on('FAVORITE', function (args) { - var D = $app.worldDialog; - if (D.visible && - args.ref.favoriteId === D.id && - !args.ref.$isExpired) { - D.isFavorite = true; - } - }); - - API.$on('FAVORITE:@DELETE', function (args) { - var D = $app.worldDialog; - if (D.visible && - args.ref.favoriteId === D.id) { - 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) { - 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); + $app.methods.avatarDialogCommand = function (command) { + var D = this.avatarDialog; + if (D.visible) { + 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') { + 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.avatarDialogLastUpdate = function () { + var at = ''; + var { ref } = this.avatarDialog; + if (ref.unityPackages) { + ref.unityPackages.forEach((v) => { + if (at < v.created_at) { + at = v.created_at; + } + }); + } + return at || ref.updated_at || ''; + }; + + $app.computed.avatarDialogPlatform = function () { + var { ref } = this.avatarDialog; + var platforms = []; + if (ref.unityPackages) { + ref.unityPackages.forEach((v) => { + var platform = 'PC'; + if (v.platform === 'standalonewindows') { + platform = 'PC'; + } else if (v.platform === 'android') { + platform = 'Quest'; + } else if (v.platform) { + ({ platform } = v); + } + platforms.push(`${platform}/${v.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) => { + if (action === 'confirm') { + var D = this.inviteDialog; + if (!D.loading) { + D.loading = true; + var params = { + receiverUserId: '', + type: 'invite', + message: '', + seen: false, + details: { + worldId: D.worldId, + worldName: D.worldName + } + }; + var invite = () => { + if (D.userIds.length) { + params.receiverUserId = D.userIds.shift(); + API.sendNotification(params).finally(invite); + } else { + D.loading = false; + D.visible = false; + this.$message({ + message: 'Invite sent', + type: 'success' + }); + } + }; + invite(); + } + + } + } + }); + }; + + $app.methods.showInviteDialog = function (tag) { + this.$nextTick(() => adjustDialogZ(this.$refs.inviteDialog.$el)); + var L = API.parseLocation(tag); + if (!(L.isOffline || L.isPrivate) && + L.worldId) { + var handle = (ref) => { + var D = this.inviteDialog; + D.userIds = []; + D.worldId = L.tag; + D.worldName = ref.name; + D.visible = true; + }; + var ref = API.cachedWorlds.get(L.worldId); + if (ref) { + handle(ref); + } else { + API.getWorld({ + worldId: L.worldId + }).then((args) => { + handle(args.ref); return args; }); } - }; + } + }; - $app.methods.applyWorldDialogInstances = function () { - var D = this.worldDialog; - if (D.ref.instances) { - var map = {}; - D.ref.instances.forEach((v) => { - map[v[0]] = { - id: v[0], - occupants: v[1], - users: [] - }; - }); - var { instanceId } = D.$location; - if (instanceId && - !map[instanceId]) { - map[instanceId] = { - id: instanceId, - occupants: 0, - users: [] - }; - } - for (var userId of this.friends.keys()) { - var ref = API.cachedUsers.get(userId); - if (ref && - ref.$location.worldId === D.id) { - ({ instanceId } = ref.$location); - if (map[instanceId]) { - map[instanceId].users.push(ref); - } else { - map[instanceId] = { - id: instanceId, - occupants: 0, - users: [ref] - }; - } - } - } - D.rooms = []; - Object.values(map).sort(function (a, b) { - return b.users.length - a.users.length || - b.occupants - a.occupants; - }).forEach((v) => { - var L = API.parseLocation(`${D.id}:${v.id}`); - v.$location = L; - v.location = L.tag; - if (L.userId) { - var $ref = API.cachedUsers.get(L.userId); - if ($ref) { - L.user = $ref; - } else { - API.getUser({ - userId: L.userId - }).then((args) => { - Vue.set(L, 'user', args.ref); - return args; - }); - } - } - v.users.sort((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; - }); - D.rooms.push(v); - }); - } - }; + // App: Social Status Dialog - $app.methods.worldDialogCommand = function (command) { - var D = this.worldDialog; - if (D.visible) { - 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') { - 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.data.socialStatusDialog = { + visible: false, + loading: false, + status: '', + statusDescription: '' + }; - $app.methods.refreshWorldDialogTreeData = function () { - var D = this.worldDialog; - D.treeData = buildTreeData(D.ref); - }; + API.$on('LOGOUT', function () { + $app.socialStatusDialog.visible = false; + }); - $app.computed.worldDialogPlatform = function () { - var { ref } = this.worldDialog; - var platforms = []; - if (ref.unityPackages) { - ref.unityPackages.forEach((v) => { - var platform = 'PC'; - if (v.platform === 'standalonewindows') { - platform = 'PC'; - } else if (v.platform === 'android') { - platform = 'Quest'; - } else if (v.platform) { - ({ platform } = v); - } - platforms.push(`${platform}/${v.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 && - args.ref.id === D.id) { - D.ref = args.ref; - 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 D = $app.avatarDialog; - if (D.visible && - args.ref.favoriteId === D.id && - !args.ref.$isExpired) { - D.isFavorite = true; - } - }); - - API.$on('FAVORITE:@DELETE', function (args) { - var D = $app.avatarDialog; - if (D.visible && - args.ref.favoriteId === D.id) { - 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; + $app.methods.saveSocialStatus = function () { + var D = this.socialStatusDialog; + if (!D.loading) { 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) { - 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') { - 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.avatarDialogLastUpdate = function () { - var at = ''; - var { ref } = this.avatarDialog; - if (ref.unityPackages) { - ref.unityPackages.forEach((v) => { - if (at < v.created_at) { - at = v.created_at; - } - }); - } - return at || ref.updated_at || ''; - }; - - $app.computed.avatarDialogPlatform = function () { - var { ref } = this.avatarDialog; - var platforms = []; - if (ref.unityPackages) { - ref.unityPackages.forEach((v) => { - var platform = 'PC'; - if (v.platform === 'standalonewindows') { - platform = 'PC'; - } else if (v.platform === 'android') { - platform = 'Quest'; - } else if (v.platform) { - ({ platform } = v); - } - platforms.push(`${platform}/${v.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 + 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.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.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: 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(''); + }; - // App: Invite Dialog + var updateLocationURL = function () { + var D = this.newInstanceDialog; + if (D.instanceId) { + D.location = `${D.worldId}:${D.instanceId}`; + D.url = `https://vrchat.net/launch?worldId=${encodeURIComponent(D.worldId)}&instanceId=${encodeURIComponent(D.instanceId)}`; + } else { + D.location = D.worldId; + D.url = `https://vrchat.net/launch?worldId=${encodeURIComponent(D.worldId)}`; + } + }; + $app.watch['newInstanceDialog.worldId'] = updateLocationURL; + $app.watch['newInstanceDialog.instanceId'] = updateLocationURL; - $app.data.inviteDialog = { - visible: false, - loading: false, - worldId: '', - worldName: '', - userIds: [] - }; + $app.methods.showNewInstanceDialog = function (tag) { + this.$nextTick(() => adjustDialogZ(this.$refs.newInstanceDialog.$el)); + var L = API.parseLocation(tag); + if (!(L.isOffline || L.isPrivate) && + L.worldId) { + var D = this.newInstanceDialog; + D.worldId = L.worldId; + D.accessType = 'public'; + this.buildInstance(); + D.visible = true; + } + }; - 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) => { - if (action === 'confirm') { - var D = this.inviteDialog; - if (!D.loading) { - D.loading = true; - var params = { - receiverUserId: '', - type: 'invite', - message: '', - seen: false, - details: { - worldId: D.worldId, - worldName: D.worldName - } - }; - var invite = () => { - if (D.userIds.length) { - params.receiverUserId = D.userIds.shift(); - API.sendNotification(params).finally(invite); - } else { - D.loading = false; - D.visible = false; - this.$message({ - message: 'Invite sent', - type: 'success' - }); - } - }; - invite(); - } - - } - } - }); - }; - - $app.methods.showInviteDialog = function (tag) { - this.$nextTick(() => adjustDialogZ(this.$refs.inviteDialog.$el)); - var L = API.parseLocation(tag); - if (!(L.isOffline || L.isPrivate) && - L.worldId) { - var handle = (ref) => { - var D = this.inviteDialog; - D.userIds = []; - D.worldId = L.tag; - D.worldName = ref.name; - D.visible = true; - }; - var ref = API.cachedWorlds.get(L.worldId); - if (ref) { - handle(ref); - } else { - API.getWorld({ - worldId: L.worldId + $app.methods.makeHome = function (tag) { + this.$confirm('Continue? Make Home', 'Confirm', { + confirmButtonText: 'Confirm', + cancelButtonText: 'Cancel', + type: 'info', + callback: (action) => { + if (action === 'confirm') { + API.saveCurrentUser({ + homeLocation: tag }).then((args) => { - handle(args.ref); + this.$message({ + message: 'Home world updated', + type: 'success' + }); return args; }); } } - }; - - // 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) { - 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: Launch Dialog - $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.data.launchDialog = { + visible: false, + loading: false, + desktop: VRCXStorage.GetBool('launchAsDesktop'), + location: '', + url: '' + }; - // App: New Instance Dialog + $app.watch['launchDialog.desktop'] = function () { + VRCXStorage.SetBool('launchAsDesktop', this.launchDialog.desktop); + }; - $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 updateLocationURL = function () { - var D = this.newInstanceDialog; - if (D.instanceId) { - D.location = `${D.worldId}:${D.instanceId}`; - D.url = `https://vrchat.net/launch?worldId=${encodeURIComponent(D.worldId)}&instanceId=${encodeURIComponent(D.instanceId)}`; - } else { - D.location = D.worldId; - D.url = `https://vrchat.net/launch?worldId=${encodeURIComponent(D.worldId)}`; - } - }; - $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) { - 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') { - 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) { - var D = this.launchDialog; - if (L.instanceId) { - D.location = `${L.worldId}:${L.instanceId}`; - D.url = `https://vrchat.net/launch?worldId=${encodeURIComponent(L.worldId)}&instanceId=${encodeURIComponent(L.instanceId)}`; - } else { - D.location = L.worldId; - D.url = `https://vrchat.net/launch?worldId=${encodeURIComponent(L.worldId)}`; - } - 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; + API.$on('LOGOUT', function () { + $app.launchDialog.visible = false; }); -} else { - location = 'https://github.com/pypy-vrc/vrcx'; -} + + $app.methods.showLaunchDialog = function (tag) { + this.$nextTick(() => adjustDialogZ(this.$refs.launchDialog.$el)); + var L = API.parseLocation(tag); + if (!(L.isOffline || L.isPrivate) && + L.worldId) { + var D = this.launchDialog; + if (L.instanceId) { + D.location = `${L.worldId}:${L.instanceId}`; + D.url = `https://vrchat.net/launch?worldId=${encodeURIComponent(L.worldId)}&instanceId=${encodeURIComponent(L.instanceId)}`; + } else { + D.location = L.worldId; + D.url = `https://vrchat.net/launch?worldId=${encodeURIComponent(L.worldId)}`; + } + 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; +}); diff --git a/html/index.html b/html/index.html index 4611d639..0b393f43 100644 --- a/html/index.html +++ b/html/index.html @@ -310,7 +310,7 @@
-
@@ -445,14 +445,14 @@
-
+
@@ -485,7 +485,7 @@
-
+
@@ -697,19 +697,19 @@
Friends Sort Option
@@ -493,7 +493,7 @@
VIP
-
ONLINE
-
ACTIVE
-
OFFLINE
-
@@ -780,12 +780,12 @@
-
-
- VIP―{{ friendGroup0.length }}
+
+
+ VIP―{{ friendsGroup0.length }}
-
-
+
+
![]()
@@ -802,12 +802,12 @@
-
-
- ONLINE―{{ friendGroup1.length }}
+
+
+ ONLINE―{{ friendsGroup1.length }}
-
-
+
+
![]()
@@ -824,12 +824,12 @@
-
-
- ACTIVE―{{ friendGroup2.length }}
+
+
+ ACTIVE―{{ friendsGroup2.length }}
-
-
+
+
![]()
@@ -846,12 +846,12 @@
-
-
- OFFLINE―{{ friendGroup3.length }}
+
+
+ OFFLINE―{{ friendsGroup3.length }}
-
-
+
+
![]()
@@ -1303,8 +1303,8 @@
-
-
+
+
![]()
@@ -1316,8 +1316,8 @@
-
-
+
+
![]()
@@ -1329,8 +1329,8 @@
-
-
+
+
![]()
diff --git a/html/vr.js b/html/vr.js
index d92e9722..83fafb7c 100644
--- a/html/vr.js
+++ b/html/vr.js
@@ -1,771 +1,759 @@
-// Copyright(c) 2019 pypy. All rights reserved.
+// Copyright(c) 2019-2020 pypy and individual contributors.
+// All rights reserved.
//
// This work is licensed under the terms of the MIT license.
// For a copy, see .
-if (window.CefSharp) {
- Promise.all([
- CefSharp.BindObjectAsync('VRCX'),
- CefSharp.BindObjectAsync('VRCXStorage'),
- CefSharp.BindObjectAsync('SQLite')
- ]).catch(function () {
- location = 'https://github.com/pypy-vrc/vrcx';
- }).then(function () {
+CefSharp.BindObjectAsync(
+ 'VRCX',
+ 'VRCXStorage',
+ 'SQLite'
+).then(function () {
+ var isObject = (arg) => arg === Object(arg);
- VRCXStorage.GetBool = function (key) {
- return this.Get(key) === 'true';
- };
+ VRCXStorage.GetBool = function (key) {
+ return this.Get(key) === 'true';
+ };
- VRCXStorage.SetBool = function (key, value) {
- this.Set(key, value
- ? 'true'
- : 'false');
- };
+ VRCXStorage.SetBool = function (key, value) {
+ this.Set(key, value
+ ? 'true'
+ : 'false');
+ };
- VRCXStorage.GetInt = function (key) {
- return parseInt(this.Get(key), 10) || 0;
- };
+ VRCXStorage.GetInt = function (key) {
+ return parseInt(this.Get(key), 10) || 0;
+ };
- VRCXStorage.SetInt = function (key, value) {
- this.Set(key, String(value));
- };
+ VRCXStorage.SetInt = function (key, value) {
+ this.Set(key, String(value));
+ };
- VRCXStorage.GetFloat = function (key) {
- return parseFloat(this.Get(key), 10) || 0.0;
- };
+ VRCXStorage.GetFloat = function (key) {
+ return parseFloat(this.Get(key), 10) || 0.0;
+ };
- VRCXStorage.SetFloat = function (key, value) {
- this.Set(key, String(value));
- };
+ VRCXStorage.SetFloat = function (key, value) {
+ this.Set(key, String(value));
+ };
- VRCXStorage.GetArray = function (key) {
- try {
- var json = this.Get(key);
- if (json) {
- var array = JSON.parse(json);
- if (Array.isArray(array)) {
- return array;
- }
- }
- } catch (err) {
- console.error(err);
+ VRCXStorage.GetArray = function (key) {
+ try {
+ var array = JSON.parse(this.Get(key));
+ if (Array.isArray(array)) {
+ return array;
}
- return [];
- };
+ } catch (err) {
+ console.error(err);
+ }
+ return [];
+ };
- VRCXStorage.SetArray = function (key, value) {
- this.Set(key, JSON.stringify(value));
- };
+ VRCXStorage.SetArray = function (key, value) {
+ this.Set(key, JSON.stringify(value));
+ };
- VRCXStorage.GetObject = function (key) {
- try {
- var json = this.Get(key);
- if (json) {
- return JSON.parse(json);
- }
- } catch (err) {
- console.error(err);
+ VRCXStorage.GetObject = function (key) {
+ try {
+ var object = JSON.parse(this.Get(key));
+ if (isObject(object)) {
+ return object;
}
- return {};
- };
+ } catch (err) {
+ console.error(err);
+ }
+ return {};
+ };
- VRCXStorage.SetObject = function (key, value) {
- this.Set(key, JSON.stringify(value));
- };
+ VRCXStorage.SetObject = function (key, value) {
+ this.Set(key, JSON.stringify(value));
+ };
- Noty.overrideDefaults({
- animation: {
- open: 'animated fadeIn',
- close: 'animated zoomOut'
- },
- layout: 'topCenter',
- theme: 'relax',
- timeout: 6000
+ Noty.overrideDefaults({
+ animation: {
+ open: 'animated fadeIn',
+ close: 'animated zoomOut'
+ },
+ layout: 'topCenter',
+ theme: 'relax',
+ timeout: 6000
+ });
+
+ var escapeTag = (s) => String(s).replace(/["&'<>]/gu, (c) => `&#${c.charCodeAt(0)};`);
+ Vue.filter('escapeTag', escapeTag);
+
+ var commaNumber = (n) => String(Number(n) || 0).replace(/(\d)(?=(\d{3})+(?!\d))/gu, '$1,');
+ Vue.filter('commaNumber', commaNumber);
+
+ var formatDate = (s, format) => {
+ var dt = new Date(s);
+ if (isNaN(dt)) {
+ return escapeTag(s);
+ }
+ var hours = dt.getHours();
+ var map = {
+ 'YYYY': String(10000 + dt.getFullYear()).substr(-4),
+ 'MM': String(101 + dt.getMonth()).substr(-2),
+ 'DD': String(100 + dt.getDate()).substr(-2),
+ 'HH24': String(100 + hours).substr(-2),
+ 'HH': String(100 + (hours > 12
+ ? hours - 12
+ : hours)).substr(-2),
+ 'MI': String(100 + dt.getMinutes()).substr(-2),
+ 'SS': String(100 + dt.getSeconds()).substr(-2),
+ 'AMPM': hours >= 12
+ ? 'PM'
+ : 'AM'
+ };
+ return format.replace(/YYYY|MM|DD|HH24|HH|MI|SS|AMPM/gu, (c) => map[c] || c);
+ };
+ Vue.filter('formatDate', formatDate);
+
+ var textToHex = (s) => String(s).split('').map((c) => c.charCodeAt(0).toString(16)).join(' ');
+ Vue.filter('textToHex', textToHex);
+
+ var timeToText = (t) => {
+ var sec = Number(t);
+ if (isNaN(sec)) {
+ return escapeTag(t);
+ }
+ sec = Math.floor(sec / 1000);
+ var arr = [];
+ if (sec < 0) {
+ sec = -sec;
+ }
+ if (sec >= 86400) {
+ arr.push(`${Math.floor(sec / 86400)}d`);
+ sec %= 86400;
+ }
+ if (sec >= 3600) {
+ arr.push(`${Math.floor(sec / 3600)}h`);
+ sec %= 3600;
+ }
+ if (sec >= 60) {
+ arr.push(`${Math.floor(sec / 60)}m`);
+ sec %= 60;
+ }
+ if (sec ||
+ !arr.length) {
+ arr.push(`${sec}s`);
+ }
+ return arr.join(' ');
+ };
+ Vue.filter('timeToText', timeToText);
+
+ ELEMENT.locale(ELEMENT.lang.en);
+
+ //
+ // API
+ //
+
+ var API = {};
+
+ API.eventHandlers = new Map();
+
+ API.$emit = function (name, ...args) {
+ // console.log(name, ...args);
+ var handlers = this.eventHandlers.get(name);
+ if (handlers === undefined) {
+ return;
+ }
+ try {
+ for (var handler of handlers) {
+ handler.apply(this, args);
+ }
+ } catch (err) {
+ console.error(err);
+ }
+ };
+
+ API.$on = function (name, handler) {
+ var handlers = this.eventHandlers.get(name);
+ if (handlers === undefined) {
+ handlers = [];
+ this.eventHandlers.set(name, handlers);
+ }
+ handlers.push(handler);
+ };
+
+ API.$off = function (name, handler) {
+ var handlers = this.eventHandlers.get(name);
+ if (handlers === undefined) {
+ return;
+ }
+ var { length } = handlers;
+ for (var i = 0; i < length; ++i) {
+ if (handlers[i] === handler) {
+ if (length > 1) {
+ handlers.splice(i, 1);
+ } else {
+ this.eventHandlers.delete(name);
+ }
+ break;
+ }
+ }
+ };
+
+ API.pendingGetRequests = new Map();
+
+ API.call = function (endpoint, options) {
+ var resource = `https://api.vrchat.cloud/api/1/${endpoint}`;
+ var init = {
+ method: 'GET',
+ mode: 'cors',
+ credentials: 'include',
+ cache: 'no-cache',
+ redirect: 'follow',
+ referrerPolicy: 'no-referrer',
+ ...options
+ };
+ var { params } = init;
+ var isGetRequest = init.method === 'GET';
+ if (isGetRequest) {
+ // transform body to url
+ if (isObject(params)) {
+ var url = new URL(resource);
+ var { searchParams } = url;
+ for (var key in params) {
+ searchParams.set(key, params[key]);
+ }
+ resource = url.toString();
+ }
+ // merge requests
+ var req = this.pendingGetRequests.get(resource);
+ if (req !== undefined) {
+ return req;
+ }
+ } else {
+ init.headers = {
+ 'Content-Type': 'application/json;charset=utf-8',
+ ...init.headers
+ };
+ init.body = isObject(params)
+ ? JSON.stringify(params)
+ : '{}';
+ }
+ var req = fetch(resource, init).catch((err) => {
+ this.$throw(0, err);
+ }).then((res) => res.json().catch(() => {
+ if (res.ok) {
+ this.$throw(0, 'Invalid JSON response');
+ }
+ this.$throw(res.status);
+ }).then((json) => {
+ if (isObject(json) === false) {
+ this.$throw(0, 'Invalid JSON response');
+ } else if (res.ok) {
+ if (isObject(json.success)) {
+ new Noty({
+ type: 'success',
+ text: escapeTag(json.success.message)
+ }).show();
+ }
+ } else if (isObject(json.error)) {
+ this.$throw(
+ json.error.status_code || res.status,
+ json.error.message,
+ json.error.data
+ );
+ } else if (typeof json.error === 'string') {
+ this.$throw(
+ json.status_code || res.status,
+ json.error
+ );
+ } else {
+ this.$throw(res.status, json);
+ }
+ return json;
+ }));
+ if (isGetRequest) {
+ req.finally(() => {
+ this.pendingGetRequests.delete(resource);
+ });
+ this.pendingGetRequests.set(resource, req);
+ }
+ return req;
+ };
+
+ API.statusCodes = {
+ 100: 'Continue',
+ 101: 'Switching Protocols',
+ 102: 'Processing',
+ 103: 'Early Hints',
+ 200: 'OK',
+ 201: 'Created',
+ 202: 'Accepted',
+ 203: 'Non-Authoritative Information',
+ 204: 'No Content',
+ 205: 'Reset Content',
+ 206: 'Partial Content',
+ 207: 'Multi-Status',
+ 208: 'Already Reported',
+ 226: 'IM Used',
+ 300: 'Multiple Choices',
+ 301: 'Moved Permanently',
+ 302: 'Found',
+ 303: 'See Other',
+ 304: 'Not Modified',
+ 305: 'Use Proxy',
+ 306: 'Switch Proxy',
+ 307: 'Temporary Redirect',
+ 308: 'Permanent Redirect',
+ 400: 'Bad Request',
+ 401: 'Unauthorized',
+ 402: 'Payment Required',
+ 403: 'Forbidden',
+ 404: 'Not Found',
+ 405: 'Method Not Allowed',
+ 406: 'Not Acceptable',
+ 407: 'Proxy Authentication Required',
+ 408: 'Request Timeout',
+ 409: 'Conflict',
+ 410: 'Gone',
+ 411: 'Length Required',
+ 412: 'Precondition Failed',
+ 413: 'Payload Too Large',
+ 414: 'URI Too Long',
+ 415: 'Unsupported Media Type',
+ 416: 'Range Not Satisfiable',
+ 417: 'Expectation Failed',
+ 418: "I'm a teapot",
+ 421: 'Misdirected Request',
+ 422: 'Unprocessable Entity',
+ 423: 'Locked',
+ 424: 'Failed Dependency',
+ 425: 'Too Early',
+ 426: 'Upgrade Required',
+ 428: 'Precondition Required',
+ 429: 'Too Many Requests',
+ 431: 'Request Header Fields Too Large',
+ 451: 'Unavailable For Legal Reasons',
+ 500: 'Internal Server Error',
+ 501: 'Not Implemented',
+ 502: 'Bad Gateway',
+ 503: 'Service Unavailable',
+ 504: 'Gateway Timeout',
+ 505: 'HTTP Version Not Supported',
+ 506: 'Variant Also Negotiates',
+ 507: 'Insufficient Storage',
+ 508: 'Loop Detected',
+ 510: 'Not Extended',
+ 511: 'Network Authentication Required',
+ // CloudFlare Error
+ 520: 'Web server returns an unknown error',
+ 521: 'Web server is down',
+ 522: 'Connection timed out',
+ 523: 'Origin is unreachable',
+ 524: 'A timeout occurred',
+ 525: 'SSL handshake failed',
+ 526: 'Invalid SSL certificate',
+ 527: 'Railgun Listener to origin error'
+ };
+
+ API.$throw = function (code, error) {
+ var text = [];
+ if (code > 0) {
+ var status = this.statusCodes[code];
+ if (status === undefined) {
+ text.push(`${code}`);
+ } else {
+ text.push(`${code} ${status}`);
+ }
+ }
+ if (error !== undefined) {
+ text.push(error);
+ }
+ text = text.map((s) => escapeTag(s)).join('
'); + 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; }); + }; - var isObject = (arg) => arg === Object(arg); + // API: Location - var escapeTag = (s) => String(s).replace(/["&'<>]/gu, (c) => `&#${c.charCodeAt(0)};`); - Vue.filter('escapeTag', escapeTag); - - var commaNumber = (n) => String(Number(n) || 0).replace(/(\d)(?=(\d{3})+(?!\d))/gu, '$1,'); - Vue.filter('commaNumber', commaNumber); - - var formatDate = (s, format) => { - var dt = new Date(s); - if (isNaN(dt)) { - return escapeTag(s); - } - var hours = dt.getHours(); - var map = { - 'YYYY': String(10000 + dt.getFullYear()).substr(-4), - 'MM': String(101 + dt.getMonth()).substr(-2), - 'DD': String(100 + dt.getDate()).substr(-2), - 'HH24': String(100 + hours).substr(-2), - 'HH': String(100 + (hours > 12 - ? hours - 12 - : hours)).substr(-2), - 'MI': String(100 + dt.getMinutes()).substr(-2), - 'SS': String(100 + dt.getSeconds()).substr(-2), - 'AMPM': hours >= 12 - ? 'PM' - : 'AM' - }; - return format.replace(/YYYY|MM|DD|HH24|HH|MI|SS|AMPM/gu, (c) => map[c] || c); + 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 }; - Vue.filter('formatDate', formatDate); - - var textToHex = (s) => String(s).split('').map((c) => c.charCodeAt(0).toString(16)).join(' '); - Vue.filter('textToHex', textToHex); - - var timeToText = (t) => { - var sec = Number(t); - if (isNaN(sec)) { - return escapeTag(t); - } - sec = Math.floor(sec / 1000); - var arr = []; - if (sec < 0) { - sec = -sec; - } - if (sec >= 86400) { - arr.push(`${Math.floor(sec / 86400)}d`); - sec %= 86400; - } - if (sec >= 3600) { - arr.push(`${Math.floor(sec / 3600)}h`); - sec %= 3600; - } - if (sec >= 60) { - arr.push(`${Math.floor(sec / 60)}m`); - sec %= 60; - } - if (sec || - !arr.length) { - arr.push(`${sec}s`); - } - return arr.join(' '); - }; - Vue.filter('timeToText', timeToText); - - ELEMENT.locale(ELEMENT.lang.en); - - // - // API - // - - var API = {}; - - API.eventHandlers = new Map(); - - API.$emit = function (name, ...args) { - // console.log(name, ...args); - var handlers = this.eventHandlers.get(name); - if (handlers === undefined) { - return; - } - try { - for (var handler of handlers) { - handler.apply(this, args); - } - } catch (err) { - console.error(err); - } - }; - - API.$on = function (name, fn) { - var handlers = this.eventHandlers.get(name); - if (handlers === undefined) { - handlers = []; - this.eventHandlers.set(name, handlers); - } - handlers.push(fn); - }; - - API.$off = function (name, fn) { - var handlers = this.eventHandlers.get(name); - if (handlers === undefined) { - return; - } - var { length } = handlers; - for (var i = 0; i < length; ++i) { - if (handlers[i] === fn) { - if (length > 1) { - handlers.splice(i, 1); + 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 { - this.eventHandlers.delete(name); + ctx.instanceName = s; } - break; - } - } - }; - - API.pendingGetRequests = new Map(); - - API.call = function (endpoint, options) { - var resource = `https://api.vrchat.cloud/api/1/${endpoint}`; - var init = { - method: 'GET', - mode: 'cors', - credentials: 'include', - cache: 'no-cache', - redirect: 'follow', - referrerPolicy: 'no-referrer', - ...options - }; - var { params } = init; - var isGetRequest = init.method === 'GET'; - if (isGetRequest) { - // transform body to url - if (isObject(params)) { - var url = new URL(resource); - var { searchParams } = url; - for (var key in params) { - searchParams.set(key, params[key]); + }); + ctx.accessType = 'public'; + if (ctx.privateId !== null) { + if (ctx.canRequestInvite) { + // InvitePlus + ctx.accessType = 'invite+'; + } else { + // InviteOnly + ctx.accessType = 'invite'; } - resource = url.toString(); - } - // merge requests - var req = this.pendingGetRequests.get(resource); - if (req !== undefined) { - return req; + 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 { - init.headers = { - 'Content-Type': 'application/json;charset=utf-8', - ...init.headers - }; - init.body = isObject(params) - ? JSON.stringify(params) - : '{}'; + ctx.worldId = tag; } - var req = fetch(resource, init).catch((err) => { - this.$throw(0, err); - }).then((res) => res.json().catch(() => { - if (res.ok) { - this.$throw(0, 'Invalid JSON response'); - } - this.$throw(res.status); - }).then((json) => { - if (isObject(json) === false) { - this.$throw(0, 'Invalid JSON response'); - } - if (res.ok) { - if (isObject(json.success)) { - new Noty({ - type: 'success', - text: escapeTag(json.success.message) - }).show(); - } - } else if (isObject(json.error)) { - this.$throw( - json.error.status_code || res.status, - json.error.message, - json.error.data - ); - } else if (typeof json.error === 'string') { - this.$throw( - json.status_code || res.status, - json.error - ); - } else { - this.$throw(res.status, json); - } - return json; - })); - if (isGetRequest) { - req.finally(() => { - this.pendingGetRequests.delete(resource); - }); - this.pendingGetRequests.set(resource, req); - } - return req; - }; + } + return ctx; + }; - API.statusCodes = { - 100: 'Continue', - 101: 'Switching Protocols', - 102: 'Processing', - 103: 'Early Hints', - 200: 'OK', - 201: 'Created', - 202: 'Accepted', - 203: 'Non-Authoritative Information', - 204: 'No Content', - 205: 'Reset Content', - 206: 'Partial Content', - 207: 'Multi-Status', - 208: 'Already Reported', - 226: 'IM Used', - 300: 'Multiple Choices', - 301: 'Moved Permanently', - 302: 'Found', - 303: 'See Other', - 304: 'Not Modified', - 305: 'Use Proxy', - 306: 'Switch Proxy', - 307: 'Temporary Redirect', - 308: 'Permanent Redirect', - 400: 'Bad Request', - 401: 'Unauthorized', - 402: 'Payment Required', - 403: 'Forbidden', - 404: 'Not Found', - 405: 'Method Not Allowed', - 406: 'Not Acceptable', - 407: 'Proxy Authentication Required', - 408: 'Request Timeout', - 409: 'Conflict', - 410: 'Gone', - 411: 'Length Required', - 412: 'Precondition Failed', - 413: 'Payload Too Large', - 414: 'URI Too Long', - 415: 'Unsupported Media Type', - 416: 'Range Not Satisfiable', - 417: 'Expectation Failed', - 418: "I'm a teapot", - 421: 'Misdirected Request', - 422: 'Unprocessable Entity', - 423: 'Locked', - 424: 'Failed Dependency', - 425: 'Too Early', - 426: 'Upgrade Required', - 428: 'Precondition Required', - 429: 'Too Many Requests', - 431: 'Request Header Fields Too Large', - 451: 'Unavailable For Legal Reasons', - 500: 'Internal Server Error', - 501: 'Not Implemented', - 502: 'Bad Gateway', - 503: 'Service Unavailable', - 504: 'Gateway Timeout', - 505: 'HTTP Version Not Supported', - 506: 'Variant Also Negotiates', - 507: 'Insufficient Storage', - 508: 'Loop Detected', - 510: 'Not Extended', - 511: 'Network Authentication Required', - // CloudFlare Error - 520: 'Web server returns an unknown error', - 521: 'Web server is down', - 522: 'Connection timed out', - 523: 'Origin is unreachable', - 524: 'A timeout occurred', - 525: 'SSL handshake failed', - 526: 'Invalid SSL certificate', - 527: 'Railgun Listener to origin error' - }; - - API.$throw = function (code, error) { - var text = []; - if (code > 0) { - var status = this.statusCodes[code]; - if (status) { - text.push(`${code} ${status}`); - } else { - text.push(`${code}`); - } - } - if (error !== undefined) { - text.push(error); - } - text = text.map((s) => escapeTag(s)).join('
'); - 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.getConfig = function () { - return this.call('config', { - method: 'GET' - }).then((json) => { - var args = { - ref: null, - json - }; - this.$emit('CONFIG', args); - return args; - }); - }; - - API.applyConfig = function (json) { - var ref = { - clientApiKey: '', - ...json + Vue.component('location', { + template: '{{ text }}
'); + 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; }); + }; - var isObject = (arg) => arg === Object(arg); + // API: Location - var escapeTag = (s) => String(s).replace(/["&'<>]/gu, (c) => `&#${c.charCodeAt(0)};`); - Vue.filter('escapeTag', escapeTag); - - var commaNumber = (n) => String(Number(n) || 0).replace(/(\d)(?=(\d{3})+(?!\d))/gu, '$1,'); - Vue.filter('commaNumber', commaNumber); - - var formatDate = (s, format) => { - var dt = new Date(s); - if (isNaN(dt)) { - return escapeTag(s); - } - var hours = dt.getHours(); - var map = { - 'YYYY': String(10000 + dt.getFullYear()).substr(-4), - 'MM': String(101 + dt.getMonth()).substr(-2), - 'DD': String(100 + dt.getDate()).substr(-2), - 'HH24': String(100 + hours).substr(-2), - 'HH': String(100 + (hours > 12 - ? hours - 12 - : hours)).substr(-2), - 'MI': String(100 + dt.getMinutes()).substr(-2), - 'SS': String(100 + dt.getSeconds()).substr(-2), - 'AMPM': hours >= 12 - ? 'PM' - : 'AM' - }; - return format.replace(/YYYY|MM|DD|HH24|HH|MI|SS|AMPM/gu, (c) => map[c] || c); + 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 }; - Vue.filter('formatDate', formatDate); - - var textToHex = (s) => String(s).split('').map((c) => c.charCodeAt(0).toString(16)).join(' '); - Vue.filter('textToHex', textToHex); - - var timeToText = (t) => { - var sec = Number(t); - if (isNaN(sec)) { - return escapeTag(t); - } - sec = Math.floor(sec / 1000); - var arr = []; - if (sec < 0) { - sec = -sec; - } - if (sec >= 86400) { - arr.push(`${Math.floor(sec / 86400)}d`); - sec %= 86400; - } - if (sec >= 3600) { - arr.push(`${Math.floor(sec / 3600)}h`); - sec %= 3600; - } - if (sec >= 60) { - arr.push(`${Math.floor(sec / 60)}m`); - sec %= 60; - } - if (sec || - !arr.length) { - arr.push(`${sec}s`); - } - return arr.join(' '); - }; - Vue.filter('timeToText', timeToText); - - ELEMENT.locale(ELEMENT.lang.en); - - // - // API - // - - var API = {}; - - API.eventHandlers = new Map(); - - API.$emit = function (name, ...args) { - // console.log(name, ...args); - var handlers = this.eventHandlers.get(name); - if (handlers === undefined) { - return; - } - try { - for (var handler of handlers) { - handler.apply(this, args); - } - } catch (err) { - console.error(err); - } - }; - - API.$on = function (name, fn) { - var handlers = this.eventHandlers.get(name); - if (handlers === undefined) { - handlers = []; - this.eventHandlers.set(name, handlers); - } - handlers.push(fn); - }; - - API.$off = function (name, fn) { - var handlers = this.eventHandlers.get(name); - if (handlers === undefined) { - return; - } - var { length } = handlers; - for (var i = 0; i < length; ++i) { - if (handlers[i] === fn) { - if (length > 1) { - handlers.splice(i, 1); + 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 { - this.eventHandlers.delete(name); + ctx.instanceName = s; } - break; - } - } - }; - - API.pendingGetRequests = new Map(); - - API.call = function (endpoint, options) { - var resource = `https://api.vrchat.cloud/api/1/${endpoint}`; - var init = { - method: 'GET', - mode: 'cors', - credentials: 'include', - cache: 'no-cache', - redirect: 'follow', - referrerPolicy: 'no-referrer', - ...options - }; - var { params } = init; - var isGetRequest = init.method === 'GET'; - if (isGetRequest) { - // transform body to url - if (isObject(params)) { - var url = new URL(resource); - var { searchParams } = url; - for (var key in params) { - searchParams.set(key, params[key]); + }); + ctx.accessType = 'public'; + if (ctx.privateId !== null) { + if (ctx.canRequestInvite) { + // InvitePlus + ctx.accessType = 'invite+'; + } else { + // InviteOnly + ctx.accessType = 'invite'; } - resource = url.toString(); - } - // merge requests - var req = this.pendingGetRequests.get(resource); - if (req !== undefined) { - return req; + 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 { - init.headers = { - 'Content-Type': 'application/json;charset=utf-8', - ...init.headers - }; - init.body = isObject(params) - ? JSON.stringify(params) - : '{}'; + ctx.worldId = tag; } - var req = fetch(resource, init).catch((err) => { - this.$throw(0, err); - }).then((res) => res.json().catch(() => { - if (res.ok) { - this.$throw(0, 'Invalid JSON response'); - } - this.$throw(res.status); - }).then((json) => { - if (isObject(json) === false) { - this.$throw(0, 'Invalid JSON response'); - } - if (res.ok) { - if (isObject(json.success)) { - new Noty({ - type: 'success', - text: escapeTag(json.success.message) - }).show(); - } - } else if (isObject(json.error)) { - this.$throw( - json.error.status_code || res.status, - json.error.message, - json.error.data - ); - } else if (typeof json.error === 'string') { - this.$throw( - json.status_code || res.status, - json.error - ); - } else { - this.$throw(res.status, json); - } - return json; - })); - if (isGetRequest) { - req.finally(() => { - this.pendingGetRequests.delete(resource); - }); - this.pendingGetRequests.set(resource, req); - } - return req; - }; + } + return ctx; + }; - API.statusCodes = { - 100: 'Continue', - 101: 'Switching Protocols', - 102: 'Processing', - 103: 'Early Hints', - 200: 'OK', - 201: 'Created', - 202: 'Accepted', - 203: 'Non-Authoritative Information', - 204: 'No Content', - 205: 'Reset Content', - 206: 'Partial Content', - 207: 'Multi-Status', - 208: 'Already Reported', - 226: 'IM Used', - 300: 'Multiple Choices', - 301: 'Moved Permanently', - 302: 'Found', - 303: 'See Other', - 304: 'Not Modified', - 305: 'Use Proxy', - 306: 'Switch Proxy', - 307: 'Temporary Redirect', - 308: 'Permanent Redirect', - 400: 'Bad Request', - 401: 'Unauthorized', - 402: 'Payment Required', - 403: 'Forbidden', - 404: 'Not Found', - 405: 'Method Not Allowed', - 406: 'Not Acceptable', - 407: 'Proxy Authentication Required', - 408: 'Request Timeout', - 409: 'Conflict', - 410: 'Gone', - 411: 'Length Required', - 412: 'Precondition Failed', - 413: 'Payload Too Large', - 414: 'URI Too Long', - 415: 'Unsupported Media Type', - 416: 'Range Not Satisfiable', - 417: 'Expectation Failed', - 418: "I'm a teapot", - 421: 'Misdirected Request', - 422: 'Unprocessable Entity', - 423: 'Locked', - 424: 'Failed Dependency', - 425: 'Too Early', - 426: 'Upgrade Required', - 428: 'Precondition Required', - 429: 'Too Many Requests', - 431: 'Request Header Fields Too Large', - 451: 'Unavailable For Legal Reasons', - 500: 'Internal Server Error', - 501: 'Not Implemented', - 502: 'Bad Gateway', - 503: 'Service Unavailable', - 504: 'Gateway Timeout', - 505: 'HTTP Version Not Supported', - 506: 'Variant Also Negotiates', - 507: 'Insufficient Storage', - 508: 'Loop Detected', - 510: 'Not Extended', - 511: 'Network Authentication Required', - // CloudFlare Error - 520: 'Web server returns an unknown error', - 521: 'Web server is down', - 522: 'Connection timed out', - 523: 'Origin is unreachable', - 524: 'A timeout occurred', - 525: 'SSL handshake failed', - 526: 'Invalid SSL certificate', - 527: 'Railgun Listener to origin error' - }; - - API.$throw = function (code, error) { - var text = []; - if (code > 0) { - var status = this.statusCodes[code]; - if (status) { - text.push(`${code} ${status}`); - } else { - text.push(`${code}`); - } - } - if (error !== undefined) { - text.push(error); - } - text = text.map((s) => escapeTag(s)).join('
'); - 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.getConfig = function () { - return this.call('config', { - method: 'GET' - }).then((json) => { - var args = { - ref: null, - json - }; - this.$emit('CONFIG', args); - return args; - }); - }; - - API.applyConfig = function (json) { - var ref = { - clientApiKey: '', - ...json + Vue.component('location', { + template: '{{ text }}