jellyfin/jellyfin-vue
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-vue.git synced 2025-03-04 19:57:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: handle item deletion on apistore

Browse Source 
Signed-off-by: Fernando Fernández <ferferga@hotmail.com>
This commit is contained in:
Fernando Fernández 2024-01-04 21:12:44 +01:00
parent 86886a620d
commit dc6476d4a3
2 changed files with 25 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/Item/ItemMenu.vue
View File

@ -57,6 +57,7 @@
import { useConfirmDialog } from '@/composables/use-confirm-dialog';
import { useSnackbar } from '@/composables/use-snackbar';
import { remote } from '@/plugins/remote';
import { apiStore } from '@/store/api';
import { playbackManager } from '@/store/playbackManager';
import { taskManager } from '@/store/taskManager';
import {
@ -70,7 +71,6 @@ import {
getItemSeriesDownloadMap
} from '@/utils/items';
import type { BaseItemDto } from '@jellyfin/sdk/lib/generated-client';
import { getLibraryApi } from '@jellyfin/sdk/lib/utils/api/library-api';
import { useClipboard, useEventListener } from '@vueuse/core';
import { v4 } from 'uuid';
import IMdiArrowExpandDown from 'virtual:icons/mdi/arrow-expand-down';
@ -289,9 +289,7 @@ const deleteItemAction = {
}
try {
await remote.sdk.newUserApi(getLibraryApi).deleteItem({
itemId: itemId.value
});
await apiStore.itemDelete(itemId.value);
if (itemId.value === menuProps.item.Id && route.fullPath.includes(itemId.value)) {
await router.replace('/');

27
frontend/src/store/api.ts
View File

@ -5,6 +5,7 @@
import { remote } from '@/plugins/remote';
import { ImageType, ItemFields, type BaseItemDto } from '@jellyfin/sdk/lib/generated-client';
import { getItemsApi } from '@jellyfin/sdk/lib/utils/api/items-api';
import { getLibraryApi } from '@jellyfin/sdk/lib/utils/api/library-api';
import { reactive, watch } from 'vue';
/**
@ -37,7 +38,7 @@ class ApiStore {
*/
private _defaultState: ApiState = {
items: new Map<BaseItemDto['Id'], BaseItemDto>(),
requests: new Map<string, Map<string, string[] | RawBaseItemResponse>>()
requests: new Map<string, Map<string, unknown | RawBaseItemResponse>>()
};
private _state = reactive<ApiState>(structuredClone(this._defaultState));
@ -101,13 +102,31 @@ class ApiStore {
return this.getRequest(funcName, params) as T;
};
public itemDelete = async (itemId: string): Promise<void> => {
try {
await remote.sdk.newUserApi(getLibraryApi).deleteItem({
itemId
});
this._state.items.delete(itemId);
for (const request of this._state.requests.values()) {
for (const [args, result] of request.entries()) {
if (result instanceof RawBaseItemResponse && result.ids.includes(itemId) || args.includes(itemId)) {
request.delete(args);
}
}
}
} catch {}
};
/**
* Updates the items in the store. Just a request is enough, as the Axios
* interceptors already handle updating the item in the store
*
* @param itemIds - Ids of the items to update
*/
public updateStoreItems = async (itemIds: BaseItemDto['Id'][]): Promise<void> => {
private _update = async (itemIds: BaseItemDto['Id'][]): Promise<void> => {
if (itemIds.length > 0) {
const { data } = await remote.sdk.newUserApi(getItemsApi).getItems({
userId: remote.auth.currentUserId,
@ -151,7 +170,7 @@ class ApiStore {
(item: unknown): item is string => typeof item === 'string'
).filter((itemId) => this._state.items.has(itemId));
await this.updateStoreItems(itemsToUpdate);
await this._update(itemsToUpdate);
} else if (
MessageType === 'UserDataChanged' &&
'UserDataList' in Data &&
@ -175,7 +194,7 @@ class ApiStore {
return updatedData.ItemId;
});
await this.updateStoreItems(itemsToUpdate);
await this._update(itemsToUpdate);
}
}
);