├── .gitignore
├── LICENSE
├── README.md
├── destroy.psd
├── destroy128.png
├── destroy19.png
├── destroy38.png
├── destroy48.png
├── destroyer.js
├── manifest.json
├── popup.html
├── popup.jhtml
├── popup.js
├── raindrop.min.js
├── templates.js
└── xtab.sketch


/.gitignore:
--------------------------------------------------------------------------------
1 | xtab.zip
2 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2017 Craig Campbell
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, 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,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | **PLEASE NOTE** Version 1.0.0 and later of this extension will no longer be open source and will be developed in private. The version 0.3.0 code here will remain licensed under the MIT license, and this repo will still be used to track issues and feature suggestions.
 2 | 
 3 | # xTab
 4 | 
 5 | <img width="175" height="96" src="https://user-images.githubusercontent.com/259316/55256280-11fb4380-5233-11e9-88e8-800475180e93.png" />
 6 | 
 7 | Chrome extension for limiting the total number of tabs you can have open at the same time.
 8 | 
 9 | ## Install it here:
10 | 
11 | https://chrome.google.com/webstore/detail/xtab/amddgdnlkmohapieeekfknakgdnpbleb
12 | 
13 | ## Enterprise use
14 | 
15 | For enterprise users who are looking to lock specific settings using a group policy for a large installation please see https://xtab.app for more information.
16 | 
17 | ### What’s new in version 1.0.0
18 | 
19 | - Rearchitected to support additional functionality and custom builds.
20 | - Updated the pop up UI to make it simpler to understand what the different options do
21 | - Added an option to prevent tabs that are playing audio from being closed by the extension (enabled by default)
22 | - Added an option to recycle existing tabs. This means that instead of closing an old tab it will reuse the old tab and move it into the new position. This allows you to use the back button to get back to a tab that has been closed (disabled by default)
23 | - Added a page that shows up in place of a new tab if you have the extension set to block new tabs from opening (enabled by default)
24 | - Added an option to block tabs from opening without showing a page (disabled by default)
25 | - Added new xTab logo to popup menu
26 | - Updated extension icon 
27 | - Updated extension logo
28 | - Improved handling of tabs you have never been to
29 | - Decreased amount of time until a tab is considered active to prevent cases where sometimes a tab doesn’t get closed even though you have been to it 
30 | - Reduced number of options in tab limit dropdown
31 | 


--------------------------------------------------------------------------------
/destroy.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ccampbell/xtab/a6b32866f4a43cb3fd06e13b5d6331d6df583dba/destroy.psd


--------------------------------------------------------------------------------
/destroy128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ccampbell/xtab/a6b32866f4a43cb3fd06e13b5d6331d6df583dba/destroy128.png


--------------------------------------------------------------------------------
/destroy19.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ccampbell/xtab/a6b32866f4a43cb3fd06e13b5d6331d6df583dba/destroy19.png


--------------------------------------------------------------------------------
/destroy38.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ccampbell/xtab/a6b32866f4a43cb3fd06e13b5d6331d6df583dba/destroy38.png


--------------------------------------------------------------------------------
/destroy48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ccampbell/xtab/a6b32866f4a43cb3fd06e13b5d6331d6df583dba/destroy48.png


