rack-mini-profiler 0.1.24 → 0.1.25
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of rack-mini-profiler might be problematic. Click here for more details.
- checksums.yaml +4 -4
- data/Ruby/CHANGELOG +3 -0
- data/Ruby/lib/html/flamegraph.html +325 -0
- data/Ruby/lib/mini_profiler/version.rb +1 -1
- data/rack-mini-profiler.gemspec +1 -1
- metadata +2 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 0b5ea4acbaf4d5efec150414455d875c5503fca4
|
4
|
+
data.tar.gz: 536e12f73b856176c7c30ef90e208f7612348d89
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5cff4678b233ae68fd4d1c92b2549bdcd78c9771d47970330fce8067543dd2894313e985310aeda89e07d28b53b708182714fd4ee3ac45d5126da0cf99c93e6f
|
7
|
+
data.tar.gz: 84d598d7329983f0d92931e05c2306df30ee02ff580e6d8f1cd5c7a633cbf542a3acf353ca9bb87cf67259ccb8bf838ef18b01e7ba1b4387f63f3426a03a9c75
|
data/Ruby/CHANGELOG
CHANGED
@@ -0,0 +1,325 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
|
5
|
+
<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.0.8/d3.min.js"></script>
|
6
|
+
<!-- <script src="http://cdnjs.cloudflare.com/ajax/libs/sugar/1.3.8/sugar.min.js"></script> -->
|
7
|
+
<meta charset=utf-8 />
|
8
|
+
<title>Flame Graph of Page</title>
|
9
|
+
<style>
|
10
|
+
.info {height: 40px;}
|
11
|
+
.legend div {
|
12
|
+
display: block;
|
13
|
+
float: left;
|
14
|
+
width: 150px;
|
15
|
+
margin: 0 8px 8px;
|
16
|
+
padding: 4px;
|
17
|
+
height: 50px;
|
18
|
+
}
|
19
|
+
</style>
|
20
|
+
</head>
|
21
|
+
<body>
|
22
|
+
<div class="graph"></div>
|
23
|
+
<div class="info"></div>
|
24
|
+
<div class="legend"></div>
|
25
|
+
|
26
|
+
<script>
|
27
|
+
|
28
|
+
var data = /*DATA*/;
|
29
|
+
var maxX = 0;
|
30
|
+
var maxY = 0;
|
31
|
+
|
32
|
+
debounce = function(func, wait, trickle) {
|
33
|
+
var timeout;
|
34
|
+
|
35
|
+
timeout = null;
|
36
|
+
return function() {
|
37
|
+
var args, context, currentWait, later;
|
38
|
+
context = this;
|
39
|
+
args = arguments;
|
40
|
+
later = function() {
|
41
|
+
timeout = null;
|
42
|
+
return func.apply(context, args);
|
43
|
+
};
|
44
|
+
|
45
|
+
if (timeout && trickle) {
|
46
|
+
// already queued, let it through
|
47
|
+
return;
|
48
|
+
}
|
49
|
+
|
50
|
+
if (typeof wait === "function") {
|
51
|
+
currentWait = wait();
|
52
|
+
} else {
|
53
|
+
currentWait = wait;
|
54
|
+
}
|
55
|
+
|
56
|
+
if (timeout) {
|
57
|
+
clearTimeout(timeout);
|
58
|
+
}
|
59
|
+
|
60
|
+
timeout = setTimeout(later, currentWait);
|
61
|
+
return timeout;
|
62
|
+
};
|
63
|
+
};
|
64
|
+
|
65
|
+
|
66
|
+
var guessGem = function(frame)
|
67
|
+
{
|
68
|
+
var split = frame.split('/gems/');
|
69
|
+
if(split.length == 1) {
|
70
|
+
split = frame.split('/app/');
|
71
|
+
if(split.length == 1) {
|
72
|
+
split = frame.split('/lib/');
|
73
|
+
}
|
74
|
+
|
75
|
+
split = split[Math.max(split.length-2,0)].split('/');
|
76
|
+
return split[split.length-1];
|
77
|
+
}
|
78
|
+
else
|
79
|
+
{
|
80
|
+
return split[split.length -1].split('/')[0];
|
81
|
+
}
|
82
|
+
}
|
83
|
+
|
84
|
+
var guessMethod = function(frame) {
|
85
|
+
var split = frame.split('`');
|
86
|
+
if(split.length == 2) {
|
87
|
+
return split[1].split("'")[0];
|
88
|
+
}
|
89
|
+
return '?';
|
90
|
+
}
|
91
|
+
|
92
|
+
var guessFile = function(frame) {
|
93
|
+
var split = frame.split(".rb:");
|
94
|
+
if(split.length == 2) {
|
95
|
+
split = split[0].split('/');
|
96
|
+
return split[split.length - 1];
|
97
|
+
}
|
98
|
+
return "";
|
99
|
+
}
|
100
|
+
|
101
|
+
$.each(data, function(){
|
102
|
+
maxX = Math.max(maxX, this.x + this.width);
|
103
|
+
maxY = Math.max(maxY, this.y);
|
104
|
+
this.shortName = /* guessGem(this.frame) + " " + guessFile(this.frame) + " " */ guessMethod(this.frame);
|
105
|
+
});
|
106
|
+
|
107
|
+
var width = $(window).width();
|
108
|
+
var height = $(window).height() / 1.2;
|
109
|
+
|
110
|
+
$('.graph').width(width).height(height);
|
111
|
+
|
112
|
+
var xScale = d3.scale.linear()
|
113
|
+
.domain([0, maxX])
|
114
|
+
.range([0, width]);
|
115
|
+
|
116
|
+
var yScale = d3.scale.linear()
|
117
|
+
.domain([0, maxY])
|
118
|
+
.range([0,height]);
|
119
|
+
|
120
|
+
var realHeight = 0;
|
121
|
+
var debouncedHeightCheck = debounce(function(){
|
122
|
+
if (realHeight > 15) {
|
123
|
+
svg.selectAll('text').attr('display','show');
|
124
|
+
} else {
|
125
|
+
svg.selectAll('text').attr('display','none');
|
126
|
+
}
|
127
|
+
}, 200);
|
128
|
+
|
129
|
+
function zoom()
|
130
|
+
{
|
131
|
+
svg.attr("transform", "translate(" + d3.event.translate + ")" + " scale(" + d3.event.scale + ")");
|
132
|
+
|
133
|
+
realHeight = yScale(1) * d3.event.scale;
|
134
|
+
debouncedHeightCheck();
|
135
|
+
}
|
136
|
+
|
137
|
+
var svg = d3.select(".graph")
|
138
|
+
.append("svg")
|
139
|
+
.attr("width", "100%")
|
140
|
+
.attr("height", "100%")
|
141
|
+
.attr("pointer-events", "all")
|
142
|
+
.append('svg:g')
|
143
|
+
.call(d3.behavior.zoom().on("zoom", zoom))
|
144
|
+
.append('svg:g');
|
145
|
+
|
146
|
+
|
147
|
+
// so zoom works everywhere
|
148
|
+
svg.append("rect")
|
149
|
+
.attr("x",function(d) { return xScale(0); })
|
150
|
+
.attr("y",function(d) { return yScale(0);})
|
151
|
+
.attr("width", function(d){return xScale(maxX);})
|
152
|
+
.attr("height", yScale(maxY))
|
153
|
+
.attr("fill", "white");
|
154
|
+
|
155
|
+
var color = function() {
|
156
|
+
var r = parseInt(205 + Math.random() * 50);
|
157
|
+
var g = parseInt(Math.random() * 230);
|
158
|
+
var b = parseInt(Math.random() * 55);
|
159
|
+
return "rgb(" + r + "," + g + "," + b + ")";
|
160
|
+
}
|
161
|
+
var info = {};
|
162
|
+
|
163
|
+
// http://stackoverflow.com/questions/1960473/unique-values-in-an-array
|
164
|
+
Array.prototype.getUnique = function() {
|
165
|
+
var o = {}, a = []
|
166
|
+
for (var i = 0; i < this.length; i++) o[this[i]] = 1
|
167
|
+
for (var e in o) a.push(e)
|
168
|
+
return a
|
169
|
+
}
|
170
|
+
|
171
|
+
var samplePercent = function(samples){
|
172
|
+
return "(" + samples +
|
173
|
+
" sample" + (samples == 1 ? "" : "s") + " - " +
|
174
|
+
((samples / maxX) * 100).toFixed(2) + "%)";
|
175
|
+
}
|
176
|
+
|
177
|
+
var mouseover = function(d) {
|
178
|
+
var i = info[d.frame];
|
179
|
+
$('.info').text( d.frame + " " + samplePercent(i.samples.length));
|
180
|
+
d3.selectAll(i.nodes)
|
181
|
+
.attr('opacity',0.5);
|
182
|
+
};
|
183
|
+
|
184
|
+
var mouseout = function(d) {
|
185
|
+
var i = info[d.frame];
|
186
|
+
$('.info').text("");
|
187
|
+
d3.selectAll(i.nodes)
|
188
|
+
.attr('opacity',1);
|
189
|
+
};
|
190
|
+
|
191
|
+
// http://stackoverflow.com/a/7419630
|
192
|
+
var rainbow = function(numOfSteps, step) {
|
193
|
+
// This function generates vibrant, "evenly spaced" colours (i.e. no clustering). This is ideal for creating easily distiguishable vibrant markers in Google Maps and other apps.
|
194
|
+
// Adam Cole, 2011-Sept-14
|
195
|
+
// HSV to RBG adapted from: http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript
|
196
|
+
var r, g, b;
|
197
|
+
var h = step / numOfSteps;
|
198
|
+
var i = ~~(h * 6);
|
199
|
+
var f = h * 6 - i;
|
200
|
+
var q = 1 - f;
|
201
|
+
switch(i % 6){
|
202
|
+
case 0: r = 1, g = f, b = 0; break;
|
203
|
+
case 1: r = q, g = 1, b = 0; break;
|
204
|
+
case 2: r = 0, g = 1, b = f; break;
|
205
|
+
case 3: r = 0, g = q, b = 1; break;
|
206
|
+
case 4: r = f, g = 0, b = 1; break;
|
207
|
+
case 5: r = 1, g = 0, b = q; break;
|
208
|
+
}
|
209
|
+
var c = "#" + ("00" + (~ ~(r * 255)).toString(16)).slice(-2) + ("00" + (~ ~(g * 255)).toString(16)).slice(-2) + ("00" + (~ ~(b * 255)).toString(16)).slice(-2);
|
210
|
+
return (c);
|
211
|
+
}
|
212
|
+
|
213
|
+
// assign some colors, analyze samples per gem
|
214
|
+
var gemStats = {}
|
215
|
+
|
216
|
+
$.each(data, function(){
|
217
|
+
|
218
|
+
var gem = guessGem(this.frame);
|
219
|
+
var stat = gemStats[gem];
|
220
|
+
|
221
|
+
if(!stat) {
|
222
|
+
gemStats[gem] = stat = {samples: [], frames: []};
|
223
|
+
}
|
224
|
+
|
225
|
+
stat.frames.push(this.frame);
|
226
|
+
for(var j=0; j < this.width; j++){
|
227
|
+
stat.samples.push(this.x + j);
|
228
|
+
}
|
229
|
+
});
|
230
|
+
|
231
|
+
var totalGems = 0;
|
232
|
+
$.each(gemStats, function(){totalGems++;});
|
233
|
+
|
234
|
+
|
235
|
+
var currentIndex = 0;
|
236
|
+
$.each(gemStats, function(k,stat){
|
237
|
+
|
238
|
+
stat.color = rainbow(totalGems, currentIndex);
|
239
|
+
stat.samples = stat.samples.getUnique();
|
240
|
+
|
241
|
+
for(var x=0; x < stat.frames.length; x++) {
|
242
|
+
info[stat.frames[x]] = {nodes: [], samples: [], color: stat.color};
|
243
|
+
}
|
244
|
+
|
245
|
+
currentIndex += 1;
|
246
|
+
});
|
247
|
+
|
248
|
+
|
249
|
+
// see: http://bl.ocks.org/mundhradevang/1387786
|
250
|
+
function fontSize(d,i) {
|
251
|
+
var size = yScale(1) / 3;
|
252
|
+
// var words = d.shortName.split(' ');
|
253
|
+
var word = d.shortName; // words[0];
|
254
|
+
var width = xScale(d.width+100);
|
255
|
+
var height = yScale(1);
|
256
|
+
var length = 0;
|
257
|
+
d3.select(this).style("font-size", size + "px").text(word);
|
258
|
+
while(((this.getBBox().width >= width) || (this.getBBox().height >= height)) && (size > 12))
|
259
|
+
{
|
260
|
+
size -= 0.1;
|
261
|
+
d3.select(this).style("font-size", size + "px");
|
262
|
+
}
|
263
|
+
|
264
|
+
d3.select(this).attr("dy", size);
|
265
|
+
}
|
266
|
+
|
267
|
+
svg.selectAll("g")
|
268
|
+
.data(data)
|
269
|
+
.enter()
|
270
|
+
.append("g")
|
271
|
+
.each(function(){
|
272
|
+
d3.select(this)
|
273
|
+
.append("rect")
|
274
|
+
.attr("x",function(d) { return xScale(d.x-1); })
|
275
|
+
.attr("y",function(d) { return yScale(maxY - d.y);})
|
276
|
+
.attr("width", function(d){return xScale(d.width);})
|
277
|
+
.attr("height", yScale(1))
|
278
|
+
.attr("fill", function(d){
|
279
|
+
var i = info[d.frame];
|
280
|
+
if(!i) {
|
281
|
+
info[d.frame] = i = {nodes: [], samples: [], color: color()};
|
282
|
+
}
|
283
|
+
i.nodes.push(this);
|
284
|
+
for(var j=0; j < d.width; j++){
|
285
|
+
i.samples.push(d.x + j);
|
286
|
+
}
|
287
|
+
return i.color;
|
288
|
+
})
|
289
|
+
.on("mouseover", mouseover)
|
290
|
+
.on("mouseout", mouseout);
|
291
|
+
|
292
|
+
d3.select(this)
|
293
|
+
.append("text")
|
294
|
+
.attr("x",function(d) { return xScale(d.x - 0.98); })
|
295
|
+
.attr("y",function(d) { return yScale(maxY - d.y);})
|
296
|
+
.on("mouseover", mouseover)
|
297
|
+
.on("mouseout", mouseout)
|
298
|
+
.each(fontSize)
|
299
|
+
.attr("display", "none");
|
300
|
+
|
301
|
+
});
|
302
|
+
|
303
|
+
|
304
|
+
// Samples may overlap on the same line
|
305
|
+
for (var r in info) {
|
306
|
+
if (info[r].samples) {
|
307
|
+
info[r].samples = info[r].samples.getUnique();
|
308
|
+
}
|
309
|
+
};
|
310
|
+
|
311
|
+
|
312
|
+
// render the legend
|
313
|
+
$.each(gemStats, function(k,v){
|
314
|
+
var node = $("<div></div>")
|
315
|
+
.css("background-color", v.color)
|
316
|
+
.text(k + " " + samplePercent(v.samples.length)) ;
|
317
|
+
$('.legend').append(node);
|
318
|
+
});
|
319
|
+
|
320
|
+
|
321
|
+
|
322
|
+
</script>
|
323
|
+
</body>
|
324
|
+
</html>
|
325
|
+
|
data/rack-mini-profiler.gemspec
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
Gem::Specification.new do |s|
|
2
2
|
s.name = "rack-mini-profiler"
|
3
|
-
s.version = "0.1.
|
3
|
+
s.version = "0.1.25"
|
4
4
|
s.summary = "Profiles loading speed for rack applications."
|
5
5
|
s.authors = ["Sam Saffron", "Robin Ward","Aleks Totic"]
|
6
6
|
s.description = "Profiling toolkit for Rack applications with Rails integration. Client Side profiling, DB profiling and Server profiling."
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: rack-mini-profiler
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.25
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Sam Saffron
|
@@ -89,6 +89,7 @@ files:
|
|
89
89
|
- Ruby/lib/html/includes.js
|
90
90
|
- Ruby/lib/html/list.js
|
91
91
|
- Ruby/lib/html/jquery.1.7.1.js
|
92
|
+
- Ruby/lib/html/flamegraph.html
|
92
93
|
- Ruby/lib/html/includes.css
|
93
94
|
- Ruby/lib/mini_profiler/context.rb
|
94
95
|
- Ruby/lib/mini_profiler/page_timer_struct.rb
|