Viewport

[Lindon]

@Christoph-Hart yes it would seem we need a generalised way to get the contents(a list of files) from a named folder - by type(e.g. *.wav, *.mid)

Of course it would be nicest if this was a FloatingTile with a content type of FileList

[Christoph Hart]

Nah, I won't do more FloatingTiles unless absolutely necessary - the overhead of adding the text colour for the directory name is killing me.

What I can do is adding two simple function calls:

/** Returns the folder that contains the application data of your plugin. */
Engine.getAppDataFolder()

/** Returns a list of filenames in the given folder (non-recursively). */
Engine.getDirectoryContent(String filename)

This way you could create a file browser for yourself by grabbing the list and throw it to a viewports items property. But I won't add more Norton Commander features to HISE, from there you're on your own (but file filtering can easily be done using standard Javascript methods).

[Lindon]

@Christoph-Hart sounds good I assume this:

Engine.getDirectoryContent(*.mid)

would work? - of course as you say I could filter with javascript but then what would be the point in having "filename"

[Dan Korneff]

@Christoph-Hart said in Viewport:

/** Returns the folder that contains the application data of your plugin. */
Engine.getAppDataFolder()

/** Returns a list of filenames in the given folder (non-recursively). */
Engine.getDirectoryContent(String filename)

Have these been added yet?

[coreyu21]

@dustbro agreed, have these function calls been integrated yet?

[mwplugs]

@Christoph-Hart is there any example of this being done simply by having the samplemaps in categorized folders. seems much more simple than to have all this regex going on just to display simple lists. also cant the samplemap list in the containing folders and the category folder names themselves simply by calling to the directory? is there any example of this?

[Christoph Hart]

There's no easy solution for this because every project has another hierarchy.

inline function createTwoLevelHierarchy()
{
    local allList = Sampler.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();

This code creates an object with a two level hierarchy and can be used to populate two lists.

[mwplugs]

@Christoph-Hart said in Viewport:

inline function createTwoLevelHierarchy()
{
local allList = Sampler.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();

ok so i need to create a viewport called what? or two? im trying to interpret this. sorry

[d.healey]

@mwplugs What Christoph has provided is a function to generate an object obj that contains the IDs of all of your sample maps and their folders. It's up to you to create a way to display them on your GUI (using viewports if you want).

You can see the contents of obj by right-clicking on the variable you save it to (sorted in his example) in the watch table.

[mwplugs]

@d-healey ok i see that nice

so how do i get these into arrays or whatever

using two viewports? i see this is being created

{
  "Brass": [
    "FreshHornStaccato"
  ],
  "Guitar": [
    "AcousticCampfire"
  ],
  "Keys": [
    "DeepFuzzVibe",
    "HorrorPianoFuzz"
  ],
  "Piano": [
    "CloudyJazzPno",
    "GoldenPiano",
    "RustyPiano"
  ],
  "Strings": [
    "ChamberTremelo",
    "ChamberViolinPizz",
    "ChamberViolinSpiccati",
    "ChamberViolinTremble",
    "MidMedSoloString",
    "MovieStringStacc",
    "SoloViolinLeg",
    "ViolinPizz1",
    "ViolinStaccato",
    "ViolinStaccatoB"
  ],
  "Vox": [
    "WhooMaleVox"
  ]
}

now how do i get the left viewport to pull the categories and the right to list the samplemaps? thanks

[mwplugs]

haha 2 days trying to figure out this simple thing i have no idea how to make this "sorted" object an array for the viewports :/

[mwplugs]

@Christoph-Hart the object created "sorted" does contain the proper data but there is no reference as to how to split to cats and maps into arrays to be used the viewports. ive looked at every post and reply in the whole forum with the words samplemaps and also viewports. there is one involving parsing characters from BD ludwig etc and displaying by filtering names but it is not relevant. i cannot get the data in the object into a list or array for it to be used in vp

[d.healey]

@mwplugs You don't need arrays, you have an object ;)

[Christoph Hart]

This turns the object into a flat key list:

const var obj = {}; // some object

const var keyArray = [];

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

Put the keyArray into the left viewport, and set the items on the right viewport by fetching the instrument list from the obj using the value of the left callback. In the right callback, assemble the samplemap name from the two viewports and load it in the sampler.

[mwplugs]

@Christoph-Hart Line 10, column 37: Unknown function 'join'

const var s = Synth.getSampler("MySampler");
const var list = Sampler.getSampleMapList();
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)
{
    s.loadSampleMap(list[value]);
}

Viewport1.setControlCallback(loadSampleFromViewport);

inline function createTwoLevelHierarchy()
{
    local allList = Sampler.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 obj = {}; // some object

const var keyArray = [];

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

[d.healey]

You've called your sampler variable s, not Sampler.

[mwplugs]

@d-healey fixed that. still says the same thing

Content.makeFrontInterface(1024, 768);



const var Sampler = Synth.getSampler("MySampler");
const var list = Sampler.getSampleMapList();
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)
{
    Sampler.loadSampleMap(list[value]);
}

Viewport1.setControlCallback(loadSampleFromViewport);

inline function createTwoLevelHierarchy()
{
    local allList = Sampler.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 obj = {}; // some object

const var keyArray = [];

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

and with the code as is the keyArray is only [] there is no data in it

[mwplugs]

@mwplugs said in Viewport:

keyArray.join("\n"));

no matter what i do this never works. keyArray.join("\n")); whatever i try to replace list with

[d.healey]

Probably not a good idea to call your sampler variable Sampler, as that is a class used by HISE.

keyArray.join("\n")); will never work, you have too many closed parenthesis.

Edit: I just realised you copied that from a larger function call, so it will be fine.

[mwplugs]

@d-healey this was taken from @Christoph-Hart example codeabove mar 19

const var s = Synth.getSampler("MySampler");
const var list = Sampler.getSampleMapList();
const var Viewport1 = Content.getComponent("Viewport1");
Viewport1.set("useList", true);
Viewport1.set("items", list.join("\n"));

inline function loadSampleFromViewport(component, value)
{
    s.loadSampleMap(list[value]);
}

Viewport1.setControlCallback(loadSampleFromViewport);