├── src
    ├── icons
    │   ├── 16.png
    │   ├── 19.png
    │   ├── 38.png
    │   ├── 48.png
    │   ├── 128.png
    │   └── Untitled-1.png
    ├── manifest.json
    ├── background
    │   └── event.js
    └── content_scripts
    │   └── inject.js
├── awe-inspiring-synonyms-extension.crx
├── README.md
├── index.html
└── demo.js


/src/icons/16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/orangespaceman/awe-inspiring-synonyms-extension/master/src/icons/16.png


--------------------------------------------------------------------------------
/src/icons/19.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/orangespaceman/awe-inspiring-synonyms-extension/master/src/icons/19.png


--------------------------------------------------------------------------------
/src/icons/38.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/orangespaceman/awe-inspiring-synonyms-extension/master/src/icons/38.png


--------------------------------------------------------------------------------
/src/icons/48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/orangespaceman/awe-inspiring-synonyms-extension/master/src/icons/48.png


--------------------------------------------------------------------------------
/src/icons/128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/orangespaceman/awe-inspiring-synonyms-extension/master/src/icons/128.png


--------------------------------------------------------------------------------
/src/icons/Untitled-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/orangespaceman/awe-inspiring-synonyms-extension/master/src/icons/Untitled-1.png


--------------------------------------------------------------------------------
/awe-inspiring-synonyms-extension.crx:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/orangespaceman/awe-inspiring-synonyms-extension/master/awe-inspiring-synonyms-extension.crx


