├── .editorconfig
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── ISSUE_TEMPLATE.md
├── LICENSE
├── PULL_REQUEST_TEMPLATE.md
├── README.md
├── app
    ├── components
    │   ├── command-palette
    │   │   ├── command-palette.html
    │   │   └── command-palette.scss
    │   ├── popup.html
    │   ├── static-command-palette
    │   │   ├── index.js
    │   │   ├── static-command-palette.html
    │   │   └── static-command-palette.scss
    │   └── theme-customizer
    │   │   ├── index.js
    │   │   ├── theme-customizer.html
    │   │   └── theme-customizer.scss
    ├── images
    │   ├── about-icon.svg
    │   ├── amazon-icon.svg
    │   ├── blank-page-icon.svg
    │   ├── calculator-icon.svg
    │   ├── cato-logo.png
    │   ├── cato-logo128.png
    │   ├── cato-logo16.png
    │   ├── cato-logo48.png
    │   ├── cato-white-logo@2x.png
    │   ├── chrome-icon.svg
    │   ├── clifford-headshot.jpg
    │   ├── firefox-icon.svg
    │   ├── github-icon.svg
    │   ├── gmail-icon.svg
    │   ├── google-calendar-icon.svg
    │   ├── google-drive-icon.svg
    │   ├── google-maps-icon.svg
    │   ├── google-search-icon.svg
    │   ├── incognito-icon.svg
    │   ├── shortened-url-icon.svg
    │   ├── theming-icon.svg
    │   ├── twitter-icon.svg
    │   ├── white-chrome-icon.svg
    │   └── youtube-icon.svg
    ├── manifest.json
    ├── pages
    │   ├── options
    │   │   ├── options.html
    │   │   ├── options.js
    │   │   └── options.scss
    │   └── popup
    │   │   ├── popup.html
    │   │   ├── popup.js
    │   │   └── popup.scss
    ├── plugins
    │   ├── close-tab
    │   │   └── index.js
    │   ├── close-tabs-except-active
    │   │   └── index.js
    │   ├── copy-url
    │   │   └── index.js
    │   ├── detach-tab
    │   │   └── index.js
    │   ├── disable-extension
    │   │   └── index.js
    │   ├── disable-extensions
    │   │   └── index.js
    │   ├── duplicate-tab-incognito
    │   │   └── index.js
    │   ├── duplicate-tab
    │   │   └── index.js
    │   ├── enable-extension
    │   │   └── index.js
    │   ├── fallback-web-searches
    │   │   └── index.js
    │   ├── find-bookmark
    │   │   └── index.js
    │   ├── find-tab
    │   │   └── index.js
    │   ├── merge-sort-tabs
    │   │   └── index.js
    │   ├── move-tab-left
    │   │   └── index.js
    │   ├── move-tab-right
    │   │   └── index.js
    │   ├── next-tab
    │   │   └── index.js
    │   ├── open-about
    │   │   └── index.js
    │   ├── open-amazon
    │   │   └── index.js
    │   ├── open-app-settings
    │   │   └── index.js
    │   ├── open-apps
    │   │   └── index.js
    │   ├── open-bookmarks
    │   │   └── index.js
    │   ├── open-downloads
    │   │   └── index.js
    │   ├── open-extensions
    │   │   └── index.js
    │   ├── open-gmail
    │   │   └── index.js
    │   ├── open-google-calendar
    │   │   └── index.js
    │   ├── open-google-drive
    │   │   └── index.js
    │   ├── open-history
    │   │   └── index.js
    │   ├── open-incognito
    │   │   └── index.js
    │   ├── open-new-tab
    │   │   └── index.js
    │   ├── open-settings
    │   │   └── index.js
    │   ├── open-window
    │   │   └── index.js
    │   ├── page-back
    │   │   └── index.js
    │   ├── page-forward
    │   │   └── index.js
    │   ├── plugins.js
    │   ├── previous-tab
    │   │   └── index.js
    │   ├── print-tab
    │   │   └── index.js
    │   ├── reload-tab
    │   │   └── index.js
    │   ├── reload-tabs
    │   │   └── index.js
    │   ├── shorten-url
    │   │   └── index.js
    │   ├── show-all-commands
    │   │   └── index.js
    │   ├── sort-tabs
    │   │   └── index.js
    │   ├── toggle-bookmark
    │   │   └── index.js
    │   ├── toggle-fullscreen-mode
    │   │   └── index.js
    │   ├── toggle-mute-tab
    │   │   └── index.js
    │   ├── toggle-mute-tabs
    │   │   └── index.js
    │   ├── uninstall-extension
    │   │   └── index.js
    │   ├── video-controller
    │   │   └── index.js
    │   ├── view-source-toggle
    │   │   └── index.js
    │   └── view-source
    │   │   └── index.js
    └── util.js
├── media
    ├── cato-logo.png
    ├── change-shortcut-how-to.png
    ├── chrome-icon.png
    ├── example-calculator.png
    ├── example-change-tab.png
    ├── example-command-showcase2.png
    ├── example-commands-showcase1.png
    ├── example-disable-extension.png
    ├── example-enable-extension.png
    ├── example-fallback-search.png
    ├── example-theme-customizer.png
    ├── feature-banner.png
    ├── opera-icon.png
    └── usage-example.gif
├── package-lock.json
├── package.json
└── webpack.config.js


/.editorconfig:
--------------------------------------------------------------------------------
 1 | # EditorConfig helps developers define and maintain
 2 | # consistent coding styles between different editors and IDEs.
 3 | 
 4 | root = true
 5 | 
 6 | [*]
 7 | end_of_line = lf
 8 | charset = utf-8
 9 | trim_trailing_whitespace = true
10 | insert_final_newline = true
11 | indent_style = space
12 | indent_size = 2
13 | 
14 | [*.md]
15 | trim_trailing_whitespace = false
16 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | !/*.js
2 | /docs/lib/
3 | /tests/**/*.js
4 | !/tests/**/jsfmt.spec.js
5 | /test.js
6 | /dist/
7 | /scripts/build
8 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | module.exports = {
  4 |   env: {
  5 |     browser: true,
  6 |     es6: true,
  7 |     node: true
  8 |   },
  9 |   extends: ["eslint:recommended"],
 10 |   "globals": {
 11 |     "chrome": true
 12 |   },
 13 |   parserOptions: {
 14 |     ecmaVersion: 6,
 15 |     ecmaFeatures: {
 16 |       jsx: true
 17 |     }
 18 |   },
 19 |   rules: {
 20 |     "accessor-pairs": "error",
 21 |     "array-bracket-spacing": "error",
 22 |     "array-callback-return": "error",
 23 |     "arrow-parens": ["error", "always"],
 24 |     "arrow-spacing": ["error", {
 25 |       "after": true,
 26 |       "before": true
 27 |     }],
 28 |     "block-scoped-var": "error",
 29 |     "block-spacing": "error",
 30 |     "brace-style": ["error", "stroustrup"],
 31 |     "comma-dangle": "error",
 32 |     "comma-spacing": ["error", {
 33 |       "after": true,
 34 |       "before": false
 35 |     }],
 36 |     "comma-style": ["error", "last"],
 37 |     "computed-property-spacing": "error",
 38 |     "consistent-this": ["error", "that"],
 39 |     "curly": "error",
 40 |     "default-case": "error",
 41 |     "dot-location": ["error", "property"],
 42 |     "dot-notation": ["error", {
 43 |       "allowKeywords":
 44 |        true
 45 |      }],
 46 |     "eqeqeq": "error",
 47 |     "func-call-spacing": "error",
 48 |     "generator-star-spacing": "error",
 49 |     "global-require": "error",
 50 |     "guard-for-in": "error",
 51 |     "handle-callback-err": "error",
 52 |     "id-blacklist": "error",
 53 |     "id-length": "error",
 54 |     "id-match": "error",
 55 |     "indent": "off",
 56 |     "init-declarations": "off",
 57 |     "jsx-quotes": "error",
 58 |     "key-spacing": "error",
 59 |     "keyword-spacing": "off",
 60 |     "linebreak-style": ["error", "unix"],
 61 |     "lines-around-comment": "error",
 62 |     "lines-around-directive": "error",
 63 |     "max-depth": "error",
 64 |     "max-len": "off",
 65 |     "max-nested-callbacks": "error",
 66 |     "max-params": ["error", 4],
 67 |     "max-statements-per-line": "error",
 68 |     "new-cap": "error",
 69 |     "new-parens": "error",
 70 |     "newline-per-chained-call": "error",
 71 |     "no-caller": "error",
 72 |     "no-console": "off",
 73 |     "no-confusing-arrow": "error",
 74 |     "no-duplicate-imports": "error",
 75 |     "no-else-return": "error",
 76 |     "no-empty-function": "error",
 77 |     "no-eq-null": "error",
 78 |     "no-extend-native": "error",
 79 |     "no-extra-parens": "error",
 80 |     "no-floating-decimal": "error",
 81 |     "no-implicit-coercion": "error",
 82 |     "no-implicit-globals": "error",
 83 |     "no-implied-eval": "error",
 84 |     "no-inner-declarations": "off",
 85 |     "no-invalid-this": "error",
 86 |     "no-label-var": "error",
 87 |     "no-labels": "error",
 88 |     "no-lone-blocks": "error",
 89 |     "no-lonely-if": "error",
 90 |     "no-loop-func": "error",
 91 |     "no-magic-numbers": "off",
 92 |     "no-mixed-operators": "off",
 93 |     "no-mixed-requires": "error",
 94 |     "no-multi-assign": "off",
 95 |     "no-multi-spaces": "error",
 96 |     "no-multi-str": "error",
 97 |     "no-native-reassign": "error",
 98 |     "no-negated-condition": "error",
 99 |     "no-negated-in-lhs": "error",
100 |     "no-nested-ternary": "error",
101 |     "no-new": "error",
102 |     "no-new-func": "error",
103 |     "no-new-object": "error",
104 |     "no-new-require": "error",
105 |     "no-new-wrappers": "error",
106 |     "no-octal-escape": "error",
107 |     "no-param-reassign": "error",
108 |     "no-path-concat": "error",
109 |     "no-plusplus": "error",
110 |     "no-process-exit": "error",
111 |     "no-proto": "error",
112 |     "no-prototype-builtins": "error",
113 |     "no-restricted-globals": "error",
114 |     "no-restricted-imports": "error",
115 |     "no-restricted-modules": "error",
116 |     "no-restricted-properties": "error",
117 |     "no-restricted-syntax": "error",
118 |     "no-return-assign": "error",
119 |     "no-return-await": "error",
120 |     "no-script-url": "error",
121 |     "no-self-compare": "error",
122 |     "no-sequences": "error",
123 |     "no-shadow": "error",
124 |     "no-shadow-restricted-names": "error",
125 |     "no-spaced-func": "error",
126 |     "no-sync": "error",
127 |     "no-tabs": "error",
128 |     "no-template-curly-in-string": "error",
129 |     "no-throw-literal": "off",
130 |     "no-trailing-spaces": "error",
131 |     "no-undef-init": "error",
132 |     "no-undefined": "error",
133 |     "no-underscore-dangle": "error",
134 |     "no-unmodified-loop-condition": "error",
135 |     "no-unneeded-ternary": "error",
136 |     "no-unused-expressions": "off",
137 |     "no-useless-call": "error",
138 |     "no-useless-computed-key": "error",
139 |     "no-useless-concat": "error",
140 |     "no-useless-constructor": "error",
141 |     "no-useless-escape": "error",
142 |     "no-useless-rename": "error",
143 |     "no-useless-return": "error",
144 |     "no-var": "error",
145 |     "no-void": "error",
146 |     "no-warning-comments": "error",
147 |     "no-whitespace-before-property": "error",
148 |     "no-with": "error",
149 |     "object-curly-spacing": ["error", "never"],
150 |     "one-var": "off",
151 |     "one-var-declaration-per-line": "error",
152 |     "prefer-const": "error",
153 |     "prefer-numeric-literals": "error",
154 |     "prefer-promise-reject-errors": "error",
155 |     "prefer-reflect": "error",
156 |     "prefer-rest-params": "error",
157 |     "prefer-spread": "error",
158 |     "prefer-template": "error",
159 |     "quote-props": "off",
160 |     "quotes": "off",
161 |     "radix": "error",
162 |     "require-await": "error",
163 |     "require-jsdoc": ["error", {
164 |       "require": {
165 |         "ArrowFunctionExpression": false,
166 |         "ClassDeclaration": true,
167 |         "FunctionDeclaration": true,
168 |         "MethodDefinition": true
169 |       }
170 |     }],
171 |     "rest-spread-spacing": "error",
172 |     "semi": "off",
173 |     "semi-spacing": "error",
174 |     "space-before-blocks": "error",
175 |     "space-before-function-paren": "off",
176 |     "space-in-parens": ["error", "never"],
177 |     "space-infix-ops": "error",
178 |     "space-unary-ops": "error",
179 |     "template-curly-spacing": ["error", "never"],
180 |     "template-tag-spacing": "error",
181 |     "unicode-bom": ["error", "never"],
182 |     "valid-jsdoc": [
183 |       "error", {
184 |         "prefer": {
185 |           "arg": "param",
186 |           "argument": "param",
187 |           "class": "constructor",
188 |           "return": "returns",
189 |           "virtual": "abstract"
190 |         },
191 |         "requireParamDescription": false,
192 |         "requireReturnDescription": false
193 |       }],
194 |       "yoda": ["error", "never"]
195 |     }
196 | };
197 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Project related
 2 | extension
 3 | 
 4 | ### node etc ###
 5 | 
 6 | # Logs
 7 | logs
 8 | *.log
 9 | npm-debug.log
10 | 
11 | # Runtime data
12 | pids
13 | *.pid
14 | *.seed
15 | 
16 | #For ionic build
17 | platforms/
18 | www/lib
19 | 
20 | # Directory for instrumented libs generated by jscoverage/JSCover
21 | lib-cov
22 | 
23 | # Coverage directory used by tools like istanbul
24 | coverage
25 | 
26 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
27 | .grunt
28 | 
29 | # Compiled Dirs (http://nodejs.org/api/addons.html)
30 | build/
31 | 
32 | # Dependency directorys
33 | # Deployed apps should consider commenting these lines out:
34 | # see https://npmjs.org/doc/faq.html#Should-I-check-my-node_modules-folder-into-git
35 | node_modules/
36 | bower_components/
37 | package-lock.json
38 | 
39 | 
40 | # Packages #
41 | ############
42 | # it's better to unpack these files and commit the raw source
43 | # git has its own built in compression methods
44 | *.7z
45 | *.dmg
46 | *.gz
47 | *.iso
48 | *.jar
49 | *.rar
50 | *.tar
51 | *.zip
52 | 
53 | 
54 | 
55 | # OS generated files #
56 | ######################
57 | .DS_Store
58 | .DS_Store?
59 | ._*
60 | .Spotlight-V100
61 | .Trashes
62 | ehthumbs.db
63 | Thumbs.db
64 | 
65 | # Text Editors
66 | *.vscode
67 | *.sublime
68 | 


--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
 1 | # Contributor Covenant Code of Conduct
 2 | 
 3 | ## Our Pledge
 4 | 
 5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
 6 | 
 7 | ## Our Standards
 8 | 
 9 | Examples of behavior that contributes to creating a positive environment include:
