mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-10-27 00:23:41 +09:00 
			
		
		
		
	Modify Diff View FileTree to show all files ## Changes * removes Show Status button on diff * uses `git diff-tree` to generate the file tree for the diff * doesn't reload the diff tree each time we load more files in the preview * selecting and unloaded file will keep loading until that file is loaded * removes `DiffFileList.vue` and "Show Stats" in diff options ## Open Questions * selecting and unloaded file will keep loading until that file is loaded. Is this behaviour okay? It matches what github does. ### Demo In this demo I set `git.MAX_GIT_DIFF_FILES=1` in my `app.ini` to demonstrate a worst case example. In most cases the behaviour isn't nearly as jarring as we load a bunch of files at a time. https://github.com/user-attachments/assets/72f29663-d6fc-472d-94fa-7fb5950c2836 --------- Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
		
			
				
	
	
		
			144 lines
		
	
	
		
			7.3 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			144 lines
		
	
	
		
			7.3 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| import {
 | |
|   dirname, basename, extname, isObject, stripTags, parseIssueHref,
 | |
|   parseUrl, translateMonth, translateDay, blobToDataURI,
 | |
|   toAbsoluteUrl, encodeURLEncodedBase64, decodeURLEncodedBase64, isImageFile, isVideoFile, parseRepoOwnerPathInfo,
 | |
| } from './utils.ts';
 | |
| 
 | |
| test('dirname', () => {
 | |
|   expect(dirname('/path/to/file.js')).toEqual('/path/to');
 | |
|   expect(dirname('/path/to')).toEqual('/path');
 | |
|   expect(dirname('file.js')).toEqual('');
 | |
| });
 | |
| 
 | |
| test('basename', () => {
 | |
|   expect(basename('/path/to/file.js')).toEqual('file.js');
 | |
|   expect(basename('/path/to/file')).toEqual('file');
 | |
|   expect(basename('file.js')).toEqual('file.js');
 | |
| });
 | |
| 
 | |
| test('extname', () => {
 | |
|   expect(extname('/path/to/file.js')).toEqual('.js');
 | |
|   expect(extname('/path/')).toEqual('');
 | |
|   expect(extname('/path')).toEqual('');
 | |
|   expect(extname('file.js')).toEqual('.js');
 | |
|   expect(extname('/my.path/file')).toEqual('');
 | |
| });
 | |
| 
 | |
| test('isObject', () => {
 | |
|   expect(isObject({})).toBeTruthy();
 | |
|   expect(isObject([])).toBeFalsy();
 | |
| });
 | |
| 
 | |
| test('stripTags', () => {
 | |
|   expect(stripTags('<a>test</a>')).toEqual('test');
 | |
| });
 | |
| 
 | |
