merge files inital commit

This commit is contained in:
2026-05-23 15:02:40 +02:00
parent 8929080dc7
commit 3a0a90bd4a
16 changed files with 1232 additions and 190 deletions

View File

@@ -0,0 +1,82 @@
import { describe, expect, it } from 'vitest';
import type { MergeQueueItem } from './mergeTypes';
import {
canMergeQueue,
clampMergeInsertAt,
createMergedPdfName,
getReadyMergeQueuePdfs,
moveMergeQueueItem,
} from './mergeQueueHelpers';
function makeItem(
id: string,
status: MergeQueueItem['status']
): MergeQueueItem {
return {
id,
file: new File(['x'], `${id}.pdf`, { type: 'application/pdf' }),
name: `${id}.pdf`,
size: 1,
pageCount: status === 'ready' ? 1 : null,
pdf:
status === 'ready'
? {
id: `pdf-${id}`,
name: `${id}.pdf`,
// The helper tests never dereference the PDFDocument.
doc: {} as never,
pageCount: 1,
arrayBuffer: new ArrayBuffer(0),
}
: null,
status,
};
}
describe('merge queue helpers', () => {
it('moves queued items up and down without mutating the original array', () => {
const items = [
makeItem('a', 'ready'),
makeItem('b', 'ready'),
makeItem('c', 'ready'),
];
expect(moveMergeQueueItem(items, 'b', 'up').map((item) => item.id)).toEqual(
['b', 'a', 'c']
);
expect(
moveMergeQueueItem(items, 'b', 'down').map((item) => item.id)
).toEqual(['a', 'c', 'b']);
expect(items.map((item) => item.id)).toEqual(['a', 'b', 'c']);
});
it('only allows merging when every queued item is ready', () => {
const readyItems = [makeItem('a', 'ready'), makeItem('b', 'ready')];
const mixedItems = [makeItem('a', 'ready'), makeItem('b', 'loading')];
expect(canMergeQueue(readyItems)).toBe(true);
expect(getReadyMergeQueuePdfs(readyItems)).toHaveLength(2);
expect(canMergeQueue(mixedItems)).toBe(false);
expect(canMergeQueue([])).toBe(false);
});
it('clamps one-based merge positions to zero-based insert slots', () => {
expect(clampMergeInsertAt('1', 10)).toBe(0);
expect(clampMergeInsertAt('5', 10)).toBe(4);
expect(clampMergeInsertAt('99', 10)).toBe(10);
expect(clampMergeInsertAt('-10', 10)).toBe(0);
expect(clampMergeInsertAt('not-a-number', 10)).toBe(10);
});
it('creates readable merged PDF filenames', () => {
expect(createMergedPdfName('base.pdf', ['a.pdf', 'b.pdf'], 'append')).toBe(
'base_plus_2_pdfs.pdf'
);
expect(createMergedPdfName('base.pdf', ['a.pdf'], 'overwrite')).toBe(
'a_merged.pdf'
);
expect(createMergedPdfName(null, ['a.pdf', 'b.pdf'], 'overwrite')).toBe(
'merged_2_pdfs.pdf'
);
});
});

View File