10 | 
11 | * Using welcoming and inclusive language
12 | * Being respectful of differing viewpoints and experiences
13 | * Gracefully accepting constructive criticism
14 | * Focusing on what is best for the community
15 | * Showing empathy towards other community members
16 | 
17 | Examples of unacceptable behavior by participants include:
18 | 
19 | * The use of sexualized language or imagery and unwelcome sexual attention or advances
20 | * Trolling, insulting/derogatory comments, and personal or political attacks
21 | * Public or private harassment
22 | * Publishing others' private information, such as a physical or electronic address, without explicit permission
23 | * Other conduct which could reasonably be considered inappropriate in a professional setting
24 | 
25 | ## Our Responsibilities
26 | 
27 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
28 | 
29 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
30 | 
31 | ## Scope
32 | 
33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
34 | 
35 | ## Attribution
36 | 
37 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
38 | 
39 | [homepage]: http://contributor-covenant.org
40 | [version]: http://contributor-covenant.org/version/1/4/
41 | 


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contributing to Cato
 2 | 
 3 | :+1::tada: First off, thanks for taking the time to contribute! :tada::+1:
 4 | 
 5 | The following is a set of guidelines for contributing to [Cato](https://github.com/cliffordfajardo/cato). These are mostly guidelines, not rules. Use your best judgment, and feel free to propose changes to this document in a pull request.
 6 | 
 7 | 
 8 | 
 9 | ### Before Submitting an Issue
10 | 
11 | First, please do a search in open issues to see if the issue or feature request has already been filed. If you find your issue already exists, make relevant comments and add your reaction. Use a reaction in place of a "+1" comment.
12 | 
13 | - 👍  upvote
14 | 
15 | - 👎  downvote
16 | 
17 | 
18 | ### Browser Extension Development Resources
19 | 
20 | - [Chrome Extension Developer Guide](https://developer.chrome.com/extensions/devguide)
21 |   - When you developing for this repo, please use the `browser` object for commands instead of `chrome` like the other commands in the `/plugins` folder . This allows us to start writing cross-browser extension code that [maybe compatible with other browsers](https://developer.mozilla.org/en-US/Add-ons/WebExtensions) like Firefox in the future.
22 | 
23 | 
24 | ### Brief Project Structure Overview
25 | 
26 | All of Cato's commands comes from the `/plugins` folder. Essentially, each command has it's own folder and `index.js` file. Currently, each command is exported as a single Object.
27 | 
28 | `plugins/plugins.js` is where all all of the commands get loaded into a single
29 | array and  `popup.js` is where they are eventually used.
30 | 
31 | **If you'd like to contribute a new command** ,  please create a new folder inside `plugins/`. Currently this project uses [async await](https://hackernoon.com/6-reasons-why-javascripts-async-await-blows-promises-away-tutorial-c7ec10518dd9) to deal with asynchronous code. When and if you can, please try and use async/await instead of callbacks and promises.
32 | 
33 | 
34 | ## Installing Prerequisites
35 | 
36 | You'll need git and a recent version of Node.JS (any v7.2.1+ is recommended with npm v3.10.10+). nvm is also highly recommended.
37 | 
38 | ## Development
39 | 
40 | Run `npm install` to install all dependencies for the project.
41 | 
42 | To run the extension locally, you'll need to build it with:
43 | 
44 | ```sh
45 | # Build once
46 | npm run build
47 | ```
48 | 
49 | ```sh
50 | # Build every time a file changes
51 | npm run watch
52 | ```
53 | 
54 | Once built, load it in the browser.
55 | 
56 | ### Chrome
57 | 
58 | 1. Visit `chrome://extensions/` in Chrome
59 | 2. Enable the **Developer mode**
60 | 3. Click on **Load unpacked extension**
61 | 4. Select the folder `extension`
62 | 
63 | 
64 | 
65 | ## Tips
66 | 
67 | Once you load the extension, invoke Cato by pressing the icon or command shortcut, you can option click
68 | the popup window and that will bring up the chrome developer tools for inspecting and debugging.
69 | 
70 | Consider using `debugger` statements in your code. They're useful when you're developing browser extensions.
71 | 
72 | 
73 | 
74 | ### Pull Requests
75 | 
76 | - Do not include issue numbers in the PR title
77 | - Include screenshots and animated GIFs in your pull request whenever possible.
78 | - End all files with a newline
79 | 
80 | To enable us to quickly review and accept your pull requests, always create one pull request per issue and link the issue in the pull request. Never merge multiple requests in one unless they have the same root cause. Be sure to follow our Coding Guidelines and keep code changes as small as possible. Avoid pure formatting changes to code that has not been modified otherwise. Pull requests should contain tests whenever possible.
81 | 


--------------------------------------------------------------------------------
/ISSUE_TEMPLATE.md:
--------------------------------------------------------------------------------
 1 | <!--
 2 | 
 3 | Have you read the Code of Conduct? By filing an Issue, you are expected to comply with it, including treating everyone with respect: https://github.com/cliffordfajardo/cato/blob/master/CODE_OF_CONDUCT.md
 4 | 
 5 | -->
 6 | 
 7 | ### Prerequisites
 8 | 
 9 | * [ ] Put an X between the brackets on this line if you have done all of the following:
10 |     * Checked that your issue isn't already filed: https://github.com/cliffordfajardo/cato/issues
11 | 
12 | 
13 | ### Description
14 | 
15 | [Description of the issue]
16 | 
17 | ### Steps to Reproduce (including a GIF is helpful)
18 | 
19 | 1. [First Step]
20 | 2. [Second Step]
21 | 3. [and so on...]
22 | 
23 | **Expected behavior:** [What you expect to happen]
24 | 
25 | **Actual behavior:** [What actually happens]
26 | 
27 | **Reproduces how often:** [What percentage of the time does it reproduce?]
28 | 
29 | 
30 | ### Versions & Operating System of Browser
31 | 
32 | - Version:
33 | - Operating System:
34 | 
35 | 
36 | 
37 | ### Additional Information
38 | 
39 | Any additional information, configuration or data that might be necessary to reproduce the issue.
40 | 


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


--------------------------------------------------------------------------------
/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
 1 | ### Requirements
 2 | 
 3 | * Filling out the template is required. Any pull request that does not include enough information to be reviewed in a timely manner may be closed at the maintainers' discretion.
 4 | * All new code requires tests to ensure against regressions
 5 | 
 6 | ### Description of the Change
 7 | 
 8 | <!--
 9 | 
10 | We must be able to understand the design of your change from this description. If we can't get a good idea of what the code will be doing from the description here, the pull request may be closed at the maintainers' discretion. Keep in mind that the maintainer reviewing this PR may not be familiar with or have worked with the code here recently, so please walk us through the concepts.
11 | 
12 | -->
13 | 
14 | ### Alternate Designs
15 | 
16 | <!-- Explain what other alternates were considered and why the proposed version was selected -->
17 | 
18 | ### Why Should This Be In Core?
19 | 
20 | <!-- Explain why this functionality should be part of Cato -->
21 | 
22 | ### Benefits
23 | 
24 | <!-- What benefits will be realized by the code change? -->
25 | 
26 | ### Possible Drawbacks
27 | 
28 | <!-- What are the possible side-effects or negative impacts of the code change? -->
29 | 
30 | ### Applicable Issues
31 | 
32 | <!-- Enter any applicable Issues here -->
33 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # <img src="media/cato-logo.png" width="40" style='margin-right: 10px;'> Cato
  2 | 
  3 | [![Chrome version][badge-cws]][link-cws]
  4 | [![PRs Welcome][prs-badge]][prs]
  5 | [![MIT License][license-badge]][LICENSE]
  6 | [![Tweet][twitter-badge]][twitter]
  7 | 
  8 | > Cato - a browser extension that allows you to control your browser with simple commands.
  9 | 
 10 | **Discuss it on [Product Hunt](https://www.producthunt.com/posts/cato)** 🐈
 11 | 
 12 | 
 13 | ## Install
 14 | 
 15 | This browser extension available for:
 16 | 
 17 | <table style="max-width: 700px;">
 18 | 	<tr>
 19 | 		<th colspan="2" style="text-align:center">
 20 | 			Install
 21 | 		</th>
 22 | 	</tr>
 23 | 	<tr><!-- Prevent zebra stripes --></tr>
 24 | 	<tr>
 25 | 		<td>
 26 | 			<img src="media/chrome-icon.png" width="48px">
 27 | 		</td>
 28 | 		<td>
 29 | 			<img src="media/opera-icon.png" width="48px">
 30 | 		</td>
 31 | 	</tr>
 32 |   <tr>
 33 |     <td>
 34 |       <a href="https://chrome.google.com/webstore/detail/cato/icphdcfpompgbdikholnedfeidemgobg">Chrome</a>
 35 |     </td>
 36 |     <td>
 37 |       <a href="https://addons.opera.com/en/extensions/details/download-chrome-extension-9/">Opera</a>
 38 |     </td>
 39 |   </tr>
 40 | </table>
 41 | 
 42 | 
 43 | 
 44 | ## Highlights
 45 | 
 46 | <table style="max-width: 700px;">
 47 | 	<tr>
 48 | 		<th colspan="2" style="text-align:center">
 49 | 			Sample Commands
 50 | 		</th>
 51 | 	</tr>
 52 | 	<tr><!-- Prevent zebra stripes --></tr>
 53 | 	<tr>
 54 | 		<td>
 55 | 			<img src="media/example-commands-showcase1.png">
 56 | 		</td>
 57 | 		<td>
 58 | 			<img src="media/example-command-showcase2.png">
 59 | 		</td>
 60 | 	</tr>
 61 | </table>
 62 | 
 63 | <table style="max-width: 700px;">
 64 | 	<tr>
 65 | 		<th colspan="2" style="text-align:center">
 66 | 			Fallback Searches and Calculator
 67 | 		</th>
 68 | 	</tr>
 69 | 	<tr><!-- Prevent zebra stripes --></tr>
 70 | 	<tr>
 71 | 		<td>
 72 | 			<img src="media/example-fallback-search.png">
 73 | 		</td>
 74 | 		<td>
 75 | 			<img src="media/example-calculator.png"> </td>
 76 | 	</tr>
 77 | </table>
 78 | 
 79 | <table style="max-width: 700px;">
 80 | 	<tr>
 81 | 		<th colspan="2" style="text-align:center">
 82 | 			Customize your launcher
 83 | 		</th>
 84 | 	</tr>
 85 | 	<tr><!-- Prevent zebra stripes --></tr>
 86 | 	<tr>
 87 | 		<td>
 88 | 			<img src="media/example-theme-customizer.png">
 89 | 		</td>
 90 | </table>
 91 | 
 92 | 
 93 | 
 94 | ### Changing this extension's shortcut keys
 95 | 
 96 | - By default to open Cato you can click the browser icon near your URL bar or you can use:
 97 |   - Mac: <kbd>Command ⌘</kbd> + <kbd>J</kbd>
 98 |   - Windows and Linux: <kbd>Ctrl</kbd> + <kbd>J</kbd>
 99 | - Alternatively, in Google Chrome, you can go to the URL `chrome://extensions/shortcuts` and scroll to the bottom and click **Keyboard shortcuts**
100 | 
101 | 
102 | 
103 | ## Contributing and Development
104 | 
105 | We're happy to receive suggestions and contributions. Please take a look at [CONTRIBUTING.md](CONTRIBUTING.md) to learn more about how to submit code, report bugs and so on.
106 | 
107 | 
108 | 
109 | 
110 | ## Story Behind Cato
111 | 
112 | One day, I forgot my laptop at home while visiting a cousin's house. Luckily, he had a backup chromebook laptop I could use temporarily. Of course using this pc wasn't the same as my own laptop which had Alfred App, my text editors and a few other command-driven apps.
113 | 
114 | I'd gotten accustomed to simply typing everything I needed on my computer, without almost ever using my mouse. I wanted a similar command-driven experience in one of the apps I use most as a software developer - my web browser. Thus, Cato was born.
115 | 
116 | Now, with Cato, I can get nearly the same command-driven experiences that apps like Alfred App/Atom/VSCode/Spotlight have, but in my web browser on nearly any operating system! #yay  🎉🍻🎊
117 | 
118 | 
119 | 
120 | [badge-cws]: https://img.shields.io/chrome-web-store/v/hlepfoohegkhhmjieoechaddaejaokhf.svg?label=chrome
121 | [link-cws]: https://chrome.google.com/webstore/detail/cato/icphdcfpompgbdikholnedfeidemgobg "Version published on Chrome Web Store"
122 | 
123 | [license-badge]: https://img.shields.io/npm/l/cross-env.svg?style=flat-square
124 | [license]: https://github.com/kentcdodds/cross-env/blob/master/other/LICENSE
125 | 
126 | [license-badge]: https://img.shields.io/npm/l/cross-env.svg?style=flat-square
127 | [license]: https://github.com/kentcdodds/cross-env/blob/master/other/LICENSE
128 | 
129 | [prs]: http://makeapullrequest.com
130 | [prs-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
131 | 
132 | [twitter]: https://twitter.com/intent/tweet?url=https%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Fcato%2Ficphdcfpompgbdikholnedfeidemgobg&via=cliffordfajard0&text=Checkout%20the%20command%20launcher%20browser%20extension%20-%20Cato%21
133 | [twitter-badge]: https://img.shields.io/twitter/url/https/github.com/kentcdodds/cross-env.svg?style=social
134 | 
135 | 
136 | 
137 | ### Thank You
138 | > Thanks checking out my extension! I'm mostly hang out on [twitter](https://twitter.com/cliffordfajard0), ask me questions or let's talk!
139 | 
140 | <a href="https://twitter.com/cliffordfajard0"><img src="https://img.shields.io/twitter/follow/cliffordfajard0?style=social" alt="Twitter Profile Badge"/></a>
141 | 


--------------------------------------------------------------------------------
/app/components/command-palette/command-palette.html:
--------------------------------------------------------------------------------
 1 | <div class="cLauncher">
 2 |   <div class="cLauncher__search-input-wrapper">
 3 |     <input type="text" class="cLauncher__search" autofocus placeholder="Enter a Command">
 4 |   </div>
 5 |   <div class="cLauncher__suggestions-wrapper">
 6 |     <ul class="cLauncher__suggestions cLauncher__scrollbar">
 7 | 
 8 |     </ul>
 9 |   </div>
10 | 
11 | </div>
12 | 


--------------------------------------------------------------------------------
/app/components/command-palette/command-palette.scss:
--------------------------------------------------------------------------------
  1 | //add bulma font module
  2 | 
  3 | :root {
  4 |   //classic #FFFFFF is the default theme
  5 |   // element background colors
  6 |   --app-background-color: #FFFFFF;
  7 |   --search-input-caret-color: #222222;
  8 |   --search-results-scrollbar-color: #222222;
  9 |   --selected-suggestion-background-color: #222222;
 10 |   // text sizing
 11 |   --search-input-value-text-size: 30px;
 12 |   --suggestion-title-text-size: 16px;
 13 |   --suggestion-subtitle-text-size: 13px;
 14 |   //text colors
 15 |   --search-input-value-text-color: #222222;
 16 |   --selected-suggestion-title-text-color: #FFFFFF;
 17 |   --selected-suggestion-subtitle-text-color: #FFFFFF;
 18 |   --selected-suggestion-character-match-color: #FFFFFF;
 19 |   --suggestion-title-text-color: #222222;
 20 |   --suggestion-subtitle-text-color: #222222;
 21 |   --suggestion-character-match-color: #222222;
 22 |   //spacing
 23 |   --search-results-scrollbar-width: 2px;
 24 | }
 25 | 
 26 | .cLauncher {
 27 |   background: var(--app-background-color);
 28 |   min-height: 60px;
 29 |   width: var(--app-width-size);
 30 | 
 31 |   .cLauncher__search {
 32 |     background-color: var(--app-background-color);
 33 |     caret-color: var(--search-input-caret-color);
 34 |     border: none;
 35 |     color: var(--search-input-value-text-color);
 36 |     height: 50px;
 37 |     font-size: var(--search-input-value-text-size);
 38 |     font-weight: 300;
 39 |     width: 100%;
 40 |     padding: 5px 5px 5px 15px;
 41 | 
 42 |     &:focus {
 43 |       outline: none;
 44 |     }
 45 |   }
 46 | 
 47 |   .cLauncher__icon {
 48 |     margin-top: 5px;
 49 |   }
 50 | 
 51 |   .cLauncher__search-input-wrapper {
 52 |     display: flex;
 53 |     justify-content: space-between;
 54 |     padding: 5px;
 55 |   }
 56 | 
 57 |   .cLauncher__suggestions {
 58 |     max-height: 300px;
 59 |     margin: 0;
 60 |     background: var(--app-background-color);
 61 |     overflow-y: scroll;
 62 |     padding: 0;
 63 |   }
 64 | 
 65 |   .cLauncher__scrollbar::-webkit-scrollbar {
 66 |     width: var(--search-results-scrollbar-width);
 67 |   }
 68 | 
 69 |   .cLauncher__scrollbar::-webkit-scrollbar-thumb {
 70 |     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 71 |     background-color: var(--search-results-scrollbar-color);
 72 |   }
 73 | 
 74 |   .cLauncher__suggestion {
 75 |     display: flex;
 76 |     align-items: center;
 77 |     padding: 10px 10px 10px 20px;
 78 |     list-style: none;
 79 |     height: 60px;
 80 | 
 81 |     &.selected {
 82 |       background-color: var(--selected-suggestion-background-color);
 83 | 
 84 |       .cLauncher__suggestion-title {
 85 |         color: var(--selected-suggestion-title-text-color);
 86 |       }
 87 | 
 88 |       .cLauncher__suggestion-subtitle {
 89 |         color: var(--selected-suggestion-subtitle-text-color);
 90 |       }
 91 | 
 92 |       strong {
 93 |         color: var(--selected-suggestion-character-match-color);
 94 |       }
 95 |     }
 96 | 
 97 |     .cLauncher__suggestion-icon {
 98 |       width: 20px;
 99 |       margin-right: 10px;
100 |     }
101 | 
102 |     .cLauncher__suggestion-text-info {
103 |       display: flex;
104 |       flex-direction: column;
105 |       width: 80%;
106 |     }
107 | 
108 |     .cLauncher__suggestion-title {
109 |       color: var(--suggestion-title-text-color);
110 |       font-size: var(--suggestion-title-text-size);
111 |       margin-bottom: 2px;
112 |     }
113 | 
114 |     .cLauncher__suggestion-subtitle {
115 |       color: var(--suggestion-subtitle-text-color);
116 |       font-size: var(--suggestion-subtitle-text-size);
117 |     }
118 | 
119 |     .cLauncher__suggestion-subtitle,
120 |     .cLauncher__suggestion-title {
121 |       max-width: 400px;
122 |       overflow: hidden;
123 |       text-overflow: ellipsis;
124 |       white-space: nowrap;
125 |     }
126 |     strong {
127 |       font-weight: bold;
128 |       color: var(--suggestion-character-match-color);
129 |     }
130 |   }
131 | }
132 | 


--------------------------------------------------------------------------------
/app/components/popup.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <title>App</title>
 6 | <link href="popup.css" rel="stylesheet"></head>
 7 | <body>
 8 | <script type="text/javascript" src="popup.js"></script></body>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/app/components/static-command-palette/index.js:
--------------------------------------------------------------------------------
1 | const {h} = require('dom-chef')
2 | const commandPaletteHTML = require('./static-command-palette.html')
3 | const commandPaletteElement = (<div dangerouslySetInnerHTML={{__html: commandPaletteHTML}}></div>)
4 | 
5 | module.exports = commandPaletteElement
6 | 


--------------------------------------------------------------------------------
/app/components/static-command-palette/static-command-palette.html:
--------------------------------------------------------------------------------
 1 | <div class="static-cLauncher cLauncher">
 2 |   <div class="cLauncher__search-input-wrapper">
 3 |     <input type="text" class="cLauncher__search" autofocus="" placeholder="Enter Your Command" value="To">
 4 |   </div>
 5 |   <div class="cLauncher__suggestions-wrapper">
 6 |     <ul class="cLauncher__suggestions cLauncher__scrollbar">
 7 |       <li class="cLauncher__suggestion selected"><img class="cLauncher__suggestion-icon" src="/images/chrome-icon.svg">
 8 |         <div class="cLauncher__suggestion-title-info">
 9 |           <div class="cLauncher__suggestion-title"><strong class="highlight">To</strong>ggle Fullscreen</div>
10 |           <div class="cLauncher__suggestion-subtitle">Turn fullscreen mode on/off for the window.</div>
11 |         </div>
12 |       </li>
13 |       <li class="cLauncher__suggestion"><img class="cLauncher__suggestion-icon" src="/images/incognito-icon.svg" />
14 |         <div class="cLauncher__suggestion-title-info">
15 |           <div class="cLauncher__suggestion-title">Incogni<strong class="highlight">to</strong> Window</div>
16 |           <div class="cLauncher__suggestion-subtitle">Open a new incognito browser window.</div>
17 |         </div>
18 |       </li>
19 |       <li class="cLauncher__suggestion"><img class="cLauncher__suggestion-icon" src="/images/chrome-icon.svg">
20 |         <div class="cLauncher__suggestion-title-info">
21 |           <div class="cLauncher__suggestion-title">His<strong class="highlight">to</strong>ry</div>
22 |           <div class="cLauncher__suggestion-subtitle">Open your search history.</div>
23 |         </div>
24 |       </li>
25 |       <li class="cLauncher__suggestion"><img class="cLauncher__suggestion-icon" src="/images/incognito-icon.svg">
26 |         <div class="cLauncher__suggestion-title-info">
27 |           <div class="cLauncher__suggestion-title">Duplicate Tab Incogni<strong class="highlight">to</strong></div>
28 |           <div class="cLauncher__suggestion-subtitle">Duplicate the tab and place it in an incognito window.</div>
29 |         </div>
30 |       </li>
31 |       <li class="cLauncher__suggestion"><img class="cLauncher__suggestion-icon" src="/images/chrome-icon.svg">
32 |         <div class="cLauncher__suggestion-title-info">
33 |           <div class="cLauncher__suggestion-title">Sort <strong class="highlight">T</strong>abs and Merge Wind<strong class="highlight">o</strong>ws</div>
34 |           <div class="cLauncher__suggestion-subtitle">Move all tabs to the current window and sort them.</div>
35 |         </div>
36 |       </li>
37 |       <li class="cLauncher__suggestion"><img class="cLauncher__suggestion-icon" src="/images/chrome-icon.svg">
38 |         <div class="cLauncher__suggestion-title-info">
39 |           <div class="cLauncher__suggestion-title">Ex<strong class="highlight">t</strong>ensi<strong class="highlight">o</strong>ns</div>
40 |           <div class="cLauncher__suggestion-subtitle">View your installed browser extensions.</div>
41 |         </div>
42 |       </li>
43 |       <li class="cLauncher__suggestion"><img class="cLauncher__suggestion-icon" src="/images/chrome-icon.svg">
44 |         <div class="cLauncher__suggestion-title-info">
45 |           <div class="cLauncher__suggestion-title">Unins<strong class="highlight">t</strong>all Extensi<strong class="highlight">o</strong></div>
46 |           <div class="cLauncher__suggestion-subtitle">Uninstall one of your installed chrome extensions.</div>
47 |         </div>
48 |       </li>
49 |       <li class="cLauncher__suggestion"><img class="cLauncher__suggestion-icon" src="/images/chrome-icon.svg">
50 |         <div class="cLauncher__suggestion-title-info">
51 |           <div class="cLauncher__suggestion-title">Enable Ex<strong class="highlight">t</strong>ensi<strong class="highlight">o</strong></div>
52 |           <div class="cLauncher__suggestion-subtitle">Enable one of your disabled chrome extensions.</div>
53 |         </div>
54 |       </li>
55 |       <li class="cLauncher__suggestion"><img class="cLauncher__suggestion-icon" src="/images/chrome-icon.svg">
56 |         <div class="cLauncher__suggestion-title-info">
57 |           <div class="cLauncher__suggestion-title">Disable Ex<strong class="highlight">t</strong>ensi<strong class="highlight">o</strong></div>
58 |           <div class="cLauncher__suggestion-subtitle">Disable an active chrome extension</div>
59 |         </div>
60 |       </li>
61 |       <li class="cLauncher__suggestion"><img class="cLauncher__suggestion-icon" src="/images/chrome-icon.svg">
62 |         <div class="cLauncher__suggestion-title-info">
63 |           <div class="cLauncher__suggestion-title">App <strong class="highlight">O</strong>ptions/Se<strong class="highlight">t</strong>tings</div>
64 |           <div class="cLauncher__suggestion-subtitle">View the settings page for Winfred (this app).</div>
65 |         </div>
66 |       </li>
67 |       <li class="cLauncher__suggestion"><img class="cLauncher__suggestion-icon" src="/images/chrome-icon.svg">
68 |         <div class="cLauncher__suggestion-title-info">
69 |           <div class="cLauncher__suggestion-title">Disable All Ex<strong class="highlight">t</strong>ensi<strong class="highlight">o</strong>ns</div>
70 |           <div class="cLauncher__suggestion-subtitle">Disables all active chrome extensions</div>
71 |         </div>
72 |       </li>
73 |     </ul>
74 |   </div>
75 | 
76 | </div>
77 | 


--------------------------------------------------------------------------------
/app/components/static-command-palette/static-command-palette.scss:
--------------------------------------------------------------------------------
1 | .static-cLauncher {
2 |   min-width: 500px;
3 |   box-shadow: 0 6px 2px 0 rgba(0,0,0,.14), 0 7px 8px -2px rgba(0,0,0,.2), 0 1px 83px 0 rgba(0,0,0,4.12);
4 |   margin-right: 60px;
5 | }
6 | 


--------------------------------------------------------------------------------
/app/components/theme-customizer/index.js:
--------------------------------------------------------------------------------
 1 | const {h} = require('dom-chef')
 2 | const utils = require('../../util')
 3 | const browser = require('webextension-polyfill')
 4 | 
 5 | const themeCustomizerHTML = require('./theme-customizer.html')
 6 | const themeCustomizerElement = (<div dangerouslySetInnerHTML={{__html: themeCustomizerHTML}}></div>)
 7 | const resetThemeButton = themeCustomizerElement.querySelector('#reset-theme')
 8 | const saveThemeButton = themeCustomizerElement.querySelector('#save-theme-settings')
 9 | 
10 | const htmlElement = document.querySelector('html')
11 | const themeControlInputs = themeCustomizerElement.querySelectorAll('.theme-controls__input')
12 | 
13 | resetThemeButton.addEventListener('click', () => {
14 |   utils.resetFakeAppTheme()
15 |   utils.resetLocalStorageTheme()
16 |   themeControlInputs.forEach((input) => utils.resetThemeInputValue(input))
17 | })
18 | 
19 | 
20 | 
21 | themeControlInputs.forEach((input) => input.addEventListener('change', utils.handleThemeInputValueChanges))
22 | 
23 | //default values
24 | themeControlInputs.forEach(async (input) => {
25 |   const { themeConfig } = await browser.storage.sync.get('themeConfig')
26 |   const property = input.dataset.cssvariable
27 |   let value = themeConfig[property]
28 |   if (input.type === 'number') {
29 |     value = value.slice(0, -2) // 500px -> 500
30 |   }
31 |   input.setAttribute('value', value)
32 | })
33 | 
34 | //set the static launcher's color to the values we have in local storage, if any.
35 | themeControlInputs.forEach(async (input) => {
36 |   const {themeConfig} = await browser.storage.sync.get('themeConfig')
37 |   for (const property in themeConfig){
38 |     htmlElement.style.cssText += `${property}: ${themeConfig[property]}`
39 |   }
40 | 
41 | })
42 | 
43 | 
44 | 
45 | 
46 | module.exports = themeCustomizerElement
47 | 


--------------------------------------------------------------------------------
/app/components/theme-customizer/theme-customizer.html:
--------------------------------------------------------------------------------
 1 | <section class="theme-controls">
 2 | 
 3 |   <h1 class="theme-controls__group-title is-size-4">Background Coloring</h1>
 4 |   <div class="theme-controls__control-container">
 5 |     <label class="theme-controls__label">App</label>
 6 |     <input class="theme-controls__input theme-controls__input_color-picker" type="color" data-cssvariable="--app-background-color">
 7 |   </div>
 8 | 
 9 |   <div class="theme-controls__control-container">
10 |     <label class="theme-controls__label">Selected Search Suggestion</label>
11 |     <input class="theme-controls__input theme-controls__input_color-picker" type="color" data-cssvariable="--selected-suggestion-background-color">
12 |   </div>
13 | 
14 |   <div class="theme-controls__control-container">
15 |     <labe class="theme-controls__label">Search Results Scrollbar</labe>
16 |     <input class="theme-controls__input theme-controls__input_color-picker" type="color" data-cssvariable="--search-results-scrollbar-color">
17 |   </div>
18 | 
19 |   <div class="theme-controls__control-container">
20 |     <label class="theme-controls__label">Search Input Caret</label>
21 |     <input class="theme-controls__input theme-controls__input_color-picker" type="color" data-cssvariable="--search-input-caret-color">
22 |   </div>
23 | 
24 | 
25 |   <h1 class="theme-controls__group-title is-size-4">Text Coloring</h1>
26 |   <div class="theme-controls__control-container">
27 |     <label class="theme-controls__label">Search Input Value</label>
28 |     <input class="theme-controls__input theme-controls__input_color-picker" type="color" data-cssvariable="--search-input-value-text-color">
29 |   </div>
30 | 
31 |   <div class="theme-controls__control-container">
32 |     <label class="theme-controls__label">Selected Search Suggestion Title</label>
33 |     <input class="theme-controls__input theme-controls__input_color-picker" type="color" data-cssvariable="--selected-suggestion-title-text-color">
34 |   </div>
35 | 
36 |   <div class="theme-controls__control-container">
37 |     <label class="theme-controls__label">Selected Search Suggestion Subtitle</label>
38 |     <input class="theme-controls__input theme-controls__input_color-picker" type="color" data-cssvariable="--selected-suggestion-subtitle-text-color">
39 |   </div>
40 | 
41 |   <div class="theme-controls__control-container">
42 |     <label class="theme-controls__label">Selected Search Suggestion Character Match</label>
43 |     <input class="theme-controls__input theme-controls__input_color-picker" type="color" data-cssvariable="--selected-suggestion-character-match-color">
44 |   </div>
45 | 
46 |   <div class="theme-controls__control-container">
47 |     <label class="theme-controls__label">Search Suggestion Title</label>
48 |     <input class="theme-controls__input theme-controls__input_color-picker" type="color" data-cssvariable="--suggestion-title-text-color">
49 |   </div>
50 | 
51 |   <div class="theme-controls__control-container">
52 |     <label class="theme-controls__label">Search Suggestion Subtitle</label>
53 |     <input class="theme-controls__input theme-controls__input_color-picker" type="color" data-cssvariable="--suggestion-subtitle-text-color">
54 |   </div>
55 | 
56 |   <div class="theme-controls__control-container">
57 |     <label class="theme-controls__label">Search Suggestion Character Match</label>
58 |     <input class="theme-controls__input theme-controls__input_color-picker" type="color" data-cssvariable="--suggestion-character-match-color">
59 |   </div>
60 | 
61 | 
62 |   <h1 class="theme-controls__group-title is-size-4">Spacing</h1>
63 |   <!-- <div class="theme-controls__control-container">
64 |     <label class="theme-controls__label">App Width</label>
65 |     <input class="theme-controls__input theme-controls__input_font-resizer" type="number" data-cssvariable="--app-width-size" data-sizing="px">
66 |   </div> -->
67 | 
68 |   <div class="theme-controls__control-container">
69 |     <label class="theme-controls__label">Search Results Scrollbar Width</label>
70 |     <input class="theme-controls__input theme-controls__input_font-resizer" type="number" data-cssvariable="--search-results-scrollbar-width" data-sizing='px'>
71 |   </div>
72 | 
73 |   <h1 class="theme-controls__group-title is-size-4">Text Sizing</h1>
74 |   <div class="theme-controls__control-container">
75 |     <label class="theme-controls__label">Search Input Value</label>
76 |     <input class="theme-controls__input theme-controls__input_font-resizer" type="number" data-cssvariable="--search-input-value-text-size" data-sizing='px'>
77 |   </div>
78 | 
79 |   <div class="theme-controls__control-container">
80 |     <label class="theme-controls__label">Search Suggestion Title</label>
81 |     <input class="theme-controls__input theme-controls__input_font-resizer" type="number" data-cssvariable="--suggestion-title-text-size" data-sizing='px'>
82 |   </div>
83 | 
84 |   <div class="theme-controls__control-container">
85 |     <label class="theme-controls__label">Search Suggestion Subtitle</label>
86 |     <input class="theme-controls__input theme-controls__input_font-resizer" type="number" data-cssvariable="--suggestion-subtitle-text-size" data-sizing='px'>
87 |   </div>
88 | 
89 |   <footer class="theme-controls__footer">
90 |     <div class="theme-controls-actions">
91 |       <button id="reset-theme" class="theme-controls__button theme-controls__button_reset">Reset Theme</button>
92 |     </div>
93 |   </footer>
94 | 
95 | </section>
96 | 


--------------------------------------------------------------------------------
/app/components/theme-customizer/theme-customizer.scss:
--------------------------------------------------------------------------------
 1 | .theme-controls {
 2 |   width: 480px;
 3 |   background: #222222;
 4 |   padding: 25px;
 5 |   padding-top:10px;
 6 |   box-shadow: 0 6px 2px 0 rgba(0,0,0,.14), 0 7px 8px -2px rgba(0,0,0,.2), 0 1px 83px 0 rgba(0,0,0,4.12);
 7 | }
 8 | 
 9 | .theme-controls__group-title {
10 |   color: white;
11 |   border-bottom: 2px solid white;
12 |   &:not(:first-child) {
13 |     margin: 5px 0;
14 |   }
15 | }
16 | .theme-controls__control-container {
17 |   display: flex;
18 |   justify-content: space-between;
19 |   margin-bottom: -3px;
20 | }
21 | .theme-controls__label {
22 |   font-size: 14px;
23 |   color: white;
24 |   display: inline-block;
25 |   align-self: center;
26 | }
27 | 
28 | .theme-controls__input_color-picker {
29 |   background: none;
30 |   border:none;
31 |   border-image: none;
32 |   width: 60px;
33 |   height: 30px;
34 |   border: 0;
35 |   padding: 0;
36 | }
37 | 
38 | .theme-controls__input_font-resizer {
39 |   width: 60px;
40 |   padding-left: 10px !important;
41 |   height: 20px;
42 |   padding: 0;
43 |   margin-bottom: 6px;
44 | }
45 | 
46 | .theme-controls__footer {
47 |   display: flex;
48 |   margin-top: 20px;
49 | 
50 |   .theme-controls__button {
51 |     &:first-child {
52 |       margin-right: 20px;
53 |     }
54 |   }
55 | }
56 | 
57 | 
58 | .theme-modal {
59 |   width: 460px !important; //just add a more specific class..theme instead of appearance
60 |   background: #222222;
61 |   .theme-modal__title,
62 |   .theme-modal__content {
63 |     color: white;
64 |   }
65 | 
66 |   .theme-modal__button{
67 |     &.theme-modal__button_save {
68 |       background: white;
69 |     }
70 |     &.theme-modal__button_cancel {
71 |       background: hotpink;
72 |       color: white;
73 |     }
74 |   }
75 | 
76 | }
77 | 
78 | .theme-controls-actions {
79 | 
80 |   .theme-controls__button {
81 |     border:none;
82 |     padding: 12px;
83 |     border-radius: 2px;
84 | 
85 |     &_reset {
86 |       background: white;
87 |     }
88 |     &_save {
89 |       background: hotpink;
90 |       color: white;
91 |     }
92 |   }
93 | 
94 | }
95 | 


--------------------------------------------------------------------------------
/app/images/about-icon.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 488.2 488.2" style="enable-background:new 0 0 488.2 488.2;" xml:space="preserve" width="512px" height="512px">
 2 | <g>
 3 | 	<path d="M468.8,149.05c-12.3-29.1-29.9-55.1-52.3-77.6c-22.4-22.4-48.5-40-77.6-52.3c-30-12.6-62-19.1-94.9-19.1s-64.9,6.5-95,19.2   c-29,12.3-55.1,29.9-77.5,52.3s-40,48.5-52.3,77.6c-12.7,30-19.2,62-19.2,94.9s6.5,64.9,19.2,95c12.3,29.1,29.9,55.2,52.3,77.6   c22.4,22.4,48.5,40,77.6,52.3c30.1,12.7,62.1,19.2,95,19.2s64.9-6.5,95-19.2c29.1-12.3,55.1-29.9,77.6-52.3   c22.4-22.4,40-48.5,52.3-77.6c12.7-30.1,19.2-62.1,19.2-95S481.5,179.15,468.8,149.05z M398.7,373.35c-1.9-5-5.1-9.5-9.3-12.9   c-39.9-32.8-83-54.6-91.8-58.9c-1-0.5-1.6-1.5-1.6-2.6v-62.2c7.8-5.2,13-14.1,13-24.2v-64.5c0-32.1-26-58.1-58.1-58.1H244h-6.9   c-32.1,0-58.1,26-58.1,58.1v64.5c0,10.1,5.2,19,13,24.2v62.2c0,1.1-0.6,2.1-1.6,2.6c-8.8,4.3-51.8,26.1-91.8,58.9   c-4.2,3.5-7.4,8-9.3,12.9c-29.3-35-47-80.1-47-129.3c0-111.2,90.5-201.7,201.7-201.7s201.7,90.5,201.7,201.7   C445.7,293.25,428.1,338.35,398.7,373.35z" fill="#FFFFFF"/>
 4 | </g>
 5 | <g>
 6 | </g>
 7 | <g>
 8 | </g>
 9 | <g>
10 | </g>
11 | <g>
12 | </g>
13 | <g>
14 | </g>
15 | <g>
16 | </g>
17 | <g>
18 | </g>
19 | <g>
20 | </g>
21 | <g>
22 | </g>
23 | <g>
24 | </g>
25 | <g>
26 | </g>
27 | <g>
28 | </g>
29 | <g>
30 | </g>
31 | <g>
32 | </g>
33 | <g>
34 | </g>
35 | </svg>
36 | 


--------------------------------------------------------------------------------
/app/images/amazon-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="68px" height="68px" viewBox="0 0 68 68" enable-background="new 0 0 68 68" xml:space="preserve">  <image id="image0" width="68" height="68" x="0" y="0"
 4 |     xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
 5 | AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAA
 6 | CXBIWXMAAAsTAAALEwEAmpwYAAAQYElEQVR42uWceZBV1Z3HP79z77tv7R26gQDdLN1sjSwBFewB
 7 | Ik5mbBljMsEkUyNqKorJ1IykasyUMckkmKkYzcSoJBUlE00yNdGQTCYEiYlGoQxIjCLY3UBwQUFs
 8 | e9/feu8588ft9+imBQFfg8Rf1a262zvn/r7nd37b+Z0nAKtXr7Y2bdrkAVy44MJFqXSiPpGIzwJC
 9 | /KWRYATVGo6GnykuLf3Vtm3bugEFGMBIFowrr7yy4M/7DnzXczPXiIj/YwMMng47P19pCA+CoDFH
10 | AoHgF/Yf3P9wFi4BWLp0aXlHS8vvtTa1nuchIpnss79YMhpRyhYRRNStB199+Q7AEoAZ06of1dqr
11 | 11ongSDnvyycGolkMCZgWRZOJPw3jY2Nv1Pza2uv0Nqr9zzPe1+BAWBMAJGM1pp0PP51QFQikfyE
12 | D5bo9xUYx0CxtdYGZPHy5csvVtGC2AWZTAYRUef6284RCaAxEO+L16pYLFaSTqYQ+QtXoidDRJQx
13 | GDraWyIKI/pcf9B7hQRlbBFzViXDGAOAUgpRCqUUSgQEjDZordFaY4zBGMPZFlz7bHWktUYpRbQg
14 | RsAO4HkeyUSC/p4eOttaSQOlBYUUlpYSjcWwbRvXdYkPDKA9D1FnR8WNOiDGGJRSFJeU4HkeLzY1
15 | DnteM62a6lmzsAM2XZ1dPP/C7mHP586eg2Vb9PX0nv+AaK0JhcPYts0LL+4F4PrrrmfZ8mXU1NRQ
16 | Xl5ONBojFAoiImQyGQYGBmhra+OVV17hqaee4oEHHgBg/ty5xAfiuK47qtNIltfVvfbSgYOV0YKY
17 | 1lrnTS49z6OouJijr71Oe38vt6+/nas+ehXV1dUEg8FTaiOdzvDKKy/z0//5Kbd//XZmVddggHQy
18 | mecpJK5SYmtP3zwqEpIFY29jA9VTprH5d4+xZMmS3POswsx9zuCIH3/PcQLMmjWL9bev5+IlF3PF
19 | FVcwZdJknGCQTDo9KpKSd02ltaagsJC9jQ18aPkKHn/q9zkwstZDRHzrMnhkARh6T0QwxuBHFFBf
20 | X88TTzzBoSOHCQaDozZt8g5IwHFIJhIAfP+B+6msrMTzvJxyHSoNWmvA5Jj3r4+RiGBZVk5yVq5c
21 | yT3fuYcXmxopLCoaJlHvSUCMMcRiMV469CqPPPIzampqfHNrWcNGVGudk4hs+HTsmhGMikgOrKs+
22 | ehUA3V1dBAKBvAOSVx0SDIXYu3cPKz90KR/+8F8fY2goaNqXlGQyybPP/om9e/bQ1d1FeXkFdXV1
23 | 1NbOyUnMUBCz5xMnTuSWf72Fu751F/Nqa+nr7cvr9MkbIFprItEIHvDxq1dTXFycmyY5MIxBlNDT
24 | 08NXvvwV7r3v3hHtbN26lcsvv3zEfRHBDDp3tbW1AAQCTt692bwBMlSsFy9enANpqM7ws1PCxo0b
25 | ufe+e6lbupT+/n4wEAqHONjQRH19Pa2tbYwdOybn3eYAxZe28oryXJ/5przpEBFBez4gyWQSAMuy
26 | clYje97W1saXb7mV2TNm0NrSSl93D329vbS1tDJ5+jQAjh5946R9RSJRH3CT/7g0rzokkUhQXlzC
27 | 529ex+X19VSMq2DMmDGUlpZSVFREWdkYnnrqSZK4KGWhvTR2IIAaBCsUDgMwMDBw0n4cx1emoxH8
28 | 5RUQN5OhuLSU1w6+xPrn15/wvUULF6I9jVJCfCBO69E36UrGc89TqVRemTxngIgIrutSWlHOB6oq
29 | UZZCECzbJug4pDNpXt63n+d2Dw/gFlwwn0unT2PSpIkEAg7jx4/PtfeOlOflkby77iKCm8nQm06j
30 | taaouJjO9nYOvXEEgCv/7kouqbuEGTNmMGHCBMrKyigoKCQSCRMMBrFte1hbZ5tGJZbJzu3SMWXs
31 | 3rMHgHvuuYcVK1YwZcoUCgoKTun354LyDogxBmVZRKMRdu/Zwxdv/SI3rr2RysrKEe8NPbIm+Vyn
32 | dkdlysRiMfY0vMiDDz7ImjVrUEqNYDxLlmWdCNlzsniYV0CMMRSVFPPC3r1s3LiR6667DvDTAdaQ
33 | eGYoMP39/Rw5coSjR4/S1dlFW3sbK1dexowZNed3TtUYQ6yggBf27mXtjWu5Zs0awPdWh0pBlslU
34 | Ks1jj/2GHz30I375f78c1taTTz55/gPij7h/ftNnbyLoODnJOB6MRCLJV7/6Ve6885sIft40EAgQ
35 | iUb5w84dBBznrIKQd0CMMURjMfY2NnLtmmuZNXs2wLA4ZCht3ryZO+/8Jsvq6uhobyc+6Jl62k8G
36 | Wco6tY5HgfISy4hILjexfMVygs7IKDR73d/fz88eeYQADIIRz4GnB7Nj0UjkNDp/DwKSZRigqqpq
37 | 2PXxz7u6u9n+xJNMmlxJOp3JSZFSioF+X1JKSktOjsHQgp48U94kJJv7LCwsPOm72vPo6+tFqWwp
38 | j58McoJBXj38Op++/tNUVFQMZ/w4KioqAiCTyeR9ASvvEqJO4FdkmSsoKOTCS5aSTqV9N90YLMui
39 | qLgYgE/9w6dwHGdYLuX4NiZOnET95fU07GsiHA7nNbeaF0DMIFNALsH8doAYYygtLeHqT1zN4eY3
40 | KS4pJlZQQDgS4Q87d3DbF29j+fLlw5h/uzZisSif/dxnAQiF8lsXaFVNnryus72j2Ak6xpgzX/gO
41 | h8M0t7zFqlWrmDlz5gl9CBFh5syZpFJpNv3857S0ttLS1srdd9/Nus+vIxQKjciUvV0bU6dOJZ1K
42 | s+kXP6eqsopEIvEufBbRIqKMMY/lTUKy2auGhgaAnLt+PCPGGIqKirjjjm/Q0NjIrl27OHToEOvW
43 | rSMSiQwD8u2mQjZVads2N6+7mdpZs2k+8gbBPElK3pRqMp5g8vgJ/Od/3Elzc/NJGTLG4DgOtXPm
44 | cNFFFw2zTEMByb77dgMAUFBQQGVVFW91dZw4JjoXgICf5RpbUUFPqp8tW7aclKGhC1ND60GyU6Wn
45 | p5cf/OAHuWkwdAErGwp0d3ez/mvrefQ3W5k7ew6JePyUvzXvgBhGugBKKXq6u5kzYyY33ngjTz/9
46 | dC6Ay67cDT2ywAyVBsuyaG1r40tfuo0bbriBzZs3555lgVNKceTIEa5ds4a7vnUXc+fUEu/vJ2AJ
47 | tgJb+b7amdqd0wbEADEbIjbo43rVWuN5HpUfmMiyZct4/PEnAHKR7omOrAJ99tlnWf33H2fDhg0s
48 | uehiPvnJT7Jt2/Zh675NTU1cdulKNv/61yxd9EHsZA8RW3A9QyJj8DxD1AZH+RmE06XTsjIGv6Om
49 | V6E1ZaguFZLaB0bkWE41HIlQFCvg3g33kclkKC4uJhKJYNv2sOXKdDpDV1cnjY1NPHD//Vyz5hpa
50 | Dr/O3Hnz6O7qZkxJKd/+zt3U1dUxadJkdu7cweLFixno7GbhgnnsamrjrTab1i5Fl7HoUUJnyqLl
51 | KLTbUBECT59KWuWYlTnl+hABlMDBXvj+R4I0vqnZ8NsMc6calBL6MkPK4rUm4DgEQ6FcxdBfXVLH
52 | BxctoqyszFfCySTNbzXzx53P0Lh/H+BHvZ7nkYjHERGCoRB9PT280fIWq65YxZZHt1AWK6SyahK7
53 | X+5l9cIgqxcINeVQEtEo8YhnbJp7LL7/tMvDB1xmFQkp751CnjOoDzFAyAI6oTRi+MZVhtrxDjc9
54 | 5ILyWDhNyGgYcAGlcN0Mbr/L/LkXICLs3rGTp3f8YUS740rKWDhvPlpr+vv6hvkgqUSCWEEBtaUl
55 | bHl0C7NnziIomt1Nvdz2kTCfqVMUBl0ynsH1DGHHYkJRkprxwkstAR7eIUTKIOmeevLttML/uAtz
56 | p8HV382weZ3N2hVplky1+d7TNvc/noGIZsEE0AhxV9AGerp7EIHKGdUEAs6xKYNBe5p0Ok13V5c/
57 | TselF0Up0uk0rusyZ+YskskkGaMpGmfxSpvLNx8THthn0G8OCvZYxfP/FGbh5BS9KQV4nK6veVqA
58 | aCDlwewpmiu/4/K//+zw0YVJvv0xxccXOPz4j4afbHcBTU0lFDqCZ4SkC4lEkng8iTru+945sSx4
59 | 2pBMxAlZQsASpgQMD+9wAWH69AB3/YvgWMIVd3t4WuF6Fg3NAg6kNSP6zBsgArgaxBIumKr52H0Z
60 | Nn46zLUXJ7ls1gCLJgdZe0mALY1wxy4PXvcgZJheDqVBwQhkPHCNr4i1GWkehWP6ylIQUGCLL/aN
61 | PQY6BLC47kMWH5mrWDLFpWJMml1/DkLYYuoYlyOdFg89p6keD2nvtATk9DNmMsiUsYR50zQ3/DBF
62 | c2+QtXU25YUJLpmqWDApwPUXWzx/2OH3Bw3/1aThsPZlTAGlUBmCsA22EgQz6DwI2hhSHnRmoL0X
63 | GMjCZFG/WPG39YqLqgzV5R4l0QQgbG8Ks+IOl39bpSiLwi9eUNCXJjZO6EmfXg7pjKsQzeAoFjvw
64 | 3EHDqgsdvlYvXDAhhSKDQRCxiGcsWnotDnUIB1uF/W8ZDrYbnm83dHQY6D9u25YIlAsLS4XacqGm
65 | XJg9zjBtLHyg2KMw5BFQLgh0xYP8bHeAmx5KgzG88LUA0SDU3Ooxs9LDQ0b4SieA4d1XIQq+49OR
66 | hA/WCFsOpNnynMX3rgly1fwA4wrSeNrDUR5VpcK0McKlNYqEq4inFH0pYSCtSKQhoxUGsMQQtDVR
67 | R4gFDbGgR8TR2EpjjO/eWwpSboC9bzps2G74yfYU48dr5k0IMJCxuevxNFgeAUtIn8G+sHedZFYC
68 | nUmYO1YwYzw+9yPNf++2WbcsRN10j/KYi+CRcg1ae1jiURyG0sigsjv+gwf1itbgGYP2wDOCUkLK
69 | C/BSs82vXhT+/RcuxDwW1QgdScWbPZplP0yh0x5zJgv9mdNTpnkDJAvKgAtKhIXV8GJrhqu/Kyye
70 | Y/OZC4MsmWqoLHWJORolGm0Mnva9SDO8Ag0Rf+ObpcASi7SnaOm32Nds8Zt9hru3eoBH7VTfQnUk
71 | /fe7U4ZKSxMuFOLumYGRN0Dg2BTqTsOkqBCtgUOdGdY+KBBVrFlks3SqYmaFYVyhpjhiCNkGS9wh
72 | cFhkPIu+lNAxILzWLuw5Cpv3e+w9kAHRzJ0KluVLgDY+49mQQonvlZ4pGHkFZCgwac83k2NDwqRq
73 | SGQ8fvwnjx9vB1BQpFgyWagqEsK5PIZBo2hPKHa2aDpfH7RKGMrHw/zpgsEHwgx6nsNlC7w8pFZH
74 | rfhfie8UpdJgiVA7HoKWH9QNpF2aWuGZ1wBvKGcagh6TIzBxGjiWkNH+qPdljtXGjObq5qhvDxF8
75 | 0U64MDCo9S0RJkbBio0cZY3gDsZEfZnhknA2VnltREZhueftKTu3tfFDgBN1LMe9fzbJPu3oJ4/0
76 | Xtv1aNCi+voHepxgEDMalfTnCxl/UaxsTEVcxfv69gScAMaMQhXs+UHGgAUQDUcbVMAJP+LfNdm/
77 | jHi/kauUEmPMs9t2bNulGvY3bBUlWy1/YSOFb/zfHySSAQIighN0vgKDZre4rGxNd3vHk5ZSF7ie
78 | h4B7Nq3POSFjRJCAXz0gtzQdOPBbwJLVrLY2scm77LLLio68dniD9tx/fDfrGucVibzhOIEvNB04
79 | 8FMGjV7W8lmAB1BXVzevt7u7PplIzFSiztpG57NE/v4lkY5QOPhMtLDw1zt27OhjyF/u/D9emVgR
80 | HgzL6wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wOS0yMVQyMDo1MDoxMS0wNzowMArdRWUAAAAl
81 | dEVYdGRhdGU6bW9kaWZ5ADIwMTctMDktMjFUMjA6NTA6MTEtMDc6MDB7gP3ZAAAAAElFTkSuQmCC" />
82 | </svg>
83 | 


--------------------------------------------------------------------------------
/app/images/blank-page-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 76.04 76.04" style="enable-background:new 0 0 76.04 76.04;" xml:space="preserve">
 5 | <g>
 6 | 	<polygon style="fill:#F3F0DE;" points="53.741,0 0,0 0,76.04 76.04,76.04 76.04,22.299 	"/>
 7 | 	<polygon style="fill:#E2DFCF;" points="53.741,22.299 53.741,0 76.04,22.299 	"/>
 8 | </g>
 9 | <g>
10 | </g>
11 | <g>
12 | </g>
13 | <g>
14 | </g>
15 | <g>
16 | </g>
17 | <g>
18 | </g>
19 | <g>
20 | </g>
21 | <g>
22 | </g>
23 | <g>
24 | </g>
25 | <g>
26 | </g>
27 | <g>
28 | </g>
29 | <g>
30 | </g>
31 | <g>
32 | </g>
33 | <g>
34 | </g>
35 | <g>
36 | </g>
37 | <g>
38 | </g>
39 | </svg>
40 | 


--------------------------------------------------------------------------------
/app/images/calculator-icon.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="iso-8859-1"?>
  2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 | 	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
  5 | <path style="fill:#C7CFE2;" d="M441.379,512H70.621c-9.751,0-17.655-7.904-17.655-17.655V17.655C52.966,7.904,60.87,0,70.621,0
  6 | 	h370.759c9.751,0,17.655,7.904,17.655,17.655v476.69C459.034,504.095,451.129,512,441.379,512z"/>
  7 | <path style="fill:#707487;" d="M459.034,176.552H52.966V17.655C52.966,7.904,60.87,0,70.621,0h370.759
  8 | 	c9.751,0,17.655,7.904,17.655,17.655V176.552z"/>
  9 | <g>
 10 | 	<path style="fill:#5B5D6E;" d="M132.414,264.828h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 11 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828V256C141.241,260.875,137.289,264.828,132.414,264.828z"/>
 12 | 	<path style="fill:#5B5D6E;" d="M132.414,406.069h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 13 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C141.241,402.116,137.289,406.069,132.414,406.069z"/>
 14 | 	<path style="fill:#5B5D6E;" d="M132.414,335.448h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 15 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C141.241,331.496,137.289,335.448,132.414,335.448z"/>
 16 | </g>
 17 | <path style="fill:#FF6464;" d="M132.414,476.69h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 18 | 	h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C141.241,472.737,137.289,476.69,132.414,476.69z"/>
 19 | <g>
 20 | 	<path style="fill:#8F96AC;" d="M203.034,264.828h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 21 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828V256C211.862,260.875,207.91,264.828,203.034,264.828z"/>
 22 | 	<path style="fill:#8F96AC;" d="M203.034,406.069h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 23 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C211.862,402.116,207.91,406.069,203.034,406.069z"/>
 24 | 	<path style="fill:#8F96AC;" d="M203.034,335.448h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 25 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C211.862,331.496,207.91,335.448,203.034,335.448z"/>
 26 | 	<path style="fill:#8F96AC;" d="M203.034,476.69h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 27 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C211.862,472.737,207.91,476.69,203.034,476.69z"/>
 28 | 	<path style="fill:#8F96AC;" d="M273.655,264.828h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 29 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828V256C282.483,260.875,278.53,264.828,273.655,264.828z"/>
 30 | 	<path style="fill:#8F96AC;" d="M273.655,406.069h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 31 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C282.483,402.116,278.53,406.069,273.655,406.069z"/>
 32 | 	<path style="fill:#8F96AC;" d="M273.655,335.448h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 33 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C282.483,331.496,278.53,335.448,273.655,335.448z"/>
 34 | 	<path style="fill:#8F96AC;" d="M273.655,476.69h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 35 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C282.483,472.737,278.53,476.69,273.655,476.69z"/>
 36 | 	<path style="fill:#8F96AC;" d="M344.276,264.828h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 37 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828V256C353.103,260.875,349.151,264.828,344.276,264.828z"/>
 38 | 	<path style="fill:#8F96AC;" d="M344.276,406.069h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 39 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C353.103,402.116,349.151,406.069,344.276,406.069z"/>
 40 | 	<path style="fill:#8F96AC;" d="M344.276,335.448h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 41 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C353.103,331.496,349.151,335.448,344.276,335.448z"/>
 42 | </g>
 43 | <g>
 44 | 	<path style="fill:#5B5D6E;" d="M344.276,476.69h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 45 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C353.103,472.737,349.151,476.69,344.276,476.69z"/>
 46 | 	<path style="fill:#5B5D6E;" d="M414.897,264.828h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 47 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828V256C423.724,260.875,419.772,264.828,414.897,264.828z"/>
 48 | 	<path style="fill:#5B5D6E;" d="M414.897,335.448h-35.31c-4.875,0-8.828-3.953-8.828-8.828v-35.31c0-4.875,3.953-8.828,8.828-8.828
 49 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v35.31C423.724,331.496,419.772,335.448,414.897,335.448z"/>
 50 | 	<path style="fill:#5B5D6E;" d="M414.897,476.69h-35.31c-4.875,0-8.828-3.953-8.828-8.828V361.931c0-4.875,3.953-8.828,8.828-8.828
 51 | 		h35.31c4.875,0,8.828,3.953,8.828,8.828v105.931C423.724,472.737,419.772,476.69,414.897,476.69z"/>
 52 | </g>
 53 | <path style="fill:#D7DEED;" d="M414.897,123.586H97.103c-4.875,0-8.828-3.953-8.828-8.828V44.138c0-4.875,3.953-8.828,8.828-8.828
 54 | 	h317.793c4.875,0,8.828,3.953,8.828,8.828v70.621C423.724,119.634,419.772,123.586,414.897,123.586z"/>
 55 | <g>
 56 | 	<path style="fill:#C7CFE2;" d="M132.414,105.931h-17.655c-4.879,0-8.828-3.948-8.828-8.828v-35.31c0-4.879,3.948-8.828,8.828-8.828
 57 | 		h17.655c4.879,0,8.828,3.948,8.828,8.828v35.31C141.241,101.983,137.293,105.931,132.414,105.931z"/>
 58 | 	<path style="fill:#C7CFE2;" d="M185.379,105.931h-17.655c-4.879,0-8.828-3.948-8.828-8.828v-35.31c0-4.879,3.948-8.828,8.828-8.828
 59 | 		h17.655c4.879,0,8.828,3.948,8.828,8.828v35.31C194.207,101.983,190.259,105.931,185.379,105.931z"/>
 60 | 	<path style="fill:#C7CFE2;" d="M238.345,105.931H220.69c-4.879,0-8.828-3.948-8.828-8.828v-35.31c0-4.879,3.948-8.828,8.828-8.828
 61 | 		h17.655c4.879,0,8.828,3.948,8.828,8.828v35.31C247.172,101.983,243.224,105.931,238.345,105.931z"/>
 62 | 	<path style="fill:#C7CFE2;" d="M291.31,105.931h-17.655c-4.879,0-8.828-3.948-8.828-8.828v-35.31c0-4.879,3.948-8.828,8.828-8.828
 63 | 		h17.655c4.879,0,8.828,3.948,8.828,8.828v35.31C300.138,101.983,296.19,105.931,291.31,105.931z"/>
 64 | </g>
 65 | <g>
 66 | 	<path style="fill:#8F96AC;" d="M344.276,105.931h-17.655c-4.879,0-8.828-3.948-8.828-8.828v-35.31c0-4.879,3.948-8.828,8.828-8.828
 67 | 		h17.655c4.879,0,8.828,3.948,8.828,8.828v35.31C353.103,101.983,349.155,105.931,344.276,105.931z"/>
 68 | 	<path style="fill:#8F96AC;" d="M397.241,105.931h-17.655c-4.879,0-8.828-3.948-8.828-8.828v-35.31c0-4.879,3.948-8.828,8.828-8.828
 69 | 		h17.655c4.879,0,8.828,3.948,8.828,8.828v35.31C406.069,101.983,402.121,105.931,397.241,105.931z"/>
 70 | </g>
 71 | <rect x="52.966" y="150.069" style="fill:#5B5D6E;" width="406.069" height="26.483"/>
 72 | <g>
 73 | </g>
 74 | <g>
 75 | </g>
 76 | <g>
 77 | </g>
 78 | <g>
 79 | </g>
 80 | <g>
 81 | </g>
 82 | <g>
 83 | </g>
 84 | <g>
 85 | </g>
 86 | <g>
 87 | </g>
 88 | <g>
 89 | </g>
 90 | <g>
 91 | </g>
 92 | <g>
 93 | </g>
 94 | <g>
 95 | </g>
 96 | <g>
 97 | </g>
 98 | <g>
 99 | </g>
100 | <g>
101 | </g>
102 | </svg>
103 | 


--------------------------------------------------------------------------------
/app/images/cato-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/app/images/cato-logo.png


--------------------------------------------------------------------------------
/app/images/cato-logo128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/app/images/cato-logo128.png


--------------------------------------------------------------------------------
/app/images/cato-logo16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/app/images/cato-logo16.png


--------------------------------------------------------------------------------
/app/images/cato-logo48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/app/images/cato-logo48.png


--------------------------------------------------------------------------------
/app/images/cato-white-logo@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/app/images/cato-white-logo@2x.png


--------------------------------------------------------------------------------
/app/images/chrome-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
 5 | <path style="fill:#E16B5A;" d="M255.333,0.048c0,0,150.936-6.78,230.932,144.636c-42.26,0-243.764,0-243.764,0
 6 | 	s-46.036-1.512-85.28,54.244c-11.32,23.352-23.392,47.46-9.808,94.916C127.793,260.704,43.265,113.8,43.265,113.8
 7 | 	S102.889,6.072,255.333,0.048z"/>
 8 | <path style="fill:#CC6152;" d="M255.333,0.048c-2.604,0.104-5.116,0.308-7.668,0.468c40.752,2.968,150.852,22.468,215.148,144.168
 9 | 	c9.928,0,18.016,0,23.444,0C406.265-6.736,255.333,0.048,255.333,0.048z"/>
10 | <path style="fill:#FFD464;" d="M478.409,384.488c0,0-69.6,133.852-240.968,127.268c21.14-36.524,121.912-210.704,121.912-210.704
11 | 	s24.328-39.044-4.4-100.844c-14.604-21.464-58.844-43.96-106.812-55.952c38.576-0.384,237.644,0.024,237.644,0.024
12 | 	S549.417,249.7,478.409,384.488z"/>
13 | <path style="fill:#F2C95F;" d="M485.781,144.284c0,0-101.54-0.208-173.636-0.184c69.164,0.016,152.012,0.184,152.012,0.184
14 | 	s63.636,105.416-7.372,240.204c0,0-63.776,122.416-219.348,127.268l0,0c171.368,6.584,240.972-127.268,240.972-127.268
15 | 	C549.417,249.7,485.781,144.284,485.781,144.284z"/>
16 | <path style="fill:#74B340;" d="M33.333,385.504c0,0-81.324-127.104,10.08-271.952c21.124,36.54,121.84,210.752,121.84,210.752
17 | 	s21.696,40.552,89.684,46.616c25.916-1.888,52.876-3.492,87.264-38.952c-18.96,33.532-104.172,180.028-104.172,180.028
18 | 	S114.757,514.292,33.333,385.504z"/>
19 | <circle style="fill:#FFFFFF;" cx="254.721" cy="258.08" r="116"/>
20 | <circle style="fill:#2995CC;" cx="254.681" cy="258.08" r="92"/>
21 | <path style="fill:#268CBF;" d="M254.705,166.1c-1.832,0-3.644,0.068-5.444,0.172c48.272,2.82,86.552,42.848,86.552,91.824
22 | 	c0,48.984-38.28,89.016-86.552,91.836c1.804,0.1,3.616,0.172,5.444,0.172c50.804,0,92-41.196,92-92.008
23 | 	C346.705,207.292,305.509,166.1,254.705,166.1z"/>
24 | <g>
25 | </g>
26 | <g>
27 | </g>
28 | <g>
29 | </g>
30 | <g>
31 | </g>
32 | <g>
33 | </g>
34 | <g>
35 | </g>
36 | <g>
37 | </g>
38 | <g>
39 | </g>
40 | <g>
41 | </g>
42 | <g>
43 | </g>
44 | <g>
45 | </g>
46 | <g>
47 | </g>
48 | <g>
49 | </g>
50 | <g>
51 | </g>
52 | <g>
53 | </g>
54 | </svg>
55 | 


--------------------------------------------------------------------------------
/app/images/clifford-headshot.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/app/images/clifford-headshot.jpg


--------------------------------------------------------------------------------
/app/images/firefox-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 533.334 533.334" style="enable-background:new 0 0 533.334 533.334;" xml:space="preserve">
 5 | <g>
 6 | 	<path d="M532.566,174.032l-6.178,39.625c0,0-8.829-73.362-19.651-100.789c-16.587-42.025-23.966-41.688-24.015-41.626   c11.109,28.231,9.093,43.398,9.093,43.398s-19.683-53.645-71.723-70.713c-57.649-18.897-88.839-13.73-92.442-12.753   c-0.547-0.004-1.075-0.005-1.577-0.005c0.424,0.033,0.839,0.077,1.263,0.11c-0.019,0.011-0.047,0.022-0.042,0.028   c0.233,0.285,63.7,11.094,74.956,26.56c0,0-26.958,0-53.787,7.731c-1.213,0.347,98.71,12.481,119.139,112.33   c0,0-10.955-22.852-24.502-26.733c8.909,27.102,6.622,78.529-1.862,104.089c-1.092,3.287-2.209-14.209-18.921-21.745   c5.355,38.359-0.32,99.196-26.931,115.955c-2.074,1.305,16.682-60.057,3.771-36.335c-74.327,113.96-162.19,52.59-201.693,25.579   c20.243,4.406,58.674-0.686,75.685-13.341c0.022-0.015,0.04-0.028,0.062-0.045c18.473-12.631,29.412-21.854,39.236-19.672   c9.83,2.194,16.374-7.671,8.739-16.423c-7.644-8.769-26.203-20.821-51.313-14.254c-17.708,4.638-39.654,24.231-73.15,4.392   c-25.71-15.234-28.131-27.889-28.359-36.654c0.634-3.107,1.434-6.008,2.383-8.659c2.959-8.265,11.933-10.759,16.924-12.728   c8.467,1.454,15.761,4.095,23.421,8.024c0.099-2.549,0.131-5.933-0.009-9.771c0.734-1.459,0.28-5.86-0.897-11.24   c-0.678-5.369-1.781-10.924-3.517-15.985c0.006-0.001,0.01-0.005,0.016-0.007c0.029-0.01,0.056-0.021,0.082-0.037   c0.041-0.023,0.076-0.059,0.108-0.099c0.006-0.01,0.016-0.017,0.023-0.027c0.043-0.064,0.08-0.142,0.103-0.243   c0.531-2.405,6.262-7.044,13.395-12.031c6.392-4.469,13.907-9.217,19.827-12.892c5.24-3.254,9.229-5.668,10.077-6.301   c0.321-0.243,0.707-0.527,1.127-0.852c0.078-0.061,0.156-0.121,0.236-0.185c0.049-0.038,0.099-0.077,0.149-0.117   c2.817-2.244,7.023-6.483,7.905-15.405c0.002-0.022,0.005-0.042,0.006-0.064c0.026-0.262,0.048-0.528,0.067-0.799   c0.015-0.188,0.026-0.378,0.038-0.571c0.007-0.148,0.017-0.295,0.023-0.445c0.016-0.352,0.026-0.711,0.031-1.075   c0-0.021,0.001-0.04,0.002-0.061c0.012-0.864-0.003-1.764-0.054-2.709c-0.028-0.528-0.065-1.005-0.155-1.438   c-0.004-0.023-0.01-0.048-0.015-0.071c-0.009-0.042-0.019-0.085-0.03-0.127c-0.019-0.076-0.04-0.152-0.063-0.224   c-0.003-0.009-0.006-0.017-0.009-0.024c-0.027-0.083-0.058-0.164-0.09-0.242c-0.002-0.003-0.002-0.005-0.003-0.008   c-0.913-2.139-4.333-2.947-18.459-3.187c-0.013-0.001-0.026-0.001-0.039-0.001l0,0c-5.764-0.098-13.301-0.102-23.179-0.062   c-17.317,0.07-26.889-16.929-29.944-23.506c4.188-23.156,16.29-39.657,36.171-50.847c0.376-0.212,0.302-0.387-0.142-0.509   c3.887-2.352-47.003-0.064-70.41,29.707c-20.775-5.164-38.882-4.816-54.487-1.154c-2.997-0.084-6.731-0.458-11.164-1.381   C77.433,75.984,62.576,58.616,61.78,37.884c0,0-0.048,0.038-0.131,0.106c-0.011-0.199-0.03-0.396-0.038-0.595   c0,0-31.623,24.304-26.89,90.563c-0.012,1.061-0.034,2.076-0.062,3.06c-8.558,11.608-12.805,21.365-13.121,23.519   C13.957,169.977,6.262,193.212,0,228.486c0,0,4.379-13.888,13.169-29.618c-6.464,19.803-11.544,50.603-8.561,96.8   c0,0,0.789-10.243,3.58-24.997c2.181,28.652,11.729,64.024,35.864,105.619c46.327,79.854,117.537,120.177,196.246,126.362   c13.977,1.152,28.15,1.179,42.408,0.096c1.311-0.092,2.621-0.188,3.931-0.299c16.126-1.132,32.361-3.568,48.562-7.481   C556.644,441.427,532.566,174.032,532.566,174.032z" fill="#FFFFFF"/>
 7 | </g>
 8 | <g>
 9 | </g>
10 | <g>
11 | </g>
12 | <g>
13 | </g>
14 | <g>
15 | </g>
16 | <g>
17 | </g>
18 | <g>
19 | </g>
20 | <g>
21 | </g>
22 | <g>
23 | </g>
24 | <g>
25 | </g>
26 | <g>
27 | </g>
28 | <g>
29 | </g>
30 | <g>
31 | </g>
32 | <g>
33 | </g>
34 | <g>
35 | </g>
36 | <g>
37 | </g>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/app/images/github-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 438.5 438.5" style="enable-background:new 0 0 438.5 438.5;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#ffffff;}
 7 | </style>
 8 | <g>
 9 | 	<path class="st0" d="M409.1,114.6c-19.6-33.6-46.2-60.2-79.8-79.8C295.7,15.2,259.1,5.4,219.3,5.4c-39.8,0-76.5,9.8-110.1,29.4
10 | 		C75.6,54.4,49,81,29.4,114.6C9.8,148.2,0,184.9,0,224.6c0,47.8,13.9,90.7,41.8,128.9c27.9,38.2,63.9,64.6,108.1,79.2
11 | 		c5.1,1,8.9,0.3,11.4-2c2.5-2.3,3.7-5.1,3.7-8.6c0-0.6,0-5.7-0.1-15.4c-0.1-9.7-0.1-18.2-0.1-25.4l-6.6,1.1c-4.2,0.8-9.5,1.1-15.8,1
12 | 		c-6.4-0.1-13-0.8-19.8-2c-6.9-1.2-13.2-4.1-19.1-8.6c-5.9-4.5-10.1-10.3-12.6-17.6l-2.9-6.6c-1.9-4.4-4.9-9.2-9-14.6
13 | 		c-4.1-5.3-8.2-8.9-12.4-10.8l-2-1.4c-1.3-1-2.6-2.1-3.7-3.4c-1.1-1.3-2-2.7-2.6-4c-0.6-1.3-0.1-2.4,1.4-3.3
14 | 		c1.5-0.9,4.3-1.3,8.3-1.3l5.7,0.9c3.8,0.8,8.5,3,14.1,6.9c5.6,3.8,10.2,8.8,13.8,14.8c4.4,7.8,9.7,13.8,15.8,17.8
15 | 		c6.2,4.1,12.4,6.1,18.7,6.1s11.7-0.5,16.3-1.4c4.6-1,8.8-2.4,12.8-4.3c1.7-12.8,6.4-22.6,14-29.4c-10.8-1.1-20.6-2.9-29.3-5.1
16 | 		c-8.7-2.3-17.6-6-26.8-11.1c-9.2-5.1-16.9-11.5-23-19.1c-6.1-7.6-11.1-17.6-15-30c-3.9-12.4-5.9-26.6-5.9-42.8
17 | 		c0-23,7.5-42.6,22.6-58.8c-7-17.3-6.4-36.7,2-58.2c5.5-1.7,13.7-0.4,24.6,3.9c10.9,4.3,18.8,8,23.8,11c5,3,9.1,5.6,12.1,7.7
18 | 		c17.7-4.9,36-7.4,54.8-7.4c18.8,0,37.1,2.5,54.8,7.4l10.8-6.8c7.4-4.6,16.2-8.8,26.3-12.6c10.1-3.8,17.8-4.9,23.1-3.1
19 | 		c8.6,21.5,9.3,40.9,2.3,58.2c15,16.2,22.6,35.8,22.6,58.8c0,16.2-2,30.5-5.9,43c-3.9,12.5-8.9,22.5-15.1,30
20 | 		c-6.2,7.5-13.9,13.9-23.1,19c-9.2,5.1-18.2,8.9-26.8,11.1c-8.7,2.3-18.4,4-29.3,5.1c9.9,8.6,14.8,22.1,14.8,40.5v60.2
21 | 		c0,3.4,1.2,6.3,3.6,8.6c2.4,2.3,6.1,3,11.3,2c44.2-14.7,80.2-41.1,108.1-79.2c27.9-38.2,41.8-81.1,41.8-128.9
22 | 		C438.5,184.9,428.7,148.2,409.1,114.6z"/>
23 | </g>
24 | </svg>
25 | 


--------------------------------------------------------------------------------
/app/images/gmail-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 5 | <g>
 6 | 	<polygon style="fill:#F2F2F2;" points="484.973,122.808 452.288,451.017 59.712,451.017 33.379,129.16 256,253.802 	"/>
 7 | 	<polygon style="fill:#F2F2F2;" points="473.886,60.983 256,265.659 38.114,60.983 256,60.983 	"/>
 8 | </g>
 9 | <path style="fill:#F14336;" d="M59.712,155.493v295.524H24.139C10.812,451.017,0,440.206,0,426.878V111.967l39,1.063L59.712,155.493
10 | 	z"/>
11 | <path style="fill:#D32E2A;" d="M512,111.967v314.912c0,13.327-10.812,24.139-24.152,24.139h-35.56V155.493l19.692-46.525
12 | 	L512,111.967z"/>
13 | <path style="fill:#F14336;" d="M512,85.122v26.845l-59.712,43.526L256,298.561L59.712,155.493L0,111.967V85.122
14 | 	c0-13.327,10.812-24.139,24.139-24.139h13.975L256,219.792L473.886,60.983h13.962C501.188,60.983,512,71.794,512,85.122z"/>
15 | <polygon style="fill:#D32E2A;" points="59.712,155.493 0,146.235 0,111.967 "/>
16 | <g>
17 | </g>
18 | <g>
19 | </g>
20 | <g>
21 | </g>
22 | <g>
23 | </g>
24 | <g>
25 | </g>
26 | <g>
27 | </g>
28 | <g>
29 | </g>
30 | <g>
31 | </g>
32 | <g>
33 | </g>
34 | <g>
35 | </g>
36 | <g>
37 | </g>
38 | <g>
39 | </g>
40 | <g>
41 | </g>
42 | <g>
43 | </g>
44 | <g>
45 | </g>
46 | </svg>
47 | 


--------------------------------------------------------------------------------
/app/images/google-calendar-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
 5 | <path style="fill:#E6E6E6;" d="M455.617,10.846H56.367c-12.437,0-22.517,10.094-22.517,22.531v74.912h444.296V33.377
 6 | 	C478.147,20.939,468.053,10.846,455.617,10.846z M148.16,55.922c-5.953,0-10.784-4.831-10.784-10.784s4.831-10.784,10.784-10.784
 7 | 	c5.953,0,10.784,4.831,10.784,10.784S154.112,55.922,148.16,55.922z M366.656,55.922c-5.953,0-10.784-4.831-10.784-10.784
 8 | 	s4.831-10.784,10.784-10.784s10.784,4.831,10.784,10.784S372.608,55.922,366.656,55.922z"/>
 9 | <path style="fill:#3A5BBC;" d="M511.505,113.523l-34.077,177.704l13.918,184.793c1.021,13.559-9.706,25.134-23.322,25.134H43.96
10 | 	c-13.602,0-24.343-11.575-23.322-25.134l13.933-184.793L0.494,113.523C-2.712,96.815,10.099,81.3,27.123,81.3h457.74
11 | 	C501.901,81.3,514.711,96.815,511.505,113.523z"/>
12 | <path style="fill:#518EF8;" d="M468.024,501.153H43.96c-13.602,0-24.343-11.575-23.322-25.134l13.933-184.793h244.435h198.423
13 | 	l13.918,184.793C492.368,489.578,481.641,501.153,468.024,501.153z"/>
14 | <g>
15 | 	<path style="fill:#FFFFFF;" d="M247.371,244.856c0-34.687-29.026-62.906-64.703-62.906s-64.703,28.219-64.703,62.906h21.568
16 | 		c0-22.794,19.351-41.338,43.136-41.338s43.136,18.544,43.136,41.338s-19.351,41.338-43.136,41.338h-20.13v21.568h20.13
17 | 		c23.785,0,43.136,18.544,43.136,41.338c0,22.794-19.351,41.338-43.136,41.338s-43.136-18.544-43.136-41.338h-21.568
18 | 		c0,34.687,29.026,62.906,64.703,62.906s64.703-28.219,64.703-62.906c0-21.663-11.322-40.802-28.513-52.122
19 | 		C236.05,285.659,247.371,266.519,247.371,244.856z"/>
20 | 	<polygon style="fill:#FFFFFF;" points="289.289,218.704 300.353,237.218 342.989,211.741 342.989,401.222 364.556,401.222 
21 | 		364.556,173.728 	"/>
22 | </g>
23 | <g>
24 | </g>
25 | <g>
26 | </g>
27 | <g>
28 | </g>
29 | <g>
30 | </g>
31 | <g>
32 | </g>
33 | <g>
34 | </g>
35 | <g>
36 | </g>
37 | <g>
38 | </g>
39 | <g>
40 | </g>
41 | <g>
42 | </g>
43 | <g>
44 | </g>
45 | <g>
46 | </g>
47 | <g>
48 | </g>
49 | <g>
50 | </g>
51 | <g>
52 | </g>
53 | </svg>
54 | 


--------------------------------------------------------------------------------
/app/images/google-drive-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 4 |   <polygon style="fill:#3089F3;" points="512,336.842 155.396,336.842 80.842,480.561 431.158,480.561 "/>
 5 |   <polygon style="fill:#00A76A;" points="170.667,31.439 0,318.877 80.842,480.561 245.221,164.379 "/>
 6 |   <polygon style="fill:#FDD446;" points="332.351,31.439 170.667,31.439 341.333,336.842 512,336.842 "/>
 7 |   <g></g>
 8 |   <g></g>
 9 |   <g></g>
10 |   <g></g>
11 |   <g></g>
12 |   <g></g>
13 |   <g></g>
14 |   <g></g>
15 |   <g></g>
16 |   <g></g>
17 |   <g></g>
18 |   <g></g>
19 |   <g></g>
20 |   <g></g>
21 |   <g></g>
22 | </svg>


--------------------------------------------------------------------------------
/app/images/google-maps-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 5 | <path style="fill:#CCCCCC;" d="M451.809,239.542v217.654l-68.402-12.661l-30.156-36.174l-127.06-141.254l107.876-76.649
 6 | 	c54.037,71.326,55.741,53.938,55.741,53.938s26.692-39.85,60.936-5.607L451.809,239.542z"/>
 7 | <path style="fill:#518EF8;" d="M190.707,223.105l224.311,288.696c-1.306,0.128-2.626,0.199-3.96,0.199H44.336L190.707,223.105z"/>
 8 | <path style="fill:#28B446;" d="M334.068,190.458L0.447,471.248V101.389c0-22.512,18.254-40.752,40.752-40.752h243.289
 9 | 	c-10.447,17.956,28.289,29.481,28.289,51.752C312.777,134.803,323.494,172.417,334.068,190.458z"/>
10 | <path style="fill:#F2F2F2;" d="M451.809,457.196v14.052c0,21.164-16.139,38.566-36.791,40.553L227.313,326.567l45.436-46.046
11 | 	l104.867,103.476l5.791,5.72L451.809,457.196z"/>
12 | <path style="fill:#FFD837;" d="M322.514,230.088l-49.765,50.432l-45.436,46.046L44.336,512h-3.137
13 | 	c-22.498,0-40.752-18.254-40.752-40.752l284.254-288.058c5.323,9.113,41.93-0.114,49.368,7.267l13.67,17.572
14 | 	C354.41,215.142,316.78,222.537,322.514,230.088z"/>
15 | <path style="fill:#FFFFFF;" d="M106.904,227.775c-35.808,0-64.939-29.131-64.939-64.939s29.131-64.939,64.939-64.939
16 | 	c17.334,0,33.637,6.758,45.91,19.03l-15.057,15.054c-8.248-8.25-19.206-12.793-30.853-12.793c-24.068,0-43.647,19.58-43.647,43.647
17 | 	s19.58,43.647,43.647,43.647c20.396,0,37.571-14.062,42.334-33.002h-42.334v-21.291h64.939v10.646
18 | 	C171.842,198.644,142.712,227.775,106.904,227.775z"/>
19 | <path style="fill:#F14336;" d="M284.488,60.638C305.566,24.386,344.842,0,389.809,0c67.238,0,121.744,54.506,121.744,121.744
20 | 	c0,16.863-3.435,32.916-9.624,47.522c-6.203,14.606-15.174,27.75-26.245,38.764c-9.226,9.808-17.501,20.17-24.939,30.759
21 | 	c-48.729,69.424-60.936,148.685-60.936,148.685s-13.257-86.06-67.295-157.386c-5.734-7.551-11.923-14.947-18.594-22.058h0.014
22 | 	c-7.438-7.381-13.91-15.727-19.233-24.84c-10.575-18.041-16.636-39.034-16.636-61.447C268.065,99.473,274.041,78.593,284.488,60.638
23 | 	z"/>
24 | <path style="fill:#7E2D25;" d="M389.81,56.947c35.781,0,64.781,29.017,64.781,64.798s-29,64.781-64.781,64.781
25 | 	s-64.798-29-64.798-64.781S354.03,56.947,389.81,56.947z"/>
26 | <g>
27 | </g>
28 | <g>
29 | </g>
30 | <g>
31 | </g>
32 | <g>
33 | </g>
34 | <g>
35 | </g>
36 | <g>
37 | </g>
38 | <g>
39 | </g>
40 | <g>
41 | </g>
42 | <g>
43 | </g>
44 | <g>
45 | </g>
46 | <g>
47 | </g>
48 | <g>
49 | </g>
50 | <g>
51 | </g>
52 | <g>
53 | </g>
54 | <g>
55 | </g>
56 | </svg>
57 | 


--------------------------------------------------------------------------------
/app/images/google-search-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 5 | <path style="fill:#FBBB00;" d="M113.47,309.408L95.648,375.94l-65.139,1.378C11.042,341.211,0,299.9,0,256
 6 | 	c0-42.451,10.324-82.483,28.624-117.732h0.014l57.992,10.632l25.404,57.644c-5.317,15.501-8.215,32.141-8.215,49.456
 7 | 	C103.821,274.792,107.225,292.797,113.47,309.408z"/>
 8 | <path style="fill:#518EF8;" d="M507.527,208.176C510.467,223.662,512,239.655,512,256c0,18.328-1.927,36.206-5.598,53.451
 9 | 	c-12.462,58.683-45.025,109.925-90.134,146.187l-0.014-0.014l-73.044-3.727l-10.338-64.535
10 | 	c29.932-17.554,53.324-45.025,65.646-77.911h-136.89V208.176h138.887L507.527,208.176L507.527,208.176z"/>
11 | <path style="fill:#28B446;" d="M416.253,455.624l0.014,0.014C372.396,490.901,316.666,512,256,512
12 | 	c-97.491,0-182.252-54.491-225.491-134.681l82.961-67.91c21.619,57.698,77.278,98.771,142.53,98.771
13 | 	c28.047,0,54.323-7.582,76.87-20.818L416.253,455.624z"/>
14 | <path style="fill:#F14336;" d="M419.404,58.936l-82.933,67.896c-23.335-14.586-50.919-23.012-80.471-23.012
15 | 	c-66.729,0-123.429,42.957-143.965,102.724l-83.397-68.276h-0.014C71.23,56.123,157.06,0,256,0
16 | 	C318.115,0,375.068,22.126,419.404,58.936z"/>
17 | <g>
18 | </g>
19 | <g>
20 | </g>
21 | <g>
22 | </g>
23 | <g>
24 | </g>
25 | <g>
26 | </g>
27 | <g>
28 | </g>
29 | <g>
30 | </g>
31 | <g>
32 | </g>
33 | <g>
34 | </g>
35 | <g>
36 | </g>
37 | <g>
38 | </g>
39 | <g>
40 | </g>
41 | <g>
42 | </g>
43 | <g>
44 | </g>
45 | <g>
46 | </g>
47 | </svg>
48 | 


--------------------------------------------------------------------------------
/app/images/incognito-icon.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="360px" height="360px" viewBox="0 0 360 360" enable-background="new 0 0 360 360" xml:space="preserve">  <image id="image0" width="360" height="360" x="0" y="0"
  4 |     xlink:href="data:image/png;base64,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" />
182 | </svg>
183 | 


--------------------------------------------------------------------------------
/app/images/shortened-url-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 472 472" style="enable-background:new 0 0 472 472;" xml:space="preserve">
 5 | <path style="fill:#34495E;" d="M0,4v96h472c0-31.504,0-96,0-96H0z"/>
 6 | <path style="fill:#66CEDB;" d="M320,36l-48,64H0v368h472c0,0,0-247.232,0-368V36H320z"/>
 7 | <path style="fill:#E74C3C;" d="M48,76c-13.232,0-24-10.768-24-24s10.768-24,24-24s24,10.768,24,24S61.232,76,48,76z M48,44
 8 | 	c-4.416,0-8,3.592-8,8s3.584,8,8,8s8-3.592,8-8S52.416,44,48,44z"/>
 9 | <path style="fill:#F6BF58;" d="M112,76c-13.232,0-24-10.768-24-24s10.768-24,24-24s24,10.768,24,24S125.232,76,112,76z M112,44
10 | 	c-4.416,0-8,3.592-8,8s3.584,8,8,8s8-3.592,8-8S116.416,44,112,44z"/>
11 | <path style="fill:#66CEDB;" d="M176,76c-13.232,0-24-10.768-24-24s10.768-24,24-24s24,10.768,24,24S189.232,76,176,76z M176,44
12 | 	c-4.416,0-8,3.592-8,8s3.584,8,8,8s8-3.592,8-8S180.416,44,176,44z"/>
13 | <g>
14 | 	<polygon style="fill:#00BFC8;" points="41.344,224.44 22.384,196 41.344,167.56 54.656,176.44 41.616,196 54.656,215.56 	"/>
15 | 	<polygon style="fill:#00BFC8;" points="86.656,224.44 73.344,215.56 86.384,196 73.344,176.44 86.656,167.56 105.616,196 	"/>
16 | </g>
17 | <rect x="144" y="140" style="fill:#FFFFFF;" width="328" height="112"/>
18 | <g>
19 | 	<path style="fill:#E74C3C;" d="M192,212c-13.232,0-24-10.768-24-24s10.768-24,24-24s24,10.768,24,24S205.232,212,192,212z M192,180
20 | 		c-4.416,0-8,3.592-8,8s3.584,8,8,8s8-3.592,8-8S196.416,180,192,180z"/>
21 | 	
22 | 		<rect x="207.999" y="200.687" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 518.6398 209.1708)" style="fill:#E74C3C;" width="16" height="22.624"/>
23 | </g>
24 | <rect x="248" y="164" style="fill:#34495E;" width="16" height="64"/>
25 | <g>
26 | 	<polygon style="fill:#FFFFFF;" points="328,364 304.04,284.896 376,324 344,332 	"/>
27 | 	
28 | 		<rect x="355.99" y="323.713" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 870.2668 343.5092)" style="fill:#FFFFFF;" width="16" height="56.559"/>
29 | </g>
30 | <g>
31 | 	<rect x="32" y="292" style="fill:#00BFC8;" width="16" height="16"/>
32 | 	<rect x="64" y="292" style="fill:#00BFC8;" width="16" height="16"/>
33 | 	<rect x="96" y="292" style="fill:#00BFC8;" width="16" height="16"/>
34 | 	<rect x="32" y="324" style="fill:#00BFC8;" width="16" height="16"/>
35 | 	<rect x="64" y="324" style="fill:#00BFC8;" width="16" height="16"/>
36 | 	<rect x="96" y="324" style="fill:#00BFC8;" width="16" height="16"/>
37 | 	<rect x="128" y="292" style="fill:#00BFC8;" width="16" height="16"/>
38 | 	<rect x="160" y="292" style="fill:#00BFC8;" width="16" height="16"/>
39 | 	<rect x="192" y="292" style="fill:#00BFC8;" width="16" height="16"/>
40 | 	<rect x="128" y="324" style="fill:#00BFC8;" width="16" height="16"/>
41 | 	<rect x="160" y="324" style="fill:#00BFC8;" width="16" height="16"/>
42 | 	<rect x="192" y="324" style="fill:#00BFC8;" width="16" height="16"/>
43 | </g>
44 | <g>
45 | </g>
46 | <g>
47 | </g>
48 | <g>
49 | </g>
50 | <g>
51 | </g>
52 | <g>
53 | </g>
54 | <g>
55 | </g>
56 | <g>
57 | </g>
58 | <g>
59 | </g>
60 | <g>
61 | </g>
62 | <g>
63 | </g>
64 | <g>
65 | </g>
66 | <g>
67 | </g>
68 | <g>
69 | </g>
70 | <g>
71 | </g>
72 | <g>
73 | </g>
74 | </svg>
75 | 


--------------------------------------------------------------------------------
/app/images/theming-icon.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 431.985 431.985" style="enable-background:new 0 0 431.985 431.985;" xml:space="preserve">
 2 | <g>
 3 | 	<path d="M423.257,51.829c-0.808-2.045-2.67-3.484-4.853-3.751c-2.177-0.266-4.335,0.682-5.612,2.472   c-7.581,10.629-17.529,14.172-29.053,18.275c-9.292,3.31-18.901,6.73-29.286,14.186c-14.687,10.544-21.405,24.917-18.055,38.54   l-0.358,0.459c-6.133-8.897-12.806-17.126-19.848-24.474c-32.947-34.378-78.984-55.046-126.311-56.703   c-2.085-0.073-4.204-0.11-6.298-0.11c-52.846,0-103.428,23.624-138.775,64.813C9.646,146.512-5.939,199.853,2.051,251.882   c0.668,4.349,1.504,8.743,2.487,13.063c12.996,57.202,46.189,100.717,91.069,119.383c11.063,4.602,22.222,6.934,33.163,6.934   c27.183,0,50.926-14.539,65.143-39.889c5.404-9.646,8.891-19.621,10.36-29.651c0.866-5.92,0.274-11.835-0.3-17.567   c-0.591-5.9-1.149-11.476-0.256-17.09c2.047-12.869,11.036-20.553,24.047-20.553c3.701,0,7.483,0.609,11.26,1.812   c-4.422,8.11-8.438,15.854-11.947,23.032c-7.437,15.212-12.567,27.81-15.252,37.44c-1.655,5.939-6.052,21.722,4.67,29.164   c3.405,2.363,7.722,3.197,12.215,2.361c4.049-0.752,16.369-3.041,51.378-42.896c9.396-10.695,19.521-23.072,30.104-36.794   c27.168-9.15,48.31-31.921,53.903-58.087c1.4-6.541,1.984-13.541,1.735-20.812c10.172-15.72,19.094-30.388,28.072-46.156   c0.172-0.304,0.342-0.628,0.51-0.96c13.031-3.569,24.254-13.71,30.842-27.891C434.872,106.028,434.163,79.428,423.257,51.829z    M276.385,149.834c-4.713,7.485-12.814,11.954-21.673,11.954c-4.81,0-9.515-1.361-13.605-3.937   c-5.782-3.642-9.803-9.317-11.316-15.98s-0.345-13.518,3.298-19.301c4.714-7.485,12.816-11.954,21.675-11.954   c4.811,0,9.515,1.361,13.604,3.938c5.782,3.64,9.802,9.315,11.316,15.979C281.197,137.197,280.026,144.051,276.385,149.834z    M309.592,196.187c12.934-19.057,26.612-38,39.604-54.85c2.106,1.902,4.461,3.76,7.012,5.53c4.227,2.933,8.648,5.201,13.164,6.754   c-10.969,18.758-22.763,37.342-37.043,58.375c-23.463,34.571-47.859,66.684-68.695,90.424   c-11.638,13.26-21.823,23.498-29.671,29.839c3.029-9.69,8.818-22.989,16.875-38.746   C265.245,265.336,286.111,230.772,309.592,196.187z M82.506,196.023c-4.811,0-9.516-1.361-13.607-3.938   c-5.782-3.641-9.801-9.314-11.315-15.979c-1.514-6.664-0.342-13.519,3.301-19.302c4.711-7.484,12.813-11.953,21.671-11.953   c4.812,0,9.517,1.361,13.607,3.938c11.936,7.518,15.532,23.345,8.019,35.279C99.466,191.554,91.363,196.023,82.506,196.023z    M55.688,252.358c4.713-7.486,12.814-11.955,21.673-11.955c4.81,0,9.514,1.362,13.606,3.938c5.782,3.641,9.801,9.315,11.315,15.979   c1.515,6.662,0.343,13.516-3.301,19.301c-4.711,7.483-12.813,11.953-21.671,11.953c-4.811,0-9.517-1.361-13.609-3.938   c-5.782-3.642-9.8-9.315-11.313-15.979C50.876,264.995,52.049,258.14,55.688,252.358z M137.62,100.414   c4.713-7.485,12.815-11.954,21.673-11.954c4.809,0,9.514,1.361,13.604,3.937c11.937,7.516,15.533,23.344,8.019,35.28   c-4.715,7.486-12.817,11.955-21.675,11.955c-4.81,0-9.515-1.361-13.605-3.938c-5.781-3.64-9.799-9.314-11.313-15.979   C132.807,113.052,133.979,106.198,137.62,100.414z" fill="#FFFFFF"/>
 4 | </g>
 5 | <g>
 6 | </g>
 7 | <g>
 8 | </g>
 9 | <g>
10 | </g>
11 | <g>
12 | </g>
13 | <g>
14 | </g>
15 | <g>
16 | </g>
17 | <g>
18 | </g>
19 | <g>
20 | </g>
21 | <g>
22 | </g>
23 | <g>
24 | </g>
25 | <g>
26 | </g>
27 | <g>
28 | </g>
29 | <g>
30 | </g>
31 | <g>
32 | </g>
33 | <g>
34 | </g>
35 | </svg>
36 | 


--------------------------------------------------------------------------------
/app/images/twitter-icon.svg:
--------------------------------------------------------------------------------
 1 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 2 | 	 viewBox="0 0 430.1 430.1" style="enable-background:new 0 0 430.1 430.1;" xml:space="preserve">
 3 | <style type="text/css">
 4 | 	.st0{fill:#ffffff;}
 5 | </style>
 6 | <g>
 7 | 	<path id="Twitter__x28_alt_x29_" class="st0" d="M381.4,198.6c24.2-2,40.5-13,46.9-27.9c-8.7,5.4-35.8,11.2-50.7,5.6
 8 | 		c-0.7-3.5-1.5-6.8-2.4-9.9c-11.4-41.8-50.4-75.5-91.2-71.4c3.3-1.3,6.7-2.6,10-3.7c4.5-1.6,30.9-5.9,26.7-15.2
 9 | 		c-3.5-8.2-35.7,6.2-41.8,8.1c8-3,21.3-8.2,22.7-17.4c-12.3,1.7-24.3,7.5-33.6,15.9c3.4-3.6,5.9-8,6.5-12.8
10 | 		C241.7,91,222.6,133.1,207.1,174c-12.1-11.8-22.9-21-32.6-26.2c-27.1-14.5-59.5-29.7-110.4-48.6c-1.6,16.8,8.3,39.2,36.8,54.1
11 | 		c-6.2-0.8-17.5,1-26.5,3.2c3.7,19.3,15.7,35.2,48.2,42.8c-14.8,1-22.5,4.4-29.5,11.6c6.8,13.4,23.3,29.2,53,25.9
12 | 		c-33,14.2-13.5,40.6,13.4,36.6c-45.8,47.3-118,43.8-159.5,4.3c108.3,147.6,343.7,87.3,378.8-54.9c26.3,0.2,41.7-9.1,51.3-19.4
13 | 		C415,206.1,393,203.5,381.4,198.6z"/>
14 | </g>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/app/images/white-chrome-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 305 305" style="enable-background:new 0 0 305 305;" xml:space="preserve" width="512px" height="512px">
 4 | <g id="XMLID_16_">
 5 | 	<path id="XMLID_17_" d="M95.506,152.511c0,31.426,25.567,56.991,56.994,56.991c31.425,0,56.99-25.566,56.99-56.991   c0-31.426-25.565-56.993-56.99-56.993C121.073,95.518,95.506,121.085,95.506,152.511z" fill="#FFFFFF"/>
 6 | 	<path id="XMLID_18_" d="M283.733,77.281c0.444-0.781,0.436-1.74-0.023-2.513c-13.275-22.358-32.167-41.086-54.633-54.159   C205.922,7.134,179.441,0.012,152.5,0.012c-46.625,0-90.077,20.924-119.215,57.407c-0.643,0.804-0.727,1.919-0.212,2.81   l42.93,74.355c0.45,0.78,1.28,1.25,2.164,1.25c0.112,0,0.226-0.008,0.339-0.023c1.006-0.137,1.829-0.869,2.083-1.852   c8.465-32.799,38.036-55.706,71.911-55.706c2.102,0,4.273,0.096,6.455,0.282c0.071,0.007,0.143,0.01,0.214,0.01H281.56   C282.459,78.545,283.289,78.063,283.733,77.281z" fill="#FFFFFF"/>
 7 | 	<path id="XMLID_19_" d="M175.035,224.936c-0.621-0.803-1.663-1.148-2.646-0.876c-6.457,1.798-13.148,2.709-19.889,2.709   c-28.641,0-55.038-16.798-67.251-42.794c-0.03-0.064-0.063-0.126-0.098-0.188L23.911,77.719c-0.446-0.775-1.272-1.25-2.165-1.25   c-0.004,0-0.009,0-0.013,0c-0.898,0.005-1.725,0.49-2.165,1.272C6.767,100.456,0,126.311,0,152.511   c0,36.755,13.26,72.258,37.337,99.969c23.838,27.435,56.656,45.49,92.411,50.84c0.124,0.019,0.248,0.027,0.371,0.027   c0.883,0,1.713-0.47,2.164-1.25l42.941-74.378C175.732,226.839,175.657,225.739,175.035,224.936z" fill="#FFFFFF"/>
 8 | 	<path id="XMLID_20_" d="M292.175,95.226h-85.974c-1.016,0-1.931,0.615-2.314,1.555c-0.384,0.94-0.161,2.02,0.564,2.73   c14.385,14.102,22.307,32.924,22.307,53c0,15.198-4.586,29.824-13.263,42.298c-0.04,0.058-0.077,0.117-0.112,0.178l-61.346,106.252   c-0.449,0.778-0.446,1.737,0.007,2.513c0.449,0.767,1.271,1.237,2.158,1.237c0.009,0,0.019,0,0.028,0   c40.37-0.45,78.253-16.511,106.669-45.222C289.338,231.032,305,192.941,305,152.511c0-19.217-3.532-37.956-10.498-55.698   C294.126,95.855,293.203,95.226,292.175,95.226z" fill="#FFFFFF"/>
 9 | </g>
10 | <g>
11 | </g>
12 | <g>
13 | </g>
14 | <g>
15 | </g>
16 | <g>
17 | </g>
18 | <g>
19 | </g>
20 | <g>
21 | </g>
22 | <g>
23 | </g>
24 | <g>
25 | </g>
26 | <g>
27 | </g>
28 | <g>
29 | </g>
30 | <g>
31 | </g>
32 | <g>
33 | </g>
34 | <g>
35 | </g>
36 | <g>
37 | </g>
38 | <g>
39 | </g>
40 | </svg>
41 | 


--------------------------------------------------------------------------------
/app/images/youtube-icon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 461.001 461.001" style="enable-background:new 0 0 461.001 461.001;" xml:space="preserve">
 5 | <path style="fill:#F61C0D;" d="M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728
 6 | 	c0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137
 7 | 	C461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607
 8 | 	c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z"/>
 9 | <g>
10 | </g>
11 | <g>
12 | </g>
13 | <g>
14 | </g>
15 | <g>
16 | </g>
17 | <g>
18 | </g>
19 | <g>
20 | </g>
21 | <g>
22 | </g>
23 | <g>
24 | </g>
25 | <g>
26 | </g>
27 | <g>
28 | </g>
29 | <g>
30 | </g>
31 | <g>
32 | </g>
33 | <g>
34 | </g>
35 | <g>
36 | </g>
37 | <g>
38 | </g>
39 | </svg>
40 | 


--------------------------------------------------------------------------------
/app/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "manifest_version": 2,
 3 |   "name": "Cato",
 4 |   "description": "Cato - a command launcher for your web browser.",
 5 |   "homepage_url": "https://github.com/cliffordfajardo/cato",
 6 |   "version": "1.1.5",
 7 | 
 8 |   "browser_action": {
 9 |     "default_icon": "images/cato-logo.png",
10 |     "default_popup": "popup.html",
11 |     "default_title": "Cato"
12 |   },
13 |   "options_ui": {
14 |     "page": "options.html",
15 |     "open_in_tab": true
16 |   },
17 |   "background": {
18 |     "scripts": [ "popup.js"],
19 |     "persistent": false
20 |   },
21 |   "icons": {
22 |     "16": "images/cato-logo16.png",
23 |     "48": "images/cato-logo48.png",
24 |     "128": "images/cato-logo128.png"
25 |   },
26 |   "permissions": [
27 |     "activeTab",
28 |     "bookmarks",
29 |     "tabs",
30 |     "management",
31 |     "storage"
32 |   ],
33 |   "content_security_policy": "script-src 'self' https://www.google-analytics.com; object-src 'self'",
34 |   "commands": {
35 |     "_execute_browser_action": {
36 |       "suggested_key": {
37 |         "windows": "Ctrl+J",
38 |         "mac": "Command+J",
39 |         "chromeos": "Ctrl+M",
40 |         "linux": "Ctrl+M"
41 |       }
42 |     }
43 |   }
44 | }
45 | 


--------------------------------------------------------------------------------
/app/pages/options/options.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <title>Cato - Options/Settings</title>
 6 | <body>
 7 |   <div class="sidebar">
 8 |     <div class="sidebar__title">Settings</div>
 9 |     <nav class="sidebar__nav">
10 |       <a class="sidebar__nav-link is-active" href="#theming">
11 |         <img src="/images/theming-icon.svg" /> Theming
12 |       </a>
13 |       <!-- TODO: add once appcounter feature is complete. -->
14 |       <!-- <a class="sidebar__nav-link" href="#usage">
15 |         <img src="/images/chart-logo.svg" /> Usage
16 |       </a> -->
17 |       <a class="sidebar__nav-link" href="#about">
18 |         <img src="/images/about-icon.svg" /> About
19 |       </a>
20 |     </nav>
21 |     <footer class="sidebar__footer">
22 |       <a class="sidebar__footer-links" title="Cato, the browser command launcher, Github project page link" href="https://github.com/cliffordfajardo">
23 |         <img src="/images/github-icon.svg" />
24 |       </a>
25 |       <a class="sidebar__footer-links" title="Cato, the browser command launcher, Author's twitter page link" href="https://twitter.com/cliffordfajard0">
26 |         <img src="/images/twitter-icon.svg" />
27 |       </a>
28 |       <a class="sidebar__footer-links" title="Cato, the browser command launcher, Chrome extension page link" href="https://chrome.google.com/webstore/detail/cato/icphdcfpompgbdikholnedfeidemgobg">
29 |         <img src="/images/white-chrome-icon.svg" />
30 |       </a>
31 |       <!-- TODO: uncomment when I publish the Firefox extensions -->
32 |       <!-- <a class="sidebar__footer-links" title="Cato, the browser command launcher, Firefox extension page link" href="https://twitter.com/cliffordfajard0">
33 |         <img src="/images/firefox-logo.svg" />
34 |       </a> -->
35 |     </footer>
36 |   </div>
37 | 
38 |   <main class="main-content">
39 |     <div id="page-theme"></div>
40 | 
41 | 
42 |     <div id="page-about" class="hide content">
43 |         <main class="column is-three-quarter">
44 |             <h1 class="title is-3 ">What is Cato?</h1>
45 |             <p>
46 |               Cato is an intelligent command launcher for your web browser. It aims to increase your productivity by allowing
47 |               you to tell your browser what to do, not how to do it. The days of remembering keyboard shortcuts and excessive
48 |               mouse use are over.
49 |             </p>
50 | 
51 |             <h2 class="title is-3">Example Use</h2>
52 | 
53 |             <iframe width="560" height="315" src="https://www.youtube.com/embed/vyjcfF8d3uA" frameborder="0" allowfullscreen></iframe>
54 |             <p>For more details about Cato visit this <a href="https://github.com/cliffordfajardo/cato">README page</a>.</p>
55 | 
56 | 
57 | 
58 |             <h2>Changing this extension's shortcut keys</h2>
59 |             <p>By default to open Cato you can click the browser icon near your URL bar or you can use:</p>
60 |             <ul>
61 |               <li>Mac: <kbd>Command ⌘</kbd> + <kbd>J</kbd></li>
62 |               <li>Windows and Linux: <kbd>Ctrl</kbd> + <kbd>J</kbd></li>
63 |               <li>Alternatively, in Google Chrome, you can go to the URL <b>chrome://extensions</b> and scroll to the bottom and click <b>Keyboard shortcuts</b></li>
64 |             </ul>
65 | 
66 | 
67 |             <h2 class="title is-3">Future Updates</h2>
68 |             <p>
69 |               Cato is free and open source software.
70 |               If you have any feedback or would like to contribute to the underlying code,
71 |               visit the source repository <a href="https://github.com/cliffordfajardo" title="Cato Github repository">here.</a>
72 |             </p>
73 | 
74 |             <p>
75 |               Thanks for downloading Cato. If you found this browser extension useful, let me know by rating the extension
76 |               or by <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fgoo.gl%2Fgc6dqZ&via=cliffordfajard0&text=Checkout%20the%20Cato%20browser%20extension.">
77 |               sharing</a> it with others. - Cheers 🎉
78 |             </p>
79 | 
80 |         </main>
81 | 
82 | 
83 |       </div>
84 |   </main>
85 | 
86 | </body>
87 | </html>
88 | 


--------------------------------------------------------------------------------
/app/pages/options/options.js:
--------------------------------------------------------------------------------
 1 | //Requiring the CSS we will use on this page.
 2 | //Webpack will output `options.css` from all these requires
 3 | require('./options.scss')
 4 | const browser = require('webextension-polyfill')
 5 | const themeCustomizerElement = require('../../components/theme-customizer')
 6 | const staticCommandPaletteElement = require('../../components/static-command-palette')
 7 | const utils = require('../../util.js')
 8 | const Grapnel = require('grapnel')
 9 | const router = new Grapnel()
10 | 
11 | 
12 | const appearancePageElement = document.querySelector('#page-theme')
13 | appearancePageElement.appendChild(staticCommandPaletteElement)
14 | appearancePageElement.appendChild(themeCustomizerElement)
15 | 
16 | 
17 | const themePageNavLink = document.querySelector("a[href^='#theming']")
18 | const aboutPageElement = document.querySelector("#page-about")
19 | const aboutPageNavLink = document.querySelector("a[href^='#about']")
20 | 
21 | //Tab routing for options page
22 | router.get('theming', function(request) {
23 |   const otherPages = Array.from(document.querySelectorAll("div[id^='page-']")).filter((el) => el !== appearancePageElement)
24 |   otherPages.forEach((page) => page.classList.add('hide'))
25 | 
26 |   const otherNavLinks = Array.from(document.querySelectorAll("a[href^='#']")).filter((el) => el != themePageNavLink)
27 |   otherNavLinks.forEach((navLink) => navLink.classList.remove('is-active'))
28 |   themePageNavLink.classList.add('is-active')
29 | 
30 |   appearancePageElement.classList.remove('hide')
31 | })
32 | 
33 | 
34 | router.get('about', function (request) {
35 |   const otherPages = Array.from(document.querySelectorAll("div[id^='page-']")).filter((el) => el !== aboutPageElement)
36 |   otherPages.forEach((page) => page.classList.add('hide'))
37 | 
38 |   const otherNavLinks = Array.from(document.querySelectorAll("a[href^='#']")).filter((el) => el != aboutPageNavLink)
39 |   otherNavLinks.forEach((navLink) => navLink.classList.remove('is-active'))
40 |   aboutPageNavLink.classList.add('is-active')
41 | 
42 |   aboutPageElement.classList.remove('hide')
43 | })
44 | 
45 | /**
46 | * Google Analytics
47 | * Purpose in Cato app:
48 | * - Used as a counter for tracking cato command usage. This does not track what you write inside the application.
49 | * - For this particular page, I want to see if people are actually using the theme customizer.
50 | 
51 | * - As the app developer of this app, who is building this app in his spare time at no cost to users,
52 | * I'd like to know how useful this app is to users. Measuring how many times the app is launched gives me an idea how often this
53 | * application is being used.
54 | 
55 | */
56 | 
57 | // // Standard Google Universal Analytics code
58 | (function (i, s, o, g, r, a, m) {
59 |   i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
60 |     (i[r].q = i[r].q || []).push(arguments)
61 |   }, i[r].l = 1 * new Date(); a = s.createElement(o),
62 |     m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
63 | })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); // Note: https protocol here
64 | 
65 | ga('create', 'UA-41444051-3', 'auto'); // Enter your GA identifier
66 | ga('set', 'checkProtocolTask', function () { }); // Removes failing protocol check. @see: http://stackoverflow.com/a/22152353/1958200
67 | ga('require', 'displayfeatures');
68 | ga('send', 'pageview', '/options.html'); // Specify the virtual path
69 | 


--------------------------------------------------------------------------------
/app/pages/options/options.scss:
--------------------------------------------------------------------------------
  1 | @import "../../../node_modules/normalize.css/normalize.css";
  2 | @import "../../../node_modules/bulma/css/bulma.css";
  3 | @import "../../components/command-palette/command-palette.scss";
  4 | @import "../../components/static-command-palette/static-command-palette.scss";
  5 | @import "../../components/theme-customizer/theme-customizer.scss";
  6 | 
  7 | body {
  8 |   margin-left: 200px;
  9 | }
 10 | 
 11 | .hide {
 12 |   display: none !important;
 13 | }
 14 | 
 15 | .sidebar {
 16 |   background: #222222;
 17 |   width: 180px;
 18 |   padding: 30px 0;
 19 |   z-index: 9999;
 20 |   position: fixed;
 21 |   top: 0;
 22 |   left: 0;
 23 |   bottom: 0;
 24 | 
 25 |   &__title {
 26 |     font-size: 30px;
 27 |     color: white;
 28 |     padding-left: 16px;
 29 |   }
 30 | 
 31 |   &__nav {
 32 |     margin-top: 30px;
 33 |     display: flex;
 34 |     flex-direction: column;
 35 | 
 36 |     &-link {
 37 |       text-decoration: none;
 38 |       color: white !important;
 39 |       padding: 16px;
 40 |       font-size: 16px;
 41 | 
 42 |       &.is-active,
 43 |       &:hover {
 44 |         border-left: 4px solid white;
 45 |       }
 46 | 
 47 |       img {
 48 |         height: 20px;
 49 |         margin-right: 10px;
 50 |         vertical-align: bottom;
 51 |       }
 52 |     }
 53 |   }
 54 | 
 55 |   .sidebar__footer {
 56 |     position: absolute;
 57 |     bottom: 15px;
 58 |     left: 16px;
 59 |     right: 16px;
 60 | 
 61 |     &-links {
 62 |       margin: 0 10px 0 0;
 63 | 
 64 |       img {
 65 |         height: 20px;
 66 |       }
 67 |     }
 68 |   }
 69 | }
 70 | 
 71 | .main-content {
 72 |   margin-top: 25px;
 73 |   margin-left: 80px;
 74 |   margin-right: 80px;
 75 |   min-width: 500px;
 76 | }
 77 | 
 78 | #page-theme {
 79 |   display: flex;
 80 | }
 81 | 
 82 | #page-about {
 83 |   .cLauncher-header {
 84 |     background: #222222;
 85 | 
 86 |     &__banner {
 87 |       max-height: 200px;
 88 |       display: block;
 89 |       margin: 0 auto;
 90 |     }
 91 |   }
 92 | }
 93 | 
 94 | #reset-theme {
 95 |   background: hotpink;
 96 |   color: white;
 97 | }
 98 | 
 99 | .author-message-container {
100 |   margin-top: 60px;
101 |   max-width: 400px;
102 | 
103 |   .author-avatar {
104 |     border-radius: 50%;
105 |     margin-right: 10px;
106 |   }
107 | 
108 |   .author-message {
109 |     padding-top: 10px;
110 |     margin-left: 10px;
111 |     font-size: 14px;
112 |   }
113 | }
114 | 


