45 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/popup.js:
--------------------------------------------------------------------------------
1 | // Mark the domain of the selected tab as junk.
2 | function markAsJunk() {
3 | chrome.tabs.getSelected(null, function (tab) {
4 | var junkDomains = getLocal('junkDomains');
5 | var domain = trimPath(trimWWW(trimProtocol(tab.url.trim())));
6 | junkDomains.push(domain);
7 | setLocal('junkDomains', junkDomains);
8 | document.getElementById('mark_junk_button').style.display = "none";
9 | var bg = bgPage();
10 | bg.updateIcon(bg.extensionActive(), true);
11 | bg.submitConfigChange();
12 | });
13 | }
14 |
15 | window.onload = function() {
16 | chrome.tabs.getSelected(null, function (tab) {
17 | if (!lookupJunkDomain(tab.url) && tab.url.indexOf('.') != -1) {
18 | // Show current domain.
19 | var normalized_url = trimWWW(trimProtocol(tab.url.trim()));
20 | var domain = trimPath(normalized_url)
21 | document.getElementById('current_domain').appendChild(document.createTextNode(domain));
22 | document.getElementById('mark_junk_button').style.display = "block";
23 | // Bind button action.
24 | document.getElementById('mark_junk_button').onclick = markAsJunk;
25 | }
26 | });
27 |
28 | // TODO: personal statistics
29 | document.getElementById('stats_link').onclick = function() {
30 | chrome.tabs.create({ url: chrome.extension.getURL('stats.html') });
31 | return false;
32 | };
33 | }
34 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | Crackbook
2 | =========
3 |
4 | See http://xkcd.com/862/
5 |
6 | Crackbook is a Chrome extension for discouraging use of attention-sucking
7 | websites such as Facebook or Reddit. The idea behind Crackbook is that delaying
8 | access to the website is more effective than straight blocking because you
9 | are less likely to just disable the block after a while.
10 |
11 | The extension will delay every hit to blacklisted site. The delay is just
12 | a few seconds initially, but it increases slightly on every hit.
13 |
14 | Unless disabled in settings, the extension will collect and anonymously
15 | submit usage data. Aggregate statistics are available at
16 | .
17 |
18 | The junk page counter resets daily.
19 |
20 |
21 | The extension is available on the Chrome Store at:
22 | https://chrome.google.com/extensions/detail/nbgjmohekjolcgemlolblankocjlgalf
23 |
24 | The source code is available under the MIT license (see the file LICENSE).
25 | It is hosted at http://github.com/gintas/crackbook (patches welcome!).
26 |
27 | Copyright (C) 2011 Gintautas Miliauskas
28 |
29 |
30 | Acknowledgements
31 | ----------------
32 |
33 | `hamburger-19px.png` and `hamburger-128px.png` are modified
34 | versions of , which
35 | has been put into public domain by the author.
36 |
37 | `carrot-19px.png` is a modified version of
38 | , which is in the public domain.
39 |
40 | `wrench.png` is ,
41 | which is provided under the Creative Commons Attribution 3.0 US licence
42 | by FatCow Web Hosting at .
43 |
44 | `stats-256.png` is available from
45 | under the CC BY-SA 3.0 license.
46 |
--------------------------------------------------------------------------------
/options.css:
--------------------------------------------------------------------------------
1 | body {
2 | width: 450px;
3 | font-family: Verdana, sans-serif;
4 | font-size: small;
5 | color: #080e73;
6 | }
7 |
8 | img {
9 | margin: 5px;
10 | border: 2px solid black;
11 | vertical-align: middle;
12 | width: 75px;
13 | height: 75px;
14 | }
15 |
16 | #header {
17 | font-weight: bold;
18 | font-size: large;
19 | }
20 |
21 | .heading {
22 | color: #225;
23 | }
24 |
25 | .subheading {
26 | color: #225;
27 | font-weight: bold;
28 | font-size: larger;
29 | margin-top: 1.5em;
30 | }
31 |
32 | .domainList {
33 | list-style: none;
34 | padding-left: 1em;
35 | margin-top: 0.5em;
36 | }
37 |
38 | input {
39 | border: 1px solid #bbb;
40 | }
41 |
42 | input.domain {
43 | width: 15em;
44 | padding-left: 0.2em;
45 | }
46 |
47 | input.percentInput {
48 | width: 3em;
49 | }
50 |
51 | input.rightAlign {
52 | text-align: right;
53 | padding-right: 0.2em;
54 | }
55 |
56 | input#dimmerThreshold {
57 | width: 2em;
58 | }
59 |
60 | input#dimmerDelay {
61 | width: 4em;
62 | }
63 |
64 | input#dimmerDelayIncrement {
65 | width: 3em;
66 | }
67 |
68 | input#startTime, input#endTime {
69 | width: 3.5em;
70 | padding-left: 0.2em;
71 | }
72 |
73 | div#weekdays {
74 | margin: 0;
75 | padding: 0;
76 | }
77 |
78 | .details {
79 | font-size: x-small;
80 | margin-top: 4px;
81 | color: #999;
82 | }
83 |
84 | button {
85 | background: #00af3f;
86 | color: #fff;
87 | font-family: Verdana;
88 | border: 1px solid #005;
89 | }
90 |
91 | button#save_button {
92 | font-size: larger;
93 | font-weight: bold;
94 | background: #ff1b1b;
95 | padding: 0.25em 0.5em 0.25em 0.5em;
96 | }
97 |
98 | #saved_message {
99 | background-color: #a0ffa0;
100 | border: 1px solid #00aa00;
101 | padding: 0.4em;
102 | opacity: 1;
103 | }
104 |
--------------------------------------------------------------------------------
/flot/jquery.flot.selection.min.js:
--------------------------------------------------------------------------------
1 | (function(a){function b(k){var p={first:{x:-1,y:-1},second:{x:-1,y:-1},show:false,active:false};var m={};var r=null;function e(s){if(p.active){l(s);k.getPlaceholder().trigger("plotselecting",[g()])}}function n(s){if(s.which!=1){return}document.body.focus();if(document.onselectstart!==undefined&&m.onselectstart==null){m.onselectstart=document.onselectstart;document.onselectstart=function(){return false}}if(document.ondrag!==undefined&&m.ondrag==null){m.ondrag=document.ondrag;document.ondrag=function(){return false}}d(p.first,s);p.active=true;r=function(t){j(t)};a(document).one("mouseup",r)}function j(s){r=null;if(document.onselectstart!==undefined){document.onselectstart=m.onselectstart}if(document.ondrag!==undefined){document.ondrag=m.ondrag}p.active=false;l(s);if(f()){i()}else{k.getPlaceholder().trigger("plotunselected",[]);k.getPlaceholder().trigger("plotselecting",[null])}return false}function g(){if(!f()){return null}var u={},t=p.first,s=p.second;a.each(k.getAxes(),function(v,w){if(w.used){var y=w.c2p(t[w.direction]),x=w.c2p(s[w.direction]);u[v]={from:Math.min(y,x),to:Math.max(y,x)}}});return u}function i(){var s=g();k.getPlaceholder().trigger("plotselected",[s]);if(s.xaxis&&s.yaxis){k.getPlaceholder().trigger("selected",[{x1:s.xaxis.from,y1:s.yaxis.from,x2:s.xaxis.to,y2:s.yaxis.to}])}}function h(t,u,s){return us?s:u)}function d(w,t){var v=k.getOptions();var u=k.getPlaceholder().offset();var s=k.getPlotOffset();w.x=h(0,t.pageX-u.left-s.left,k.width());w.y=h(0,t.pageY-u.top-s.top,k.height());if(v.selection.mode=="y"){w.x=w==p.first?0:k.width()}if(v.selection.mode=="x"){w.y=w==p.first?0:k.height()}}function l(s){if(s.pageX==null){return}d(p.second,s);if(f()){p.show=true;k.triggerRedrawOverlay()}else{q(true)}}function q(s){if(p.show){p.show=false;k.triggerRedrawOverlay();if(!s){k.getPlaceholder().trigger("plotunselected",[])}}}function c(s,w){var t,y,z,A,x=k.getAxes();for(var u in x){t=x[u];if(t.direction==w){A=w+t.n+"axis";if(!s[A]&&t.n==1){A=w+"axis"}if(s[A]){y=s[A].from;z=s[A].to;break}}}if(!s[A]){t=w=="x"?k.getXAxes()[0]:k.getYAxes()[0];y=s[w+"1"];z=s[w+"2"]}if(y!=null&&z!=null&&y>z){var v=y;y=z;z=v}return{from:y,to:z,axis:t}}function o(t,s){var v,u,w=k.getOptions();if(w.selection.mode=="y"){p.first.x=0;p.second.x=k.width()}else{u=c(t,"x");p.first.x=u.axis.p2c(u.from);p.second.x=u.axis.p2c(u.to)}if(w.selection.mode=="x"){p.first.y=0;p.second.y=k.height()}else{u=c(t,"y");p.first.y=u.axis.p2c(u.from);p.second.y=u.axis.p2c(u.to)}p.show=true;k.triggerRedrawOverlay();if(!s&&f()){i()}}function f(){var s=5;return Math.abs(p.second.x-p.first.x)>=s&&Math.abs(p.second.y-p.first.y)>=s}k.clearSelection=q;k.setSelection=o;k.getSelection=g;k.hooks.bindEvents.push(function(t,s){var u=t.getOptions();if(u.selection.mode!=null){s.mousemove(e);s.mousedown(n)}});k.hooks.drawOverlay.push(function(v,D){if(p.show&&f()){var t=v.getPlotOffset();var s=v.getOptions();D.save();D.translate(t.left,t.top);var z=a.color.parse(s.selection.color);D.strokeStyle=z.scale("a",0.8).toString();D.lineWidth=1;D.lineJoin="round";D.fillStyle=z.scale("a",0.4).toString();var B=Math.min(p.first.x,p.second.x),A=Math.min(p.first.y,p.second.y),C=Math.abs(p.second.x-p.first.x),u=Math.abs(p.second.y-p.first.y);D.fillRect(B,A,C,u);D.strokeRect(B,A,C,u);D.restore()}});k.hooks.shutdown.push(function(t,s){s.unbind("mousemove",e);s.unbind("mousedown",n);if(r){a(document).unbind("mouseup",r)}})}a.plot.plugins.push({init:b,options:{selection:{mode:null,color:"#e8cfac"}},name:"selection",version:"1.1"})})(jQuery);
--------------------------------------------------------------------------------
/options.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Crackbook Settings
7 |
8 |
9 |
10 |
11 |
Crackbook settings
12 |
13 |
Junk site list
14 |
15 |
16 | Domains with paths are allowed, for example "google.com/reader".
17 |
18 |
19 |
20 |
Please wait...
21 |
22 |
23 |
24 |
Schedule
25 |
26 |
27 | Extension enabled between
28 |
29 | and
30 |
31 | (24-hour format)
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
Parameters
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 | seconds.
59 |
60 |
61 |
64 |
65 |
66 |
67 |
Usage data
68 |
69 |
72 |
73 | Your extension settings (including the list of junk sites) and times
74 | of visits to the junk sites will be uploaded anonymously. Statistics
75 | are available at http://crackbook.info.
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 | Settings saved.
85 |
86 |
87 |
88 |
89 |
90 |
91 |
--------------------------------------------------------------------------------
/lib.js:
--------------------------------------------------------------------------------
1 | var DAY_STARTING_HOUR = 6; // AM
2 |
3 | //
4 | // Helper functions.
5 | //
6 |
7 | function trimProtocol(url) {
8 | var p = url.indexOf('://');
9 | if (p > -1) {
10 | url = url.slice(p + '://'.length);
11 | }
12 | return url;
13 | }
14 |
15 | function trimWWW(url) {
16 | if (url.slice(0, 4) == 'www.')
17 | url = url.slice(4);
18 | return url;
19 | }
20 |
21 | function trimPath(url) {
22 | p = url.indexOf('/');
23 | if (p > -1)
24 | domain = url.slice(0, p);
25 | else
26 | domain = url;
27 | return domain;
28 | }
29 |
30 | // Returns today's date as an ISO8601 string (e.g., 2011-03-04)
31 | function todayAsString() {
32 | var now = new Date();
33 | var dt = new Date(now - DAY_STARTING_HOUR * 3600 * 1000);
34 | return dt.getFullYear() + "-" + lzero(dt.getMonth() + 1) + "-" + lzero(dt.getDate());
35 | }
36 |
37 | //
38 | // Local storage functions.
39 | //
40 |
41 | var_defaults = {
42 | junkDomains: '[]',
43 | reporting: 'true',
44 | checkActiveTab: 'true',
45 | user_id: '0',
46 | dimmerThreshold: '0',
47 | dimmerDelay: '3.0',
48 | dimmerDelayIncrement: '0.05',
49 | redirectProbability: '2',
50 | startTime: '0',
51 | endTime: '' + 24*60-1,
52 | weekdays: '"12345"',
53 | day: '""',
54 | dayHits: '0',
55 | hitLogKeys: '[]',
56 | reset_daily_flag: 'false',
57 | base_delay: '10.0'
58 | };
59 |
60 | function getLocal(varname) {
61 | if (!(varname in localStorage)) {
62 | localStorage.setItem(varname, var_defaults[varname]);
63 | }
64 | var s = localStorage.getItem(varname);
65 | return JSON.parse(s);
66 | }
67 |
68 | function setLocal(varname, value) {
69 | localStorage.setItem(varname, JSON.stringify(value));
70 | }
71 |
72 | function storeHit(domain, blocked, active) {
73 | var dt = new Date();
74 |
75 | // Create an entry.
76 | var timestamp = Math.round(dt.getTime() / 1000);
77 | var entry = JSON.stringify({ domain: domain, blocked: blocked, timestamp: timestamp, active: active });
78 |
79 | var key = 'hitLogKeys-' + (dt.getYear() - 100) + "-" + (dt.getMonth() + 1);
80 |
81 | // Append the entry to the right collection.
82 | var hitLogKeys = getLocal('hitLogKeys');
83 | var row = null;
84 | if (hitLogKeys.indexOf(key) == -1) {
85 | hitLogKeys.push(key);
86 | setLocal('hitLogKeys', hitLogKeys);
87 | row = entry;
88 | } else {
89 | row = localStorage.getItem(key) + "," + entry;
90 | }
91 | // Access localStorage directly to avoid double stringification.
92 | localStorage.setItem(key, row);
93 | }
94 |
95 | function loadHits(key) {
96 | return JSON.parse('[' + localStorage.getItem(key) + ']');
97 | }
98 |
99 | function getTodaysHits() {
100 | if (getLocal('day') == todayAsString()) {
101 | return getLocal('dayHits');
102 | } else {
103 | return 0;
104 | }
105 | }
106 |
107 | function lookupJunkDomain(url) {
108 | var junkDomains = getLocal('junkDomains');
109 | var normalized_url = trimWWW(trimProtocol(url.trim()));
110 | for (var i = 0; i < junkDomains.length; i++) {
111 | if (normalized_url.indexOf(junkDomains[i]) == 0) {
112 | return junkDomains[i];
113 | }
114 | }
115 | return null;
116 | }
117 |
118 | function bgPage() {
119 | return chrome.extension.getBackgroundPage();
120 | }
121 |
122 | function lzero(x) {
123 | // Add a leading zero to a number.
124 | return x > 9 ? x : '0' + x;
125 | }
126 |
127 | function renderTime(minutes) {
128 | return lzero((Math.floor(minutes / 60))) + ':' + lzero(minutes % 60);
129 | }
130 |
131 | function parseTime(s) {
132 | var components = s.split(':');
133 | var hr = parseInt(components[0], 10) | 0;
134 | if (hr < 0 || hr >= 24) hr = 0;
135 | var min = parseInt(components[1], 10) | 0;
136 | if (min < 0 || min >= 60) hr = 0;
137 | var r = hr * 60 + min;
138 | if (r >= 60*24)
139 | r = 0;
140 | return r;
141 | }
142 |
143 | function pickRandomItem(items) {
144 | return items[Math.floor(Math.random() * items.length)];
145 | }
146 |
--------------------------------------------------------------------------------
/dimmer.js:
--------------------------------------------------------------------------------
1 | var BODY_POLL_MS = 30;
2 | var DIMMER_DIV_ID = '_crackbook_dimmer_';
3 | var DIMMER_TEXT = "Wait %d seconds for the content to appear.";
4 | var DIMMER_SWITCH_TEXT = "The timer restarts if you switch away from this tab.";
5 |
6 | var TRACING = false;
7 |
8 | var original_url = null;
9 | var dimmer_delay = null;
10 | var dimmer_appearance = null;
11 |
12 | function clearDimTimer(dimmer) {
13 | // Clear old timer.
14 | var timerIdInput = document.getElementById(DIMMER_DIV_ID + "timerId");
15 | if (timerIdInput) {
16 | timerId = parseInt(timerIdInput.value);
17 | clearTimeout(timerId);
18 | dimmer.removeChild(timerIdInput);
19 | }
20 | }
21 |
22 | function setDimTimer(dimmer, delay) {
23 | // Clear old timer.
24 | var timerIdInput = document.getElementById(DIMMER_DIV_ID + "timerId");
25 | if (timerIdInput) {
26 | timerId = parseInt(timerIdInput.value);
27 | clearTimeout(timerId);
28 | }
29 |
30 | var timeoutFn = function() {
31 | var dimmer = document.getElementById(DIMMER_DIV_ID);
32 | dimmer.style.display = "none";
33 | // Disable the dimmer. This page may be dimmed again if the URL changes.
34 | };
35 |
36 | // Set timer.
37 | var timerId = setTimeout(timeoutFn, Math.round(delay * 1000));
38 |
39 | // Store timer ID.
40 | if (!timerIdInput) {
41 | var timerIdInput = document.createElement("input");
42 | timerIdInput.id = DIMMER_DIV_ID + "timerId";
43 | timerIdInput.type = "hidden";
44 | dimmer.appendChild(timerIdInput);
45 | }
46 | timerIdInput.value = timerId;
47 | }
48 |
49 | function addDimmer(delay, appearance) {
50 | var dimmer = document.createElement('div');
51 | dimmer.id = DIMMER_DIV_ID;
52 |
53 | // TODO: add a picture
54 |
55 | // Message
56 | dimmer.style.color = "#ffffff";
57 | dimmer.style.paddingTop = window.innerHeight / 2 - 30 + "px";
58 | dimmer.style.fontSize = '36px';
59 | dimmer.style.fontFamily = 'Georgia';
60 | dimmer.style.fontVariant = 'normal';
61 |
62 | var text = document.createElement("div");
63 | text.innerHTML = DIMMER_TEXT.replace('%d', Math.round(delay));
64 | text.style.textAlign = "center";
65 | text.style.paddingTop = "50px";
66 | text.style.fontSize = "20px";
67 | dimmer.appendChild(text);
68 |
69 | var switch_text = document.createElement("div");
70 | switch_text.innerHTML = DIMMER_SWITCH_TEXT;
71 | switch_text.id = DIMMER_DIV_ID + 'stayput';
72 | switch_text.style.display = "none";
73 | switch_text.style.textAlign = "center";
74 | switch_text.style.paddingTop = "10px";
75 | switch_text.style.fontSize = "14px";
76 | switch_text.style.color = "#aaaaaa";
77 | dimmer.appendChild(switch_text);
78 |
79 | // Positioning.
80 | dimmer.style.position = "fixed";
81 | dimmer.style.top = "0px";
82 | dimmer.style.left = "0px";
83 | dimmer.style.width = "100%";
84 | dimmer.style.height = "100%";
85 |
86 | // Background.
87 | dimmer.style.background = "#001000";
88 | if (appearance && appearance.transparent) {
89 | dimmer.style.opacity = "0.95";
90 | }
91 | dimmer.style.zIndex = "99999";
92 |
93 | document.body.insertBefore(dimmer, document.body.firstChild);
94 |
95 | // Install URL change watcher.
96 | original_url = document.URL;
97 | setInterval(watchUrlChanges, 1000);
98 | // TODO(gintas): Disable watcher when the tab is not active.
99 |
100 | return dimmer;
101 | }
102 |
103 | /* Watches for URL changes and reshows the dimmer if a change is detected. */
104 | function watchUrlChanges() {
105 | if (document.URL != original_url) {
106 | original_url = document.URL;
107 | dim('reshow');
108 | }
109 | }
110 |
111 | // Actions
112 |
113 | function create(dimmer_el, delay, appearance) {
114 | if (!dimmer_el) {
115 | var dimmer = addDimmer(delay, appearance);
116 | setDimTimer(dimmer, delay);
117 | }
118 | }
119 |
120 | function create_suspended(dimmer_el, delay, appearance) {
121 | if (!dimmer_el) {
122 | var dimmer = addDimmer(delay, appearance);
123 | }
124 | }
125 |
126 | function suspend(dimmer_el, delay) {
127 | if (dimmer_el) {
128 | clearDimTimer(dimmer_el);
129 | }
130 | }
131 |
132 | function resume(dimmer_el, delay) {
133 | if (dimmer_el && dimmer_el.style.display != "none") {
134 | setDimTimer(dimmer_el, delay);
135 |
136 | var switch_text = document.getElementById(DIMMER_DIV_ID + 'stayput');
137 | switch_text.style.display = "block";
138 | }
139 | }
140 |
141 | function reshow(dimmer_el, delay) {
142 | if (dimmer_el) {
143 | dimmer_el.style.display = "block";
144 | setDimTimer(dimmer_el, delay);
145 | // TODO(gintas): Do not assume that this tab is currently active.
146 | }
147 | }
148 |
149 | /* Dims the current page for a given time in seconds
150 |
151 | 'action' is one of the following:
152 | - "create": a dimmer is created on the page if it is not already there and a timer is started
153 | - "create_suspended": a dimmer is created on the page if it is not already there, no timer is started
154 | - "suspend": the countdown is suspended if there is a dimmer on the page, no-op otherwise
155 | - "resume": the countdown is resumed if there is a dimmer on the page, no-op otherwise
156 |
157 | */
158 | function dim(action) {
159 | // Dispatch by action name.
160 | var action_fns = {
161 | create: create,
162 | suspend: suspend,
163 | resume: resume,
164 | create_suspended: create_suspended,
165 | reshow: reshow
166 | };
167 |
168 | if (TRACING) {
169 | console.log("action: " + action);
170 | }
171 |
172 | var action_fn = action_fns[action];
173 |
174 | var dimmer_el = document.getElementById(DIMMER_DIV_ID);
175 | action_fn(dimmer_el, dimmer_delay, dimmer_appearance);
176 | }
177 |
178 | /* Forwarder function for calls using executeScript() */
179 | function invoke_dimmer(action) {
180 | dim(action);
181 | }
182 |
183 | // On initial load, check with the extension whether action needs to be taken.
184 | chrome.extension.sendRequest({}, function(response) {
185 | if (response.redirectUrl) {
186 | window.location.href = response.redirectUrl;
187 | } else if (response.dimmerAction) {
188 | // Save dimmer parameters.
189 | dimmer_delay = response.delay;
190 | dimmer_appearance = response.appearance;
191 | function delayedDimmerFn() {
192 | if (document.body != null) {
193 | // The body of the document has started loading, the dimmer can be shown.
194 | invoke_dimmer(response.dimmerAction);
195 | } else {
196 | // The body is not yet available.
197 | setTimeout(delayedDimmerFn, BODY_POLL_MS);
198 | }
199 | }
200 | // Start polling.
201 | delayedDimmerFn();
202 | }
203 | });
204 |
--------------------------------------------------------------------------------
/stats.js:
--------------------------------------------------------------------------------
1 | MIN_HISTORY_LENGTH = 4 * 24 * 3600 * 1000; // 4 days
2 |
3 | window.onload = function() {
4 | if (enoughLogData()) {
5 | drawLogPlot();
6 | } else {
7 | $('#logPlot-container').html(
8 | "Crackbook has less than 4 days of activity logs. Please come back later.");
9 | }
10 |
11 | $('#show-browser-history-visits').click(function() {
12 | $('#browser-history-visits').show();
13 | $('#browser-hist').hide();
14 | // TODO: Show "Loading..."
15 | var histPlot = createPlot($('#histPlot'));
16 | collectHistoryData(histPlot);
17 | return true;
18 | });
19 | };
20 |
21 | /**
22 | * Draws a plot.
23 | */
24 | function createPlot(el) {
25 |
26 | // Helper for returning the weekends in a period
27 | // Copied from flot samples.
28 | function weekendAreas(axes) {
29 | var markings = [];
30 | var d = new Date(axes.xaxis.min);
31 | // go to the first Saturday
32 | d.setUTCDate(d.getUTCDate() - ((d.getUTCDay() + 1) % 7));
33 | d.setUTCSeconds(0);
34 | d.setUTCMinutes(0);
35 | d.setUTCHours(0);
36 | var i = d.getTime();
37 | do {
38 | // when we don't set yaxis, the rectangle automatically
39 | // extends to infinity upwards and downwards
40 | markings.push({ xaxis: { from: i, to: i + 2 * 24 * 60 * 60 * 1000 } });
41 | i += 7 * 24 * 60 * 60 * 1000;
42 | } while (i < axes.xaxis.max);
43 |
44 | return markings;
45 | }
46 |
47 | var options = {
48 | xaxis: { mode: "time", timeformat: "%b %d", minTickSize: [1, "day"] },
49 | selection: { mode: "x" },
50 | grid: { markings: weekendAreas },
51 | legend: { position: "nw" }
52 | };
53 |
54 | var plot = $.plot(el, [], options);
55 |
56 | el.bind("plotselected", function (event, ranges) {
57 | // Zoom into selected area.
58 | var options = plot.getOptions();
59 | options.xaxes[0].min = ranges.xaxis.from;
60 | options.xaxes[0].max = ranges.xaxis.to;
61 | plot.clearSelection();
62 | plot.setupGrid();
63 | plot.draw();
64 | });
65 |
66 | $(el).next("div.zoomout").click(function(e) {
67 | // Zoom out to view the entire dataset.
68 | e.preventDefault();
69 | var options = plot.getOptions();
70 | options.xaxes[0].min = options.xaxes[0].datamin;
71 | options.xaxes[0].max = options.xaxes[0].datamax;
72 | plot.setupGrid();
73 | plot.draw();
74 | });
75 |
76 | return plot;
77 | }
78 |
79 | /**
80 | * Redraws a given plot with the given data.
81 | */
82 | function redrawPlot(histPlot, plotData) {
83 | histPlot.setData(plotData);
84 | histPlot.setupGrid();
85 | histPlot.draw();
86 | }
87 |
88 | /**
89 | * Adds an entry to the plot, given a dictionary of hits by date.
90 | */
91 | function addPlotRow(histPlot, plotData, domain, hitsByDate) {
92 | addMissingZeroes(hitsByDate);
93 | var row = mapToPairList(hitsByDate);
94 |
95 | // TODO: ensure order stability of entries
96 | plotData.push({
97 | label: domain,
98 | data: row
99 | });
100 | redrawPlot(histPlot, plotData);
101 | }
102 |
103 | /**
104 | * Adds zeroes for days where no hits have been logged.
105 | *
106 | *
Modifies the list in place.
107 | *
108 | * @param hitsByDate a map of date -> hitcount.
109 | */
110 | function addMissingZeroes(hitsByDate) {
111 | var min = null;
112 | for (var k in hitsByDate) {
113 | if (hitsByDate.hasOwnProperty(k)) {
114 | var t = parseInt(k, 10);
115 | if (min === null || t < min) {
116 | min = t;
117 | }
118 | }
119 | }
120 |
121 | var max = new Date().getTime(); // the current moment is the upper bound
122 | var dt = new Date(min);
123 | while (dt.getTime() < max) {
124 | if (!hitsByDate.hasOwnProperty(dt.getTime())) {
125 | hitsByDate[dt.getTime()] = 0;
126 | }
127 | dt.setDate(dt.getDate() + 1);
128 | }
129 | }
130 |
131 | /**
132 | * Convert a dictionary (object) to a list of pairs (in ascending key order).
133 | */
134 | function mapToPairList(row) {
135 | var keys = [];
136 | for (var k in row) {
137 | if (row.hasOwnProperty(k)) {
138 | keys.push(k);
139 | }
140 | }
141 | var sorted_keys = keys.sort();
142 | var d = [];
143 | for (var i = 0; i < sorted_keys.length; i++) {
144 | d.push([sorted_keys[i], row[sorted_keys[i]]]);
145 | }
146 | return d;
147 | }
148 |
149 | function markHit(timestamp, hitsByDate) {
150 | var dt = new Date(timestamp);
151 | clearTime(dt);
152 | var histKey = dt.getTime();
153 | if (!hitsByDate.hasOwnProperty(histKey)) {
154 | hitsByDate[histKey] = 0;
155 | }
156 | hitsByDate[histKey] += 1;
157 | }
158 |
159 | /**
160 | * Collects history data asynchronously and shows it on the given plot.
161 | */
162 | function collectHistoryData(histPlot) {
163 | var plotData = [];
164 | var junkDomains = getLocal('junkDomains');
165 | junkDomains.forEach(function(domain) {
166 | findDirectHits(domain, function(visitItems) {
167 | var hitsByDate = {};
168 | visitItems.forEach(function(item) {
169 | markHit(item.visitTime, hitsByDate);
170 | });
171 | addPlotRow(histPlot, plotData, domain, hitsByDate);
172 | });
173 | });
174 | }
175 |
176 | /**
177 | * Draws plot of hits, according to the internal Crackbook log.
178 | */
179 | function drawLogPlot() {
180 | var logPlot = createPlot($('#logPlot'));
181 |
182 | var domainStats = {};
183 | // Initialize domainStats.
184 | var junkDomains = getLocal('junkDomains');
185 | junkDomains.forEach(function(domain) {
186 | domainStats[domain] = {};
187 | });
188 |
189 | var hitLogKeys = getLocal('hitLogKeys');
190 | hitLogKeys.forEach(function(key) {
191 | var entries = loadHits(key);
192 | entries.forEach(function(entry) {
193 | var hitsByDate = domainStats[entry.domain];
194 | markHit(entry.timestamp * 1000, hitsByDate);
195 | });
196 | });
197 |
198 | var plotData = [];
199 | junkDomains.forEach(function(domain) {
200 | addPlotRow(logPlot, plotData, domain, domainStats[domain]);
201 | });
202 | }
203 |
204 | /**
205 | * Returns true if there is enough internal log data to show a decent plot.
206 | */
207 | function enoughLogData() {
208 | return (new Date() - earliestLogTimestamp()) > MIN_HISTORY_LENGTH;
209 | }
210 |
211 | function earliestLogTimestamp() {
212 | var timestamp = null;
213 | var hitLogKeys = getLocal('hitLogKeys');
214 | hitLogKeys.forEach(function(key) {
215 | var entries = loadHits(key);
216 | entries.forEach(function(entry) {
217 | if (timestamp === null || entry.timestamp < timestamp) {
218 | timestamp = entry.timestamp;
219 | }
220 | });
221 | });
222 | return (timestamp !== null) ? new Date(timestamp * 1000) : new Date();
223 | }
224 |
225 | function clearTime(dt) {
226 | dt.setUTCMilliseconds(0);
227 | dt.setUTCSeconds(0);
228 | dt.setUTCMinutes(0);
229 | dt.setUTCHours(0);
230 | }
231 |
232 |
233 | /**
234 | * Finds hits to a given domain.
235 | *
236 | *
Finds only direct hits (usually caused by user typing in a domain). Checks common variants of
237 | * the domain.
238 | */
239 | function findDirectHits(domain, visitsHandler) {
240 | var variants = domainVariants(domain);
241 | var outstandingRequests = variants.length;
242 | var cumulativeVisits = [];
243 | variants.forEach(function(url) {
244 | chrome.history.getVisits({ url: url }, function(visits) {
245 | cumulativeVisits = cumulativeVisits.concat(visits);
246 | outstandingRequests--;
247 | if (outstandingRequests === 0) {
248 | visitsHandler(cumulativeVisits);
249 | }
250 | });
251 | });
252 | }
253 |
254 | /**
255 | * Returns variants of a given domain with.
256 | */
257 | function domainVariants(domain) {
258 | return [
259 | 'http://' + domain,
260 | 'http://www.' + domain,
261 | 'https://' + domain,
262 | 'https://www.' + domain
263 | ];
264 | }
265 |
--------------------------------------------------------------------------------
/options.js:
--------------------------------------------------------------------------------
1 | var TOP_DOMAINS_NUM = 6;
2 | var MSG_SAVED_DELAY = 2*1000;
3 |
4 | function getTopDomains(historyItems) {
5 | var typedCounts = {};
6 | // Get URL data.
7 | var domains = [];
8 | for (var i = 0; i < historyItems.length; i++) {
9 | var h = historyItems[i];
10 | if (h.url && h.typedCount) {
11 | if (h.url.slice(0, 5) == 'https')
12 | continue; // https URLs are probably not junk
13 |
14 | var url = trimWWW(trimProtocol(h.url.trim()));
15 | var domain = trimPath(url);
16 |
17 | // Special case for Google Reader.
18 | // TODO: test me
19 | var components = url.split('/');
20 | if (components.length > 1 && components[0].indexOf('google.') != -1 && components[1] == 'reader') {
21 | domain = components[0] + '/' + components[1];
22 | }
23 |
24 | if (domains.indexOf(domain) == -1) {
25 | domains.push(domain);
26 | typedCounts[domain] = h.typedCount;
27 | } else {
28 | typedCounts[domain] += h.typedCount;
29 | }
30 | }
31 | }
32 | // Sort by typed count (descending).
33 | domains.sort(function(a, b) { return typedCounts[b] - typedCounts[a]; });
34 | // Take top N.
35 | var topUrls = domains.slice(0, TOP_DOMAINS_NUM);
36 | return topUrls;
37 | } // getTopDomains
38 |
39 | function addUrlField(ulId, value) {
40 | var checkbox = document.createElement('input');
41 | checkbox.setAttribute('type', 'checkbox');
42 | checkbox.setAttribute('checked', 'checked');
43 |
44 | var input = document.createElement('input');
45 | input.setAttribute('type', 'text');
46 | input.setAttribute('class', 'domain');
47 | input.value = value;
48 |
49 | var li = document.createElement('li');
50 | li.setAttribute('class', 'domain');
51 | li.appendChild(checkbox);
52 | li.appendChild(input);
53 |
54 | var ul = document.getElementById(ulId);
55 | var button_li = ul.children[ul.children.length - 1];
56 | // Insert field before the "add domain" button.
57 | ul.insertBefore(li, button_li);
58 | }
59 |
60 | function clearDomainsFromPage(ulId) {
61 | var ul = document.getElementById(ulId);
62 | for (var i = ul.children.length-1; i >= 0; i--) {
63 | var li = ul.children[i];
64 | if (li.getAttribute('class') == 'domain')
65 | ul.removeChild(li);
66 | }
67 | }
68 |
69 | function putDomainsOnPage(ulId, placeholderId, domains) {
70 | // Put on page.
71 | for (var i = 0; i < domains.length; i++) {
72 | addUrlField(ulId, domains[i]);
73 | }
74 |
75 | // Remove placeholder, if any.
76 | var placeholder = document.getElementById(placeholderId);
77 | if (placeholder) {
78 | document.getElementById(ulId).removeChild(placeholder);
79 | }
80 | } // putDomainsOnPage
81 |
82 |
83 | function collectInputs(ulId) {
84 | var ul = document.getElementById(ulId);
85 | var domains = [];
86 | for (var i = 0; i < ul.childNodes.length; i++) {
87 | if (ul.childNodes[i].nodeName == "LI") {
88 | var li = ul.childNodes[i];
89 | var checkbox = li.childNodes[0];
90 | var input = li.childNodes[1];
91 | if (checkbox.checked && input.value.indexOf('.') != -1) {
92 | domains.push(input.value.trim());
93 | }
94 | }
95 | }
96 | return domains;
97 | }
98 |
99 |
100 | // Collect the most frequently visited domains and prepopulate the blacklist.
101 | function loadTopUrls() {
102 | var weekAgo = new Date().getTime() - 1000*3600*24*7;
103 | chrome.history.search({ text: "", startTime: weekAgo,
104 | maxResults: 1000 },
105 | function(historyItems) {
106 | var topUrls = getTopDomains(historyItems);
107 | setLocal('junkDomains', topUrls);
108 | // Not calling submitConfigChange here to give the chance for the
109 | // user to clean the domain list.
110 | putDomainsOnPage("siteBlacklist", "blacklistPlaceholder", topUrls);
111 | }
112 | );
113 | } // loadTopUrls()
114 |
115 |
116 | function addJunkDomain() {
117 | addUrlField('siteBlacklist', '');
118 | }
119 |
120 | function bindControlHandlers() {
121 | document.getElementById('add_junk_domain_button').onclick = addJunkDomain;
122 | document.getElementById('save_button').onclick = saveSettings;
123 | document.getElementById('crackbookLink').onclick = function() {
124 | chrome.tabs.create({url: 'http://crackbook.info'});
125 | }
126 | }
127 |
128 |
129 | function showSettings() {
130 | // Threshold & delay
131 | document.getElementById("dimmerThreshold").value = getLocal('dimmerThreshold');
132 | document.getElementById("dimmerDelay").value = getLocal('dimmerDelay').toFixed(2);
133 | document.getElementById("dimmerDelayIncrement").value = getLocal('dimmerDelayIncrement').toFixed(2);
134 | document.getElementById("reset_daily_flag").checked = getLocal('reset_daily_flag');
135 | document.getElementById("base_delay").value = getLocal('base_delay');
136 |
137 | document.getElementById("checkActiveTab").checked = getLocal('checkActiveTab');
138 |
139 | // Junk domains.
140 | clearDomainsFromPage('siteBlacklist');
141 | if (getLocal('junkDomains').length > 0) {
142 | putDomainsOnPage("siteBlacklist", "blacklistPlaceholder", getLocal("junkDomains"));
143 | } else {
144 | loadTopUrls();
145 | }
146 |
147 | // Schedule
148 | document.getElementById("startTime").value = renderTime(getLocal('startTime'));
149 | document.getElementById("endTime").value = renderTime(getLocal('endTime'));
150 |
151 | var currentWeekdays = getLocal('weekdays');
152 | for (var i = 0; i < 7; i++) {
153 | document.getElementById("weekday-" + i).checked = currentWeekdays.indexOf("" + i) != -1;
154 | }
155 |
156 | // Reporting
157 | if (getLocal('reporting'))
158 | document.getElementById("upload_stats").checked = true;
159 | }
160 |
161 |
162 | function saveSettings() {
163 | /* Save settings from submitted form. */
164 |
165 | var junkDomains = collectInputs("siteBlacklist");
166 | for (var i = 0; i < junkDomains.length; i++) {
167 | junkDomains[i] = trimWWW(trimProtocol(junkDomains[i]));
168 | }
169 |
170 | var dimmerThreshold = parseInt(document.getElementById("dimmerThreshold").value, 10);
171 | if (isNaN(dimmerThreshold) || dimmerThreshold < 0) {
172 | dimmerThreshold = getLocal('dimmerThreshold');
173 | }
174 |
175 | var dimmerDelay = parseFloat(document.getElementById("dimmerDelay").value);
176 | if (isNaN(dimmerDelay) || dimmerDelay < 0) {
177 | dimmerDelay = getLocal('dimmerDelay');
178 | }
179 |
180 | var dimmerDelayIncrement = parseFloat(document.getElementById("dimmerDelayIncrement").value);
181 | if (isNaN(dimmerDelayIncrement) || dimmerDelayIncrement < 0) {
182 | dimmerDelayIncrement = getLocal('dimmerDelayIncrement');
183 | }
184 |
185 | var base_delay = parseFloat(document.getElementById("base_delay").value);
186 | if (isNaN(base_delay) || base_delay < 0) {
187 | base_delay = getLocal('base_delay');
188 | }
189 |
190 | var reset_daily_flag = !!document.getElementById('reset_daily_flag').checked;
191 |
192 | var checkActiveTab = document.getElementById("checkActiveTab").checked;
193 |
194 | // TODO: better validation
195 | var startTime = parseTime(document.getElementById("startTime").value);
196 | var endTime = parseTime(document.getElementById("endTime").value);
197 |
198 | var weekdays = "";
199 | for (i = 0; i < 7; i++) {
200 | if (document.getElementById("weekday-" + i).checked)
201 | weekdays += i;
202 | }
203 |
204 | var reporting = document.getElementById("upload_stats").checked;
205 |
206 | // Write settings to storage.
207 | setLocal('reporting', reporting);
208 | setLocal('dimmerThreshold', dimmerThreshold);
209 | setLocal('dimmerDelay', dimmerDelay);
210 | setLocal('dimmerDelayIncrement', dimmerDelayIncrement);
211 | setLocal('reset_daily_flag', reset_daily_flag);
212 | setLocal('base_delay', base_delay);
213 |
214 | setLocal('checkActiveTab', checkActiveTab);
215 | setLocal('junkDomains', junkDomains);
216 | setLocal('startTime', startTime);
217 | setLocal('endTime', endTime);
218 | setLocal('weekdays', weekdays);
219 |
220 | bgPage().submitConfigChange();
221 | bgPage().updateIcon(null, true);
222 |
223 | // Re-render saved settings so that invalid settings can be seen.
224 | showSettings();
225 |
226 | // Show status message.
227 | document.getElementById('save_button').style.display = 'none';
228 | var msg = document.getElementById('saved_message');
229 | msg.style.display = 'inline'; // show the message
230 | var opacityValue = 1.0;
231 | var timeoutFn = function() {
232 | opacityValue -= 1 / 20.0;
233 | msg.style.opacity = opacityValue;
234 | if (opacityValue < 0.1) {
235 | window.close();
236 | } else {
237 | setTimeout(timeoutFn, MSG_SAVED_DELAY / 20.0);
238 | }
239 | };
240 | setTimeout(timeoutFn, MSG_SAVED_DELAY / 20.0);
241 | } // saveSettings
242 |
243 |
244 |
245 | window.onload = function() {
246 | bindControlHandlers();
247 | showSettings();
248 | };
249 |
250 |
251 | // Google Analytics
252 | var _gaq = _gaq || [];
253 | _gaq.push(['_setAccount', 'UA-6080477-5']);
254 | _gaq.push(['_trackPageview']);
255 |
256 | (function() {
257 | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
258 | ga.src = 'https://ssl.google-analytics.com/ga.js';
259 | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
260 | })();
261 |
--------------------------------------------------------------------------------
/background.js:
--------------------------------------------------------------------------------
1 | var HITNUM_FONT = '12px Arial Bold';
2 | var HITNUM_COLOR = "rgb(255,255,255)";
3 | var HITNUM_POS_X = 3;
4 | var HITNUM_POS_Y = 12;
5 | var NOTIFICATION_TEXT = 'Time to get back to work!';
6 | var API_URL = 'http://crackbook.info/api/';
7 |
8 | // TODO: the following should be configurable
9 |
10 | var NOTIFICATION_THRESHOLD = 5;
11 | var NOTIFICATION_HIT_INTERVAL = 5;
12 |
13 | var TRACING = false;
14 |
15 | function drawIcon(img_name) {
16 | img_path = "images/" + img_name;
17 | chrome.browserAction.setIcon({ path: img_path });
18 | } // drawIcon
19 |
20 | function drawTextOnBg(canvas, image, value) {
21 | var ctx = canvas.getContext('2d');
22 |
23 | ctx.drawImage(image, 0, 0);
24 |
25 | ctx.font = HITNUM_FONT;
26 | ctx.fillStyle = HITNUM_COLOR;
27 | ctx.fillText("" + value, HITNUM_POS_X, HITNUM_POS_Y);
28 |
29 | var imageData = ctx.getImageData(0, 0, 19, 19);
30 | chrome.browserAction.setIcon({imageData: imageData});
31 | } // drawTextOnBg
32 |
33 | var iconState = null;
34 |
35 | function updateIcon(active, inJunk) {
36 | if (active === null) // null or undefined
37 | active = extensionActive();
38 | if (inJunk === null) { // null or undefined
39 | chrome.tabs.getSelected(null, function(selectedTab) {
40 | var junkDomain = lookupJunkDomain(selectedTab.url);
41 | updateIcon(active, !!junkDomain);
42 | });
43 | return;
44 | }
45 |
46 | var newIcon = null;
47 |
48 | newIcon = inJunk ? 'hamburger' : 'carrot';
49 | if (!active)
50 | newIcon += '-inactive';
51 | newIcon += '-19px.png';
52 |
53 | if (iconState != newIcon) {
54 | iconState = newIcon;
55 | drawIcon(newIcon);
56 | }
57 | }
58 |
59 | function extensionActive() {
60 | var now = new Date();
61 | // Check weekday.
62 | if (getLocal('weekdays').indexOf("" + now.getDay()) == -1)
63 | return false;
64 | // Check time.
65 | var nowMins = parseTime(now.getHours() + ":" + now.getMinutes());
66 | var startTime = getLocal('startTime');
67 | var endTime = getLocal('endTime');
68 | if (startTime <= endTime) {
69 | return (startTime <= nowMins) && (nowMins <= endTime);
70 | } else {
71 | // Handle the case when, e.g. the end time is in the night (14:00-3:00).
72 | return (startTime <= nowMins) || (nowMins <= endTime);
73 | }
74 | }
75 |
76 | function shouldDimPage() {
77 | return getTodaysHits() > getLocal('dimmerThreshold');
78 | }
79 |
80 | function toQueryString(obj) {
81 | // Convert an object to a query string.
82 | var components = [];
83 | for (var k in obj) {
84 | var v = obj[k];
85 | components.push(k + '=' + encodeURIComponent(v));
86 | }
87 | return components.join('&');
88 | }
89 |
90 | function ajaxPost(url, fields) {
91 | fields['user_id'] = getLocal('user_id');
92 | fields['timestamp'] = new Date().valueOf();
93 | var xhr = new XMLHttpRequest();
94 | xhr.open("POST", url, true);
95 | xhr.send(toQueryString(fields));
96 | }
97 |
98 | function registerHit(domain, blocked, active) {
99 | var params = {domain: domain, blocked: blocked, active: active};
100 | if (getLocal('reporting')) {
101 | ajaxPost(API_URL + 'register_hit', params);
102 | }
103 | storeHit(domain, blocked, active);
104 | }
105 |
106 | function submitConfigChange() {
107 | if (getLocal('reporting'))
108 | ajaxPost(API_URL + 'register_configuration', {
109 | domains: JSON.stringify(getLocal('junkDomains')),
110 | dimmer_threshold: getLocal('dimmerThreshold'),
111 | dimmer_delay: getLocal('dimmerDelay'),
112 | dimmer_delay_increment: getLocal('dimmerDelayIncrement'),
113 | dimmer_delay_growth: '-1', // TODO: remove
114 | redirect_probability: '-1', // TODO: remove
115 | start_time: getLocal('startTime'),
116 | end_time: getLocal('endTime'),
117 | weekdays: getLocal('weekdays')
118 | });
119 | }
120 |
121 | // Returns true if the URL looks normal.
122 | // Used to avoid trying to dim special-purpose tabs.
123 | function isNormalUrl(s) {
124 | return s && ((s.indexOf('http://') === 0) || (s.indexOf('https://') === 0));
125 | }
126 |
127 | /*
128 | * Dimmer state transitions for junk pages
129 | *
130 | * handleNewPage:
131 | * - tab active --> enable dimmer
132 | * - tab inactive --> enable dimmer, suspend timer
133 | *
134 | * tabSelectionChangedHandler:
135 | * - suspend timer on previous tab
136 | * - restart timer on new tab
137 | *
138 | * windowFocusChangedHandler:
139 | * - suspend timer on previous tab
140 | * - restart timer on active tab
141 | *
142 | */
143 |
144 | var lastDimmedTabId = null;
145 |
146 | function handleNewPage(newTab, selectedTab, sendResponse) {
147 | // Every code path in this function should call sendResponse.
148 | // Collect data.
149 | var junkDomain = lookupJunkDomain(newTab.url);
150 | var active = extensionActive();
151 | var shouldDim = shouldDimPage();
152 | if (!junkDomain && getLocal('checkActiveTab')) {
153 | junkDomain = lookupJunkDomain(selectedTab.url);
154 | // TODO: This works for "open in background tab", but not for "open in
155 | // foreground tab" or "open in new window". Cover these cases by checking
156 | // the last seen tab, not just the active tab, and whether the switch was
157 | // recent.
158 | // TODO: This is easy to circumvent by immediately reloading a page. One
159 | // solution is to add a temporary blacklist of pages / domains.
160 | }
161 |
162 | // Send response.
163 | if (!(junkDomain && active && shouldDim)) {
164 | sendResponse({}); // do nothing
165 | } else {
166 | var tabIsActive = (newTab.id == selectedTab.id);
167 | sendResponse({dimmerAction: tabIsActive ? "create" : "create_suspended",
168 | delay: getLocal('dimmerDelay'),
169 | appearance: {transparent: false}});
170 | if (tabIsActive) {
171 | lastDimmedTabId = newTab.id;
172 | }
173 | }
174 |
175 | // Tracking and logging.
176 | updateIcon(null, !!junkDomain);
177 | if (junkDomain) {
178 | if (active) {
179 | incrementJunkCounter(junkDomain);
180 | increaseDimmerDelay();
181 | }
182 | registerHit(junkDomain, shouldDim, active);
183 | }
184 | }
185 |
186 | function increaseDimmerDelay() {
187 | var newDelay = getLocal('dimmerDelay') + getLocal('dimmerDelayIncrement');
188 | setLocal('dimmerDelay', newDelay);
189 | }
190 |
191 | function tabSelectionChangedHandler(tabId, selectInfo) {
192 | if (lastDimmedTabId) {
193 | invokeDimmer(lastDimmedTabId, "suspend");
194 | lastDimmedTabId = null;
195 | }
196 |
197 | chrome.tabs.get(tabId, function(tab) {
198 | if (isNormalUrl(tab.url)) {
199 | // If the page was opened from a junk page, the following check will not
200 | // indicate that this page is junk. Only the icon is affected though.
201 | var junkDomain = lookupJunkDomain(tab.url);
202 | updateIcon(null, !!junkDomain);
203 | invokeDimmer(tabId, "resume");
204 | lastDimmedTabId = tabId;
205 | }
206 | });
207 | }
208 |
209 | function windowFocusChangedHandler(windowId) {
210 | if (lastDimmedTabId) {
211 | // TODO: What if that tab does not exist any more?
212 | invokeDimmer(lastDimmedTabId, "suspend");
213 | lastDimmedTabId = null;
214 | }
215 |
216 | if (windowId != chrome.windows.WINDOW_ID_NONE) {
217 | chrome.tabs.getSelected(windowId, function(tab) {
218 | if (isNormalUrl(tab.url)) {
219 | var junkDomain = lookupJunkDomain(tab.url);
220 | updateIcon(null, !!junkDomain);
221 | if (junkDomain && shouldDimPage()) {
222 | invokeDimmer(tab.id, "resume");
223 | lastDimmedTabId = tab.id;
224 | }
225 | }
226 | });
227 | }
228 | }
229 |
230 | // A wrapper function that also figures out the selected tab.
231 | function newPageHandler(request, sender, sendResponse) {
232 | chrome.tabs.getSelected(null, function(selectedTab) {
233 | handleNewPage(sender.tab, selectedTab, sendResponse);
234 | });
235 | }
236 |
237 | function showNotification() {
238 | var notification_obj = webkitNotifications.createNotification(
239 | 'images/hamburger-128px.png',
240 | NOTIFICATION_TEXT,
241 | "");
242 | notification_obj.show();
243 | window.setTimeout(function() { notification_obj.cancel(); }, 3000);
244 | }
245 |
246 | function incrementJunkCounter(domain) {
247 | var today = todayAsString();
248 | var day = getLocal('day');
249 | var hits = getLocal('dayHits');
250 | if (day == today) {
251 | hits += 1;
252 | } else {
253 | setLocal('day', today);
254 | hits = 1;
255 | }
256 | setLocal('dayHits', hits);
257 |
258 | // Also, if the day changed and reset_daily_flag is set, reset.
259 | if (day != today && getLocal('reset_daily_flag')) {
260 | setLocal('dimmerDelay', getLocal('base_delay'));
261 | }
262 |
263 | chrome.browserAction.setBadgeText({text: "" + hits});
264 | setTimeout(function() { chrome.browserAction.setBadgeText({text: ''}); },
265 | 3000);
266 |
267 | // Show notification if needed.
268 | if (hits > NOTIFICATION_THRESHOLD && (hits % NOTIFICATION_HIT_INTERVAL === 0))
269 | // If hits >= dimmerThreshold, the notification is not needed any
270 | // more as the dimmer kicks in.
271 | if (hits < getLocal('dimmerThreshold'))
272 | showNotification();
273 | }
274 |
275 | function invokeDimmer(tabId, dimmerAction) {
276 | // Dim the page and start (or restart) the timer.
277 | //
278 | // Actions:
279 | // - "create": a dimmer is created on the page if it is not already there and a timer is started
280 | // - "create_suspended": a dimmer is created on the page if it is not already there, no timer is started
281 | // - "suspend": the countdown is suspended if there is a dimmer on the page
282 | // - "resume": the countdown is resumed if there is a dimmer on the page
283 | if (TRACING) {
284 | console.log("Invoking action: " + tabId + " -> " + dimmerAction);
285 | }
286 | var primer_code = "if (window.invoke_dimmer) { invoke_dimmer('" + dimmerAction + "'); }";
287 | chrome.tabs.executeScript(tabId, { code: primer_code });
288 | }
289 |
290 | function initIcon() {
291 | updateIcon(null, false);
292 | }
293 |
294 | function initUserID() {
295 | var user_id = getLocal('user_id');
296 | if (user_id === 0)
297 | setLocal('user_id', Math.floor(Math.random() * 256*256*256*127));
298 | }
299 |
300 | function initExtension() {
301 | initUserID();
302 | chrome.extension.onRequest.addListener(newPageHandler);
303 | chrome.tabs.onSelectionChanged.addListener(tabSelectionChangedHandler);
304 | chrome.windows.onFocusChanged.addListener(windowFocusChangedHandler);
305 | initIcon();
306 |
307 | if (getLocal('junkDomains').length === 0)
308 | chrome.tabs.create({ url: "options.html" });
309 | }
310 |
311 | initExtension();
312 |
313 | // Google Analytics
314 | var _gaq = _gaq || [];
315 | _gaq.push(['_setAccount', 'UA-6080477-5']);
316 | _gaq.push(['_trackPageview']);
317 |
318 | (function() {
319 | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
320 | ga.src = 'https://ssl.google-analytics.com/ga.js';
321 | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
322 | })();
323 |
--------------------------------------------------------------------------------
/images/promo-image.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
439 |
--------------------------------------------------------------------------------
/flot/jquery.min.js:
--------------------------------------------------------------------------------
1 | /*
2 | * jQuery JavaScript Library v1.5.1
3 | * http://jquery.com/
4 | *
5 | * Copyright 2011, John Resig
6 | * Dual licensed under the MIT or GPL Version 2 licenses.
7 | * http://jquery.org/license
8 | *
9 | * Includes Sizzle.js
10 | * http://sizzlejs.com/
11 | * Copyright 2011, The Dojo Foundation
12 | * Released under the MIT, BSD, and GPL Licenses.
13 | *
14 | * Date: Wed Feb 23 13:55:29 2011 -0500
15 | */
16 | (function(aY,H){var al=aY.document;var a=(function(){var bn=function(bI,bJ){return new bn.fn.init(bI,bJ,bl)},bD=aY.jQuery,bp=aY.$,bl,bH=/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,bv=/\S/,br=/^\s+/,bm=/\s+$/,bq=/\d/,bj=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,bw=/^[\],:{}\s]*$/,bF=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,by=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,bs=/(?:^|:|,)(?:\s*\[)+/g,bh=/(webkit)[ \/]([\w.]+)/,bA=/(opera)(?:.*version)?[ \/]([\w.]+)/,bz=/(msie) ([\w.]+)/,bB=/(mozilla)(?:.*? rv:([\w.]+))?/,bG=navigator.userAgent,bE,bC=false,bk,e="then done fail isResolved isRejected promise".split(" "),bd,bu=Object.prototype.toString,bo=Object.prototype.hasOwnProperty,bi=Array.prototype.push,bt=Array.prototype.slice,bx=String.prototype.trim,be=Array.prototype.indexOf,bg={};bn.fn=bn.prototype={constructor:bn,init:function(bI,bM,bL){var bK,bN,bJ,bO;if(!bI){return this}if(bI.nodeType){this.context=this[0]=bI;this.length=1;return this}if(bI==="body"&&!bM&&al.body){this.context=al;this[0]=al.body;this.selector="body";this.length=1;return this}if(typeof bI==="string"){bK=bH.exec(bI);if(bK&&(bK[1]||!bM)){if(bK[1]){bM=bM instanceof bn?bM[0]:bM;bO=(bM?bM.ownerDocument||bM:al);bJ=bj.exec(bI);if(bJ){if(bn.isPlainObject(bM)){bI=[al.createElement(bJ[1])];bn.fn.attr.call(bI,bM,true)}else{bI=[bO.createElement(bJ[1])]}}else{bJ=bn.buildFragment([bK[1]],[bO]);bI=(bJ.cacheable?bn.clone(bJ.fragment):bJ.fragment).childNodes}return bn.merge(this,bI)}else{bN=al.getElementById(bK[2]);if(bN&&bN.parentNode){if(bN.id!==bK[2]){return bL.find(bI)}this.length=1;this[0]=bN}this.context=al;this.selector=bI;return this}}else{if(!bM||bM.jquery){return(bM||bL).find(bI)}else{return this.constructor(bM).find(bI)}}}else{if(bn.isFunction(bI)){return bL.ready(bI)}}if(bI.selector!==H){this.selector=bI.selector;this.context=bI.context}return bn.makeArray(bI,this)},selector:"",jquery:"1.5.1",length:0,size:function(){return this.length},toArray:function(){return bt.call(this,0)},get:function(bI){return bI==null?this.toArray():(bI<0?this[this.length+bI]:this[bI])},pushStack:function(bJ,bL,bI){var bK=this.constructor();if(bn.isArray(bJ)){bi.apply(bK,bJ)}else{bn.merge(bK,bJ)}bK.prevObject=this;bK.context=this.context;if(bL==="find"){bK.selector=this.selector+(this.selector?" ":"")+bI}else{if(bL){bK.selector=this.selector+"."+bL+"("+bI+")"}}return bK},each:function(bJ,bI){return bn.each(this,bJ,bI)},ready:function(bI){bn.bindReady();bk.done(bI);return this},eq:function(bI){return bI===-1?this.slice(bI):this.slice(bI,+bI+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(bt.apply(this,arguments),"slice",bt.call(arguments).join(","))},map:function(bI){return this.pushStack(bn.map(this,function(bK,bJ){return bI.call(bK,bJ,bK)}))},end:function(){return this.prevObject||this.constructor(null)},push:bi,sort:[].sort,splice:[].splice};bn.fn.init.prototype=bn.fn;bn.extend=bn.fn.extend=function(){var bR,bK,bI,bJ,bO,bP,bN=arguments[0]||{},bM=1,bL=arguments.length,bQ=false;if(typeof bN==="boolean"){bQ=bN;bN=arguments[1]||{};bM=2}if(typeof bN!=="object"&&!bn.isFunction(bN)){bN={}}if(bL===bM){bN=this;--bM}for(;bM0){return}bk.resolveWith(al,[bn]);if(bn.fn.trigger){bn(al).trigger("ready").unbind("ready")}}},bindReady:function(){if(bC){return}bC=true;if(al.readyState==="complete"){return setTimeout(bn.ready,1)}if(al.addEventListener){al.addEventListener("DOMContentLoaded",bd,false);aY.addEventListener("load",bn.ready,false)}else{if(al.attachEvent){al.attachEvent("onreadystatechange",bd);aY.attachEvent("onload",bn.ready);var bI=false;try{bI=aY.frameElement==null}catch(bJ){}if(al.documentElement.doScroll&&bI){bf()}}}},isFunction:function(bI){return bn.type(bI)==="function"},isArray:Array.isArray||function(bI){return bn.type(bI)==="array"},isWindow:function(bI){return bI&&typeof bI==="object"&&"setInterval" in bI},isNaN:function(bI){return bI==null||!bq.test(bI)||isNaN(bI)},type:function(bI){return bI==null?String(bI):bg[bu.call(bI)]||"object"},isPlainObject:function(bJ){if(!bJ||bn.type(bJ)!=="object"||bJ.nodeType||bn.isWindow(bJ)){return false}if(bJ.constructor&&!bo.call(bJ,"constructor")&&!bo.call(bJ.constructor.prototype,"isPrototypeOf")){return false}var bI;for(bI in bJ){}return bI===H||bo.call(bJ,bI)},isEmptyObject:function(bJ){for(var bI in bJ){return false}return true},error:function(bI){throw bI},parseJSON:function(bI){if(typeof bI!=="string"||!bI){return null}bI=bn.trim(bI);if(bw.test(bI.replace(bF,"@").replace(by,"]").replace(bs,""))){return aY.JSON&&aY.JSON.parse?aY.JSON.parse(bI):(new Function("return "+bI))()}else{bn.error("Invalid JSON: "+bI)}},parseXML:function(bK,bI,bJ){if(aY.DOMParser){bJ=new DOMParser();bI=bJ.parseFromString(bK,"text/xml")}else{bI=new ActiveXObject("Microsoft.XMLDOM");bI.async="false";bI.loadXML(bK)}bJ=bI.documentElement;if(!bJ||!bJ.nodeName||bJ.nodeName==="parsererror"){bn.error("Invalid XML: "+bK)}return bI},noop:function(){},globalEval:function(bK){if(bK&&bv.test(bK)){var bJ=al.head||al.getElementsByTagName("head")[0]||al.documentElement,bI=al.createElement("script");if(bn.support.scriptEval()){bI.appendChild(al.createTextNode(bK))}else{bI.text=bK}bJ.insertBefore(bI,bJ.firstChild);bJ.removeChild(bI)}},nodeName:function(bJ,bI){return bJ.nodeName&&bJ.nodeName.toUpperCase()===bI.toUpperCase()},each:function(bL,bP,bK){var bJ,bM=0,bN=bL.length,bI=bN===H||bn.isFunction(bL);if(bK){if(bI){for(bJ in bL){if(bP.apply(bL[bJ],bK)===false){break}}}else{for(;bM1){var bN=bt.call(arguments,0),bL=bO,bK=function(bP){return function(bQ){bN[bP]=arguments.length>1?bt.call(arguments,0):bQ;if(!(--bL)){bI.resolveWith(bM,bN)}}};while((bO--)){bJ=bN[bO];if(bJ&&bn.isFunction(bJ.promise)){bJ.promise().then(bK(bO),bI.reject)}else{--bL}}if(!bL){bI.resolveWith(bM,bN)}}else{if(bI!==bJ){bI.resolve(bJ)}}return bM},uaMatch:function(bJ){bJ=bJ.toLowerCase();var bI=bh.exec(bJ)||bA.exec(bJ)||bz.exec(bJ)||bJ.indexOf("compatible")<0&&bB.exec(bJ)||[];return{browser:bI[1]||"",version:bI[2]||"0"}},sub:function(){function bJ(bL,bM){return new bJ.fn.init(bL,bM)}bn.extend(true,bJ,this);bJ.superclass=this;bJ.fn=bJ.prototype=this();bJ.fn.constructor=bJ;bJ.subclass=this.subclass;bJ.fn.init=function bK(bL,bM){if(bM&&bM instanceof bn&&!(bM instanceof bJ)){bM=bJ(bM)}return bn.fn.init.call(this,bL,bM,bI)};bJ.fn.init.prototype=bJ.fn;var bI=bJ(al);return bJ},browser:{}});bk=bn._Deferred();bn.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(bJ,bI){bg["[object "+bI+"]"]=bI.toLowerCase()});bE=bn.uaMatch(bG);if(bE.browser){bn.browser[bE.browser]=true;bn.browser.version=bE.version}if(bn.browser.webkit){bn.browser.safari=true}if(be){bn.inArray=function(bI,bJ){return be.call(bJ,bI)}}if(bv.test("\xA0")){br=/^[\s\xA0]+/;bm=/[\s\xA0]+$/}bl=bn(al);if(al.addEventListener){bd=function(){al.removeEventListener("DOMContentLoaded",bd,false);bn.ready()}}else{if(al.attachEvent){bd=function(){if(al.readyState==="complete"){al.detachEvent("onreadystatechange",bd);bn.ready()}}}}function bf(){if(bn.isReady){return}try{al.documentElement.doScroll("left")}catch(bI){setTimeout(bf,1);return}bn.ready()}return bn})();(function(){a.support={};var bd=al.createElement("div");bd.style.display="none";bd.innerHTML="
28 | Mark as junk
29 | 
35 | Configure...
36 |
37 | 
42 | Statistics
43 |
44 |