 af901a4ca9
			
		
	
	
		af901a4ca9
		
			
		
	
	
	
	
		
			
			* detect dark theme via css variable * minor refactor, add documentation If your custom theme is considered a dark theme, set the global css variable `--is-dark-theme` to `true`. This allows gitea to adjust the Monaco code editor's theme accordingly.
		
			
				
	
	
		
			60 lines
		
	
	
	
		
			1.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			60 lines
		
	
	
	
		
			1.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| // transform /path/to/file.ext to file.ext
 | |
| export function basename(path = '') {
 | |
|   return path ? path.replace(/^.*\//, '') : '';
 | |
| }
 | |
| 
 | |
| // transform /path/to/file.ext to .ext
 | |
| export function extname(path = '') {
 | |
|   const [_, ext] = /.+(\.[^.]+)$/.exec(path) || [];
 | |
|   return ext || '';
 | |
| }
 | |
| 
 | |
| // join a list of path segments with slashes, ensuring no double slashes
 | |
| export function joinPaths(...parts) {
 | |
|   let str = '';
 | |
|   for (const part of parts) {
 | |
|     if (!part) continue;
 | |
|     str = !str ? part : `${str.replace(/\/$/, '')}/${part.replace(/^\//, '')}`;
 | |
|   }
 | |
|   return str;
 | |
| }
 | |
| 
 | |
| // test whether a variable is an object
 | |
| export function isObject(obj) {
 | |
|   return Object.prototype.toString.call(obj) === '[object Object]';
 | |
| }
 | |
| 
 | |
| // returns whether a dark theme is enabled
 | |
| export function isDarkTheme() {
 | |
|   const style = window.getComputedStyle(document.documentElement);
 | |
|   return style.getPropertyValue('--is-dark-theme').trim().toLowerCase() === 'true';
 | |
| }
 | |
| 
 | |
| // removes duplicate elements in an array
 | |
| export function uniq(arr) {
 | |
|   return Array.from(new Set(arr));
 | |
| }
 | |
| 
 | |
| // strip <tags> from a string
 | |
| export function stripTags(text) {
 | |
|   return text.replace(/<[^>]*>?/gm, '');
 | |
| }
 | |
| 
 | |
| // searches the inclusive range [minValue, maxValue].
 | |
| // credits: https://matthiasott.com/notes/write-your-media-queries-in-pixels-not-ems
 | |
| export function mqBinarySearch(feature, minValue, maxValue, step, unit) {
 | |
|   if (maxValue - minValue < step) {
 | |
|     return minValue;
 | |
|   }
 | |
|   const mid = Math.ceil((minValue + maxValue) / 2 / step) * step;
 | |
|   if (matchMedia(`screen and (min-${feature}:${mid}${unit})`).matches) {
 | |
|     return mqBinarySearch(feature, mid, maxValue, step, unit); // feature is >= mid
 | |
|   }
 | |
|   return mqBinarySearch(feature, minValue, mid - step, step, unit); // feature is < mid
 | |
| }
 | |
| 
 | |
| export function parseIssueHref(href) {
 | |
|   const path = (href || '').replace(/[#?].*$/, '');
 | |
|   const [_, owner, repo, type, index] = /([^/]+)\/([^/]+)\/(issues|pulls)\/([0-9]+)/.exec(path) || [];
 | |
|   return {owner, repo, type, index};
 | |
| }
 |