main.html

<!DOCTYPE html>
<html class="page-index">
	<head>
		<meta charset="UTF-8" />
		<title>Papr</title>			
		<script type="text/javascript">
			var win = nw.Window.get()
			global.onerror = window.onerror = (err) => { 
			    logErr('Unhandled error', err)
				var ok = false;
				if(typeof(win) != 'undefined' && win){
					try {
						win.show()
						ok = true;
					} catch(e) { }
				}
				if(!ok){
					nw.App.closeAllWindows()
				}
				return ok
			}
			function traceback() { 
				try { 
					var a = {}; 
					a.debug() 
				} catch(ex) {
					return ex.stack.replace('TypeError: a.debug is not a function', '').trim()
				}
			}
			function censor(censor) {
				var i = 0;
				return function(key, value) {
					if(i !== 0 && typeof(censor) === 'object' && typeof(value) == 'object' && censor == value) 
						return '[Circular]' 
					if(i >= 29) // seems to be a harded maximum of 30 serialized objects?
						return '[Unknown]'
					++i
					return value
				}
			}
			function logErr(){
				let log = '', a = Array.from(arguments)
				try {
					log += JSON.stringify(a, censor(a)) + "\r\n"
				} catch(e) { }
				log += traceback()+"\r\n\r\n"
				if(!fs){
					fs = require('fs')
				}
				if(fs.existsSync('error.log')){
					fs.appendFileSync('error.log', log)
				} else {
					fs.writeFileSync('error.log', log)
				}
			}
			process.removeAllListeners('uncaughtException')
			process.removeAllListeners('unhandledRejection')
			process.on('uncaughtException', (err) => {
				console.error('Unhandled exception', err)
				if(typeof(logErr)=='function'){
					logErr('Unhandled exception', err)
				}
				//process.exit(1)
				return true
			})
			process.on('unhandledRejection', (reason, p) => {
				console.error(reason, 'Unhandled rejection at promise', p)
				if(typeof(logErr)=='function'){
					logErr(reason, 'Unhandled rejection at promise', p)
				}
				//process.exit(1)
				return true
			})
		</script>	
	</head>
	<body class="initial">
		<header class="initial">
			<div>
				<div id="qfc">
					<a href="javascript:;" id="logo" onclick="home()" title="Papr">
						<img src="default_icon.png" />
					</a> &nbsp; 
					<form id="qf">
						<input type="text" id="q" autocomplete="on" placeholder="Search..." />
						<i class="fas fa-search qf-go-icon" id="submit" onclick="jQuery('#qf').trigger('submit')"></i>
						<i class="fas fa-asterisk fa-spin qf-load-icon"></i>
					</form>
					<!-- <a href="javascript:;" class="option" id="option-cog"><i class="fas fa-cog"></i></a> //-->
					<a href="javascript:;" class="option" id="option-heart" onclick='showFavs()'><i class="fas fa-heart"></i><span class="option-count">0</span></a>
				</div>
				<div id="suggest">
					<div></div>
				</div>
			</div>
		</header>
		<div class="results">
			<section></section>
		</div>
		<div class="sublayer" id="sublayer-front"></div>
		<div class="sublayer" id="sublayer-back"></div>
		<audio id="sound-magic" style="visibility: hidden;">
			<source src="assets/wav/magic.wav" type="audio/wav">
		</audio>
		<footer></footer>
		<script>
			var gui = require('nw.gui'), win = gui.Window.get(), path = require('path'), wallpaper = require('wallpaper'), fs = require('fs'), request = require('request'), progress = require('request-progress'), sanitize = require("sanitize-filename");
			var paths = require('env-paths')('Papr', {suffix: ''})
			var dataPath = paths.data.replace(new RegExp('\\\\', 'g'), '/')
 		</script>
		<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
		<script src="assets/js/jquery-3.2.1.js"></script>
		<script src="assets/js/store.js"></script>
		<script src="assets/js/lang.js"></script>
		<script src="assets/js/util.js"></script>
		<script src="assets/js/target/nw.js"></script>
		<script src="assets/js/papr.js"></script>
		<script>      
			jQuery(window).on('lngload', () => {
				jQuery('#option-cog').attr('title', Lang.OPTIONS);
				jQuery('#option-heart').attr('title', Lang.FAVS);
				jQuery('#submit').attr('title', Lang.CLICK_TO_SEARCH);
				jQuery('#q').attr('placeholder', Lang.SEARCH_PLACEHOLDER);
				jQuery('#q').attr('title', Lang.SEARCH_TIP);
				jQuery('footer').text(Lang.DESCRIPTION);
				updateFavCount();
				doResize();
				jQuery(window).on('resize', doResize);      
				jQuery.getScript("assets/fa/js/fontawesome-all.js")
				updateBackground()
			})

			var locales = [getDefaultLocale(true), 'en'], locale = Config.get('locale');
			if(locale) locales.unshift(locale);
			loadLanguage(locales, () => {
				jQuery(window).trigger('lngload');
			})

			jQuery(document).on('click', 'a.retag', (e) => {
				var bt = jQuery(e.currentTarget), element = bt.parent().prev(), tag = bt.attr('data-tag'), file = element.attr('data-source');
				console.log(element, file);
				var newTag = prompt(Lang.NEW_TAG, tag);
				if(newTag){
					newTag = sanitize(newTag);
					console.log(tag+' => '+newTag);
					if(newTag && newTag != tag){
						var dest = wpPath + '/favs/'+newTag+'/'+path.basename(file), oFolder = path.dirname(file);
						if(file != dest){
							copyFile(file, dest);
							fs.unlink(file, () => {
								console.log('rmdir', oFolder);
								removeDirIfEmpty(oFolder);
								setTimeout(() => {
									showFavs('.tag-block[data-tag="'+newTag+'"]', true);
									updateFavCount()
								}, 150)
							})
						}
					}
				}
			})

			jQuery(document).on('click', 'span.tag-block-title', (e) => {
				var element = jQuery(e.currentTarget), tag = element.attr('data-tag');
				var newTag = prompt(Lang.NEW_TAG, tag);
				if(newTag){
					newTag = sanitize(newTag);
					console.log(tag+' => '+newTag);
					if(newTag && newTag != tag){
						var dest = wpPath + '/favs/'+newTag, oFolder = wpPath + '/favs/'+tag;
						if(newTag.toLowerCase() == tag.toLowerCase()){
							fs.rename(oFolder, dest, (err) => {
								showFavs('.tag-block[data-tag="'+newTag+'"]', true);
							})
						} else {
							console.log(oFolder, dest);
							moveFolder(oFolder, dest, (err) => {
								showFavs('.tag-block[data-tag="'+newTag+'"]', true);
							})
						}
					}
				}				
			})

			jQuery(document).on('click', 'a.remfav', (e) => {
				var bt = jQuery(e.currentTarget), element = bt.parent().prev(), tag = bt.attr('data-tag');
				bt.remove();
				var file = (element).attr('data-source');
				fs.unlink(file, (err) => {
					if (err) throw err;
					console.log('successfully deleted '+file);
					removeDirIfEmpty(path.dirname(file));
					setTimeout(() => {
						showFavs('.tag-block[data-tag="'+tag+'"]', true);
						updateFavCount()
					}, 150)
				});
			})

			jQuery(document).on('click', 'a.addfav', (e) => {
				var kw = jQuery('#q').val(), bt = jQuery(e.currentTarget), element = bt.parent().prev(), loader = element.find('.item-loading-fill');
				setItemState(element, 'working');
				bt.addClass('isfav');
				downloadWallpaper((element).attr('data-url'), (element).attr('data-source'), element, (p) => {
					return;
					if(p.size && p.size.total){
						var p = p.percent;
						if(p < 0.175){
							p = 0.175;
						}
						console.warn('percent', p);
						loader.css('opacity', p)
					}
				}, (err, result) => {
					console.log('done', err, result);
					if(err){
						console.error('download err', err);
						setItemState(element, 'error');
						bt.removeClass('isfav')
					} else {
						validateImage(result, (err) => {
							if(err){
								console.error('download corrupted', err)
								setItemState(element, 'error')
								bt.removeClass('isfav')
							} else {
								setItemState(element, 'success')
								var dest = wpPath + '/favs/'+kw+'/'+path.basename(result)
								copyFile(result, dest)
								updateFavCount()
							}
						})
					}
					setTimeout(() => {
						setItemState(element, 'normal')
					}, 1200)
				})
			})

			jQuery(document).on('click', 'a.info', (e) => {
				var bt = jQuery(e.currentTarget), element = bt.parent().prev();
				nw.Shell.openExternal(bt.attr('data-url'))
			})

			jQuery(document).on('click', 'a.item.fav', (e) => {
				focusDesktop()
				var element = jQuery(e.currentTarget);
				var file = (element).attr('data-source')
				setItemState(element, 'success');
				setWallpaper(file);
				setTimeout(() => {
					setItemState(element, 'normal')
				}, 1200)
			})

			jQuery(document).on('click', 'a.item.result', (e) => {
				focusDesktop()
				var kw = jQuery('#q').val(), element = jQuery(e.currentTarget), loader = element.find('.item-loading-fill');
				setItemState(element, 'working');
				downloadWallpaper((element).attr('data-url'), (element).attr('data-source'), element, (p) => {
					return;
					if(p.size && p.size.total){
						var p = p.percent;
						if(p < 0.175){
							p = 0.175;
						}
						console.warn('percent', p);
						loader.css('opacity', p)
					}
				}, (err, result) => {
					console.log('done', err, result);
					if(err){
						console.error('download err', err);
						setItemState(element, 'error')
					} else {
						validateImage(result, (err) => {
							if(err){
								console.error('download corrupted', err, result);
								setItemState(element, 'error')
							} else {
								setItemState(element, 'success')
								let loc = Config.get("fixed-location")
								if(!loc){
									loc = path.resolve(wpPath + '/active.jpg')
								}
								copyFile(result, loc, () => {
									setWallpaper(loc)
								})
								if(Config.get("favorite-on-apply")){
									var dest = wpPath + '/favs/'+kw+'/'+path.basename(result)
									copyFile(result, dest)
									updateFavCount()
								}
							}
						})
					}
					setTimeout(() => {
						setItemState(element, 'normal')
					}, 1200)
				})
			})

			jQuery('#qf').on('submit', (e) => {
				e.preventDefault(); // Cancel the submit
				setLoading(true);
				var kw = jQuery('#q').val();
				jQuery('header, body').removeClass('initial');
				setTimeout(() => {
					doSearch(kw)
				}, 50);
            	return false; // Exit the .each loop
			})

			jQuery('body').on('scroll', () => {
				console.log('scroll')
				if(shouldLoadMore()){
					console.log('load')
					load(currentKeywords)
				}
			})

			window.addEventListener('beforeunload', () => {
				console.log('Cleaning temp folder')
				removeFolder(wpPath + '/download', false, () => {
					console.log('Temp folder clean')
				})
			})

			document.onkeyup=function(e){
				var e = e || window.event; // for IE to cover IEs window event-object
				if(e.ctrlKey){
					if(e.altKey){
						if(e.which == 83) { // Ctrl+Alt+S
							notify(Lang.FIX_WALLPAPER_PATH)
							saveFileDialog(Config.get('fixed-location'), file => {
								if(file){
									Config.set('fixed-location', file)
								} else {
									Config.set('fixed-location', '')
								}
							})
							return false
						}
					} else {
						if(e.which == 83) { // Ctrl+S
							wallpaper.get().then(wfile => {
								saveAs(file => {
									fs.copyFile(wfile, file, () => {})
								})
							})
							return false
						} else if(e.which == 79) { // Ctrl+O
							openFileDialog(file => {
								let loc = Config.get('fixed-location')
								if(!loc){
									loc = path.resolve(wpPath + '/active.jpg')
								}
								fs.copyFile(file, loc, () => {
									setWallpaper(file)
								})
							}, 'image/*')
							return false
						}
					}
				}

			}

			nw.App.on('open', function (argString) {
				win.show()
				win.focus()
				win.restore()
			})
		</script>
	</body>
</html>