--------------------------------------------------------------------------------
/destroyer.js:
--------------------------------------------------------------------------------
  1 | /* globals $, chrome */
  2 | var usedOn = {};
  3 | var openedOn = {};
  4 | var accessed = {};
  5 | var activeTabId;
  6 | var timeout;
  7 | var activeInterval = 2500;
  8 | 
  9 | function _debug() {
 10 |     // console.log.apply(console, arguments);
 11 | }
 12 | 
 13 | function _getMax() {
 14 |     return parseInt(localStorage.max || 20);
 15 | }
 16 | 
 17 | function _getAlgo() {
 18 |     return localStorage.algo || 'used';
 19 | }
 20 | 
 21 | function _markActive(tabId) {
 22 |     _debug('marked active', tabId);
 23 |     usedOn[tabId] = new Date().getTime();
 24 |     accessed[tabId] += 1;
 25 | }
 26 | 
 27 | function _handleTabActivated(data) {
 28 |     var tabId = data.tabId;
 29 |     activeTabId = tabId;
 30 |     _debug('activated', tabId);
 31 | 
 32 |     clearTimeout(timeout);
 33 | 
 34 |     // after 3 seconds mark this tab as active
 35 |     // this is so if you are quickly switching tabs
 36 |     // they are not considered active
 37 |     timeout = setTimeout(function() {
 38 |         _markActive(tabId);
 39 |     }, activeInterval);
 40 | }
 41 | 
 42 | function _handleTabRemoved(tabId) {
 43 |     clearTimeout(timeout);
 44 | 
 45 |     _debug('removed', tabId);
 46 |     delete usedOn[tabId];
 47 |     delete openedOn[tabId];
 48 |     delete accessed[tabId];
 49 | }
 50 | 
 51 | function _handleTabReplaced(newTabId, oldTabId) {
 52 |     if (usedOn[oldTabId]) {
 53 |         usedOn[newTabId] = usedOn[oldTabId];
 54 |     }
 55 | 
 56 |     if (openedOn[oldTabId]) {
 57 |         openedOn[newTabId] = openedOn[oldTabId];
 58 |     }
 59 | 
 60 |     if (accessed[oldTabId]) {
 61 |         accessed[newTabId] = accessed[oldTabId];
 62 |     }
 63 | 
 64 |     delete usedOn[oldTabId];
 65 |     delete openedOn[oldTabId];
 66 |     delete accessed[oldTabId];
 67 | }
 68 | 
 69 | function _removeTab(tabId) {
 70 |     _debug('_removeTab', tabId);
 71 |     if (tabId) {
 72 |         chrome.tabs.remove(tabId, function() {});
 73 |         // _handleTabRemoved(tabId);
 74 |     }
 75 | }
 76 | 
 77 | function _getLowestIn(data, tabs) {
 78 |     var lowest;
 79 |     var lowestIndex;
 80 |     var tabId;
 81 |     var value;
 82 |     for (var i = 0; i < tabs.length; i++) {
 83 |         tabId = tabs[i].id;
 84 | 
 85 |         // never close the currently active tab
 86 |         if (tabId === activeTabId) {
 87 |             continue;
 88 |         }
 89 | 
 90 |         // if you have never been to this tab then skip it
 91 |         if (!usedOn.hasOwnProperty(tabId) || !data.hasOwnProperty(tabId)) {
 92 |             continue;
 93 |         }
 94 | 
 95 |         value = data[tabId] || 0;
 96 | 
 97 |         if (lowest === undefined) {
 98 |             lowest = value;
 99 |         }
100 | 
101 |         if (value <= lowest) {
102 |             lowestIndex = i;
103 |             lowest = value;
104 |         }
105 |     }
106 | 
107 |     return lowestIndex;
108 | }
109 | 
110 | function _removeLeastAccessed(tabs) {
111 |     var removeTabIndex = _getLowestIn(accessed, tabs);
112 |     if (removeTabIndex >= 0) {
113 |         _removeTab(tabs[removeTabIndex].id);
114 |         tabs.splice(removeTabIndex, 1);
115 |     }
116 |     return tabs;
117 | }
118 | 
119 | function _removeOldest(tabs) {
120 |     var removeTabIndex = _getLowestIn(openedOn, tabs);
121 |     if (removeTabIndex >= 0) {
122 |         _removeTab(tabs[removeTabIndex].id);
123 |         tabs.splice(removeTabIndex, 1);
124 |     }
125 |     return tabs;
126 | }
127 | 
128 | function _removeLeastRecentlyUsed(tabs) {
129 |     var removeTabIndex = _getLowestIn(usedOn, tabs);
130 |     if (removeTabIndex >= 0) {
131 |         _removeTab(tabs[removeTabIndex].id);
132 |         tabs.splice(removeTabIndex, 1);
133 |     }
134 |     return tabs;
135 | }
136 | 
137 | function _removeTabs(tabs) {
138 |     var length = tabs.length;
139 |     _debug('there are', tabs.length, 'tabs open');
140 |     _debug('max is', _getMax());
141 |     while (length >= _getMax()) {
142 |         _debug('removing a tab with length', length);
143 |         switch (_getAlgo()) {
144 |             case 'oldest':
145 |                 tabs = _removeOldest(tabs);
146 |                 break;
147 |             case 'accessed':
148 |                 tabs = _removeLeastAccessed(tabs);
149 |                 break;
150 |             default:
151 |                 tabs = _removeLeastRecentlyUsed(tabs);
152 |                 break;
153 |         }
154 |         length -= 1;
155 |     }
156 | }
157 | 
158 | function _handleTabAdded(data) {
159 |     var tabId = data.id || data;
160 | 
161 |     _debug('added', tabId);
162 | 
163 |     // find tab to remove
164 |     chrome.tabs.query({currentWindow: true}, function(tabs) {
165 |         tabs = tabs.filter(function(tab) {
166 |             return !tab.pinned && tab.id != tabId;
167 |         });
168 | 
169 |         _debug('Total tabs', tabs.length);
170 |         _debug('Max tabs', _getMax());
171 | 
172 |         if (tabs.length >= _getMax()) {
173 | 
174 |             // If this is set to block just immediately remove this tab before
175 |             // even adding info about it
176 |             if (_getAlgo() === 'block') {
177 |                 _removeTab(tabId);
178 |                 return;
179 |             }
180 | 
181 |             _removeTabs(tabs);
182 |         }
183 | 
184 |         openedOn[tabId] = new Date().getTime();
185 |         accessed[tabId] = 0;
186 |     });
187 | }
188 | 
189 | function _bindEvents() {
190 |     chrome.tabs.onActivated.addListener(_handleTabActivated);
191 |     chrome.tabs.onCreated.addListener(_handleTabAdded);
192 |     chrome.tabs.onAttached.addListener(_handleTabAdded);
193 |     chrome.tabs.onRemoved.addListener(_handleTabRemoved);
194 |     chrome.tabs.onDetached.addListener(_handleTabRemoved);
195 |     chrome.tabs.onReplaced.addListener(_handleTabReplaced);
196 | }
197 | 
198 | function _init() {
199 | 
200 |     // on startup loop through all existing tabs and set them to active
201 |     // this is only needed so that if you first install the extension
202 |     // or bring a bunch of tabs in on startup it will work
203 |     //
204 |     // setting the time to their tab id ensures they will be closed in
205 |     // the order they were opened in and there is no way to figure
206 |     // out what time a tab was opened from chrome apis
207 |     chrome.tabs.query({}, function(tabs) {
208 |         for (var i = 0; i < tabs.length; i++) {
209 |             if (!usedOn.hasOwnProperty(tabs[i].id)) {
210 |                 openedOn[tabs[i].id] = tabs[i].id;
211 |                 usedOn[tabs[i].id] = tabs[i].id;
212 |                 accessed[tabs[i].id] = 0;
213 |             }
214 |         }
215 | 
216 |         _bindEvents();
217 |     });
218 | }
219 | 
220 | $.ready(_init);
221 | 


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "manifest_version": 2,
 3 |     "name": "xTab",
 4 |     "author": "Craig Campbell",
 5 |     "version": "0.3.0",
 6 |     "description": "Limit maximum number of open tabs",
 7 |     "icons": {
 8 |         "16": "destroy19.png",
 9 |         "48": "destroy48.png",
10 |         "128": "destroy128.png"
11 |     },
12 |     "permissions": ["tabs"],
13 |     "browser_action": {
14 |         "default_title": "xTab",
15 |         "default_icon": "destroy38.png",
16 |         "default_popup": "popup.html"
17 |     },
18 |     "background": {
19 |         "scripts": ["raindrop.min.js", "destroyer.js"]
20 |     }
21 | }
22 | 


