1 Correct answer
Hey, I don't have any spare minutes at the moment to create a test of what I feel I'd use for such a purpose, but perhaps what you could use in your toolset is:
var f = Folder("~/Desktop");
var allFiles = f.getFiles();
var thisFile;
for(var i = 0; i < allFiles.length; i++){
thisFile = allFiles;
$.writeln(decodeURI(thisFile.name) + " | Is Folder: " + (thisFile instanceof Folder) + ", Is File: " + (thisFile instanceof File));
}
Explore related tutorials & articles
9
Replies
Thanks! Using instanceof is giving perfect results, refactored all my code and ended up with an object result:
JSX:
function readFullDirectory(path){
var mirror = {}
var f = Folder(path);
var allFiles = f.getFiles();
var thisFile;
for (var i = 0; i < allFiles.length; i++) {
thisFile = allFiles;
if (thisFile instanceof Folder) {
mirror[thisFile.name] = readFullDirectory(thisFile);
} else {
mirror[thisFile.name] = thisFile;
}
}
return JSON.stringify(mirror);
}
JS:
csInterface.evalScript(`readFullDirectory('${sysPath}')`, function(mirror){
var root = parseAll(mirror);
console.log(result);
});
function parseAll(str){
var result = JSON.parse(str);
for (let [key, value] of Object.entries(result)) {
if (typeof value !== 'object') {
result[key] = parseAll(value);
}
}
return result;
}
Before recursively JSON parsing my console looked like a warzone, but I did get it to correctly display a hierarchy of folders/files this way:
This solves my problem and replaces a shameful amount of past code, lol. I'm still not sure if this is a dumb way to structure a hierarchy for folders and files, but I can iterate through and dynamically generate the tree menu from it, assign the file path as the value or even the corresponding HTML element, so it might work. It's a bit wonky in the sense that I have file extensions within property names, so I can only access via root.client['index.html'] but not directly as root.client.index.html, I'm sure this is very offensive to somebody out there.
Is it bad form to prod? If not, how would you detect any external changes to this folder outside the scope of this script -- any new, deleted, or renamed file, etc.? I figure that I could run the above scan with SetTimer every 500ms or so and discriminate the new result from the previous result, if no change return nothing and assign new to old, but if change then rebuild this tree object and trigger a redraw of the UI, but I keep having to window.reload() my scripts when using SetTimer this way and it seems to bring a few other glitches. Any ideas? How would you do it if you needed to?
I've made a JS and CSS library that automatically styles to mimic native UI, updates with theme changes, adds fonts, changes all scrollbars and other things too:
I haven't updated the repo in a while, but I add to and modify it all the time (latest is in this tree menu) and I'd update it if others are interested. It returns an appUI object that has a ton of information in it, including all of the hex values above, and everything is based in CSS variables so restyling affects all elements and hovering/toggling and certain things are handled automatically. You can snatch all the native UI colors for AI, AE, and PS, and I base it off Bootstrap-esque classes, so using it is as simple as:
<div class="adobe adobe-btn">
<!-- Place an icon inside button -->
<span class="fa fa-adjust fa-lg"></span>
</div>
That's the code for the button in the SkinColor panel between eyedropper and wand. Just adding a prefix class, 'adobe', then sub-classes like 'adobe-btn-switch' (toolbar button), 'adobe-inputGroup', 'adobe-input-md', etc, and the JS and CSS (adobeStyle.css and magicMirror.js) take care of all the styling and eventListeners.
AdChoices