frontend/composables/CacheRefresh.ts

import type { Client } from "@versia/client";
import type { RolePermission } from "@versia/client/types";

export const useCacheRefresh = (client: MaybeRef<Client | null>) => {
    if (import.meta.server) {
        return;
    }

    // Refresh custom emojis and instance data and me on every reload
    watch(
        [identity, client],
        async () => {
            console.info("Refreshing emoji, instance and account cache");
            if (identity.value) {
                toValue(client)
                    ?.verifyAccountCredentials()
                    .then((res) => {
                        if (identity.value) {
                            identity.value.account = res.data;
                        }
                    })
                    .catch((err) => {
                        const code = err.response.status;

                        if (code === 401) {
                            // Reset tokenData
                            identity.value = null;
                            useEvent("notification:new", {
                                type: "error",
                                title: "Your session has expired",
                                description:
                                    "You have been logged out. Please log in again.",
                            });
                        }
                    });

                toValue(client)
                    ?.getInstanceCustomEmojis()
                    .then((res) => {
                        if (identity.value) {
                            identity.value.emojis = res.data;
                        }
                    });

                toValue(client)
                    ?.getAccountRoles(identity.value.account.id)
                    .then((res) => {
                        const roles = res.data;

                        // Get all permissions and deduplicate
                        const permissions = roles
                            .flatMap((r) => r.permissions)
                            .filter((p, i, arr) => arr.indexOf(p) === i);

                        if (identity.value) {
                            identity.value.permissions =
                                permissions as unknown as RolePermission[];
                        }
                    });
            }

            toValue(client)
                ?.getInstance()
                .then((res) => {
                    if (identity.value) {
                        identity.value.instance = res.data;
                    }
                });
        },
        { flush: "sync" },
    );
};