Viewport

[d.healey]

Oh, there's your problem

const var obj = {}; // some object

const var keyArray = [];

for(k in obj)
    keyArray.push(k);

You are declaring an empty object which you are using in the for loop. So the output will be empty.

[mwplugs]

@d-healey im assuming its supposed to be pulling from the sorted object. so do i replace the word object with sorted?

[d.healey]

Yeah, if that's what you want it to do. And you can delete the other keyarray stuff.

[mwplugs]

ok now the keyArray has the categories. but when i changed the line:

Viewport2.set("items", list.join("\n"));

to

Viewport2.set("items", keyArray.join("\n"));

it says
Line 10, column 37: Unknown function 'join'

like usual

[d.healey]

@mwplugs What does keyArray contain?

[mwplugs]

@d-healey ```
[
"Brass",
"Guitar",
"Keys",
"Piano",
"Strings",
"Vox"
]

[mwplugs]

@mwplugs as desired it shows the categories

[d.healey]

But what does it contain at the point you are calling the join function.

[mwplugs]

@d-healey im simply trying to get the viewport to use the keyArray list.

the only implementation ive seen that works to use lists is

Viewport1.set("useList", true);
Viewport1.set("items", list.join("\n"));

[mwplugs]

without join it displays all on one line/selection basically as one long word

[d.healey]

The program runs from top to bottom, so if you do something with keyArray near the top of your script, before keyArray is populated, you won't get any useful results. You need to make sure things happen in the correct order.

[mwplugs]

@d-healey there we go! ok so i got the left to populate with categories by rearranging.

now how do i get the samplemaps on the right to correspond to the category selected on the left?

[mwplugs]

im guessing i will have to have another list being made based on the selection somehow

[mwplugs]

Content.makeFrontInterface(1024, 768);

const var Voice1 = Synth.getSampler("Voice1");
const var list = Voice1.getSampleMapList();

inline function createTwoLevelHierarchy()
{
    local allList = Voice1.getSampleMapList();
    local obj = {};
    
    for(id in allList)
    {
        local tokens = id.split("/");
        local key = tokens[0];
        local value = tokens[1];
        
        if(obj[key])
            obj[key].push(value);
        else
            obj[key] = [value];
    }
    
    return obj;
}

const var sorted = createTwoLevelHierarchy();

const var keyArray = [];

for(k in sorted)
    keyArray.push(k);
    
Console.print(trace(keyArray));


const var Viewport1 = Content.getComponent("Viewport1");
Viewport1.set("useList", true);
Viewport1.set("items", list.join("\n"));
const var Viewport2 = Content.getComponent("Viewport2");
Viewport2.set("useList", true);
Viewport2.set("items", keyArray.join("\n"));
inline function loadSampleFromViewport(component, value)
{
    Voice1.loadSampleMap(list[value]);
}

Viewport1.setControlCallback(loadSampleFromViewport);

[d.healey]

You'll probably want something like Lindon made - https://forum.hise.audio/topic/1404/help-with-custom-user-preset-example/9

[mwplugs]

@d-healey yes ive checked that out. difference is he is manually creating the array for the categories. i just need to pull from the sorted object the same as we pulled categories and made them into keyArray, but instead make them list the samplemaps per category selected. there will ultimately be nearly 1000 samplemaps so doing them manually seems like a bad idea. if we are able to pull the categories from the sorted object then why not the samplemaps based on category? seems like what should be done opposed to manually creating arrays for each

[d.healey]

@mwplugs Just run the object through a loop and pull out the data, same as keyArray but for the value instead of the keys.

[mwplugs]

im assuming the k here

for(k in sorted)
keyArray.push(k);

is reffering to key

so changing it to v pull the values?

[mwplugs]

i see no reference to why k is pulling keys but it is. so i made a new array and tried to change the k to v. nope. not sure how to do so ;|

const var keyArray = [];

for(k in sorted)
keyArray.push(k);

Console.print(trace(keyArray));

const var valueArray = [];

for(v in sorted)
valueArray.push(v);

Console.print(trace(valueArray));

there is no reference to a variable k however i do so the keys and value mentions in the code above

inline function createTwoLevelHierarchy()
{
    local allList = Voice1.getSampleMapList();
    local obj = {};
    
    for(id in allList)
    {
        local tokens = id.split("/");
        local key = tokens[0];
        local value = tokens[1];
        
        if(obj[key])
            obj[key].push(value);
        else
            obj[key] = [value];
    }
    
    return obj;
}

const var sorted = createTwoLevelHierarchy();

const var keyArray = [];

for(k in sorted)
    keyArray.push(k);
    
Console.print(trace(keyArray));

const var valueArray = [];

for(v in sorted)
    valueArray.push(v);
    
Console.print(trace(valueArray));

[d.healey]

@mwplugs said in Viewport:

im assuming the k here
for(k in sorted)
keyArray.push(k);
is reffering to key
so changing it to v pull the values?

k is a made up name, you could call it what you want. Have you watched my scripting 101 video?

You might find this informative too - https://www.tutorialspoint.com/javascript/javascript_forin_loop.htm