--------------------------------------------------------------------------------
/app/pages/popup/popup.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <title>App</title>
 6 | </head>
 7 | <body>
 8 | </body>
 9 | 
10 | </html>
11 | 


--------------------------------------------------------------------------------
/app/pages/popup/popup.js:
--------------------------------------------------------------------------------
  1 | require('../popup/popup.scss')
  2 | const utils = require('../../util.js')
  3 | const browser = require('webextension-polyfill')
  4 | const defaultSuggestions = require('../../plugins/plugins.js')
  5 | const appHTML = require("../../components/command-palette/command-palette.html")
  6 | const fallbackWebSearches = require( '../../plugins/fallback-web-searches/index.js')
  7 | 
  8 | /**
  9 |  * @description
 10 |  * 1. Creates app-used counter in localstorage if undefined, else use existing
 11 |  * 2. Creates themeConfig object in localstorage if undefined, else use existing
 12 |  */
 13 | async function setupLocalStorage() {
 14 |   const {themeConfig} = await browser.storage.sync.get('themeConfig')
 15 |   if(themeConfig === undefined) {
 16 |     await browser.storage.sync.set({themeConfig: utils.defaultThemeConfig})
 17 |   }
 18 |   // await browser.storage.sync.clear()
 19 | 
 20 | }
 21 | setupLocalStorage();
 22 | 
 23 | 
 24 | /**
 25 |  * @description
 26 |  * Sets the colors for our app (inside popup window) from our defaultThemeConfig stored in localStorage.
 27 |  * We iterate over each key in our defaultThemeConfig, which corresponds to a
 28 |  * global CSS variable in our app, and assign the value from our defaultThemeConfig
 29 |  * to our global CSS variables.
 30 |  * @returns {Promise}
 31 |  */
 32 | async function setupAppTheme() {
 33 |   //we have css variables defined in our css already. Now we just modify them if we have values in our config
 34 |   const {themeConfig} = await browser.storage.sync.get('themeConfig')
 35 | 
 36 |   for (const key in themeConfig) {
 37 |     if (themeConfig.hasOwnProperty(key)) {
 38 |       utils.updateCSSVariable(key, themeConfig[key])
 39 |     }
 40 |   }
 41 | }
 42 | setupAppTheme()
 43 | 
 44 | /**
 45 |  * @description
 46 |  * Saves the search scopes for some our plugins. For some of our actions like 'Find Bookmark',
 47 |  * we prepend the search scope for the action to our input and allow the user
 48 |  * to type his/her query after the search scope name. Ex 'Find Bookmark 101 ways to cook'.
 49 |  *
 50 |  * ['Find Bookmark ', 'Change Tab']
 51 |  */
 52 | const searchScopes = []
 53 | 
 54 | defaultSuggestions.forEach((plugin) => {
 55 |   if(plugin.searchScope !== undefined) {
 56 |     searchScopes.push(plugin.searchScope.toLowerCase())
 57 |   }
 58 | })
 59 | 
 60 | /* ***********************Bootstrap app markup & set up globals**************************/
 61 | window.appElement = document.createElement("div")
 62 | window.appElement.innerHTML = appHTML
 63 | document.body.appendChild(window.appElement)
 64 | window.defaultSuggestions = [...defaultSuggestions];
 65 | window.currentSearchSuggestions = [...defaultSuggestions]
 66 | window.searchInput = document.querySelector(".cLauncher__search")
 67 | window.userQuery = ''
 68 | window.searchResultsList = document.querySelector(".cLauncher__suggestions")
 69 | 
 70 | function rerenderSuggestions(event) {
 71 |   window.isWebSearch = false;
 72 |   window.isCalculatorResult = false;
 73 |   window.searchResultsList.innerHTML = ""
 74 |   if(window.searchInput.value === '') {
 75 |     window.currentSearchSuggestions = [...defaultSuggestions]
 76 |     window.searchResultsList.innerHTML = ""
 77 |   }
 78 | 
 79 | 
 80 |   let domain = searchScopes.filter((searchScope) => {
 81 |     if (window.searchInput.value.toLowerCase().includes(searchScope)) {
 82 |       return searchScope
 83 |     }
 84 |   })[0]
 85 | 
 86 | 
 87 | 
 88 |   //if we have "Find Bookmark apple" in the search input only pass everything after for searching.
 89 |   if (domain) {
 90 |     //userQuery = 'find bookmark async'
 91 |     //trimedQuery for matches = 'async'
 92 | 
 93 |     //find the plugin to execute based off the domain.
 94 |     let x = defaultSuggestions.filter((plugin) => {
 95 |       let regex = new RegExp(domain, 'i')
 96 |       if(plugin.searchScope != undefined){
 97 |         return plugin.searchScope.match(regex)
 98 |       }
 99 |     })
100 | 
101 |     let regex = new RegExp(`${domain  } `, 'i')
102 |     let query = window.searchInput.value.split(regex).filter((x) => x.length !== 0).join()
103 |     window.userQuery = query
104 | 
105 |     const matches = utils.getMatches(query, window.currentSearchSuggestions)
106 |     utils.renderSuggestions(matches)
107 |   }
108 | 
109 |   else {
110 |     let matches = utils.getMatches(window.searchInput.value, window.currentSearchSuggestions)
111 | 
112 |     if(matches.length > 0) {
113 |       utils.renderSuggestions(matches)
114 |     }
115 | 
116 |     else if(utils.displayPotentialMathResult(window.searchInput.value).length > 0){
117 |       utils.renderSuggestions(utils.displayPotentialMathResult(window.searchInput.value))
118 |       window.isCalculatorResult = true;
119 |       ga('send', 'event', 'calculatorResultShowedUp', 'true')
120 |     }
121 | 
122 |     else if (matches.length === 0 && window.searchInput.value !== '') {
123 |       const results = fallbackWebSearches.map((webSearch) => webSearch(window.searchInput.value))
124 |       utils.renderSuggestions(results)
125 |     }
126 |   }
127 |   window.suggestionElements = document.querySelectorAll('.cLauncher__suggestion')
128 | }
129 | window.searchInput.addEventListener("input", rerenderSuggestions)
130 | 
131 | 
132 | /**
133 |  * Handles up and down keys when the user has focus on the input field, enabling the user
134 |  * to select the search.
135 |  * @param  {event} event
136 |  * @returns {void}
137 |  */
138 | function handleArrowKeysOnInput(event) {
139 |   window.searchInput.focus()
140 |   window.selectedElement = document.querySelector('.selected')
141 | 
142 |   if(window.selectedElement) {
143 |     const key = {DOWN: event.keyCode === 40, TAB: event.keyCode === 9, UP: event.keyCode === 38, ENTER: event.keyCode === 13}
144 |     if(!window.selectedElement) return;
145 | 
146 |     if(key.DOWN || key.TAB) {
147 |       // prevent focus on search input so we can keep tabbing down our suggestions while still being able to type
148 |       event.preventDefault()
149 |       if (selectedElement.nextElementSibling !== null) {
150 |         selectedElement.classList.remove('selected')
151 |         selectedElement = selectedElement.nextElementSibling
152 |         selectedElement.classList.add('selected')
153 |         selectedElement.scrollIntoView(false)
154 |       } else {
155 |         //we've reached the end of the list, select the top element
156 |         selectedElement.classList.remove('selected')
157 |         selectedElement = window.suggestionElements[0]
158 |         selectedElement.classList.add('selected')
159 |         selectedElement.scrollIntoView(true)
160 |       }
161 |     }
162 |     else if(key.UP) {
163 |       if (selectedElement.previousElementSibling !== null) {
164 |         selectedElement.classList.remove('selected')
165 |         selectedElement = selectedElement.previousElementSibling
166 |         selectedElement.classList.add('selected')
167 |         if(isVisibleY(selectedElement) === false) {
168 |           selectedElement.scrollIntoView(true)
169 |         }
170 |       } else {
171 |         //we've reached the top of the list
172 |         selectedElement.classList.remove('selected')
173 |         selectedElement = window.suggestionElements[window.suggestionElements.length - 1]
174 |         selectedElement.classList.add('selected')
175 |         selectedElement.scrollIntoView(false)
176 |       }
177 |     }
178 |     else if(key.ENTER && window.searchInput.value) {
179 |       window.selectedElement.click();
180 |       const searchInputValue = window.searchInput.value.toLowerCase();
181 |       const catoCommandName = window.selectedElement.querySelector('.cLauncher__suggestion-title').innerText.toLowerCase(); //This is not the value inside of the search input box.
182 |       const catoCommandSubtitle = window.selectedElement.querySelector('.cLauncher__suggestion-subtitle').innerText.toLowerCase();
183 |       const isFuzzySearchExecution = catoCommandName === searchInputValue ? 'false' : 'true';                               // testing how often a full command is typed versus using fuzzy search.
184 |       const isWebSearch = /^(http|https|www|search|for)/.test(catoCommandName) || /^(http|https|www|search|for)/.test(catoCommandSubtitle);
185 |       const isCalculatorResult = catoCommandSubtitle.includes("copy number to");
186 |       //https://developers.google.com/analytics/devguides/collection/analyticsjs/events
187 | 
188 |       if(!isWebSearch && !isCalculatorResult) {
189 |         ga('send', 'event', 'executeCommand', catoCommandName);
190 |         ga('send', 'event', 'fuzzySearch', isFuzzySearchExecution);
191 |       }
192 | 
193 |       if(isWebSearch) {
194 |         ga('send', 'event', 'webSearchCommand', 'true'); // how often do people use web searches? To readers, we don't track queries, just whether you ran a websearch command or not.
195 |       }
196 | 
197 |       if(window.isCalculatorResult) {
198 |         ga('send', 'event', 'calculatorCopyCommand', 'true'); // how often do people use the calculator? I have a hypothesis that people use the calculator a lot for quick calculations but don't copy to clipboard
199 |       }
200 | 
201 |       window.suggestionElements.forEach((result, index) => {
202 |         if (result.classList.contains('selected')) {
203 |           ga('send', 'event', 'hitPosition', index+1);
204 |         }
205 |       })
206 |     }
207 |     /**
208 |      * Check if an element is visible inside of it's parent container
209 |      * @param  {HTMLelement}  element
210 |      * @return {Boolean}
211 |      */
212 |     function isVisibleY(element) {
213 |       const elementRect = element.getBoundingClientRect()
214 |       const parentElementRect = element.parentElement.getBoundingClientRect()
215 |       if(elementRect.top <= parentElementRect.bottom === false) return false;
216 |       //check if the element is out of view due to a container scrolling.
217 |       if( (elementRect.top + elementRect.height) <= parentElementRect.top ) return false;
218 |       return elementRect.top <= document.documentElement.clientHeight
219 |     }
220 |   }
221 | }
222 | 
223 | window.searchInput.addEventListener("keydown", handleArrowKeysOnInput)
224 | 
225 | 
226 | browser.commands.onCommand.addListener(function(command) {
227 |   if (command == "toggle-feature") {
228 |     console.log("toggling the feature!");
229 |     setTimeout(() => {
230 |       document.focus()
231 |       window.searchInput.focus()
232 |     },1000)
233 |   }
234 | });
235 | 
236 | /**
237 | * Google Analytics
238 | * Purpose in Cato app:
239 | * - Used as a counter for tracking cato command usage. This does not track what you write inside the application.
240 | *
241 | * - As the app developer of this app, who is building this app in his spare time at no cost to users,
242 | * I'd like to know how useful this app is to users. Measuring how many times the app is launched gives me an idea how often this
243 | * application is being used.
244 | */
245 | 
246 | // // Standard Google Universal Analytics code
247 | (function (i, s, o, g, r, a, m) {
248 | i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
249 |   (i[r].q = i[r].q || []).push(arguments)
250 | }, i[r].l = 1 * new Date(); a = s.createElement(o),
251 |   m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
252 | })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); // Note: https protocol here
253 | 
254 | ga('create', 'UA-41444051-3', 'auto'); // Enter your GA identifier
255 | ga('set', 'checkProtocolTask', function () { }); // Removes failing protocol check. @see: http://stackoverflow.com/a/22152353/1958200
256 | ga('require', 'displayfeatures');
257 | ga('send', 'pageview', '/popup.html'); // Specify the virtual path
258 | 


