[+]
<script>  //open .URL files immediately

document.querySelector('#upload').ondrop= function() {event.preventDefault(); var url=event.dataTransfer.getData('Text');if(url) newurl(url); else sendFiles(event.dataTransfer.files)}  //V2
document.querySelector('#upload').ondragover= function() {this.classList.add('loading');return false}; var folder,get; folder=folder||'%folder%'; get=get||reload //hfs2.4

function newurl(txt){
 var fd = new FormData(), item = new Blob(['[InternetShortcut]\nURL='+txt],{type:'text/plain'})  //txt
 fd.append('myFile', item, txt.replace(/.*\//,'')+'.URL')  //.m3u
 fetch(folder,{method:'POST',body:fd}).then(response => get(folder));
}
</script>

[file.URL]
<div class='item item-type-%item-type% {.if|{.get|can access.}||cannot-access.} {.if|{.get|can archive item.}|can-archive.}'>
	<div class="item-link">
		<a href="{.substring|URL=||{.load|%item-full-url%.}|include=0.}">
			<img src="%item-icon%" />
			%item-name%
		</a>
	</div>
	<div class='item-props'>
		<span class="item-ts"><i class='fa fa-clock'></i> {.cut||-3|%item-modified%.}</span>

[+file.URL]
 	</div>
	<div class='clearer'></div>

[+file.URL]
    {.if| {.length|{.?search.}.} |{:{.123 if 2|<div class='item-folder'>{.!item folder.} |{.breadcrumbs|{:<a href="%bread-url%">%bread-name%/</a>:}|from={.count substring|/|%folder%.}/breadcrumbs.}|</div>.}:} .}
	{.123 if 2|<div class='comment'><i class="fa fa-quote-left"></i><span class="comment-text">|{.commentNL|%item-comment%.}|</span></div>.}
</div>