vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-14 04:20:07 +02:00
Code Issues Packages Projects Releases Wiki Activity

add artist release type configuration, fix page configurations

Browse Source
This commit is contained in:
jeffvli
2025-12-29 20:40:43 -08:00
parent 42058ff6d6
commit 82a566aee1
8 changed files with 224 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/artists/components/album-artist-detail-content.tsx
+47 -12
View File
@@ -38,6 +38,7 @@ import { useGenreRoute } from '/@/renderer/hooks/use-genre-route';
import { AppRoute } from '/@/renderer/router/routes';
import {
ArtistItem,
ArtistReleaseTypeItem,
useAppStore,
useCurrentServer,
useCurrentServerId,
@@ -998,8 +999,30 @@ const groupAlbumsByReleaseType = (
return grouped;
};
const releaseTypeToEnumMap: Record<string, ArtistReleaseTypeItem> = {
album: ArtistReleaseTypeItem.RELEASE_TYPE_ALBUM,
'appears-on': ArtistReleaseTypeItem.APPEARS_ON,
audiobook: ArtistReleaseTypeItem.RELEASE_TYPE_AUDIOBOOK,
'audio drama': ArtistReleaseTypeItem.RELEASE_TYPE_AUDIO_DRAMA,
broadcast: ArtistReleaseTypeItem.RELEASE_TYPE_BROADCAST,
compilation: ArtistReleaseTypeItem.RELEASE_TYPE_COMPILATION,
demo: ArtistReleaseTypeItem.RELEASE_TYPE_DEMO,
'dj-mix': ArtistReleaseTypeItem.RELEASE_TYPE_DJ_MIX,
ep: ArtistReleaseTypeItem.RELEASE_TYPE_EP,
'field recording': ArtistReleaseTypeItem.RELEASE_TYPE_FIELD_RECORDING,
interview: ArtistReleaseTypeItem.RELEASE_TYPE_INTERVIEW,
live: ArtistReleaseTypeItem.RELEASE_TYPE_LIVE,
'mixtape/street': ArtistReleaseTypeItem.RELEASE_TYPE_MIXTAPE_STREET,
other: ArtistReleaseTypeItem.RELEASE_TYPE_OTHER,
remix: ArtistReleaseTypeItem.RELEASE_TYPE_REMIX,
single: ArtistReleaseTypeItem.RELEASE_TYPE_SINGLE,
soundtrack: ArtistReleaseTypeItem.RELEASE_TYPE_SOUNDTRACK,
spokenword: ArtistReleaseTypeItem.RELEASE_TYPE_SPOKENWORD,
};
const ArtistAlbums = () => {
const { t } = useTranslation();
const { artistReleaseTypeItems } = useGeneralSettings();
const serverId = useCurrentServerId();
const [searchTerm, setSearchTerm] = useState('');
const [debouncedSearchTerm] = useDebouncedValue(searchTerm, 300);
@@ -1042,21 +1065,33 @@ const ArtistAlbums = () => {
}, [filteredAndSortedAlbums, routeId, groupingType]);
const releaseTypeEntries = useMemo(() => {
const priorityOrder = [
'album',
'ep',
'single',
'broadcast',
'other',
'compilation',
'appears-on',
];
const enabledReleaseTypeEnums = new Set(
artistReleaseTypeItems.filter((item) => !item.disabled).map((item) => item.id),
);
const priorityMap = new Map<string, number>();
artistReleaseTypeItems
.filter((item) => !item.disabled)
.forEach((item, index) => {
const releaseTypeKey = Object.keys(releaseTypeToEnumMap).find(
(key) => releaseTypeToEnumMap[key] === item.id,
);
if (releaseTypeKey) {
priorityMap.set(releaseTypeKey, index);
}
});
const getPriority = (releaseType: string) => {
const index = priorityOrder.indexOf(releaseType);
return index === -1 ? 999 : index;
return priorityMap.get(releaseType) ?? 999;
};
const isReleaseTypeEnabled = (releaseType: string): boolean => {
const enumValue = releaseTypeToEnumMap[releaseType];
return enumValue ? enabledReleaseTypeEnums.has(enumValue) : false;
};
return Object.entries(albumsByReleaseType)
.filter(([releaseType]) => isReleaseTypeEnabled(releaseType))
.map(([releaseType, albums]) => {
let displayName: React.ReactNode | string;
switch (releaseType) {
@@ -1156,7 +1191,7 @@ const ArtistAlbums = () => {
return { albums, displayName, releaseType };
})
.sort((a, b) => getPriority(a.releaseType) - getPriority(b.releaseType));
}, [albumsByReleaseType, t]);
}, [albumsByReleaseType, artistReleaseTypeItems, t]);
const cq = useContainerQuery({
'2xl': 1280,
src/renderer/features/settings/components/general/application-settings.tsx
+5 -1
View File
@@ -7,7 +7,10 @@ import { useTranslation } from 'react-i18next';
import i18n, { languages } from '/@/i18n/i18n';
import { ImageResolutionSettings } from '/@/renderer/features/settings/components/general/art-resolution-settings';
import { ArtistSettings } from '/@/renderer/features/settings/components/general/artist-settings';
import {
ArtistReleaseTypeSettings,
ArtistSettings,
} from '/@/renderer/features/settings/components/general/artist-settings';
import { HomeSettings } from '/@/renderer/features/settings/components/general/home-settings';
import {
SettingOption,
@@ -606,6 +609,7 @@ export const ApplicationSettings = () => {
<ImageResolutionSettings />
<HomeSettings />
<ArtistSettings />
<ArtistReleaseTypeSettings />
</>
}
options={options}
src/renderer/features/settings/components/general/artist-settings.tsx
+38 -27
View File
@@ -1,8 +1,7 @@
import { useMemo } from 'react';
import { DraggableItems } from '/@/renderer/features/settings/components/general/draggable-items';
import {
ArtistItem,
ArtistReleaseTypeItem,
SortableItem,
useGeneralSettings,
useSettingsStoreActions,
@@ -12,7 +11,6 @@ const ARTIST_ITEMS: Array<[ArtistItem, string]> = [
[ArtistItem.BIOGRAPHY, 'table.column.biography'],
[ArtistItem.TOP_SONGS, 'page.albumArtistDetail.topSongs'],
[ArtistItem.RECENT_ALBUMS, 'page.albumArtistDetail.recentReleases'],
[ArtistItem.COMPILATIONS, 'page.albumArtistDetail.appearsOn'],
[ArtistItem.SIMILAR_ARTISTS, 'page.albumArtistDetail.relatedArtists'],
];
@@ -20,36 +18,49 @@ export const ArtistSettings = () => {
const { artistItems } = useGeneralSettings();
const { setArtistItems } = useSettingsStoreActions();
const mergedArtistItems = useMemo(() => {
const settingsMap = new Map(
artistItems.map((item) => [item.id, item as SortableItem<ArtistItem>]),
);
const merged = artistItems.map((item) => ({
...item,
id: item.id as ArtistItem,
}));
ARTIST_ITEMS.forEach(([itemId]) => {
const artistItemId = itemId as ArtistItem;
if (!settingsMap.has(artistItemId)) {
merged.push({
disabled: true,
id: artistItemId,
});
}
});
return merged;
}, [artistItems]);
return (
<DraggableItems
description="setting.artistConfiguration"
itemLabels={ARTIST_ITEMS}
items={artistItems as SortableItem<ArtistItem>[]}
setItems={setArtistItems}
settings={mergedArtistItems}
title="setting.artistConfiguration"
/>
);
};
const ARTIST_RELEASE_TYPE_ITEMS: Array<[ArtistReleaseTypeItem, string]> = [
[ArtistReleaseTypeItem.APPEARS_ON, 'page.albumArtistDetail.appearsOn'],
[ArtistReleaseTypeItem.RELEASE_TYPE_ALBUM, 'releaseType.primary.album'],
[ArtistReleaseTypeItem.RELEASE_TYPE_EP, 'releaseType.primary.ep'],
[ArtistReleaseTypeItem.RELEASE_TYPE_SINGLE, 'releaseType.primary.single'],
[ArtistReleaseTypeItem.RELEASE_TYPE_BROADCAST, 'releaseType.primary.broadcast'],
[ArtistReleaseTypeItem.RELEASE_TYPE_COMPILATION, 'releaseType.secondary.compilation'],
[ArtistReleaseTypeItem.RELEASE_TYPE_AUDIO_DRAMA, 'releaseType.secondary.audioDrama'],
[ArtistReleaseTypeItem.RELEASE_TYPE_AUDIOBOOK, 'releaseType.secondary.audiobook'],
[ArtistReleaseTypeItem.RELEASE_TYPE_INTERVIEW, 'releaseType.secondary.interview'],
[ArtistReleaseTypeItem.RELEASE_TYPE_LIVE, 'releaseType.secondary.live'],
[ArtistReleaseTypeItem.RELEASE_TYPE_MIXTAPE_STREET, 'releaseType.secondary.mixtape'],
[ArtistReleaseTypeItem.RELEASE_TYPE_OTHER, 'releaseType.primary.other'],
[ArtistReleaseTypeItem.RELEASE_TYPE_REMIX, 'releaseType.secondary.remix'],
[ArtistReleaseTypeItem.RELEASE_TYPE_DJ_MIX, 'releaseType.secondary.djMix'],
[ArtistReleaseTypeItem.RELEASE_TYPE_DEMO, 'releaseType.secondary.demo'],
[ArtistReleaseTypeItem.RELEASE_TYPE_FIELD_RECORDING, 'releaseType.secondary.fieldRecording'],
[ArtistReleaseTypeItem.RELEASE_TYPE_SOUNDTRACK, 'releaseType.secondary.soundtrack'],
[ArtistReleaseTypeItem.RELEASE_TYPE_SPOKENWORD, 'releaseType.secondary.spokenWord'],
];
export const ArtistReleaseTypeSettings = () => {
const { artistReleaseTypeItems } = useGeneralSettings();
const { setArtistReleaseTypeItems } = useSettingsStoreActions();
return (
<DraggableItems
description="setting.artistReleaseTypeConfiguration"
itemLabels={ARTIST_RELEASE_TYPE_ITEMS}
items={artistReleaseTypeItems as SortableItem<ArtistReleaseTypeItem>[]}
setItems={setArtistReleaseTypeItems}
title="setting.artistReleaseTypeConfiguration"
/>
);
};
src/renderer/features/settings/components/general/draggable-items.tsx
+31 -6
View File
@@ -12,16 +12,41 @@ import { Button } from '/@/shared/components/button/button';
export type DraggableItemsProps<K, T> = {
description: string;
itemLabels: Array<[K, string]>;
items: T[];
setItems: (items: T[]) => void;
settings: T[];
title: string;
};
const mergeItems = <K extends string, T extends SortableItem<K>>(
items: T[],
itemLabels: Array<[string, string]>,
): T[] => {
const allItemIds = itemLabels.map(([key]) => key);
const missingItemIds = allItemIds.filter((id) => !items.some((item) => item.id === id));
const merged = [
...items,
...(missingItemIds.map((id) => ({
disabled: true,
id,
})) as T[]),
];
// Remove any duplicates
const uniqueMerged = merged.filter(
(item, index, self) => index === self.findIndex((t) => t.id === item.id),
);
// Remove any that don't match the itemLabels
return uniqueMerged.filter((item) => itemLabels.some(([key]) => key === item.id));
};
export const DraggableItems = <K extends string, T extends SortableItem<K>>({
description,
itemLabels,
items,
setItems,
settings,
title,
}: DraggableItemsProps<K, T>) => {
const { t } = useTranslation();
@@ -31,12 +56,12 @@ export const DraggableItems = <K extends string, T extends SortableItem<K>>({
const translatedItemMap = useMemo(
() =>
Object.fromEntries(
itemLabels.map((label) => [label[0], t(label[1], { postProcess: 'sentenceCase' })]),
itemLabels.map(([key, value]) => [key, t(value, { postProcess: 'sentenceCase' })]),
) as Record<K, string>,
[itemLabels, t],
);
const [localItems, setLocalItems] = useState(settings);
const [localItems, setLocalItems] = useState(mergeItems(items, itemLabels));
const handleChangeDisabled = useCallback((id: string, e: boolean) => {
setLocalItems((items) =>
@@ -68,10 +93,10 @@ export const DraggableItems = <K extends string, T extends SortableItem<K>>({
}, [description, keyword, title]);
if (!shouldShow) {
return <></>;
return null;
}
const isSaveButtonDisabled = isEqual(settings, localItems);
const isSaveButtonDisabled = isEqual(items, localItems);
const handleSave = () => {
setItems(localItems);
src/renderer/features/settings/components/general/home-settings.tsx
+1 -26
View File
@@ -1,5 +1,3 @@
import { useMemo } from 'react';
import { DraggableItems } from '/@/renderer/features/settings/components/general/draggable-items';
import {
HomeItem,
@@ -21,35 +19,12 @@ export const HomeSettings = () => {
const { homeItems } = useGeneralSettings();
const { setHomeItems } = useSettingsStoreActions();
const mergedHomeItems = useMemo(() => {
const settingsMap = new Map(
homeItems.map((item) => [item.id, item as SortableItem<HomeItem>]),
);
const merged = homeItems.map((item) => ({
...item,
id: item.id as HomeItem,
}));
HOME_ITEMS.forEach(([itemId]) => {
const homeItemId = itemId as HomeItem;
if (!settingsMap.has(homeItemId)) {
merged.push({
disabled: true,
id: homeItemId,
});
}
});
return merged;
}, [homeItems]);
return (
<DraggableItems
description="setting.homeConfiguration"
itemLabels={HOME_ITEMS}
items={homeItems as SortableItem<HomeItem>[]}
setItems={setHomeItems}
settings={mergedHomeItems}
title="setting.homeConfiguration"
/>
);
src/renderer/features/settings/components/general/sidebar-reorder.tsx
+22 -15
View File
@@ -3,24 +3,26 @@ import { useMemo } from 'react';
import { DraggableItems } from '/@/renderer/features/settings/components/general/draggable-items';
import {
sidebarItems as defaultSidebarItems,
SidebarItem,
SidebarItemType,
useGeneralSettings,
useSettingsStoreActions,
} from '/@/renderer/store';
const SIDEBAR_ITEMS: Array<[string, string]> = [
['Albums', 'page.sidebar.albums'],
['Artists', 'page.sidebar.albumArtists'],
['Artists-all', 'page.sidebar.artists'],
['Favorites', 'page.sidebar.favorites'],
['Folders', 'page.sidebar.folders'],
['Genres', 'page.sidebar.genres'],
['Home', 'page.sidebar.home'],
['Now Playing', 'page.sidebar.nowPlaying'],
['Playlists', 'page.sidebar.playlists'],
['Radio', 'page.sidebar.radio'],
['Search', 'page.sidebar.search'],
['Settings', 'page.sidebar.settings'],
['Tracks', 'page.sidebar.tracks'],
[SidebarItem.ALBUMS, 'page.sidebar.albums'],
[SidebarItem.ARTISTS, 'page.sidebar.albumArtists'],
[SidebarItem.ARTISTS_ALL, 'page.sidebar.artists'],
[SidebarItem.FAVORITES, 'page.sidebar.favorites'],
[SidebarItem.FOLDERS, 'page.sidebar.folders'],
[SidebarItem.GENRES, 'page.sidebar.genres'],
[SidebarItem.HOME, 'page.sidebar.home'],
[SidebarItem.NOW_PLAYING, 'page.sidebar.nowPlaying'],
[SidebarItem.PLAYLISTS, 'page.sidebar.playlists'],
[SidebarItem.RADIO, 'page.sidebar.radio'],
[SidebarItem.SEARCH, 'page.sidebar.search'],
[SidebarItem.SETTINGS, 'page.sidebar.settings'],
[SidebarItem.TRACKS, 'page.sidebar.tracks'],
];
export const SidebarReorder = () => {
@@ -48,15 +50,20 @@ export const SidebarReorder = () => {
}
});
return merged;
// Remove any duplicates
const uniqueMerged = merged.filter(
(item, index, self) => index === self.findIndex((t) => t.id === item.id),
);
return uniqueMerged;
}, [sidebarItems]);
return (
<DraggableItems
description="setting.sidebarCollapsedNavigation"
itemLabels={SIDEBAR_ITEMS}
items={mergedSidebarItems as unknown as SidebarItemType[]}
setItems={setSidebarItems}
settings={mergedSidebarItems}
title="setting.sidebarConfiguration"
/>
);