ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add backup flags to backup import

Browse Source
This commit is contained in:
schroda
2025-10-04 21:48:44 +02:00
parent faa53b049f
commit f0c6e789cd
8 changed files with 41 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/features/backup/Backup.constants.ts
View File

@@ -10,6 +10,7 @@ import { BackupFlag, BackupFlagGroup } from '@/features/backup/Backup.types.ts';
import { TranslationKey } from '@/base/Base.types.ts';
export const BACKUP_FLAGS_TO_TRANSLATION: Record<BackupFlag, TranslationKey> = {
includeManga: 'settings.backup.flag.manga',
includeCategories: 'settings.backup.flag.categories',
includeChapters: 'settings.backup.flag.chapters',
includeClientData: 'settings.backup.flag.client_data',
@@ -26,6 +27,6 @@ export const BACKUP_FLAG_GROUP_TO_TRANSLATION: Record<BackupFlagGroup, Translati
export const BACKUP_FLAGS = Object.keys(BACKUP_FLAGS_TO_TRANSLATION) as readonly BackupFlag[];
export const BACKUP_FLAGS_BY_GROUP: Record<BackupFlagGroup, BackupFlag[]> = {
[BackupFlagGroup.LIBRARY]: ['includeChapters', 'includeTracking', 'includeHistory', 'includeCategories'],
[BackupFlagGroup.LIBRARY]: ['includeManga', 'includeChapters', 'includeTracking', 'includeHistory', 'includeCategories'],
[BackupFlagGroup.SETTINGS]: ['includeClientData', 'includeServerSettings'],
};

4
src/features/backup/Backup.types.ts
View File

@@ -6,13 +6,13 @@
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/
import { CreateBackupInput } from '@/lib/graphql/generated/graphql.ts';
import { PartialBackupFlagsInput } from '@/lib/graphql/generated/graphql.ts';
export enum BackupFlagGroup {
LIBRARY = 'library',
SETTINGS = 'settings',
}
export type BackupFlag = keyof Omit<CreateBackupInput, 'clientMutationId'>;
export type BackupFlag = keyof PartialBackupFlagsInput;
export type BackupFlagInclusionState = Record<BackupFlag, boolean>;

12
src/features/backup/component/BackupFlagInclusionDialog.tsx
View File

@@ -26,7 +26,11 @@ import {
} from '@/features/backup/Backup.constants.ts';
import { BackupFlagGroup, BackupFlagInclusionState } from '@/features/backup/Backup.types.ts';
export const BackupFlagInclusionDialog = ({ onCancel, onConfirm }: DialogProps<BackupFlagInclusionState>) => {
export const BackupFlagInclusionDialog = ({
onCancel,
onConfirm,
title,
}: DialogProps<BackupFlagInclusionState> & { title: string }) => {
const { t } = useTranslation();
const [includeStateByFlag, setIncludeStateByFlag] = useState(
@@ -34,12 +38,12 @@ export const BackupFlagInclusionDialog = ({ onCancel, onConfirm }: DialogProps<B
);
return (
<Dialog open onAbort={onCancel} maxWidth="xs" fullWidth>
<DialogTitle>{t('settings.backup.action.create.label.title')}</DialogTitle>
<Dialog open onAbort={onCancel} maxWidth="xs" fullWidth onClose={onCancel}>
<DialogTitle>{title}</DialogTitle>
<DialogContent>
<FormGroup sx={{ gap: 2 }}>
{Object.entries(BACKUP_FLAGS_BY_GROUP).map(([group, flags]) => (
<Stack>
<Stack key={group}>
<Typography>{t(BACKUP_FLAG_GROUP_TO_TRANSLATION[group as BackupFlagGroup])}</Typography>
{flags.map((flag) => (
<CheckboxInput

14
src/features/backup/screens/Backup.tsx
View File

@@ -117,12 +117,14 @@ export function Backup() {
};
const createBackup = async () => {
const backupFlagInclusionState = await GlobalDialogManager.show(BackupFlagInclusionDialog);
const flags = await GlobalDialogManager.show(BackupFlagInclusionDialog, {
title: t('settings.backup.action.create.label.title'),
});
makeToast(t('settings.backup.action.create.label.in_progress'), 'info');
try {
const backupFileResponse = await requestManager.createBackupFile(backupFlagInclusionState).response;
const backupFileResponse = await requestManager.createBackupFile({ flags }).response;
const backupFileUrl = backupFileResponse.data?.createBackup.url;
if (!backupFileUrl) {
@@ -171,11 +173,15 @@ export function Backup() {
return false;
};
const restoreBackup = async (file: File) => {
const restoreBackup = async (backup: File) => {
const flags = await GlobalDialogManager.show(BackupFlagInclusionDialog, {
title: t('settings.backup.action.restore.label.title'),
});
try {
makeToast(t('settings.backup.action.restore.label.in_progress'), 'info');
const response = await requestManager.restoreBackupFile(file).response;
const response = await requestManager.restoreBackupFile({ backup, flags }).response;
backupRestoreId = response.data?.restoreBackup.id;
setTriggerReRender(Date.now());
} catch (e) {

19
src/lib/graphql/generated/graphql.ts
View File

@@ -336,12 +336,7 @@ export type ConnectKoSyncAccountInput = {
export type CreateBackupInput = {
clientMutationId?: InputMaybe<Scalars['String']['input']>;
includeCategories?: InputMaybe<Scalars['Boolean']['input']>;
includeChapters?: InputMaybe<Scalars['Boolean']['input']>;
includeClientData?: InputMaybe<Scalars['Boolean']['input']>;
includeHistory?: InputMaybe<Scalars['Boolean']['input']>;
includeServerSettings?: InputMaybe<Scalars['Boolean']['input']>;
includeTracking?: InputMaybe<Scalars['Boolean']['input']>;
flags?: InputMaybe<PartialBackupFlagsInput>;
};
export type CreateBackupPayload = {
@@ -1646,6 +1641,16 @@ export type PageInfo = {
startCursor?: Maybe<Scalars['Cursor']['output']>;
};
export type PartialBackupFlagsInput = {
includeCategories?: InputMaybe<Scalars['Boolean']['input']>;
includeChapters?: InputMaybe<Scalars['Boolean']['input']>;
includeClientData?: InputMaybe<Scalars['Boolean']['input']>;
includeHistory?: InputMaybe<Scalars['Boolean']['input']>;
includeManga?: InputMaybe<Scalars['Boolean']['input']>;
includeServerSettings?: InputMaybe<Scalars['Boolean']['input']>;
includeTracking?: InputMaybe<Scalars['Boolean']['input']>;
};
export type PartialSettingsType = Settings & {
__typename?: 'PartialSettingsType';
authMode?: Maybe<AuthMode>;
@@ -2066,6 +2071,7 @@ export type ResetSettingsPayload = {
export type RestoreBackupInput = {
backup: Scalars['Upload']['input'];
clientMutationId?: InputMaybe<Scalars['String']['input']>;
flags?: InputMaybe<PartialBackupFlagsInput>;
};
export type RestoreBackupPayload = {
@@ -3266,6 +3272,7 @@ export type CreateBackupMutation = { __typename?: 'Mutation', createBackup: { __
export type RestoreBackupMutationVariables = Exact<{
backup: Scalars['Upload']['input'];
flags?: InputMaybe<PartialBackupFlagsInput>;
}>;

4
src/lib/graphql/mutations/BackupMutation.ts
View File

@@ -17,8 +17,8 @@ export const CREATE_BACKUP = gql`
`;
export const RESTORE_BACKUP = gql`
mutation RESTORE_BACKUP($backup: Upload!) {
restoreBackup(input: { backup: $backup }) {
mutation RESTORE_BACKUP($backup: Upload!, $flags: PartialBackupFlagsInput) {
restoreBackup(input: { backup: $backup, flags: $flags }) {
id
status {
mangaProgress

9
src/lib/requests/RequestManager.ts
View File

@@ -219,6 +219,7 @@ import {
CreateBackupInput,
CreateBackupMutation,
CreateBackupMutationVariables,
RestoreBackupInput,
} from '@/lib/graphql/generated/graphql.ts';
import { GET_GLOBAL_METADATAS } from '@/lib/graphql/queries/GlobalMetadataQuery.ts';
import { DELETE_GLOBAL_METADATA, SET_GLOBAL_METADATA } from '@/lib/graphql/mutations/GlobalMetadataMutation.ts';
@@ -2720,13 +2721,13 @@ export class RequestManager {
}
public restoreBackupFile(
file: File,
input: RestoreBackupInput,
options?: MutationOptions<RestoreBackupMutation, RestoreBackupMutationVariables>,
): AbortableApolloMutationResponse<RestoreBackupMutation> {
return this.doRequest<RestoreBackupMutation, RestoreBackupMutationVariables>(
GQLMethod.MUTATION,
RESTORE_BACKUP,
{ backup: file },
input,
{
...options,
},
@@ -2747,10 +2748,6 @@ export class RequestManager {
return this.doRequest(GQLMethod.USE_QUERY, GET_RESTORE_STATUS, { id }, options);
}
public getExportBackupUrl(): string {
return this.getValidUrlFor('backup/export/file');
}
public startDownloads(
options?: MutationOptions<StartDownloaderMutation, StartDownloaderMutationVariables>,
): AbortableApolloMutationResponse<StartDownloaderMutation> {