Read AEM runmodes from Sightly

logic.js

var SlingSettingsService = Packages.org.apache.sling.settings.SlingSettingsService;
 
use(function () {
    // Get runmodes and transform them into an object that is easier to read for Sightly
    var runmodesObj = {};
    var runmodesSet = sling.getService(SlingSettingsService).getRunModes();
    var iterator = runmodesSet.iterator();
    
    while (iterator.hasNext()) {
        runmodesObj[iterator.next()] = true;
    }
    
    return {
        runmodes: runmodesObj
    }
});

template.html

<div data-sly-use.logic="logic.js">
    <p>Current runmodes: ${logic.runmodes}</p>
    <p data-sly-test="${logic.runmodes.samplecontent}">samplecontent runmode</p>
</div>