This repository has been archived by the owner on Oct 22, 2021. It is now read-only.
/
filesystem.class.js
435 lines (384 loc) · 21.2 KB
/
filesystem.class.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
class FilesystemDisplay {
constructor(opts) {
if (!opts.parentId) throw "Missing options";
const fs = require("fs");
const path = require("path");
this.cwd = [];
this.iconcolor = `rgb(${window.theme.r}, ${window.theme.g}, ${window.theme.b})`;
this.fileIconsMatcher = require("./assets/misc/file-icons-match.js");
this.icons = require("./assets/icons/file-icons.json");
this.edexIcons = {
theme: {
width: 24,
height: 24,
svg: '<path d="M 17.9994,3.99805L 17.9994,2.99805C 17.9994,2.44604 17.5514,1.99805 16.9994,1.99805L 4.9994,1.99805C 4.4474,1.99805 3.9994,2.44604 3.9994,2.99805L 3.9994,6.99805C 3.9994,7.55005 4.4474,7.99805 4.9994,7.99805L 16.9994,7.99805C 17.5514,7.99805 17.9994,7.55005 17.9994,6.99805L 17.9994,5.99805L 18.9994,5.99805L 18.9994,9.99805L 8.9994,9.99805L 8.9994,20.998C 8.9994,21.55 9.4474,21.998 9.9994,21.998L 11.9994,21.998C 12.5514,21.998 12.9994,21.55 12.9994,20.998L 12.9994,11.998L 20.9994,11.998L 20.9994,3.99805L 17.9994,3.99805 Z"/>'
},
themesDir: {
width: 24,
height: 24,
svg: `<path d="m9.9994 3.9981h-6c-1.105 0-1.99 0.896-1.99 2l-0.01 12c0 1.104 0.895 2 2 2h16c1.104 0 2-0.896 2-2v-9.9999c0-1.104-0.896-2-2-2h-8l-1.9996-2z" stroke-width=".2"/><path stroke-linejoin="round" d="m18.8 9.3628v-0.43111c0-0.23797-0.19314-0.43111-0.43111-0.43111h-5.173c-0.23797 0-0.43111 0.19313-0.43111 0.43111v1.7244c0 0.23797 0.19314 0.43111 0.43111 0.43111h5.1733c0.23797 0 0.43111-0.19314 0.43111-0.43111v-0.43111h0.43111v1.7244h-4.3111v4.7422c0 0.23797 0.19314 0.43111 0.43111 0.43111h0.86221c0.23797 0 0.43111-0.19314 0.43111-0.43111v-3.879h3.449v-3.4492z" stroke-width=".086221" fill="${window.theme.colors.light_black}"/>`
},
kblayout: {
width: 24,
height: 24,
svg: '<path d="M 18.9994,9.99807L 16.9994,9.99807L 16.9994,7.99807L 18.9994,7.99807M 18.9994,12.9981L 16.9994,12.9981L 16.9994,10.9981L 18.9994,10.9981M 15.9994,9.99807L 13.9994,9.99807L 13.9994,7.99807L 15.9994,7.99807M 15.9994,12.9981L 13.9994,12.9981L 13.9994,10.9981L 15.9994,10.9981M 15.9994,16.9981L 7.99941,16.9981L 7.99941,14.9981L 15.9994,14.9981M 6.99941,9.99807L 4.99941,9.99807L 4.99941,7.99807L 6.99941,7.99807M 6.99941,12.9981L 4.99941,12.9981L 4.99941,10.9981L 6.99941,10.9981M 7.99941,10.9981L 9.99941,10.9981L 9.99941,12.9981L 7.99941,12.9981M 7.99941,7.99807L 9.99941,7.99807L 9.99941,9.99807L 7.99941,9.99807M 10.9994,10.9981L 12.9994,10.9981L 12.9994,12.9981L 10.9994,12.9981M 10.9994,7.99807L 12.9994,7.99807L 12.9994,9.99807L 10.9994,9.99807M 19.9994,4.99807L 3.99941,4.99807C 2.89441,4.99807 2.0094,5.89406 2.0094,6.99807L 1.99941,16.9981C 1.99941,18.1021 2.89441,18.9981 3.99941,18.9981L 19.9994,18.9981C 21.1034,18.9981 21.9994,18.1021 21.9994,16.9981L 21.9994,6.99807C 21.9994,5.89406 21.1034,4.99807 19.9994,4.99807 Z"/>'
},
kblayoutsDir: {
width: 24,
height: 24,
svg: `<path d="m9.9994 3.9981h-6c-1.105 0-1.99 0.896-1.99 2l-0.01 12c0 1.104 0.895 2 2 2h16c1.104 0 2-0.896 2-2v-9.9999c0-1.104-0.896-2-2-2h-8l-1.9996-2z" stroke-width=".2"/><path stroke-linejoin="round" d="m17.48 11.949h-1.14v-1.14h1.14m0 2.8499h-1.14v-1.14h1.14m-1.7099-0.56999h-1.14v-1.14h1.14m0 2.8499h-1.14v-1.14h1.14m0 3.4199h-4.56v-1.14h4.56m-5.13-2.85h-1.1399v-1.14h1.14m0 2.8499h-1.1399v-1.14h1.14m0.56998 0h1.14v1.14h-1.14m0-2.8499h1.14v1.14h-1.14m1.7099 0.56999h1.14v1.14h-1.14m0-2.8499h1.14v1.14h-1.14m5.13-2.8494h-9.1199c-0.62982 0-1.1343 0.51069-1.1343 1.14l-0.0057 5.6998c0 0.62925 0.51013 1.14 1.14 1.14h9.1196c0.62925 0 1.14-0.5107 1.14-1.14v-5.6998c0-0.62926-0.5107-1.14-1.14-1.14z" stroke-width="0.114" fill="${window.theme.colors.light_black}"/>`
},
settings: {
width: 24,
height: 24,
svg: '<path d="M 11.9994,15.498C 10.0664,15.498 8.49939,13.931 8.49939,11.998C 8.49939,10.0651 10.0664,8.49805 11.9994,8.49805C 13.9324,8.49805 15.4994,10.0651 15.4994,11.998C 15.4994,13.931 13.9324,15.498 11.9994,15.498 Z M 19.4284,12.9741C 19.4704,12.6531 19.4984,12.329 19.4984,11.998C 19.4984,11.6671 19.4704,11.343 19.4284,11.022L 21.5414,9.36804C 21.7294,9.21606 21.7844,8.94604 21.6594,8.73004L 19.6594,5.26605C 19.5354,5.05005 19.2734,4.96204 19.0474,5.04907L 16.5584,6.05206C 16.0424,5.65607 15.4774,5.32104 14.8684,5.06903L 14.4934,2.41907C 14.4554,2.18103 14.2484,1.99805 13.9994,1.99805L 9.99939,1.99805C 9.74939,1.99805 9.5434,2.18103 9.5054,2.41907L 9.1304,5.06805C 8.52039,5.32104 7.95538,5.65607 7.43939,6.05206L 4.95139,5.04907C 4.7254,4.96204 4.46338,5.05005 4.33939,5.26605L 2.33939,8.73004C 2.21439,8.94604 2.26938,9.21606 2.4574,9.36804L 4.5694,11.022C 4.5274,11.342 4.49939,11.6671 4.49939,11.998C 4.49939,12.329 4.5274,12.6541 4.5694,12.9741L 2.4574,14.6271C 2.26938,14.78 2.21439,15.05 2.33939,15.2661L 4.33939,18.73C 4.46338,18.946 4.7254,19.0341 4.95139,18.947L 7.4404,17.944C 7.95639,18.34 8.52139,18.675 9.1304,18.9271L 9.5054,21.577C 9.5434,21.8151 9.74939,21.998 9.99939,21.998L 13.9994,21.998C 14.2484,21.998 14.4554,21.8151 14.4934,21.577L 14.8684,18.9271C 15.4764,18.6741 16.0414,18.34 16.5574,17.9431L 19.0474,18.947C 19.2734,19.0341 19.5354,18.946 19.6594,18.73L 21.6594,15.2661C 21.7844,15.05 21.7294,14.78 21.5414,14.6271L 19.4284,12.9741 Z"/>'
}
};
const container = document.getElementById(opts.parentId);
container.innerHTML = `
<h3 class="title"><p>FILESYSTEM</p><p id="fs_disp_title_dir"></p></h3>
<div id="fs_disp_container">
</div>
<div id="fs_space_bar">
<h1>EXIT DISPLAY</h1>
<h3>Calculating available space...</h3><progress value="100" max="100"></progress>
</div>`;
this.filesContainer = document.getElementById("fs_disp_container");
this.space_bar = {
text: document.querySelector("#fs_space_bar > h3"),
bar: document.querySelector("#fs_space_bar > progress")
};
this.fsBlock = {};
this.dirpath = "";
this.failed = false;
this._noTracking = false;
this._runNextTick = false;
this._reading = false;
this._timer = setInterval(() => {
if (this._runNextTick === true) {
this._runNextTick = false;
this.readFS(this.dirpath);
}
}, 1000);
this._asyncFSwrapper = new Proxy(fs, {
get: function(fs, prop) {
if (prop in fs) {
return function(...args) {
return new Promise((resolve, reject) => {
fs[prop](...args, (err, d) => {
if (typeof err !== "undefined" && err !== null) reject(err);
if (typeof d !== "undefined") resolve(d);
if (typeof d === "undefined" && typeof err === "undefined") resolve();
});
});
}
}
},
set: function() {
return false;
}
});
this.setFailedState = () => {
this.failed = true;
container.innerHTML = `
<h3 class="title"><p>FILESYSTEM</p><p id="fs_disp_title_dir">EXECUTION FAILED</p></h3>
<h2 id="fs_disp_error">CANNOT ACCESS CURRENT WORKING DIRECTORY</h2>`;
};
this.followTab = () => {
// Don't follow tabs when running in detached mode, see #432
if (this._noTracking) return false;
let num = window.currentTerm;
window.term[num].oncwdchange = cwd => {
if (cwd && window.currentTerm === num) {
if (this._fsWatcher) {
this._fsWatcher.close();
}
if (cwd.startsWith("FALLBACK |-- ")) {
this.readFS(cwd.slice(13));
this._noTracking = true;
} else {
this.readFS(cwd);
this.watchFS(cwd);
}
}
};
};
this.followTab();
this.watchFS = dir => {
if (this._fsWatcher) {
this._fsWatcher.close();
}
this._fsWatcher = fs.watch(dir, () => {
this._runNextTick = true;
});
};
this.toggleHidedotfiles = () => {
if (window.settings.hideDotfiles) {
container.setAttribute("class", "");
window.settings.hideDotfiles = false;
} else {
container.setAttribute("class", "hideDotfiles");
window.settings.hideDotfiles = true;
}
};
this.readFS = async dir => {
if (this.failed === true || this._reading) return false;
this._reading = true;
if (process.platform === "win32" && dir.endsWith(":")) dir = dir+"\\";
let tcwd = dir;
let content = await this._asyncFSwrapper.readdir(tcwd).catch(err => {
console.warn(err);
if (this._noTracking === true && this.dirpath) { // #262
this.setFailedState();
setTimeout(() => {
this.readFS(this.dirpath);
}, 1000);
} else {
this.setFailedState();
}
});
this.cwd = [];
await new Promise((resolve, reject) => {
if (content.length === 0) resolve();
content.forEach(async (file, i) => {
let fstat = await this._asyncFSwrapper.lstat(path.join(tcwd, file)).catch(e => {
if (!e.message.includes("EPERM") && !e.message.includes("EBUSY")) {
reject();
}
});
let e = {
name: window._escapeHtml(file),
type: "other",
category: "other",
hidden: false
};
if (typeof fstat !== "undefined") {
if (fstat.isDirectory()) {
e.category = "dir";
e.type = "dir";
}
if (e.category === "dir" && tcwd === settingsDir && file === "themes") e.type="edex-themesDir";
if (e.category === "dir" && tcwd === settingsDir && file === "keyboards") e.type = "edex-kblayoutsDir";
if (fstat.isSymbolicLink()) {
e.category = "symlink";
e.type = "symlink";
}
if (fstat.isFile()) {
e.category = "file";
e.type = "file";
}
} else {
e.type = "system";
e.hidden = true;
}
if (e.category === "file" && tcwd === themesDir && file.endsWith(".json")) e.type = "edex-theme";
if (e.category === "file" && tcwd === keyboardsDir && file.endsWith(".json")) e.type = "edex-kblayout";
if (e.category === "file" && tcwd === settingsDir && file === "settings.json") e.type = "edex-settings";
if (file.startsWith(".")) e.hidden = true;
this.cwd.push(e);
if (i === content.length-1) resolve();
});
}).catch(() => { this.setFailedState() });
if (this.failed) return false;
let ordering = {
dir: 0,
symlink: 1,
file: 2,
other: 3
};
this.cwd.sort((a, b) => {
return (ordering[a.category] - ordering[b.category] || a.name.localeCompare(b.name));
});
this.cwd.splice(0, 0, {
name: "Show disks",
type: "showDisks"
});
if (tcwd !== "/" && /^[A-Z]:\\$/i.test(tcwd) === false) {
this.cwd.splice(1, 0, {
name: "Go up",
type: "up"
});
}
let d = await window.si.fsSize().catch(() => {
this.setFailedState();
});
d.forEach(fsBlock => {
if (tcwd.startsWith(fsBlock.mount)) {
this.fsBlock = fsBlock;
}
});
this.dirpath = tcwd;
this.render(this.cwd);
this._reading = false;
};
this.readDevices = async () => {
if (this.failed === true) return false;
let blocks = await window.si.blockDevices();
let devices = [];
blocks.forEach(block => {
if (fs.existsSync(block.mount)) {
let type = (block.type === "rom") ? "rom" : "disk";
if (block.removable && block.type !== "rom") {
type = "usb";
}
devices.push({
name: (block.label !== "") ? `${block.label} (${block.name})` : `${block.mount} (${block.name})`,
type,
path: block.mount
});
}
});
this.render(devices, true);
};
this.render = async (blockList, isDiskView) => {
if (this.failed === true) return false;
if (isDiskView) {
document.getElementById("fs_disp_title_dir").innerText = "Showing available block devices";
this.filesContainer.setAttribute("class", "disks");
} else {
document.getElementById("fs_disp_title_dir").innerText = this.dirpath;
this.filesContainer.setAttribute("class", "");
}
if (this._noTracking) {
document.querySelector("section#filesystem > h3.title > p:first-of-type").innerText = "FILESYSTEM - TRACKING FAILED, RUNNING DETACHED FROM TTY";
}
let filesDOM = ``;
blockList.forEach(e => {
let hidden = e.hidden ? " hidden" : "";
let cmd;
if (!this._noTracking) {
if (e.type === "dir" || e.type.endsWith("Dir")) {
cmd = `window.term[window.currentTerm].writelr('cd \\'${e.name.replace(/\\/g, "\\\\")}\\'')`;
} else if (e.type === "up") {
cmd = `window.term[window.currentTerm].writelr('cd ..')`;
} else if (e.type === "disk" || e.type === "rom" || e.type === "usb") {
if (process.platform === "win32") {
cmd = `window.term[window.currentTerm].writelr('${e.path.replace(/\\/g, "\\\\")}')`;
} else {
cmd = `window.term[window.currentTerm].writelr('cd \\'${e.path.replace(/\\/g, "\\\\")}\\'')`;
}
} else {
cmd = `window.term[window.currentTerm].write('\\'${e.name}\\'')`;
}
} else {
if (e.type === "dir" || e.type.endsWith("Dir")) {
cmd = `window.fsDisp.readFS('${path.resolve(this.dirpath, e.name).replace(/\\/g, '\\\\')}')`;
} else if (e.type === "up") {
cmd = `window.fsDisp.readFS('${path.resolve(this.dirpath, '..').replace(/\\/g, '\\\\')}')`;
} else if (e.type === "disk" || e.type === "rom" || e.type === "usb") {
cmd = `window.fsDisp.readFS('${e.path.replace(/\\/g, '\\\\')}')`;
} else {
cmd = `window.term[window.currentTerm].write('\\'${path.resolve(this.dirpath, e.name)}\\'')`;
}
}
if (e.type === "system") {
cmd = "";
}
if (e.type === "showDisks") {
cmd = `window.fsDisp.readDevices()`;
}
if (e.type === "edex-theme") {
cmd = `window.themeChanger('${e.name.slice(0, -5)}')`;
}
if (e.type === "edex-kblayout") {
cmd = `window.remakeKeyboard('${e.name.slice(0, -5)}')`;
}
if (e.type === "edex-settings") {
cmd = `window.openSettings()`;
}
let icon = "";
switch(e.type) {
case "showDisks":
icon = this.icons.showDisks;
break;
case "up":
icon = this.icons.up;
break;
case "symlink":
icon = this.icons.symlink;
break;
case "disk":
icon = this.icons.disk;
break;
case "rom":
icon = this.icons.rom;
break;
case "usb":
icon = this.icons.usb;
break;
case "edex-theme":
icon = this.edexIcons.theme;
break;
case "edex-kblayout":
icon = this.edexIcons.kblayout;
break;
case "edex-settings":
case "system":
icon = this.edexIcons.settings;
break;
case "edex-themesDir":
icon = this.edexIcons.themesDir;
break;
case "edex-kblayoutsDir":
icon = this.edexIcons.kblayoutsDir;
break;
default:
icon = this.icons[this.fileIconsMatcher(e.name)];
if (typeof icon === "undefined") {
if (e.type === "file") icon = this.icons.file;
if (e.type === "dir") icon = this.icons.dir;
if (typeof icon === "undefined") icon = this.icons.other;
}
break;
}
filesDOM += `<div class="fs_disp_${e.type}${hidden} animationWait" onclick="${cmd}">
<svg viewBox="0 0 ${icon.width} ${icon.height}" fill="${this.iconcolor}">
${icon.svg}
</svg>
<h3>${e.name}</h3>
</div>`;
});
this.filesContainer.innerHTML = filesDOM;
if (this.filesContainer.getAttribute("class").endsWith("disks")) {
document.getElementById("fs_space_bar").setAttribute("onclick", "window.fsDisp.render(window.fsDisp.cwd)");
} else {
document.getElementById("fs_space_bar").setAttribute("onclick", "");
let splitter = (process.platform === "win32") ? "\\" : "/";
let displayMount = (this.fsBlock.mount.length < 18) ? this.fsBlock.mount : "..."+splitter+this.fsBlock.mount.split(splitter).pop();
// See #226
if (!isNaN(this.fsBlock.use)) {
this.space_bar.text.innerHTML = `Mount <strong>${displayMount}</strong> used <strong>${Math.round(this.fsBlock.use)}%</strong>`;
this.space_bar.bar.value = Math.round(this.fsBlock.use);
} else if (!isNaN((this.fsBlock.size / this.fsBlock.used) * 100)) {
let usage = Math.round((this.fsBlock.size / this.fsBlock.used) * 100);
this.space_bar.text.innerHTML = `Mount <strong>${displayMount}</strong> used <strong>${usage}%</strong>`;
this.space_bar.bar.value = usage;
} else {
this.space_bar.text.innerHTML = "Could not calculate mountpoint usage.";
this.space_bar.bar.value = 100;
}
}
// Render animation
let id = 0;
while (this.filesContainer.childNodes[id]) {
let e = this.filesContainer.childNodes[id];
e.setAttribute("class", e.className.replace(" animationWait", ""));
if (window.settings.hideDotfiles !== true || e.className.indexOf("hidden") === -1) {
window.audioManager.folder.play();
await _delay(30);
}
id++;
}
};
// Automatically start indexing supposed beginning CWD
// See #365
// ...except if we're hot-reloading, in which case this can mess up the rendering
// See #392
if (window.performance.navigation.type === 0) {
this.readFS(window.term[window.currentTerm].cwd || window.settings.cwd);
}
}
}
module.exports = {
FilesystemDisplay
};