WebSVN – Moodle – Diff – /lib/minify/matthiasmullie-minify/src/CSS.php

+    }
     /**
      * Combine CSS from import statements.
      *
-     * Import statements will be loaded and their content merged into the original
+     * \@import's will be loaded and their content merged into the original file,
-     * file, to save HTTP requests.
+     * to save HTTP requests.
+     *
      * @param string   $source  The file to combine imports for
      * @param string   $content The CSS content to combine imports for
      * @param string[] $parents Parent paths, for circular reference checks
             $this->extractMath();
             $this->extractCustomProperties();
             $css = $this->replace($css);
+            $css = $this->stripWhitespace($css);
+            $css = $this->convertLegacyColors($css);
-            $css = $this->stripWhitespace($css);
+            $css = $this->cleanupModernColors($css);
-            $css = $this->shortenColors($css);
+            $css = $this->shortenHEXColors($css);
             $css = $this->shortenZeroes($css);
             $css = $this->shortenFontWeights($css);
             $css = $this->stripEmptyTags($css);
         // replace urls
         return str_replace($search, $replace, $content);
+    }
     /**
-     * Shorthand hex color codes.
+     * Shorthand HEX color codes.
+     * #FF0000FF -> #f00 -> red
-     * #FF0000 -> #F00.
+     * #FF00FF00 -> transparent.
      *
-     * @param string $content The CSS content to shorten the hex color codes for
+     * @param string $content The CSS content to shorten the HEX color codes for
+     *
      * @return string
      */
