Handlebars.js helper to generate dummy UI.

repeat.js

/*
  Handlebars helper to generate dummy UI.

  For instance, a 10x10 table with 100 cells:

    <table>
      {{#repeat 10}}
        <tr>
          {{#repeat 10}}
            <td>
              {{@index}}
            </td>
          {{/repeat}}
        </tr>
      {{/repeat}}
    </table>
*/

Handlebars.registerHelper('repeat', function(count, options) {
  // Convert to number.
  count = parseInt(count, 10);

  // Used in loop.
  var i = 0;
  var arr = [];
  var str;
  var obj;
  var first;
  var last;

  // Loop for count.
  for (i = 0; i < count; i++) {
    // Booleans for first/last.
    first = i === 0;
    last = i === count - 1;

    /*
      Allows access to magic:

        - `@index`
        - `@first`
        - `@last`

      Used in template:

        {{@index}}

        {{#if @first}}...{/if}

        {{#if @last}}...{/if}
    */

    obj = {
      data: {
        index: i,
        first: first,
        last: last
      }
    };

    // Build the HTML.
    str = options.fn({}, obj);

    // Add to array.
    arr.push(str);
  }

  // Convert to string.
  var html = arr.join(' ').replace(/\s+/g, ' ');

  // Trim.
  if (typeof String.prototype.trim === 'function') {
    html = html.trim();
  }
  else if (typeof jQuery === 'function') {
    html = jQuery.trim(html);
  }

  // Send back HTML.
  return html;

// END: *.registerHelper.
});