Gruntfile.js

module.exports = function (grunt) {
  'use strict';
  // initial grunt configuration
  grunt.initConfig({
    'pkg': grunt.file.readJSON('package.json'),
    'config': grunt.file.readJSON('config.json'),
    'clean': {
      build: 'build/*',
      tmp: 'tmp'
    },
    'connect': {
      serve: {
        options: {
          hostname: '127.0.0.1',
          port: 8000,
          base: 'build',
          useAvailablePort: true,
          open: true,
          liveReload: true
        }
      }
    },
    less: {
      compile: {
        options: {
          paths: ['less']
        },
        files: {
          'build/template-css/jw-demos.css': 'less/build.less',
        }
      }
    },
    watch: {
      config: {
        files: [
          'demos/**/*.*'
        ],
        tasks: [
          'default'
        ]
      }
    },
  });
  // load grunt plugins
  require('load-grunt-tasks')(grunt);
  // grunt default task
  grunt.registerTask('default', function() {
    // config vars
    var categories = grunt.config('config.categories'),
      demos = {
        'all': []
      },
      copy = [],
      concat = {},
      mustacheRender = [],
      path = {
        file: '//developer.jwplayer.com/',
        href: '../../',
      };

    // sort array/object alphabetically on the `directory` property
    function sortABC(a, b) {
      var prop = 'directory';
      var sortStatus = 0;
      if (a[prop] < b[prop]) {
        sortStatus = -1;
      } else if (a[prop] > b[prop]) {
        sortStatus = 1;
      }
      return sortStatus;
    }
    // loop categories and compile index and single pages for each child demo
    for (var i = 0; i < categories.length; i++) {
      // // if category is the full index
      if (!categories[i].directory) continue;
      // store category data in namespace
      var cat = categories[i];
      // namespace for category demo list
      demos[cat.directory] = [];
      // if directory does not exist even despite being in category list
      if (!grunt.file.isDir('demos/' + cat.directory)) continue;
      // scan category sub-directories to locate valid demos
      grunt.file.recurse('demos/' + cat.directory,
          function callback(absPath, rootDir, subDir, filename) {
        // we are looking for a config file, which is require per demo
        // when we find the config file, we process that directory as a demo
        if (filename == 'config.json') {
          // define demo-specific directory shortcuts
          var srcDir = 'demos/' + cat.directory + '/' + subDir + '/';
          var buildDir = 'build/' + cat.directory + '/' + subDir + '/';
          // get demo config json
          var demo = grunt.file.readJSON(srcDir + filename);
          // if demo has apiCalls key, filter empty array values
          if (demo.apiCalls) {
            demo.apiCalls = demo.apiCalls.filter(Boolean);
          } else {
            demo.apiCalls = [];
          }
          // append demo obj with demo category and directory
          demo['category'] = cat;
          demo['directory'] = subDir;
          // push demo data to both category and master demo list
          demos[cat.directory].push(demo);
          demos['all'].push(demo);
          // concat config for demo js
          grunt.file.write(buildDir + 'js/build.js', '');
          concat[buildDir + 'js/build.js'] = srcDir + 'js/*.js'
          // concat config for demo css
          grunt.file.write(buildDir + 'css/build.css', '');
          concat[buildDir + 'css/build.css'] = srcDir + 'css/*.css';
          // copy any additional directories developer has included in demo
          copy.push({
            expand: true,
            cwd: srcDir,
            src: ['**/*', '!js/**/*', '!css/**/*', '!config.json', '!index.html'],
            dest: buildDir
          });
          // mustache config for demo detail page
          mustacheRender.push({
            data: {
              path: path,
              html: '<%= grunt.file.read("' + srcDir + 'index.html") %>',
              js: '\r\r<%= grunt.file.read("' + buildDir + 'js/build.js") %>\r',
              css: buildDir + 'css/build.css',
              category: demo.category,
              directory: demo.directory,
              title: demo.title,
              description: demo.description,
              license: demo.license,
              isApiCalls: demo.apiCalls.length,
              apiCalls: demo.apiCalls,
              author: function() {
                if (!demo.author || !demo.author.name) return null;
                return {
                  name: demo.author.name,
                  githubUsername: demo.author.githubUsername || null,
                  email: demo.author.email || null
                };
              },
              showCode: function() {
                return typeof demo.showCode !== 'undefined' ? demo.showCode : true;
              },
              layout: function() {
                if (!this.showCode()) return 'vertical';
                return demo.layout || 'horizontal';
              }
            },
            template: '_templates/single.mustache',
            dest: buildDir + 'index.html'
          });
        }
      });
      // sort demos within this category
      demos[cat.directory].sort(sortABC);
      // mustache config for category demo index
      mustacheRender.push({
        data: {

          indexType: 'category',
          title: 'JW Player Demos &amp; Code Examples',
          description: categories[i].description,
          path: path,
          directory: cat.directory,
          categories: function() {
            var cats = [];
            for (var i = 0; i < categories.length; i++) {
              cats.push(categories[i]);
              if (categories[i].directory == this.directory) {
                cats[i]['current'] = true;
                cats[i]['currentDescription'] = categories[i].description;
              } else {
                cats[i]['current'] = false;
                cats[i]['currentDescription'] = null;
              }
            }
            return cats;
          },
          demos: function() {
            var catDemos = demos[this.directory];
            for (var i = 0; i < catDemos.length; i++) {
              var descLength = catDemos[i].description.length;
              if (descLength > 70) {
                catDemos[i].description = catDemos[i].description.substring(0, 65);
                catDemos[i].description = catDemos[i].description.trim();
                catDemos[i].description = catDemos[i].description.slice(-1) == '.' ?
                  catDemos[i].description + '..' : catDemos[i].description + '...';
              }
            }
            return catDemos;
          }
        },
        template: '_templates/category-index.mustache',
        dest: 'build/' + cat.directory + '/index.html'
      });
    }
    // sort complete list of demos
    demos.all.sort(sortABC);
    // mustache config for search index
    mustacheRender.push({
      data: {
        indexType: 'search-results',
        title: 'JW Player Demos &amp; Code Examples',
        description: 'Explore demos and code examples extending JW Player feature functionality.',
        path: path,
        directory: '',
        categories: function() {
          var cats = [];
          for (var i = 0; i < categories.length; i++) {
            cats.push(categories[i]);
            if (categories[i].directory == this.directory) {
              cats[i]['current'] = true;
            } else {
              cats[i]['current'] = false;
            }
          }
          return cats;
        }
      },
      template: '_templates/search.mustache',
      dest: 'build/search/index.html'
    });
    // mustache config for complete demo index
    mustacheRender.push({
      data: {
        indexType: 'all',
        title: 'JW Player Demos &amp; Code Examples',
        description: 'Explore demos and code examples extending JW Player feature functionality.',
        path: path.file,
        directory: '',
        categories: function() {
          var cats = [];
          for (var i = 0; i < categories.length; i++) {
            if (!categories[i].directory) this.description = categories[i].description;
            cats.push(categories[i]);
            if (categories[i].directory == this.directory) {
              cats[i]['current'] = true;
              cats[i]['currentDescription'] = categories[i].description;
            } else {
              cats[i]['current'] = false;
              cats[i]['currentDescription'] = null;
            }
          }
          return cats;
        },
        demos: demos.all
      },
      template: '_templates/index.mustache',
      dest: 'build/index.html'
    });
    // create JSON file from demos data
    grunt.file.write('tmp/data.json', JSON.stringify(demos['all'], null, 2));
    // add demos JSON data file to copy task
    copy.push({
      expand: true,
      cwd: 'tmp',
      src: 'data.json',
      dest: 'build'
    });


    // set copy config
    grunt.config('copy', {
      build: {
        files: [
          copy,
          {expand: true, src: ['js/*'], dest: 'build/', filter: 'isFile'}        ]
      }
    });
    // set concat config
    grunt.config('concat', {
      build: {
        files: concat
      }
    });
    // set mustache config
    grunt.config('mustache_render', {
      options: {
        directory: '_templates'
      },
      build: {
        files: mustacheRender
      }
    });

    // run the task list
    grunt.task.run([
      'clean:build',
      'copy',
      'concat',
      'mustache_render',
      'clean:tmp',
      'less:compile',
    ]);
  });
  // build and serve locally
  grunt.registerTask('serve', [
    'default',
    'connect',
    'watch'
  ]);
};