pairing_matrix 0.1.2 → 1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/Gemfile +2 -1
- data/lib/pairing_matrix/config/config.rb +12 -2
- data/lib/pairing_matrix/config/config_reader.rb +6 -1
- data/lib/pairing_matrix/github_commit_reader.rb +30 -0
- data/lib/pairing_matrix/server/public/index.html +12 -1
- data/lib/pairing_matrix/server/public/index.js +26 -8
- data/lib/pairing_matrix/server/public/loader.css +99 -0
- data/lib/pairing_matrix/server/public/matrix.js +15 -38
- data/lib/pairing_matrix/server/public/style.css +31 -0
- data/lib/pairing_matrix/server/server.rb +1 -0
- data/lib/pairing_matrix/version.rb +1 -1
- data/pairing_matrix.gemspec +1 -0
- metadata +18 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c09a1dee0449065d5c427e2066c56a052545ba24
|
|
4
|
+
data.tar.gz: eddae5874f7ad684ac3ba3894f4ecc20d77e6643
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0f2634e24d49c030f730e00d487713d5f5c08f8f16b4a3a8b0f8975eb2413ea8eb98550f9d356d1f3a2c80335a22fdef6fceacf751ab28b4d63c6896ef5bf3f4
|
|
7
|
+
data.tar.gz: 2391abf8ff0bc0a1fdf780c348b0a5f88565e2cc650078dfed9478d7f08cae8233fa20c8afd2aee1bb9c97aca832f23b2ed3c0286a5d7b90db3355cb27913dee
|
data/Gemfile
CHANGED
|
@@ -1,10 +1,20 @@
|
|
|
1
1
|
module PairingMatrix
|
|
2
2
|
class Config
|
|
3
|
-
attr_reader :repos, :authors_regex
|
|
3
|
+
attr_reader :repos, :authors_regex, :github_access_token, :github_repos
|
|
4
4
|
|
|
5
|
-
def initialize(repos, authors_regex)
|
|
5
|
+
def initialize(repos, authors_regex, github_access_token, github_repos)
|
|
6
6
|
@repos = repos
|
|
7
7
|
@authors_regex = authors_regex
|
|
8
|
+
@github_access_token = github_access_token
|
|
9
|
+
@github_repos = github_repos
|
|
10
|
+
end
|
|
11
|
+
|
|
12
|
+
def fetch_from_github?
|
|
13
|
+
!@github_repos.nil? && !@github_repos.empty?
|
|
14
|
+
end
|
|
15
|
+
|
|
16
|
+
def has_github_access_token?
|
|
17
|
+
!@github_access_token.nil? && !@github_access_token.empty?
|
|
8
18
|
end
|
|
9
19
|
end
|
|
10
20
|
end
|
|
@@ -8,7 +8,12 @@ module PairingMatrix
|
|
|
8
8
|
|
|
9
9
|
def config
|
|
10
10
|
raw_config = YAML::load_file @config_file
|
|
11
|
-
PairingMatrix::Config.new(
|
|
11
|
+
PairingMatrix::Config.new(
|
|
12
|
+
raw_config['repos'],
|
|
13
|
+
raw_config['authors_regex'],
|
|
14
|
+
raw_config['github_access_token'],
|
|
15
|
+
raw_config['github_repos']
|
|
16
|
+
)
|
|
12
17
|
end
|
|
13
18
|
end
|
|
14
19
|
end
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
require 'octokit'
|
|
2
|
+
|
|
3
|
+
Octokit.auto_paginate = true
|
|
4
|
+
|
|
5
|
+
module PairingMatrix
|
|
6
|
+
class GithubCommitReader < CommitReader
|
|
7
|
+
def initialize(config)
|
|
8
|
+
super(config)
|
|
9
|
+
@github_client = github_client
|
|
10
|
+
end
|
|
11
|
+
|
|
12
|
+
def read(since)
|
|
13
|
+
@config.github_repos.map do |repo|
|
|
14
|
+
puts "Fetching commits since #{since} for #{repo}"
|
|
15
|
+
commits = @github_client.commits_since(repo, since).map { |commit| commit.commit.message }
|
|
16
|
+
puts "Total commits: #{commits.size}"
|
|
17
|
+
commits
|
|
18
|
+
end.flatten
|
|
19
|
+
end
|
|
20
|
+
|
|
21
|
+
private
|
|
22
|
+
def github_client
|
|
23
|
+
if @config.has_github_access_token?
|
|
24
|
+
Octokit::Client.new(:access_token => @config.github_access_token)
|
|
25
|
+
else
|
|
26
|
+
Octokit::Client.new
|
|
27
|
+
end
|
|
28
|
+
end
|
|
29
|
+
end
|
|
30
|
+
end
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<title>Pairing Matrix</title>
|
|
5
5
|
<link rel="stylesheet" href="style.css"/>
|
|
6
|
+
<link rel="stylesheet" href="loader.css"/>
|
|
6
7
|
|
|
7
8
|
<script language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
|
|
8
9
|
<script language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
|
@@ -12,12 +13,22 @@
|
|
|
12
13
|
</head>
|
|
13
14
|
|
|
14
15
|
<body>
|
|
15
|
-
<div>
|
|
16
|
+
<div class="visualize_matrix_container">
|
|
16
17
|
<span>Display data of last</span>
|
|
17
18
|
<input type="number" id="days" value="10"/>
|
|
18
19
|
<span>days</span>
|
|
19
20
|
<button id="visualize">Visualize</button>
|
|
20
21
|
</div>
|
|
22
|
+
|
|
23
|
+
<div class="loaderContainer">
|
|
24
|
+
<div class="loader">
|
|
25
|
+
<span class="dot dot_1"></span>
|
|
26
|
+
<span class="dot dot_2"></span>
|
|
27
|
+
<span class="dot dot_3"></span>
|
|
28
|
+
<span class="dot dot_4"></span>
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
|
|
21
32
|
<div class="viz_container">
|
|
22
33
|
<svg>
|
|
23
34
|
<g class="area">
|
|
@@ -1,15 +1,33 @@
|
|
|
1
1
|
$(document).ready(function () {
|
|
2
2
|
var playground = new PlayGround(".area");
|
|
3
3
|
var renderMatrix = function (days) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
hideMatrix();
|
|
5
|
+
showLoader();
|
|
6
|
+
$.get('/data/' + days).done(function (data) {
|
|
7
|
+
playground.load(JSON.parse(data));
|
|
8
|
+
hideLoader();
|
|
9
|
+
showMatrix();
|
|
10
|
+
}).fail(function () {
|
|
11
|
+
alert('error occurred!');
|
|
12
|
+
hideLoader();
|
|
13
|
+
showMatrix();
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
var hideMatrix = function () {
|
|
18
|
+
$('.viz_container').hide();
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
var showMatrix = function () {
|
|
22
|
+
$('.viz_container').show();
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
var hideLoader = function () {
|
|
26
|
+
$('.loaderContainer').hide();
|
|
27
|
+
};
|
|
7
28
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
alert('error occurred!')
|
|
11
|
-
}
|
|
12
|
-
})
|
|
29
|
+
var showLoader = function () {
|
|
30
|
+
$('.loaderContainer').show();
|
|
13
31
|
};
|
|
14
32
|
|
|
15
33
|
$('#visualize').on('click', function () {
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
.loaderContainer {
|
|
2
|
+
margin-top: 250px;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.loader {
|
|
6
|
+
position: relative;
|
|
7
|
+
width: 44px;
|
|
8
|
+
height: 8px;
|
|
9
|
+
margin: 12px auto;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.dot {
|
|
13
|
+
display: inline-block;
|
|
14
|
+
width: 8px;
|
|
15
|
+
height: 8px;
|
|
16
|
+
border-radius: 4px;
|
|
17
|
+
background: #ccc;
|
|
18
|
+
position: absolute;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.dot_1 {
|
|
22
|
+
animation: animateDot1 1.5s linear infinite;
|
|
23
|
+
left: 12px;
|
|
24
|
+
background: #e579b8;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.dot_2 {
|
|
28
|
+
animation: animateDot2 1.5s linear infinite;
|
|
29
|
+
animation-delay: 0.5s;
|
|
30
|
+
left: 24px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.dot_3 {
|
|
34
|
+
animation: animateDot3 1.5s linear infinite;
|
|
35
|
+
left: 12px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.dot_4 {
|
|
39
|
+
animation: animateDot4 1.5s linear infinite;
|
|
40
|
+
animation-delay: 0.5s;
|
|
41
|
+
left: 24px;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@keyframes animateDot1 {
|
|
45
|
+
0% {
|
|
46
|
+
transform: rotate(0deg) translateX(-12px);
|
|
47
|
+
}
|
|
48
|
+
25% {
|
|
49
|
+
transform: rotate(180deg) translateX(-12px);
|
|
50
|
+
}
|
|
51
|
+
75% {
|
|
52
|
+
transform: rotate(180deg) translateX(-12px);
|
|
53
|
+
}
|
|
54
|
+
100% {
|
|
55
|
+
transform: rotate(360deg) translateX(-12px);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
@keyframes animateDot2 {
|
|
59
|
+
0% {
|
|
60
|
+
transform: rotate(0deg) translateX(-12px);
|
|
61
|
+
}
|
|
62
|
+
25% {
|
|
63
|
+
transform: rotate(-180deg) translateX(-12px);
|
|
64
|
+
}
|
|
65
|
+
75% {
|
|
66
|
+
transform: rotate(-180deg) translateX(-12px);
|
|
67
|
+
}
|
|
68
|
+
100% {
|
|
69
|
+
transform: rotate(-360deg) translateX(-12px);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
@keyframes animateDot3 {
|
|
73
|
+
0% {
|
|
74
|
+
transform: rotate(0deg) translateX(12px);
|
|
75
|
+
}
|
|
76
|
+
25% {
|
|
77
|
+
transform: rotate(180deg) translateX(12px);
|
|
78
|
+
}
|
|
79
|
+
75% {
|
|
80
|
+
transform: rotate(180deg) translateX(12px);
|
|
81
|
+
}
|
|
82
|
+
100% {
|
|
83
|
+
transform: rotate(360deg) translateX(12px);
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
@keyframes animateDot4 {
|
|
87
|
+
0% {
|
|
88
|
+
transform: rotate(0deg) translateX(12px);
|
|
89
|
+
}
|
|
90
|
+
25% {
|
|
91
|
+
transform: rotate(-180deg) translateX(12px);
|
|
92
|
+
}
|
|
93
|
+
75% {
|
|
94
|
+
transform: rotate(-180deg) translateX(12px);
|
|
95
|
+
}
|
|
96
|
+
100% {
|
|
97
|
+
transform: rotate(-360deg) translateX(12px);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
@@ -48,12 +48,9 @@ function PlayGround(selector) {
|
|
|
48
48
|
toCoordinates.x + " " + toCoordinates.y;
|
|
49
49
|
})
|
|
50
50
|
.attr("id", function(d) {return d.join('_')})
|
|
51
|
-
.attr("fill", "none")
|
|
52
|
-
.attr("stroke", "#DD1031")
|
|
53
51
|
.attr("stroke-width", function (d) {
|
|
54
52
|
return playground.connectionScale(d[2])
|
|
55
53
|
})
|
|
56
|
-
.attr("stroke-opacity", 0.75)
|
|
57
54
|
.attr("data-from", function (d) {
|
|
58
55
|
return d[0]
|
|
59
56
|
})
|
|
@@ -83,15 +80,10 @@ function PlayGround(selector) {
|
|
|
83
80
|
.attr("cy", function (d, i) {
|
|
84
81
|
return playground.getPlayerCoordinates(i).y
|
|
85
82
|
})
|
|
86
|
-
.attr("r", 20)
|
|
87
83
|
.attr("fill", colors)
|
|
88
|
-
.attr("fill-opacity", 0.75)
|
|
89
|
-
.attr("stroke", "#EE1031")
|
|
90
|
-
.attr("stroke-opacity", 0.75)
|
|
91
84
|
.attr("stroke-width", function (d) {
|
|
92
85
|
return playground.connectionScale(playground.getSoloContribution(d))
|
|
93
86
|
})
|
|
94
|
-
.attr("z-index", 10)
|
|
95
87
|
.attr("class", "player")
|
|
96
88
|
.attr("id", function (d) {
|
|
97
89
|
return d
|
|
@@ -118,52 +110,37 @@ function PlayGround(selector) {
|
|
|
118
110
|
});
|
|
119
111
|
};
|
|
120
112
|
|
|
113
|
+
this.toggleClass = function toggleClass(newClass, pair) {
|
|
114
|
+
for(ii = 0; ii < 2; ii++) {
|
|
115
|
+
d3.selectAll($("#" + pair[ii]))
|
|
116
|
+
.attr("class", newClass)
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
121
120
|
this.mouseOut = function(id) {
|
|
122
121
|
var connectedPairs = playground.getAllPairsContaining(id);
|
|
123
122
|
connectedPairs.forEach(function(pair) {
|
|
124
|
-
|
|
125
|
-
var secondPerson = pair[1];
|
|
126
|
-
d3.selectAll($("#" + firstPerson))
|
|
127
|
-
.style("fill", function(d) {return d.color})
|
|
128
|
-
.style("stroke", "#EE1031")
|
|
129
|
-
d3.selectAll($("#" + secondPerson))
|
|
130
|
-
.style("fill", function(d) {return d.color})
|
|
131
|
-
.style("stroke", "#EE1031")
|
|
123
|
+
playground.toggleClass("player", pair);
|
|
132
124
|
var pairId = pair.join('_');
|
|
133
125
|
d3.selectAll($("#" + pairId))
|
|
134
|
-
.
|
|
135
|
-
.style("stroke",
|
|
136
|
-
.style("stroke-width", function(d) {return d.color})
|
|
126
|
+
.attr("class", "connect")
|
|
127
|
+
.style("stroke-width", function(d) {return playground.connectionScale(d[2])})
|
|
137
128
|
})
|
|
138
129
|
d3.selectAll($("#" + id))
|
|
139
|
-
.
|
|
140
|
-
.style("stroke", "#EE1031")
|
|
141
|
-
.attr("stroke-opacity", 0.75)
|
|
142
|
-
.attr("stroke-width", function (d) {
|
|
143
|
-
return playground.connectionScale(playground.getSoloContribution(d))
|
|
144
|
-
});
|
|
130
|
+
.attr("class", "player")
|
|
145
131
|
}
|
|
146
132
|
|
|
147
133
|
this.mouseOver = function (id) {
|
|
148
134
|
var connectedPairs = playground.getAllPairsContaining(id);
|
|
149
135
|
connectedPairs.forEach(function(pair) {
|
|
150
|
-
|
|
151
|
-
var secondPerson = pair[1];
|
|
152
|
-
d3.selectAll($("#" + firstPerson))
|
|
153
|
-
.style("fill", "red")
|
|
154
|
-
.style("stroke", "blue");
|
|
155
|
-
d3.selectAll($("#" + secondPerson))
|
|
156
|
-
.style("fill", "red")
|
|
157
|
-
.style("stroke", "blue");
|
|
136
|
+
playground.toggleClass("playerLarge", pair)
|
|
158
137
|
var pairId = pair.join('_');
|
|
159
138
|
d3.selectAll($("#" + pairId))
|
|
160
|
-
.
|
|
161
|
-
.style("stroke",
|
|
162
|
-
.style("stroke-width", "2px")
|
|
139
|
+
.attr("class", "connectLarge")
|
|
140
|
+
.style("stroke-width", function(d) {return playground.connectionScale(d[2]) * 3})
|
|
163
141
|
})
|
|
164
142
|
d3.selectAll($("#" + id))
|
|
165
|
-
.
|
|
166
|
-
.style("stroke", "blue");
|
|
143
|
+
.attr("class", "playerLarge")
|
|
167
144
|
};
|
|
168
145
|
|
|
169
146
|
this.updateConnectorsPath = function (playerId, newPoint) {
|
|
@@ -42,6 +42,10 @@ textarea#pairing_text {
|
|
|
42
42
|
margin-top: 10px;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
+
.visualize_matrix_container {
|
|
46
|
+
text-align: center;
|
|
47
|
+
}
|
|
48
|
+
|
|
45
49
|
.viz_container {
|
|
46
50
|
text-align: center;
|
|
47
51
|
}
|
|
@@ -53,6 +57,21 @@ svg {
|
|
|
53
57
|
|
|
54
58
|
.player {
|
|
55
59
|
cursor: pointer;
|
|
60
|
+
r: 20px;
|
|
61
|
+
fill-opacity: 0.75;
|
|
62
|
+
stroke: #EE1031;
|
|
63
|
+
stroke-opacity: 0.75;
|
|
64
|
+
z-index: 10;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.playerLarge {
|
|
68
|
+
cursor: pointer;
|
|
69
|
+
r: 25px;
|
|
70
|
+
fill: red;
|
|
71
|
+
fill-opacity: 0.75;
|
|
72
|
+
stroke: blue;
|
|
73
|
+
stroke-opacity: 0.75;
|
|
74
|
+
z-index: 10;
|
|
56
75
|
}
|
|
57
76
|
|
|
58
77
|
.player_names {
|
|
@@ -62,4 +81,16 @@ svg {
|
|
|
62
81
|
.input-container {
|
|
63
82
|
height: 300px;
|
|
64
83
|
overflow: scroll;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.connect {
|
|
87
|
+
fill: none;
|
|
88
|
+
stroke: #DD1031;
|
|
89
|
+
stroke-opacity: 0.75;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.connectLarge {
|
|
93
|
+
fill: none;
|
|
94
|
+
stroke: black;
|
|
95
|
+
stroke-opacity: 0.75;
|
|
65
96
|
}
|
|
@@ -9,6 +9,7 @@ module PairingMatrix
|
|
|
9
9
|
config_reader = PairingMatrix::ConfigReader.new('pairing_matrix.yml')
|
|
10
10
|
config = config_reader.config
|
|
11
11
|
commit_reader = PairingMatrix::CommitReader.new(config)
|
|
12
|
+
commit_reader = PairingMatrix::GithubCommitReader.new(config) if config.fetch_from_github?
|
|
12
13
|
|
|
13
14
|
get '/data/:days' do
|
|
14
15
|
commit_reader.authors_with_commits(params['days'].to_i).to_json
|
data/pairing_matrix.gemspec
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: pairing_matrix
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
4
|
+
version: '1.0'
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Ajit Singh
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-03-
|
|
11
|
+
date: 2017-03-27 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -38,6 +38,20 @@ dependencies:
|
|
|
38
38
|
- - "~>"
|
|
39
39
|
- !ruby/object:Gem::Version
|
|
40
40
|
version: 1.4.8
|
|
41
|
+
- !ruby/object:Gem::Dependency
|
|
42
|
+
name: octokit
|
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
|
44
|
+
requirements:
|
|
45
|
+
- - "~>"
|
|
46
|
+
- !ruby/object:Gem::Version
|
|
47
|
+
version: 4.6.2
|
|
48
|
+
type: :runtime
|
|
49
|
+
prerelease: false
|
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
51
|
+
requirements:
|
|
52
|
+
- - "~>"
|
|
53
|
+
- !ruby/object:Gem::Version
|
|
54
|
+
version: 4.6.2
|
|
41
55
|
description: Draw pairing matrix from given repos and configurations
|
|
42
56
|
email:
|
|
43
57
|
- jeetsingh.ajit@gmail.com
|
|
@@ -56,8 +70,10 @@ files:
|
|
|
56
70
|
- lib/pairing_matrix/commit_reader.rb
|
|
57
71
|
- lib/pairing_matrix/config/config.rb
|
|
58
72
|
- lib/pairing_matrix/config/config_reader.rb
|
|
73
|
+
- lib/pairing_matrix/github_commit_reader.rb
|
|
59
74
|
- lib/pairing_matrix/server/public/index.html
|
|
60
75
|
- lib/pairing_matrix/server/public/index.js
|
|
76
|
+
- lib/pairing_matrix/server/public/loader.css
|
|
61
77
|
- lib/pairing_matrix/server/public/matrix.js
|
|
62
78
|
- lib/pairing_matrix/server/public/style.css
|
|
63
79
|
- lib/pairing_matrix/server/server.rb
|