| test('parseIssueHref', () => {
 | |
|   expect(parseIssueHref('/owner/repo/issues/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
 | |
|   expect(parseIssueHref('/owner/repo/pulls/1?query')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'pulls', indexString: '1'});
 | |
|   expect(parseIssueHref('/owner/repo/issues/1#hash')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
 | |
|   expect(parseIssueHref('/sub/owner/repo/issues/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
 | |
|   expect(parseIssueHref('/sub/sub2/owner/repo/pulls/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'pulls', indexString: '1'});
 | |
|   expect(parseIssueHref('/sub/sub2/owner/repo/issues/1?query')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
 | |
|   expect(parseIssueHref('/sub/sub2/owner/repo/issues/1#hash')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
 | |
|   expect(parseIssueHref('https://example.com/owner/repo/issues/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
 | |
|   expect(parseIssueHref('https://example.com/owner/repo/pulls/1?query')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'pulls', indexString: '1'});
 | |
|   expect(parseIssueHref('https://example.com/owner/repo/issues/1#hash')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
 | |
|   expect(parseIssueHref('https://example.com/sub/owner/repo/issues/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
 | |
|   expect(parseIssueHref('https://example.com/sub/sub2/owner/repo/pulls/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'pulls', indexString: '1'});
 | |
|   expect(parseIssueHref('https://example.com/sub/sub2/owner/repo/issues/1?query')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
 | |
|   expect(parseIssueHref('https://example.com/sub/sub2/owner/repo/issues/1#hash')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
 | |
|   expect(parseIssueHref('')).toEqual({ownerName: undefined, repoName: undefined, type: undefined, index: undefined});
 | |
| });
 | |
| 
 | |
| test('parseRepoOwnerPathInfo', () => {
 | |
|   expect(parseRepoOwnerPathInfo('/owner/repo/issues/new')).toEqual({ownerName: 'owner', repoName: 'repo'});
 | |
|   expect(parseRepoOwnerPathInfo('/owner/repo/releases')).toEqual({ownerName: 'owner', repoName: 'repo'});
 | |
|   expect(parseRepoOwnerPathInfo('/other')).toEqual({});
 | |
|   window.config.appSubUrl = '/sub';
 | |
|   expect(parseRepoOwnerPathInfo('/sub/owner/repo/issues/new')).toEqual({ownerName: 'owner', repoName: 'repo'});
 | |
|   expect(parseRepoOwnerPathInfo('/sub/owner/repo/compare/feature/branch-1...fix/branch-2')).toEqual({ownerName: 'owner', repoName: 'repo'});
 | |
|   window.config.appSubUrl = '';
 | |
| });
 | |
| 
 | |
| test('parseUrl', () => {
 | |
|   expect(parseUrl('').pathname).toEqual('/');
 | |
|   expect(parseUrl('/path').pathname).toEqual('/path');
 | |
|   expect(parseUrl('/path?search').pathname).toEqual('/path');
 | |
|   expect(parseUrl('/path?search').search).toEqual('?search');
 | |
|   expect(parseUrl('/path?search#hash').hash).toEqual('#hash');
 | |
|   expect(parseUrl('https://localhost/path').pathname).toEqual('/path');
 | |
|   expect(parseUrl('https://localhost/path?search').pathname).toEqual('/path');
 | |
|   expect(parseUrl('https://localhost/path?search').search).toEqual('?search');
 | |
|   expect(parseUrl('https://localhost/path?search#hash').hash).toEqual('#hash');
 | |
| });
 | |
| 
 | |
| test('translateMonth', () => {
 | |
|   const originalLang = document.documentElement.lang;
 | |
|   document.documentElement.lang = 'en-US';
 | |
|   expect(translateMonth(0)).toEqual('Jan');
 | |
|   expect(translateMonth(4)).toEqual('May');
 | |
|   document.documentElement.lang = 'es-ES';
 | |
|   expect(translateMonth(5)).toEqual('jun');
 | |
|   expect(translateMonth(6)).toEqual('jul');
 | |
|   document.documentElement.lang = originalLang;
 | |
| });
 | |
| 
 | |
| test('translateDay', () => {
 | |
|   const originalLang = document.documentElement.lang;
 | |
|   document.documentElement.lang = 'fr-FR';
 | |
|   expect(translateDay(1)).toEqual('lun.');
 | |
|   expect(translateDay(5)).toEqual('ven.');
 | |
|   document.documentElement.lang = 'pl-PL';
 | |
|   expect(translateDay(1)).toEqual('pon.');
 | |
|   expect(translateDay(5)).toEqual('pt.');
 | |
|   document.documentElement.lang = originalLang;
 | |
| });
 | |
| 
 | |
| test('blobToDataURI', async () => {
 | |
|   const blob = new Blob([JSON.stringify({test: true})], {type: 'application/json'});
 | |
|   expect(await blobToDataURI(blob)).toEqual('data:application/json;base64,eyJ0ZXN0Ijp0cnVlfQ==');
 | |
| });
 | |
| 
 | |
| test('toAbsoluteUrl', () => {
 | |
|   expect(toAbsoluteUrl('//host/dir')).toEqual('http://host/dir');
 | |
|   expect(toAbsoluteUrl('https://host/dir')).toEqual('https://host/dir');
 | |
| 
 | |
|   expect(toAbsoluteUrl('')).toEqual('http://localhost:3000');
 | |
|   expect(toAbsoluteUrl('/user/repo')).toEqual('http://localhost:3000/user/repo');
 | |
| 
 | |
|   expect(() => toAbsoluteUrl('path')).toThrowError('unsupported');
 | |
| });
 | |
| 
 | |
| test('encodeURLEncodedBase64, decodeURLEncodedBase64', () => {
 | |
|   const encoder = new TextEncoder();
 | |
|   const uint8array = encoder.encode.bind(encoder);
 | |
| 
 | |
|   expect(encodeURLEncodedBase64(uint8array('AA?'))).toEqual('QUE_'); // standard base64: "QUE/"
 | |
|   expect(encodeURLEncodedBase64(uint8array('AA~'))).toEqual('QUF-'); // standard base64: "QUF+"
 | |
| 
 | |
|   expect(new Uint8Array(decodeURLEncodedBase64('QUE/'))).toEqual(uint8array('AA?'));
 | |
|   expect(new Uint8Array(decodeURLEncodedBase64('QUF+'))).toEqual(uint8array('AA~'));
 | |
|   expect(new Uint8Array(decodeURLEncodedBase64('QUE_'))).toEqual(uint8array('AA?'));
 | |
|   expect(new Uint8Array(decodeURLEncodedBase64('QUF-'))).toEqual(uint8array('AA~'));
 | |
| 
 | |
|   expect(encodeURLEncodedBase64(uint8array('a'))).toEqual('YQ'); // standard base64: "YQ=="
 | |
|   expect(new Uint8Array(decodeURLEncodedBase64('YQ'))).toEqual(uint8array('a'));
 | |
|   expect(new Uint8Array(decodeURLEncodedBase64('YQ=='))).toEqual(uint8array('a'));
 | |
| });
 | |
| 
 | |
| test('file detection', () => {
 | |
|   for (const name of ['a.avif', 'a.jpg', '/a.jpeg', '.file.png', '.webp', 'file.svg']) {
 | |
|     expect(isImageFile({name})).toBeTruthy();
 | |
|   }
 | |
|   for (const name of ['', 'a.jpg.x', '/path.png/x', 'webp']) {
 | |
|     expect(isImageFile({name})).toBeFalsy();
 | |
|   }
 | |
|   for (const name of ['a.mpg', '/a.mpeg', '.file.mp4', '.webm', 'file.mkv']) {
 | |
|     expect(isVideoFile({name})).toBeTruthy();
 | |
|   }
 | |
|   for (const name of ['', 'a.mpg.x', '/path.mp4/x', 'webm']) {
 | |
|     expect(isVideoFile({name})).toBeFalsy();
 | |
|   }
 | |
| });
 |