Create Treeview from S3 Results

Question

I am trying to create a treeview from a series of AWS S3 results. I need to create an array in a specific Key:Value format so that we can use them dynamically in our website. I have looked at many different solutions, but couldn't find one that solved this problem. Using Node for this app, so will be using Javascript.

This has to be dynamic as the depth of the Buckets can vary widely.

Source Array:

[{  
    Key: "Test Folder/",
},
{
    Key: "Test Folder/2nd level folder/",
},
{
    Key: "Test Folder/2nd level folder/West-Rockies Flow Summary 191204.pdf",
},
{
    Key: "Test Folder/2nd level folder/West-Rockies Flow Summary 191205.pdf",
},
{
    Key: "Test Folder/2nd level folder/sub-sub-folder/",
},
{
    Key: "Test Folder/2nd level folder/sub-sub-folder/West-Rockies Flow Summary 191120.pdf",
},
{
    Key: "Test Folder/2nd level folder/sub-sub-folder/West-Rockies Flow Summary 191121.pdf",
},
{
    Key: "Test Folder/West-Rockies Flow Summary 191211.pdf",
},
{
    Key: "Test Folder/West-Rockies Flow Summary 191212.pdf",
},
{
    Key: "main/",
},
{
    Key: "main/test.txt",
}

]

Required Output:

[{
name: "Test Folder",
folders : [{
    name : "2nd level folder",
    folders : [{
        name : "sub-sub-folder",
        folders : [],
        files : [{
            Key : "Test Folder/2nd level folder/sub-sub-folder/West-Rockies Flow Summary 191120.pdf"
        },{
            Key : "Test Folder/2nd level folder/sub-sub-folder/West-Rockies Flow Summary 191121.pdf"
        }]
    }],
    files : [{
        Key : "Test Folder/2nd level folder/West-Rockies Flow Summary 191204.pdf"
    }, {
        Key : "Test Folder/2nd level folder/West-Rockies Flow Summary 191205.pdf"
    }]
}],
files : [{
    Key : "Test Folder/West-Rockies Flow Summary 191211.pdf"
}, {
    Key : "Test Folder/West-Rockies Flow Summary 191212.pdf"
}]
},
{
    name : "main",
    folders : [],
    files : [{
        Key : "main/test.txt"
    }]
}];

you'll probably have to write your own parser. mentioning what language, if any, that you're working in might be helpful? — charlesreid1, Dec 13 '19 at 00:26
Thank for the comment, we are using Node, so this is Javascript based. — threeputted, Dec 13 '19 at 02:10
you may find [jstree](https://www.jstree.com/) useful for providing a tree data structure. from there you could parse each string containing a path to split it at "/" characters, then use the chunks to navigate to a particular point in the tree and insert the filename into the tree. — charlesreid1, Dec 13 '19 at 04:52
Also possibly useful: https://stackoverflow.com/a/2299268/463213 — charlesreid1, Dec 13 '19 at 04:54

Create Treeview from S3 Results

0 Answers0