* [#213] Add missing "meta" property - IManga - IMangaCard (optional) - IChapter - ICategory * [#213] Add util functions for handling metadata - global server - manga - chapter - category * [#213] Use "ReaderSettings" from the manga metadata - get ReaderSettings from manga metadata - remove unnecessary check "make sure settings has all the keys" in case the stored settings in the metadata are outdated they will be filled with default values * [#213] Reload manga only in case "mangaId" changed In case the chapter is still from the same manga, a reload is unnecessary * [#213] Only update the changed reader setting Otherwise the app has to send patch requests to the server for every setting even if it didn't change * [#213] Hide "openButton" on first render in case "navBar" is shown The "openButton" was always set to be visible event in case the navBar was shown on the first render * [#213] Open the "ReaderNavBar" if needed after receiving new settings Otherwise, the drawer won't open in case the "navBar" was hidden on the first render since the default state in that case was set to false * [#213] Update "ReaderSettings" after receiving the manga response Otherwise, the default settings aren't getting removed * [#213] Hide/Show "OpenButton" when opening/closing the drawer Otherwise, the button stays hidden until it gets updated due to scrolling * [#213] Keep "ReaderNavBar" state when opening prev/next chapter In case the navBar wasn't sticky but opened, it got closed when the prev/next chapter got opened * [#213] Prevent "ReaderNavBar" from closing when changing "staticNav" setting
143 lines
4.2 KiB
TypeScript
143 lines
4.2 KiB
TypeScript
/*
|
|
* Copyright (C) Contributors to the Suwayomi project
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
import { mutate } from 'swr';
|
|
import client from './client';
|
|
|
|
const APP_METADATA_KEY_PREFIX = 'webUI_';
|
|
|
|
const getMetadataKey = (key: string) => `${APP_METADATA_KEY_PREFIX}${key}`;
|
|
|
|
const convertValueFromMetadata = <
|
|
T extends AllowedMetadataValueTypes = AllowedMetadataValueTypes,
|
|
>(
|
|
value: string,
|
|
): T => {
|
|
if (!Number.isNaN(+value)) {
|
|
return +value as T;
|
|
}
|
|
|
|
if (value === 'true' || value === 'false') {
|
|
return (value === 'true') as T;
|
|
}
|
|
|
|
if (value === 'undefined') {
|
|
return undefined as T;
|
|
}
|
|
|
|
return value as T;
|
|
};
|
|
|
|
export const getMetadataValueFrom = <
|
|
T extends AllowedMetadataValueTypes = AllowedMetadataValueTypes,
|
|
>(
|
|
{ meta }: IMetadataHolder,
|
|
key: AppMetadataKeys,
|
|
defaultValue?: T,
|
|
): T | undefined => {
|
|
const metadataKey = getMetadataKey(key);
|
|
|
|
const isMissingKey = !Object.prototype.hasOwnProperty.call(meta ?? {}, metadataKey);
|
|
if (meta === undefined || isMissingKey) {
|
|
return defaultValue;
|
|
}
|
|
|
|
return convertValueFromMetadata(meta[metadataKey]);
|
|
};
|
|
|
|
export const getMetadataFrom = (
|
|
{ meta }: IMetadataHolder,
|
|
keysToDefaultValues: MetadataKeyValuePair[],
|
|
): IMetadata<AllowedMetadataValueTypes> => {
|
|
const appMetadata: IMetadata<AllowedMetadataValueTypes> = {};
|
|
|
|
keysToDefaultValues.forEach(([key, defaultValue]) => {
|
|
appMetadata[key] = getMetadataValueFrom({ meta }, key, defaultValue);
|
|
});
|
|
|
|
return appMetadata;
|
|
};
|
|
|
|
const wrapMetadataWithMetaKey = (wrap: boolean, metadata: IMetadata): IMetadataHolder => {
|
|
if (wrap) {
|
|
return {
|
|
meta: {
|
|
...metadata,
|
|
},
|
|
};
|
|
}
|
|
|
|
return {
|
|
...metadata,
|
|
};
|
|
};
|
|
|
|
export const requestUpdateMetadataValue = async (
|
|
endpoint: string,
|
|
metadataHolder: IMetadataHolder,
|
|
key: AppMetadataKeys,
|
|
value: AllowedMetadataValueTypes,
|
|
endpointToMutate: string = endpoint,
|
|
wrapWithMetaKey: boolean = true,
|
|
): Promise<void> => {
|
|
const restApiVersion = '/api/v1';
|
|
const url = `${restApiVersion}${endpoint}/meta`;
|
|
const urlToMutate = `${restApiVersion}${endpointToMutate}`;
|
|
|
|
const metadataKey = getMetadataKey(key);
|
|
const valueAsString = `${value}`;
|
|
|
|
const formData = new FormData();
|
|
formData.append('key', metadataKey);
|
|
formData.append('value', valueAsString);
|
|
|
|
const mutatedMetadata = {
|
|
...metadataHolder.meta,
|
|
[metadataKey]: valueAsString,
|
|
};
|
|
|
|
await client.patch(url, formData);
|
|
await mutate(
|
|
urlToMutate,
|
|
{ ...metadataHolder, ...wrapMetadataWithMetaKey(wrapWithMetaKey, mutatedMetadata) },
|
|
{ revalidate: false },
|
|
);
|
|
};
|
|
|
|
export const requestUpdateMetadata = async (
|
|
endpoint: string,
|
|
metadataHolder: IMetadataHolder,
|
|
keysToValues: [AppMetadataKeys, AllowedMetadataValueTypes][],
|
|
endpointToMutate?: string,
|
|
wrapWithMetaKey?: boolean,
|
|
): Promise<void[]> => Promise.all(keysToValues.map(
|
|
([key, value]) => requestUpdateMetadataValue(
|
|
endpoint, metadataHolder, key, value, endpointToMutate, wrapWithMetaKey,
|
|
),
|
|
));
|
|
|
|
export const requestUpdateServerMetadata = async (
|
|
serverMetadata: IMetadata,
|
|
keysToValues: MetadataKeyValuePair[],
|
|
): Promise<void[]> => requestUpdateMetadata('', { meta: serverMetadata }, keysToValues, '/meta', false);
|
|
|
|
export const requestUpdateMangaMetadata = async (
|
|
manga: IMangaCard | IManga,
|
|
keysToValues: MetadataKeyValuePair[],
|
|
): Promise<void[]> => requestUpdateMetadata(`/manga/${manga.id}`, manga, keysToValues);
|
|
|
|
export const requestUpdateChapterMetadata = async (
|
|
mangaChapter: IMangaChapter,
|
|
keysToValues: MetadataKeyValuePair[],
|
|
): Promise<void[]> => requestUpdateMetadata(`/manga/${mangaChapter.manga.id}/chapter/${mangaChapter.chapter.index}`, mangaChapter.chapter, keysToValues);
|
|
|
|
export const requestUpdateCategoryMetadata = async (
|
|
category: ICategory,
|
|
keysToValues: MetadataKeyValuePair[],
|
|
): Promise<void[]> => requestUpdateMetadata(`/category/${category.id}`, category, keysToValues);
|