├── .gitignore
├── LICENSE
├── README.md
├── Rakefile
├── _locales
    ├── en
    │   └── messages.json
    ├── zh_CN
    │   └── messages.json
    └── zh_TW
    │   └── messages.json
├── background.html
├── background.js
├── config.js
├── icon.png
├── icon128.png
├── icon16.png
├── manifest.json
├── options.css
├── options.html
├── options.js
├── resources
    └── screenshot-2.png
└── style.css


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | *.zip
3 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2013 Cam Song
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
 6 | this software and associated documentation files (the "Software"), to deal in
 7 | the Software without restriction, including without limitation the rights to
 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | PHPHub Notifier
 2 | ==================
 3 | Chrome extension to enhance PHPHub experiences.
 4 | 
 5 | ## Thanks to
 6 | 
 7 | > [GitHub Mate](https://github.com/camsong/chrome-github-mate) and its author [Cam Song](https://github.com/camsong).
 8 | 
 9 | ### Install
10 | 
11 | https://chrome.google.com/webstore/detail/phphub-notifier/fcopfkdgikhodlcjkjdppdfkbhmehdon
12 | 
13 | ### Features
14 | 
15 | #### 1. Notify you when interesting thing is happening at PHPHub.
16 | 
17 | ### License
18 | 
19 | Released under the terms of MIT License
20 | 
21 | 


--------------------------------------------------------------------------------
/Rakefile:
--------------------------------------------------------------------------------
 1 | namespace :chrome do
 2 |   desc 'build chrome zip file'
 3 |   task :zip do
 4 |     puts 'building zip for chrome...'
 5 |     sh %{ zip -r chrome-phphub-notifier.zip _locales/ manifest.json *.png *.js *.html *.css }
 6 |     puts 'build done.'
 7 |   end
 8 | end
 9 | 
10 | task default: 'chrome:zip'
11 | 
12 | 


--------------------------------------------------------------------------------
/_locales/en/messages.json:
--------------------------------------------------------------------------------
1 | {"github_login_needed":{"message":"You must login to PHPHub in order to use this extension."}}
2 | 


--------------------------------------------------------------------------------
/_locales/zh_CN/messages.json:
--------------------------------------------------------------------------------
1 | {"github_login_needed":{"message":"\u8BF7\u5148\u767B\u5F55PHPHub"}}
2 | 


--------------------------------------------------------------------------------
/_locales/zh_TW/messages.json:
--------------------------------------------------------------------------------
1 | {"github_login_needed":{"message":"\u8ACB\u5148\u767B\u9304PHPHub"}}
2 | 


--------------------------------------------------------------------------------
/background.html:
--------------------------------------------------------------------------------
1 | <img id="icon" src="icon.png">
2 | <canvas id='canvas' width='19' height='19'></canvas>
3 | <script src="config.js"></script>
4 | <script src="background.js"></script>
5 | 


--------------------------------------------------------------------------------
/background.js:
--------------------------------------------------------------------------------
  1 | ;(function(){
  2 | 'use strict';
  3 | 
  4 | // message listener to accept request from content script
  5 | chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  6 |   console.log('get message request: key=' + request.key);
  7 |   sendResponse({result: getConfig()[request.key]});
  8 | });
  9 | 
 10 | var GitHubNotification;
 11 | var notificationCountUrl = 'https://laravel-china.org/notifications/count';
 12 | var notificationUrl = 'https://laravel-china.org/notifications';
 13 | var blue = [1, 128, 255, 255];
 14 | var gray = [190, 190, 190, 230];
 15 | 
 16 | function _isNotificationUrl(url) {
 17 |   return url.indexOf(notificationUrl) === 0;
 18 | }
 19 | 
 20 | function _goToNotificationTab() {
 21 |   _displayUnreadCount(0);
 22 |   console.log('Going to notification tab...');
 23 |   chrome.tabs.getAllInWindow(undefined, function(tabs) {
 24 |     for (var i = 0, tab; tab = tabs[i]; i++) {
 25 |       if (tab.url && _isNotificationUrl(tab.url)) {
 26 |         console.log('Found notification tab: ' + tab.url + '. ' +
 27 |                     'Focusing and refreshing count...');
 28 |         chrome.tabs.update(tab.id, {selected: true});
 29 |         GitHubNotification.checkNotifications();
 30 |         return;
 31 |       }
 32 |     }
 33 |     console.log('Could not find notification tab. Creating one...');
 34 |     chrome.tabs.create({url: notificationUrl});
 35 |   });
 36 | }
 37 | 
 38 | function _loginWarning() {
 39 |   chrome.browserAction.setBadgeBackgroundColor({color: gray});
 40 |   chrome.browserAction.setBadgeText({text: '?'});
 41 |   chrome.browserAction.setTitle({title: chrome.i18n.getMessage("github_login_needed")});
 42 | }
 43 | 
 44 | function _getBadgeText(num) {
 45 |   return num != 0 ? num+'' : ''
 46 | }
 47 | 
 48 | function _getTitle(num) {
 49 |   return num + " unread " +
 50 |          (num == 1 ? 'notification' : 'notifications');
 51 | }
 52 | 
 53 | function _displayUnreadCount(response) {
 54 |   var unreadCount = parseInt(response);
 55 |   unreadCount = isNaN(unreadCount) ? 0 : unreadCount;
 56 |   console.log('Get ' + unreadCount + ' unread notifications');
 57 | 
 58 |   chrome.browserAction.setBadgeBackgroundColor({color: blue});
 59 |   chrome.browserAction.setBadgeText({text: _getBadgeText(unreadCount)});
 60 | 
 61 |   chrome.browserAction.setTitle({title: _getTitle(unreadCount)});
 62 | }
 63 | 
 64 | GitHubNotification = {
 65 |   getInterval: function() {
 66 |     return parseInt(getConfig()['feature-2-interval']) * 60 * 1000;
 67 |   },
 68 | 
 69 |   isEnabled: function() {
 70 |     return getConfig()['feature-2-enable'];
 71 |   },
 72 | 
 73 |   init: function() {
 74 |     this.checkNotificationsLoop();
 75 | 
 76 |     chrome.browserAction.onClicked.addListener(this.goToNotificationTab.bind(this));
 77 |   },
 78 | 
 79 |   goToNotificationTab: _goToNotificationTab,
 80 | 
 81 |   checkNotificationsLoop: function(){
 82 |     // check notification again if it's enabled and the date range since last checked is longer
 83 |     // than interval.
 84 |     if (GitHubNotification.isEnabled() && (
 85 |          typeof(localStorage.last_checked_date) === 'undefined' ||
 86 |          (Date.now() - localStorage.last_checked_date) >= GitHubNotification.getInterval()
 87 |       )) {
 88 |       this.checkNotifications();
 89 |       localStorage.last_checked_date = Date.now();
 90 |     }
 91 | 
 92 |     // loop;
 93 |     window.setTimeout(GitHubNotification.checkNotificationsLoop.bind(GitHubNotification), 60000);
 94 |   },
 95 | 
 96 |   checkNotifications: function() {
 97 |     var xhr = new XMLHttpRequest();
 98 |     xhr.onreadystatechange = function() {
 99 |       if (xhr.readyState == 4) {
100 |         var response = xhr.response;
101 | 
102 |         if (response.match(/<body id="body/)) {
103 |           // not logged in
104 |           console.log('not logged in currently');
105 |           _loginWarning();
106 |         } else {
107 |           // logged in
108 |           _displayUnreadCount(response);
109 |         }
110 |       }
111 |     };
112 |     xhr.open("GET", notificationCountUrl, true);
113 |     console.log('making request to get notifications...');
114 |     xhr.send(null);
115 |   }
116 | };
117 | 
118 | GitHubNotification.init();
119 | 
120 | })();
121 | 