--------------------------------------------------------------------------------
/popup.html:
--------------------------------------------------------------------------------
 1 | <style>
 2 | body {
 3 |     font-size: 0.75em;
 4 |     background: #f8f8f8;
 5 |     color: #111;
 6 |     font-family: Helvetica,Arial,sans-serif;
 7 |     /*text-align: center;*/
 8 |     padding: 5px 10px;
 9 |     width: 175px;
10 | }
11 | 
12 | h1 {
13 |     margin: 0;
14 | }
15 | 
16 | h2 {
17 |     font-size: 1em;
18 |     color: #333;
19 |     font-weight: 600;
20 |     margin: 15px 0 4px 0;
21 | }
22 | 
23 | select, #input-max {
24 |     width: 100px;
25 | }
26 | 
27 | select {
28 |     font-size: 1.3em;
29 | }
30 | 
31 | #input-max {
32 |     padding: 2px;
33 |     font-size: 1.3em;
34 |     margin: 5px 0;
35 |     display: none;
36 | }
37 | 
38 | label {
39 |     width: 175px;
40 |     text-align: left;
41 |     padding: 0;
42 |     display: block;
43 | }
44 | 
45 | form {
46 |     margin: 0;
47 | }
48 | 
49 | input[type=radio] {
50 |     margin-right: 5px;
51 |     padding: 0;
52 | }
53 | 
54 | .donate {
55 |     border-top: 1px dashed #888;
56 |     padding-top: 25px;
57 |     margin-top: 25px;
58 | }
59 | 
60 | </style>
61 | <body></body>
62 | <script src="raindrop.min.js"></script>
63 | <script src="templates.js"></script>
64 | <script src="popup.js"></script>
65 | 


