diff --git a/.gitignore b/.gitignore
index 401a30d7..5787cefe 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
widget.js
_site
cards
+/.vs
diff --git a/src/card.js b/src/card.js
index bdea690d..90793420 100644
--- a/src/card.js
+++ b/src/card.js
@@ -1,223 +1,324 @@
-function querystring() {
- var href = window.location.href, kv;
- var params = href.slice(href.indexOf('?') + 1).split('&');
- var qs = [];
-
- for (i = 0; i < params.length; i++) {
- kv = params[i].split('=');
- qs.push(kv[0]);
- qs[kv[0]] = kv[1];
- }
- return qs;
-}
-
-var qs = querystring();
-
-(function(d) {
- var baseurl = 'https://api.github.com/', i;
-
- function store(key, value) {
- try {
- if (window.localStorage) {
- if (value) {
- value._timestamp = new Date().valueOf();
- localStorage[key] = JSON.stringify(value);
+(function (d) {
+ var baseurl = 'https://api.github.com/', i;
+
+
+ //Parameters of the url: [user, repo, mode, (optional)position]
+ //Posible mode values: "recent". Posibility to add new modes.Uses "position" to get the second or third or nth most recent repo. if not specified, assumes 0
+ //Example of placeholder:
+ function querystring(ph = null) {
+ var params;
+ var href = window.location.href, kv;
+ var qs = [];
+
+ //Get the parameters from a placeholder in case there is any
+ //If not, use the url
+ if (ph && ph.getAttribute('datasrc')) {
+ params = ph.getAttribute('datasrc').split('&');
+ qs.push('ph');
+ qs['ph'] = ph;
} else {
- var ret = localStorage[key];
- if (ret) {
- return JSON.parse(ret);
- }
- return null;
- }
- }
- } catch(e) {}
- }
-
- function valueof(data, key) {
- var ret = data;
- var bits = key.split('.');
- for (var j = 0; j < bits.length; j++) {
- if (ret) {
- ret = ret[bits[j]];
- } else {
- break;
- }
- }
- if (ret === undefined || ret === null) {
- return '';
- }
- return ret;
- }
-
- function template(type, data) {
- var t = d.getElementById(type + '-card');
- var regex = /{([^}]+)}/g;
- var text = t.innerHTML;
- var m = text.match(regex);
- for (i = 0; i < m.length; i++) {
- text = text.replace(m[i], valueof(data, m[i].slice(1, -1)));
- }
- return text;
- }
-
- function request(url, callback) {
- var cache = store(url);
- if (cache && cache._timestamp) {
- // cache in 10s
- if (new Date().valueOf() - cache._timestamp < 10000) {
- return callback(cache);
- }
- }
- if (qs.client_id && qs.client_secret) {
- url += '?client_id=' + qs.client_id + '&client_secret=' + qs.client_secret;
- }
- var xhr = new XMLHttpRequest();
- xhr.open('GET', url, true);
- xhr.onload = function() {
- callback(JSON.parse(xhr.response));
- };
- xhr.send();
- }
-
- function linky(card, identity) {
- var links = card.getElementsByTagName('a');
- for (i = 0; i < links.length; i++) {
- (function(link) {
- link.target = '_' + (qs.target || 'top');
- })(links[i]);
- }
- d.body.appendChild(card);
- d.body.className = 'ready';
- if (parent !== self && parent.postMessage) {
- var height = Math.max(
- d.body.scrollHeight,
- d.documentElement.scrollHeight,
- d.body.offsetHeight,
- d.documentElement.offsetHeight,
- d.body.clientHeight,
- d.documentElement.clientHeight
- );
- parent.postMessage({
- height: height,
- sender: qs.identity || '*'
- }, '*');
- }
- }
-
- function userCard(user) {
- var url = baseurl + 'users/' + user;
- request(url, function(data) {
- data = data || {};
- var message = data.message;
- var defaults = '0';
- if (message) {
- data = store(url) || data;
- defaults = '?';
- } else {
- store(url, data);
- }
- data.login = user;
- data.name = escape(data.name || user);
- data.public_repos = numberic(data.public_repos) || defaults;
- data.public_gists = numberic(data.public_gists) || defaults;
- data.followers = numberic(data.followers) || defaults;
-
- var job = 'Not available for hire.';
- if (data.hireable) {
- var link = '';
- if (data.email) {
- link = 'mailto:' + data.email;
- } else if (data.blog) {
- link = data.blog;
+ params = href.slice(href.indexOf('?') + 1).split('&');
+ }
+
+
+ for (i = 0; i < params.length; i++) {
+ kv = params[i].split('=');
+ qs.push(kv[0]);
+ qs[kv[0]] = kv[1];
+ }
+ return qs;
+ }
+
+ function store(key, value) {
+ try {
+ if (window.localStorage) {
+ if (value) {
+ value._timestamp = new Date().valueOf();
+ localStorage[key] = JSON.stringify(value);
+ } else {
+ var ret = localStorage[key];
+ if (ret) {
+ return JSON.parse(ret);
+ }
+ return null;
+ }
+ }
+ } catch (e) { }
+ }
+
+ function valueof(data, key) {
+ var ret = data;
+ var bits = key.split('.');
+ for (var j = 0; j < bits.length; j++) {
+ if (ret) {
+ ret = ret[bits[j]];
+ } else {
+ break;
+ }
+ }
+ if (ret === undefined || ret === null) {
+ return '';
+ }
+ return ret;
+ }
+
+ function template(type, data) {
+ var t = d.getElementById(type + '-card');
+ var regex = /{([^}]+)}/g;
+ var text = t.innerHTML;
+ var m = text.match(regex);
+ for (i = 0; i < m.length; i++) {
+ text = text.replace(m[i], valueof(data, m[i].slice(1, -1)));
+ }
+ return text;
+ }
+
+ function request(url, callback, async = true) {
+ var cache = store(url);
+ if (cache && cache._timestamp) {
+ // cache in 10s
+ if (new Date().valueOf() - cache._timestamp < 10000) {
+ return callback(cache);
+ }
+ }
+ if (qs.client_id && qs.client_secret) {
+ url += '?client_id=' + qs.client_id + '&client_secret=' + qs.client_secret;
+ }
+ var xhr = new XMLHttpRequest();
+ xhr.open('GET', url, async);
+ xhr.onload = function () {
+ callback(JSON.parse(xhr.response));
+ };
+ xhr.send();
+ }
+
+ //In case of placeholder, it replaces it. If ph==null then it just adds the card at the bottom of the body
+ function linky(card, ph = null) {
+ var links = card.getElementsByTagName('a');
+ for (i = 0; i < links.length; i++) {
+ (function (link) {
+ link.target = '_' + (qs.target || 'top');
+ })(links[i]);
+ }
+
+ if (ph) {
+ card.height = ph.height;
+ card.length = ph.length;
+ ph.parentNode.replaceChild(card, ph);
} else {
- link = data.html_url;
- }
- job = 'Available for hire.';
- }
- if (message) {
- job = message;
- }
- data.job = job;
-
- var card = d.createElement('div');
- card.className = 'github-card user-card';
- card.innerHTML = template('user', data);
- linky(card);
- });
- }
-
- function repoCard(user, repo) {
- var url = baseurl + 'repos/' + user + '/' + repo;
- request(url, function(data) {
- data = data || {};
- var message = data.message;
- var defaults = '0';
- if (message) {
- data = store(url) || data;
- defaults = '?';
- } else {
- store(url, data);
- }
- data.login = user;
-
- data.avatar_url = '';
- if (data.owner && data.owner.avatar_url) {
- data.avatar_url = data.owner.avatar_url;
- }
- data.forks_count = numberic(data.forks_count) || defaults;
- data.watchers_count = numberic(data.watchers_count) || defaults;
- if (data.fork) {
- data.action = 'Forked by ';
- } else {
- data.action = 'Created by ';
- }
- var description = data.description;
- if (!description && data.source) {
- description = data.source.description;
- }
- if (!description && message) {
- description = message;
- }
- data.description = escape(description) || 'No description';
- var homepage = data.homepage;
- if (!homepage && data.source) {
- homepage = data.source.homepage;
- }
- if (homepage) {
- data.homepage = ' ' + homepage.replace(/https?:\/\//, '').replace(/\/$/, '') + '';
- } else {
- data.homepage = '';
- }
-
- var card = d.createElement('div');
- card.className = 'github-card repo-card';
- card.innerHTML = template('repo', data);
- linky(card);
- });
- }
-
- function errorCard() {
- }
-
- function numberic(num) {
- if (!num) return null;
- if (num === 1000) return '1k';
- if (num < 1000) return num;
- num = num / 1000;
- if (num > 10) return parseInt(num, 10) + 'k';
- return num.toFixed(1) + 'k';
- }
-
- if (!qs.user) {
- errorCard();
- } else if (qs.repo) {
- repoCard(qs.user, qs.repo);
- } else {
- userCard(qs.user);
- }
-
- function escape(text) {
- return text.replace(//g, '>');
- }
+ d.body.appendChild(card);
+ }
+
+ d.body.className = 'ready';
+ if (parent !== self && parent.postMessage) {
+ var height = Math.max(
+ d.body.scrollHeight,
+ d.documentElement.scrollHeight,
+ d.body.offsetHeight,
+ d.documentElement.offsetHeight,
+ d.body.clientHeight,
+ d.documentElement.clientHeight
+ );
+ parent.postMessage({
+ height: height,
+ sender: qs.identity || '*'
+ }, '*');
+ }
+ }
+
+ function userCard(user) {
+ var url = baseurl + 'users/' + user;
+ request(url, function (data) {
+ data = data || {};
+ var message = data.message;
+ var defaults = '0';
+ if (message) {
+ data = store(url) || data;
+ defaults = '?';
+ } else {
+ store(url, data);
+ }
+ data.login = user;
+ data.name = escape(data.name || user);
+ data.public_repos = numberic(data.public_repos) || defaults;
+ data.public_gists = numberic(data.public_gists) || defaults;
+ data.followers = numberic(data.followers) || defaults;
+
+ var job = 'Not available for hire.';
+ if (data.hireable) {
+ var link = '';
+ if (data.email) {
+ link = 'mailto:' + data.email;
+ } else if (data.blog) {
+ link = data.blog;
+ } else {
+ link = data.html_url;
+ }
+ job = 'Available for hire.';
+ }
+ if (message) {
+ job = message;
+ }
+ data.job = job;
+
+ var card = d.createElement('div');
+ card.className = 'github-card user-card';
+ card.innerHTML = template('user', data);
+ linky(card);
+ }, false);
+ }
+
+ function repoCard(user, repo) {
+ var url = baseurl + 'repos/' + user + '/' + repo;
+
+ //TODO change the way i'm passing this parameters
+ qs.push("url");
+ qs.url = url;
+ request(url, generateRepoCard, false);
+ }
+
+ //Returns the most recently updated repository's card
+ function recentRepoCard(user, index = 0) {
+ var url = '';
+ var urlRepos = baseurl + 'users/' + user + '/repos';//api.github.com/users/USERNAME/repos
+ request(urlRepos, function (data) {
+ data.sort((a, b) => a.updated_at < b.updated_at ? 1 : -1);
+ if (index >= data.length) {
+ errorCard();
+ return;
+ }
+ url = data[index].url;
+ }, false);
+ //TODO change the way i'm passing this parameters
+ qs.push("url");
+ qs.url = url;
+ request(url, generateRepoCard, false);
+ }
+
+ function generateRepoCard(data) {
+ data = data || {};
+ var user = qs.user;
+ var url = qs.url;
+ var message = data.message;
+ var defaults = '0';
+ if (message) {
+ data = store(url) || data;
+ defaults = '?';
+ } else {
+ store(url, data);
+ }
+ data.login = user;
+
+ data.avatar_url = '';
+ if (data.owner && data.owner.avatar_url) {
+ data.avatar_url = data.owner.avatar_url;
+ }
+ data.forks_count = numberic(data.forks_count) || defaults;
+ data.watchers_count = numberic(data.watchers_count) || defaults;
+ if (data.fork) {
+ data.action = 'Forked by ';
+ } else {
+ data.action = 'Created by ';
+ }
+ var description = data.description;
+ if (!description && data.source) {
+ description = data.source.description;
+ }
+ if (!description && message) {
+ description = message;
+ }
+ if (!description) {
+ description = '';
+ }
+ data.description = escape(description) || 'No description';
+ var homepage = data.homepage;
+ if (!homepage && data.source) {
+ homepage = data.source.homepage;
+ }
+ if (homepage) {
+ data.homepage = ' ' + homepage.replace(/https?:\/\//, '').replace(/\/$/, '') + '';
+ } else {
+ data.homepage = '';
+ }
+
+ var card = d.createElement('div');
+ card.className = 'github-card repo-card';
+ card.innerHTML = template('repo', data);
+
+ //In case of placeholder, linky is called in mode 1 (replacing placeholder)
+ if (qs.ph) {
+ linky(card, qs.ph);
+ } else {
+ linky(card);
+ }
+ }
+
+
+ function errorCard() {
+ var card = d.createElement('div');
+ card.className = 'github-card repo-card';
+ card.textContent = '¯\_(ツ)_ /¯';
+ //In case of placeholder, linky is called in mode 1 (replacing placeholder)
+ if (qs.ph) {
+ linky(card, qs.ph);
+ } else {
+ linky(card);
+ }
+
+ }
+
+ function numberic(num) {
+ if (!num) return null;
+ if (num === 1000) return '1k';
+ if (num < 1000) return num;
+ num = num / 1000;
+ if (num > 10) return parseInt(num, 10) + 'k';
+ return num.toFixed(1) + 'k';
+ }
+
+ function numberOfPlaceholders() {
+ return d.getElementsByClassName('placeholder').length;
+ }
+
+ var maxLoops = 1;
+ var placeholders = d.getElementsByClassName('placeholder');
+ var nPh = placeholders.length;
+ if (nPh > maxLoops) {
+ maxLoops = nPh;
+ }
+ for (var j = 0; j < maxLoops; j++) {
+ var qs;
+ if (nPh>0) {
+ qs = querystring(placeholders[0]); //Pick always the first placeholder because the previous has been replaced. It is no more. It is an ex-placeholder.
+ } else {
+ qs = querystring();
+ }
+
+ if (!qs.user) {
+ errorCard();
+ } else if (qs.repo) {
+ repoCard(qs.user, qs.repo);
+ } else if (qs.mode) {
+ switch (qs.mode) {
+ case "recent":
+ if (qs.position && qs.position > 0) { //In case of explicit position, we call the function like this
+ recentRepoCard(qs.user, qs.position);
+ } else {
+ recentRepoCard(qs.user);
+ }
+ break;
+ default:
+ //posible future modes
+ userCard(qs.user);
+ break;
+ }
+ } else {
+ userCard(qs.user);
+ }
+ }
+
+ function escape(text) {
+ return text.replace(//g, '>');
+ }
})(document);
diff --git a/theme/default.css b/theme/default.css
index fe080853..050cd883 100644
--- a/theme/default.css
+++ b/theme/default.css
@@ -185,3 +185,4 @@ body.ready {
font-size: 12px;
padding-right: 5px;
}
+
diff --git a/theme/medium.css b/theme/medium.css
index 3627cfae..5673cefc 100644
--- a/theme/medium.css
+++ b/theme/medium.css
@@ -187,3 +187,6 @@ body.ready {
.repo-card .Objective-C {
background: #438eff;
}
+.repo-card .C\# {
+ background: #178600;
+}