--------------------------------------------------------------------------------
/config.js:
--------------------------------------------------------------------------------
 1 | var DEFAULT_CONFIG = {
 2 |   'feature-2-enable': true,
 3 |   'feature-2-interval': '5'
 4 | };
 5 | 
 6 | function mergeObject(destination, source) {
 7 |   for (var property in source)
 8 |     if (typeof source[property] !== 'undefined' && source[property] !== '') {
 9 |       destination[property] = source[property];
10 |     }
11 |   return destination;
12 | }
13 | 
14 | function getConfig() {
15 |   var config;
16 |   try {
17 |     config = mergeObject(DEFAULT_CONFIG, JSON.parse(localStorage.gm_config));
18 |   } catch (e) {
19 |     config = DEFAULT_CONFIG;
20 |   }
21 |   localStorage.gm_config = JSON.stringify(config);
22 |   return config;
23 | }
24 | 


--------------------------------------------------------------------------------
/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/summerblue/chrome-phphub-notifier/758532105e58e1e06efa8bbcc2dba0a86b2674b3/icon.png


--------------------------------------------------------------------------------
/icon128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/summerblue/chrome-phphub-notifier/758532105e58e1e06efa8bbcc2dba0a86b2674b3/icon128.png


--------------------------------------------------------------------------------
/icon16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/summerblue/chrome-phphub-notifier/758532105e58e1e06efa8bbcc2dba0a86b2674b3/icon16.png


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Laravel China Notifier",
 3 |   "description": "Notify you when interesting thing is happening at Laravel China.",
 4 |   "default_locale": "en",
 5 |   "version": "0.6",
 6 |   "background": {
 7 |     "page": "background.html"
 8 |   },
 9 |   "permissions" : [
10 |     "*://laravel-china.org/*",
11 |     "tabs",
12 |     "webNavigation"
13 |   ],
14 |   "content_scripts": [
15 |     {
16 |       "matches": ["https://laravel-china.org/*"],
17 |       "css": ["style.css"],
18 |       "js": ["config.js"]
19 |     }
20 |   ],
21 |   "browser_action": {
22 |     "default_icon": "icon.png"
23 |   },
24 |   "icons": {
25 |     "16": "icon16.png",
26 |     "48": "icon.png",
27 |     "128": "icon128.png"
28 |   },
29 |   "options_page": "options.html",
30 |   "manifest_version": 2
31 | }
32 | 