--------------------------------------------------------------------------------
/popup.jhtml:
--------------------------------------------------------------------------------
 1 | <h1>xTab</h1>
 2 | 
 3 | <form>
 4 |     <h2>Maximum Tabs:</h2>
 5 |     <select id="max" name="max">
 6 |         {% var hasMatch %}
 7 |         {% var match %}
 8 |         {% for (var key in args.options) %}
 9 |             {% match = max == key; %}
10 |             {% if (match) %}
11 |                 {% hasMatch = true %}
12 |             {% end %}
13 |             <option value="{{ key }}"{% if (match) %} selected{% end %}>{{ options[key] }}</option>
14 |         {% end %}
15 |         <option value="other"{% if (!hasMatch) %} selected{% end %}>Other...</option>
16 |     </select>
17 | 
18 |     <input type="number" name="max" id="input-max"{% if (!hasMatch) %} style="display: block;" value="{{ max }}"{% end %}>
19 | 
20 |     <h2>Close existing tab:</h2>
21 |     <label><input type="radio" name="algo" value="used"{% if (algo == 'used') %} checked{% end %}>Least recently used</label>
22 |     <label><input type="radio" name="algo" value="accessed"{% if (algo == 'accessed') %} checked{% end %}>Least accessed</label>
23 |     <label><input type="radio" name="algo" value="oldest"{% if (algo == 'oldest') %} checked{% end %}>Oldest</label>
24 |     <h2>Block new tab:</h2>
25 |     <label><input type="radio" name="algo" value="block"{% if (algo == 'block') %} checked{% end %}>Block new tabs from opening</label>
26 | </form>
27 | 
28 | <div class="donate">
29 |     <iframe src="https://donatefor.me/craig" width="100%" height="187" frameborder="0"></iframe>
30 | </div>
31 | 