--------------------------------------------------------------------------------
/src/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Awe-inspiring synonyms",
 3 |   "version": "0.0.2",
 4 |   "manifest_version": 2,
 5 |   "description": "Awe-inspiring synonyms (for Americans)",
 6 |   "homepage_url": "http://guntlondon.com",
 7 |   "icons": {
 8 |     "16": "icons/16.png",
 9 |     "48": "icons/48.png",
10 |     "128": "icons/128.png"
11 |   },
12 |   "browser_action": {
13 |     "default_title": "Toggle display of replaced words",
14 |     "default_icon": {
15 |         "19": "icons/19.png",
16 |         "38": "icons/38.png"
17 |     }
18 |   },
19 |   "background": {
20 |     "scripts": ["background/event.js"],
21 |     "persistent": false
22 |   },
23 |   "content_scripts": [
24 |     {
25 |       "matches": [
26 |         "http://*/*", "https://*/*"
27 |       ],
28 |       "js": [
29 |         "content_scripts/inject.js"
30 |       ],
31 |       "run_at": "document_end"
32 |     }
33 |   ]
34 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Awe-inspiring Synonyms - Chrome extension
 2 | 
 3 | A Chrome extension that automatically replaces the word 'phenomenal' with a random (but superior) synonym
 4 | 
 5 | 
 6 | ## Installation
 7 | 
 8 | Open Chrome, open the *extensions view* (chrome://extensions/) and drag/drop the **awe-inspiring-synonyms-extension.crx** file into the window
 9 | 
10 | 
11 | ## Usage
12 | 
13 | The plugin will automatically detect and replace every instance of 'phenomenal' on the page.
14 | 
15 | These will be underlined to subtly highlight the location of the original word.
16 | 
17 | To find the replaced words more easily, click the button in the toolbar to toggle a yellow background colour on each replacement.
18 | 
19 | 
20 | 
21 | ## Credits
22 | 
23 | Inspired by:
24 | 
25 |  * [Cloud to butt](https://github.com/panicsteve/cloud-to-butt)
26 |  * [Downworthy](https://github.com/snipe/downworthy)
27 |  * [Jailbreak-the-Patriarchy](https://github.com/DanielleSucher/Jailbreak-the-Patriarchy)
28 | 


--------------------------------------------------------------------------------
/src/background/event.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Awesome replacement...
 3 |  *
 4 |  *
 5 |  */
 6 | (function() {
 7 | 
 8 |     "use strict";
 9 | 
10 |     // update button state when find and replace has completed
11 |     chrome.extension.onMessage.addListener(function(request, sender, sendResponse) {
12 |         switch(request.type) {
13 |             case "awesome-count":
14 |                 var wordCount = request.data.wordCount.toString();
15 |                 var counter = request.data.counter.toString();
16 | 
17 |                 chrome.browserAction.setTitle({
18 |                     title: "Toggle display of " + counter + " replaced words"
19 |                 });
20 |                 chrome.browserAction.setBadgeText({
21 |                     text: counter
22 |                 });
23 |             break;
24 |         }
25 |         return true;
26 |     });
27 | 
28 | 
29 |     // toggle state when button is clicked
30 |     chrome.browserAction.onClicked.addListener(function(tab){
31 |         chrome.tabs.sendMessage(tab.id, { action: "toggle-state" });
32 |     });
33 | 
34 | })();


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8"/>
 5 |     <title>Testing the awe-inspiring synonyms Chrome extension</title>
 6 |     <style>
 7 |         body { background: #fff; margin: 2em; }
 8 |         .toggle {
 9 |             padding: 0.5em 1em;
10 |             background: #f90;
11 |             color: #fff;
12 |             text-decoration: none;
13 |             box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
14 |             transition: all;
15 |         }
16 |         .toggle:hover {
17 |             background: #f60;
18 |             box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
19 |         }
20 |     </style>
21 | </head>
22 | <body>
23 |     <a class="toggle" href="#">Go!</a>
24 | 
25 |     <h1>Testing the awe-inspiring synonyms Chrome extension</h1>
26 |     <h2>This is awesome</h2>
27 |     <p>Awesome</p>
28 |     <p>awesome</p>
29 |     <h3>Everything is awesome</h3>
30 |     <p>AWESOME</p>
31 |     <p>(awesome)</p>
32 |     Awesome
33 | 
34 |     <h2>(It does bad things too)</h2>
35 |     <h3>This Sucks</h3>
36 |     <p>that sucks</p>
37 | 
38 |     <script src="demo.js"></script>
39 |     <script src="https://orangespaceman.github.io/lab-badge/lab-badge.min.js"></script>
40 | </body>
41 | </html>
42 | 


--------------------------------------------------------------------------------
/src/content_scripts/inject.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Awesome replacement...
  3 |  *
  4 |  *
  5 |  */
  6 | (function() {
  7 | 
  8 |     "use strict";
  9 | 
 10 |     // count how many replacements we've made
 11 |     var counter = 0;
 12 | 
 13 |     // strings to find and replace
 14 |     var findAndReplace = [
 15 |         { word: "awesome", replacements: ["awe-inspiring","terrific", "fantastic", "amazing", "super", "stupendous", "outstanding", "great", "incredible", "marvelous", "wonderful", "fabulous", "impressive", "extraordinary", "magnificent", "superb", "astounding", "tremendous", "excellent", "exceptional", "awe-inspiring", "wondrous", "phenomenal", "actually quite good", "reasonably impressive", "marginally improved", "somewhat notable", "vaguely of interest"] },
 16 |         { word: "sucks", replacements: ["is pretty terrible", "is rather awful", "is disappointingly bad"] }
 17 |     ];
 18 | 
 19 | 
 20 |     // init!
 21 |     addStyles();
 22 |     findAndReplace.forEach(function(wordObj){
 23 |         awesomeFind(wordObj.word, wordObj.replacements);
 24 |     });
 25 | 
 26 | 
 27 |     // insert page styles to display word replacements
 28 |     function addStyles() {
 29 | 
 30 |         // Create the <style> tag
 31 |         var style = document.createElement("style");
 32 | 
 33 |         // WebKit hack :(
 34 |         style.appendChild(document.createTextNode(""));
 35 | 
 36 |         // Add the <style> element to the page
 37 |         document.head.appendChild(style);
 38 | 
 39 |         style.sheet.addRule("ins.awesome-replaced", "text-decoration:none;background:transparent;");
 40 |         style.sheet.addRule("abbr.awesome-replacement", "border-bottom:1px dotted #000; cursor:help;");
 41 |         style.sheet.addRule("body.show-awesome-replaced abbr.awesome-replacement", "background:#ff0;");
 42 |     }
 43 | 
 44 | 
 45 |     // show/hide changed words on button click
 46 |     function toggleState() {
 47 |         document.body.classList.toggle("show-awesome-replaced");
 48 |     }
 49 | 
 50 | 
 51 |     // find text nodes, test for presence of word to replace
 52 |     function awesomeFind(word, replacements, element) {
 53 |         if (!element) { element = document.body; }
 54 |         var nodes = element.childNodes;
 55 |         for (var node = 0; node < nodes.length; node++) {
 56 | 
 57 |             // only test text nodes
 58 |             if (nodes[node].nodeType == Node.TEXT_NODE) {
 59 |                 var regEx = new RegExp(word, "gi");
 60 | 
 61 |                 // replace word?
 62 |                 if (nodes[node].textContent.match(regEx)) {
 63 |                     counter++;
 64 |                     awesomeReplace(nodes[node], word, replacements);
 65 |                 }
 66 |             } else {
 67 |                 awesomeFind(word, replacements, nodes[node]);
 68 |             }
 69 |         }
 70 |     }
 71 | 
 72 | 
 73 |     // find and replace existing text node with new word
 74 |     function awesomeReplace(textNode, word, replacements) {
 75 | 
 76 |         var originalString = textNode.textContent;
 77 | 
 78 |         // generate el to replace
 79 |         var ins = document.createElement("ins");
 80 |         ins.classList.add("awesome-replaced");
 81 | 
 82 |         // pick string to replace
 83 |         var rand = Math.floor(Math.random()*replacements.length);
 84 |         var regEx = new RegExp(word, "gi");
 85 |         ins.innerHTML = originalString.replace(regEx, "<abbr class='awesome-replacement' title='"+word+" replacement #"+counter+"'>"+replacements[rand]+"</abbr>");
 86 | 
 87 |         // update DOM with new el
 88 |         textNode.parentNode.insertBefore(ins, textNode);
 89 |         textNode.parentNode.removeChild(textNode);
 90 |     }
 91 | 
 92 | 
 93 |     // report to BG process
 94 |     chrome.extension.sendMessage({
 95 |         type: "awesome-count",
 96 |         data: {
 97 |             wordCount: findAndReplace.length,
 98 |             counter: counter
 99 |         }
100 |     });
101 | 
102 | 
103 |     // detect messages from BG process
104 |     chrome.extension.onMessage.addListener(function(request, sender, sendResponse) {
105 |         if (request.action === "toggle-state") {
106 |             toggleState();
107 |         }
108 |     });
109 | 
110 | })();


--------------------------------------------------------------------------------
/demo.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Demo of the awe-inspiring synonyms Chrome extension
  3 |  * Try before you buy
  4 |  */
  5 | (function() {
  6 | 
  7 |     "use strict";
  8 | 
  9 |     // count how many replacements we've made
 10 |     var counter = 0;
 11 | 
 12 |     var inited = false;
 13 | 
 14 |     // listen for toggle clicks
 15 |     var toggleEl = document.querySelector(".toggle");
 16 |     toggleEl.addEventListener("click", init);
 17 | 
 18 |     // init
 19 |     function init (e) {
 20 | 
 21 |         if (e) {
 22 |             e.preventDefault();
 23 |         }
 24 | 
 25 |         if (!inited) {
 26 | 
 27 |             // strings to find and replace
 28 |             var findAndReplace = [
 29 |                 { word: "awesome", replacements: ["awe-inspiring","terrific", "fantastic", "amazing", "super", "stupendous", "outstanding", "great", "incredible", "marvelous", "wonderful", "fabulous", "impressive", "extraordinary", "magnificent", "superb", "astounding", "tremendous", "excellent", "exceptional", "awe-inspiring", "wondrous", "phenomenal", "actually quite good", "reasonably impressive", "marginally improved", "somewhat notable", "vaguely of interest"] },
 30 |                 { word: "sucks", replacements: ["is pretty terrible", "is rather awful", "is disappointingly bad"] }
 31 |             ];
 32 | 
 33 |             // init!
 34 |             addStyles();
 35 |             findAndReplace.forEach(function (wordObj) {
 36 |                 awesomeFind(wordObj.word, wordObj.replacements);
 37 |             });
 38 | 
 39 |             inited = true;
 40 |             toggleEl.textContent = "Toggle state";
 41 | 
 42 |         } else {
 43 |             toggleState();
 44 |         }
 45 |     }
 46 | 
 47 |     // insert page styles to display word replacements
 48 |     function addStyles () {
 49 | 
 50 |         // Create the <style> tag
 51 |         var style = document.createElement("style");
 52 | 
 53 |         // WebKit hack :(
 54 |         style.appendChild(document.createTextNode(""));
 55 | 
 56 |         // Add the <style> element to the page
 57 |         document.head.appendChild(style);
 58 | 
 59 |         style.sheet.addRule("ins.awesome-replaced", "text-decoration:none;background:transparent;");
 60 |         style.sheet.addRule("abbr.awesome-replacement", "border-bottom:1px dotted #000; cursor:help;");
 61 |         style.sheet.addRule("body.show-awesome-replaced abbr.awesome-replacement", "background:#ff0;");
 62 |     }
 63 | 
 64 | 
 65 |     // show/hide changed words on button click
 66 |     function toggleState () {
 67 |         document.body.classList.toggle("show-awesome-replaced");
 68 |     }
 69 | 
 70 | 
 71 |     // find text nodes, test for presence of word to replace
 72 |     function awesomeFind (word, replacements, element) {
 73 |         if (!element) { element = document.body; }
 74 |         var nodes = element.childNodes;
 75 |         for (var node = 0; node < nodes.length; node++) {
 76 | 
 77 |             // only test text nodes
 78 |             if (nodes[node].nodeType == Node.TEXT_NODE) {
 79 |                 var regEx = new RegExp(word, "gi");
 80 | 
 81 |                 // replace word?
 82 |                 if (nodes[node].textContent.match(regEx)) {
 83 |                     counter++;
 84 |                     awesomeReplace(nodes[node], word, replacements);
 85 |                 }
 86 |             } else {
 87 |                 awesomeFind(word, replacements, nodes[node]);
 88 |             }
 89 |         }
 90 |     }
 91 | 
 92 | 
 93 |     // find and replace existing text node with new word
 94 |     function awesomeReplace (textNode, word, replacements) {
 95 | 
 96 |         var originalString = textNode.textContent;
 97 | 
 98 |         // generate el to replace
 99 |         var ins = document.createElement("ins");
100 |         ins.classList.add("awesome-replaced");
101 | 
102 |         // pick string to replace
103 |         var rand = Math.floor(Math.random()*replacements.length);
104 |         var regEx = new RegExp(word, "gi");
105 |         ins.innerHTML = originalString.replace(regEx, "<abbr class='awesome-replacement' title='"+word+" replacement #"+counter+"'>"+replacements[rand]+"</abbr>");
106 | 
107 |         // update DOM with new el
108 |         textNode.parentNode.insertBefore(ins, textNode);
109 |         textNode.parentNode.removeChild(textNode);
110 |     }
111 | 
112 | })();


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