File: cssmin.rb

package info (click to toggle)
ruby-cssminify 1.0.2-2
  • links: PTS, VCS
  • area: main
  • in suites: bookworm, forky, sid, trixie
  • size: 992 kB
  • sloc: ruby: 391; makefile: 6
file content (383 lines) | stat: -rw-r--r-- 11,809 bytes parent folder | download
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
#
# cssmin.rb - 1.0.1
# Author: Matthias Siegel - https://github.com/matthiassiegel/cssmin
# This is a Ruby port of the CSS minification tool
# distributed with YUICompressor, based on the original Java
# code and the Javascript port by Stoyan Stefanov.
# Permission is hereby granted to use the Ruby version under the same
# conditions as YUICompressor (original YUICompressor note below).
#
#
# YUI Compressor
# http://developer.yahoo.com/yui/compressor/
# Author: Julien Lecomte -  http://www.julienlecomte.net/
# Author: Isaac Schlueter - http://foohack.com/
# Author: Stoyan Stefanov - http://phpied.com/
# Copyright (c) 2011 Yahoo! Inc.  All rights reserved.
# The copyrights embodied in the content of this file are licensed
# by Yahoo! Inc. under the BSD (revised) open source license.
#

module CssCompressor

  def self.compress(css, linebreakpos = 5000)
    
    #
    # Support for various input types
    #
    if css.respond_to?(:read)
      css = css.read
    elsif css.respond_to?(:path)
      css = File.read(css.path)
    end
    
    @@preservedTokens = []
    comments = []
    startIndex = 0
    
    #
    # Extract data urls
    #
    css = extractDataUrls(css)
    
    #
    # Collect all comment blocks...
    #
    while (startIndex = css.index(/\/\*/, startIndex)) != nil
      endIndex = css.index(/\*\//, startIndex + 2)
      endIndex = css.length if endIndex.nil?
      
      comments << css[(startIndex + 2)...endIndex]
      
      css = css[0...(startIndex + 2)] + '___YUICSSMIN_PRESERVE_CANDIDATE_COMMENT_' + (comments.length - 1).to_s + '___' + css[endIndex..-1]
      startIndex += 2
    end
    
    #
    # Preserve strings so their content doesn't get accidentally minified
    #
    css = css.gsub(/("([^\\"]|\\.|\\)*")|('([^\\']|\\.|\\)*')/) { |match| 
      quote = match[0, 1]
      match = match[1...-1]
      
      #
      # Maybe the string contains a comment-like substring?
      # One, maybe more? put'em back then
      #
      unless match.index('___YUICSSMIN_PRESERVE_CANDIDATE_COMMENT_').nil?
        comments.each_index { |i| match = match.gsub(/___YUICSSMIN_PRESERVE_CANDIDATE_COMMENT_#{i}___/, comments[i]) }
      end
      
      #
      # Minify alpha opacity in filter strings
      #
      match = match.gsub(/progid:DXImageTransform\.Microsoft\.Alpha\(Opacity=/i, 'alpha(opacity=')
      
      @@preservedTokens << match
      
      quote + "___YUICSSMIN_PRESERVED_TOKEN_" + (@@preservedTokens.length - 1).to_s + "___" + quote
    }
    
    #
    # Strings are safe, now wrestle the comments
    #
    for i in 0...comments.length
      token = comments[i]
      placeholder = /___YUICSSMIN_PRESERVE_CANDIDATE_COMMENT_#{i}___/
      
      #
      # ! in the first position of the comment means preserve
      # so push to the preserved tokens keeping the !
      #
      if token[0] === '!'
        @@preservedTokens << token
        css = css.gsub(placeholder, "___YUICSSMIN_PRESERVED_TOKEN_" + (@@preservedTokens.length - 1).to_s + "___")
        next
      end
      
      #
      # \ in the last position looks like hack for Mac/IE5
      # shorten that to /*\*/ and the next one to /**/
      #
      if token[(token.length - 1)..-1] === '\\'
        @@preservedTokens << '\\'
        css = css.gsub(placeholder, "___YUICSSMIN_PRESERVED_TOKEN_" + (@@preservedTokens.length - 1).to_s + "___")
        
        i += 1  # Attn: advancing the loop
        
        @@preservedTokens << ''
        css = css.gsub(/___YUICSSMIN_PRESERVE_CANDIDATE_COMMENT_#{i}___/, "___YUICSSMIN_PRESERVED_TOKEN_" + (@@preservedTokens.length - 1).to_s + "___")
        next
      end
      
      #
      # Keep empty comments after child selectors (IE7 hack)
      # E.g. html >/**/ body
      #
      if token.length == 0
        startIndex = css.index(placeholder)
        
        if startIndex and startIndex > 2
          if css[startIndex - 3] === '>'
            @@preservedTokens << ''
            css = css.gsub(placeholder, "___YUICSSMIN_PRESERVED_TOKEN_" + (@@preservedTokens.length - 1).to_s + "___")
          end
        end
      end
      
      #
      # In all other cases kill the comment
      #
      css = css.gsub(/\/\*___YUICSSMIN_PRESERVE_CANDIDATE_COMMENT_#{i}___\*\//, '')
    end
    
    #
    # Shorten all whitespace strings to single spaces
    #
    css = css.gsub(/\s+/, ' ')
    
    #
    # Remove the spaces before the things that should not have spaces before them.
    # But, be careful not to turn "p :link {...}" into "p:link{...}"
    # Swap out any pseudo-class colons with the token, and then swap back.
    #
    css = css.gsub(/(^|\})(([^\{:])+:)+([^\{]*\{)/) { |m| m.gsub(/:/, '___YUICSSMIN_PSEUDOCLASSCOLON___') }
    css = css.gsub(/\s+([!{};:>+\(\)\],])/) { $1.to_s }
    css = css.gsub(/___YUICSSMIN_PSEUDOCLASSCOLON___/, ':')
    
    #
    # Retain space for special IE6 cases
    #
    css = css.gsub(/:first-(line|letter)(\{|,)/i) { ":first-#{$1.to_s.downcase} #{$2.to_s}" }
    
    #
    # No space after the end of a preserved comment
    #
    css = css.gsub(/\*\/\s+/, '*/')
    
    #
    # If there is a @charset, then only allow one, and push to the top of the file.
    #
    css = css.gsub(/^(.*)(@charset "[^"]*";)/i) { $2.to_s + $1.to_s }
    css = css.gsub(/^(\s*@charset [^;]+;\s*)+/i) { $1.to_s }
    
    #
    # Put the space back in some cases, to support stuff like
    # @media screen and (-webkit-min-device-pixel-ratio:0){
    #
    css = css.gsub(/\band\(/i, 'and (')
    
    #
    # Remove the spaces after the things that should not have spaces after them.
    #
    css = css.gsub(/([!{}:;>+\(\[,])\s+/) { $1.to_s }
    
    #
    # Remove unnecessary semicolons
    #
    css = css.gsub(/;+\}/, '}')
    
    #
    # Replace 0(px,em,%) with 0
    #
    css = css.gsub(/(^|[^0-9])(?:0?\.)?0(?:px|em|%|in|cm|mm|pc|pt|ex|deg|g?rad|m?s|k?hz)/i) { $1.to_s + '0' }
    
    #
    # Replace 0 0 0 0; with 0
    #
    css = css.gsub(/:0 0 0 0(;|\})/) { ':0' + $1.to_s }
    css = css.gsub(/:0 0 0(;|\})/) { ':0' + $1.to_s }
    css = css.gsub(/:0 0(;|\})/) { ':0' + $1.to_s }
    
    #
    # Replace background-position:0; with background-position:0 0;
    # Same for transform-origin
    #
    css = css.gsub(/(background-position|transform-origin|webkit-transform-origin|moz-transform-origin|o-transform-origin|ms-transform-origin):0(;|\})/i) { "#{$1.to_s.downcase}:0 0#{$2.to_s}" }
    
    #
    # Replace 0.6 to .6, but only when preceded by : or a white-space
    #
    css = css.gsub(/(:|\s)0+\.(\d+)/) { "#{$1.to_s}.#{$2.to_s}" }
    
    #
    # Shorten colors from rgb(51,102,153) to #336699
    # This makes it more likely that it'll get further compressed in the next step.
    #
    css = css.gsub(/rgb\s*\(\s*([0-9,\s]+)\s*\)(\d+%)?/i) {
      rgbcolors = $1.to_s.split(',')
      i = 0
      
      while i < rgbcolors.length
        rgbcolors[i] = rgbcolors[i].to_i.to_s(16)
        
        if rgbcolors[i].length === 1
          rgbcolors[i] = '0' + rgbcolors[i]
        end
        
        i += 1
      end
      
      unless $2.to_s.empty?
        rgbcolors << (' ' + $2.to_s)
      end
      
      '#' + rgbcolors.join('')
    }
    
    #
    # Shorten colors from #AABBCC to #ABC. Note that we want to make sure
    # the color is not preceded by either ", " or =. Indeed, the property
    #     filter: chroma(color="#FFFFFF");
    # would become
    #     filter: chroma(color="#FFF");
    # which makes the filter break in IE.
    # We also want to make sure we're only compressing #AABBCC patterns inside { }, not id selectors ( #FAABAC {} )
    # We also want to avoid compressing invalid values (e.g. #AABBCCD to #ABCD)
    #
    rest = css
    new_css = ''
    
    while m = rest.match(/(\=\s*?["']?)?#([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])(:?\}|[^0-9a-f{][^{]*?\})/i) do
      #
      # Normal color value
      #
      if m[1].nil?
        #
        # Color value that can be shortened
        #
        if m[2].to_s.downcase == m[3].to_s.downcase && m[4].to_s.downcase == m[5].to_s.downcase && m[6].to_s.downcase == m[7].to_s.downcase
          color = '#' + m[2].to_s.downcase + m[4].to_s.downcase + m[6].to_s.downcase
          shift = 7
          
        #
        # Color value that can't be shortened
        #
        else
          color = '#' + m[2].to_s.downcase + m[3].to_s.downcase + m[4].to_s.downcase + m[5].to_s.downcase + m[6].to_s.downcase + m[7].to_s.downcase
          shift = 7
        end
        
      #
      # Filter property that needs to stay the way it is
      #
      else
        color = m[1].to_s + '#' + m[2].to_s + m[3].to_s + m[4].to_s + m[5].to_s + m[6].to_s + m[7].to_s
        shift = color.length
      end
      
      new_css += m.pre_match + color
      rest.slice!(rest.index(m.pre_match || 0), m.pre_match.length + shift)
    
    end
    css = new_css + rest
    
    #
    # border: none -> border:0
    #
    css = css.gsub(/(border|border-top|border-right|border-bottom|border-left|outline|background):none(;|\})/i) { "#{$1.to_s.downcase}:0#{$2.to_s}" }
    
    #
    # Shorter opacity IE filter
    #
    css = css.gsub(/progid:DXImageTransform\.Microsoft\.Alpha\(Opacity=/i, 'alpha(opacity=')
    
    #
    # Remove empty rules.
    #
    css = css.gsub(/[^\};\{\/]+\{\}/, '')
    
    #
    # Some source control tools don't like it when files containing lines longer
    # than, say 8000 characters, are checked in. The linebreak option is used in
    # that case to split long lines after a specific column.
    #
    if linebreakpos
      startIndex = 0
      i = 0
      while i < css.length
        i = i + 1
        if css[i - 1] === '}' && i - startIndex > linebreakpos
          css = css.slice(0, i) + "\n" + css.slice(i, css.length - i)
          startIndex = i
        end
      end
    end
    
    #
    # Replace multiple semi-colons in a row by a single one
    #
    css = css.gsub(/;;+/, ';')
    
    #
    # Restore preserved comments and strings
    #
    for i in 0...@@preservedTokens.length do
      css = css.gsub(/___YUICSSMIN_PRESERVED_TOKEN_#{i}___/) { @@preservedTokens[i] }
    end
    
    #
    # Remove leading and trailing whitespace
    #
    css = css.chomp.strip
  end
  
  
  
  
  private
  
  
  #
  # Utility method to replace all data urls with tokens before we start
  # compressing, to avoid performance issues running some of the subsequent
  # regexes against large strings chunks.
  #
  # @param [String] css The input css
  # @returns [String] The processed css
  #
  def self.extractDataUrls(css)
    new_css = ''
    
    while m = css.match(/url\(\s*(["']?)data\:/i) do
      startIndex = m.begin(0) + 4   # "url(".length()
      terminator = m[1]             # ', " or empty (not quoted)
      terminator = ')' if terminator.empty?
      foundTerminator = false      
      endIndex = m.end(0) - 1
      
      while !foundTerminator && endIndex + 1 <= css.length
        endIndex = css.index(terminator, endIndex + 1)
        
        #
        # endIndex == 0 doesn't really apply here
        #
        if endIndex > 0 && css[endIndex - 1] != '\\'
          foundTerminator = true
          endIndex = css.index(')', endIndex) if terminator != ')'
        end
      end
      
      new_css += css[0...m.begin(0)]
      
      if foundTerminator
        token = css[startIndex...endIndex]
        token = token.gsub(/\s+/, '')
        @@preservedTokens << token
        
        new_css += "url(___YUICSSMIN_PRESERVED_TOKEN_" + (@@preservedTokens.length - 1).to_s + "___)"
        
      #
      # No end terminator found, re-add the whole match
      #
      else
        new_css += css[m.begin(0)...m.end(0)]
      end
      
      css = css[(endIndex + 1)..-1]
    end
    
    css = new_css + css
  end
  
end