autoprefixer support

.travis.yml

@@ -13,6 +13,7 @@ before_script:
     - npm install uglify-js@1 && mkdir -p vendor/uglifyjs && mv node_modules vendor/uglifyjs
     - npm install
     - export UGLIFYJS_BIN=vendor/uglifyjs/node_modules/uglify-js/bin/uglifyjs
+    - export AUTOPREFIXER_BIN=node_modules/autoprefixer/bin/autoprefixer
 
     # java deps
     - mkdir -p vendor/java

README.md

@@ -74,6 +74,7 @@ foreach ($css as $leaf) {
 
 The core provides the following filters in the `Assetic\Filter` namespace:
 
+ * `AutoprefixerFilter`: Parse and update vendor-specific properties using autoprefixer
  * `CoffeeScriptFilter`: compiles CoffeeScript into Javascript
  * `CompassFilter`: Compass CSS authoring framework
  * `CssEmbedFilter`: embeds image data in your stylesheets

package.json

@@ -8,6 +8,7 @@
     "typescript": "*",
     "less": "*",
     "handlebars": "*",
-    "uglify-js": "*"
+    "uglify-js": "*",
+    "autoprefixer": "*"
   }
 }

src/Assetic/Filter/AutoprefixerFilter.php

@@ -0,0 +1,86 @@
+<?php
+
+/*
+ * This file is part of the Assetic package, an OpenSky project.
+ *
+ * (c) 2010-2013 OpenSky Project Inc
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Assetic\Filter;
+
+use Assetic\Asset\AssetInterface;
+use Assetic\Exception\FilterException;
+
+/**
+ * Parses CSS and adds vendor prefixes to rules using values from the Can I Use website
+ * 
+ * @link https://github.com/ai/autoprefixer
+ * @author Alex Vasilenko <aa.vasilenko@gmail.com>
+ */
+class AutoprefixerFilter extends BaseNodeFilter 
+{
+    /**
+     * @var string
+     */
+    private $autoprefixerBin;
+
+    /**
+     * @var array
+     */
+    private $browsers = array();
+
+    public function __construct($autoprefixerBin)
+    {
+        $this->autoprefixerBin = $autoprefixerBin;
+    }
+
+    /**
+     * @param array $browsers
+     */
+    public function setBrowsers(array $browsers)
+    {
+        $this->browsers = $browsers;
+    }
+
+    /**
+     * @param string $browser
+     */
+    public function addBrowser($browser)
+    {
+        $this->browsers[] = $browser;
+    }
+
+    public function filterLoad(AssetInterface $asset)
+    {
+        $input = $asset->getContent();
+        $pb = $this->createProcessBuilder(array($this->autoprefixerBin));
+
+        $pb->setInput($input);
+        if ($this->browsers) {
+            $pb->add('-b')->add(implode(',', $this->browsers));
+        }
+
+        $output = tempnam(sys_get_temp_dir(), 'assetic_autoprefixer');
+        $pb->add('-o')->add($output);
+
+        $proc = $pb->getProcess();
+        if (0 !== $proc->run()) {
+            throw FilterException::fromProcess($proc)->setInput($asset->getContent());
+        }
+
+        $asset->setContent(file_get_contents($output));
+        unlink($output);
+    }
+
+    /**
+     * Filters an asset just before it's dumped.
+     *
+     * @param AssetInterface $asset An asset
+     */
+    public function filterDump(AssetInterface $asset)
+    {
+    }
+}

tests/Assetic/Test/Filter/AutoprefixerFilterTest.php

@@ -0,0 +1,109 @@
+<?php
+
+/*
+ * This file is part of the Assetic package, an OpenSky project.
+ *
+ * (c) 2010-2013 OpenSky Project Inc
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Assetic\Test\Filter;
+
+use Assetic\Asset\StringAsset;
+use Assetic\Filter\AutoprefixerFilter;
+
+/**
+ * @group integration
+ */
+class AutoprefixerFilterTest extends FilterTestCase
+{
+    /**
+     * @var AutoprefixerFilter
+     */
+    private $filter;
+
+    protected function setUp()
+    {
+        $autoprefixerBin = $this->findExecutable('autoprefixer', 'AUTOPREFIXER_BIN');
+
+        if (!$autoprefixerBin) {
+            $this->markTestSkipped('Unable to find `autoprefixer` executable.');
+        }
+
+        $this->filter = new AutoprefixerFilter($autoprefixerBin);
+    }
+
+    public function testFilterLoad()
+    {
+        $input = <<<CSS
+a {
+  display: flex;
+}        
+CSS;
+        //TODO in some point of future this test will fail. Update test when new versions come out?
+        $expected = <<<CSS
+a {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+CSS;
+
+        $asset = new StringAsset($input);
+        $asset->load();
+
+        $this->filter->filterLoad($asset);
+
+        $this->assertEquals($expected, $asset->getContent());
+    }
+
+    public function testReallyOldBrowsers()
+    {
+        $input = <<<CSS
+img {
+  border-radius: 10px;
+}        
+CSS;
+        $expected = <<<CSS
+img {
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
+CSS;
+
+        $asset = new StringAsset($input);
+        $asset->load();
+
+        $this->filter->setBrowsers(array('ff 3'));
+        $this->filter->filterLoad($asset);
+
+        $this->assertEquals($expected, $asset->getContent());
+    }
+
+    public function testAddBrowser()
+    {
+        $input = <<<CSS
+img {
+  border-radius: 10px;
+}        
+CSS;
+        $expected = <<<CSS
+img {
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+}
+CSS;
+
+        $asset = new StringAsset($input);
+        $asset->load();
+
+        $this->filter->addBrowser('ff 3');
+        $this->filter->filterLoad($asset);
+
+        $this->assertEquals($expected, $asset->getContent());
+    }
+}