better approach for handling retina icons

node_modules/architect-build/build.js

@@ -161,6 +161,8 @@ function compileLess(opts, sources, callback) {
     var cache = opts.cache;
     if (cache && !cache.less)
         cache.less = Object.create(null);
+    if (cache && !cache.images)
+        cache.images = Object.create(null);
     
     var libs = opts.lessLibs;
     less.forEach(function(file) {
@@ -175,9 +177,15 @@ function compileLess(opts, sources, callback) {
         }
         
         var staticPrefix = plugin.staticPrefix || libs.staticPrefix;
+        var id = file.pkg.id.replace(/^[^!]+!/, "");
         // Complete paths, but not subdirectories like foo/images/bar.png
         var lessCode = file.code.replace(/(["(])(images|icons)\//g, "$1" + staticPrefix + "/$2/");
-        code.push("ß{" + lessPathLib(staticPrefix) + lessCode + "}");
+        code.push(
+            "/* @file " + id + " */\nß{"
+            + lessPathLib(staticPrefix)
+            + lessCode
+            + "}"
+        );
     });
     
      var ctx = {
@@ -193,12 +201,38 @@ function compileLess(opts, sources, callback) {
         
         toCss(tree, imports, options, function(err, css) {
             if (err) return callback(err);
-             
-            callback(null, { code: css.replace(/ß /g, "").replace(/^ +/gm, "\t") });
+            css = css.replace(/ß /g, "").replace(/^ +/gm, "\t");
+            css = checkImages(css, cache);
+            callback(null, { code: css });
         });
     });
 }
 
+function checkImages(css, cache) {
+    var images = cache && cache.images || Object.create(null);
+    var root = __dirname + "/../../";
+    var t = Date.now();
+    css = css.replace(/(url\(['"]?\/static\/)([^"')]+)/g, function(_, prefix, imagePath) {
+        var dir = path.dirname(imagePath);
+        var name = path.basename(imagePath);
+        try {
+            if (!images[dir])
+                images[dir] = fs.readdirSync(root + dir);
+        } catch(e) {
+            images[dir] = [];
+        }
+        if (images[dir].indexOf(name) != -1)
+            return prefix + imagePath;
+        var name1 = name.replace("@1x", "");
+        if (images[dir].indexOf(name1) != -1)
+            return prefix + dir + name1;
+        
+        console.log("missing image:" + imagePath);
+        return prefix + undefined + imagePath;
+    });
+    console.log(t- Date.now());
+    return css
+}
 
 function addCssPrefixes(css) {
     return css.replace(/\b(user-select|font-smoothing)\b([^;\n]+);?/g, function(_, prop, value, index, string) {

package.json

@@ -1,7 +1,7 @@
 {
     "name": "c9",
     "description": "New Cloud9 Client",
-    "version": "3.1.4072",
+    "version": "3.1.5000",
     "author": "Ajax.org B.V. <info@ajax.org>",
     "private": true,
     "main": "bin/c9",
@@ -56,4 +56,4 @@
         "msgpack-js",
         "c9"
     ]
-}
+}

plugins/c9.ide.ace.statusbar/statusbar.xml

@@ -34,7 +34,7 @@
           skin    = "btn-statusbar-icon" 
           skinset = "c9statusbar"
           height  = "23"
-          icon    = "pref-ico.png" 
+          icon    = "true" 
           submenudir = "up" />
     </a:bar>
 </a:application>

plugins/c9.ide.console/style.css

@@ -8,12 +8,5 @@
 }
 
 .console .console_close_btn {
-    background-image: url("@{icon-path}/@{button-console-close}");
-}
-
-@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx) {
-    .console .console_close_btn {
-        background-image: url("@{icon-path}/@{button-console-close-retina}");
-        background-size: 22px 66px;
-    }
+    .image-2x("@{icon-path}/@{button-console-close}", 22px, 66px);
 }

plugins/c9.ide.find.replace/findreplace.css

@@ -18,10 +18,10 @@
 }
 
 .btnquicksearchnav.btnquicksearchnavLeft .lbl span {
-    background-image: url("@{icon-path}/@{find-next-image}");
+    .image-2x("@{icon-path}/@{find-next-image}", 20px, 100px);
 }
 .btnquicksearchnav.btnquicksearchnavRight .lbl span {
-    background-image: url("@{icon-path}/@{find-previous-image}");
+    .image-2x("@{icon-path}/@{find-previous-image}", 20px, 100px);
 }
 
 .findInRangeMarker {