--------------------------------------------------------------------------------
/popup.js:
--------------------------------------------------------------------------------
 1 | /* global $, Aftershave */
 2 | function _handleChange() {
 3 |     var input = $('#input-max');
 4 |     if (this.value === 'other') {
 5 |         input.show();
 6 |         input.trigger('focus');
 7 |         return;
 8 |     }
 9 | 
10 |     localStorage.max = this.value;
11 |     input.hide();
12 | }
13 | 
14 | function _saveMax() {
15 |     var input = $('#input-max');
16 |     localStorage.max = input.val();
17 | }
18 | 
19 | function _saveAlgo() {
20 |     localStorage.algo = this.value;
21 | }
22 | 
23 | function _run() {
24 |     var options = {
25 |         10: 10,
26 |         15: 15,
27 |         20: 20,
28 |         25: 25,
29 |         30: 30,
30 |         35: 35,
31 |         40: 40,
32 |         45: 45,
33 |         50: 50
34 |     };
35 | 
36 |     var algo = localStorage.algo || 'used';
37 |     var max = parseInt(localStorage.max || 20);
38 |     $('body').html(Aftershave.render('popup', {options: options, algo: algo, max: max}));
39 | }
40 | 
41 | $.ready(function() {
42 |     $(document).on('change', 'select', _handleChange);
43 |     $(document).on('change', '#input-max', _saveMax);
44 |     $(document).on('change', 'input[type=radio]', _saveAlgo);
45 |     _run();
46 | });
47 | 