--------------------------------------------------------------------------------
/app/pages/popup/popup.scss:
--------------------------------------------------------------------------------
 1 | @import "../../../node_modules/normalize.css/normalize.css";
 2 | @import "../../components/command-palette/command-palette.scss";
 3 | 
 4 | //START: Border-sizing reset
 5 | html {
 6 |   box-sizing: border-box;
 7 | }
 8 | *, *:before, *:after {
 9 |   box-sizing: inherit;
10 | }
11 | //END: Border-sizing reset
12 | 
13 | 
14 | :root {
15 |   --app-width-size: 500px;
16 | }
17 | html {
18 |   //This needs to be done on the popup. Not the command pallete
19 |   //or else when we search & get for example 1 result, we'll see the full
20 |   //height of the popupstill.
21 |   min-height: 60px;
22 |   width: var(--app-width-size);
23 | }
24 | 
25 | body {
26 |   margin: 0;
27 |   padding: 0;
28 | }
29 | 


--------------------------------------------------------------------------------
/app/plugins/close-tab/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Close Tab",
 4 |   subtitle: 'Close the current tab.',
 5 |   action: closeTab,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function closeTab() {
12 |   const activeTab = await browser.tabs.query({active: true, currentWindow: true})
13 |   await browser.tabs.remove(activeTab[0].id)
14 |   const popupWindow = await browser.extension.getViews({type: 'popup'})[0]
15 |   popupWindow.close()
16 | }
17 | 
18 | module.exports = plugin
19 | 


