Say Cheese!
3 | 4 | 9 | 10 | 11 | 12 | 13 | 51 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /dateDiff/icons/icon_32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/dateDiff/icons/icon_32.png -------------------------------------------------------------------------------- /dateDiff/icons/icon_48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/dateDiff/icons/icon_48.png -------------------------------------------------------------------------------- /dateDiff/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | 3 | "description": "Days diffence finder - Find number of days between two given dates (For explicitly lazy souls[like me] who think counting days is much hassle)", 4 | "manifest_version": 2, 5 | "name": "Date diff", 6 | "version": "1.0", 7 | "homepage_url": "https://github.com/tsl143/jsDemos/dateDiff", 8 | "icons": { 9 | "48": "icons/icon_48.png" 10 | }, 11 | 12 | "browser_action": { 13 | "default_icon": "icons/icon_32.png", 14 | "default_title": "Date Diff finder", 15 | "default_popup": "popup/date.html" 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /dateDiff/popup/date.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |13 | CALCULATE RESET
14 | 15 |
50 |
74 |
75 |
76 |
77 |
--------------------------------------------------------------------------------
/fbBlocker_webext/options.js:
--------------------------------------------------------------------------------
1 | function saveOptions(e) {
2 | e.preventDefault();
3 | const fromH = document.querySelector("#fromTime").value;
4 | const toH = document.querySelector("#toTime").value;
5 | browser.storage.local.set({blockHrsTSL:{
6 | fromHrs: fromH,
7 | toHrs: toH
8 | }
9 | });
10 | alert("Settings Saved");
11 | }
12 |
13 | function setForm() {
14 | const fromTimeBox = document.querySelector("#fromTime");
15 | const toTimeBox = document.querySelector("#toTime");
16 | for(let i=0; i<=24; i++) {
17 | const o1 = document.createElement('option');
18 | const o2 = document.createElement('option');
19 | o1.value = i; o2.value = i;
20 | o1.textContent = i; o2.textContent = i;
21 | fromTimeBox.appendChild(o1);
22 | toTimeBox.appendChild(o2);
23 | }
24 |
25 | var gettingItem = browser.storage.local.get('blockHrsTSL');
26 | gettingItem.then((res) => {
27 | if(res.blockHrsTSL){
28 | let fromTime = res.blockHrsTSL.fromHrs || 0;
29 | let toTime = res.blockHrsTSL.toHrs || 0;
30 | fromTimeBox.value = fromTime;
31 | toTimeBox.value = toTime;
32 | }
33 | });
34 | }
35 |
36 | document.addEventListener("DOMContentLoaded", setForm);
37 | document.querySelector("#submit").addEventListener("click", saveOptions);
--------------------------------------------------------------------------------
/fbBlocker_webext/stopIt.js:
--------------------------------------------------------------------------------
1 | //adding hook to request
2 | browser.webRequest.onBeforeRequest.addListener(
3 | handleHTTPRequest,
4 | {urls:["https://facebook.com/*","http://facebook.com/*","https://www.facebook.com/*","http://www.facebook.com/*"]},
5 | ["blocking"]
6 | );
7 |
8 |
9 | //function to create notification
10 | function notifyUser(fromTime, toTime){
11 | browser.notifications.create({
12 | "type": "basic",
13 | "iconUrl": "icons/logo_64.png",
14 | "title": "Facebook Blocked",
15 | "message": `Facebook has been blocked from ${fromTime} hrs to ${toTime} hrs`
16 | });
17 | }
18 |
19 | //function to create promise and check if we should block the request or not
20 | function handleHTTPRequest(details) {
21 |
22 | let shallNotify = true;
23 | if(details.originUrl && details.originUrl !== 'undefined')
24 | shallNotify = false;
25 | const blockRequest = new Promise((resolve) => {
26 | gettingItem = browser.storage.local.get('blockHrsTSL');
27 | gettingItem.then((res) => {
28 | if(res && res.blockHrsTSL) {
29 | let fromTime = res.blockHrsTSL.fromHrs || 0;
30 | let toTime = res.blockHrsTSL.toHrs || 0;
31 |
32 | if(fromTime == 0 && toTime == 0) resolve(false);
33 |
34 | if(isBlocked(fromTime, toTime)){
35 | if(shallNotify) notifyUser(fromTime, toTime);
36 | resolve({ cancel: true });
37 | }
38 | }
39 |
40 | resolve(false);
41 | });
42 | });
43 | return blockRequest;
44 | }
45 |
46 | function isBlocked(from, to){
47 |
48 | const rightNowDate = new Date();
49 | const rightNow = rightNowDate.getHours() * 60 + rightNowDate.getMinutes();
50 | const fromTime = from * 60;
51 | const toTime = to * 60;
52 |
53 | if (
54 | (
55 | toTime < fromTime &&
56 | (
57 | (rightNow >= fromTime && rightNow <= 24*60) ||
58 | (rightNow > 0 && rightNow <= toTime)
59 | )
60 | ) ||
61 | (rightNow >= fromTime && rightNow <= toTime)
62 | ) return true;
63 | else
64 | return false;
65 | }
66 |
--------------------------------------------------------------------------------
/floatingSticky_webext/background.js:
--------------------------------------------------------------------------------
1 | const handleMessage = async (id, data) => {
2 | const tabs = await browser.tabs.get(id);
3 | if (tabs.url.startsWith('http')) browser.tabs.sendMessage(id,{ data });
4 | }
5 |
6 | browser.browserAction.onClicked.addListener(tab=>{
7 | handleMessage(tab.id,knockKnock);
8 | });
9 |
10 | browser.tabs.onActivated.addListener(tab=>{
11 | handleMessage(tab.tabId, 'iAmBack');
12 | });
13 |
14 | browser.tabs.onCreated.addListener(tab=>{
15 | handleMessage(tab.tabId, 'iAmBack');
16 | });
17 |
18 | browser.tabs.onUpdated.addListener((tabId,c) =>{
19 | handleMessage(tabId, 'iAmBack');
20 | });
21 |
--------------------------------------------------------------------------------
/floatingSticky_webext/cs.js:
--------------------------------------------------------------------------------
1 | let onText = false;
2 | let onHandle = false;
3 |
4 | const createMemo = (stickyObj) => {
5 |
6 | if(document.getElementById('tslfs_DragMe'))
7 | document.getElementById('tslfs_DragMe').remove();
8 |
9 | const newDiv = document.createElement('div');
10 | const newText = document.createElement('textarea');
11 | const newHandle = document.createElement('div');
12 | const newClose = document.createElement('div');
13 |
14 | newDiv.appendChild(newClose);
15 | newDiv.appendChild(newHandle);
16 | newDiv.appendChild(newText);
17 |
18 | newDiv.style.cssText = `position:fixed;
19 | z-index: 9999;
20 | height: 200px;
21 | width: 300px;
22 | border-radius: 2px;
23 | overflow: hidden;
24 | background: #FDF49F;
25 | left: calc;
26 | top:10px;
27 | box-shadow: 2px 2px 12px 2px #999`;
28 |
29 | newHandle.textContent="Drag Me";
30 | newHandle.style.cssText=`
31 | background: #74D0EC;
32 | color: #444;
33 | line-height: 25px !important;
34 | font-weight: bold !important;
35 | text-align:center;
36 | cursor: pointer;
37 | font-family: Arial, sans-serif !important;
38 | font-size: 15px !important;
39 | `;
40 |
41 | newClose.textContent="X";
42 | newClose.style.cssText=`
43 | color: #444;
44 | position: absolute;
45 | right: 5px;
46 | top: 5px;
47 | font-weight: bold !important;
48 | cursor: pointer;
49 | font-family: Arial, sans-serif !important;
50 | font-size: 15px !important;
51 | line-height: 15px !important;
52 | `;
53 |
54 | newText.style.cssText = `
55 | background: #FDF49F;
56 | display: block;
57 | color: #444;
58 | height: calc(100% - 45px);
59 | width: calc(100% - 20px);
60 | padding: 10px;
61 | border: 0;
62 | overflow: auto;
63 | font-family: Arial, sans-serif !important;
64 | font-size: 15px !important;
65 | resize: none;
66 | line-height: 1.5 !important;`;
67 |
68 | newDiv.setAttribute("draggable", true);
69 | newDiv.setAttribute("id", 'tslfs_DragMe');
70 | newText.setAttribute("id", 'tslfs_MyText');
71 |
72 | if(stickyObj && (stickyObj.text || stickyObj.left || stickyObj.top)){
73 |
74 | newText.value = stickyObj.text;
75 | newDiv.style.cssText += `
76 | left: ${stickyObj.left};
77 | top: ${stickyObj.top};
78 | `;
79 |
80 | }else {
81 | newDiv.style.cssText += `
82 | right: 10px;
83 | top: 10px;
84 | `;
85 | }
86 | function drag_start(event) {
87 | var style = window.getComputedStyle(event.target, null);
88 | event.dataTransfer.setData("text/plain",
89 | (parseInt(style.getPropertyValue("left"),10) - event.clientX) + ',' + (parseInt(style.getPropertyValue("top"),10) - event.clientY));
90 | }
91 | function drag_over(event) {
92 | event.preventDefault();
93 | return false;
94 | }
95 | function drop(event) {
96 |
97 | const offset = event.dataTransfer.getData("text/plain").split(',');
98 | newDiv.style.left = (event.clientX + parseInt(offset[0],10)) + 'px';
99 | newDiv.style.top = (event.clientY + parseInt(offset[1],10)) + 'px';
100 | event.preventDefault();
101 | setData(true);
102 | return false;
103 | }
104 |
105 | function isEnter(event) {
106 | const id = event.target.getAttribute('id');
107 | if(id=="tslfs_MyText")
108 | onText = true;
109 | if(id=="tslfs_DragMe")
110 | onHandle = true;
111 | handleDrag();
112 | }
113 |
114 | function isLeave(event) {
115 | const id = event.target.getAttribute('id');
116 | if(id=="tslfs_MyText")
117 | onText = false;
118 | if(id=="tslfs_DragMe")
119 | onHandle = false;
120 | handleDrag();
121 | }
122 |
123 | function handleDrag() {
124 | if((onHandle && onText))
125 | newDiv.draggable= false;
126 | else
127 | newDiv.draggable= true;
128 | }
129 |
130 | function closeSticky() {
131 | setData(false);
132 | newDiv.remove();
133 | }
134 |
135 | function saveText() {
136 | setData(true);
137 | }
138 |
139 | function setData(isOpen){
140 |
141 | const value = {
142 | isOpen: isOpen,
143 | text: newText.value,
144 | left: newDiv.style.left,
145 | top: newDiv.style.top,
146 | };
147 | browser.storage.local.set({ tslStickies: value });
148 | }
149 |
150 | document.body.appendChild(newDiv);
151 |
152 | newDiv.addEventListener('dragstart', drag_start, false);
153 | newDiv.addEventListener('mouseenter', isEnter, false);
154 | newDiv.addEventListener('mouseleave', isLeave, false);
155 |
156 | newText.addEventListener('keyup',saveText,false);
157 | newText.addEventListener('mouseenter', isEnter, false);
158 | newText.addEventListener('mouseleave', isLeave, false);
159 |
160 | newClose.addEventListener('click', closeSticky, false);
161 |
162 | document.body.addEventListener('dragover',drag_over,false);
163 | document.body.addEventListener('drop',drop,false);
164 | setData(true);
165 | };
166 |
167 | function init(forceOpen){
168 | const gettingItem = browser.storage.local.get('tslStickies');
169 |
170 | gettingItem.then((res) => {
171 | try{
172 | if(res.tslStickies){
173 | const isOpen = res.tslStickies.isOpen;
174 | if(isOpen || forceOpen)
175 | createMemo(res.tslStickies);
176 | else
177 | document.getElementById('tslfs_DragMe').remove();
178 | }else if(forceOpen){
179 | createMemo();
180 | }
181 | }catch(e){}
182 | });
183 | }
184 | browser.runtime.onMessage.addListener(request=>{
185 | switch (request.data){
186 | case "knockKnock":
187 | init(true);
188 | break;
189 |
190 | case "iAmBack":
191 | init();
192 | break;
193 |
194 | default:
195 | break;
196 | }
197 | });
198 |
199 |
200 |
--------------------------------------------------------------------------------
/floatingSticky_webext/logo/icon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/floatingSticky_webext/logo/icon.ico
--------------------------------------------------------------------------------
/floatingSticky_webext/logo/paper_128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/floatingSticky_webext/logo/paper_128.png
--------------------------------------------------------------------------------
/floatingSticky_webext/logo/paper_64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/floatingSticky_webext/logo/paper_64.png
--------------------------------------------------------------------------------
/floatingSticky_webext/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 | "name": "Floating Sticky",
4 | "version": "1.5",
5 | "description": "An extension to put a sticky note whereever you want on the browser.",
6 | "background": {
7 | "scripts": ["background.js"]
8 | },
9 | "icons": {
10 | "64": "logo/paper_64.png",
11 | "128": "logo/paper_128.png"
12 | },
13 | "content_scripts": [
14 | {
15 | "matches": ["
51 | Select your distraction free hours!!!
52 | The clock time is 24 hrs 53 |
54 | 52 | The clock time is 24 hrs 53 |
55 |
73 |
56 |
57 |
58 |
59 |
60 | FROM
61 |
62 |
63 |
64 |
65 |
66 |
67 | 68 | TO 69 | 70 |
71 |
72 | 67 | 68 | TO 69 | 70 |
10 |
11 | 
12 |
13 | Loading... 14 | 15 |
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/funFacts_webext/popup/script.js:
--------------------------------------------------------------------------------
1 | /* API CORTESY - http://www.icndb.com/on-your-website/ */
2 |
3 | var oReq = new XMLHttpRequest();
4 | oReq.open("GET", "http://api.icndb.com/jokes/random/");
5 | oReq.send();
6 | oReq.onreadystatechange = function()
7 | {
8 | if(oReq.readyState == 4)
9 | {
10 | var target = document.getElementById("itsAFact");
11 | if(oReq.status == 200)
12 | {
13 | try{
14 |
15 | var response=(JSON.parse(oReq.responseText).value.joke);
16 |
17 | target.innerText = response;
18 |
19 | }catch(e){
20 | target.innerHTML = "Oops, something went wrong :( ";
21 | }
22 |
23 | }
24 | else
25 | target.innerHTML = "Oops, something went wrong :( ";
26 |
27 | target.style="background: #b8b898;";
28 | }
29 | };
30 |
--------------------------------------------------------------------------------
/funFacts_webext/popup/style.css:
--------------------------------------------------------------------------------
1 | #itsAFact {
2 | font-size: 18px;
3 | min-width: 300px;
4 | max-width: 500px;
5 | text-align: center;
6 | padding: 20px;
7 | }
--------------------------------------------------------------------------------
/handleFileEvent/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
12 | 13 | Loading... 14 | 15 |
49 |
51 | ...LOADING...
50 |
52 | MYIP.MS
53 |
54 |
55 |
56 |
--------------------------------------------------------------------------------
/ipFinder_webext/popup/popup.js:
--------------------------------------------------------------------------------
1 | chrome.tabs.query({
2 | active: true,
3 | currentWindow: true
4 | }, function (tabs) {
5 |
6 | const url = tabs[0].url.split('?')[0] ;
7 | const holderObj = document.querySelector('#holder');
8 | const tableObj = document.createElement('table');
9 | const XHR = new XMLHttpRequest();
10 | const hexedURL = stringToHex(url);
11 |
12 | XHR.open('GET', `http://plugin.myip.ms/hex_${hexedURL}`, true);
13 | XHR.send();
14 | XHR.onreadystatechange = function(){
15 | try{
16 | if (XHR.readyState == 4 && XHR.status == 200){
17 | const result = JSON.parse(XHR.responseText);
18 |
19 | if(result.domain && result.domain!="")
20 | tableObj.appendChild(createTRNode('Domain Name', result.domain));
21 | if(result.ip && result.ip!="")
22 | tableObj.appendChild(createTRNode('IP', result.ip, true));
23 | if(result.ipv4 && result.ipv4!="")
24 | tableObj.appendChild(createTRNode('IPV4', result.ipv4));
25 | if(result.ipv6 && result.ipv6!="")
26 | tableObj.appendChild(createTRNode('IPV6', result.ipv6));
27 | if(result.hosting && result.hosting!="")
28 | tableObj.appendChild(createTRNode('Hosted By', result.hosting));
29 | if(result.owners && result.owners!="")
30 | tableObj.appendChild(createTRNode('Owners', result.owners));
31 | if(result.countryName && result.countryName!="")
32 | tableObj.appendChild(createTRNode('Country', result.countryName));
33 | if(result.host && result.host!="")
34 | tableObj.appendChild(createTRNode('Host', result.host));
35 | if(result.ns && result.ns!="")
36 | tableObj.appendChild(createTRNode('Name Servers', result.ns));
37 |
38 | document.getElementsByTagName('h3')[0].remove();
39 | holderObj.appendChild(tableObj);
40 | }
41 | }catch(e) {
42 | document.querySelector('#holder').textContent = "Something went Wrong!";
43 | }
44 |
45 | }
46 | });
47 |
48 | function createTRNode(label, value, isIPNode){
49 | const tr = document.createElement('tr');
50 | const tdLabel = document.createElement('td');
51 | const tdValue = document.createElement('td');
52 | tdLabel.textContent = label;
53 | tr.appendChild(tdLabel);
54 | tr.appendChild(processNode(tdValue, value, isIPNode));
55 | return tr;
56 | }
57 |
58 |
59 |
60 | function strip(string){
61 | return string.split("<").map(function(d){ return d.split(">").pop(); }).join("");
62 | }
63 |
64 | function processNode(obj, str, isIPNode){
65 | const dirtyNode = str.split('| 30 | 31 | | 32 |33 | 34 | | 35 |
| 38 | |
9 | Reminders
10 |
37 |
48 |
56 |
57 |
58 |
65 |
70 |
71 |
72 |
73 |
--------------------------------------------------------------------------------
/reminders_webext/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 | "name": "Reminders",
4 | "version": "2.0",
5 | "description": "Extensions that set reminders and shows notifications",
6 | "homepage_url": "https://github.com/tsl143/jsDemos",
7 | "icons": {
8 | "32": "icons/logo_32.png",
9 | "64": "icons/logo_64.png",
10 | "128": "icons/logo_128.png"
11 | },
12 | "permissions": [
13 | "alarms",
14 | "tabs",
15 | "notifications",
16 | "storage"
17 | ],
18 | "browser_action": {
19 | "default_icon": "icons/icon_32.png",
20 | "default_title": "Remind me",
21 | "default_popup": "index.html"
22 | },
23 | "background": {
24 | "scripts": [
25 | "bg.js"
26 | ]
27 | },
28 | "browser_specific_settings": {
29 | "gecko": {
30 | "id": "{7dc17ae2-a65f-4e62-b639-ad5bb7d6bdbb}"
31 | }
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/reminders_webext/reminder.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --main-bg: #E8924D;
3 | --main-clr: #fff;
4 | }
5 | .centered {
6 | text-align: center;
7 | }
8 | body {
9 | color: #444;
10 | font-family: Arial;
11 | margin: 0;
12 | }
13 | header {
14 | padding: 7px;
15 | background: var(--main-bg);
16 | color: var(--main-clr);
17 | text-transform: uppercase;
18 | }
19 | #wrapper {
20 | min-width: 350px;
21 | min-height: 400px;
22 | background: #eaeaea;
23 | margin: 0 auto;
24 | }
25 |
26 | #overlay {
27 | background: rgba(0,0,0, .5);
28 | width: 100%;
29 | height: 100vh;
30 | z-index: 3;
31 | position: absolute;
32 | left: 0;
33 | top: 0;
34 | }
35 |
36 | #overlay > div {
37 | background: #fff;
38 | width: 300px;
39 | position: absolute;
40 | left: calc(50% - 170px);
41 | top: calc(50% - 70px);
42 | padding: 20px;
43 | text-align: center;
44 | }
45 |
46 | #closeAlert {
47 | background: #dadada;
48 | border: 0;
49 | padding: 5px 20px;
50 | font-weight: bold;
51 | }
52 |
53 | .hidden {
54 | display: none!important;
55 | }
56 | .page {
57 | padding: 20px;
58 | }
59 | .inputBox {
60 | margin-top:20px;
61 | position: relative;
62 | }
63 | .inputBox span {
64 | position: absolute;
65 | font-size: 12px;
66 | background: var(--main-bg);
67 | color: var(--main-clr);
68 | padding: 1px 5px;
69 | top: -11px;
70 | left: 10px;
71 | min-width: 30px;
72 | }
73 | input:not([type="checkbox"]), textarea {
74 | padding: 8px 5px 5px;
75 | width: 100%;
76 | border: 0;
77 | }
78 | .actionBtns span {
79 | background: var(--main-bg);
80 | color: var(--main-clr);
81 | width: 60px;
82 | display: inline-block;
83 | padding: 5px;
84 | margin: 20px 0;
85 | font-size: 12px;
86 | cursor: pointer;
87 | }
88 | label {
89 | display: inline-block;
90 | margin-top: 10px;
91 | }
92 |
93 | ul {
94 | padding-left: 15px;
95 | }
96 | li {
97 | margin-top: 5px;
98 | }
99 | li span:first-child {
100 | display: inline-block;
101 | margin-right: 5px;
102 | overflow: hidden;
103 | text-overflow: ellipsis;
104 | white-space: nowrap;
105 | width: 80%;
106 | }
107 | li span.action {
108 | margin-right: 5px;
109 | }
110 | li span:last-child {
111 | background: var(--main-bg);
112 | color: var(--main-clr);
113 | font-size: 8px;
114 | padding: 2px 3px;
115 | }
116 | li span {
117 | display: inline-block;
118 | vertical-align: middle;
119 | margin-top: 4px;
120 | }
121 | .listHeading {
122 | position: relative;
123 | }
124 | .listHeading #history {
125 | position: absolute;
126 | right: 0;
127 | }
128 | .listHeading #back {
129 | left: 0;
130 | position: absolute;
131 | transform: rotateY(180deg);
132 | color: #7e7f7f;
133 | }
--------------------------------------------------------------------------------
/reminders_webext/reminder.js:
--------------------------------------------------------------------------------
1 | const idPrefix = 'queIt_';
2 | const ele = {
3 | dateHolder: document.getElementById('dateHolder'),
4 | save: document.getElementById('save'),
5 | hidden: document.getElementById('hidden'),
6 | cancel: document.getElementById('cancel'),
7 | new: document.getElementById('newReminder'),
8 | edit: document.getElementById('editView'),
9 | list: document.getElementById('listView'),
10 | historylist: document.getElementById('listViewO'),
11 | title: document.querySelector('[name="title"]'),
12 | desc: document.querySelector('[name="desc"]'),
13 | time: document.querySelector('[name="time"]'),
14 | date: document.querySelector('[name="date"]'),
15 | daily: document.querySelector('[name="daily"]'),
16 | id: document.querySelector('[name="id"]'),
17 | cList: document.getElementById('listViewULC'),
18 | oList: document.getElementById('listViewULO'),
19 | history: document.getElementById('history'),
20 | back: document.getElementById('back'),
21 | overlay: document.getElementById('overlay'),
22 | closeAlert: document.getElementById('closeAlert'),
23 | alertTxt: document.getElementById('alertTxt'),
24 | }
25 |
26 | const showAlert = msg => {
27 | ele.alertTxt.textContent = msg;
28 | ele.overlay.classList.remove('hidden');
29 | }
30 |
31 | const closeAlert = () => {
32 | ele.alertTxt.textContent = '';
33 | ele.overlay.classList.add('hidden');
34 | }
35 |
36 | const makeList = (data = [], current = true) => {
37 | if (current) {
38 | while (ele.cList.children.length > 0) {
39 | ele.cList.firstChild.remove();
40 | }
41 | } else {
42 | while (ele.oList.children.length > 0) {
43 | ele.oList.firstChild.remove();
44 | }
45 | }
46 |
47 | const template = document.getElementById('listitem');
48 | const holder = current ? ele.cList : ele.oList;
49 | data.forEach(d => {
50 | if (current && d.done) return;
51 | if (!current && !d.done) return;
52 | const item = document.importNode(template.content, true);
53 | item.querySelector('.lTitle').textContent = d.title;
54 | item.querySelector('li').setAttribute('data-id', d.id)
55 | if (d.daily) item.querySelector('.daily').classList.remove('hidden');
56 | holder.appendChild(item);
57 | })
58 | }
59 |
60 | const changePage = mode => {
61 | switch (mode) {
62 | case 'list':
63 | browser.runtime.sendMessage({ action: 'list', data: { current: true } });
64 | ele.list.classList.remove('hidden');
65 | ele.edit.classList.add('hidden');
66 | ele.historylist.classList.add('hidden');
67 | break;
68 | case 'edit':
69 | ele.edit.classList.remove('hidden');
70 | ele.list.classList.add('hidden');
71 | ele.historylist.classList.add('hidden');
72 | break;
73 | case 'history':
74 | browser.runtime.sendMessage({ action: 'list', data: { current: false } });
75 | ele.historylist.classList.remove('hidden');
76 | ele.edit.classList.add('hidden');
77 | ele.list.classList.add('hidden');
78 | break;
79 | }
80 | }
81 |
82 | const saveReminder = () => {
83 | const data = {
84 | title: ele.title.value || 'No title',
85 | desc: ele.desc.value || '',
86 | rTime: ele.time.value,
87 | daily: ele.daily.checked,
88 | rDate: ele.date.value,
89 | id: ele.id.value,
90 | }
91 | if (!data.rTime || data.rTime == "") {
92 | showAlert("No time set");
93 | return;
94 | }
95 | if (!data.daily && (!data.rDate || data.rDate == "")) {
96 | showAlert("No Date set");
97 | return;
98 | }
99 | // send to BG
100 | browser.runtime.sendMessage({
101 | action: "create",
102 | data
103 | });
104 | }
105 |
106 | const handleItemClick = (current, e) => {
107 | if(e.target.hasAttribute('data-action')) {
108 | const action = e.target.getAttribute('data-action')
109 | const id = e.target.parentNode.getAttribute('data-id');
110 | switch(action) {
111 | case 'edit':
112 | changePage('edit');
113 | browser.runtime.sendMessage({
114 | action: "getreminder",
115 | data: { id, current }
116 | });
117 | break;
118 | case 'delete':
119 | browser.runtime.sendMessage({
120 | action: "delete",
121 | data: { id, current }
122 | });
123 | break
124 | }
125 | }
126 | }
127 |
128 | const handleDate = () => {
129 | if(!ele.daily.checked) {
130 | ele.dateHolder.classList.remove('hidden')
131 | } else {
132 | ele.dateHolder.classList.add('hidden')
133 | }
134 | }
135 |
136 | // Edit page setup
137 | const setEdit = data => {
138 | ele.title.value = data.title;
139 | ele.desc.value = data.desc;
140 | ele.time.value = data.rTime;
141 | ele.date.value = data.rDate;
142 | ele.daily.checked = data.daily;
143 | ele.id.value = `${idPrefix}${data.ts}`;
144 | handleDate();
145 | }
146 |
147 | // New reminder setup
148 | const emptyInputs = () => {
149 | document.querySelectorAll('input').forEach(i =>{
150 | i.value = '';
151 | });
152 | const now = new Date;
153 | ele.time.value = `${now.getHours()}:${now.getMinutes()}`
154 | ele.daily.checked = false;
155 | ele.desc.value = '';
156 | handleDate();
157 | }
158 |
159 | const handleMessage = ({action, data, current}) => {
160 | switch(action) {
161 | case 'list':
162 | const sortedData = Object.keys(data).map(k =>data[k]);
163 | makeList(sortedData, current);
164 | break;
165 | case 'create':
166 | changePage('list')
167 | break;
168 | case 'getreminder':
169 | setEdit(data)
170 | break;
171 | }
172 | }
173 |
174 | ele.cancel.addEventListener('click', ()=> changePage('list'));
175 | ele.new.addEventListener('click', ()=> {
176 | emptyInputs();
177 | changePage('edit');
178 | });
179 | ele.history.addEventListener('click', ()=> changePage('history'));
180 | ele.back.addEventListener('click', ()=> changePage('list'));
181 | ele.cList.addEventListener('click', handleItemClick.bind(this, true));
182 | ele.oList.addEventListener('click', handleItemClick.bind(this, false));
183 | ele.save.addEventListener('click', saveReminder);
184 | ele.daily.addEventListener('click', handleDate);
185 | ele.closeAlert.addEventListener('click', closeAlert);
186 |
187 | browser.runtime.onMessage.addListener(handleMessage);
188 |
189 | changePage('list');
190 |
--------------------------------------------------------------------------------
/stickyNotes_webext/icons/logo_128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/stickyNotes_webext/icons/logo_128.png
--------------------------------------------------------------------------------
/stickyNotes_webext/icons/logo_32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/stickyNotes_webext/icons/logo_32.png
--------------------------------------------------------------------------------
/stickyNotes_webext/icons/logo_48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/stickyNotes_webext/icons/logo_48.png
--------------------------------------------------------------------------------
/stickyNotes_webext/icons/logo_64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/stickyNotes_webext/icons/logo_64.png
--------------------------------------------------------------------------------
/stickyNotes_webext/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 |
3 | "description": "Simple sticky notes utility which provides facility to make small notes of any and every thing.",
4 | "manifest_version": 2,
5 | "name": "Sticky Notes",
6 | "version": "1.5",
7 | "homepage_url": "https://github.com/tsl143/jsDemos/",
8 | "icons": {
9 | "128": "icons/logo_128.png",
10 | "64": "icons/logo_64.png",
11 | "48": "icons/logo_48.png",
12 | "32": "icons/logo_32.png"
13 | },
14 | "browser_action": {
15 | "default_icon": "icons/logo_32.png",
16 | "default_title": "Sticky Notes",
17 | "default_popup": "popup/go.html"
18 | },
19 | "permissions": ["storage"]
20 | }
21 |
--------------------------------------------------------------------------------
/stickyNotes_webext/popup/getMe.js:
--------------------------------------------------------------------------------
1 |
2 | const notePad = document.getElementById('tslNotes');
3 | const cleanPad = document.getElementById('cleanPad');
4 | const layOver = document.getElementById('layOver');
5 | const yes = document.getElementById('yesPlz');
6 | const no = document.getElementById('nope');
7 |
8 |
9 | const gettingItem = browser.storage.local.get('tslStickyNotes');
10 |
11 | gettingItem.then((res) => {
12 | try{
13 | if(res.tslStickyNotes){
14 | notePad.value = res.tslStickyNotes;
15 | }
16 | }catch(e){}
17 | });
18 |
19 | notePad.addEventListener('keyup',()=>{
20 | browser.storage.local.set({ tslStickyNotes: notePad.value });
21 | }, false);
22 |
23 | cleanPad.addEventListener('click',()=>{
24 | layOver.className="";
25 | }, false);
26 |
27 | no.addEventListener('click',()=>{
28 | layOver.className="hidden";
29 | }, false);
30 |
31 | yes.addEventListener('click',()=>{
32 | notePad.value = "";
33 | browser.storage.local.set({ tslStickyNotes: "" });
34 | layOver.className="hidden";
35 | }, false);
--------------------------------------------------------------------------------
/stickyNotes_webext/popup/go.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
57 |
58 |
59 |
66 |
67 |
68 |
69 |
60 |
69 |
70 |
71 |
72 |
--------------------------------------------------------------------------------
/ticTacToe_webext/icons/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/ticTacToe_webext/icons/.DS_Store
--------------------------------------------------------------------------------
/ticTacToe_webext/icons/logo_32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/ticTacToe_webext/icons/logo_32.png
--------------------------------------------------------------------------------
/ticTacToe_webext/icons/logo_48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/ticTacToe_webext/icons/logo_48.png
--------------------------------------------------------------------------------
/ticTacToe_webext/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 |
3 | "description": "Lets you kill some boredom :) ",
4 | "manifest_version": 2,
5 | "name": "Tic Tac Toe",
6 | "version": "1.1",
7 | "homepage_url": "https://github.com/tsl143",
8 | "icons": {
9 | "48": "icons/logo_48.png"
10 | },
11 | "browser_action": {
12 | "default_icon": "icons/logo_32.png",
13 | "default_title": "Tic Tac Toe",
14 | "default_popup": "popup/play.html"
15 | }
16 |
17 | }
18 |
--------------------------------------------------------------------------------
/ticTacToe_webext/popup/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/ticTacToe_webext/popup/.DS_Store
--------------------------------------------------------------------------------
/ticTacToe_webext/popup/play.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
148 |
149 |
150 |
61 | Clear
62 |
63 |
64 |
68 | Are you sure to delete everything?
65 |
66 |
67 |
151 |
155 |
156 | Wassup?
152 |1 Player
153 | 2 Players
154 |
157 |
205 |
206 |
207 |
208 |
209 |
--------------------------------------------------------------------------------
/ticTacToe_webext/popup/play.js:
--------------------------------------------------------------------------------
1 | /*
2 | The AI code was referred from following:
3 |
4 | AI Code Written by Cory Fogliani
5 | Testers: Cory Fogliani, Chris Gordon
6 | Featured on JavaScript Kit (http://javascriptkit.com)
7 |
8 | */
9 |
10 |
11 | var mode = 1;
12 | var player1Score = 0;
13 | var player2Score = 0;
14 | function gotoPage(page){
15 | if(page==1) {
16 | document.getElementById('welcomeScreen').className = "page active";
17 | document.getElementById('tttHolder').className = "page";
18 | document.getElementById('grid').className = "";
19 | document.getElementsByTagName('body')[0].style.height="250px";
20 | }else if(page==2) {
21 | document.getElementById('tttHolder').className = "page active";
22 | document.getElementById('welcomeScreen').className = "page";
23 | document.getElementById('grid').className = "start";
24 | document.getElementById('player1').innerText = "0";
25 | document.getElementById('player2').innerText = "0";
26 | document.getElementsByTagName('body')[0].style.height="450px";
27 | }
28 | }
29 |
30 | const selectPlayers = document.getElementsByClassName('selectPlayer');
31 | for(let i=0; i
158 |
167 |
200 |
159 | 0
160 |
162 | Player X
161 |
163 | 0
164 |
166 | Player O
165 |
201 |
204 | Restart
202 | Back
203 |
59 |
60 | SAVE IT!
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
--------------------------------------------------------------------------------
/todo_webext/popup/script.js:
--------------------------------------------------------------------------------
1 | let todos = [];
2 |
3 | const pushTodos = ({tslTodos = []}) => {
4 | tslTodos.forEach((entry)=>{
5 | todos.push(entry);
6 | });
7 | }
8 |
9 | const gettingItem = browser.storage.sync.get('tslTodos');
10 | gettingItem.then(async (res) => {
11 | const localResult = await browser.storage.local.get('tslTodos') || {};
12 | if(localResult.tslTodos) {
13 | pushTodos(localResult);
14 | resetMemory();
15 | }
16 | pushTodos(res);
17 | setupTodos();
18 | });
19 |
20 | function setupTodos(){
21 | if(todos.length > 0){
22 | todos.forEach((entry)=>{
23 | insertTodo(entry);
24 | });
25 | setupBadge();
26 | }
27 | }
28 |
29 | function insertTodo(entry){
30 |
31 | let tempChild = document.createElement('div');
32 |
33 | if(entry.done !== 0){
34 | tempChild.className="IAmDone row";
35 |
36 | }else{
37 | tempChild.className="row";
38 | }
39 |
40 | tempChild.innerHTML = `🗑
✓
${entry.task}
`;
41 | tempChild.setAttribute('data-isDone',entry.done);
42 | tempChild.setAttribute('data-id',entry.key);
43 |
44 | const todosHolder = document.getElementById('todosHolder');
45 | todosHolder.appendChild(tempChild);
46 |
47 | }
48 |
49 | function pushIntoStore(obj){
50 | let len = todos.length + 1;
51 | let index = "I"+len;
52 |
53 | obj.key = index;
54 | todos.push(obj);
55 | return obj;
56 |
57 | }
58 |
59 | function toggleTodo(ele){
60 | let parentNode = ele.parentNode;
61 | let dataId = parentNode.getAttribute('data-id');
62 | let dataIsDone = parentNode.getAttribute('data-isDone');
63 |
64 | if(parseInt(dataIsDone, 10)!==0){
65 | parentNode.className = "row";
66 | parentNode.setAttribute('data-isDone',0);
67 | }else{
68 | parentNode.className = "IAmDone row";
69 | parentNode.setAttribute('data-isDone',1);
70 | }
71 | toggleTodoInMemory(dataId,dataIsDone);
72 | }
73 |
74 | function removeTodo(ele){
75 |
76 | let parentNode = ele.parentNode;
77 | let dataId = parentNode.getAttribute('data-id');
78 | removeTodoFromMemory(dataId);
79 | parentNode.remove(dataId);
80 | }
81 |
82 | function removeTodoFromMemory(dataId){
83 | todos = todos.filter((item) => item.key !== dataId);
84 | resetMemory();
85 | }
86 |
87 | function toggleTodoInMemory(dataId,dataIsDone){
88 | todos = todos.map(entry => {
89 | if(entry.key == dataId) entry.done = dataIsDone != 1 ? 1:0;
90 | return entry;
91 | });
92 | resetMemory();
93 | }
94 |
95 | function saveToDo() {
96 |
97 | let todoVal = document.getElementsByTagName('textarea')[0].value;
98 |
99 | if(todoVal.trim().length>0){
100 | obj = pushIntoStore({task:todoVal, done:0});
101 | insertTodo(obj);
102 | document.getElementsByTagName('textarea')[0].value = "";
103 |
104 | resetMemory();
105 | }
106 | }
107 |
108 | function resetMemory() {
109 | browser.storage.local.clear();
110 | browser.storage.sync.set({tslTodos:todos});
111 | setupBadge();
112 | }
113 |
114 | document.querySelector('body').addEventListener('click', function(event) {
115 | if (event.target.className === 'removeTodo')
116 | removeTodo(event.target);
117 |
118 | if (event.target.className === 'toggleTodo')
119 | toggleTodo(event.target);
120 |
121 | if (event.target.className === 'addTask')
122 | saveToDo();
123 |
124 | });
125 |
126 | function setupBadge(){
127 | count = todos.filter((item) => item.done === 0).length;
128 | if (count > 0)
129 | browser.browserAction.setBadgeText({text: count.toString()});
130 | else
131 | browser.browserAction.setBadgeText({text: ''});
132 | }
133 |
134 | document.querySelector('textarea').addEventListener('keyup',function(event) {
135 | if(event.keyCode == 13)
136 | saveToDo();
137 | });
138 |
--------------------------------------------------------------------------------
/togglePassword_webext/chrome/bg.js:
--------------------------------------------------------------------------------
1 | chrome.browserAction.onClicked.addListener(tab => {
2 | chrome.tabs.executeScript(tab.Id, {file: 'cs.js'});
3 | });
--------------------------------------------------------------------------------
/togglePassword_webext/chrome/cs.js:
--------------------------------------------------------------------------------
1 | (function(){
2 | const passwords = Array.from(document.querySelectorAll('input[type="password"]'));
3 | const changedPasswords = Array.from(document.querySelectorAll('input[data-toggled-password="true"]'))
4 |
5 | if(passwords.length) {
6 | passwords.forEach(p => {
7 | p.setAttribute('type', 'text');
8 | p.setAttribute('data-toggled-password', 'true');
9 | })
10 | } else if (changedPasswords.length) {
11 | changedPasswords.forEach(p => {
12 | p.setAttribute('type', 'password');
13 | p.removeAttribute('data-toggled-password');
14 | })
15 | }
16 | })();
--------------------------------------------------------------------------------
/togglePassword_webext/chrome/icons/LICENSE:
--------------------------------------------------------------------------------
1 | Icons made by "http://www.freepik.com" from "www.flaticon.com" is licensed by Creative Commons BY 3.0
--------------------------------------------------------------------------------
/togglePassword_webext/chrome/icons/icon_128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/togglePassword_webext/chrome/icons/icon_128.png
--------------------------------------------------------------------------------
/togglePassword_webext/chrome/icons/icon_32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/togglePassword_webext/chrome/icons/icon_32.png
--------------------------------------------------------------------------------
/togglePassword_webext/chrome/icons/icon_48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/togglePassword_webext/chrome/icons/icon_48.png
--------------------------------------------------------------------------------
/togglePassword_webext/chrome/icons/icon_64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/togglePassword_webext/chrome/icons/icon_64.png
--------------------------------------------------------------------------------
/togglePassword_webext/chrome/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 | "name": "Toggle Password",
4 | "description": "Toggles password field to show plain text and vice versa.",
5 | "version": "1.0.0",
6 | "icons": {
7 | "32": "icons/icon_32.png",
8 | "48": "icons/icon_48.png",
9 | "64": "icons/icon_64.png"
10 | },
11 | "background": {
12 | "scripts": ["bg.js"]
13 | },
14 | "permissions": ["activeTab"],
15 | "browser_action": {
16 | "default_icon": "icons/icon_32.png",
17 | "default_title": "Toggle Password"
18 | },
19 | "commands": {
20 | "_execute_browser_action": {
21 | "suggested_key": {
22 | "default": "Alt+Shift+P"
23 | }
24 | }
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/togglePassword_webext/ff/_locales/de/messages.json:
--------------------------------------------------------------------------------
1 | {
2 | "extensionName": {
3 | "message": "Passwort umschalten",
4 | "description": "Name of the extension."
5 | },
6 |
7 | "extensionDescription": {
8 | "message": "Schaltet das Kennwortfeld um, um Klartext anzuzeigen, und umgekehrt.",
9 | "description": "Description of the extension."
10 | },
11 |
12 | "buttonTitle": {
13 | "message": "Passwort umschalten",
14 | "description": "Title of the toolbar button."
15 | }
16 | }
--------------------------------------------------------------------------------
/togglePassword_webext/ff/_locales/en/messages.json:
--------------------------------------------------------------------------------
1 | {
2 | "extensionName": {
3 | "message": "Toggle Password",
4 | "description": "Name of the extension."
5 | },
6 |
7 | "extensionDescription": {
8 | "message": "Toggles password field to show plain text and vice versa.",
9 | "description": "Description of the extension."
10 | },
11 |
12 | "buttonTitle": {
13 | "message": "Toggle Password",
14 | "description": "Title of the toolbar button."
15 | }
16 | }
--------------------------------------------------------------------------------
/togglePassword_webext/ff/bg.js:
--------------------------------------------------------------------------------
1 | chrome.browserAction.onClicked.addListener(tab => {
2 | chrome.tabs.executeScript(tab.Id, {file: 'cs.js'});
3 | });
--------------------------------------------------------------------------------
/togglePassword_webext/ff/cs.js:
--------------------------------------------------------------------------------
1 | (function(){
2 | const passwords = Array.from(document.querySelectorAll('input[type="password"]'));
3 | const changedPasswords = Array.from(document.querySelectorAll('input[data-toggled-password="true"]'))
4 |
5 | if(passwords.length) {
6 | passwords.forEach(p => {
7 | p.setAttribute('type', 'text');
8 | p.setAttribute('data-toggled-password', 'true');
9 | })
10 | } else if (changedPasswords.length) {
11 | changedPasswords.forEach(p => {
12 | p.setAttribute('type', 'password');
13 | p.removeAttribute('data-toggled-password');
14 | })
15 | }
16 | })();
--------------------------------------------------------------------------------
/togglePassword_webext/ff/icons/LICENSE:
--------------------------------------------------------------------------------
1 | Icons made by "http://www.freepik.com" from "www.flaticon.com" is licensed by Creative Commons BY 3.0
--------------------------------------------------------------------------------
/togglePassword_webext/ff/icons/icon_128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/togglePassword_webext/ff/icons/icon_128.png
--------------------------------------------------------------------------------
/togglePassword_webext/ff/icons/icon_32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/togglePassword_webext/ff/icons/icon_32.png
--------------------------------------------------------------------------------
/togglePassword_webext/ff/icons/icon_48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/togglePassword_webext/ff/icons/icon_48.png
--------------------------------------------------------------------------------
/togglePassword_webext/ff/icons/icon_64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/togglePassword_webext/ff/icons/icon_64.png
--------------------------------------------------------------------------------
/togglePassword_webext/ff/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 | "name": "__MSG_extensionName__",
4 | "description": "__MSG_extensionDescription__",
5 | "version": "1.0.2",
6 | "icons": {
7 | "32": "icons/icon_32.png",
8 | "48": "icons/icon_48.png",
9 | "64": "icons/icon_64.png"
10 | },
11 | "background": {
12 | "scripts": ["bg.js"]
13 | },
14 | "default_locale": "en",
15 | "permissions": ["activeTab"],
16 | "browser_action": {
17 | "default_icon": "icons/icon_32.png",
18 | "default_title": "__MSG_buttonTitle__"
19 | },
20 | "options_ui": {
21 | "page": "options.html"
22 | },
23 | "commands": {
24 | "_execute_browser_action": {
25 | "suggested_key": {
26 | "default": "Alt+Shift+P"
27 | }
28 | }
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/togglePassword_webext/ff/options.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Keyboard Shortcut
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/togglePassword_webext/ff/options.js:
--------------------------------------------------------------------------------
1 | const m = typeof browser != 'undefined' ? true : false;
2 | const c = m ? browser : chrome;
3 | const t = document.getElementById("togglerShortcut");
4 | const d = document.getElementById("restoreDefault");
5 | t.style.cssText = `
6 | width: 200px;
7 | padding: 5px 10px;
8 | color: #444;
9 | `;
10 | d.style.cssText = `
11 | width: 100px;
12 | padding: 5px 10px;
13 | color: #444;
14 | background: transparent;
15 | border: 1px solid #444;
16 | text-align: center;
17 | `;
18 | const setShortCut = s => {
19 | c.commands.update({
20 | name: '_execute_browser_action',
21 | shortcut: s
22 | });
23 | t.value = s;
24 | }
25 | const handlePress= e => {
26 | if(e.key.length === 1 && /[a-zA-Z0-9]/.test(e.key)) {
27 | setShortCut(`Alt+Shift+${e.key.toUpperCase()}`)
28 | } else {
29 | t.value = 'Alt+Shift+';
30 | }
31 | }
32 | const showCmd = c => (t.value = c.shortcut);
33 | const getCommands = m
34 | ? browser.commands.getAll().then(c => {showCmd(c[0])})
35 | : chrome.commands.getAll(c => showCmd(c[0]));
36 |
37 | t.addEventListener('click', e=>{e.target.value='Alt+Shift+'})
38 | t.addEventListener('keyup', handlePress)
39 | d.addEventListener('click', ()=>setShortCut('Alt+Shift+P'))
40 |
--------------------------------------------------------------------------------
/wordCount_webext/background.js:
--------------------------------------------------------------------------------
1 | const MAX_LIMIT = 16384;
2 | const doTheMagic = text => {
3 | let selectedText = text;
4 | selectedText = selectedText.replace(/,/g, ' ');
5 | selectedText = selectedText.replace(/;/g, ' ');
6 | selectedText = selectedText.replace(/\//g, ' ');
7 | selectedText = selectedText.replace(/\\/g, ' ');
8 | selectedText = selectedText.replace(/{/g, ' ');
9 | selectedText = selectedText.replace(/}/g, ' ');
10 | selectedText = selectedText.replace(/\n/g, ' ');
11 | selectedText = selectedText.replace(/\s\s+/g, ' ');
12 |
13 | let totalWords = selectedText.trim().split(' ');
14 | totalWords = totalWords.filter(word => {
15 | if (!(word.length === 1 && !word.match(/^[a-zA-Z0-9]+$/)))
16 | return true;
17 | });
18 |
19 | browser.notifications.create({
20 | "type": "basic",
21 | "title": "Word Count",
22 | "message": `Total Words: ${totalWords.length}\nTotal Characters: ${text.length}`
23 | });
24 | }
25 |
26 | const notRestricted = (tab) => {
27 | const {url} = tab[0];
28 | if(!url.includes('http') || url.includes('addons.mozilla.org')) {
29 | browser.notifications.create({
30 | "type": "basic",
31 | "title": "Not Supported",
32 | "message": `Cannot count beyond ${MAX_LIMIT} characters on this URL/Page (browser restricted)!`
33 | });
34 | return false;
35 | }
36 | return true;
37 | }
38 |
39 | const countMe = info => {
40 | let selectedText = info.selectionText || '';
41 | if (selectedText.length == MAX_LIMIT) {
42 | browser.tabs.query({currentWindow: true, active: true})
43 | .then(tabs => {
44 | if(notRestricted(tabs)) {
45 | browser.tabs.executeScript({ code: `WCtargetElementId = ${info.targetElementId};` });
46 | browser.tabs.executeScript({ file: 'cs.js' });
47 | }
48 | })
49 | } else {
50 | doTheMagic(selectedText)
51 | }
52 | }
53 |
54 | browser.menus.create({
55 | id: "count-me",
56 | title: 'Word Count',
57 | contexts: ["all"]
58 | });
59 |
60 | browser.menus.onClicked.addListener(countMe);
61 | browser.runtime.onMessage.addListener(({ selectionText }) => doTheMagic(selectionText));
62 | browser.notifications.onShown.addListener(id=>{setTimeout(() => browser.notifications.clear(id), 5000)});
63 |
--------------------------------------------------------------------------------
/wordCount_webext/chrome/background.js:
--------------------------------------------------------------------------------
1 | const countMe = info => {
2 | let selectedText = info.selectionText || '';
3 | selectedText = selectedText.replace(/,/g, ' ');
4 | selectedText = selectedText.replace(/;/g, ' ');
5 | selectedText = selectedText.replace(/\//g, ' ');
6 | selectedText = selectedText.replace(/\\/g, ' ');
7 | selectedText = selectedText.replace(/{/g, ' ');
8 | selectedText = selectedText.replace(/}/g, ' ');
9 | selectedText = selectedText.replace(/\n/g, ' ');
10 | selectedText = selectedText.replace(/\s\s+/g, ' ');
11 |
12 | let totalWords = selectedText.trim().split(' ');
13 | totalWords = totalWords.filter(word => {
14 | if (!(word.length === 1 && !word.match(/^[a-zA-Z0-9]+$/)))
15 | return true;
16 | });
17 |
18 | chrome.notifications.create({
19 | "type": "basic",
20 | "title": "Word Count",
21 | "iconUrl": chrome.runtime.getURL('icons/icon_64.png'),
22 | "message": `Total Words: ${totalWords.length}\nTotal Characters: ${selectedText.length}`
23 | });
24 | }
25 |
26 | chrome.contextMenus.create({
27 | id: "count-me",
28 | title: 'Word Count',
29 | contexts: ["all"]
30 | });
31 |
32 | chrome.contextMenus.onClicked.addListener(countMe);
--------------------------------------------------------------------------------
/wordCount_webext/chrome/icons/LICENSE:
--------------------------------------------------------------------------------
1 | Icons made by Darius Dan from www.flaticon.com is licensed by CC 3.0 BY
--------------------------------------------------------------------------------
/wordCount_webext/chrome/icons/icon_128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/wordCount_webext/chrome/icons/icon_128.png
--------------------------------------------------------------------------------
/wordCount_webext/chrome/icons/icon_32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/wordCount_webext/chrome/icons/icon_32.png
--------------------------------------------------------------------------------
/wordCount_webext/chrome/icons/icon_64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/wordCount_webext/chrome/icons/icon_64.png
--------------------------------------------------------------------------------
/wordCount_webext/chrome/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 | "name" : "Word count",
4 | "description" : "Counts words and characters in selected text",
5 | "version": "1.0.0",
6 | "icons": {
7 | "32": "icons/icon_32.png",
8 | "128": "icons/icon_128.png",
9 | "64": "icons/icon_64.png"
10 | },
11 | "background": {
12 | "scripts": ["background.js"]
13 | },
14 | "permissions" : [
15 | "contextMenus",
16 | "notifications"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/wordCount_webext/cs.js:
--------------------------------------------------------------------------------
1 | (function(){
2 | try {
3 | const getTextSelection = field => field.value.substring(field.selectionStart, field.selectionEnd);
4 | const selectionText = window.getSelection().toString() || getTextSelection(browser.menus.getTargetElement(WCtargetElementId));
5 | chrome.runtime.sendMessage({selectionText});
6 | }catch (e) {
7 | console.log(`Schaize: ${e}`);
8 | }
9 | })();
--------------------------------------------------------------------------------
/wordCount_webext/icons/LICENSE:
--------------------------------------------------------------------------------
1 | Icons made by Darius Dan from www.flaticon.com is licensed by CC 3.0 BY
--------------------------------------------------------------------------------
/wordCount_webext/icons/icon_32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/wordCount_webext/icons/icon_32.png
--------------------------------------------------------------------------------
/wordCount_webext/icons/icon_48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/wordCount_webext/icons/icon_48.png
--------------------------------------------------------------------------------
/wordCount_webext/icons/icon_64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/wordCount_webext/icons/icon_64.png
--------------------------------------------------------------------------------
/wordCount_webext/icons/icon_96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tsl143/jsDemos/f84e7526951b89971f71d06f2eb3d6b032e7ec27/wordCount_webext/icons/icon_96.png
--------------------------------------------------------------------------------
/wordCount_webext/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 | "name" : "word count",
4 | "description" : "Counts words and characters in selected text",
5 | "version": "2.0",
6 |
7 | "icons": {
8 | "32": "icons/icon_32.png",
9 | "48": "icons/icon_48.png",
10 | "64": "icons/icon_64.png"
11 | },
12 | "background": {
13 | "scripts": ["background.js"]
14 | },
15 | "permissions" : [
16 | "menus",
17 | "notifications",
18 | "activeTab"
19 | ]
20 | }
21 |
--------------------------------------------------------------------------------