-    protected function shortenColors($content)
+    protected function shortenHexColors($content)
+    {
-    {
+        // shorten repeating patterns within HEX ..
-        $content = preg_replace('/(?<=[: ])#([0-9a-z])\\1([0-9a-z])\\2([0-9a-z])\\3(?:([0-9a-z])\\4)?(?=[; }])/i', '#$1$2$3$4', $content);
+        $content = preg_replace('/(?<=[: ])#([0-9a-f])\\1([0-9a-f])\\2([0-9a-f])\\3(?:([0-9a-f])\\4)?(?=[; }])/i', '#$1$2$3$4', $content);
-        // remove alpha channel if it's pointless...
+        // remove alpha channel if it's pointless ..
+        $content = preg_replace('/(?<=[: ])#([0-9a-f]{6})ff(?=[; }])/i', '#$1', $content);
+        $content = preg_replace('/(?<=[: ])#([0-9a-f]{3})f(?=[; }])/i', '#$1', $content);
-        $content = preg_replace('/(?<=[: ])#([0-9a-z]{6})ff?(?=[; }])/i', '#$1', $content);
+        // replace `transparent` with shortcut ..
+        $content = preg_replace('/(?<=[: ])#[0-9a-f]{6}00(?=[; }])/i', '#fff0', $content);
+        $colors = array(
+            // make these more readable
+            '#00f' => 'blue',
+            '#dc143c' => 'crimson',
+            '#0ff' => 'cyan',
+            '#8b0000' => 'darkred',
+            '#696969' => 'dimgray',
+            '#ff69b4' => 'hotpink',
+            '#0f0' => 'lime',
-        $content = preg_replace('/(?<=[: ])#([0-9a-z]{3})f?(?=[; }])/i', '#$1', $content);
+            '#fdf5e6' => 'oldlace',
+            '#87ceeb' => 'skyblue',
-        $colors = array(
+            '#d8bfd8' => 'thistle',
+            // we can shorten some even more by replacing them with their color name
-            // we can shorten some even more by replacing them with their color name
+            '#f0ffff' => 'azure',
-            '#F0FFFF' => 'azure',
+            '#f5f5dc' => 'beige',
-            '#F5F5DC' => 'beige',
+            '#ffe4c4' => 'bisque',
-            '#A52A2A' => 'brown',
+            '#a52a2a' => 'brown',
-            '#FF7F50' => 'coral',
+            '#ff7f50' => 'coral',
-            '#FFD700' => 'gold',
+            '#ffd700' => 'gold',
             '#808080' => 'gray',
             '#008000' => 'green',
-            '#4B0082' => 'indigo',
+            '#4b0082' => 'indigo',
-            '#FFFFF0' => 'ivory',
+            '#fffff0' => 'ivory',
-            '#F0E68C' => 'khaki',
+            '#f0e68c' => 'khaki',
-            '#FAF0E6' => 'linen',
+            '#faf0e6' => 'linen',
+            '#800000' => 'maroon',
+            '#000080' => 'navy',
-            '#800000' => 'maroon',
+            '#808000' => 'olive',
-            '#000080' => 'navy',
+            '#ffa500' => 'orange',
-            '#808000' => 'olive',
+            '#da70d6' => 'orchid',
-            '#CD853F' => 'peru',
+            '#cd853f' => 'peru',
-            '#FFC0CB' => 'pink',
+            '#ffc0cb' => 'pink',
-            '#DDA0DD' => 'plum',
+            '#dda0dd' => 'plum',
             '#800080' => 'purple',
-            '#F00' => 'red',
+            '#f00' => 'red',
-            '#FA8072' => 'salmon',
+            '#fa8072' => 'salmon',
-            '#A0522D' => 'sienna',
+            '#a0522d' => 'sienna',
+            '#c0c0c0' => 'silver',
-            '#C0C0C0' => 'silver',
+            '#fffafa' => 'snow',
-            '#FFFAFA' => 'snow',
+            '#d2b48c' => 'tan',
-            '#D2B48C' => 'tan',
+            '#008080' => 'teal',
-            '#FF6347' => 'tomato',
+            '#ff6347' => 'tomato',
+            '#ee82ee' => 'violet',
+            '#f5deb3' => 'wheat',
+            // or the other way around
-            '#EE82EE' => 'violet',
+            'black' => '#000',
-            '#F5DEB3' => 'wheat',
+            'fuchsia' => '#f0f',
+            'magenta' => '#f0f',
+            'white' => '#fff',
-            // or the other way around
+            'yellow' => '#ff0',
-            'WHITE' => '#fff',
+            // and also `transparent`
-            'BLACK' => '#000',
+            'transparent' => '#fff0',
         );
+        return preg_replace_callback(
+            '/(?<=[: ])(' . implode('|', array_keys($colors)) . ')(?=[; }])/i',
+            function ($match) use ($colors) {
+                return $colors[strtolower($match[0])];
+            },
+            $content
+        );
+    }
+    /**
+     * Convert RGB|HSL color codes.
+     * rgb(255,0,0,.5) -> rgb(255 0 0 / .5).
+     * rgb(255,0,0) -> #f00.
+     *
+     * @param string $content The CSS content to shorten the RGB color codes for
+     *
+     * @return string
+     */
+    protected function convertLegacyColors($content)
+    {
+        /*
+          https://drafts.csswg.org/css-color/#color-syntax-legacy
+          https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb
+          https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl
+        */
+        // convert legacy color syntax
+        $content = preg_replace('/(rgb)a?\(\s*([0-9]{1,3}%?)\s*,\s*([0-9]{1,3}%?)\s*,\s*([0-9]{1,3}%?)\s*,\s*([0,1]?(?:\.[0-9]*)?)\s*\)/i', '$1($2 $3 $4 / $5)', $content);
+        $content = preg_replace('/(rgb)a?\(\s*([0-9]{1,3}%?)\s*,\s*([0-9]{1,3}%?)\s*,\s*([0-9]{1,3}%?)\s*\)/i', '$1($2 $3 $4)', $content);
+        $content = preg_replace('/(hsl)a?\(\s*([0-9]+(?:deg|grad|rad|turn)?)\s*,\s*([0-9]{1,3}%)\s*,\s*([0-9]{1,3}%)\s*,\s*([0,1]?(?:\.[0-9]*)?)\s*\)/i', '$1($2 $3 $4 / $5)', $content);
+        $content = preg_replace('/(hsl)a?\(\s*([0-9]+(?:deg|grad|rad|turn)?)\s*,\s*([0-9]{1,3}%)\s*,\s*([0-9]{1,3}%)\s*\)/i', '$1($2 $3 $4)', $content);
+        // convert `rgb` to `hex`
+        $dec = '([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])';
         return preg_replace_callback(
-            '/(?<=[: ])(' . implode('|', array_keys($colors)) . ')(?=[; }])/i',
+            "/rgb\($dec $dec $dec\)/i",
-            function ($match) use ($colors) {
+            function ($match) {
-                return $colors[strtoupper($match[0])];
+                return sprintf('#%02x%02x%02x', $match[1], $match[2], $match[3]);
             },
+            $content
+        );
+    }
+    /**
+     * Cleanup RGB|HSL|HWB|LCH|LAB
+     * rgb(255 0 0 / 1) -> rgb(255 0 0).
+     * rgb(255 0 0 / 0) -> transparent.
+     *
+     * @param string $content The CSS content to cleanup HSL|HWB|LCH|LAB
+     *
+     * @return string
+     */
+    protected function cleanupModernColors($content)
+    {
+        /*
+          https://drafts.csswg.org/css-color/#color-syntax-modern
+          https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hwb
+          https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lch
+          https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lab
+          https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklch
+          https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklab
+        */
+        $tag = '(rgb|hsl|hwb|(?:(?:ok)?(?:lch|lab)))';
+        // remove alpha channel if it's pointless ..
+        $content = preg_replace('/' . $tag . '\(\s*([^\s]+)\s+([^\s]+)\s+([^\s]+)\s+\/\s+1(?:(?:\.\d?)*|00%)?\s*\)/i', '$1($2 $3 $4)', $content);
+        // replace `transparent` with shortcut ..
+        $content = preg_replace('/' . $tag . '\(\s*[^\s]+\s+[^\s]+\s+[^\s]+\s+\/\s+0(?:[\.0%]*)?\s*\)/i', '#fff0', $content);
             $content
-        );
+        return $content;
+    }
     /**

Proyectos de Subversion Moodle

(root)/lib/minify/matthiasmullie-minify/src/CSS.php – Rev 1 → 1441