--------------------------------------------------------------------------------
/app/plugins/close-tabs-except-active/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Close Tabs Except Current",
 4 |   subtitle: 'Closes all tabs in this window except this active one.',
 5 |   action: closeTabsExceptCurrent,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function closeTabsExceptCurrent() {
12 |   const otherTabs = await browser.tabs.query({'active': false, currentWindow: true})
13 |   for(const tab of otherTabs) {
14 |     await browser.tabs.remove(tab.id)
15 |   }
16 |   const popupWindow = await browser.extension.getViews({type: 'popup'})[0]
17 |   popupWindow.close()
18 | }
19 | 
20 | module.exports = plugin
21 | 


--------------------------------------------------------------------------------
/app/plugins/copy-url/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const { copyToClipboard } = require('../../util');
 3 | const plugin = {
 4 |   keyword: "Copy URL",
 5 |   subtitle: 'Copy the URL of the current page.',
 6 |   action: copyUrl,
 7 |   icon: {
 8 |     path: 'images/chrome-icon.svg'
 9 |   }
10 | }
11 | 
12 | async function copyUrl() {
13 |   const tabs = await browser.tabs.query({active: true, currentWindow: true})
14 |   const activeTabUrl = tabs[0].url
15 | 
16 |   copyToClipboard(activeTabUrl, ev => {
17 |     window.close();
18 |   });
19 | }
20 | 
21 | module.exports = plugin
22 | 


