sort generated css alphabeticaly

Author: eivers88

assets/js/bundle.js

@@ -100,12 +100,20 @@ Packer.prototype = {
         canvas.width = width;
         canvas.height = height;
         ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+        // sort blocks alphabetically
+        blocks.sort(function(a,b){
+            var nameA = a.name.toUpperCase();
+            var nameB = b.name.toUpperCase();
+            return (nameA < nameB) ? -1 : (nameA > nameB) ? 1 : 0;
+        });
+
         for (var n = 0; n < blocks.length; n++) {
             b = blocks[n];
             if (b.fit) {
                 // turn on for testing
-                //ctx.fillRect(b.fit.x + p, b.fit.y + p, b.w, b.h);
-                //ctx.stroke();
+                // ctx.fillRect(b.fit.x + p, b.fit.y + p, b.w, b.h);
+                // ctx.stroke();
                 ctx.drawImage(b.img, b.fit.x + p, b.fit.y + p);
                 // add comma if not the last style
                 groupSelectors += '.' + this.prefix + b.name + (n === blocks.length - 1 ? ' ' : ', ');

assets/js/packer.js

@@ -1,9 +1,3 @@
-var path = require('path');
-
-var phaserModule = path.join(__dirname, '/node_modules/phaser-ce/');
-var phaser = path.join(phaserModule, 'build/custom/phaser-split.js');
-var	pixi = path.join(phaserModule, 'build/custom/pixi.js');
-var	p2 = path.join(phaserModule, 'build/custom/p2.js');
 
 var config = {
     context: __dirname + "/assets",