sort files for compat with ember-component-css

Author: krasnoukhov

packages/ember-css-modules/lib/output-styles-preprocessor.js

@@ -1,5 +1,6 @@
 'use strict';
 
+const path = require('path');
 const debug = require('debug')('ember-css-modules:output-styles-preprocessor');
 const Concat = require('broccoli-concat');
 const MergeTrees = require('broccoli-merge-trees');
@@ -78,6 +79,15 @@ module.exports = class OutputStylesPreprocessor {
       return build.apply(this, arguments);
     };
 
+    // NOTE: we sort file paths using our unique method and then add them to the header
+    // so they maintain order. If we don't broccoli-concat would reoder anyway
+    let calculatePatch = concat.calculatePatch;
+    concat.calculatePatch = function() {
+      let patch = calculatePatch.apply(this, arguments).sort(sortPatch);
+      this.headerFiles = this.headerFiles.concat(patch.map(entry => entry[1]));
+      return patch;
+    }
+
     return concat;
   }
 
@@ -156,3 +166,21 @@ function makeIndex(a, b) {
 
   return index;
 }
+
+function sortPatch(a, b) {
+  const sortNumber = 0;
+  const aLevels = path.normalize(a[1]).split(path.sep).length;
+  const bLevels = path.normalize(b[1]).split(path.sep).length;
+
+  if (aLevels < bLevels) {
+    return -1;
+  } else if (aLevels > bLevels) {
+    return 1;
+  } else if (a < b) {
+    return -1;
+  } else if (a > b) {
+    return 1;
+  } else {
+    return 0;
+  }
+}

packages/ember-css-modules/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-css-modules",
-  "version": "2.0.1",
+  "version": "2.1.0-beta.0",
   "description": "CSS Modules for ambitious applications",
   "scripts": {
     "build": "ember build --environment=production",