--------------------------------------------------------------------------------
/app/plugins/detach-tab/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Detach Tab",
 4 |   subtitle: 'Detach the current tab & place it in new window.',
 5 |   action: detachTab,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function detachTab() {
12 |   const tabs = await browser.tabs.query({active: true, currentWindow: true})
13 |   const currentTab = tabs[0]
14 |   const newWindow = await browser.windows.create({tabId: currentTab.id})
15 |   await browser.tabs.move({windowId: newWindow.id, index: -1})
16 | }
17 | 
18 | module.exports = plugin
19 | 


--------------------------------------------------------------------------------
/app/plugins/disable-extension/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const utils = require('../../util.js')
 3 | const sortBy = require('lodash.sortby')
 4 | 
 5 | const plugin = {
 6 |   keyword: 'Disable Extension',
 7 |   subtitle: 'Disable an active chrome extension',
 8 |   valid: false,
 9 |   searchScope: 'Disable Extension',
10 |   action: displayActiveExtensions,
11 |   icon: {
12 |     path: 'images/chrome-icon.svg'
13 |   }
14 | }
15 | 
16 | 
17 | 
18 | async function displayActiveExtensions() {
19 |   window.currentSearchSuggestions = []
20 | 
21 |   if (!plugin.valid) {
22 |     window.searchInput.value = `${plugin.searchScope} `
23 |     window.searchResultsList.innerHTML = ""
24 | 
25 |     const extensionsAndApps = await browser.management.getAll()
26 |     let extensions = extensionsAndApps.filter((extensionOrApp) => {
27 |       return extensionOrApp.type === 'extension' &&
28 |         extensionOrApp.name !== "Cato" &&
29 |         extensionOrApp.enabled
30 |     })
31 | 
32 |     extensions = sortBy(extensions, ['name'])
33 | 
34 |     window.currentSearchSuggestions = extensions.map((extension) => {
35 |       const action = {
36 |         keyword: `${extension.name}`,
37 |         action: async () => {
38 |           await browser.management.setEnabled(extension.id, false)
39 |           window.close()
40 |         },
41 |         icon: {
42 |           path: utils.useAvalableExtensionIcon(extension)
43 |         }
44 |       }
45 |       return action
46 |     })
47 | 
48 |     // display a message if nothing found
49 |     if (window.currentSearchSuggestions.length === 0) {
50 |       const noInactiveExtensionMessage = {
51 |         keyword: 'No Other Active Extensions Found.',
52 |         icon: {
53 |           path: 'images/chrome-icon.svg'
54 |         }
55 |       }
56 |       window.currentSearchSuggestions.push(noInactiveExtensionMessage)
57 |       utils.renderSuggestions(window.currentSearchSuggestions)
58 |     }
59 |     else {
60 |       utils.renderSuggestions(window.currentSearchSuggestions)
61 |       window.suggestionElements = document.querySelectorAll('.cLauncher__suggestion')
62 |     }
63 | 
64 |   }
65 | }
66 | 
67 | module.exports = plugin
68 | 


--------------------------------------------------------------------------------
/app/plugins/disable-extensions/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Disable All Extensions",
 4 |   subtitle: 'Disables all active chrome extensions',
 5 |   action: disableAllExtensions,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function disableAllExtensions() {
12 |   const extensionsAndApps = await browser.management.getAll()
13 |   const extensions = extensionsAndApps
14 |     .filter((extensionOrApp) => {
15 |       return extensionOrApp.type === 'extension' &&
16 |         extensionOrApp.name !== "Cato"
17 |     })
18 |   extensions.forEach((extension) => browser.management.setEnabled(extension.id, false))
19 |   window.close()
20 | }
21 | 
22 | module.exports = plugin
23 | 


--------------------------------------------------------------------------------
/app/plugins/duplicate-tab-incognito/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Duplicate Tab Incognito",
 4 |   subtitle: 'Duplicate the tab and place it in an incognito window.',
 5 |   action: duplicateTabIncognito,
 6 |   icon: {
 7 |     path: 'images/incognito-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function duplicateTabIncognito() {
12 |   const allTabs = await browser.tabs.query({active: true, currentWindow: true})
13 |   const activeTab = allTabs[0]
14 |   const activeTabUrl = allTabs[0].url
15 |   await browser.windows.create({incognito: true, url: activeTabUrl})
16 | }
17 | 
18 | module.exports = plugin
19 | 


--------------------------------------------------------------------------------
/app/plugins/duplicate-tab/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | 
 3 | const plugin = {
 4 |   keyword: "Duplicate Tab",
 5 |   subtitle: 'Duplicate the tab and place it in a new tab.',
 6 |   action: duplicateTab,
 7 |   icon: {
 8 |     path: 'images/chrome-icon.svg'
 9 |   }
10 | }
11 | 
12 | async function duplicateTab() {
13 |   const allTabs = await browser.tabs.query({active: true, currentWindow: true})
14 |   const activeTabUrl = allTabs[0].url
15 |   await browser.tabs.create({url: activeTabUrl})
16 | }
17 | 
18 | module.exports = plugin
19 | 


