experimental: build css based on link tags and critical css

Author: JanDC

src/HtmlStore.php

@@ -0,0 +1,22 @@
+<?php
+
+namespace PageSpecificCss;
+
+use TijsVerkoyen\CssToInlineStyles\Css\Property\Property;
+
+class HtmlStore
+{
+    /** @var array Property objects, grouped by selector */
+    private $snippets = [];
+
+    public function addHtmlSnippet($htmlSnippet)
+    {
+        $this->snippets = array_merge($this->snippets, $htmlSnippet);
+        return $this;
+    }
+
+    public function getSnippets()
+    {
+        return $this->snippets;
+    }
+}

src/PageSpecificCss.php

@@ -24,25 +24,32 @@ class PageSpecificCss extends CssToInlineStyles
     /** @var Rule[] */
     private $rules;
 
+    /** @var HtmlStore */
+    private $htmlStore;
+
     /**
      * PageSpecificCss constructor.
-     * @param string $sourceCss path to the source css
      */
-    public function __construct($sourceCss)
+    public function __construct()
     {
         parent::__construct();
 
         $this->cssStore = new CssStore();
+        $this->htmlStore = new HtmlStore();
         $this->processor = new Processor();
-        $this->rules = $this->processor->getRules(file_get_contents($sourceCss));
         $this->cssConverter = new CssSelectorConverter();
-
     }
 
-    public function getStore(){
+    public function getCssStore()
+    {
         return $this->cssStore;
     }
 
+    public function getHtmlStore()
+    {
+        return $this->htmlStore;
+    }
+
     /**
      * @param string $html the raw html
      */
@@ -51,6 +58,23 @@ public function processHtmlToStore($html)
         $this->cssStore->addCssStyles($this->extractCss($html));
     }
 
+    /**
+     * @param $sourceCss
+     */
+    public function addBaseRules($sourceCss)
+    {
+        $this->rules = array_merge($this->rules, $this->processor->getRules($sourceCss));
+    }
+
+    public function buildExtractedRuleSet()
+    {
+        foreach ($this->htmlStore->getSnippets() as $htmlSnippet) {
+            $this->processHtmlToStore($htmlSnippet);
+        }
+
+        return $this->cssStore->compileStyles();
+    }
+
     /**
      * @param $html
      *
@@ -82,8 +106,6 @@ public function extractCss($html)
 
         $applicable_rules = $this->groupRulesBySelector($applicable_rules);
         return $applicable_rules;
-
-
     }
 
     /**
@@ -106,4 +128,11 @@ private function groupRulesBySelector($applicable_rules)
 
         return $grouped;
     }
+
+    public function addHtmlToStore($rawHtml)
+    {
+        $this->htmlStore->addHtmlSnippet($rawHtml);
+    }
+
+
 }

src/Twig/Extension.php

@@ -23,6 +23,14 @@ public function __construct($sourceCss)
         $this->pageSpecificCssService = new PageSpecificCss($sourceCss);
     }
 
+    /**
+     * @param $sourceCss
+     */
+    public function addBaseRules($sourceCss)
+    {
+        $this->pageSpecificCssService->addBaseRules($sourceCss);
+    }
+
     public function getTokenParsers()
     {
         return [
@@ -32,12 +40,16 @@ public function getTokenParsers()
 
     public function addCssToExtract($rawHtml)
     {
-        $this->pageSpecificCssService->processHtmlToStore($rawHtml);
+        $this->pageSpecificCssService->addHtmlToStore($rawHtml);
         return $rawHtml;
     }
 
     public function getCriticalCss()
     {
-        return $this->pageSpecificCssService->getStore()->compileStyles();
+        return $this->pageSpecificCssService->getCssStore()->compileStyles();
+    }
+    public function buildCriticalCssFromSnippets()
+    {
+        return $this->pageSpecificCssService->buildExtractedRuleSet();
     }
 }