/*
 * SPDX-FileCopyrightText: syuilo and misskey-project
 * SPDX-License-Identifier: AGPL-3.0-only
 */

import { computed, reactive, ref } from 'vue';
import { i18n } from '@/i18n.js';
import {
	antennasCache,
	userChannelFollowingsCache,
	userChannelsCache,
	userFavoriteListsCache,
	userListsCache,
} from '@/cache.js';
import { isLocalTimelineAvailable, isGlobalTimelineAvailable } from '@/scripts/get-timeline-available.js';
import { defaultStore } from '@/store.js';
import { $i } from '@/account.js';

export type TimelineHeaderItem =
	'home' |
	'local' |
	'social' |
	'global' |
	'lists' |
	'antennas' |
	'channels' |
	`list:${string}` |
	`channel:${string}` |
	`antenna:${string}` |
	'media' |
	`customTimeline:${string}`;

type TimelineHeaderItemsDef = {
	title: string;
	icon: string;
	iconOnly?: boolean; // わからん
}

const lists = await userListsCache.fetch();
const userChannels = await userChannelsCache.fetch();
const userChannelFollowings = await userChannelFollowingsCache.fetch();
const userFavoriteLists = await userFavoriteListsCache.fetch();
const antenna = await antennasCache.fetch();

export const timelineHeaderItemDef = reactive<Partial<Record<TimelineHeaderItem, TimelineHeaderItemsDef>>>({
	home: {
		title: i18n.ts._timelines.home,
		icon: 'ti ti-home',
		iconOnly: true,
	},
	...(isLocalTimelineAvailable ? {
		local: {
			title: i18n.ts._timelines.local,
			icon: 'ti ti-planet',
			iconOnly: true,
		},
		social: {
			title: i18n.ts._timelines.social,
			icon: 'ti ti-universe',
			iconOnly: true,
		} } : {}),
	...(isGlobalTimelineAvailable ? { global: {
		title: i18n.ts._timelines.global,
		icon: 'ti ti-whirl',
		iconOnly: true,
	} } : {}),
	lists: {
		icon: 'ti ti-list',
		title: i18n.ts.lists,
		iconOnly: true,
	},
	antennas: {
		icon: 'ti ti-antenna',
		title: i18n.ts.antennas,
		iconOnly: true,
	},
	channels: {
		icon: 'ti ti-device-tv',
		title: i18n.ts.channel,
		iconOnly: true,
	},
	...lists.reduce((acc, l) => {
		acc['list:' + l.id] = {
			title: i18n.ts.lists + ':' + l.name,
			icon: 'ti ti-star',
			iconOnly: true,
		};
		return acc;
	}, {}),
	...userChannels.reduce((acc, l) => {
		acc['channel:' + l.id] = {
			title: i18n.ts.channel + ':' + l.name,
			icon: 'ti ti-star',
			iconOnly: true,
		};
		return acc;
	}, {}),
	...userChannelFollowings.reduce((acc, l) => {
		acc['channel:' + l.id] = {
			title: i18n.ts.channel + ':' + l.name,
			icon: 'ti ti-star',
			iconOnly: true,
		};
		return acc;
	}, {}),
	...userFavoriteLists.reduce((acc, l) => {
		acc['channel:' + l.id] = {
			title: i18n.ts.channel + ':' + l.name,
			icon: 'ti ti-star',
			iconOnly: true,
		};
		return acc;
	}, {}),
	...antenna.reduce((acc, l) => {
		acc['antenna:' + l.id] = {
			title: i18n.ts.antennas + ':' + l.name,
			icon: 'ti ti-star',
			iconOnly: true,
		};
		return acc;
	}, {}),
	...defaultStore.reactiveState.remoteLocalTimeline.value.reduce((acc, t) => {
		acc['remoteLocalTimeline:' + t.host.replace('https://', '')] = {
			title: 'remoteLocaltimeline:' + t.name,
			icon: 'ti ti-star',
			iconOnly: true,
		};
		return acc;
	}, {}),

});