@@ -0,0 +1,86 @@
import type { PdfFile } from '../pdf/pdfTypes';
import type { MergeMode, MergeQueueItem } from './mergeTypes';
export function createMergeQueueItemId(): string {
return `merge_${Math.random().toString(36).slice(2)}`;
}
export function moveMergeQueueItem(
items: MergeQueueItem[],
itemId: string,
direction: 'up' | 'down'
): MergeQueueItem[] {
const index = items.findIndex((item) => item.id === itemId);
if (index < 0) return items;
const targetIndex = direction === 'up' ? index - 1 : index + 1;
if (targetIndex < 0 || targetIndex >= items.length) return items;
const next = [...items];
const [item] = next.splice(index, 1);
next.splice(targetIndex, 0, item);
return next;
}
export function getReadyMergeQueuePdfs(items: MergeQueueItem[]): PdfFile[] {
return items
.filter((item) => item.status === 'ready' && item.pdf)
.map((item) => item.pdf as PdfFile);
}
export function canMergeQueue(items: MergeQueueItem[]): boolean {
return (
items.length > 0 &&
items.every((item) => item.status === 'ready' && item.pdf !== null)
);
}
export function hasMergeQueueErrors(items: MergeQueueItem[]): boolean {
return items.some((item) => item.status === 'error');
}
export function isMergeQueueLoading(items: MergeQueueItem[]): boolean {
return items.some((item) => item.status === 'loading');
}
export function clampMergeInsertAt(value: string, pageCount: number): number {
const parsed = Number.parseInt(value, 10);
if (!Number.isFinite(parsed)) return pageCount;
return Math.min(Math.max(parsed - 1, 0), pageCount);
}
export function defaultMergeInsertPosition(pageCount: number): string {
return String(pageCount + 1);
}
export function createMergedPdfName(
currentPdfName: string | null,
incomingPdfNames: string[],
mode: MergeMode
): string {
const incomingBaseNames = incomingPdfNames.map(stripPdfExtension);
if (incomingBaseNames.length === 0) {
return currentPdfName ?? 'merged.pdf';
}
if (
incomingBaseNames.length === 1 &&
(!currentPdfName || mode === 'overwrite')
) {
return `${incomingBaseNames[0]}_merged.pdf`;
}
if (currentPdfName && mode !== 'overwrite') {
const currentBaseName = stripPdfExtension(currentPdfName);
return `${currentBaseName}_plus_${incomingBaseNames.length}_pdfs.pdf`;
}
return `merged_${incomingBaseNames.length}_pdfs.pdf`;
}
function stripPdfExtension(filename: string): string {
const base = filename.replace(/\.pdf$/i, '').trim();
return base || 'document';
}

16
src/merge/mergeTypes.ts Normal file
View File

@@ -0,0 +1,16 @@
import type { PdfFile } from '../pdf/pdfTypes';
export type MergeMode = 'overwrite' | 'append' | 'insertAt';
export type MergeQueueItemStatus = 'loading' | 'ready' | 'error';
export interface MergeQueueItem {
id: string;
file: File;
name: string;
size: number;
pageCount: number | null;
pdf: PdfFile | null;
status: MergeQueueItemStatus;
error?: string;
}

102
src/merge/useMergeQueue.ts Normal file
View File

@@ -0,0 +1,102 @@
import { useCallback, useState } from 'react';
import { loadPdfFromFile } from '../pdf/pdfService';
import {
canMergeQueue,
createMergeQueueItemId,
getReadyMergeQueuePdfs,
hasMergeQueueErrors,
isMergeQueueLoading,
moveMergeQueueItem,
} from './mergeQueueHelpers';
import type { MergeQueueItem } from './mergeTypes';
export function useMergeQueue() {
const [items, setItems] = useState<MergeQueueItem[]>([]);
const addFiles = useCallback((files: File[]) => {
const pdfFiles = files.filter(
(file) =>
file.type === 'application/pdf' ||
file.name.toLowerCase().endsWith('.pdf')
);
if (pdfFiles.length === 0) return;
const queuedItems: MergeQueueItem[] = pdfFiles.map((file) => ({
id: createMergeQueueItemId(),
file,
name: file.name,
size: file.size,
pageCount: null,
pdf: null,
status: 'loading',
}));
setItems((current) => [...current, ...queuedItems]);
queuedItems.forEach((item) => {
void (async () => {
try {
const loadedPdf = await loadPdfFromFile(item.file);
setItems((current) =>
current.map((currentItem) =>
currentItem.id === item.id
? {
...currentItem,
pdf: loadedPdf,
pageCount: loadedPdf.pageCount,
status: 'ready',
error: undefined,
}
: currentItem
)
);
} catch (error) {
console.error(error);
setItems((current) =>
current.map((currentItem) =>
currentItem.id === item.id
? {
...currentItem,
status: 'error',
error: 'Could not load this PDF.',
}
: currentItem
)
);
}
})();
});
}, []);
const removeItem = useCallback((itemId: string) => {
setItems((current) => current.filter((item) => item.id !== itemId));
}, []);
const moveItemUp = useCallback((itemId: string) => {
setItems((current) => moveMergeQueueItem(current, itemId, 'up'));
}, []);
const moveItemDown = useCallback((itemId: string) => {
setItems((current) => moveMergeQueueItem(current, itemId, 'down'));
}, []);
const clearQueue = useCallback(() => {
setItems([]);
}, []);
return {
items,
addFiles,
removeItem,
moveItemUp,
moveItemDown,
clearQueue,
readyPdfs: getReadyMergeQueuePdfs(items),
canMerge: canMergeQueue(items),
hasErrors: hasMergeQueueErrors(items),
isLoading: isMergeQueueLoading(items),
};
}