--------------------------------------------------------------------------------
/raindrop.min.js:
--------------------------------------------------------------------------------
 1 | /* raindrop v0.2.4 */'use strict';(function(){function a(e,b){if(!(this instanceof a)){if("string"===typeof e){if(!document.querySelectorAll)return new a;var g=(b?b[0]:document).querySelectorAll(e);if(1!==g.length)return new a(g);e=g[0]}return e&&e.__rid?d[e.__rid]:new a(e)}if(!e)return this.length=0,this;c++;if(e.nodeType||e===window)e.__rid=c,e={"0":e,length:1};this.id=c;f(this,e);this.length=e.length;d[c]=this}function f(e,a){for(var d in a)a.hasOwnProperty(d)&&(e[d]=a[d]);return e}var c=0,b,d={};a.ready=function(e){var a;
 2 | document.addEventListener("DOMContentLoaded",a=function(){document.removeEventListener("DOMContentLoaded",a,!1);e()},!1)};a.extend=f;a.matches=function(e,a){var d;b||(e.matches&&(b=e.matches),e.webkitMatchesSelector&&(b=e.webkitMatchesSelector),e.mozMatchesSelector&&(b=e.mozMatchesSelector),e.msMatchesSelector&&(b=e.msMatchesSelector),e.oMatchesSelector&&(b=e.oMatchesSelector),b||(b=function(){}));d=b;return d.call(e,a)};a.prototype.each=function(e){for(var a=0;a<this.length&&!1!==e.call(this[a],
 3 | a);a++);};window.Raindrop=window.$=a})();
 4 | (function(a){function f(e,d,c){if("_root"==d)return c;if(e!==c){if(a.matches(e,d))return e;if(e.parentNode)return b++,f(e.parentNode,d,c)}}function c(e,c,g,m,n,t,u){function v(g){return function(h){a:{var m=e.id,j=c;if(d[m][g]){var l=h.target,n,p,k={},q=p=0;b=0;for(n in d[m][g])if(d[m][g].hasOwnProperty(n)&&(p=f(l,n,j))&&a.matchesEvent(g,j,p,"_root"==n,h))b++,d[m][g][n].match=p,k[b]=d[m][g][n];h.stopPropagation=function(){h.cancelBubble=!0};for(p=0;p<=b;p++)if(k[p])for(q=0;q<k[p].length;q++){if(!1===
 5 | k[p][q].call(k[p].match,h)){a.cancel(h);break a}if(h.cancelBubble)break a}}}}}g instanceof Array||(g=[g]);!n&&"function"==typeof m&&(n=m,m="_root");c.bound=c.bound||{};for(var k=0;k<g.length;k++)if(c.bound[g[k]]||(a._addEvent(c,g[k],v(g[k])),c.bound[g[k]]=1),t)if(u){var h=e.id,j=g[k],l=m,q=n;if(d[h])if(j)if(!q&&!l)d[h][j]={};else if(q){if(d[h][j][l])for(var r=0;r<d[h][j][l].length;r++)if(d[h][j][l][r]===q){d[h][j][l].splice(r,1);break}}else delete d[h][j][l];else for(j in j=void 0,d[h])d[h].hasOwnProperty(j)&&
 6 | (d[h][j]={})}else h=e.id,j=g[k],l=m,q=n,d[h]||(d[h]={}),d[h][j]||(d[h][j]={}),d[h][j][l]||(d[h][j][l]=[]),d[h][j][l].push(q)}var b=0,d={};a._addEvent=function(a,d,c){"mouseenter"==d&&(d="mouseover");"mouseleave"==d&&(d="mouseout");a.addEventListener(d,c,"blur"==d||"focus"==d)};a.matchesEvent=function(d,a,c,b,f){return"mouseenter"==d||"mouseleave"==d?(d=f.relatedTarget?b&&a!==c?!1:c===f.relatedTarget?!1:c===window||c.contains(f.relatedTarget)?!1:!0:!0,d):!0};a.cancel=function(d){d.preventDefault();
 7 | d.stopPropagation()};a.prototype.on=function(d,a,b){for(var f=0;f<this.length;f++)c(this,this[f],d,a,b,0===f);return this};a.prototype.off=function(d,a,b){for(var f=0;f<this.length;f++)c(this,this[f],d,a,b,0===f,!0);return this};a.prototype.trigger=function(d){for(var a=0;a<this.length;a++){if("function"===typeof this[a][d])this[a][d]();if("focus"===d)break}}})(Raindrop);
 8 | (function(a){function f(c,b){return!c?!1:1!==c.nodeType?!0:!b?!1:!a.matches(c,b)}a.prototype.attr=function(a,b){if(void 0===b)return!this.length?void 0:this[0].getAttribute(a);for(var d=0;d<this.length;d++)this[d].setAttribute(a,b);return this};a.prototype.prop=function(a,b){if(void 0===b)return!this.length?void 0:this[0][a];for(var d=0;d<this.length;d++)this[d][a]=b;return this};a.prototype.is=function(c){return!this.length?!1:":"!=c[0]?a.matches(this[0],c):!1};a.prototype.contains=function(a){return this[0].contains(a)};
 9 | a.prototype.text=function(a){return this.prop("textContent",a)};a.prototype.html=function(a){return this.prop("innerHTML",a)};a.prototype.data=function(a,b){return this.attr("data-"+a,b)};a.prototype.before=function(c){if(!this.length)return this;c instanceof a&&(c=c[0]);for(var b=0;b<this.length;b++)0<b&&(c=c.cloneNode(!0)),this[b].parentNode.insertBefore(c,this[b]);return this};a.prototype.after=function(a){return this.next().before(a)};a.prototype.prepend=function(c){if("string"===typeof c)return this.html(c+
10 | this.html());c instanceof a&&(c=c[0]);for(var b=0;b<this.length;b++)0<b&&(c=c.cloneNode(!0)),this[b].insertBefore(c,this[b].firstChild)};a.prototype.append=function(c){if("string"===typeof c)return this.html(this.html()+c);c instanceof a&&(c=c[0]);for(var b=0;b<this.length;b++)this[b].appendChild(c)};a.prototype.hasClass=function(a){return!this.length||!this[0].className?!1:-1!==this[0].className.split(" ").indexOf(a)};a.prototype.toggleClass=function(a){this.hasClass(a)?this.removeClass(a):this.addClass(a)};
11 | a.prototype.addClass=function(a){if(!this.length)return this;var b,d;for(d=0;d<this.length;d++)b=this[d].className?this[d].className.split(" "):[],-1<b.indexOf(a)||(b.push(a),this[d].className=b.join(" "));return this};a.prototype.removeClass=function(a){if(!this.length)return this;var b,d,e;for(e=0;e<this.length;e++){d=null;for(b=this[e].className?this[e].className.split(" "):[];-1!==d;)d=b.indexOf(a),-1!==d&&b.splice(d,1);this[e].className=b.join(" ")}return this};a.prototype.next=function(c){if(!this.length)return this;
12 | for(var b=this[0].nextSibling;f(b,c);)b=b.nextSibling;return a(b)};a.prototype.prev=function(c){if(!this.length)return this;for(var b=this[0].previousSibling;f(b,c);)b=b.previousSibling;return a(b)};a.prototype.parent=function(c){if(!this.length)return this;for(var b=this[0].parentNode;f(b,c);)b=b.parentNode;return a(b)};a.prototype.children=function(c){if(!this.length)return a();var b=[],d;for(d=0;d<this[0].childNodes.length;d++)f(this[0].childNodes[d],c)||b.push(this[0].childNodes[d]);return a(b)};
13 | a.prototype.remove=function(){for(var a=0;a<this.length;a++)this[a].parentNode&&this[a].parentNode.removeChild(this[a]);return this};a.prototype.clone=function(c){return!this.length?this:a(this[0].cloneNode(void 0!==c?c:!0))}})(Raindrop);(function(a){a.prototype.val=function(a){if(this.length)return void 0!==this[0].selectedIndex?this.prop("selectedIndex",void 0!==a?a:void 0):"checkbox"===this.attr("type")?this.prop("checked",void 0!==a?a:void 0):this.prop("value",void 0!==a?a:void 0)}})(Raindrop);
14 | (function(a){function f(a,b){if({width:1,height:1,top:1,left:1,right:1,bottom:1}[a]){if(""===b)return null;if(!isNaN(parseFloat(b))&&isFinite(b))return b+"px"}return b}function c(a){return a.is("body")?!0:"none"===a.css("display")||"hidden"===a.css("visibility")||0===a.outerHeight()||0===a.outerWidth()?!1:c(a.parent())}var b=a.prototype.is;a.css=function(a,b,c){if(void 0===b&&void 0===c)return window.getComputedStyle(a);if(void 0===c&&"string"===typeof b)return window.getComputedStyle(a)[b];if(void 0===
15 | c)for(var g in b)b.hasOwnProperty(g)&&(a.style[g]=f(g,b[g]));else a.style[b]=f(b,c)};a.prototype.css=function(d,b){if(void 0===b&&(void 0===d||"string"===typeof d))return a.css(this[0],d);for(var c=0;c<this.length;c++)a.css(this[c],d,b);return this};a.prototype.is=function(a){return b.call(this,a)?!0:":visible"==a?c(this):!1};a.prototype.position=function(){if(!this.length)return{};for(var b=this.offset(),c=this[0].offsetParent||document.body;c&&!a.matches(c,"body")&&!a.matches(c,"html")&&"static"===
16 | a.css(c,"position");)c=c.offsetParent;c=a(c||document.body).offset();b.top-=parseInt(a.css(this[0],"margin-top"),10);b.left-=parseInt(a.css(this[0],"margin-left"),10);return{top:b.top-c.top,left:b.left-c.left}};a.prototype.offset=function(){if(!this.length)return{};var a=this.rect();return{top:a.top+(window.pageYOffset||document.documentElement.scrollTop)-(document.documentElement.clientTop||document.body.clientTop),left:a.left+(window.pageXOffset||document.documentElement.scrollLeft)-(document.documentElement.clientLeft||
17 | document.body.clientLeft)}};a.prototype.show=function(){return this.css("display","block")};a.prototype.hide=function(){return this.css("display","none")};a.prototype.width=function(){return this.length?this[0]===window?this[0].innerWidth:parseInt(this.css("width"),10):0};a.prototype.height=function(){return this.length?this[0]===window?this[0].innerHeight:parseInt(this.css("height"),10):0};a.prototype.rect=function(){if(this.length)return this[0].getBoundingClientRect()};a.prototype.outerHeight=
18 | function(){return this.length?Math.ceil(this.rect().height):0};a.prototype.outerWidth=function(){return this.length?Math.ceil(this.rect().width):0}})(Raindrop);
19 | (function(a){a.prototype.index=function(f){f instanceof a&&(f=f[0]);for(var c=0;c<this.length;c++)if(this[c]===f)return c;return-1};a.prototype.slice=function(f,c){for(var b=[];f<c;)this[f]&&b.push(this[f]),f++;return a(b)};a.prototype.eq=function(f){return f in this?a(this[f]):a()};a.prototype.first=function(){return this.eq(0)};a.prototype.last=function(){return this.eq(this.length-1)};a.prototype.add=function(f){f instanceof a&&(f=f[0]);f&&(this.length+=1,this[this.length-1]=f);return this}})(Raindrop);
20 | (function(a){function f(a){var d=[],c;for(c in a)a.hasOwnProperty(c)&&d.push(c+"="+a[c]);return d.join("&")}function c(a){try{return JSON.parse(a.responseText)}catch(c){return a.responseText}}a.ajax=function(a,d,e,s){var g;g=window.XDomainRequest?new XDomainRequest:new XMLHttpRequest;g.open(a,d);g.setRequestHeader("Content-Type","application/x-www-form-urlencoded");g.setRequestHeader("X-Requested-With","XMLHttpRequest");g.withCredentials=!0;g.onload=function(){s.call(g,c(g))};g.onerror=function(){s.call(g,
21 | c(g))};g.send(f(e))};a.get=function(b,c,e){a.ajax("GET",b,{},c,e)};a.post=function(b,c,e,f){a.ajax("POST",b,c,e,f)}})(Raindrop);
22 | 


