├── screenshot.jpg
├── README.md
└── github-event-viewer.html


/screenshot.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zbycz/github-events-viewer/HEAD/screenshot.jpg


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # github-events-viewer 📆 
 2 | **aka "What did I do yesterday?"**
 3 | 
 4 | Displays events from `http://api.github.com/users/{name}/events` - that means including events on your private repos. Github itself does provide only your public actions on your profile.
 5 | 
 6 | 
 7 | - **[LIVE VERSION](https://zbycz.github.io/github-events-viewer/github-event-viewer.html)** (from master)
 8 | 
 9 | 
10 | ![screenshot](./screenshot.jpg)
11 | 
12 | ## Hidden Options
13 | 
14 | - `?date=today|yesterday|this-week` - filter events by date
15 | 
16 | ## NO realtime data
17 | As stated in the [docs](https://docs.github.com/en/rest/activity/events?apiVersion=2022-11-28#list-events-for-the-authenticated-user):
18 | > The API is not built to serve real-time use cases. Depending on the time of day, event latency can be anywhere from 30s to 6h.
19 | 
20 | ## Author and licence
21 | 
22 | (c) 2016,2017,2024 [Pavel Zbytovský](http://zby.cz)
23 | 
24 | Licenced under MIT license.
25 | 
26 | ## See also
27 | 
28 | - this code was formerly part of [OctoMate chrome extension](https://github.com/rubyerme/chrome-github-mate#octo-mate) (called Github Mate before)
29 | - [github-event-viewer](https://github.com/meganemura/github-event-viewer) - for (public) repo events
30 | - more useful links in this Hackernews post: https://news.ycombinator.com/item?id=41609246
31 | 


--------------------------------------------------------------------------------
/github-event-viewer.html:
--------------------------------------------------------------------------------
  1 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
  2 |       integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" />
  3 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css"
  4 |       integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous" />
  5 | 
  6 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  7 | 
  8 | <div class="container">
  9 | 	<h1>My github events viewer</h1>
 10 | 
 11 | 	<p>
 12 | 		Displays your last actions, comments and commits on GitHub.
 13 | 		Events comes from <code>api.github.com/users/{name}/events</code> - which shows your own private events as well.
 14 | 		<br>
 15 | 		Github itself does provide only your public actions page: <code>https://github.com/zbycz?tab=activity</code>.
 16 | 	</p>
 17 | 
 18 | 	<p>
 19 | 		Github username: <input id='user' size=10>,
 20 | 		Access token: <input id='token'> (get new "classic" token <a href="https://github.com/settings/tokens">here</a>, no permissions needed)
 21 | 		<input type='button' onclick='setTokenAndUsername()' value='Set'>
 22 | 	</p>
 23 | 
 24 | 	<table class="table table-bordered">
 25 | 		<tr>
 26 | 			<th style="width: 186px;">date</th>
 27 | 			<th>repo <br> <input id='filter' placeholder="filter">
 28 | 			<th>action <br> <input type=checkbox id=comments> comments only
 29 | 			<th>body length
 30 | 		</tr>
 31 | 		<tbody id="events">
 32 | 			<tr id="eventTemplate">
 33 | 				<td>{{date}}
 34 | 				<td>{{repo}}
 35 | 				<td><a href="{{link}}" title="{{json}}">{{action}}</a>
 36 | 				<td>{{len}}
 37 | 			</tr>
 38 | 		</tbody>
 39 | 	</table>
 40 | 	<button>load more</button>
 41 | 
 42 | 	<p class="text-right"><a href="https://github.com/zbycz/github-events-viewer"><img src="http://github.com/favicon.ico" width="16" alt="">
 43 | 	  zbycz/github-events-viewer v1.2</a>
 44 | </div>
 45 | 
 46 | 
 47 | 
 48 | <script>
 49 | 
 50 | const searchParams = new URLSearchParams(window.location.search)
 51 | const dateFilter = searchParams.get('date'); // today | yesterday | this-week
 52 | 
 53 | function setTokenAndUsername() {
 54 |     localStorage.setItem("token", $("#token").val());
 55 |     localStorage.setItem("user", $("#user").val());
 56 |     location.reload();
 57 | }
 58 | 
 59 | $.ajax({
 60 | 	beforeSend: function (xhr) {
 61 | 		xhr.setRequestHeader ("Authorization", "Bearer " + localStorage.getItem('token'));
 62 | 	},
 63 | })
 64 | 
 65 | var data = [];
 66 | var page = 1;
 67 | function get(){
 68 | 	var user = localStorage.getItem('user');
 69 | 	$('#user').val(user);
 70 | 
 71 | 	if (!token || !user)
 72 | 		return alert('To start, please, set username and token.');
 73 | 
 74 | 	$('#token').attr('placeholder', 'saved');
 75 | 
 76 | 
 77 | 	$.get('https://api.github.com/users/'+user+'/events?page='+page,
 78 | 		function(getdata){
 79 | 			data = data.concat(getdata);
 80 | 			page++;
 81 | 			if (page >= 3)
 82 | 				write();
 83 | 			else
 84 | 				get();
 85 | 		});
 86 | }
 87 | get(); //get first 3 pages
 88 | 
 89 | 
 90 | var eventTemplate = document.getElementById('eventTemplate').innerHTML;
 91 | var events = document.getElementById('events');
 92 | 
 93 | $('#filter').keyup(write).val(localStorage.getItem('filter'));
 94 | $('#comments').click(write);
 95 | $('button').click(function(){ get(); });
 96 | 
 97 | function write(){
 98 |   filter = $('#filter').val();
 99 |   localStorage.setItem('filter', filter);
100 | 
101 | 	events.innerHTML = ''; //clear
102 | 
103 | 	/** The shortest templating system (by zbycz) - eval everyting between {{ and }} */
104 | 	function template(vars) {
105 | 		return eventTemplate.replace(/\{\{(.*?)\}\}/gm, function (match, code) {
106 | 			for (var k in vars) this[k] = vars[k];
107 | 			return eval(code);
108 | 		});
109 | 	}
110 | 
111 | 	String.prototype.ucfirst = function() {
112 | 		return this.charAt(0).toUpperCase() + this.slice(1);
113 | 	};
114 | 
115 | 
116 | 	for (var i = 0; i < data.length; i++) {
117 | 		var r = data[i];
118 | 
119 | 		if (filter)
120 | 			if (!r.repo.name.match(filter))
121 | 				continue;
122 | 
123 | 		if (dateFilter) {
124 | 			let beginningOfToday = new Date(new Date().setHours(0, 0, 0, 0));
125 | 			let cutoff;
126 | 			if (dateFilter === 'today')
127 | 				cutoff = beginningOfToday;
128 | 			if (dateFilter === 'yesterday')
129 | 				cutoff = new Date(beginningOfToday - 24 * 60 * 60 * 1000);
130 | 			if (dateFilter === 'this-week')
131 | 				cutoff = new Date(beginningOfToday - new Date().getDay() * 24 * 60 * 60 * 1000);
132 | 		
133 | 			if (new Date(r.created_at) < cutoff)
134 | 				continue;
135 | 		}
136 | 
137 | 		var link = "#";
138 | 		var action = r.type;
139 | 		var len = '';
140 | 
141 | 		if (r.type == 'IssuesEvent') {
142 | 			action = r.payload.action.ucfirst() + ' issue #' + r.payload.issue.number + ' ' + r.payload.issue.title;
143 | 			link = r.payload.issue.html_url;
144 | 			len = r.payload.issue.body.length;
145 | 		}
146 | 
147 | 		if (r.type == 'IssueCommentEvent') {
148 | 			action = 'Commented on #' + r.payload.issue.number +' '+ r.payload.issue.title;
149 | 			link = r.payload.comment.html_url;
150 | 			len = r.payload.comment.body.length;
151 | 		}
152 | 
153 | 		if (r.type == 'PullRequestReviewCommentEvent') {
154 | 			action = 'Commented on PR #' + r.payload.pull_request.number +' '+ r.payload.pull_request.title;
155 | 			link = r.payload.comment.html_url;
156 | 			len = r.payload.comment.body.length;
157 | 		}
158 | 
159 | 		if (r.type == 'PullRequestReviewEvent') {
160 | 			action = 'Reviewed PR #' + r.payload.pull_request.number +' '+ r.payload.pull_request.title;
161 | 			link = r.payload.review.html_url;
162 | 			len = r.payload.review.body?.length ?? 0;
163 | 		}
164 | 
165 | 		if (r.type == 'CommitCommentEvent') {
166 | 			action = 'Commented on commit - file: '+ r.payload.comment.path;
167 | 			link = r.payload.comment.html_url;
168 | 		}
169 | 
170 | 		if (r.type == 'CreateEvent') {
171 | 			if (r.payload.ref_type == 'tag') continue;
172 | 			action = 'Created ' + r.payload.ref_type + ' ' + (r.payload.ref ? r.payload.ref : '');
173 | 		}
174 | 
175 | 		if (r.type == 'PushEvent') {
176 | 			action = 'Pushed commits: ';
177 | 			for (var x in r.payload.commits){
178 | 				action += r.payload.commits[x].message + '; ';
179 | 			}
180 | 		}
181 | 
182 | 		if ($('#comments')[0].checked)
183 | 			if (!action.match(/^Commented/)) continue;
184 | 
185 | 		var ch = document.createElement("tr");
186 | 		ch.innerHTML = template({
187 | 			date: r.created_at.replace(/[TZ]/, ' '),
188 | 			repo: r.repo.name,
189 | 			action: action,
190 | 			link: link,
191 | 			len: len,
192 | 			json: JSON.stringify(r.payload).replace(/"/g, '').replace(/,/g, '\n')
193 | 		});
194 | 
195 | 		events.appendChild(ch);
196 | 
197 | 
198 | 	}
199 | 
200 | }
201 | 
202 | </script>
203 | 


--------------------------------------------------------------------------------