Detect String Array in Sightly

checkbox.html

<template data-sly-template.view>
	<sly data-sly-test="${properties.options[1]}" data-sly-list.child="${properties.options}" data-sly-unwrap>
		<label><input type="checkbox" name="${properties.name}" value="${child}">${child}</label>
	</sly>
	<label data-sly-test="${!properties.options[1]}"><input type="checkbox" name="${properties.name}" value="${properties.options}">${properties.options}</label>
</template>

In Sigthly 1.1, data-sly-list and data-sly-repeat also iterate (once) over non-iterable elements:

<ul class="one" data-sly-list="${'foo'}">
    <li>${item}</li>
</ul>
<ul class="two" data-sly-list="${['foo', 'bar']}">
    <li>${item}</li>
</ul>

will output:

<ul class="one">
    <li>foo</li>
</ul>
<ul class="two">
    <li>foo</li>
    <li>bar</li>
</ul>

So in your case, you should be able to simply write your template as follows:

<label data-sly-repeat="${properties.options}">
    <input type="checkbox" name="${properties.name}" value="${item}"/> ${item}
</label>

Now if you have Sightly 1.0 (and not 1.1), then what you do is very clever, but I'd rather use a very simple Use-API to detect if it is an array or not, and keep the template as straightforward as possible:

<sly data-sly-template.view data-sly-use.logic="${'logic.js' @ options=properties.options}" data-sly-list="${logic.options}">
    <label><input type="checkbox" name="${properties.name}" value="${item}"/> ${item}</label>
</sly>

logic.js:

use(function () {
    var options = this.options;
    return {
        options: Array.isArray(options) ? options : [options]
    }
});

Just a heads up that Array.isArray was returning my String[] in JCR as a comma separated string. I had to change it a little...

logic.js:

use(function () {
    var options = this.options;
    return {
        options : options.constructor === Array ? options : [options]
    }
});