--------------------------------------------------------------------------------
/options.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   font: normal 12px arial, serif;
 3 |   background: white;
 4 |   overflow-x: hidden;
 5 | }
 6 | #wrapper {
 7 |   width: 600px;
 8 |   margin: auto;
 9 | }
10 | table {
11 |   width: 100%;
12 |   border-collapse: collapse;
13 |   border-spacing: 0;
14 |   border: 1px solid #ddd;
15 | }
16 | table thead {
17 |   background-color: #eee;
18 | }
19 | th, td {
20 |   padding: 6px 4px;
21 |   color: #333;
22 | }
23 | th {
24 |   font-weight: bold;
25 |   text-align: right;
26 |   padding-right: 6px;
27 | }
28 | table tbody tr:hover {
29 |   background-color: #f9f9f9;
30 | }
31 | table tbody th {
32 |   border-bottom: 1px solid #ddd;
33 | }
34 | table tbody td {
35 |   font-weight: normal;
36 |   vertical-align: middle;
37 |   text-align: left;
38 |   font-size: 12px;
39 |   border-bottom: 1px solid #ddd;
40 |   border-left: 1px solid #ddd;
41 | }
42 | 
43 | input {
44 |   margin: 0;
45 | }
46 | 
47 | input[type="checkbox"] {
48 |   display: inline-block;
49 |   vertical-align: middle;
50 |   margin: 0 5px 0 0;
51 | }
52 | 


--------------------------------------------------------------------------------
/options.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>PHPHub Notifier - Options</title>
 6 |     <link rel='stylesheet' href='options.css' type='text/css' media='all' />
 7 |     <script type="text/javascript" src="config.js"></script>
 8 |     <script type="text/javascript" src="options.js"></script>
 9 |   </head>
10 |   <body>
11 |     <div id="wrapper">
12 |       <h3>PHPHub Notifier → Options</h3>
13 |       <div>
14 |         <table>
15 |           <thead>
16 |             <tr>
17 |               <th colspan='2'>Features list</th>
18 |             </tr>
19 |           </thead>
20 |           <tbody>
21 |             <tr id='feature-2'>
22 |               <th rowspan='2'>Show notifications number</th>
23 |               <td>
24 |                 <label>Enable <input type='checkbox' id='feature-2-enable'>
25 |               </td>
26 |             </tr>
27 |             <tr id="feature-2-options">
28 |               <td>
29 |                 <label> Update every
30 |                   <select id='feature-2-interval'>
31 |                     <option value='' disabled selected>Please Choose</option>
32 |                     <option value='1'>1 min</option>
33 |                     <option value='5'>5 mins</option>
34 |                     <option value='10'>10 mins</option>
35 |                     <option value='30'>30 mins</option>
36 |                     <option value='60'>1 hour</option>
37 |                   </select>
38 |                 </label>
39 |               </td>
40 |             </tr>
41 |           </tbody>
42 |         </table>
43 |       </div>
44 |     </div>
45 |   </body>
46 | </html>
47 | 


--------------------------------------------------------------------------------
/options.js:
--------------------------------------------------------------------------------
 1 | function renderOptions() {
 2 |   var config = getConfig();
 3 |   document.querySelector('#feature-2-enable').checked = config['feature-2-enable'];
 4 |   document.querySelector('#feature-2-interval').value = config['feature-2-interval'];
 5 |   renderOptionsStates();
 6 | }
 7 | 
 8 | function renderOptionsStates() {
 9 |   document.querySelector('#feature-2-interval').disabled = !(document.querySelector('#feature-2-enable').checked);
10 | }
11 | 
12 | function storeConfig() {
13 |   localStorage.gm_config = JSON.stringify({
14 |     'feature-2-enable': document.querySelector('#feature-2-enable').checked,
15 |     'feature-2-interval': document.querySelector('#feature-2-interval').value
16 |   });
17 | }
18 | 
19 | window.onload = function() {
20 |   renderOptions();
21 |   document.onchange = function() {
22 |     storeConfig();
23 |     renderOptionsStates();
24 |   };
25 | }
26 | 


--------------------------------------------------------------------------------
/resources/screenshot-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/summerblue/chrome-phphub-notifier/758532105e58e1e06efa8bbcc2dba0a86b2674b3/resources/screenshot-2.png


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | .octicon-file-text:hover {
2 |   cursor: pointer;
3 |   color: #4183c4 !important;
4 | }
5 | 


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