--------------------------------------------------------------------------------
/app/plugins/enable-extension/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Extension Shortcuts",
 4 |   subtitle: 'View or setup shortcuts for your chrome extensions',
 5 |   action: openExtensionShortcuts,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openExtensionShortcuts() {
12 |   await browser.tabs.create({ url: "chrome://extensions/shortcuts" })
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/fallback-web-searches/index.js:
--------------------------------------------------------------------------------
  1 | const browser = require('webextension-polyfill')
  2 | const fallbackWebSearches = [
  3 | 
  4 |   //google search
  5 |   function fallbackSearch(query) {
  6 | 
  7 |     function search(query) {
  8 |       return async function closureFunc() {
  9 |         await browser.tabs.create({ url: `https://www.google.com/search?q=${encodeURIComponent(query)}` })
 10 |       }
 11 |     }
 12 | 
 13 |     return {
 14 |       keyword: `Search Google for: '${query}'`,
 15 |       action: search(query),
 16 |       icon: {
 17 |         path: 'images/google-search-icon.svg'
 18 |       }
 19 |     }
 20 |   },
 21 | 
 22 |   //YouTube
 23 |   function fallbackSearch(query) {
 24 | 
 25 |     function search(query) {
 26 |       return async function closureFunc() {
 27 |         await browser.tabs.create({ url: `https://www.youtube.com/results?search_query=${encodeURIComponent(query)}` })
 28 |       }
 29 |     }
 30 | 
 31 |     return {
 32 |       keyword: `Search Youtube for: '${query}'`,
 33 |       action: search(query),
 34 |       icon: {
 35 |         path: 'images/youtube-icon.svg'
 36 |       }
 37 |     }
 38 |   },
 39 | 
 40 |   //google maps
 41 |   // function fallbackSearch(query) {
 42 |   //
 43 |   //   function search(query) {
 44 |   //     return async function closureFunc() {
 45 |   //       await browser.tabs.create({ url: `https://www.google.com/maps?q=${encodeURIComponent(query)}` })
 46 |   //     }
 47 |   //   }
 48 |   //
 49 |   //   return {
 50 |   //     keyword: `Search Google Maps for: '${query}'`,
 51 |   //     action: search(query),
 52 |   //     icon: {
 53 |   //       path: 'images/google-maps-icon.svg'
 54 |   //     }
 55 |   //   }
 56 |   // },
 57 | 
 58 |   //google translate
 59 |   // function fallbackSearch(query) {
 60 |   //
 61 |   //   function search(query) {
 62 |   //     return async function closureFunc() {
 63 |   //       await browser.tabs.create({ url: `https://translate.google.com/?text=${encodeURIComponent(query)}` })
 64 |   //     }
 65 |   //   }
 66 |   //
 67 |   //   return {
 68 |   //     keyword: `Search Google Translate for: '${query}'`,
 69 |   //     action: search(query),
 70 |   //     icon: {
 71 |   //       path: 'images/google-translate-icon.png'
 72 |   //     }
 73 |   //   }
 74 |   // },
 75 | 
 76 |   //google drive
 77 |   function fallbackSearch(query) {
 78 | 
 79 |     function search(query) {
 80 |       return async function closureFunc() {
 81 |         await browser.tabs.create({ url: `https://drive.google.com/drive/u/0/search?q=${encodeURIComponent(query)}` })
 82 |       }
 83 |     }
 84 | 
 85 |     return {
 86 |       keyword: `Search Google Drive for: '${query}'`,
 87 |       action: search(query),
 88 |       icon: {
 89 |         path: 'images/google-drive-icon.svg'
 90 |       }
 91 |     }
 92 |   },
 93 | 
 94 |   //gmail
 95 |   function fallbackSearch(query) {
 96 | 
 97 |     function search(query) {
 98 |       return async function closureFunc() {
 99 |         await browser.tabs.create({ url: `https://mail.google.com/mail/u/0/#search/${encodeURIComponent(query)}` })
100 |       }
101 |     }
102 | 
103 |     return {
104 |       keyword: `Search Gmail for: '${query}'`,
105 |       action: search(query),
106 |       icon: {
107 |         path: 'images/gmail-icon.svg'
108 |       }
109 |     }
110 |   },
111 | 
112 |   //amazon
113 |   // function fallbackSearch(query) {
114 |   //
115 |   //   function search(query) {
116 |   //     return async function closureFunc() {
117 |   //       await browser.tabs.create({ url: `https://www.amazon.com/s/?url=search-alias%3Daps&field-keywords=${encodeURIComponent(query)}` })
118 |   //     }
119 |   //   }
120 |   //
121 |   //   return {
122 |   //     keyword: `Search Amazon for: '${query}'`,
123 |   //     action: search(query),
124 |   //     icon: {
125 |   //       path: 'images/amazon-icon.svg'
126 |   //     }
127 |   //   }
128 |   // },
129 | 
130 | 
131 |   //WikiPedia
132 |   // function fallbackSearch(query) {
133 |   //
134 |   //   function search(query) {
135 |   //     return async function closureFunc() {
136 |   //       await browser.tabs.create({ url: `http://en.wikipedia.org/wiki/${encodeURI(query)}` })
137 |   //     }
138 |   //   }
139 |   //
140 |   //   return {
141 |   //     keyword: `Search Wikipedia for: '${query}'`,
142 |   //     action: search(query),
143 |   //     icon: {
144 |   //       path: 'images/wikipedia-icon.png'
145 |   //     }
146 |   //   }
147 |   // },
148 | 
149 |   //Github
150 |   // function fallbackSearch(query) {
151 |   //
152 |   //   function search(query) {
153 |   //     return async function closureFunc() {
154 |   //       await browser.tabs.create({ url: `https://github.com/search?utf8=%E2%9C%93&q=${encodeURI(query)}` })
155 |   //     }
156 |   //   }
157 |   //
158 |   //   return {
159 |   //     keyword: `Search Github for: '${query}'`,
160 |   //     action: search(query),
161 |   //     icon: {
162 |   //       path: 'images/wikipedia-icon.png'
163 |   //     }
164 |   //   }
165 |   // },
166 | 
167 |   //Twitter
168 |   // function fallbackSearch(query) {
169 |   //
170 |   //   function search(query) {
171 |   //     return async function closureFunc() {
172 |   //       await browser.tabs.create({ url: `https://twitter.com/search?q=${encodeURI(query)}` })
173 |   //     }
174 |   //   }
175 |   //
176 |   //   return {
177 |   //     keyword: `Search Twitter for: '${query}'`,
178 |   //     action: search(query),
179 |   //     icon: {
180 |   //       path: 'images/twitter-icon.png'
181 |   //     }
182 |   //   }
183 |   // }
184 | ]
185 | 
186 | module.exports = fallbackWebSearches
187 | 


--------------------------------------------------------------------------------
/app/plugins/find-bookmark/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const utils = require('../../util.js')
 3 | 
 4 | const plugin = {
 5 |   keyword: "Find Bookmark",
 6 |   subtitle: 'Search for a bookmark and open it.',
 7 |   valid: false,
 8 |   searchScope: 'Find Bookmark',
 9 |   action: findBookmark,
10 |   icon: {
11 |     path: 'images/chrome-icon.svg'
12 |   }
13 | }
14 | 
15 | async function findBookmark() {
16 |   window.currentSearchSuggestions = []
17 |   if(!plugin.valid) {
18 |     window.searchInput.value = `${plugin.searchScope} `
19 |     window.searchResultsList.innerHTML = ""
20 | 
21 |     const nodes = await browser.bookmarks.getTree()
22 |     recurseTree(nodes)
23 |     utils.renderSuggestions(window.currentSearchSuggestions)
24 |     window.suggestionElements = document.querySelectorAll('.cLauncher__suggestion')
25 |   }
26 | }
27 | 
28 | function recurseTree(nodes) {
29 |   for (const node of nodes) {
30 |     if (isBookmark(node)) {
31 |       const suggestion = {
32 |         keyword: node.title,
33 |         subtitle: node.url,
34 |         action: async function () {
35 |           await browser.tabs.create({url: node.url})
36 |         },
37 |         icon: {
38 |           path: `chrome://favicon/${node.url}` || 'images/blank-page-icon.svg'
39 |         }
40 |       }
41 |       window.currentSearchSuggestions.push(suggestion)
42 |     }
43 |     else if (isFolder(node)) {
44 |       recurseTree(node.children)
45 |     }
46 |   }
47 | }
48 | 
49 | const isFolder  = (node) => 'children' in node
50 | const isBookmark = (node) => 'url' in node
51 | module.exports = plugin
52 | 


--------------------------------------------------------------------------------
/app/plugins/find-tab/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const utils = require('../../util.js')
 3 | 
 4 | const plugin = {
 5 |   keyword: "Change Tab",
 6 |   subtitle: 'Find an open tab and change to it.',
 7 |   valid: false,
 8 |   searchScope: 'Change Tab',
 9 |   action: findTab,
10 |   icon: {
11 |     path: 'images/chrome-icon.svg'
12 |   }
13 | }
14 | 
15 | async function findTab() {
16 |   window.currentSearchSuggestions = []
17 |   let allTabs = []
18 | 
19 |   if (!plugin.valid) {
20 |     window.searchInput.value = `${plugin.searchScope} `
21 |     window.searchResultsList.innerHTML = ""
22 | 
23 |     const allWindows = await browser.windows.getAll({populate: true})
24 |     allWindows.forEach((browserWindow) => {
25 |       allTabs = allTabs.concat(browserWindow.tabs)
26 |     })
27 | 
28 |     allTabs.forEach((tab) => {
29 |       const suggestion = {
30 |         'action': switchToTabById(tab.windowId, tab.id),
31 |         'icon': {
32 |           path: tab.favIconUrl || 'images/blank-page-icon.svg'
33 |         },
34 |         'keyword': `${tab.title}`,
35 |         subtitle: `${tab.url}`
36 |       }
37 |       window.currentSearchSuggestions.push(suggestion)
38 |     })
39 | 
40 |     utils.renderSuggestions(window.currentSearchSuggestions)
41 |     window.suggestionElements = document.querySelectorAll('.cLauncher__suggestion')
42 |   }
43 | }
44 | 
45 | //Helper
46 | function switchToTabById(windowId, tabId) {
47 |   // tabs.update is limited to switching to tabs only within the current window, thus switch to the window we need first.
48 |   return async function closureFunc() {
49 |     await browser.windows.update(windowId, {focused:true})
50 |     await browser.tabs.update(tabId, {'active': true})
51 |   }
52 | }
53 | 
54 | module.exports = plugin
55 | 


--------------------------------------------------------------------------------
/app/plugins/merge-sort-tabs/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const sortBy = require('lodash.sortby')
 3 | const domain = require('getdomain')
 4 | 
 5 | const plugin = {
 6 |   keyword: "Sort Tabs and Merge Windows",
 7 |   subtitle: 'Move all tabs to the current window and sort them.',
 8 |   action: sortAndMergeWindows,
 9 |   icon: {
10 |     path: 'images/chrome-icon.svg'
11 |   }
12 | }
13 | 
14 | async function sortAndMergeWindows() {
15 |   const currentWindow = await browser.windows.getCurrent()
16 |   const allWindows = await browser.windows.getAll({populate: true})
17 |   let allTabs = []
18 |   let index = 0
19 | 
20 |   allWindows.forEach((browserWindow) => {
21 |     browserWindow.tabs.forEach((tab) => {
22 |       allTabs.push({id: tab.id, domain: domain.origin(tab.url)})
23 |     })
24 | 
25 |     allTabs = sortBy(allTabs, ['domain'])
26 |     allTabs.forEach((tab) => {
27 |       browser.tabs.move(tab.id, {windowId: currentWindow.id, index})
28 |       index += 1
29 |     })
30 |     window.close()
31 | 
32 |   })
33 | }
34 | 
35 | module.exports = plugin
36 | 


--------------------------------------------------------------------------------
/app/plugins/move-tab-left/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Move Tab Left",
 4 |   subtitle: 'Swap places with the tab on the right.',
 5 |   action: moveTabLeft,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function moveTabLeft() {
12 |   const allTabs = await browser.tabs.query({active: true, currentWindow: true})
13 |   const currentTab = allTabs[0]
14 | 
15 |   if (currentTab.index !== 0) {
16 |     browser.tabs.move(currentTab.id, {index: currentTab.index - 1})
17 |     window.close()
18 |   }
19 | }
20 | 
21 | module.exports = plugin
22 | 


--------------------------------------------------------------------------------
/app/plugins/move-tab-right/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Move Tab Right",
 4 |   subtitle: 'Swap places with the tab on the right.',
 5 |   action: moveTabRight,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function moveTabRight() {
12 |   const allTabs = await browser.tabs.query({'active': true, 'currentWindow': true})
13 |   const currentTab = allTabs[0]
14 |   browser.tabs.move(currentTab.id, {index: currentTab.index + 1})
15 |   window.close()
16 | }
17 | 
18 | module.exports = plugin
19 | 


--------------------------------------------------------------------------------
/app/plugins/next-tab/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const utils = require('../../util.js')
 3 | 
 4 | const plugin = {
 5 |   keyword: "Next Tab",
 6 |   subtitle: 'Change to the next tab in your browser window.',
 7 |   action: nextTab,
 8 |   icon: {
 9 |     path: 'images/chrome-icon.svg'
10 |   }
11 | }
12 | 
13 | async function nextTab() {
14 |   const allTabs = await browser.tabs.query({currentWindow: true})
15 |   let activeTabIndex = allTabs.findIndex((tab) => tab.active)
16 |   let nextTabIndex = activeTabIndex + 1 === allTabs.length ? 0 : activeTabIndex + 1
17 |   const nextTab = allTabs[nextTabIndex]
18 |   await browser.tabs.update(nextTab.id , {active: true})
19 | }
20 | 
21 | module.exports = plugin
22 | 


--------------------------------------------------------------------------------
/app/plugins/open-about/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "About",
 4 |   subtitle: 'View general information about your browser.',
 5 |   action: openSettings,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openSettings() {
12 |   await browser.tabs.create({
13 |     url: "chrome://settings/help"
14 |   });
15 | }
16 | 
17 | module.exports = plugin;
18 | 


--------------------------------------------------------------------------------
/app/plugins/open-amazon/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | 
 3 | const plugin = {
 4 |   keyword: "Amazon",
 5 |   subtitle: 'Open Amazon.',
 6 |   action: openAmazon,
 7 |   icon: {
 8 |     path: 'images/amazon-icon.svg'
 9 |   }
10 | }
11 | 
12 | async function openAmazon() {
13 |   await browser.tabs.create({url: "https://amazon.com"})
14 | }
15 | 
16 | module.exports = plugin
17 | 


--------------------------------------------------------------------------------
/app/plugins/open-app-settings/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Cato Settings",
 4 |   subtitle: 'View the settings page for Cato (this app).',
 5 |   action: openApplicationOptions,
 6 |   icon: {
 7 |     path: 'images/cato-logo.png'
 8 |   }
 9 | }
