LEFT | RIGHT |
1 CSSPropertyFilters = { | 1 function CSSPropertyFilters(window, addSelectorsFunc) { |
| 2 this.window = window; |
| 3 this.addSelectorsFunc = addSelectorsFunc; |
| 4 this.load(this.apply.bind(this)); |
| 5 } |
| 6 |
| 7 CSSPropertyFilters.prototype = { |
2 stringifyStyle: function(style) | 8 stringifyStyle: function(style) |
3 { | 9 { |
4 var styles = []; | 10 var styles = []; |
5 for (var i = 0; i < style.length; i++) | 11 for (var i = 0; i < style.length; i++) |
6 { | 12 { |
7 var property = style.item(i); | 13 var property = style.item(i); |
8 var value = style.getPropertyValue(property); | 14 var value = style.getPropertyValue(property); |
9 var priority = style.getPropertyPriority(property); | 15 var priority = style.getPropertyPriority(property); |
10 styles.push(property + ": " + value + (priority ? " !" + priority : "") +
";"); | 16 styles.push(property + ": " + value + (priority ? " !" + priority : "") +
";"); |
11 } | 17 } |
12 styles.sort(); | 18 styles.sort(); |
13 return styles.join(" "); | 19 return styles.join(" "); |
14 }, | 20 }, |
15 | 21 |
16 findSelectors: function(stylesheet, selectors) | 22 findSelectors: function(stylesheet, selectors) |
17 { | 23 { |
18 var rules = stylesheet.cssRules; | 24 var rules = stylesheet.cssRules; |
19 if (!rules) | 25 if (!rules) |
20 return; | 26 return; |
21 | 27 |
22 for (var i = 0; i < rules.length; i++) | 28 for (var i = 0; i < rules.length; i++) |
23 { | 29 { |
24 var rule = rules[i]; | 30 var rule = rules[i]; |
25 if (rule.type != CSSRule.STYLE_RULE) | 31 if (rule.type != this.window.CSSRule.STYLE_RULE) |
26 continue; | 32 continue; |
27 | 33 |
28 var style = this.stringifyStyle(rule.style); | 34 var style = this.stringifyStyle(rule.style); |
29 for (var j = 0; j < this.patterns.length; j++) | 35 for (var j = 0; j < this.patterns.length; j++) |
30 { | 36 { |
31 var pattern = this.patterns[j]; | 37 var pattern = this.patterns[j]; |
32 var regexp = pattern.regexp; | 38 var regexp = pattern.regexp; |
33 | 39 |
34 if (typeof regexp == "string") | 40 if (typeof regexp == "string") |
35 regexp = pattern.regexp = new RegExp(regexp); | 41 regexp = pattern.regexp = new RegExp(regexp); |
36 | 42 |
37 if (regexp.test(style)) | 43 if (regexp.test(style)) |
38 selectors.push(pattern.prefix + rule.selectorText + pattern.suffix); | 44 selectors.push(pattern.prefix + rule.selectorText + pattern.suffix); |
39 } | 45 } |
40 } | 46 } |
41 }, | 47 }, |
42 | 48 |
43 addSelectors: function(stylesheets) | 49 addSelectors: function(stylesheets) |
44 { | 50 { |
45 var selectors = []; | 51 var selectors = []; |
46 for (var i = 0; i < stylesheets.length; i++) | 52 for (var i = 0; i < stylesheets.length; i++) |
47 this.findSelectors(stylesheets[i], selectors); | 53 this.findSelectors(stylesheets[i], selectors); |
48 addElemHideSelectors(selectors); | 54 this.addSelectorsFunc(selectors); |
49 }, | 55 }, |
50 | 56 |
51 onLoad: function(event) | 57 onLoad: function(event) |
52 { | 58 { |
53 var stylesheet = event.target.sheet; | 59 var stylesheet = event.target.sheet; |
54 if (stylesheet) | 60 if (stylesheet) |
55 CSSPropertyFilters.addSelectors([stylesheet]); | 61 this.addSelectors([stylesheet]); |
56 }, | 62 }, |
57 | 63 |
58 load: function(callback) | 64 load: function(callback) |
59 { | 65 { |
60 ext.backgroundPage.sendMessage( | 66 ext.backgroundPage.sendMessage( |
61 { | 67 { |
62 type: "filters.get", | 68 type: "filters.get", |
63 what: "cssproperties" | 69 what: "cssproperties" |
64 }, | 70 }, |
65 function(patterns) | 71 function(patterns) |
66 { | 72 { |
67 this.patterns = patterns; | 73 this.patterns = patterns; |
68 callback(); | 74 callback(); |
69 }.bind(this) | 75 }.bind(this) |
70 ); | 76 ); |
71 }, | 77 }, |
72 | 78 |
73 apply: function() | 79 apply: function() |
74 { | 80 { |
75 if (patterns.length > 0) | 81 if (this.patterns.length > 0) |
76 { | 82 { |
| 83 var document = this.window.document; |
77 this.addSelectors(document.styleSheets); | 84 this.addSelectors(document.styleSheets); |
78 document.addEventListener("load", this.onLoad, true); | 85 document.addEventListener("load", this.onLoad.bind(this), true); |
79 } | 86 } |
80 }, | |
81 | |
82 init: function() | |
83 { | |
84 this.load(this.apply.bind(this)); | |
85 } | 87 } |
86 }; | 88 }; |
87 | |
88 if (typeof window == "object") | |
89 CSSPropertyFilters.init(); | |
LEFT | RIGHT |