--------------------------------------------------------------------------------
/templates.js:
--------------------------------------------------------------------------------
1 | !function(){"use strict";var e={};e.templates={},e.render=function(a,t){return e.templates[a]?e.templates[a].call(e,t||{}):""},e.templates.popup=function(e){var a,t,l='<h1>xTab</h1><form><h2>Maximum Tabs:</h2><select id="max" name="max"> ';for(var o in e.options)t=e.max==o,t&&(a=!0),l+=' <option value="'+o+'"',t&&(l+=" selected"),l+=">"+e.options[o]+"</option> ";return l+=' <option value="other"',a||(l+=" selected"),l+='>Other...</option></select><input type="number" name="max" id="input-max"',a||(l+=' style="display: block;" value="'+e.max+'"'),l+='><h2>Close existing tab:</h2><label><input type="radio" name="algo" value="used"',"used"==e.algo&&(l+=" checked"),l+='>Least recently used</label><label><input type="radio" name="algo" value="accessed"',"accessed"==e.algo&&(l+=" checked"),l+='>Least accessed</label><label><input type="radio" name="algo" value="oldest"',"oldest"==e.algo&&(l+=" checked"),l+='>Oldest</label><h2>Block new tab:</h2><label><input type="radio" name="algo" value="block"',"block"==e.algo&&(l+=" checked"),l+='>Block new tabs from opening</label></form><div class="donate"><iframe src="https://donatefor.me/craig" width="100%" height="187" frameborder="0"></iframe></div>'},"undefined"!=typeof module&&module.exports?module.exports=e:window.Aftershave=e}();


--------------------------------------------------------------------------------
/xtab.sketch:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ccampbell/xtab/a6b32866f4a43cb3fd06e13b5d6331d6df583dba/xtab.sketch


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