10 | 
11 | async function openApplicationOptions() {
12 |   await browser.runtime.openOptionsPage()
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/open-apps/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | 
 3 | const plugin = {
 4 |   keyword: "Apps",
 5 |   subtitle: 'View your installed browser applications.',
 6 |   action: openApps,
 7 |   icon: {
 8 |     path: 'images/chrome-icon.svg'
 9 |   }
10 | }
11 | 
12 | async function openApps() {
13 |   await browser.tabs.create({url: "chrome://apps"})
14 | }
15 | 
16 | module.exports = plugin
17 | 


--------------------------------------------------------------------------------
/app/plugins/open-bookmarks/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Bookmarks",
 4 |   subtitle: 'View your bookmarks page.',
 5 |   action: openBookmarks,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openBookmarks() {
12 |   await browser.tabs.create({url: "chrome://bookmarks"})
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/open-downloads/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Downloads",
 4 |   subtitle: 'View your browser downloads.',
 5 |   action: openDownloads,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openDownloads() {
12 |   browser.tabs.create({url: "chrome://downloads"})
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/open-extensions/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Extensions",
 4 |   subtitle: 'View your installed browser extensions.',
 5 |   action: openExtensions,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openExtensions() {
12 |   await browser.tabs.create({url: "chrome://extensions"})
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/open-gmail/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Gmail",
 4 |   subtitle: 'Open Gmail',
 5 |   action: openGmail,
 6 |   icon: {
 7 |     path: 'images/gmail-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openGmail() {
12 |   await browser.tabs.create({url: "https://mail.google.com"})
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/open-google-calendar/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Google Calendar",
 4 |   subtitle: 'Open Google Calendar',
 5 |   action: openGoogleCalendar,
 6 |   icon: {
 7 |     path: 'images/google-calendar-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openGoogleCalendar() {
12 |   await browser.tabs.create({url: "https://calendar.google.com"});
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/open-google-drive/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Google Drive",
 4 |   subtitle: 'Open Google Drive.',
 5 |   action: openGoogleDrive,
 6 |   icon: {
 7 |     path: 'images/google-drive-icon.svg.svg'
 8 |   }
 9 | }
10 | 
11 | async function openGoogleDrive() {
12 |   await browser.tabs.create({url: "https://drive.google.com"})
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/open-history/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "History",
 4 |   subtitle: 'Open your search history.',
 5 |   action: openHistory,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openHistory() {
12 |   browser.tabs.create({url: "chrome://history"})
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/open-incognito/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Incognito Window",
 4 |   subtitle: 'Open a new incognito browser window.',
 5 |   action: openIncognitoWindow,
 6 |   icon: {
 7 |     path: 'images/incognito-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openIncognitoWindow() {
12 |   await browser.windows.create({'incognito': true})
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/open-new-tab/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "New Tab",
 4 |   subtitle: 'Open a new tab in the current window.',
 5 |   action: openNewTab,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openNewTab() {
12 |   await browser.tabs.create({})
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/open-settings/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Settings",
 4 |   subtitle: 'Open the browser\'s settings page.',
 5 |   action: openSettings,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openSettings() {
12 |   await browser.tabs.create({url: "chrome://settings"})
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/open-window/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "New Window",
 4 |   subtitle: 'Open a new browser window.',
 5 |   action: openNewWindow,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function openNewWindow() {
12 |   browser.windows.create({})
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/page-back/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Back",
 4 |   subtitle: 'Go back a page.',
 5 |   action: goPageBack,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function goPageBack() {
12 |   await browser.tabs.executeScript(null, {code: `window.history.back()`})
13 |   window.close()
14 | }
15 | 
16 | module.exports = plugin
17 | 


--------------------------------------------------------------------------------
/app/plugins/page-forward/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Forward",
 4 |   subtitle: 'Go forward a page.',
 5 |   action: goPageForward,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function goPageForward() {
12 |   await browser.tabs.executeScript(null, {code: `window.history.forward()`})
13 |   window.close()
14 | }
15 | 
16 | module.exports = plugin
17 | 


--------------------------------------------------------------------------------
/app/plugins/plugins.js:
--------------------------------------------------------------------------------
 1 | const context = require.context('./', true, /index\.js/)
 2 | 
 3 | /**
 4 |  * Require's the `index.js` file from each plugin directory.
 5 |  * The result of each require is
 6 |  * @param  {Object} ctx
 7 |  * @returns {array}     An array of objects. Each object is a plugin.
 8 |  */
 9 | const requireAllPlugins = function(ctx) {
10 |   const keys = ctx.keys()
11 |   //array of values from each index.js require
12 |   const values = keys.map(ctx)
13 |   return values
14 | }
15 | const allPlugins = requireAllPlugins(context)
16 | 
17 | //TODO: change filename back to index.js?, but I need to figure out how
18 | //to tell tell require.context to not include this file or else
19 | //an extra empty object gets created as a plugin.
20 | module.exports = [...allPlugins]
21 | 


--------------------------------------------------------------------------------
/app/plugins/previous-tab/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const utils = require('../../util.js')
 3 | 
 4 | const plugin = {
 5 |   keyword: "Previous Tab",
 6 |   subtitle: 'Change to the previous tab in your browser window.',
 7 |   action: nextTab,
 8 |   icon: {
 9 |     path: 'images/chrome-icon.svg'
10 |   }
11 | }
12 | 
13 | async function nextTab() {
14 |   const allTabs = await browser.tabs.query({currentWindow: true})
15 |   let activeTabIndex = allTabs.findIndex((tab) => tab.active)
16 |   let previousTabIndex = (activeTabIndex - 1 < 0) ? allTabs.length - 1 : activeTabIndex - 1
17 |   const nextTab = allTabs[previousTabIndex]
18 |   await browser.tabs.update(nextTab.id , {active: true})
19 | }
20 | 
21 | module.exports = plugin
22 | 


--------------------------------------------------------------------------------
/app/plugins/print-tab/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Print Tab",
 4 |   subtitle: 'Display the print menu for the current page.',
 5 |   action: printTab,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function printTab() {
12 |   await browser.tabs.executeScript(null, {code: `window.print();`})
13 | }
14 | 
15 | module.exports = plugin
16 | 


--------------------------------------------------------------------------------
/app/plugins/reload-tab/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Reload Tab",
 4 |   subtitle: 'Reload the current tab.',
 5 |   action: reloadTab,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function reloadTab() {
12 |   await browser.tabs.reload()
13 |   window.close()
14 | }
15 | 
16 | module.exports = plugin
17 | 


--------------------------------------------------------------------------------
/app/plugins/reload-tabs/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Reload All Tabs",
 4 |   subtitle: 'Reload all tabs in the current window.',
 5 |   action: reloadAllTabs,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function reloadAllTabs() {
12 |   const allTabs = await browser.tabs.query({currentWindow: true})
13 |   for (const tab of allTabs) {
14 |     await browser.tabs.reload(tab.id)
15 |   }
16 |   window.close()
17 | }
18 | 
19 | module.exports = plugin
20 | 


--------------------------------------------------------------------------------
/app/plugins/shorten-url/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill');
 2 | const {copyToClipboard, renderSuggestions} = require('../../util');
 3 | 
 4 | const plugin = {
 5 |   keyword: "Shorten URL",
 6 |   subtitle: 'Shorten the current url.',
 7 |   action: shortenUrl,
 8 |   icon: {
 9 |     path: 'images/shortened-url-icon.svg'
10 |   }
11 | };
12 | 
13 | async function shortenUrl() {
14 |   const tabs = await browser.tabs.query({active: true,currentWindow: true});
15 | 
16 |   const activeTabUrl = tabs[0].url;
17 |   const postUrl = 'https://www.googleapis.com/urlshortener/v1/url?key=AIzaSyAMSEYpKsnx7pK1I-oKYX7UMC2wumDDjk8'; // Free key allows for 1,000,000 requests per day
18 |   
19 |   const request = new Request(postUrl, {
20 |     method: 'POST',
21 |     body: JSON.stringify({longUrl: activeTabUrl}),
22 |     mode: 'cors',
23 |     headers: new Headers({'Content-Type': 'application/json'})
24 |   });
25 | 
26 |   //clear suggestions display a temporary suggestion while we wait for a response
27 |   const temporarySuggestion = {
28 |     keyword: "Attempting to shorten url.",
29 |     subtitle: '...',
30 |     icon: plugin.icon
31 |   }
32 |   window.searchResultsList.innerHTML = ''
33 |   window.currentSearchSuggestions = [temporarySuggestion]
34 |   renderSuggestions(window.currentSearchSuggestions)
35 |   
36 |   let data = null;
37 |   let suggestion = null;
38 |   try {
39 |     data =  await (await fetch(request)).json();
40 |     if (!data.id) throw new Error('Property ID not found on response object');
41 |     suggestion = {
42 |       keyword: `${data.id}`,
43 |       subtitle: 'Copy shortened url to your clipboard.',
44 |       action: () => {
45 |         copyToClipboard(data.id, ev => {
46 |             window.close();
47 |         });
48 |       },
49 |       icon: plugin.icon
50 |     };
51 |   } catch (e) {
52 |     data = {
53 |       id: activeTabUrl
54 |     };
55 |     suggestion = {
56 |       keyword: "Sorry, we couldn't shorten your URL at this time.",
57 |       subtitle: 'Either this page is not available online, or the API limit has been exceeded.',
58 |       icon: plugin.icon
59 |     };
60 |   }
61 |   window.searchResultsList.innerHTML = ''
62 |   window.currentSearchSuggestions = [suggestion]
63 |   renderSuggestions(window.currentSearchSuggestions)
64 | }
65 | 
66 | module.exports = plugin;


--------------------------------------------------------------------------------
/app/plugins/show-all-commands/index.js:
--------------------------------------------------------------------------------
 1 | const utils = require('../../util')
 2 | const plugin = {
 3 |   keyword: "Show All Commands",
 4 |   subtitle: 'Display all available Cato app commands.',
 5 |   action: getAllSuggestions,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | function getAllSuggestions(){
12 |   window.searchResultsList.innerHTML = ""
13 |   utils.renderSuggestions(window.defaultSuggestions)
14 |   window.searchInput.value = ''
15 |   window.suggestionElements = document.querySelectorAll('.cLauncher__suggestion')
16 | }
17 | 
18 | module.exports = plugin
19 | 


--------------------------------------------------------------------------------
/app/plugins/sort-tabs/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const domain = require('getdomain')
 3 | const sortBy = require('lodash.sortby')
 4 | 
 5 | const plugin = {
 6 |   keyword: "Sort Tabs",
 7 |   subtitle: 'Sort tabs by website.',
 8 |   action: sortTabs,
 9 |   icon: {
10 |     path: 'images/chrome-icon.svg'
11 |   }
12 | }
13 | 
14 | async function sortTabs() {
15 |   const allWindows = await browser.windows.getAll({populate: true})
16 |   allWindows.forEach((browserWindow) => {
17 |     let browserWindowTabs = []
18 | 
19 |     browserWindow.tabs.forEach((tab) => {
20 |       browserWindowTabs.push({id: tab.id, domain: domain.origin(tab.url)})
21 |     })
22 |     browserWindowTabs = sortBy(browserWindowTabs, ['domain'])
23 |     browserWindowTabs.forEach((tab, index) => browser.tabs.move(tab.id, {index}))
24 |   })
25 |   window.close()
26 | 
27 | }
28 | 
29 | module.exports = plugin
30 | 


--------------------------------------------------------------------------------
/app/plugins/toggle-bookmark/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: 'Bookmark/Unbookmark page',
 4 |   subtitle: 'Bookmark the page if not bookmarked, otherwise unbookmark it.',
 5 |   action: toggleBookmark,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function toggleBookmark() {
12 |   const allTabs = await browser.tabs.query({'active': true, currentWindow: true})
13 |   const activeTab = allTabs[0]
14 |   const matchedBookmarks = await browser.bookmarks.search({url: activeTab.url})
15 | 
16 |   if (matchedBookmarks.length === 0) {
17 |     await browser.bookmarks.create({title: activeTab.title, url: activeTab.url})
18 |   }
19 |   else {
20 |     // apparently, you can bookmark the same page in a different tab.
21 |     for (const bookmark of matchedBookmarks) {
22 |       await browser.bookmarks.remove(bookmark.id)
23 |     }
24 |   }
25 |   window.close()
26 | }
27 | 
28 | module.exports = plugin
29 | 


--------------------------------------------------------------------------------
/app/plugins/toggle-fullscreen-mode/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Toggle Fullscreen",
 4 |   subtitle: 'Turn fullscreen mode on/off for the window.',
 5 |   action: toggleFullscreenMode,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function toggleFullscreenMode() {
12 |   const activeWindow = await browser.windows.get(browser.windows.WINDOW_ID_CURRENT)
13 |   const isFullScreen = activeWindow.state === 'fullscreen'
14 | 
15 |   if (isFullScreen) {
16 |     browser.windows.update(browser.windows.WINDOW_ID_CURRENT, {state: "normal"})
17 |   }
18 |   else {
19 |     browser.windows.update(browser.windows.WINDOW_ID_CURRENT, {state: "fullscreen"})
20 |   }
21 | }
22 | 
23 | module.exports = plugin
24 | 


--------------------------------------------------------------------------------
/app/plugins/toggle-mute-tab/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Mute/Unmute Tab",
 4 |   subtitle: 'Mute the tab if it\'s unmuted otherwise unmute it.',
 5 |   action: toggleMuteTab,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function toggleMuteTab() {
12 |   const allTabs = await browser.tabs.query({'active': true, currentWindow: true})
13 |   const activeTab = allTabs[0]
14 |   const isMuted = activeTab.mutedInfo.muted
15 | 
16 |   browser.tabs.update({'muted': !isMuted})
17 |   window.close()
18 | }
19 | 
20 | module.exports = plugin
21 | 


--------------------------------------------------------------------------------
/app/plugins/toggle-mute-tabs/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Mute/Unmute All Tab",
 4 |   subtitle: 'Mute or unmute all tabs.',
 5 |   action: toggleMuteAllTabs,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function toggleMuteAllTabs() {
12 |   const allWindows = await browser.windows.getAll({populate: true})
13 |   allWindows.forEach((browserWindow) => {
14 |     browserWindow.tabs.forEach((tab) => {
15 |       browser.tabs.update(tab.id, {'muted': !tab.mutedInfo.muted})
16 |     })
17 |     window.close()
18 |   })
19 | }
20 | 
21 | module.exports = plugin
22 | 


--------------------------------------------------------------------------------
/app/plugins/uninstall-extension/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const utils = require('../../util')
 3 | const sortBy = require('lodash.sortby')
 4 | 
 5 | const plugin = {
 6 |   keyword: "Uninstall Extension",
 7 |   subtitle: 'Uninstall one of your installed chrome extensions.',
 8 |   valid: false,
 9 |   searchScope: 'Uninstall Extension',
10 |   action: uninstallExtension,
11 |   icon: {
12 |     path: 'images/chrome-icon.svg'
13 |   }
14 | }
15 | async function uninstallExtension() {
16 |   window.searchInput.value = ''
17 |   window.searchResultsList.innerHTML = ""
18 | 
19 |   if (!plugin.valid) {
20 |     window.searchInput.value = `${plugin.keyword} `
21 |     window.searchResultsList.innerHTML = ""
22 |     const extensionsAndApps = await browser.management.getAll()
23 |     let extensions = extensionsAndApps
24 |     .filter((extensionOrApp) => {
25 |       return extensionOrApp.type === 'extension' &&
26 |       extensionOrApp.name !== "Awesome Task Launcher"
27 |     })
28 | 
29 |     extensions = sortBy(extensions, ['name'])
30 | 
31 |     window.currentSearchSuggestions = extensions.map((extension) => {
32 |       const action = {
33 |         'keyword': `${extension.name}`,
34 |         'action': uninstall(extension),
35 |         'icon': {
36 |           path: utils.useAvalableExtensionIcon(extension)
37 |         }
38 |       }
39 |       return action
40 |     })
41 |     utils.renderSuggestions(window.currentSearchSuggestions)
42 |     window.suggestionElements = document.querySelectorAll('.cLauncher__suggestion')
43 |   }
44 | 
45 | }
46 | 
47 | //Helper
48 | function uninstall(extension) {
49 |   return async function closureFunc() {
50 |     const options = {showConfirmDialog: true}
51 |     await browser.management.uninstall(extension.id, options)
52 |   }
53 | }
54 | 
55 | module.exports = plugin
56 | 


--------------------------------------------------------------------------------
/app/plugins/video-controller/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | 
 3 | const togglePlayVideo = {
 4 |   keyword: "Play/Pause",
 5 |   subtitle: "Play/Unpause the currently playing video.",
 6 |   action: playOrPause,
 7 |   icon: {
 8 |     path:'images/chrome-icon.svg'
 9 |   }
10 | }
11 | 
12 | async function playOrPause() {
13 |   await browser.tabs.executeScript(null, {
14 |     code: `
15 |       function togglePlayVideo(){
16 |         let video = document.querySelector('video');
17 |         if(video){
18 |           if(video.paused){
19 |             video.play();
20 |           } else {
21 |             video.pause()
22 |           }
23 |         }
24 |       }
25 |       togglePlayVideo()
26 |     `
27 |   })
28 |   window.close()
29 | }
30 | 
31 | 
32 | module.exports = togglePlayVideo
33 | 


--------------------------------------------------------------------------------
/app/plugins/view-source-toggle/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "Toggle View Source",
 4 |   subtitle: 'Toggle between the source and the normal view of the current page',
 5 |   action: toggleViewSource,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function toggleViewSource() {
12 |   const tabs = await browser.tabs.query({active: true, currentWindow: true});
13 |   const activeTabId = 0 + tabs[0].id;
14 |   const activeTabUrl = tabs[0].url;
15 |   const viewSourceString = 'view-source:';
16 | 
17 |   if (!activeTabUrl.startsWith(viewSourceString)) {
18 |     await browser.tabs.update(activeTabId, {
19 |         url: viewSourceString+activeTabUrl
20 |     });
21 |   } else {
22 |     await browser.tabs.update(activeTabId, {
23 |         url: activeTabUrl.substring(viewSourceString.length)
24 |     });    
25 |   }
26 |   window.close();
27 | }
28 | 
29 | module.exports = plugin
30 | 


--------------------------------------------------------------------------------
/app/plugins/view-source/index.js:
--------------------------------------------------------------------------------
 1 | const browser = require('webextension-polyfill')
 2 | const plugin = {
 3 |   keyword: "View Source",
 4 |   subtitle: 'Shows the source code of the current page',
 5 |   action: viewSource,
 6 |   icon: {
 7 |     path: 'images/chrome-icon.svg'
 8 |   }
 9 | }
10 | 
11 | async function viewSource() {
12 |   const tabs = await browser.tabs.query({active: true, currentWindow: true});
13 |   const activeTabUrl = tabs[0].url;
14 |   const viewSourceString = 'view-source:';
15 | 
16 |   if (!activeTabUrl.startsWith(viewSourceString)) {
17 |       await browser.tabs.create({url: viewSourceString+activeTabUrl});
18 |   } else {
19 |       // If this page is a source page, then just clone it.
20 |       await browser.tabs.create({url: activeTabUrl}); 
21 |   }
22 | 
23 | }
24 | 
25 | module.exports = plugin
26 | 


--------------------------------------------------------------------------------
/app/util.js:
--------------------------------------------------------------------------------
  1 | const utils = {}
  2 | const {h} = require('dom-chef')
  3 | const fuzzaldrinPlus = require('fuzzaldrin-plus')
  4 | const mathexp = require('math-expression-evaluator')
  5 | const browser = require('webextension-polyfill')
  6 | 
  7 | utils.highlightTopSuggestion = () => {
  8 |   window.searchResultsList.children[0].classList.add("selected")
  9 | }
 10 | 
 11 | 
 12 | 
 13 | utils.createSuggestionElement = function(suggestion) {
 14 |   const isObject = Object.prototype.toString.call(suggestion) === '[object Object]' ? true: false
 15 |   if(isObject) {
 16 |     const element = (
 17 |       <li className="cLauncher__suggestion" onClick={suggestion.action}>
 18 |         <img className="cLauncher__suggestion-icon" src={suggestion.icon.path} />
 19 |         <div className="cLauncher__suggestion-title-info">
 20 |           <div
 21 |             className="cLauncher__suggestion-title dont-break-out"
 22 |             dangerouslySetInnerHTML={{__html: suggestion.textWithMatchedChars || suggestion.keyword}}>
 23 |           </div>
 24 |           <div
 25 |             class="cLauncher__suggestion-subtitle dont-break-out"
 26 |             dangerouslySetInnerHTML={{__html: suggestion.subtitle}}>
 27 |           </div>
 28 |         </div>
 29 |       </li>
 30 |     )
 31 |     return element
 32 |   }
 33 | }
 34 | 
 35 | 
 36 | 
 37 | utils.renderSuggestions = function (suggestions) {
 38 |   suggestions.forEach((suggestion) => {
 39 |     const searchResult = utils.createSuggestionElement(suggestion)
 40 |     if(searchResult !== undefined) {
 41 |       window.searchResultsList.appendChild(searchResult)
 42 |     }
 43 |   })
 44 |   utils.highlightTopSuggestion()
 45 | }
 46 | 
 47 | 
 48 | 
 49 | 
 50 | 
 51 | utils.getMatches = function(query, suggestions) {
 52 |   const matches = fuzzaldrinPlus
 53 |     .filter(suggestions, query, {key: 'keyword', maxResults: 20})
 54 |     .map((matchedResult) => {
 55 |       matchedResult.textWithMatchedChars = fuzzaldrinPlus.wrap(matchedResult.keyword, query)
 56 |       return matchedResult
 57 |     })
 58 |   return matches
 59 | }
 60 | 
 61 | 
 62 | 
 63 | utils.displayPotentialMathResult = function(query) {
 64 |   try {
 65 |     const mathResult = mathexp.eval(query);
 66 |     return [{
 67 |       keyword: mathResult,
 68 |       subtitle: 'Copy number to your clipboard.',
 69 |       action: function copyResult() {
 70 |         utils.copyToClipboard(mathResult, ev => {
 71 |           window.close();
 72 |         });
 73 |       },
 74 |       icon: {
 75 |         path: 'images/calculator-icon.svg'
 76 |       }
 77 |     }]
 78 |   }
 79 |   catch(exception) {
 80 |     if(exception.message === "complete the expression" && query !== '') {
 81 |       return [{
 82 |         keyword: '...',
 83 |         action: '',
 84 |         subtitle: 'Please enter a valid math expression.',
 85 |         icon: {
 86 |           path: 'images/calculator-icon.svg'
 87 |         }
 88 |       }]
 89 |     }
 90 |     else {
 91 |       return []
 92 |     }
 93 |   }
 94 | }
 95 | 
 96 | 
 97 | 
 98 | 
 99 | 
100 | /**
101 |  * Contains the default configuration for the appearance of the command palette.
102 |  * @type {Object}
103 |  */
104 | utils.defaultThemeConfig = {
105 |   //classic #FFFFFF is the default theme
106 | 
107 |   // element background colors
108 |   "--app-background-color": "#FFFFFF",
109 |   "--app-width-size": "500px",
110 |   "--search-input-caret-color": "#222222",
111 |   "--search-results-scrollbar-color": "#222222",
112 |   "--selected-suggestion-background-color": "#222222",
113 | 
114 |   // text sizing
115 |   "--search-input-value-text-size": "30px",
116 |   "--suggestion-title-text-size": "16px",
117 |   "--suggestion-subtitle-text-size": "14px",
118 | 
119 | 
120 | 
121 |   //text colors
122 |   "--search-input-value-text-color": "#222222",
123 |   "--selected-suggestion-title-text-color": "#FFFFFF",
124 |   "--selected-suggestion-subtitle-text-color": "#FFFFFF",
125 |   "--selected-suggestion-character-match-color": "#FFFFFF",
126 |   "--suggestion-title-text-color": "#222222",
127 |   "--suggestion-subtitle-text-color": "#222222",
128 |   "--suggestion-character-match-color": "#222222",
129 | 
130 |   //spacing
131 |   "--search-results-scrollbar-width": "2px"
132 | }
133 | 
134 | 
135 | /**
136 |  * Resets the appearance of the launcher to the default color (page variables only, not localstorage)
137 |  *@returns {void}
138 |  */
139 | utils.resetFakeAppTheme = () => {
140 |   //update root variables on the page.
141 |   for (const key in utils.defaultThemeConfig) {
142 |     if (utils.defaultThemeConfig.hasOwnProperty(key)) {
143 |       utils.updateCSSVariable(key, utils.defaultThemeConfig[key])
144 |     }
145 |   }
146 | }
147 | 
148 | 
149 | /**
150 |  * Resets the theme values in localstorage to our defaults.
151 |  *@returns {void}
152 |  */
153 | utils.resetLocalStorageTheme = async () => {
154 |   await browser.storage.sync.set({themeConfig: utils.defaultThemeConfig})
155 | }
156 | 
157 | 
158 | /**
159 |  * Resets the theme input value back to the default value defined in our utilities (page only, not localstorage)
160 |  * @param {HTMLElement} input an input element
161 |  */
162 | utils.resetThemeInputValue = (input) => {
163 |   const themeProperty = input.dataset.cssvariable
164 |   let themeConfigValue = utils.defaultThemeConfig[themeProperty]
165 | 
166 |   if (input.type === 'number') {
167 |     themeConfigValue = themeConfigValue.slice(0, -2) // 500px -> 500
168 |   }
169 |   //update the value attribute in the markup to reflect changes (not the live value)
170 |   //update the value 'property' on the element (contains live value)
171 |   input.setAttribute('value', themeConfigValue)
172 |   input.value = themeConfigValue
173 | }
174 | 
175 | /**
176 |  * Updates a CSS variable's value.
177 |  * @param  {string} propertyName
178 |  * @param  {string} value
179 |  * @param  {HTMLElement} element the element we want to append/modify css to.
180 |  */
181 | utils.updateCSSVariable = (propertyName, value, element = document.documentElement) => {
182 |   element.style.setProperty(propertyName, value)
183 | }
184 | 
185 | 
186 | /**
187 |  *@description
188 |  *Update the 'value' property on an input value on change, then updates the root css variable values on the page.
189 |  */
190 | utils.handleThemeInputValueChanges = async (event) => {
191 |   const catoCommandName = window.selectedElement.querySelector('.cLauncher__suggestion-title').innerText; //This is not the value inside of the search input box.
192 |   window.selectedElement.click();
193 |   //https://developers.google.com/analytics/devguides/collection/analyticsjs/events
194 |   ga('send',
195 |     'event',
196 |     'changeThemeInput',
197 |     'changeThemeInput'
198 |   );
199 |   const element = event.target
200 |   const valueSuffix = element.dataset.sizing || ''
201 |   const cssProperty = element.dataset.cssvariable
202 |   const cssPropertyValue = element.value + valueSuffix
203 |   const update = {[cssProperty]: cssPropertyValue}
204 | 
205 |   utils.updateCSSVariable(`${cssProperty}`, cssPropertyValue)
206 |   //update local storage
207 |   const {themeConfig} = await browser.storage.sync.get('themeConfig')
208 |   const newThemeConfig = Object.assign(themeConfig, {[cssProperty]: cssPropertyValue})
209 |   await browser.storage.sync.set({themeConfig: newThemeConfig})
210 | 
211 | }
212 | 
213 | utils.useAvalableExtensionIcon = function useAvalableExtensionIcon(extension) {
214 |   if(typeof extension.icons !== 'object') {
215 |     return 'images/blank-page-icon.svg' }
216 |   const icon = extension.icons[3] || extension.icons[2] || extension.icons[1] || extension.icons[0]
217 |   return icon.url
218 | }
219 | 
220 | utils.copyToClipboard = function copyToClipboard(value, cb = function() {} ) {
221 |   document.addEventListener('copy', (event) => {
222 |     // Prevents the default behavior of copying, ex: pressing Ctrl+C
223 |     // If we didn't prevent the prevent default, the clipboard would be filled with what ever the user had highlighted on the page.
224 |     event.preventDefault();
225 |     event.clipboardData.setData('text/plain', value);
226 |     cb(event);
227 |   }, { once: true })
228 |   document.execCommand('copy');
229 | }
230 | 
231 | module.exports = utils
232 | 


--------------------------------------------------------------------------------
/media/cato-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/cato-logo.png


--------------------------------------------------------------------------------
/media/change-shortcut-how-to.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/change-shortcut-how-to.png


--------------------------------------------------------------------------------
/media/chrome-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/chrome-icon.png


--------------------------------------------------------------------------------
/media/example-calculator.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/example-calculator.png


--------------------------------------------------------------------------------
/media/example-change-tab.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/example-change-tab.png


--------------------------------------------------------------------------------
/media/example-command-showcase2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/example-command-showcase2.png


--------------------------------------------------------------------------------
/media/example-commands-showcase1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/example-commands-showcase1.png


--------------------------------------------------------------------------------
/media/example-disable-extension.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/example-disable-extension.png


--------------------------------------------------------------------------------
/media/example-enable-extension.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/example-enable-extension.png


--------------------------------------------------------------------------------
/media/example-fallback-search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/example-fallback-search.png


--------------------------------------------------------------------------------
/media/example-theme-customizer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/example-theme-customizer.png


--------------------------------------------------------------------------------
/media/feature-banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/feature-banner.png


--------------------------------------------------------------------------------
/media/opera-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/opera-icon.png


--------------------------------------------------------------------------------
/media/usage-example.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cliffordfajardo/cato/7b588e7d3024e41840412fae721f569e00689a34/media/usage-example.gif


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "test-fuzzy",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "scripts": {
 6 |     "build": "webpack",
 7 |     "dev": "npm run watch",
 8 |     "watch": "webpack --watch",
 9 |     "build:minified": "cross-env NODE_ENV=production webpack",
10 |     "cleaninstall": "rm -rf node_modules && npm i"
11 |   },
12 |   "author": "",
13 |   "license": "ISC",
14 |   "dependencies": {
15 |     "babel-runtime": "^6.26.0",
16 |     "bulma": "^0.5.3",
17 |     "dom-chef": "^2.0.0",
18 |     "fuzzaldrin-plus": "^0.5.0",
19 |     "getdomain": "^1.0.7",
20 |     "grapnel": "^0.6.4",
21 |     "lodash.sortby": "^4.7.0",
22 |     "math-expression-evaluator": "^1.2.17",
23 |     "normalize.css": "^7.0.0"
24 |   },
25 |   "devDependencies": {
26 |     "babel-cli": "^6.26.0",
27 |     "babel-core": "^6.26.0",
28 |     "babel-loader": "^7.1.2",
29 |     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
30 |     "babel-plugin-transform-react-jsx": "^6.24.1",
31 |     "babel-plugin-transform-runtime": "^6.23.0",
32 |     "babel-preset-env": "^1.6.0",
33 |     "babel-preset-es2015": "^6.24.1",
34 |     "copy-webpack-plugin": "^4.0.1",
35 |     "cross-env": "^5.0.5",
36 |     "css-loader": "^0.28.7",
37 |     "cssnano": "^3.10.0",
38 |     "eslint": "^4.7.2",
39 |     "extract-text-webpack-plugin": "^3.0.0",
40 |     "file-loader": "^0.11.2",
41 |     "html-loader": "^0.5.1",
42 |     "html-webpack-plugin": "^2.30.1",
43 |     "imagemin-webpack-plugin": "^1.5.2",
44 |     "node-sass": "^4.5.3",
45 |     "optimize-css-assets-webpack-plugin": "^3.2.0",
46 |     "sass-loader": "^6.0.6",
47 |     "style-loader": "^0.18.2",
48 |     "uglifyjs-webpack-plugin": "^1.0.0-beta.2",
49 |     "webextension-polyfill": "^0.1.1",
50 |     "webpack": "^3.6.0"
51 |   },
52 |   "babel": {
53 |     "presets": [
54 |       [
55 |         "env",
56 |         {
57 |           "targets": {
58 |             "chrome": 49
59 |           }
60 |         }
61 |       ]
62 |     ],
63 |     "plugins": [
64 |       [
65 |         "transform-react-jsx",
66 |         {
67 |           "pragma": "h",
68 |           "useBuiltIns": true
69 |         }
70 |       ],
71 |       [
72 |         "transform-runtime",
73 |         {
74 |           "polyfill": true,
75 |           "regenerator": true
76 |         }
77 |       ]
78 |     ]
79 |   }
80 | }
81 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
  1 | const path = require('path')
  2 | const HtmlWebpackPlugin = require('html-webpack-plugin')
  3 | const ExtractTextPlugin = require("extract-text-webpack-plugin")
  4 | const webpack = require('webpack')
  5 | const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
  6 | const CopyWebpackPlugin = require('copy-webpack-plugin');
  7 | const ImageminPlugin = require('imagemin-webpack-plugin').default
  8 | const cssNano = require('cssnano')
  9 | const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 10 | const isProduction = process.env.NODE_ENV === 'production'
 11 | 
 12 | const config = {
 13 |   entry: {
 14 |     popup: './app/pages/popup/popup.js',
 15 |     options: './app/pages/options/options.js'
 16 |   },
 17 |   output: {
 18 |     path: path.resolve(__dirname, './extension'),
 19 |     filename: '[name].js'
 20 |   },
 21 |   module: {
 22 |     rules: [
 23 |       {
 24 |         test: /\.html$/,
 25 |         use: ['html-loader']
 26 |       },
 27 |       {
 28 |         test: /\.css$/,
 29 |         use: ['style-loader', 'css-loader']
 30 |       },
 31 |       {
 32 |         test: /\.js$/,
 33 |         exclude: /node_modules/,
 34 |         use: ['babel-loader']
 35 |       },
 36 |       {
 37 |         test: /\.scss$/,
 38 |         use: ExtractTextPlugin.extract({
 39 |           fallback: 'style-loader',
 40 |           use: ['css-loader', 'sass-loader']
 41 |         })
 42 |       },
 43 |       {
 44 |         test: /\.(jpe?g|png|gif|svg)$/i,
 45 |         use: [
 46 |           'file-loader?name=[name].[ext]&outputPath=images/&publicPath=images/'
 47 |         ]
 48 |       }
 49 |     ]
 50 |   },
 51 |   plugins: [
 52 |     new webpack.optimize.ModuleConcatenationPlugin(),
 53 |     //Generate an HTML5 file that includes all webpack bundles(includes css & js) in the body using script tags
 54 |     new HtmlWebpackPlugin({
 55 |       title: 'Cato - App',
 56 |       template: './app/pages/popup/popup.html',
 57 |       filename: 'popup.html',
 58 |       chunks: ['popup']
 59 |     }),
 60 |     new HtmlWebpackPlugin({
 61 |       title: 'Cato - Options',
 62 |       template: './app/pages/options/options.html',
 63 |       filename: 'options.html',
 64 |       chunks: ['options']
 65 |     }),
 66 |     //Create our CSS bundles by our entry points names (Ex: popup.css, options.css)
 67 |     new ExtractTextPlugin({
 68 |       filename: '[name].css'
 69 |     }),
 70 |     new CopyWebpackPlugin([
 71 |       {from: 'app/images', to: 'images'},
 72 |       {from: 'app/manifest.json'}
 73 |     ]),
 74 |     new ImageminPlugin({test: /\.(jpe?g|png|gif|svg)$/i})
 75 |   ]
 76 | }
 77 | 
 78 | if(isProduction) {
 79 |   config.plugins.push(
 80 |     new UglifyJSPlugin({
 81 |       sourceMap: false,
 82 |       uglifyOptions: {
 83 |         compress: {
 84 |           dead_code: true,
 85 |           drop_console: true,
 86 |           unused: true,
 87 |           if_return: true
 88 |         }
 89 |       }
 90 |     }),
 91 |     new OptimizeCssAssetsPlugin({
 92 |       assetNameRegExp: /\.css$/,
 93 |       cssProcessor: cssNano,
 94 |       cssProcessorOptions: {discardComments: {removeAll: true}}, canPrint: true
 95 |     })
 96 |   )
 97 | }
 98 | 
 99 | module.exports = config
100 | 


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