fix(web+mobile): consistent filename handling (#2534)

web/src/lib/utils/asset-utils.spec.ts

@@ -0,0 +1,60 @@
+import type { AssetResponseDto } from '@api';
+import { describe, expect, it } from '@jest/globals';
+import { getAssetFilename, getFilenameExtension } from './asset-utils';
+
+describe('get file extension from filename', () => {
+	it('returns the extension without including the dot', () => {
+		expect(getFilenameExtension('filename.txt')).toEqual('txt');
+	});
+
+	it('takes the last file extension and ignores the rest', () => {
+		expect(getFilenameExtension('filename.txt.pdf')).toEqual('pdf');
+		expect(getFilenameExtension('filename.txt.pdf.jpg')).toEqual('jpg');
+	});
+
+	it('returns an empty string when no file extension is found', () => {
+		expect(getFilenameExtension('filename')).toEqual('');
+		expect(getFilenameExtension('filename.')).toEqual('');
+		expect(getFilenameExtension('filename..')).toEqual('');
+		expect(getFilenameExtension('.filename')).toEqual('');
+	});
+
+	it('returns the extension from a filepath', () => {
+		expect(getFilenameExtension('/folder/file.txt')).toEqual('txt');
+		expect(getFilenameExtension('./folder/file.txt')).toEqual('txt');
+		expect(getFilenameExtension('~/folder/file.txt')).toEqual('txt');
+		expect(getFilenameExtension('./folder/.file.txt')).toEqual('txt');
+		expect(getFilenameExtension('/folder.with.dots/file.txt')).toEqual('txt');
+	});
+});
+
+describe('get asset filename', () => {
+	it('returns the filename including file extension', () => {
+		[
+			{
+				asset: {
+					originalFileName: 'filename',
+					originalPath: 'upload/library/test/2016/2016-08-30/filename.jpg'
+				},
+				result: 'filename.jpg'
+			},
+			{
+				asset: {
+					originalFileName: 'new-filename',
+					originalPath:
+						'upload/library/89d14e47-a40d-4cae-a347-a914cdef1f22/2016/2016-08-30/filename.jpg'
+				},
+				result: 'new-filename.jpg'
+			},
+			{
+				asset: {
+					originalFileName: 'new-filename.txt',
+					originalPath: 'upload/library/test/2016/2016-08-30/filename.txt.jpg'
+				},
+				result: 'new-filename.txt.jpg'
+			}
+		].forEach(({ asset, result }) => {
+			expect(getAssetFilename(asset as AssetResponseDto)).toEqual(result);
+		});
+	});
+});

web/src/lib/utils/asset-utils.ts

@@ -108,8 +108,17 @@ export async function bulkDownload(
  * an empty string when not found.
  */
 export function getFilenameExtension(filename: string): string {
-	const lastIndex = filename.lastIndexOf('.');
-	return filename.slice(lastIndex + 1).toLowerCase();
+	const lastIndex = Math.max(0, filename.lastIndexOf('.'));
+	const startIndex = (lastIndex || Infinity) + 1;
+	return filename.slice(startIndex).toLowerCase();
+}
+
+/**
+ * Returns the filename of an asset including file extension
+ */
+export function getAssetFilename(asset: AssetResponseDto): string {
+	const fileExtension = getFilenameExtension(asset.originalPath);
+	return `${asset.originalFileName}.${fileExtension}`;
 }
 
 /**