refactor: dialogs (#1224)

* refactor: dialogs

* fix: storeAvatarImage

* FriendLog.vue

* FriendLog.vue

* FriendLog.vue

* GameLog.vue

* fix: next day button jumping to the wrong date

* sync master

* fix: launchGame

* Notification.vue

* Feed.vue

* Search.vue

* Profile.vue

* PlayerList.vue

* Login.vue

* utils

* update dialog

* del gameLog.pug

* fix

* fix: group role cannot be displayed currently

* fix: "Hide Friends in Same Instance" hides players in unrelated private instances (#1210)

* fix

* fix: "Hide Friends in Same Instance" does not work when "Split Favorite Friends" is enabled

* fix Notification.vue message

* fix: deleteFavoriteNoConfirm

* fix: feed status style

* fix: infinite loading when deleting note

* fix: private players will not be hidden when 'Hide Friends in Same Instance', and 'Hide Friends in Same Instance' will not work when 'Split Favorite Friends'

src/composables/user/constants/emoji.js

@@ -0,0 +1,34 @@
+const emojiAnimationStyleUrl =
+    'https://assets.vrchat.com/www/images/emoji-previews/';
+
+const emojiAnimationStyleList = {
+    Aura: 'Preview_B2-Aura.gif',
+    Bats: 'Preview_B2-Fall_Bats.gif',
+    Bees: 'Preview_B2-Bees.gif',
+    Bounce: 'Preview_B2-Bounce.gif',
+    Cloud: 'Preview_B2-Cloud.gif',
+    Confetti: 'Preview_B2-Winter_Confetti.gif',
+    Crying: 'Preview_B2-Crying.gif',
+    Dislike: 'Preview_B2-Dislike.gif',
+    Fire: 'Preview_B2-Fire.gif',
+    Idea: 'Preview_B2-Idea.gif',
+    Lasers: 'Preview_B2-Lasers.gif',
+    Like: 'Preview_B2-Like.gif',
+    Magnet: 'Preview_B2-Magnet.gif',
+    Mistletoe: 'Preview_B2-Winter_Mistletoe.gif',
+    Money: 'Preview_B2-Money.gif',
+    Noise: 'Preview_B2-Noise.gif',
+    Orbit: 'Preview_B2-Orbit.gif',
+    Pizza: 'Preview_B2-Pizza.gif',
+    Rain: 'Preview_B2-Rain.gif',
+    Rotate: 'Preview_B2-Rotate.gif',
+    Shake: 'Preview_B2-Shake.gif',
+    Snow: 'Preview_B2-Spin.gif',
+    Snowball: 'Preview_B2-Winter_Snowball.gif',
+    Spin: 'Preview_B2-Spin.gif',
+    Splash: 'Preview_B2-SummerSplash.gif',
+    Stop: 'Preview_B2-Stop.gif',
+    ZZZ: 'Preview_B2-ZZZ.gif'
+};
+
+export { emojiAnimationStyleUrl, emojiAnimationStyleList };

src/composables/user/constants/language.js

@@ -0,0 +1,73 @@
+// vrchat to famfamfam language mappings
+const languageMappings = {
+    eng: 'us',
+    kor: 'kr',
+    rus: 'ru',
+    spa: 'es',
+    por: 'pt',
+    zho: 'cn',
+    deu: 'de',
+    jpn: 'jp',
+    fra: 'fr',
+    swe: 'se',
+    nld: 'nl',
+    pol: 'pl',
+    dan: 'dk',
+    nor: 'no',
+    ita: 'it',
+    tha: 'th',
+    fin: 'fi',
+    hun: 'hu',
+    ces: 'cz',
+    tur: 'tr',
+    ara: 'ae',
+    ron: 'ro',
+    vie: 'vn',
+    ukr: 'ua',
+    ase: 'us',
+    bfi: 'gb',
+    dse: 'nl',
+    fsl: 'fr',
+    jsl: 'jp',
+    kvk: 'kr',
+
+    mlt: 'mt',
+    ind: 'id',
+    hrv: 'hr',
+    heb: 'he',
+    afr: 'af',
+    ben: 'be',
+    bul: 'bg',
+    cmn: 'cn',
+    cym: 'cy',
+    ell: 'el',
+    est: 'et',
+    fil: 'ph',
+    gla: 'gd',
+    gle: 'ga',
+    hin: 'hi',
+    hmn: 'cn',
+    hye: 'hy',
+    isl: 'is',
+    lav: 'lv',
+    lit: 'lt',
+    ltz: 'lb',
+    mar: 'hi',
+    mkd: 'mk',
+    msa: 'my',
+    sco: 'gd',
+    slk: 'sk',
+    slv: 'sl',
+    tel: 'hi',
+    mri: 'nz',
+    wuu: 'cn',
+    yue: 'cn',
+    tws: 'cn',
+    asf: 'au',
+    nzs: 'nz',
+    gsg: 'de',
+    epo: 'eo',
+    tok: 'tok'
+};
+
+export { languageMappings };

src/composables/user/constants/userDialogGroupSortingOptions.js

@@ -0,0 +1,16 @@
+const userDialogGroupSortingOptions = {
+    alphabetical: {
+        name: 'dialog.user.groups.sorting.alphabetical',
+        value: 'alphabetical'
+    },
+    members: {
+        name: 'dialog.user.groups.sorting.members',
+        value: 'members'
+    },
+    inGame: {
+        name: 'dialog.user.groups.sorting.in_game',
+        value: 'inGame'
+    }
+};
+
+export { userDialogGroupSortingOptions };

src/composables/user/utils.js

@@ -0,0 +1,79 @@
+import { languageMappings } from './constants/language';
+
+function userOnlineForTimestamp(ctx) {
+    if (ctx.ref.state === 'online' && ctx.ref.$online_for) {
+        return ctx.ref.$online_for;
+    } else if (ctx.ref.state === 'active' && ctx.ref.$active_for) {
+        return ctx.ref.$active_for;
+    } else if (ctx.ref.$offline_for) {
+        return ctx.ref.$offline_for;
+    }
+    return 0;
+}
+
+function languageClass(language) {
+    const style = {};
+    const mapping = languageMappings[language];
+    if (typeof mapping !== 'undefined') {
+        style[mapping] = true;
+    } else {
+        style.unknown = true;
+    }
+    return style;
+}
+
+function getPrintFileName(print) {
+    const authorName = print.authorName;
+    // fileDate format: 2024-11-03_16-14-25.757
+    const createdAt = getPrintLocalDate(print);
+    const fileNameDate = createdAt
+        .toISOString()
+        .replace(/:/g, '-')
+        .replace(/T/g, '_')
+        .replace(/Z/g, '');
+    const fileName = `${authorName}_${fileNameDate}_${print.id}.png`;
+    return fileName;
+}
+
+function getPrintLocalDate(print) {
+    if (print.createdAt) {
+        const createdAt = new Date(print.createdAt);
+        // cursed convert to local time
+        createdAt.setMinutes(
+            createdAt.getMinutes() - createdAt.getTimezoneOffset()
+        );
+        return createdAt;
+    }
+    if (print.timestamp) {
+        return new Date(print.timestamp);
+    }
+
+    const createdAt = new Date();
+    // cursed convert to local time
+    createdAt.setMinutes(
+        createdAt.getMinutes() - createdAt.getTimezoneOffset()
+    );
+    return createdAt;
+}
+
+function isFriendOnline(friend) {
+    if (typeof friend === 'undefined' || typeof friend.ref === 'undefined') {
+        return false;
+    }
+    if (friend.state === 'online') {
+        return true;
+    }
+    if (friend.state !== 'online' && friend.ref.location !== 'private') {
+        // wat
+        return true;
+    }
+    return false;
+}
+
+export {
+    userOnlineForTimestamp,
+    languageClass,
+    getPrintFileName,
+    getPrintLocalDate,
+    isFriendOnline
+};