2010-09-04 04:00:09 +00:00
|
|
|
<?php
|
2011-10-14 21:18:38 +00:00
|
|
|
/**
|
2012-05-04 06:29:11 +00:00
|
|
|
* Minification of CSS stylesheets.
|
|
|
|
|
*
|
2010-09-09 22:12:54 +00:00
|
|
|
* Copyright 2010 Wikimedia Foundation
|
2011-06-17 16:03:52 +00:00
|
|
|
*
|
2010-12-02 19:49:54 +00:00
|
|
|
* Licensed under the Apache License, Version 2.0 (the "License"); you may
|
|
|
|
|
* not use this file except in compliance with the License.
|
|
|
|
|
* You may obtain a copy of the License at
|
2011-06-17 16:03:52 +00:00
|
|
|
*
|
2010-09-09 22:12:54 +00:00
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
2011-06-17 16:03:52 +00:00
|
|
|
*
|
2010-12-02 19:49:54 +00:00
|
|
|
* Unless required by applicable law or agreed to in writing, software distributed
|
|
|
|
|
* under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS
|
|
|
|
|
* OF ANY KIND, either express or implied. See the License for the
|
2011-06-17 16:03:52 +00:00
|
|
|
* specific language governing permissions and limitations under the License.
|
|
|
|
|
*
|
2010-09-09 22:12:54 +00:00
|
|
|
* @file
|
2010-09-11 10:20:26 +00:00
|
|
|
* @version 0.1.1 -- 2010-09-11
|
2010-09-09 22:12:54 +00:00
|
|
|
* @author Trevor Parscal <tparscal@wikimedia.org>
|
|
|
|
|
* @copyright Copyright 2010 Wikimedia Foundation
|
|
|
|
|
* @license http://www.apache.org/licenses/LICENSE-2.0
|
2010-09-08 17:38:26 +00:00
|
|
|
*/
|
2012-05-04 06:29:11 +00:00
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Transforms CSS data
|
|
|
|
|
*
|
|
|
|
|
* This class provides minification, URL remapping, URL extracting, and data-URL embedding.
|
|
|
|
|
*/
|
2010-09-04 04:00:09 +00:00
|
|
|
class CSSMin {
|
2011-06-17 16:03:52 +00:00
|
|
|
|
2010-09-04 04:00:09 +00:00
|
|
|
/* Constants */
|
2011-06-17 16:03:52 +00:00
|
|
|
|
2010-09-04 04:00:09 +00:00
|
|
|
/**
|
|
|
|
|
* Maximum file size to still qualify for in-line embedding as a data-URI
|
2010-09-04 12:53:01 +00:00
|
|
|
*
|
2010-12-02 19:49:54 +00:00
|
|
|
* 24,576 is used because Internet Explorer has a 32,768 byte limit for data URIs,
|
|
|
|
|
* which when base64 encoded will result in a 1/3 increase in size.
|
2010-09-04 04:00:09 +00:00
|
|
|
*/
|
|
|
|
|
const EMBED_SIZE_LIMIT = 24576;
|
2013-11-09 17:59:45 +00:00
|
|
|
const URL_REGEX = 'url\(\s*[\'"]?(?P<file>[^\?\)\'"]*?)(?P<query>\?[^\)\'"]*?|)[\'"]?\s*\)';
|
|
|
|
|
const EMBED_REGEX = '\/\*\s*\@embed\s*\*\/';
|
2011-06-17 16:03:52 +00:00
|
|
|
|
2010-09-09 21:34:44 +00:00
|
|
|
/* Protected Static Members */
|
2011-06-17 16:03:52 +00:00
|
|
|
|
2010-09-09 21:34:44 +00:00
|
|
|
/** @var array List of common image files extensions and mime-types */
|
|
|
|
|
protected static $mimeTypes = array(
|
|
|
|
|
'gif' => 'image/gif',
|
|
|
|
|
'jpe' => 'image/jpeg',
|
|
|
|
|
'jpeg' => 'image/jpeg',
|
|
|
|
|
'jpg' => 'image/jpeg',
|
|
|
|
|
'png' => 'image/png',
|
|
|
|
|
'tif' => 'image/tiff',
|
|
|
|
|
'tiff' => 'image/tiff',
|
|
|
|
|
'xbm' => 'image/x-xbitmap',
|
|
|
|
|
);
|
2011-06-17 16:03:52 +00:00
|
|
|
|
2010-09-04 04:00:09 +00:00
|
|
|
/* Static Methods */
|
2011-06-17 16:03:52 +00:00
|
|
|
|
2010-09-04 04:00:09 +00:00
|
|
|
/**
|
|
|
|
|
* Gets a list of local file paths which are referenced in a CSS style sheet
|
2010-09-04 12:53:01 +00:00
|
|
|
*
|
2013-03-11 17:15:01 +00:00
|
|
|
* @param string $source CSS data to remap
|
|
|
|
|
* @param string $path File path where the source was read from (optional)
|
2010-09-04 04:00:09 +00:00
|
|
|
* @return array List of local file references
|
|
|
|
|
*/
|
|
|
|
|
public static function getLocalFileReferences( $source, $path = null ) {
|
|
|
|
|
$files = array();
|
2010-12-02 19:49:54 +00:00
|
|
|
$rFlags = PREG_OFFSET_CAPTURE | PREG_SET_ORDER;
|
|
|
|
|
if ( preg_match_all( '/' . self::URL_REGEX . '/', $source, $matches, $rFlags ) ) {
|
2010-09-04 04:00:09 +00:00
|
|
|
foreach ( $matches as $match ) {
|
2010-12-02 19:49:54 +00:00
|
|
|
$file = ( isset( $path )
|
|
|
|
|
? rtrim( $path, '/' ) . '/'
|
|
|
|
|
: '' ) . "{$match['file'][0]}";
|
2010-09-04 12:53:01 +00:00
|
|
|
|
2010-09-04 04:00:09 +00:00
|
|
|
// Only proceed if we can access the file
|
2010-09-16 13:45:01 +00:00
|
|
|
if ( !is_null( $path ) && file_exists( $file ) ) {
|
2010-09-04 04:00:09 +00:00
|
|
|
$files[] = $file;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return $files;
|
|
|
|
|
}
|
2011-06-17 16:03:52 +00:00
|
|
|
|
2013-09-18 09:09:11 +00:00
|
|
|
/**
|
|
|
|
|
* Encode an image file as a base64 data URI.
|
|
|
|
|
* If the image file has a suitable MIME type and size, encode it as a
|
|
|
|
|
* base64 data URI. Return false if the image type is unfamiliar or exceeds
|
|
|
|
|
* the size limit.
|
|
|
|
|
*
|
|
|
|
|
* @param string $file Image file to encode.
|
|
|
|
|
* @param string|null $type File's MIME type or null. If null, CSSMin will
|
|
|
|
|
* try to autodetect the type.
|
|
|
|
|
* @param int|bool $sizeLimit If the size of the target file is greater than
|
|
|
|
|
* this value, decline to encode the image file and return false
|
|
|
|
|
* instead. If $sizeLimit is false, no limit is enforced.
|
|
|
|
|
* @return string|bool: Image contents encoded as a data URI or false.
|
|
|
|
|
*/
|
|
|
|
|
public static function encodeImageAsDataURI( $file, $type = null, $sizeLimit = self::EMBED_SIZE_LIMIT ) {
|
|
|
|
|
if ( $sizeLimit !== false && filesize( $file ) >= $sizeLimit ) {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
if ( $type === null ) {
|
|
|
|
|
$type = self::getMimeType( $file );
|
|
|
|
|
}
|
|
|
|
|
if ( !$type ) {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
$data = base64_encode( file_get_contents( $file ) );
|
|
|
|
|
return 'data:' . $type . ';base64,' . $data;
|
|
|
|
|
}
|
|
|
|
|
|
2011-10-26 04:15:09 +00:00
|
|
|
/**
|
|
|
|
|
* @param $file string
|
|
|
|
|
* @return bool|string
|
|
|
|
|
*/
|
2013-09-18 03:58:39 +00:00
|
|
|
public static function getMimeType( $file ) {
|
2011-02-11 22:57:32 +00:00
|
|
|
$realpath = realpath( $file );
|
|
|
|
|
// Try a couple of different ways to get the mime-type of a file, in order of
|
|
|
|
|
// preference
|
|
|
|
|
if (
|
|
|
|
|
$realpath
|
|
|
|
|
&& function_exists( 'finfo_file' )
|
|
|
|
|
&& function_exists( 'finfo_open' )
|
|
|
|
|
&& defined( 'FILEINFO_MIME_TYPE' )
|
|
|
|
|
) {
|
|
|
|
|
// As of PHP 5.3, this is how you get the mime-type of a file; it uses the Fileinfo
|
|
|
|
|
// PECL extension
|
|
|
|
|
return finfo_file( finfo_open( FILEINFO_MIME_TYPE ), $realpath );
|
2011-06-17 16:03:52 +00:00
|
|
|
} elseif ( function_exists( 'mime_content_type' ) ) {
|
2011-02-11 22:57:32 +00:00
|
|
|
// Before this was deprecated in PHP 5.3, this was how you got the mime-type of a file
|
|
|
|
|
return mime_content_type( $file );
|
|
|
|
|
} else {
|
|
|
|
|
// Worst-case scenario has happened, use the file extension to infer the mime-type
|
|
|
|
|
$ext = strtolower( pathinfo( $file, PATHINFO_EXTENSION ) );
|
|
|
|
|
if ( isset( self::$mimeTypes[$ext] ) ) {
|
|
|
|
|
return self::$mimeTypes[$ext];
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return false;
|
|
|
|
|
}
|
2011-06-17 16:03:52 +00:00
|
|
|
|
2010-09-04 04:00:09 +00:00
|
|
|
/**
|
2013-11-09 17:59:45 +00:00
|
|
|
* Remaps CSS URL paths and automatically embeds data URIs for CSS rules or url() values
|
|
|
|
|
* preceded by an / * @embed * / comment.
|
2010-09-04 12:53:01 +00:00
|
|
|
*
|
2013-03-11 17:15:01 +00:00
|
|
|
* @param string $source CSS data to remap
|
|
|
|
|
* @param string $local File path where the source was read from
|
|
|
|
|
* @param string $remote URL path to the file
|
|
|
|
|
* @param bool $embedData If false, never do any data URI embedding, even if / * @embed * / is found
|
2010-09-04 04:00:09 +00:00
|
|
|
* @return string Remapped CSS data
|
|
|
|
|
*/
|
2012-02-02 10:30:57 +00:00
|
|
|
public static function remap( $source, $local, $remote, $embedData = true ) {
|
2013-11-09 17:59:45 +00:00
|
|
|
// High-level overview:
|
|
|
|
|
// * For each CSS rule in $source that includes at least one url() value:
|
|
|
|
|
// * Check for an @embed comment at the start indicating that all URIs should be embedded
|
|
|
|
|
// * For each url() value:
|
|
|
|
|
// * Check for an @embed comment directly preceding the value
|
|
|
|
|
// * If either @embed comment exists:
|
|
|
|
|
// * Embedding the URL as data: URI, if it's possible / allowed
|
|
|
|
|
// * Otherwise remap the URL to work in generated stylesheets
|
|
|
|
|
|
|
|
|
|
// Guard against trailing slashes, because "some/remote/../foo.png"
|
|
|
|
|
// resolves to "some/remote/foo.png" on (some?) clients (bug 27052).
|
|
|
|
|
if ( substr( $remote, -1 ) == '/' ) {
|
|
|
|
|
$remote = substr( $remote, 0, -1 );
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Note: This will not correctly handle cases where ';', '{' or '}' appears in the rule itself,
|
|
|
|
|
// e.g. in a quoted string. You are advised not to use such characters in file names.
|
|
|
|
|
$pattern = '/[;{]\K[^;}]*' . CSSMin::URL_REGEX . '[^;}]*(?=[;}])/';
|
|
|
|
|
return preg_replace_callback( $pattern, function ( $matchOuter ) use ( $local, $remote, $embedData ) {
|
|
|
|
|
$rule = $matchOuter[0];
|
|
|
|
|
|
|
|
|
|
// Check for global @embed comment and remove it
|
|
|
|
|
$embedAll = false;
|
|
|
|
|
$rule = preg_replace( '/^(\s*)' . CSSMin::EMBED_REGEX . '\s*/', '$1', $rule, 1, $embedAll );
|
|
|
|
|
|
|
|
|
|
// Build two versions of current rule: with remapped URLs and with embedded data: URIs (where possible)
|
|
|
|
|
$pattern = '/(?P<embed>' . CSSMin::EMBED_REGEX . '\s*|)' . CSSMin::URL_REGEX . '/';
|
|
|
|
|
|
|
|
|
|
$ruleWithRemapped = preg_replace_callback( $pattern, function ( $match ) use ( $local, $remote ) {
|
|
|
|
|
$remapped = CSSMin::remapOne( $match['file'], $match['query'], $local, $remote, false );
|
|
|
|
|
return "url({$remapped})";
|
|
|
|
|
}, $rule );
|
|
|
|
|
|
|
|
|
|
if ( $embedData ) {
|
|
|
|
|
$ruleWithEmbedded = preg_replace_callback( $pattern, function ( $match ) use ( $embedAll, $local, $remote ) {
|
|
|
|
|
$embed = $embedAll || $match['embed'];
|
|
|
|
|
$embedded = CSSMin::remapOne( $match['file'], $match['query'], $local, $remote, $embed );
|
|
|
|
|
return "url({$embedded})";
|
|
|
|
|
}, $rule );
|
2011-02-11 22:57:32 +00:00
|
|
|
}
|
2013-11-09 17:59:45 +00:00
|
|
|
|
|
|
|
|
if ( $embedData && $ruleWithEmbedded !== $ruleWithRemapped ) {
|
|
|
|
|
// Build 2 CSS properties; one which uses a base64 encoded data URI in place
|
|
|
|
|
// of the @embed comment to try and retain line-number integrity, and the
|
|
|
|
|
// other with a remapped an versioned URL and an Internet Explorer hack
|
|
|
|
|
// making it ignored in all browsers that support data URIs
|
|
|
|
|
return "$ruleWithEmbedded;$ruleWithRemapped!ie";
|
|
|
|
|
} else {
|
|
|
|
|
// No reason to repeat twice
|
|
|
|
|
return $ruleWithRemapped;
|
2011-02-19 14:58:16 +00:00
|
|
|
}
|
2013-11-09 17:59:45 +00:00
|
|
|
}, $source );
|
|
|
|
|
|
|
|
|
|
return $source;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Remap or embed a CSS URL path.
|
|
|
|
|
*
|
|
|
|
|
* @param string $file URL to remap/embed
|
|
|
|
|
* @param string $query
|
|
|
|
|
* @param string $local File path where the source was read from
|
|
|
|
|
* @param string $remote URL path to the file
|
|
|
|
|
* @param bool $embed Whether to do any data URI embedding
|
|
|
|
|
* @return string Remapped/embedded URL data
|
|
|
|
|
*/
|
|
|
|
|
public static function remapOne( $file, $query, $local, $remote, $embed ) {
|
|
|
|
|
// Skip fully-qualified URLs and data URIs
|
|
|
|
|
$urlScheme = parse_url( $file, PHP_URL_SCHEME );
|
|
|
|
|
if ( $urlScheme ) {
|
|
|
|
|
return $file;
|
|
|
|
|
}
|
2012-06-20 11:05:03 +00:00
|
|
|
|
2013-11-09 17:59:45 +00:00
|
|
|
// URLs with absolute paths like /w/index.php need to be expanded
|
|
|
|
|
// to absolute URLs but otherwise left alone
|
|
|
|
|
if ( $file !== '' && $file[0] === '/' ) {
|
|
|
|
|
// Replace the file path with an expanded (possibly protocol-relative) URL
|
|
|
|
|
// ...but only if wfExpandUrl() is even available.
|
|
|
|
|
// This will not be the case if we're running outside of MW
|
|
|
|
|
if ( function_exists( 'wfExpandUrl' ) ) {
|
|
|
|
|
return wfExpandUrl( $file, PROTO_RELATIVE );
|
|
|
|
|
} else {
|
|
|
|
|
return $file;
|
2012-06-20 11:05:03 +00:00
|
|
|
}
|
2013-11-09 17:59:45 +00:00
|
|
|
}
|
2012-06-20 11:05:03 +00:00
|
|
|
|
2013-11-09 17:59:45 +00:00
|
|
|
$url = "{$remote}/{$file}";
|
|
|
|
|
$file = "{$local}/{$file}";
|
|
|
|
|
|
|
|
|
|
$replacement = false;
|
|
|
|
|
|
|
|
|
|
if ( $local !== false && file_exists( $file ) ) {
|
|
|
|
|
// Add version parameter as a time-stamp in ISO 8601 format,
|
|
|
|
|
// using Z for the timezone, meaning GMT
|
|
|
|
|
$url .= '?' . gmdate( 'Y-m-d\TH:i:s\Z', round( filemtime( $file ), -2 ) );
|
|
|
|
|
if ( $embed ) {
|
|
|
|
|
$data = self::encodeImageAsDataURI( $file );
|
|
|
|
|
if ( $data !== false ) {
|
|
|
|
|
return $data;
|
|
|
|
|
} else {
|
|
|
|
|
return $url;
|
2010-09-04 04:00:09 +00:00
|
|
|
}
|
2013-11-09 17:59:45 +00:00
|
|
|
} else {
|
2011-02-11 22:57:32 +00:00
|
|
|
// Assume that all paths are relative to $remote, and make them absolute
|
2013-11-09 17:59:45 +00:00
|
|
|
return $url;
|
2011-02-11 22:57:32 +00:00
|
|
|
}
|
2013-11-09 17:59:45 +00:00
|
|
|
} elseif ( $local === false ) {
|
|
|
|
|
// Assume that all paths are relative to $remote, and make them absolute
|
|
|
|
|
return $url . $query;
|
|
|
|
|
} else {
|
|
|
|
|
return $file;
|
2010-09-04 04:00:09 +00:00
|
|
|
}
|
|
|
|
|
}
|
2011-02-11 22:57:32 +00:00
|
|
|
|
2010-09-04 04:00:09 +00:00
|
|
|
/**
|
|
|
|
|
* Removes whitespace from CSS data
|
2010-09-04 12:53:01 +00:00
|
|
|
*
|
2013-03-11 17:15:01 +00:00
|
|
|
* @param string $css CSS data to minify
|
2010-09-04 12:53:01 +00:00
|
|
|
* @return string Minified CSS data
|
2010-09-04 04:00:09 +00:00
|
|
|
*/
|
|
|
|
|
public static function minify( $css ) {
|
|
|
|
|
return trim(
|
|
|
|
|
str_replace(
|
|
|
|
|
array( '; ', ': ', ' {', '{ ', ', ', '} ', ';}' ),
|
|
|
|
|
array( ';', ':', '{', '{', ',', '}', '}' ),
|
|
|
|
|
preg_replace( array( '/\s+/', '/\/\*.*?\*\//s' ), array( ' ', '' ), $css )
|
|
|
|
|
)
|
|
|
|
|
);
|
|
|
|
|
}
|
2010-09-04 12:53:01 +00:00
|
|
|
}
|