Source maps for css

Author: bajb

composer.json

@@ -12,6 +12,7 @@
     "php": ">=7.1",
     "packaged/helpers": "^1.0||^2.0",
     "packaged/http": "~1.1",
+    "packaged/config": "~1.4",
     "tedivm/jshrink": "~1.3"
   },
   "suggest": {

src/Dispatch.php

@@ -2,6 +2,7 @@
 namespace Packaged\Dispatch;
 
 use Composer\Autoload\ClassLoader;
+use Packaged\Config\Provider\ConfigProvider;
 use Packaged\Dispatch\Resources\AbstractDispatchableResource;
 use Packaged\Dispatch\Resources\AbstractResource;
 use Packaged\Dispatch\Resources\DispatchableResource;
@@ -13,6 +14,7 @@
 
 class Dispatch
 {
+
   /**
    * @var Dispatch
    */
@@ -25,6 +27,10 @@ class Dispatch
 
   protected $_baseUri;
   protected $_requireFileHash = false;
+  /**
+   * @var ConfigProvider
+   */
+  protected $_config;
 
   const RESOURCES_DIR = 'resources';
   const VENDOR_DIR = 'vendor';
@@ -58,6 +64,7 @@ public static function destroy()
   public function __construct($projectRoot, $baseUri = null, ClassLoader $loader = null)
   {
     $this->_projectRoot = $projectRoot;
+    $this->_config = new ConfigProvider();
     $this->_resourceStore = new ResourceStore();
     $this->_baseUri = $baseUri;
     $this->_classLoader = $loader;
@@ -223,7 +230,8 @@ public function handleRequest(Request $request): Response
       return Response::create("File Not Found", 404);
     }
 
-    $resource = ResourceFactory::getExtensionResource(pathinfo($fullPath, PATHINFO_EXTENSION));
+    $ext = pathinfo($fullPath, PATHINFO_EXTENSION);
+    $resource = ResourceFactory::getExtensionResource($ext);
     if($resource instanceof DispatchableResource)
     {
       $resource->setManager($manager);
@@ -236,6 +244,11 @@ public function handleRequest(Request $request): Response
     {
       $resource->setFilePath($fullPath);
       $resource->setContent(file_get_contents($fullPath));
+
+      if($this->config()->has('ext.' . $ext))
+      {
+        $resource->setOptions($this->config()->getSection('ext.' . $ext)->getItems());
+      }
     }
     return ResourceFactory::create($resource);
   }
@@ -276,6 +289,11 @@ public function store()
     return $this->_resourceStore;
   }
 
+  public function config()
+  {
+    return $this->_config;
+  }
+
   public function calculateRelativePath($filePath)
   {
     return ltrim(str_replace($this->_projectRoot, '', $filePath), '/\\');

src/Resources/CssResource.php

@@ -6,8 +6,9 @@
 class CssResource extends AbstractDispatchableResource
 {
   protected $_options = [
-    'minify'   => true,
-    'dispatch' => true,
+    'minify'    => true,
+    'dispatch'  => true,
+    'sourcemap' => false,
   ];
 
   public function getExtension()
@@ -64,4 +65,20 @@ protected function _minify()
     $this->_content = preg_replace('@#([a-f0-9])\1([a-f0-9])\2([a-f0-9])\3@i', '#\1\2\3', $this->_content);
     $this->_content = trim($this->_content);
   }
+
+  protected function _processContent()
+  {
+    parent::_processContent();
+    if($this->getOption('sourcemap', false))
+    {
+      $map = $this->_filePath . '.map';
+      if(file_exists($map))
+      {
+        $this->_content .= '/*# //@ sourceMappingURL=data:application/json;charset=utf-8;base64,'
+          . base64_encode(file_get_contents($map))
+          . ' /*';
+      }
+    }
+  }
+
 }

tests/ComponentTest.php

@@ -65,7 +65,7 @@ public function testComponent()
     $request = Request::create('/' . $uri);
     $response = $dispatch->handleRequest($request);
     $this->assertEquals(200, $response->getStatusCode());
-    $this->assertEquals(
+    $this->assertStringStartsWith(
       '@import "c/2/_/AbstractComponent/942e325b3dcc/dependency.css";body{color:blue;background:url("c/2/_/AbstractComponent/395d1a0e845f/img/x.jpg")}',
       $response->getContent()
     );

tests/DispatchTest.php

@@ -71,6 +71,13 @@ public function testHandle()
     $response = $dispatch->handleRequest($request);
     $this->assertContains('body{background:orange}', $response->getContent());
 
+    Dispatch::instance()->config()->addItem('ext.css', 'sourcemap', true);
+    $uri = ResourceManager::vendor('packaged', 'dispatch')->getResourceUri('css/vendor.css');
+    $request = Request::create($uri);
+    $response = $dispatch->handleRequest($request);
+    $this->assertContains('sourceMappingURL', $response->getContent());
+    $this->assertContains('Q1NTLU1BUAo', $response->getContent());
+
     Dispatch::destroy();
   }
 

tests/Resources/CssResourceTest.php

@@ -22,14 +22,14 @@ public function testMinify()
     $resource = new CssResource();
 
     $resource->setContent($original);
-    $this->assertEquals('body{background:red}', $resource->getContent());
+    $this->assertStringStartsWith('body{background:red}', $resource->getContent());
 
     $resource->setContent($nominify);
-    $this->assertEquals($nominify, $resource->getContent());
+    $this->assertStringStartsWith($nominify, $resource->getContent());
 
     $resource->setContent($original);
     $resource->setOptions(['minify' => 'false']);
-    $this->assertEquals($original, $resource->getContent());
+    $this->assertStringStartsWith($original, $resource->getContent());
   }
 
   public function testResource()