fix composition order

Author: benholloway

lib/list-compositions.js

@@ -12,23 +12,28 @@ var glob = require('glob');
 function compositions(appDir) {
   var files = glob.sync(appDir + '/**/index.html') || [];
   return files
-    .sort()
-    .reduce(reduceFilesToItems, []);
+    .map(fileToItem)
+    .sort(sortByDirectory);
 
-  function reduceFilesToItems(array, file) {
+  function fileToItem(file) {
     var posix     = path.dirname(file).replace(/[\\\/]/g, '/'),
         relative  = path.relative(path.resolve(appDir), path.resolve(file)),
-        directory = path.dirname(relative),
+        directory = path.dirname(relative)
+          .replace(/^\.$/, ''),
         namespace = directory
-          .replace(/^\.$/, '').split(/[\\\/]/)
+          .split(/[\\\/]/)
           .filter(Boolean);
 
-    return array.concat({
+    return {
       directory : directory,
       namespace : namespace,
       htmlFiles : file,
       indexFiles: glob.sync(posix + '/index.{js,css,scss}')
-    });
+    };
+  }
+
+  function sortByDirectory(a, b) {
+    return (a.directory > b.directory);
   }
 }