init
This commit is contained in:
iceyrazor
commit
bcdd786134
|
|
@ -0,0 +1 @@
|
||||||
|
/node_modules/*
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2024 iceyrazor
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
{
|
||||||
|
"default_folders": [
|
||||||
|
"%Downloads%",
|
||||||
|
"%Pictures%",
|
||||||
|
"%Videos%",
|
||||||
|
"%Documents%",
|
||||||
|
"%Desktop%",
|
||||||
|
"C:\\Users\\ricke\\Desktop\\projects\\better file browser",
|
||||||
|
"C:\\Users\\ricke\\Desktop\\projects\\mic"
|
||||||
|
]
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,15 @@
|
||||||
|
{
|
||||||
|
"name": "iceys-file-browser",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "file browser window... thing. idfk. cope",
|
||||||
|
"main": "src/main.js",
|
||||||
|
"scripts": {
|
||||||
|
"start":"electron .",
|
||||||
|
"test": "echo \"Error: no test specified\" && exit 1"
|
||||||
|
},
|
||||||
|
"author": "iceyrazor",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"electron": "^15.3.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
|
@ -0,0 +1,347 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title></title>
|
||||||
|
<style>
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 0px; /* Remove scrollbar space */
|
||||||
|
background: transparent; /* Optional: just make scrollbar invisible */
|
||||||
|
}
|
||||||
|
html{
|
||||||
|
background-color: rgba(30,30,30,0.3);
|
||||||
|
color: white;
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
}
|
||||||
|
.main-wrap{
|
||||||
|
user-select: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 5%;
|
||||||
|
right: 10px;
|
||||||
|
width: 90%;
|
||||||
|
min-height: 20px;
|
||||||
|
max-height: 70%;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
#folder_box{
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
#folder_box > div{
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
#folder_box > div:first-child{
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-folder{
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
.center_text{
|
||||||
|
display: flex;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
justify-content: left;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.center_text > img{
|
||||||
|
padding-right: 5px;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.folder-item{
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#context_menu{
|
||||||
|
display: none;
|
||||||
|
user-select: none;
|
||||||
|
position: absolute;
|
||||||
|
background-color: rgba(40,40,40,1);
|
||||||
|
padding: 4px;
|
||||||
|
left: 0px;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
#context_menu > div:hover{
|
||||||
|
background-color: rgba(80,80,80);
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav_bar{
|
||||||
|
user-select: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 3%;
|
||||||
|
left: 5%;
|
||||||
|
width: 91%;
|
||||||
|
display: flex;
|
||||||
|
direction: rtl;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
background-color: rgba(30,30,30,1);
|
||||||
|
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#nav_bar > div{
|
||||||
|
padding: 4px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
#nav_bar > div:hover{
|
||||||
|
background-color: rgba(80,80,80,1);
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="main-wrap"><div id="folder_box"></div></div>
|
||||||
|
|
||||||
|
<div id="context_menu">
|
||||||
|
<div onClick="reload()">reload everything</div>
|
||||||
|
<div onClick="add_to_list()">add folder to list</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="nav_bar">
|
||||||
|
<div onclick="settings()">settings</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
//lerd teh loobrewies
|
||||||
|
const fs=require('fs'),
|
||||||
|
os=require('os'),
|
||||||
|
path=require('path'),
|
||||||
|
electron=require('electron'),
|
||||||
|
{shell,ipcRenderer}=require('electron');
|
||||||
|
|
||||||
|
//create config if not exist
|
||||||
|
if(fs.existsSync(path.resolve(__dirname,"../config.json"))!=true){
|
||||||
|
let obj={
|
||||||
|
default_folders:[
|
||||||
|
"%Downloads%",
|
||||||
|
"%Pictures%",
|
||||||
|
"%Videos%",
|
||||||
|
"%Documents%",
|
||||||
|
"%Desktop%"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
fs.writeFile(
|
||||||
|
path.resolve(__dirname,"../config.json"),
|
||||||
|
JSON.stringify(obj,null,4),
|
||||||
|
()=>{
|
||||||
|
let obj=null
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
//_*folder function related*_
|
||||||
|
//load folder config
|
||||||
|
|
||||||
|
function load_default_folders(){
|
||||||
|
|
||||||
|
fs.readFile(path.resolve(__dirname + '/../config.json'), function (err, data) {
|
||||||
|
data=JSON.parse(data)["default_folders"];
|
||||||
|
|
||||||
|
let text="<div></div>"
|
||||||
|
|
||||||
|
data.forEach((folder,i)=>{
|
||||||
|
name=folder.replace(/%/g,"");
|
||||||
|
|
||||||
|
folder=folder.replace(
|
||||||
|
/%Desktop%/g,path.resolve(os.userInfo().homedir,"Desktop")
|
||||||
|
).replace(
|
||||||
|
/%Pictures%/g,path.resolve(os.userInfo().homedir,"Pictures")
|
||||||
|
).replace(
|
||||||
|
/%Documents%/g,path.resolve(os.userInfo().homedir,"Documents")
|
||||||
|
).replace(
|
||||||
|
/%Videos%/g,path.resolve(os.userInfo().homedir,"Videos")
|
||||||
|
).replace(
|
||||||
|
/%Downloads%/g,path.resolve(os.userInfo().homedir,"Downloads")
|
||||||
|
);
|
||||||
|
|
||||||
|
name=folder.replace(
|
||||||
|
path.resolve(os.userInfo().homedir,"Desktop"),'Desktop'
|
||||||
|
).replace(
|
||||||
|
path.resolve(os.userInfo().homedir,"Pictures"),'Pictures'
|
||||||
|
).replace(
|
||||||
|
path.resolve(os.userInfo().homedir,"Documents"),'Documents'
|
||||||
|
).replace(
|
||||||
|
path.resolve(os.userInfo().homedir,"Videos"),'Videos'
|
||||||
|
).replace(
|
||||||
|
path.resolve(os.userInfo().homedir,"Downloads"),'Downloads'
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
let file_parsed=folder.replace(/\\/g,"\\\\");
|
||||||
|
|
||||||
|
if (fs.existsSync(folder)) {
|
||||||
|
text+=
|
||||||
|
'<div class="folder">'+
|
||||||
|
'<div class="center_text" onclick="open_folder(\''+file_parsed+'\')">'+
|
||||||
|
'<img src="imgassets/foldericon.ico" />'+name+
|
||||||
|
'</div>'+
|
||||||
|
'<div class="sub-folder" id="'+(folder)+'"></div></div>'
|
||||||
|
} else {
|
||||||
|
text+='<div style="background-color: rgb(180,0,0);" class="not-exist" id="'+folder
|
||||||
|
+'">'+folder+' does not exist</div>'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
document.getElementById('folder_box').innerHTML=text
|
||||||
|
});
|
||||||
|
}
|
||||||
|
load_default_folders();
|
||||||
|
|
||||||
|
|
||||||
|
let folder_box=document.getElementById('folder_box')
|
||||||
|
|
||||||
|
function open_folder(id){
|
||||||
|
let div=document.getElementById(id)
|
||||||
|
if(div.innerHTML==""){
|
||||||
|
fs.readdir(id,(err, files) => {
|
||||||
|
files.sort((a,b)=>{
|
||||||
|
if(a.includes(".")){
|
||||||
|
return 0
|
||||||
|
} else {
|
||||||
|
return -1
|
||||||
|
}
|
||||||
|
})
|
||||||
|
for(file in files){
|
||||||
|
let file_parsed=(id+"\\"+files[file]).replace(/\\/g,"\\\\");
|
||||||
|
|
||||||
|
if(files[file].includes('.')){
|
||||||
|
div.innerHTML+=
|
||||||
|
'<div class="folder-item" onclick="shell.openPath(\''+(file_parsed)
|
||||||
|
+'\')">'+
|
||||||
|
files[file]+'</div>'
|
||||||
|
} else {
|
||||||
|
div.innerHTML+=
|
||||||
|
'<div class="folder">'+
|
||||||
|
'<div class="center_text" onclick="open_folder(\''+file_parsed+'\')">'+
|
||||||
|
'<img src="imgassets/foldericon.ico" />'+files[file]+
|
||||||
|
'</div>'+
|
||||||
|
'<div class="sub-folder" id="'+(id+"\\"+files[file])+'"></div></div>'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
div.innerHTML=""
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//_*context menu stuffs*_
|
||||||
|
let context_data=""
|
||||||
|
context_menu=document.getElementById('context_menu')
|
||||||
|
context_menu_default=context_menu.innerHTML
|
||||||
|
|
||||||
|
window.addEventListener("contextmenu", e=>{
|
||||||
|
if(e.target.onclick){
|
||||||
|
let str=e.target.onclick.toString().match(/\'.*\'/g)[0].replace(/\'/g,"")
|
||||||
|
if(str.includes(".")){
|
||||||
|
|
||||||
|
}
|
||||||
|
else if(str){
|
||||||
|
e.preventDefault();
|
||||||
|
context_menu.innerHTML=context_menu_default
|
||||||
|
context_data=str.replace(/\\\\/g,"\\")
|
||||||
|
if(e.srcElement.parentNode.parentNode.id=="folder_box"){
|
||||||
|
context_menu.innerHTML+='<div onclick="remove_from_list()">remove from list</div>'
|
||||||
|
}
|
||||||
|
context_menu.style.display="block";
|
||||||
|
context_menu.style.left=e.pageX+'px';
|
||||||
|
context_menu.style.top=e.pageY+'px';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if(e.target.class="not-exist"){
|
||||||
|
console.log(e.target.id.toString());
|
||||||
|
str=e.target.id.toString()
|
||||||
|
e.preventDefault();
|
||||||
|
context_menu.innerHTML='<div onclick="remove_from_list()">remove from list</div>'
|
||||||
|
context_data=str.replace(/\\\\/g,"\\")
|
||||||
|
|
||||||
|
context_menu.style.display="block";
|
||||||
|
context_menu.style.left=e.pageX+'px';
|
||||||
|
context_menu.style.top=e.pageY+'px';
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
window.addEventListener('mousedown',e=>{
|
||||||
|
if(context_menu.style.display!="none"){
|
||||||
|
setTimeout(()=>{
|
||||||
|
|
||||||
|
context_menu.style.display="none"
|
||||||
|
|
||||||
|
},200)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
function add_to_list(id){
|
||||||
|
if(id==null){
|
||||||
|
id=context_data
|
||||||
|
}
|
||||||
|
|
||||||
|
fs.readFile(path.resolve(__dirname + '/../config.json'), function (err, data) {
|
||||||
|
data=JSON.parse(data)
|
||||||
|
data["default_folders"].push(id)
|
||||||
|
fs.writeFile(
|
||||||
|
path.resolve(__dirname,"../config.json"),
|
||||||
|
JSON.stringify(data,null,4),
|
||||||
|
()=>{
|
||||||
|
load_default_folders();
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function remove_from_list(){
|
||||||
|
fs.readFile(path.resolve(__dirname + '/../config.json'), function (err, data) {
|
||||||
|
data=JSON.parse(data)
|
||||||
|
data["default_folders"].forEach((folder,i)=>{
|
||||||
|
folder=folder.replace(
|
||||||
|
/%Desktop%/g,path.resolve(os.userInfo().homedir,"Desktop")
|
||||||
|
).replace(
|
||||||
|
/%Pictures%/g,path.resolve(os.userInfo().homedir,"Pictures")
|
||||||
|
).replace(
|
||||||
|
/%Documents%/g,path.resolve(os.userInfo().homedir,"Documents")
|
||||||
|
).replace(
|
||||||
|
/%Videos%/g,path.resolve(os.userInfo().homedir,"Videos")
|
||||||
|
).replace(
|
||||||
|
/%Downloads%/g,path.resolve(os.userInfo().homedir,"Downloads")
|
||||||
|
);
|
||||||
|
if(folder==context_data){
|
||||||
|
console.log("L + RATIO + REMOVED YOUR FILE "+context_data+" + COPE");
|
||||||
|
data["default_folders"].splice(i,1)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
fs.writeFile(
|
||||||
|
path.resolve(__dirname,"../config.json"),
|
||||||
|
JSON.stringify(data,null,4),
|
||||||
|
()=>{
|
||||||
|
load_default_folders();
|
||||||
|
}
|
||||||
|
)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function reload(){
|
||||||
|
location.reload();
|
||||||
|
}
|
||||||
|
|
||||||
|
//_*allow click behind*_
|
||||||
|
folder_box.addEventListener('mouseenter',()=>{
|
||||||
|
ipcRenderer.send('set-click','false')
|
||||||
|
})
|
||||||
|
folder_box.addEventListener('mouseleave',()=>{
|
||||||
|
ipcRenderer.send('set-click','true')
|
||||||
|
});
|
||||||
|
context_menu.addEventListener('mouseenter',()=>{
|
||||||
|
ipcRenderer.send('set-click','false')
|
||||||
|
})
|
||||||
|
context_menu.addEventListener('mouseleave',()=>{
|
||||||
|
ipcRenderer.send('set-click','true')
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,61 @@
|
||||||
|
const electron = require('electron'),
|
||||||
|
{app,BrowserWindow,Menu,Tray,ipcMain} = require('electron'),
|
||||||
|
path = require('path');
|
||||||
|
|
||||||
|
myWindow=null;
|
||||||
|
global.tray=null;
|
||||||
|
app.whenReady().then(()=>{
|
||||||
|
//set tray icon
|
||||||
|
tray = new Tray(path.join(__dirname+'/imgassets/icon.ico'))
|
||||||
|
const contextMenu = Menu.buildFromTemplate([
|
||||||
|
{label:"on top",click(){
|
||||||
|
switch(myWindow.isAlwaysOnTop()){
|
||||||
|
case true:
|
||||||
|
myWindow.setAlwaysOnTop(false);
|
||||||
|
break;
|
||||||
|
case false:
|
||||||
|
myWindow.setAlwaysOnTop(true)
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}},
|
||||||
|
{label:"exit",click(){ app.quit(); }},
|
||||||
|
])
|
||||||
|
tray.setToolTip('better file browser')
|
||||||
|
tray.setContextMenu(contextMenu)
|
||||||
|
|
||||||
|
//figure out screens
|
||||||
|
primaryscreen=electron.screen.getPrimaryDisplay()
|
||||||
|
|
||||||
|
//create window
|
||||||
|
myWindow=new BrowserWindow({
|
||||||
|
width: Math.floor(primaryscreen.bounds.width/5),
|
||||||
|
//width: 800,
|
||||||
|
height: primaryscreen.bounds.height,
|
||||||
|
frame: false,
|
||||||
|
transparent:true,
|
||||||
|
webPreferences:{
|
||||||
|
nodeIntegration: true,
|
||||||
|
contextIsolation: false,
|
||||||
|
enableRemoteModule: false,
|
||||||
|
}
|
||||||
|
});
|
||||||
|
//set intial position
|
||||||
|
myWindow.setPosition(primaryscreen.bounds.width-myWindow.getBounds().width,0)
|
||||||
|
|
||||||
|
myWindow.setAlwaysOnTop(true);
|
||||||
|
|
||||||
|
myWindow.loadFile('src/index.html');
|
||||||
|
myWindow.once('ready-to-show', () => {
|
||||||
|
//myWindow.webContents.openDevTools()
|
||||||
|
myWindow.setIgnoreMouseEvents(true, { forward: true });
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
ipcMain.on('set-click',(event,arg)=>{
|
||||||
|
if(arg=='false'){
|
||||||
|
myWindow.setIgnoreMouseEvents(false)
|
||||||
|
} else {
|
||||||
|
myWindow.setIgnoreMouseEvents(true, { forward: true });
|
||||||
|
}
|
||||||
|
})
|
||||||
Reference in New Issue