+
+
+
+
+
+
diff --git a/embedded-webextension-sdk/step2-pure-webextension/options.js b/embedded-webextension-sdk/step2-pure-webextension/options.js
new file mode 100644
index 0000000..22a840e
--- /dev/null
+++ b/embedded-webextension-sdk/step2-pure-webextension/options.js
@@ -0,0 +1,21 @@
+const gettingItem = browser.storage.local.get("prefs");
+gettingItem.then(results => {
+ const {prefs} = results || {
+ prefs: {
+ superImportantUserPref: "default value"
+ },
+ };
+
+ const el = document.querySelector("#superImportantUserPref");
+ el.value = prefs.superImportantUserPref;
+
+ const updatePref = () => {
+ browser.storage.local.set({
+ prefs: {
+ superImportantUserPref: el.value,
+ },
+ });
+ };
+
+ el.addEventListener("input", updatePref);
+});
diff --git a/embedded-webextension-sdk/step2-pure-webextension/popup.html b/embedded-webextension-sdk/step2-pure-webextension/popup.html
new file mode 100644
index 0000000..9f208a9
--- /dev/null
+++ b/embedded-webextension-sdk/step2-pure-webextension/popup.html
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/embedded-webextension-sdk/step2-pure-webextension/popup.js b/embedded-webextension-sdk/step2-pure-webextension/popup.js
new file mode 100644
index 0000000..a58ece8
--- /dev/null
+++ b/embedded-webextension-sdk/step2-pure-webextension/popup.js
@@ -0,0 +1,4 @@
+const gettingItem = browser.storage.local.get();
+gettingItem.then((results) => {
+ document.querySelector("#panel-content").textContent = JSON.stringify(results, null, 2);
+});
diff --git a/emoji-substitution/README.md b/emoji-substitution/README.md
new file mode 100644
index 0000000..e29b7f2
--- /dev/null
+++ b/emoji-substitution/README.md
@@ -0,0 +1,11 @@
+# Emoji Substitution
+
+**This add-on injects JavaScript into web pages. The `addons.mozilla.org` domain disallows this operation, so this add-on will not work properly when it's run on pages in the `addons.mozilla.org` domain.**
+
+## What it does
+
+Replaces words that describe an emoji with the emoji itself. This runs as a content script and scans web pages, looking for text that can be replaced with emoji. As an example, after installing visit https://mozilla.org and notice that the text "firefox" should change.
+
+## What it shows
+
+A good example for beginners that can be used as a "make your first add-on" tutorial and / or referenced to create other add-ons.
diff --git a/emoji-substitution/emojiMap.js b/emoji-substitution/emojiMap.js
new file mode 100644
index 0000000..b2f1b9e
--- /dev/null
+++ b/emoji-substitution/emojiMap.js
@@ -0,0 +1,118 @@
+/*
+ * This file contains the Map of word --> emoji substitutions.
+ */
+
+/* exported sortedEmojiMap */
+
+let dictionary = new Map();
+dictionary.set('apple', '🍎');
+dictionary.set('banana', '🍌');
+dictionary.set('bang', '💥');
+dictionary.set('baseball', '⚾');
+dictionary.set('basketball', '🏀');
+dictionary.set('beer', '🍺');
+dictionary.set('bicycle', '🚴');
+dictionary.set('bike', '🚴');
+dictionary.set('bomb', '💣');
+dictionary.set('boy', '👦');
+dictionary.set('bug', '🐛');
+dictionary.set('burger', '🍔');
+dictionary.set('burn', '🔥');
+dictionary.set('cake', '🎂');
+dictionary.set('candy', '🍬');
+dictionary.set('cat', '🐱');
+dictionary.set('celebration', '🎉');
+dictionary.set('cheeseburger', '🍔');
+dictionary.set('cookie', '🍪');
+dictionary.set('cool', '😎');
+dictionary.set('cry', '😢');
+dictionary.set('dog', '🐶');
+dictionary.set('doge', '🐕');
+dictionary.set('earth', '🌎');
+dictionary.set('explode', '💥');
+dictionary.set('fart', '💨');
+dictionary.set('fast', '💨');
+dictionary.set('female', '👩');
+dictionary.set('fire', '🔥');
+dictionary.set('fish', '🐟');
+dictionary.set('flame', '🔥');
+dictionary.set('flower', '🌹');
+dictionary.set('food', '🍕');
+dictionary.set('football', '🏈');
+dictionary.set('girl', '👧');
+dictionary.set('golf', '⛳');
+dictionary.set('hamburger', '🍔');
+dictionary.set('happy', '😀');
+dictionary.set('horse', '🐴');
+dictionary.set('hot', '🔥');
+dictionary.set('kiss', '😘');
+dictionary.set('laugh', '😂');
+dictionary.set('lit', '🔥');
+dictionary.set('lock', '🔒');
+dictionary.set('lol', '😂');
+dictionary.set('love', '😍');
+dictionary.set('male', '👨');
+dictionary.set('man', '👨');
+dictionary.set('monkey', '🐵');
+dictionary.set('moon', '🌙');
+dictionary.set('note', '📝');
+dictionary.set('paint', '🎨');
+dictionary.set('panda', '🐼');
+dictionary.set('party', '🎉');
+dictionary.set('pig', '🐷');
+dictionary.set('pizza', '🍕');
+dictionary.set('planet', '🌎');
+dictionary.set('rose', '🌹');
+dictionary.set('rofl', '😂');
+dictionary.set('sad', '😢');
+dictionary.set('sleep', '😴');
+dictionary.set('smile', '😀');
+dictionary.set('smiley', '😀');
+dictionary.set('soccer', '⚽');
+dictionary.set('star', '⭐');
+dictionary.set('sun', '☀️');
+dictionary.set('sunglasses', '😎');
+dictionary.set('surprised', '😮');
+dictionary.set('tree', '🌲');
+dictionary.set('trophy', '🏆');
+dictionary.set('win', '🏆');
+dictionary.set('wind', '💨');
+dictionary.set('wine', '🍷');
+dictionary.set('wink', '😉');
+dictionary.set('woman', '👩');
+dictionary.set('world', '🌎');
+dictionary.set('wow', '😮');
+
+/*
+ * After all the dictionary entries have been set, sort them by length.
+ *
+ * Because iteration over Maps happens by insertion order, this avoids
+ * scenarios where words that are substrings of other words get substituted
+ * first, leading to the longer word's substitution never triggering.
+ *
+ * For example, the 'woman' substitution would never get triggered
+ * if the 'man' substitution happens first because the input term 'woman'
+ * would become 'wo👨', and the search for 'woman' would not find any matches.
+ */
+let tempArray = Array.from(dictionary);
+tempArray.sort((pair1, pair2) => {
+ // Each pair is an array with two entries: a word, and its emoji.
+ // Ex: ['woman', '👩']
+ const firstWord = pair1[0];
+ const secondWord = pair2[0];
+
+ if (firstWord.length > secondWord.length) {
+ // The first word should come before the second word.
+ return -1;
+ }
+ if (secondWord.length > firstWord.length) {
+ // The second word should come before the first word.
+ return 1;
+ }
+
+ // The words have the same length, it doesn't matter which comes first.
+ return 0;
+});
+
+// Now that the entries are sorted, put them back into a Map.
+let sortedEmojiMap = new Map(tempArray);
diff --git a/emoji-substitution/icons/icon.png b/emoji-substitution/icons/icon.png
new file mode 100644
index 0000000..b35102a
Binary files /dev/null and b/emoji-substitution/icons/icon.png differ
diff --git a/emoji-substitution/icons/icon@2x.png b/emoji-substitution/icons/icon@2x.png
new file mode 100644
index 0000000..a5acdb1
Binary files /dev/null and b/emoji-substitution/icons/icon@2x.png differ
diff --git a/emoji-substitution/manifest.json b/emoji-substitution/manifest.json
new file mode 100644
index 0000000..e6f1067
--- /dev/null
+++ b/emoji-substitution/manifest.json
@@ -0,0 +1,18 @@
+{
+ "manifest_version": 2,
+ "name": "Emoji Substitution",
+ "description": "Replaces words with emojis.",
+ "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/emoji-substitution",
+ "version": "1.0",
+ "icons": {
+ "48": "icons/icon.png",
+ "96": "icons/icon@2x.png"
+ },
+
+ "content_scripts": [
+ {
+ "matches": ["Example.com
+ + + + + + + \ No newline at end of file diff --git a/examples.json b/examples.json index de710f7..31ad03a 100644 --- a/examples.json +++ b/examples.json @@ -1,477 +1,419 @@ - [ - { - "name": "beastify", - "description": "Adds a browser action icon to the toolbar. Click the button to choose a beast. The active tab's body content is then replaced with a picture of the chosen beast.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/beastify", - "manifest_keys": [ - "permissions", - "browser_action", - "web_accessible_resources" - ], - "javascript_modules": [ - { - "name": "tabs", - "apis": [ - "executeScript", - "sendMessage", - "query" - ] - }, - { - "name": "extension", - "apis": [ - "getURL" - ] - }, - { - "name": "runtime", - "apis": [ - "onMessage" - ] - } - ] - }, - { - "name": "Bookmark it!", - "description": "A simple bookmark button", - "url": "https://github.com/mdn/webextensions-examples/tree/master/bookmark-it", - "manifest_keys": [ - "permissions", - "browser_action", - "background" - ], - "javascript_modules": [ - { - "name": "bookmarks", - "apis": [ - "remove", - "create", - "search" - ] - }, - { - "name": "browserAction", - "apis": [ - "setIcon", - "onClicked" - ] - }, - { - "name": "tabs", - "apis": [ - "query", - "onUpdated", - "onActivated" - ] - } - ] - }, - { - "name": "borderify", - "description": "Adds a solid red border to all webpages matching mozilla.org.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/borderify", - "manifest_keys": [ - "content_scripts" - ], - "javascript_modules": [] - }, - { - "name": "chill-out", - "description": "Show a page action after a period of inactivity. Show cat gifs when the page action is clicked.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/chill-out", - "manifest_keys": [ - "permissions", - "page_action", - "background" - ], - "javascript_modules": [ - { - "name": "alarms", - "apis": [ - "onAlarm", - "clearAll", - "create" - ] - }, - { - "name": "pageAction", - "apis": [ - "show", - "hide", - "onClicked" - ] - }, - { - "name": "tabs", - "apis": [ - "update", - "query", - "onUpdated", - "onActivated", - "get" - ] - } - ] - }, - { - "name": "commands", - "description": "Press Ctrl+Shift+Y to send an event (Command+Shift+Y on a Mac).", - "url": "https://github.com/mdn/webextensions-examples/tree/master/commands", - "manifest_keys": [ - "commands", - "background" - ], - "javascript_modules": [ - { + { + "javascript_apis": [ + "storage.local", + "tabs.onActivated", + "tabs.onUpdated", + "tabs.query", + "windows.getCurrent" + ], + "name": "annotate-page", + "description": "Displays a sidebar that lets you take notes on web pages." + }, + { + "javascript_apis": [ + "pageAction.getTitle", + "pageAction.onClicked", + "pageAction.setIcon", + "pageAction.setTitle", + "pageAction.show", + "tabs.insertCSS", + "tabs.onUpdated", + "tabs.query", + "tabs.removeCSS" + ], + "name": "apply-css", + "description": "Adds a page action to the toolbar. Click the button to apply a red border using injected CSS. Click the button again to remove the CSS." + }, + { + "javascript_apis": [ + "extension.getURL", + "runtime.onMessage", + "tabs.executeScript", + "tabs.query", + "tabs.reload", + "tabs.sendMessage" + ], + "name": "beastify", + "description": "Adds a browser action icon to the toolbar. Click the button to choose a beast. The active tab's body content is then replaced with a picture of the chosen beast." + }, + { + "javascript_apis": [ + "bookmarks.create", + "bookmarks.onCreated", + "bookmarks.onRemoved", + "bookmarks.remove", + "bookmarks.search", + "browserAction.onClicked", + "browserAction.setIcon", + "tabs.onActivated", + "tabs.onUpdated", + "tabs.query", + "windows.onFocusChanged" + ], + "name": "bookmark-it", + "description": "Adds a bookmark button to the toolbar. Click the button to toggle a bookmark for the current page." + }, + { + "javascript_apis": [], + "name": "borderify", + "description": "Adds a solid red border to all webpages matching mozilla.org." + }, + { + "javascript_apis": [ + "alarms.clearAll", + "alarms.create", + "alarms.onAlarm", + "pageAction.hide", + "pageAction.onClicked", + "pageAction.show", + "tabs.get", + "tabs.onActivated", + "tabs.onUpdated", + "tabs.query", + "tabs.update" + ], + "name": "chill-out", + "description": "Show a page action after a period of inactivity. Show cat gifs when the page action is clicked." + }, + { + "javascript_apis": [ + "commands.getAll", + "commands.onCommand" + ], "name": "commands", - "apis": [ - "getAll", - "onCommand" - ] - } - ] - }, - { - "name": "cookie-bg-picker", - "description": "Allows the user to customize the background color and tiled pattern on sites the visit, and also saves their preferences via a cookie, reapplying them whenever they revisit a site they previously customized.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/cookie-bg-picker", - "manifest_keys": [ - "permissions", - "browser_action", - "background", - "web_accessible_resources" - ], - "javascript_modules": [ - { - "name": "tabs", - "apis": [ - "executeScript", - "sendMessage", - "query" - ] - }, - { - "name": "cookies", - "apis": [ - "Cookie", - "get", - "set", - "remove", - "onChanged" - ] - }, - { - "name": "runtime", - "apis": [ - "onMessage" - ] - } - ] - }, - { - "name": "context-menu-demo", - "description": "Demonstrates various features of the contextMenus API.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/context-menu-demo", - "manifest_keys": [ - "permissions", - "background" - ], - "javascript_modules": [ - { - "name": "contextMenus", - "apis": [ - "create", - "onClicked", - "update", - "remove" - ] - }, - { - "name": "i18n", - "apis": [ - "getMessage" - ] - }, - { - "name": "runtime", - "apis": [ - "lastError" - ] - }, - { - "name": "tabs", - "apis": [ - "executeScript" - ] - } - ] - }, - { - "name": "favourite-colour", - "description": "An example options ui", - "url": "https://github.com/mdn/webextensions-examples/tree/master/favourite-colour", - "manifest_keys": [ - "permissions", - "browser_action", - "options_ui", - "background", - "storage" - ], - "javascript_modules": [ - { - "name": "browserAction", - "apis": [ - "onClicked" - ] - }, - { - "name": "runtime", - "apis": [ - "openOptionsPage" - ] - }, - { - "name": "storage", - "apis": [ - "StorageArea/get", - "StorageArea/set" - ] - } - ] - }, - { - "name": "history-deleter", - "description": "History API demo: deletes history items for a given domain", - "url": "https://github.com/mdn/webextensions-examples/tree/master/history-deleter", - "manifest_keys": [ - "permissions", - "page_action", - "background" - ], - "javascript_modules": [ - { - "name": "history", - "apis": [ - "deleteUrl", - "search" - ] - }, - { - "name": "pageAction", - "apis": [ - "show" - ] - }, - { - "name": "tabs", - "apis": [ - "onUpdated", - "query" - ] - } - ] - }, - { - "name": "inpage-toolbar-ui", - "description": "Adds a browser action icon to the toolbar. Click the button to inject an in-page toolbar UI into the current webpage.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/inpage-toolbar-ui", - "manifest_keys": [ - "permissions", - "browser_action", - "content_scripts", - "web_accessible_resources", - "background" - ], - "javascript_modules": [ - { - "name": "runtime", - "apis": [ - "getURL", - "onConnect", - "onMessage" - ] - }, - { - "name": "browserAction", - "apis": [ - "onClicked" - ] - }, - { - "name": "tabs", - "apis": [ - "sendMessage", - "query" - ] - } - ] - }, - { - "name": "latest-download", - "description": "Shows the last downloaded item, and lets you open or delete it.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/latest-download", - "manifest_keys": [ - "permissions", - "browser_action" - ], - "javascript_modules": [ - { - "name": "downloads", - "apis": [ - "getFileIcon", - "search", - "open", - "removeFile", - "erase" - ] - }, - { - "name": "runtime", - "apis": [ - "lastError" - ] - } - ] - }, - { - "name": "notify-link-clicks-i18n", - "description": "Shows a notification when the user clicks on links.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/notify-link-clicks-i18n", - "manifest_keys": [ - "permissions", - "content_scripts", - "default_locale", - "background" - ], - "javascript_modules": [ - { - "name": "i18n", - "apis": [ - "getMessage" - ] - }, - { - "name": "notifications", - "apis": [ - "create" - ] - }, - { - "name": "extension", - "apis": [ - "getURL" - ] - }, - { - "name": "runtime", - "apis": [ - "onMessage", - "sendMessage" - ] - } - ] - }, - { - "name": "open-my-page-button", - "description": "Adds browser action icon to toolbar to open packaged web page.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/open-my-page-button", - "manifest_keys": [ - "browser_action", - "background" - ], - "javascript_modules": [ - { - "name": "browserAction", - "apis": [ - "onClicked" - ] - }, - { - "name": "tabs", - "apis": [ - "create" - ] - }, - { - "name": "extension", - "apis": [ - "getURL" - ] - } - ] - }, - { - "name": "page-to-extension-messaging", - "description": "Visit https://mdn.github.io/webextensions-examples/content-script-page-script-messaging.html for the demo.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/page-to-extension-messaging", - "manifest_keys": [ - "content_scripts" - ], - "javascript_modules": [] - }, - { - "name": "quicknote", - "description": "Allows the user to make quick notes by clicking a button and entering text into the resulting popup. The notes are saved in storage.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/quicknote", - "manifest_keys": [ - "storage", - "browser_action" - ], - "javascript_modules": [ - { - "name": "storage", - "apis": [ - "StorageArea/get", - "StorageArea/set", - "StorageArea/remove", - "StorageArea/clear" - ] - } - ] - }, - { - "name": "tabs-tabs-tabs", - "description": "A list of methods you can perform on a tab.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/tabs-tabs-tabs", - "manifest_keys": [ - "browser_action" - ], - "javascript_modules": [ - { - "name": "tabs", - "apis": [ - "query", - "move", - "duplicate", - "reload", - "remove" - ] - } - ] - }, - { - "name": "user-agent-rewriter", - "description": "Adds browser action icon to toolbar to choose user agent string from popup menu.", - "url": "https://github.com/mdn/webextensions-examples/tree/master/user-agent-rewriter", - "manifest_keys": [ - "browser_action", - "background", - "permissions" - ], - "javascript_modules": [ - { - "name": "webRequest", - "apis": [ - "onBeforeSendHeaders" - ] - }, - { - "name": "extension", - "apis": [ - "getBackgroundPage" - ] - } - ] - } + "description": "Demonstrates using the commands API to set up a keyboard shortcut. The shortcut created is accessed using Ctrl+Shift+U (Command+Shift+U on a Mac)." + }, + { + "javascript_apis": [ + "menus.create", + "menus.onClicked", + "tabs.executeScript" + ], + "name": "context-menu-copy-link-with-types", + "description": "Add a context menu option to links to copy the link to the clipboard, as plain text and as a link in rich HTML." + }, + { + "javascript_apis": [ + "menus.create", + "menus.onClicked", + "menus.remove", + "menus.update", + "i18n.getMessage", + "runtime.lastError", + "tabs.executeScript" + ], + "name": "menu-demo", + "description": "Demonstrates adding and manipulating menu items using the menus API." + }, + { + "javascript_apis": [ + "contextualIdentities.query", + "tabs.create", + "tabs.query", + "tabs.remove" + ], + "name": "contextual-identities", + "description": "List, create, and remove contextual identities." + }, + { + "javascript_apis": [ + "cookies.get", + "cookies.onChanged", + "cookies.remove", + "cookies.set", + "extension.getURL", + "runtime.onMessage", + "tabs.onActivated", + "tabs.onUpdated", + "tabs.query", + "tabs.sendMessage" + ], + "name": "cookie-bg-picker", + "description": "Allows the user to customize the background color and tiled pattern on sites the visit, and also saves their preferences via a cookie, reapplying them whenever they revisit a site they previously customized." + }, + { + "javascript_apis": [ + "alarms.create", + "alarms.onAlarm", + "theme.update" + ], + "name": "dynamic-theme", + "description": "Dynamic theme example" + }, + { + "javascript_apis": [ + "runtime.onMessage", + "runtime.sendMessage", + "storage.local" + ], + "name": "embedded-webextension-bootstrapped", + "description": "Demonstrates how to use an embedded WebExtension to port from a bootstrapped extension." + }, + { + "javascript_apis": [ + "notifications.create", + "runtime.connect", + "runtime.onConnect", + "runtime.onMessage", + "runtime.sendMessage", + "storage.local" + ], + "name": "embedded-webextension-sdk", + "description": "Demonstrates how to use an embedded WebExtension to port from an SDK-based add-on." + }, + { + "javascript_apis": [], + "name": "emoji-substitution", + "description": "Replaces words with emojis." + }, + { + "javascript_apis": [], + "name": "eslint-example", + "description": "Demonstrates how to configure an extension with eslint." + }, + { + "javascript_apis": [ + "browserAction.onClicked", + "runtime.openOptionsPage", + "storage.sync" + ], + "name": "favourite-colour", + "description": "An example options page, letting you store your favourite colour." + }, + { + "javascript_apis": [ + "omnibox.onInputChanged", + "omnibox.onInputEntered", + "omnibox.setDefaultSuggestion", + "tabs.create", + "tabs.update" + ], + "name": "firefox-code-search", + "description": "Demonstrates how to use the omnibox API." + }, + { + "javascript_apis": [ + "browserAction.onClicked", + "browsingData.remove", + "notifications.create", + "storage.local" + ], + "name": "forget-it", + "description": "Demonstrates how to use the browsingData API." + }, + { + "javascript_apis": [ + "browserAction.onClicked", + "identity.getRedirectURL", + "identity.launchWebAuthFlow", + "notifications.create" + ], + "name": "google-userinfo", + "description": "Demonstrates how to use the identity API." + }, + { + "javascript_apis": [ + "history.deleteUrl", + "history.search", + "pageAction.show", + "tabs.onUpdated", + "tabs.query" + ], + "name": "history-deleter", + "description": "History API demo: deletes history items for a given domain" + }, + { + "javascript_apis": [ + "runtime.onMessage", + "tabs.executeScript", + "tabs.query", + "tabs.sendMessage" + ], + "name": "imagify", + "description": "Using a sidebar, illustrates the use of file picker and drag and drop. A content script replaces the current page content with the chosen image." + }, + { + "javascript_apis": [ + "downloads.erase", + "downloads.getFileIcon", + "downloads.open", + "downloads.removeFile", + "downloads.search" + ], + "name": "latest-download", + "description": "Shows the last downloaded item, and lets you open or delete it." + }, + { + "javascript_apis": [ + "cookies.getAll", + "tabs.query" + ], + "name": "list-cookies", + "description": "This extensions list the cookies in the active tab." + }, + { + "javascript_apis": [ + "runtime.sendMessage" + ], + "name": "mocha-client-tests", + "description": "This example shows two methods of testing an extension: running tests from within the extension, and running tests from the command line using Karma" + }, + { + "javascript_apis": [ + "browserAction.onClicked", + "runtime.connectNative" + ], + "name": "native-messaging", + "description": "Example of native messaging, including a Python application and an extension which exchanges messages with it." + }, + { + "javascript_apis": [ + "storage.local", + "webNavigation.onCompleted" + ], + "name": "navigation-stats", + "description": "Demonstration of the webNavigation API, showing basic stats about which pages you've visited." + }, + { + "javascript_apis": [ + "extension.getURL", + "i18n.getMessage", + "notifications.create", + "runtime.onMessage", + "runtime.sendMessage" + ], + "name": "notify-link-clicks-i18n", + "description": "Shows a localized notification when the user clicks on links." + }, + { + "javascript_apis": [ + "browserAction.onClicked", + "tabs.create" + ], + "name": "open-my-page-button", + "description": "Adds a browser action icon to the toolbar. When the browser action is clicked, the add-on opens a page that was packaged with it." + }, + { + "javascript_apis": [], + "name": "page-to-extension-messaging", + "description": "Demonstrates how a web page and a content script can exchange messages. Visit https://mdn.github.io/webextensions-examples/content-script-page-script-messaging.html for the demo." + }, + { + "javascript_apis": [ + "browserAction.onClicked", + "permissions.getAll", + "permissions.remove", + "permissions.request", + "runtime.getURL", + "tabs.create" + ], + "name": "permissions", + "description": "Demonstrates optional permissions using the permissions API." + }, + { + "javascript_apis": [ + "extension.getURL", + "proxy.onProxyError", + "proxy.register", + "runtime.onMessage", + "runtime.sendMessage", + "storage.local", + "storage.onChanged" + ], + "name": "proxy-blocker", + "description": "Uses the proxy API to block requests to specific hosts." + }, + { + "javascript_apis": [ + "storage.local" + ], + "name": "quicknote", + "description": "Allows the user to make quick notes by clicking a button and entering text into the resulting popup. The notes are saved in storage." + }, + { + "javascript_apis": [], + "name": "react-es6-popup", + "description": "This is an example of creating a browser action popup UI in React and ES6 JavaScript." + }, + { + "javascript_apis": [], + "name": "selection-to-clipboard", + "description": "Demonstrates how to write to the clipboard from a content script" + }, + { + "javascript_apis": [ + "storage.local", + "webRequest.onAuthRequired", + "webRequest.onCompleted", + "webRequest.onErrorOccurred" + ], + "name": "stored-credentials", + "description": "Performs basic authentication by supplying stored credentials." + }, + { + "javascript_apis": [ + "tabs.create", + "tabs.duplicate", + "tabs.getZoom", + "tabs.highlight", + "tabs.move", + "tabs.onMoved", + "tabs.onRemoved", + "tabs.query", + "tabs.reload", + "tabs.remove", + "tabs.setZoom" + ], + "name": "tabs-tabs-tabs", + "description": "Demonstrates tab manipulation: opening, closing, moving, zooming tabs." + }, + { + "javascript_apis": [ + "management.getAll", + "management.setEnabled" + ], + "name": "theme-switcher", + "description": "An example of how to use the management API for themes." + }, + { + "javascript_apis": [ + ], + "name": "themes", + "description": "A collection of themes illustrating:- weta_fade: a basic theme employing a single image specified in
headerURL:. - weta_fade_chrome: the weta_fade theme implemented with Chrome compatible manifest keys.
- weta_tiled: a theme using a tiled image.
- weta_mirror: a theme using multiple images and aligning those images in the header.
- animated: use of an animated PNG.
Redirect URL:
+
+
+
+
+
+
diff --git a/google-userinfo/options/options.js b/google-userinfo/options/options.js
new file mode 100644
index 0000000..1453093
--- /dev/null
+++ b/google-userinfo/options/options.js
@@ -0,0 +1,4 @@
+/**
+Display the redirect URL.
+*/
+document.querySelector("#redirect-url").textContent = browser.identity.getRedirectURL();
diff --git a/history-deleter/background.js b/history-deleter/background.js
index db6433c..dd9f375 100644
--- a/history-deleter/background.js
+++ b/history-deleter/background.js
@@ -1,5 +1,5 @@
-chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
+browser.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
if (!tab.url.match(/^about:/)) {
- chrome.pageAction.show(tab.id);
+ browser.pageAction.show(tab.id);
}
});
diff --git a/history-deleter/history.css b/history-deleter/history.css
index b789105..3f413da 100644
--- a/history-deleter/history.css
+++ b/history-deleter/history.css
@@ -1,4 +1,32 @@
html, body {
- margin: 0.2em;
- width: 350px;
+ margin: 0.3em;
+ width: auto;
+ min-width: 250px;
+ max-width: 500px;
+ background-color: #f8f8f8;
}
+
+div {
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ border-bottom: 1px solid grey;
+}
+
+#history-title {
+ font-weight: bold;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+
+#history {
+ display: block;
+ word-wrap: break-word;
+ margin: 0.5em;
+ text-decoration: none;
+}
+
+#clear {
+ text-decoration: none;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
\ No newline at end of file
diff --git a/history-deleter/history.html b/history-deleter/history.html
index 5fc5382..30ac9cb 100644
--- a/history-deleter/history.html
+++ b/history-deleter/history.html
@@ -7,9 +7,11 @@
- History for this domain (limited to 5 results):
+History for (Last 5 results) :
+ - + + diff --git a/history-deleter/history.js b/history-deleter/history.js index 6e5c31e..798f8db 100644 --- a/history-deleter/history.js +++ b/history-deleter/history.js @@ -2,55 +2,71 @@ function get_hostname(url) { var a = document.createElement('a'); a.href = url; + set_domain(a.hostname); return a.hostname; } +function set_domain(domain) { + const spans = document.getElementsByClassName('domain'); + [].slice.call(spans).forEach((span) => { + span.textContent = domain; + }); +} + function no_history(hostname) { - document.getElementById('history').innerHTML = `No history for ${hostname}.`; + var history_text = document.getElementById('history'); + while(history_text.firstChild) + history_text.removeChild(history_text.firstChild); + history_text.textContent = `No history for ${hostname}.`; +} + +function getActiveTab() { + return browser.tabs.query({active: true, currentWindow: true}); } // When the page is loaded find the current tab and then use that to query // the history. -chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { +getActiveTab().then((tabs) => { var list = document.getElementById('history'); var hostname = get_hostname(tabs[0].url); - chrome.history.search( - // Search for all history entries for the current windows domain. - {text: hostname, maxResults: 5}, - function(results) { - // What to show if there are no results. - if (results.length < 1) { - no_history(hostname); - } else { - // Because this could be a lot of entries, lets limit it to 5. - for (var k in results) { - var history = results[k]; - var li = document.createElement('p'); - var url = document.createTextNode(history.url); - li.appendChild(url); - list.appendChild(li); - } + // Search for all history entries for the current windows domain. + // Because this could be a lot of entries, lets limit it to 5. + var searchingHistory = browser.history.search({text: hostname, maxResults: 5}); + searchingHistory.then((results) => { + // What to show if there are no results. + if (results.length < 1) { + no_history(hostname); + } else { + for (var k in results) { + var history = results[k]; + var li = document.createElement('p'); + var a = document.createElement('a'); + var url = document.createTextNode(history.url); + a.href = history.url; + a.target = '_blank'; + a.appendChild(url); + li.appendChild(a); + list.appendChild(li); } } - ); + }); }); function clearAll(e) { - chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { + getActiveTab().then((tabs) => { var hostname = get_hostname(tabs[0].url); if (!hostname) { // Don't try and delete history when there's no hostname. return; } - chrome.history.search( - {text: hostname}, - // Search will return us a list of histories for this domain. - // Loop through them and delete them one by one. - function(results) { - for (k = 0; k < results.length; k++) { - chrome.history.deleteUrl({url: results[k].url}); + // Search will return us a list of histories for this domain. + // Loop through them and delete them one by one. + var searchingHistory = browser.history.search({text: hostname}) + searchingHistory.then((results) => { + for (let k of results) { + browser.history.deleteUrl({url: results[k].url}); } // Clear out the UI. no_history(hostname); diff --git a/history-deleter/manifest.json b/history-deleter/manifest.json index 11bb77b..de0d8b9 100644 --- a/history-deleter/manifest.json +++ b/history-deleter/manifest.json @@ -1,10 +1,4 @@ { - "applications": { - "gecko": { - "id": "history-deleter@mozilla.com", - "strict_min_version": "49.0a2" - } - }, "background": { "scripts": ["background.js"] }, diff --git a/http-response/README.md b/http-response/README.md new file mode 100755 index 0000000..40c2338 --- /dev/null +++ b/http-response/README.md @@ -0,0 +1,11 @@ +# HTTP Response parser + +## What it does + +Listens to HTTP Responses from example.com and changes the body of the response as it comes through. So that the word "Example" on https://example.com becomes "WebExtension Example". + +## What it shows + +How to use the response parser on bytes. + +Icon is from: https://www.iconfinder.com/icons/763339/draw_edit_editor_pen_pencil_tool_write_icon#size=128 diff --git a/http-response/background.js b/http-response/background.js new file mode 100755 index 0000000..b7a7880 --- /dev/null +++ b/http-response/background.js @@ -0,0 +1,22 @@ +function listener(details) { + let filter = browser.webRequest.filterResponseData(details.requestId); + let decoder = new TextDecoder("utf-8"); + let encoder = new TextEncoder(); + + filter.ondata = event => { + let str = decoder.decode(event.data, {stream: true}); + // Just change any instance of Example in the HTTP response + // to WebExtension Example. + str = str.replace(/Example/g, 'WebExtension Example'); + filter.write(encoder.encode(str)); + filter.disconnect(); + } + + return {}; +} + +browser.webRequest.onBeforeRequest.addListener( + listener, + {urls: ["https://example.com/*"], types: ["main_frame"]}, + ["blocking"] +); diff --git a/http-response/manifest.json b/http-response/manifest.json new file mode 100755 index 0000000..e2a13f4 --- /dev/null +++ b/http-response/manifest.json @@ -0,0 +1,26 @@ +{ + + "description": "Altering HTTP responses", + "manifest_version": 2, + "name": "http-response-filter", + "version": "1.0", + "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/http-response", + "icons": { + "48": "pen.svg" + }, + + "permissions": [ + "webRequest", "webRequestBlocking", "https://example.com/*" + ], + + "background": { + "scripts": ["background.js"] + }, + + "applications": { + "gecko": { + "strict_min_version": "57.0a1" + } + } + +} diff --git a/http-response/pen.svg b/http-response/pen.svg new file mode 100755 index 0000000..65a3f42 --- /dev/null +++ b/http-response/pen.svg @@ -0,0 +1 @@ + diff --git a/imagify/README.md b/imagify/README.md new file mode 100644 index 0000000..b5e0359 --- /dev/null +++ b/imagify/README.md @@ -0,0 +1,26 @@ +# imagify + +**This add-on injects JavaScript into web pages. The `addons.mozilla.org` domain disallows this operation, so this add-on will not work properly when it's run on pages in the `addons.mozilla.org` domain.** + +## What it does ## + +The extension includes: + +* a sidebar including HTML, CSS, and JavaScript +* a content script +* a web page template, packaged as web accessible resources + +When the extension loads the user is offered a file picker and drop zone as methods to choose an image file. + +Once an image file has been chosen, the extension injects the content script into the active tab, and sends the content script a message containing the URL of the chosen image. + +When the content script receives this message, it replaces the current page content with the chosen image file. + +## What it shows ## + +How to: +* write a sidebar +* implement a file picker and drag and drop zone +* give a sidebar style and behavior using CSS and JavaScript +* inject a content script programmatically using `tabs.executeScript()` +* send a message from the main extension to a content script diff --git a/imagify/content_scripts/content.js b/imagify/content_scripts/content.js new file mode 100644 index 0000000..1c83760 --- /dev/null +++ b/imagify/content_scripts/content.js @@ -0,0 +1,47 @@ +(function() { + /* + Check and set a global guard variable. + If this content script is injected into the same page again, + it will do nothing next time. + */ + if (window.hasRun) { + return; + } + window.hasRun = true; + + /* + Add the image to the web page by: + * Removing every node in the document.body + * Inserting the selected image + */ + function injectImage(request, sender, sendResponse) { + removeEverything(); + insertImage(request.imageURL); + } + + /* + Remove every node under document.body + */ + function removeEverything() { + while (document.body.firstChild) { + document.body.firstChild.remove(); + } + } + + /* + Given a URL to an image, create and style an iframe containing an + IMG node pointing to that image, then insert the node into the document. + */ + function insertImage(imageURL) { + const insertImage = document.createElement("iframe"); + insertImage.setAttribute("src", browser.extension.getURL(`/viewer.html?blobURL=${imageURL}`)); + insertImage.setAttribute("style", "width: 100vw; height: 100vh;"); + document.body.appendChild(insertImage); + } + + /* + Assign injectImage() as a listener for messages from the extension. + */ + browser.runtime.onMessage.addListener(injectImage); + +})(); \ No newline at end of file diff --git a/imagify/manifest.json b/imagify/manifest.json new file mode 100644 index 0000000..93fcd5a --- /dev/null +++ b/imagify/manifest.json @@ -0,0 +1,22 @@ +{ + + "description": "Adds a sidebar offerin a file picker and drap and drop zone. When an image file is chosen the active tab's body content is replaced with file selected. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#imagify", + "manifest_version": 2, + "name": "Imagify", + "version": "1.0", + "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/imagify", + + "permissions": [ + "tabs", + "
+
+
+
+
+ Drag an image file into this Drop Zone ...
+
+
+
+
+
+
+
diff --git a/imagify/viewer.css b/imagify/viewer.css
new file mode 100644
index 0000000..00c0af5
--- /dev/null
+++ b/imagify/viewer.css
@@ -0,0 +1,8 @@
+html, body {
+ margin: 0;
+ padding: 0;
+}
+
+img {
+ width: 100%;
+}
diff --git a/imagify/viewer.html b/imagify/viewer.html
new file mode 100644
index 0000000..e48614f
--- /dev/null
+++ b/imagify/viewer.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
+
+
+ 
- In-Page "Amazing and super-useful" Toolbar
-
-
-
-
-
diff --git a/inpage-toolbar-ui/toolbar/ui.js b/inpage-toolbar-ui/toolbar/ui.js
deleted file mode 100644
index 4d67626..0000000
--- a/inpage-toolbar-ui/toolbar/ui.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// Connect to the background page.
-var port = chrome.runtime.connect();
-
-// Handle click events on the toolbar button.
-document.querySelector("#toggle").addEventListener("click", function() {
- // Ask the background page to toggle the toolbar on the current tab
- port.postMessage("toggle-in-page-toolbar");
-});
diff --git a/inpage-toolbar-ui/toolbar/whimsy.png b/inpage-toolbar-ui/toolbar/whimsy.png
deleted file mode 100644
index 261ee19..0000000
Binary files a/inpage-toolbar-ui/toolbar/whimsy.png and /dev/null differ
diff --git a/latest-download/manifest.json b/latest-download/manifest.json
index efe4e1f..e240f2e 100644
--- a/latest-download/manifest.json
+++ b/latest-download/manifest.json
@@ -9,13 +9,6 @@
"48": "icons/page-48.png"
},
- "applications": {
- "gecko": {
- "id": "latest-download@mozilla.org",
- "strict_min_version": "48.0a1"
- }
- },
-
"permissions": [
"downloads",
"downloads.open"
diff --git a/latest-download/popup/latest_download.js b/latest-download/popup/latest_download.js
index 5423681..5619131 100644
--- a/latest-download/popup/latest_download.js
+++ b/latest-download/popup/latest_download.js
@@ -3,22 +3,17 @@ var latestDownloadId;
/*
Callback from getFileIcon.
-Log an error, or initialize the displayed icon.
+Initialize the displayed icon.
*/
function updateIconUrl(iconUrl) {
- /*
- If there was an error getting the icon URL,
- then lastError will be set. So check lastError
- and handle it.
- */
- if (chrome.runtime.lastError) {
- console.error(chrome.runtime.lastError);
- iconUrl = "";
- }
var downloadIcon = document.querySelector("#icon");
downloadIcon.setAttribute("src", iconUrl);
}
+function onError(error) {
+ console.log(`Error: ${error}`);
+}
+
/*
If there was a download item,
- remember its ID as latestDownloadId
@@ -30,7 +25,8 @@ function initializeLatestDownload(downloadItems) {
var downloadUrl = document.querySelector("#url");
if (downloadItems.length > 0) {
latestDownloadId = downloadItems[0].id;
- chrome.downloads.getFileIcon(latestDownloadId, updateIconUrl);
+ var gettingIconUrl = browser.downloads.getFileIcon(latestDownloadId);
+ gettingIconUrl.then(updateIconUrl, onError);
downloadUrl.textContent = downloadItems[0].url;
document.querySelector("#open").classList.remove("disabled");
document.querySelector("#remove").classList.remove("disabled");
@@ -44,17 +40,18 @@ function initializeLatestDownload(downloadItems) {
/*
Search for the most recent download, and pass it to initializeLatestDownload()
*/
-chrome.downloads.search({
+var searching = browser.downloads.search({
limit: 1,
orderBy: ["-startTime"]
-}, initializeLatestDownload);
+});
+searching.then(initializeLatestDownload);
/*
Open the item using the associated application.
*/
function openItem() {
if (!document.querySelector("#open").classList.contains("disabled")) {
- chrome.downloads.open(latestDownloadId);
+ browser.downloads.open(latestDownloadId);
}
}
@@ -63,8 +60,8 @@ Remove item from disk (removeFile) and from the download history (erase)
*/
function removeItem() {
if (!document.querySelector("#remove").classList.contains("disabled")) {
- chrome.downloads.removeFile(latestDownloadId);
- chrome.downloads.erase({id: latestDownloadId});
+ browser.downloads.removeFile(latestDownloadId);
+ browser.downloads.erase({id: latestDownloadId});
window.close();
}
}
diff --git a/list-cookies/README.md b/list-cookies/README.md
new file mode 100644
index 0000000..877c00e
--- /dev/null
+++ b/list-cookies/README.md
@@ -0,0 +1,9 @@
+# list-cookies
+
+## What it does
+
+This extensions list the cookies in the active tab.
+
+# What it shows
+
+Demonstration of the getAll() function in the cookie API
diff --git a/list-cookies/cookies.css b/list-cookies/cookies.css
new file mode 100644
index 0000000..95af25c
--- /dev/null
+++ b/list-cookies/cookies.css
@@ -0,0 +1,11 @@
+html, body {
+ width: 500px;
+}
+
+.panel {
+ padding: 5px;
+}
+
+li {
+ margin-bottom: 5px;
+}
diff --git a/list-cookies/cookies.html b/list-cookies/cookies.html
new file mode 100644
index 0000000..a15ad76
--- /dev/null
+++ b/list-cookies/cookies.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
+ item with the name and value of the cookie to the list
+ for (let cookie of cookies) {
+ let li = document.createElement("li");
+ let content = document.createTextNode(cookie.name + ": "+ cookie.value);
+ li.appendChild(content);
+ cookieList.appendChild(li);
+ }
+ } else {
+ let p = document.createElement("p");
+ let content = document.createTextNode("No cookies in this tab.");
+ let parent = cookieList.parentNode;
+
+ p.appendChild(content);
+ parent.appendChild(p);
+ }
+ });
+}
+
+//get active tab to run an callback function.
+//it sends to our callback an array of tab objects
+function getActiveTab() {
+ return browser.tabs.query({currentWindow: true, active: true});
+}
+getActiveTab().then(showCookiesForTab);
diff --git a/list-cookies/icons/cookie.png b/list-cookies/icons/cookie.png
new file mode 100644
index 0000000..5567982
Binary files /dev/null and b/list-cookies/icons/cookie.png differ
diff --git a/list-cookies/icons/cookie@2x.png b/list-cookies/icons/cookie@2x.png
new file mode 100644
index 0000000..d3de8e9
Binary files /dev/null and b/list-cookies/icons/cookie@2x.png differ
diff --git a/list-cookies/icons/default19.png b/list-cookies/icons/default19.png
new file mode 100644
index 0000000..aa4d283
Binary files /dev/null and b/list-cookies/icons/default19.png differ
diff --git a/list-cookies/icons/default38.png b/list-cookies/icons/default38.png
new file mode 100644
index 0000000..335fe0a
Binary files /dev/null and b/list-cookies/icons/default38.png differ
diff --git a/list-cookies/manifest.json b/list-cookies/manifest.json
new file mode 100644
index 0000000..9dbec54
--- /dev/null
+++ b/list-cookies/manifest.json
@@ -0,0 +1,21 @@
+{
+ "browser_action": {
+ "browser_style": true,
+ "default_title": "List cookies in the active tab",
+ "default_popup": "cookies.html",
+ "default_icon": {
+ "19": "icons/default19.png",
+ "38": "icons/default38.png"
+ }
+ },
+ "description": "List cookies in the active tab.",
+ "icons": {
+ "48": "icons/cookie.png",
+ "96": "icons/cookie@2x.png"
+ },
+ "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/list-cookies",
+ "manifest_version": 2,
+ "name": "List cookies",
+ "version": "1.0",
+ "permissions": ["cookies","","tabs"]
+}
diff --git a/menu-demo/README.md b/menu-demo/README.md
new file mode 100644
index 0000000..ca79920
--- /dev/null
+++ b/menu-demo/README.md
@@ -0,0 +1,36 @@
+# menu-demo
+
+A demo of the [menus API](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/menus/).
+
+**This add-on injects JavaScript into web pages. The `addons.mozilla.org` domain disallows this operation, so this add-on will not work properly when it's run on pages in the `addons.mozilla.org` domain.**
+
+**This add-on uses the `menus` namespace to access the functions it needs to create menu items. Note that Chrome, Edge, and Opera all use the `contextMenus` namespace for this, so this extension will not work in these browsers. For compatibility with these browsers, Firefox also offers the `contextMenus` namespace, so to make this extension work with other browsers, use `contextMenus`.**
+
+## What it does
+
+This add-on adds several items to the browser's context menu:
+
+* one shown when there is a selection in the page, that logs the selected text
+to the browser console when clicked.
+* one shown in all contexts, that is removed when clicked.
+* two "radio" items that are shown in all contexts.
+These items are grouped using a separator item on each side.
+One radio item adds a blue border to the page, the other adds a green border.
+Note that these buttons only work on normal web pages, not special pages
+like about:debugging.
+* one "checkbox" item, shown in all contexts, whose title is updated when the
+item is clicked.
+* one item that uses the "commands" property to open the add-on's sidebar.
+
+It also adds one item to the browser's "Tools" menu.
+
+## What it shows
+
+* How to create various types of menu item:
+ * normal
+ * radio
+ * separator
+ * checkbox
+* How to use contexts to control when an item appears.
+* How to update an item's properties.
+* How to remove an item.
diff --git a/context-menu-demo/_locales/en/messages.json b/menu-demo/_locales/en/messages.json
similarity index 65%
rename from context-menu-demo/_locales/en/messages.json
rename to menu-demo/_locales/en/messages.json
index d4022f3..709898f 100644
--- a/context-menu-demo/_locales/en/messages.json
+++ b/menu-demo/_locales/en/messages.json
@@ -1,42 +1,52 @@
{
"extensionName": {
- "message": "Context menu demo",
+ "message": "Menu demo",
"description": "Name of the extension."
},
"extensionDescription": {
- "message": "Demonstrates the contextMenus API.",
+ "message": "Demonstrates the menus API.",
"description": "Description of the add-on."
},
- "contextMenuItemSelectionLogger": {
+ "menuItemSelectionLogger": {
"message": "Log '%s' to the browser console",
"description": "Title of context menu item that logs the selected text when clicked."
},
- "contextMenuItemRemoveMe": {
+ "menuItemRemoveMe": {
"message": "Remove me!",
"description": "Title of context menu item that removes itself when clicked."
},
- "contextMenuItemGreenify": {
+ "menuItemGreenify": {
"message": "Greenify",
"description": "Title of context menu item that adds a green border when clicked."
},
- "contextMenuItemBluify": {
+ "menuItemBluify": {
"message": "Bluify",
"description": "Title of context menu item that adds a green border when clicked."
},
- "contextMenuItemCheckMe": {
+ "menuItemCheckMe": {
"message": "Check me",
"description": "Title of context menu item when the item is checked."
},
- "contextMenuItemUncheckMe": {
+ "menuItemUncheckMe": {
"message": "Uncheck me",
"description": "Title of context menu item when the item is unchecked."
+ },
+
+ "menuItemOpenSidebar": {
+ "message": "Open sidebar",
+ "description": "Title of context menu item that opens a sidebar."
+ },
+
+ "menuItemToolsMenu": {
+ "message": "Click me!",
+ "description": "Title of tools menu item."
}
}
diff --git a/context-menu-demo/background.js b/menu-demo/background.js
similarity index 50%
rename from context-menu-demo/background.js
rename to menu-demo/background.js
index cac9325..2a32f38 100644
--- a/context-menu-demo/background.js
+++ b/menu-demo/background.js
@@ -2,64 +2,76 @@
Called when the item has been created, or when creation failed due to an error.
We'll just log success/failure here.
*/
-function onCreated(n) {
- if (chrome.runtime.lastError) {
- console.log("error creating item:" + chrome.runtime.lastError);
+function onCreated() {
+ if (browser.runtime.lastError) {
+ console.log(`Error: ${browser.runtime.lastError}`);
} else {
- console.log("item created successfully");
+ console.log("Item created successfully");
}
}
/*
-Called when the item has been removed, or when there was an error.
-We'll just log success or failure here.
+Called when the item has been removed.
+We'll just log success here.
*/
function onRemoved() {
- if (chrome.runtime.lastError) {
- console.log("error removing item:" + chrome.runtime.lastError);
- } else {
- console.log("item removed successfully");
- }
+ console.log("Item removed successfully");
+}
+
+/*
+Called when there was an error.
+We'll just log the error here.
+*/
+function onError(error) {
+ console.log(`Error: ${error}`);
}
/*
Create all the context menu items.
*/
-chrome.contextMenus.create({
+browser.menus.create({
id: "log-selection",
- title: chrome.i18n.getMessage("contextMenuItemSelectionLogger"),
+ title: browser.i18n.getMessage("menuItemSelectionLogger"),
contexts: ["selection"]
}, onCreated);
-chrome.contextMenus.create({
+browser.menus.create({
id: "remove-me",
- title: chrome.i18n.getMessage("contextMenuItemRemoveMe"),
+ title: browser.i18n.getMessage("menuItemRemoveMe"),
contexts: ["all"]
}, onCreated);
-chrome.contextMenus.create({
+browser.menus.create({
id: "separator-1",
type: "separator",
contexts: ["all"]
}, onCreated);
-chrome.contextMenus.create({
+browser.menus.create({
id: "greenify",
type: "radio",
- title: chrome.i18n.getMessage("contextMenuItemGreenify"),
+ title: browser.i18n.getMessage("menuItemGreenify"),
contexts: ["all"],
- checked: true
+ checked: true,
+ icons: {
+ "16": "icons/paint-green-16.png",
+ "32": "icons/paint-green-32.png"
+ }
}, onCreated);
-chrome.contextMenus.create({
+browser.menus.create({
id: "bluify",
type: "radio",
- title: chrome.i18n.getMessage("contextMenuItemBluify"),
+ title: browser.i18n.getMessage("menuItemBluify"),
contexts: ["all"],
- checked: false
+ checked: false,
+ icons: {
+ "16": "icons/paint-blue-16.png",
+ "32": "icons/paint-blue-32.png"
+ }
}, onCreated);
-chrome.contextMenus.create({
+browser.menus.create({
id: "separator-2",
type: "separator",
contexts: ["all"]
@@ -67,14 +79,27 @@ chrome.contextMenus.create({
var checkedState = true;
-chrome.contextMenus.create({
+browser.menus.create({
id: "check-uncheck",
type: "checkbox",
- title: chrome.i18n.getMessage("contextMenuItemUncheckMe"),
+ title: browser.i18n.getMessage("menuItemUncheckMe"),
contexts: ["all"],
checked: checkedState
}, onCreated);
+browser.menus.create({
+ id: "open-sidebar",
+ title: browser.i18n.getMessage("menuItemOpenSidebar"),
+ contexts: ["all"],
+ command: "_execute_sidebar_action"
+}, onCreated);
+
+browser.menus.create({
+ id: "tools-menu",
+ title: browser.i18n.getMessage("menuItemToolsMenu"),
+ contexts: ["tools_menu"],
+}, onCreated);
+
/*
Set a colored border on the document in the given tab.
@@ -85,7 +110,7 @@ var blue = 'document.body.style.border = "5px solid blue"';
var green = 'document.body.style.border = "5px solid green"';
function borderify(tabId, color) {
- chrome.tabs.executeScript(tabId, {
+ browser.tabs.executeScript(tabId, {
code: color
});
}
@@ -101,12 +126,12 @@ property into the event listener.
function updateCheckUncheck() {
checkedState = !checkedState;
if (checkedState) {
- chrome.contextMenus.update("check-uncheck", {
- title: chrome.i18n.getMessage("contextMenuItemUncheckMe"),
+ browser.menus.update("check-uncheck", {
+ title: browser.i18n.getMessage("menuItemUncheckMe"),
});
} else {
- chrome.contextMenus.update("check-uncheck", {
- title: chrome.i18n.getMessage("contextMenuItemCheckMe"),
+ browser.menus.update("check-uncheck", {
+ title: browser.i18n.getMessage("menuItemCheckMe"),
});
}
}
@@ -115,13 +140,14 @@ function updateCheckUncheck() {
The click event listener, where we perform the appropriate action given the
ID of the menu item that was clicked.
*/
-chrome.contextMenus.onClicked.addListener(function(info, tab) {
+browser.menus.onClicked.addListener((info, tab) => {
switch (info.menuItemId) {
case "log-selection":
console.log(info.selectionText);
break;
case "remove-me":
- chrome.contextMenus.remove(info.menuItemId, onRemoved);
+ var removing = browser.menus.remove(info.menuItemId);
+ removing.then(onRemoved, onError);
break;
case "bluify":
borderify(tab.id, blue);
@@ -132,5 +158,11 @@ chrome.contextMenus.onClicked.addListener(function(info, tab) {
case "check-uncheck":
updateCheckUncheck();
break;
+ case "open-sidebar":
+ console.log("Opening my sidebar");
+ break;
+ case "tools-menu":
+ console.log("Clicked the tools menu item");
+ break;
}
});
diff --git a/menu-demo/icons/LICENSE b/menu-demo/icons/LICENSE
new file mode 100644
index 0000000..5e98d3b
--- /dev/null
+++ b/menu-demo/icons/LICENSE
@@ -0,0 +1,4 @@
+
+The "page-32.png" and "page-48.png" icons are taken from the miu iconset created by Linh Pham Thi Dieu, and are used under the terms of its license: http://linhpham.me/miu/.
+
+The "paint-blue-16", "paint-blue-32", "paint-green-16", and "paint-green-32" icons are adapted from an icon in the ["Outline icons" set](https://www.iconfinder.com/icons/1021026/paint_icon).
diff --git a/context-menu-demo/icons/page-16.png b/menu-demo/icons/page-16.png
similarity index 100%
rename from context-menu-demo/icons/page-16.png
rename to menu-demo/icons/page-16.png
diff --git a/menu-demo/icons/page-32.png b/menu-demo/icons/page-32.png
new file mode 100644
index 0000000..dae663d
Binary files /dev/null and b/menu-demo/icons/page-32.png differ
diff --git a/menu-demo/icons/page-48.png b/menu-demo/icons/page-48.png
new file mode 100644
index 0000000..ba042cd
Binary files /dev/null and b/menu-demo/icons/page-48.png differ
diff --git a/menu-demo/icons/paint-blue-16.png b/menu-demo/icons/paint-blue-16.png
new file mode 100644
index 0000000..24f9c73
Binary files /dev/null and b/menu-demo/icons/paint-blue-16.png differ
diff --git a/menu-demo/icons/paint-blue-32.png b/menu-demo/icons/paint-blue-32.png
new file mode 100644
index 0000000..8b001b8
Binary files /dev/null and b/menu-demo/icons/paint-blue-32.png differ
diff --git a/menu-demo/icons/paint-green-16.png b/menu-demo/icons/paint-green-16.png
new file mode 100644
index 0000000..02f35a8
Binary files /dev/null and b/menu-demo/icons/paint-green-16.png differ
diff --git a/menu-demo/icons/paint-green-32.png b/menu-demo/icons/paint-green-32.png
new file mode 100644
index 0000000..eb940a6
Binary files /dev/null and b/menu-demo/icons/paint-green-32.png differ
diff --git a/context-menu-demo/manifest.json b/menu-demo/manifest.json
similarity index 54%
rename from context-menu-demo/manifest.json
rename to menu-demo/manifest.json
index aba22a3..f984c05 100644
--- a/context-menu-demo/manifest.json
+++ b/menu-demo/manifest.json
@@ -1,14 +1,13 @@
{
"manifest_version": 2,
- "name": "context-menu-demo",
+ "name": "__MSG_extensionName__",
+ "description": "__MSG_extensionDescription__",
"version": "1.0",
"default_locale": "en",
-
"applications": {
"gecko": {
- "id": "context-menu-demo@mozilla.org",
- "strict_min_version": "48.0"
+ "strict_min_version": "56.0a1"
}
},
@@ -17,7 +16,7 @@
},
"permissions": [
- "contextMenus",
+ "menus",
"activeTab"
],
@@ -25,6 +24,12 @@
"16": "icons/page-16.png",
"32": "icons/page-32.png",
"48": "icons/page-48.png"
+ },
+
+ "sidebar_action": {
+ "default_icon": "icons/page-32.png",
+ "default_title" : "My sidebar",
+ "default_panel": "sidebar/sidebar.html"
}
}
diff --git a/menu-demo/sidebar/sidebar.html b/menu-demo/sidebar/sidebar.html
new file mode 100644
index 0000000..bbfc03b
--- /dev/null
+++ b/menu-demo/sidebar/sidebar.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+ Mocha Tests
+
+
+
+
+
+
+
+
+metadata.maxArgs)throw new Error(`Expected at most ${metadata.maxArgs} arguments for ${name}(), got ${args.length}`);
+return new Promise((resolve,reject)=>{target[name](...args,makeCallback({resolve,reject}))})}};const wrapMethod=(target,method,wrapper)=>{return new Proxy(method,{apply(targetMethod,thisObj,args){return wrapper.call(thisObj,target,...args)}})};let hasOwnProperty=Function.call.bind(Object.prototype.hasOwnProperty);const wrapObject=(target,wrappers={},metadata={})=>{let cache=Object.create(null);let handlers={has(target,prop){return prop in target||prop in cache},get(target,prop,receiver){if(prop in
+cache)return cache[prop];if(!(prop in target))return undefined;let value=target[prop];if(typeof value==="function")if(typeof wrappers[prop]==="function")value=wrapMethod(target,target[prop],wrappers[prop]);else if(hasOwnProperty(metadata,prop)){let wrapper=wrapAsyncFunction(prop,metadata[prop]);value=wrapMethod(target,target[prop],wrapper)}else value=value.bind(target);else if(typeof value==="object"&&value!==null&&(hasOwnProperty(wrappers,prop)||hasOwnProperty(metadata,prop)))value=wrapObject(value,
+wrappers[prop],metadata[prop]);else{Object.defineProperty(cache,prop,{configurable:true,enumerable:true,get(){return target[prop]},set(value){target[prop]=value}});return value}cache[prop]=value;return value},set(target,prop,value,receiver){if(prop in cache)cache[prop]=value;else target[prop]=value;return true},defineProperty(target,prop,desc){return Reflect.defineProperty(cache,prop,desc)},deleteProperty(target,prop){return Reflect.deleteProperty(cache,prop)}};return new Proxy(target,handlers)};
+const wrapEvent=(wrapperMap)=>{addListener(target,listener,...args){target.addListener(wrapperMap.get(listener),...args)},hasListener(target,listener){return target.hasListener(wrapperMap.get(listener))},removeListener(target,listener){target.removeListener(wrapperMap.get(listener))}};const onMessageWrappers=new DefaultWeakMap((listener)=>{if(typeof listener!=="function")return listener;return function onMessage(message,sender,sendResponse){let result=listener(message,sender);if(isThenable(result)){result.then(sendResponse,
+(error)=>{console.error(error);sendResponse(error)});return true}else if(result!==undefined)sendResponse(result)}});const staticWrappers={runtime:{onMessage:wrapEvent(onMessageWrappers)}};return wrapObject(chrome,staticWrappers,apiMetadata)};this.browser=wrapAPIs()};
diff --git a/mocha-client-tests/addon/scripts/popup.js b/mocha-client-tests/addon/scripts/popup.js
new file mode 100644
index 0000000..9e32f28
--- /dev/null
+++ b/mocha-client-tests/addon/scripts/popup.js
@@ -0,0 +1,10 @@
+ setInterval(function() {
+ var $game = document.querySelector('#game');
+ if($game.innerText !== 'ping'){
+ $game.innerText = 'ping';
+ } else{
+ browser.runtime.sendMessage({action: 'ping'}).then((response) => {
+ $game.innerText = response;
+ });
+ }
+ }, 1000);
diff --git a/mocha-client-tests/addon/tests/lib/background-messaging.test.js b/mocha-client-tests/addon/tests/lib/background-messaging.test.js
new file mode 100644
index 0000000..b91eb5a
--- /dev/null
+++ b/mocha-client-tests/addon/tests/lib/background-messaging.test.js
@@ -0,0 +1,11 @@
+describe('Background', function() {
+ describe('ping', function() {
+ it('should return pong in response', function() {
+ // Return a promise for Mocha using the Firefox browser API instead of chrome.
+ return browser.runtime.sendMessage({action: 'ping'})
+ .then(function(response) {
+ expect(response).to.equal('pong');
+ });
+ });
+ });
+});
\ No newline at end of file
diff --git a/mocha-client-tests/addon/tests/lib/test.array.js b/mocha-client-tests/addon/tests/lib/test.array.js
new file mode 100644
index 0000000..40a5f5e
--- /dev/null
+++ b/mocha-client-tests/addon/tests/lib/test.array.js
@@ -0,0 +1,8 @@
+describe('Array', function() {
+ describe('#indexOf()', function() {
+ it('should return -1 when the value is not present', function() {
+ expect([1,2,3]).to.not.contain(5);
+ expect([1,2,3]).to.not.contain(0);
+ });
+ });
+});
\ No newline at end of file
diff --git a/mocha-client-tests/addon/tests/mocha-run.js b/mocha-client-tests/addon/tests/mocha-run.js
new file mode 100644
index 0000000..ec1be52
--- /dev/null
+++ b/mocha-client-tests/addon/tests/mocha-run.js
@@ -0,0 +1,5 @@
+mocha.checkLeaks();
+// Here we add initial global variables to prevent this error:
+// Error: global leaks detected: AppView, ExtensionOptions, ExtensionView, WebView
+mocha.globals(['AppView', 'ExtensionOptions', 'ExtensionView', 'WebView']);
+mocha.run();
\ No newline at end of file
diff --git a/mocha-client-tests/addon/tests/mocha-setup.js b/mocha-client-tests/addon/tests/mocha-setup.js
new file mode 100644
index 0000000..58a9e9e
--- /dev/null
+++ b/mocha-client-tests/addon/tests/mocha-setup.js
@@ -0,0 +1 @@
+mocha.setup('bdd');
\ No newline at end of file
diff --git a/mocha-client-tests/karma.conf.js b/mocha-client-tests/karma.conf.js
new file mode 100644
index 0000000..9544b1d
--- /dev/null
+++ b/mocha-client-tests/karma.conf.js
@@ -0,0 +1,73 @@
+module.exports = function(config) {
+ config.set({
+
+ // base path that will be used to resolve all patterns (eg. files, exclude)
+ basePath: '',
+
+ // frameworks to use
+ // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+ frameworks: ['mocha'],
+
+ // list of files / patterns to load in the browser
+ files: [
+ // Test dependencies
+ 'node_modules/expect.js/index.js',
+ 'node_modules/sinon-chrome/bundle/sinon-chrome-webextensions.min.js',
+
+ // Source
+ 'addon/*.js',
+
+ // Tests
+ 'tests/lib/*.js'
+ ],
+
+ // The tests below are intended to be run from inside the WebExtension itself,
+ // not from the Karma test suite.
+ exclude: [
+ 'addon/tests',
+ ],
+
+ client: {
+ mocha: {
+ // change Karma's debug.html to the mocha web reporter
+ reporter: 'html',
+ },
+ },
+
+ // preprocess matching files before serving them to the browser
+ // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+ preprocessors: {
+ },
+
+ // test results reporter to use
+ // possible values: 'dots', 'progress'
+ // available reporters: https://npmjs.org/browse/keyword/karma-reporter
+ reporters: ['dots'],
+
+ // web server port
+ port: 9876,
+
+ // enable / disable colors in the output (reporters and logs)
+ colors: true,
+
+ // level of logging
+ // possible values: config.LOG_DISABLE || config.LOG_ERROR ||
+ // config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+ logLevel: config.LOG_INFO,
+
+ // enable/disable watching file and executing tests when any file changes
+ autoWatch: false,
+
+ // start these browsers
+ // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+ browsers: ['Firefox'],
+
+ // Continuous Integration mode
+ // if true, Karma captures browsers, runs the tests and exits
+ singleRun: true,
+
+ // Concurrency level
+ // how many browser should be started simultaneous
+ concurrency: Infinity,
+ });
+};
diff --git a/mocha-client-tests/package.json b/mocha-client-tests/package.json
new file mode 100644
index 0000000..27976d1
--- /dev/null
+++ b/mocha-client-tests/package.json
@@ -0,0 +1,23 @@
+{
+ "name": "mocha-test-webextension",
+ "version": "1.0.0",
+ "description": "Example how to run unit tests for WebExtension",
+ "main": "index.js",
+ "scripts": {
+ "test": "karma start",
+ "test:debug": "karma start --no-single-run --auto-watch",
+ "web-ext": "web-ext run -s ./addon"
+ },
+ "author": "",
+ "license": "MPL-2.0",
+ "devDependencies": {
+ "chai": "^3.5.0",
+ "expect.js": "^0.3.1",
+ "karma": "^1.3.0",
+ "karma-firefox-launcher": "^1.0.0",
+ "karma-mocha": "^1.3.0",
+ "mocha": "^3.1.2",
+ "sinon-chrome": "^2.1.2",
+ "web-ext": "^1.6.0"
+ }
+}
diff --git a/mocha-client-tests/screenshots/addon-button.png b/mocha-client-tests/screenshots/addon-button.png
new file mode 100644
index 0000000..6172e83
Binary files /dev/null and b/mocha-client-tests/screenshots/addon-button.png differ
diff --git a/mocha-client-tests/tests/lib/background.test.js b/mocha-client-tests/tests/lib/background.test.js
new file mode 100644
index 0000000..0588bb3
--- /dev/null
+++ b/mocha-client-tests/tests/lib/background.test.js
@@ -0,0 +1,10 @@
+describe('Background', function() {
+ describe('ping', function() {
+ it('should return pong in response', function(done) {
+ Background.ping(false, false, function(response) {
+ expect(response).to.equal('pong');
+ done();
+ });
+ });
+ });
+});
diff --git a/native-messaging/README.md b/native-messaging/README.md
new file mode 100644
index 0000000..b2c5999
--- /dev/null
+++ b/native-messaging/README.md
@@ -0,0 +1,33 @@
+This is a very simple example of how to use [native messaging](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Native_messaging) to exchange messages between a WebExtension and a native application.
+
+The WebExtension, which can be found under "add-on", connects to the native application and listens to messages from it. It then sends a message to the native application when the user clicks on the WebExtension's browser action. The message payload is just "ping".
+
+The native application, which can be found under "app", listens for messages from the WebExtension. When it receives a message, the native application sends a response message whose payload is just "pong". The native application is written in Python.
+
+## Setup ##
+
+To get this working, there's a little setup to do.
+
+### Mac OS/Linux setup ###
+
+1. Check that the [file permissions](https://en.wikipedia.org/wiki/File_system_permissions) for "ping_pong.py" include the `execute` permission.
+2. Edit the "path" property of "ping_pong.json" to point to the location of "ping_pong.py" on your computer.
+3. copy "ping_pong.json" to the correct location on your computer. See [App manifest location ](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Native_messaging#App_manifest_location) to find the correct location for your OS.
+
+### Windows setup ###
+
+1. Check you have Python installed, and that your system's PATH environment variable includes the path to Python. See [Using Python on Windows](https://docs.python.org/2/using/windows.html). You'll need to restart the web browser after making this change, or the browser won't pick up the new environment variable.
+2. Edit the "path" property of "ping_pong.json" to point to the location of "ping_pong_win.bat" on your computer. Note that you'll need to escape the Windows directory separator, like this: `"path": "C:\\Users\\MDN\\native-messaging\\app\\ping_pong_win.bat"`.
+3. Edit "ping_pong_win.bat" to refer to the location of "ping_pong.py" on your computer.
+4. Add a registry key containing the path to "ping_pong.json" on your computer. See [App manifest location ](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Native_messaging#App_manifest_location) to find details of the registry key to add.
+
+## Testing the example ##
+
+Then just install the add-on as usual, by visiting about:debugging, clicking "Load Temporary Add-on", and selecting the add-on's "manifest.json".
+
+You should see a new browser action icon in the toolbar. Open the console ("Tools/Web Developer/Browser Console" in Firefox), and click the browser action icon. You should see output like this in the console:
+
+ Sending: ping
+ Received: pong
+
+If you don't see this output, see the [Troubleshooting guide](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Native_messaging#Troubleshooting) for ideas.
diff --git a/native-messaging/add-on/background.js b/native-messaging/add-on/background.js
new file mode 100644
index 0000000..4cdabef
--- /dev/null
+++ b/native-messaging/add-on/background.js
@@ -0,0 +1,19 @@
+/*
+On startup, connect to the "ping_pong" app.
+*/
+var port = browser.runtime.connectNative("ping_pong");
+
+/*
+Listen for messages from the app.
+*/
+port.onMessage.addListener((response) => {
+ console.log("Received: " + response);
+});
+
+/*
+On a click on the browser action, send the app a message.
+*/
+browser.browserAction.onClicked.addListener(() => {
+ console.log("Sending: ping");
+ port.postMessage("ping");
+});
diff --git a/native-messaging/add-on/icons/LICENSE b/native-messaging/add-on/icons/LICENSE
new file mode 100644
index 0000000..c4e7bdc
--- /dev/null
+++ b/native-messaging/add-on/icons/LICENSE
@@ -0,0 +1 @@
+The icon used here is taken from the "Miscellany Web icons" set by Maria & Guillem (https://www.iconfinder.com/andromina), and is used under the Creative Commons (Attribution 3.0 Unported) license.
diff --git a/native-messaging/add-on/icons/message.svg b/native-messaging/add-on/icons/message.svg
new file mode 100644
index 0000000..7ee68e2
--- /dev/null
+++ b/native-messaging/add-on/icons/message.svg
@@ -0,0 +1,8 @@
+
\ No newline at end of file
diff --git a/native-messaging/add-on/manifest.json b/native-messaging/add-on/manifest.json
new file mode 100644
index 0000000..bd3ba1f
--- /dev/null
+++ b/native-messaging/add-on/manifest.json
@@ -0,0 +1,28 @@
+{
+
+ "description": "Native messaging example add-on",
+ "manifest_version": 2,
+ "name": "Native messaging example",
+ "version": "1.0",
+ "icons": {
+ "48": "icons/message.svg"
+ },
+
+ "applications": {
+ "gecko": {
+ "id": "ping_pong@example.org",
+ "strict_min_version": "50.0"
+ }
+ },
+
+ "background": {
+ "scripts": ["background.js"]
+ },
+
+ "browser_action": {
+ "default_icon": "icons/message.svg"
+ },
+
+ "permissions": ["nativeMessaging"]
+
+}
diff --git a/native-messaging/app/ping_pong.json b/native-messaging/app/ping_pong.json
new file mode 100644
index 0000000..a257b18
--- /dev/null
+++ b/native-messaging/app/ping_pong.json
@@ -0,0 +1,7 @@
+{
+ "name": "ping_pong",
+ "description": "Example host for native messaging",
+ "path": "/path/to/native-messaging/app/ping_pong.py",
+ "type": "stdio",
+ "allowed_extensions": [ "ping_pong@example.org" ]
+}
diff --git a/native-messaging/app/ping_pong.py b/native-messaging/app/ping_pong.py
new file mode 100755
index 0000000..c987f60
--- /dev/null
+++ b/native-messaging/app/ping_pong.py
@@ -0,0 +1,62 @@
+#!/usr/bin/env python
+
+import sys
+import json
+import struct
+
+try:
+ # Python 3.x version
+ # Read a message from stdin and decode it.
+ def getMessage():
+ rawLength = sys.stdin.buffer.read(4)
+ if len(rawLength) == 0:
+ sys.exit(0)
+ messageLength = struct.unpack('@I', rawLength)[0]
+ message = sys.stdin.buffer.read(messageLength).decode('utf-8')
+ return json.loads(message)
+
+ # Encode a message for transmission,
+ # given its content.
+ def encodeMessage(messageContent):
+ encodedContent = json.dumps(messageContent).encode('utf-8')
+ encodedLength = struct.pack('@I', len(encodedContent))
+ return {'length': encodedLength, 'content': encodedContent}
+
+ # Send an encoded message to stdout
+ def sendMessage(encodedMessage):
+ sys.stdout.buffer.write(encodedMessage['length'])
+ sys.stdout.buffer.write(encodedMessage['content'])
+ sys.stdout.buffer.flush()
+
+ while True:
+ receivedMessage = getMessage()
+ if receivedMessage == "ping":
+ sendMessage(encodeMessage("pong3"))
+except AttributeError:
+ # Python 2.x version (if sys.stdin.buffer is not defined)
+ # Read a message from stdin and decode it.
+ def getMessage():
+ rawLength = sys.stdin.read(4)
+ if len(rawLength) == 0:
+ sys.exit(0)
+ messageLength = struct.unpack('@I', rawLength)[0]
+ message = sys.stdin.read(messageLength)
+ return json.loads(message)
+
+ # Encode a message for transmission,
+ # given its content.
+ def encodeMessage(messageContent):
+ encodedContent = json.dumps(messageContent)
+ encodedLength = struct.pack('@I', len(encodedContent))
+ return {'length': encodedLength, 'content': encodedContent}
+
+ # Send an encoded message to stdout
+ def sendMessage(encodedMessage):
+ sys.stdout.write(encodedMessage['length'])
+ sys.stdout.write(encodedMessage['content'])
+ sys.stdout.flush()
+
+ while True:
+ receivedMessage = getMessage()
+ if receivedMessage == "ping":
+ sendMessage(encodeMessage("pong2"))
diff --git a/native-messaging/app/ping_pong_win.bat b/native-messaging/app/ping_pong_win.bat
new file mode 100644
index 0000000..aac2019
--- /dev/null
+++ b/native-messaging/app/ping_pong_win.bat
@@ -0,0 +1,3 @@
+@echo off
+
+call python C:\path\to\ping_pong.py
diff --git a/navigation-stats/README.md b/navigation-stats/README.md
new file mode 100644
index 0000000..d30d5aa
--- /dev/null
+++ b/navigation-stats/README.md
@@ -0,0 +1,27 @@
+# navigation-stats
+
+## What it does ##
+
+The extension includes:
+
+* a background which collects navigation stats using the webNavigation API,
+ and store the stats using the storage API.
+* a browser action with a popup including HTML, CSS, and JS, which renders
+ the stats stored by the background page
+
+
+When the user navigate on a website from any of the browser tabs, the background
+page collected every completed navigation with the "http" or "https" schemes
+(using an UrlFilter for the listener of the webNavigation events)
+
+When the user clicks the browser action button, the popup is shown, and
+the stats saved using the storage API are retrived and rendered in the
+popup window.
+
+## What it shows ##
+
+* use the webNavigation API to monitor browsing navigation events
+* use an UrlFilter to only receive the webNavigation event using
+ one of the supported criteria.
+* use the storage API to persist data over browser reboots and to share it
+ between different extension pages.
diff --git a/navigation-stats/background.js b/navigation-stats/background.js
new file mode 100644
index 0000000..0dee190
--- /dev/null
+++ b/navigation-stats/background.js
@@ -0,0 +1,30 @@
+// Load existent stats with the storage API.
+var gettingStoredStats = browser.storage.local.get("hostNavigationStats");
+gettingStoredStats.then(results => {
+ // Initialize the saved stats if not yet initialized.
+ if (!results.hostNavigationStats) {
+ results = {
+ hostNavigationStats: {}
+ };
+ }
+
+ const {hostNavigationStats} = results;
+
+ // Monitor completed navigation events and update
+ // stats accordingly.
+ browser.webNavigation.onCompleted.addListener(evt => {
+ // Filter out any sub-frame related navigation event
+ if (evt.frameId !== 0) {
+ return;
+ }
+
+ const url = new URL(evt.url);
+
+ hostNavigationStats[url.hostname] = hostNavigationStats[url.hostname] || 0;
+ hostNavigationStats[url.hostname]++;
+
+ // Persist the updated stats.
+ browser.storage.local.set(results);
+ }, {
+ url: [{schemes: ["http", "https"]}]});
+});
diff --git a/navigation-stats/icons/LICENSE b/navigation-stats/icons/LICENSE
new file mode 100644
index 0000000..e878a43
--- /dev/null
+++ b/navigation-stats/icons/LICENSE
@@ -0,0 +1 @@
+The icon "icon-32.png" is taken from the IconBeast Lite iconset, and used under the terms of its license (http://www.iconbeast.com/faq/), with a link back to the website: http://www.iconbeast.com/free/.
diff --git a/navigation-stats/icons/icon-32.png b/navigation-stats/icons/icon-32.png
new file mode 100644
index 0000000..b77538f
Binary files /dev/null and b/navigation-stats/icons/icon-32.png differ
diff --git a/navigation-stats/manifest.json b/navigation-stats/manifest.json
new file mode 100644
index 0000000..fac27f5
--- /dev/null
+++ b/navigation-stats/manifest.json
@@ -0,0 +1,24 @@
+{
+ "manifest_version": 2,
+ "name": "Navigation Stats",
+ "version": "0.1.0",
+ "browser_action": {
+ "default_icon": {
+ "32": "icons/icon-32.png"
+ },
+ "default_title": "Navigation Stats",
+ "default_popup": "popup.html"
+ },
+ "permissions": ["webNavigation", "storage"],
+ "background": {
+ "scripts": [ "background.js" ]
+ },
+ "icons": {
+ "32": "icons/icon-32.png"
+ },
+ "applications": {
+ "gecko": {
+ "strict_min_version": "50.0"
+ }
+ }
+}
diff --git a/navigation-stats/popup.html b/navigation-stats/popup.html
new file mode 100644
index 0000000..2788d4c
--- /dev/null
+++ b/navigation-stats/popup.html
@@ -0,0 +1,10 @@
+
+
+
+ Permissions Example
+
+
+
+
+
+ Hosts to block:
+
+
+
+
+
+
+
diff --git a/proxy-blocker/options/options.js b/proxy-blocker/options/options.js
new file mode 100644
index 0000000..78af2d1
--- /dev/null
+++ b/proxy-blocker/options/options.js
@@ -0,0 +1,25 @@
+const blockedHostsTextArea = document.querySelector("#blocked-hosts");
+
+// Store the currently selected settings using browser.storage.local.
+function storeSettings() {
+ let blockedHosts = blockedHostsTextArea.value.split("\n");
+ browser.storage.local.set({
+ blockedHosts
+ });
+}
+
+// Update the options UI with the settings values retrieved from storage,
+// or the default settings if the stored settings are empty.
+function updateUI(restoredSettings) {
+ blockedHostsTextArea.value = restoredSettings.blockedHosts.join("\n");
+}
+
+function onError(e) {
+ console.error(e);
+}
+
+// On opening the options page, fetch stored settings and update the UI with them.
+browser.storage.local.get().then(updateUI, onError);
+
+// Whenever the contents of the textarea changes, save the new values
+blockedHostsTextArea.addEventListener("change", storeSettings);
diff --git a/proxy-blocker/proxy/proxy-script.js b/proxy-blocker/proxy/proxy-script.js
new file mode 100644
index 0000000..4a133fb
--- /dev/null
+++ b/proxy-blocker/proxy/proxy-script.js
@@ -0,0 +1,23 @@
+/* exported FindProxyForURL */
+
+var blockedHosts = [];
+const allow = "DIRECT";
+const deny = "PROXY 127.0.0.1:65535";
+
+// tell the background script that we are ready
+browser.runtime.sendMessage("init");
+
+// listen for updates to the blocked host list
+browser.runtime.onMessage.addListener((message) => {
+ blockedHosts = message;
+});
+
+// required PAC function that will be called to determine
+// if a proxy should be used.
+function FindProxyForURL(url, host) {
+ if (blockedHosts.indexOf(host) != -1) {
+ browser.runtime.sendMessage(`Proxy-blocker: blocked ${url}`);
+ return deny;
+ }
+ return allow;
+}
diff --git a/quicknote/README.md b/quicknote/README.md
index d679321..3d66bba 100644
--- a/quicknote/README.md
+++ b/quicknote/README.md
@@ -1,7 +1,14 @@
# Quicknote
+
A persistent note/to-do list application — click a button in your browser and record notes, which will persist even after browser restarts.
-Works in Firefox 47+, and will also work as a Chrome extension, out of the box.
+Works in Firefox 47+.
+
+## Running with web-ext
+
+[web-ext](https://developer.mozilla.org/en-US/Add-ons/WebExtensions) generates a new profile on each run, meaning your data is not persisted between Firefox runs. To use web-ext and preserve this information, you will need an existing or new Firefox profile. Then run:
+
+web-ext run --firefox-profile [A PATH TO A FIREFOX PROFILE] --keep-profile-changes
## What it does
@@ -9,12 +16,12 @@ This extension includes:
* A browser action that creates a popup — within the popup is:
* Two form elements for entering title and body text for a new note, along with a button to add a note, and a button to clear all notes.
- * A list of the notes that have been added to the extension — each note includes a delete button to delete just that extension. You can also click on the note title and body to edit them. In edit mode, each note includes:
+ * A list of the notes that have been added to the extension — each note includes a delete button to delete just that note. You can also click on the note title and body to edit them. In edit mode, each note includes:
* An update button to submit an update.
* A cancel button to cancel the update.
-
+
Quicknote uses the WebExtensions [Storage API](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/storage) to persist the notes.
## What it shows
-* How to persist data in a WebExtension using the Storage API.
\ No newline at end of file
+* How to persist data in a WebExtension using the Storage API.
diff --git a/quicknote/manifest.json b/quicknote/manifest.json
index 599ec05..ba5f2e5 100644
--- a/quicknote/manifest.json
+++ b/quicknote/manifest.json
@@ -2,23 +2,16 @@
"manifest_version": 2,
"name": "Quicknote",
- "version": "1.0",
+ "version": "1.1",
"description": "Allows the user to make quick notes by clicking a button and entering text into the resulting popup. The notes are saved in storage. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#quicknote",
"icons": {
"48": "icons/quicknote-48.png"
},
- "applications": {
- "gecko": {
- "id": "quicknote@mozilla.org",
- "strict_min_version": "45.0"
- }
- },
-
"permissions": [
"storage"
- ],
+ ],
"browser_action": {
"default_icon": {
@@ -26,5 +19,12 @@
},
"default_title": "Quicknote",
"default_popup": "popup/quicknote.html"
+ },
+
+ "applications": {
+ "gecko": {
+ "id": "quicknote-example@mozilla.org"
+ }
}
+
}
diff --git a/quicknote/popup/quicknote.js b/quicknote/popup/quicknote.js
index a765b26..04d5a81 100644
--- a/quicknote/popup/quicknote.js
+++ b/quicknote/popup/quicknote.js
@@ -14,23 +14,24 @@ var addBtn = document.querySelector('.add');
addBtn.addEventListener('click', addNote);
clearBtn.addEventListener('click', clearAll);
+/* generic error handler */
+function onError(error) {
+ console.log(error);
+}
+
/* display previously-saved stored notes on startup */
initialize();
function initialize() {
- chrome.storage.local.get(null,function(results) {
- if(chrome.runtime.lastError) {
- console.log(chrome.runtime.lastError);
- } else {
- var noteKeys = Object.keys(results);
- for(i = 0; i < noteKeys.length; i++) {
- var curKey = noteKeys[i];
- var curValue = results[curKey];
- displayNote(curKey,curValue);
- }
+ var gettingAllStorageItems = browser.storage.local.get(null);
+ gettingAllStorageItems.then((results) => {
+ var noteKeys = Object.keys(results);
+ for (let noteKey of noteKeys) {
+ var curValue = results[noteKey];
+ displayNote(noteKey,curValue);
}
- });
+ }, onError);
}
/* Add a note to the display, and storage */
@@ -38,26 +39,24 @@ function initialize() {
function addNote() {
var noteTitle = inputTitle.value;
var noteBody = inputBody.value;
- chrome.storage.local.get(noteTitle, function(result) {
+ var gettingItem = browser.storage.local.get(noteTitle);
+ gettingItem.then((result) => {
var objTest = Object.keys(result);
if(objTest.length < 1 && noteTitle !== '' && noteBody !== '') {
inputTitle.value = '';
inputBody.value = '';
storeNote(noteTitle,noteBody);
}
- })
+ }, onError);
}
/* function to store a new note in storage */
function storeNote(title, body) {
- chrome.storage.local.set({ [title] : body }, function() {
- if(chrome.runtime.lastError) {
- console.log(chrome.runtime.lastError);
- } else {
- displayNote(title,body);
- }
- });
+ var storingNote = browser.storage.local.set({ [title] : body });
+ storingNote.then(() => {
+ displayNote(title,body);
+ }, onError);
}
/* function to display a note in the note box */
@@ -89,10 +88,10 @@ function displayNote(title, body) {
/* set up listener for the delete functionality */
- deleteBtn.addEventListener('click',function(e){
- evtTgt = e.target;
+ deleteBtn.addEventListener('click',(e) => {
+ const evtTgt = e.target;
evtTgt.parentNode.parentNode.parentNode.removeChild(evtTgt.parentNode.parentNode);
- chrome.storage.local.remove(title);
+ browser.storage.local.remove(title);
})
/* create note edit box */
@@ -126,24 +125,24 @@ function displayNote(title, body) {
/* set up listeners for the update functionality */
- noteH.addEventListener('click',function(){
+ noteH.addEventListener('click',() => {
noteDisplay.style.display = 'none';
noteEdit.style.display = 'block';
})
- notePara.addEventListener('click',function(){
+ notePara.addEventListener('click',() => {
noteDisplay.style.display = 'none';
noteEdit.style.display = 'block';
})
- cancelBtn.addEventListener('click',function(){
+ cancelBtn.addEventListener('click',() => {
noteDisplay.style.display = 'block';
noteEdit.style.display = 'none';
noteTitleEdit.value = title;
noteBodyEdit.value = body;
})
- updateBtn.addEventListener('click',function(){
+ updateBtn.addEventListener('click',() => {
if(noteTitleEdit.value !== title || noteBodyEdit.value !== body) {
updateNote(title,noteTitleEdit.value,noteBodyEdit.value);
note.parentNode.removeChild(note);
@@ -155,15 +154,17 @@ function displayNote(title, body) {
/* function to update notes */
function updateNote(delNote,newTitle,newBody) {
- chrome.storage.local.set({ [newTitle] : newBody }, function() {
+ var storingNote = browser.storage.local.set({ [newTitle] : newBody });
+ storingNote.then(() => {
if(delNote !== newTitle) {
- chrome.storage.local.remove(delNote, function() {
+ var removingNote = browser.storage.local.remove(delNote);
+ removingNote.then(() => {
displayNote(newTitle, newBody);
- });
+ }, onError);
} else {
displayNote(newTitle, newBody);
}
- });
+ }, onError);
}
/* Clear all notes from the display/storage */
@@ -172,5 +173,5 @@ function clearAll() {
while (noteContainer.firstChild) {
noteContainer.removeChild(noteContainer.firstChild);
}
- chrome.storage.local.clear();
-}
\ No newline at end of file
+ browser.storage.local.clear();
+}
diff --git a/react-es6-popup/.babelrc b/react-es6-popup/.babelrc
new file mode 100644
index 0000000..ffd1d11
--- /dev/null
+++ b/react-es6-popup/.babelrc
@@ -0,0 +1,11 @@
+{
+ "presets": [
+ "es2015",
+ "stage-2",
+ "react"
+ ],
+ "plugins": [
+ "transform-class-properties",
+ "transform-es2015-modules-commonjs"
+ ]
+}
diff --git a/react-es6-popup/.eslintrc.json b/react-es6-popup/.eslintrc.json
new file mode 100644
index 0000000..bc30d96
--- /dev/null
+++ b/react-es6-popup/.eslintrc.json
@@ -0,0 +1,15 @@
+{
+ "parserOptions": {
+ "ecmaVersion": 6,
+ "sourceType": "module",
+ "ecmaFeatures": {
+ "jsx": true
+ }
+ },
+ "env": {
+ "browser": true,
+ "es6": true,
+ "amd": true,
+ "webextensions": true
+ }
+}
diff --git a/react-es6-popup/.gitignore b/react-es6-popup/.gitignore
new file mode 100644
index 0000000..20ccaa9
--- /dev/null
+++ b/react-es6-popup/.gitignore
@@ -0,0 +1,5 @@
+# Ignore build artifacts and other files.
+.DS_Store
+yarn.lock
+extension/dist
+node_modules
diff --git a/react-es6-popup/.npmrc b/react-es6-popup/.npmrc
new file mode 100644
index 0000000..a00908d
--- /dev/null
+++ b/react-es6-popup/.npmrc
@@ -0,0 +1 @@
+save-prefix=''
diff --git a/react-es6-popup/README.md b/react-es6-popup/README.md
new file mode 100644
index 0000000..5fa69cf
--- /dev/null
+++ b/react-es6-popup/README.md
@@ -0,0 +1,54 @@
+# React / ES6 Popup Example
+
+## What it does
+
+This is an example of creating a browser action
+[popup](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Add_a_button_to_the_toolbar#Adding_a_popup)
+UI in [React][react] and [ES6](http://es6-features.org/) JavaScript.
+
+## What it shows
+
+* How to bundle [React][react] and any other [NodeJS][nodejs] module into an
+ extension.
+* How to transpile code that is not supported natively in
+ a browser such as
+ [import / export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import)
+ syntax and [JSX](https://facebook.github.io/react/docs/jsx-in-depth.html).
+* How to continuously build code as you edit files.
+* How to customize [web-ext][web-ext] for your extension's specific needs.
+* How to structure your code in reusable ES6 modules.
+
+## Usage
+
+First, you need to change into the example subdirectory and install all
+[NodeJS][nodejs] dependencies with [npm](http://npmjs.com/) or
+[yarn](https://yarnpkg.com/):
+
+ npm install
+
+Start the continuous build process to transpile the code into something that
+can run in Firefox or Chrome:
+
+ npm run build
+
+This creates a WebExtension in the `extension` subdirectory.
+Any time you edit a file, it will be rebuilt automatically.
+
+In another shell window, run the extension in Firefox using a wrapper
+around [web-ext][web-ext]:
+
+ npm start
+
+Any time you edit a file, [web-ext][web-ext] will reload the extension
+in Firefox. To see the popup, click the watermelon icon from the browser bar.
+Here is what it looks like:
+
+
+
+[react]: https://facebook.github.io/react/
+[nodejs]: https://nodejs.org/en/
+[web-ext]: https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Getting_started_with_web-ext
+
+## Icons
+
+The icon for this extension is provided by [icons8](https://icons8.com/).
diff --git a/react-es6-popup/extension/images/Watermelon-48.png b/react-es6-popup/extension/images/Watermelon-48.png
new file mode 100644
index 0000000..2821b3f
Binary files /dev/null and b/react-es6-popup/extension/images/Watermelon-48.png differ
diff --git a/react-es6-popup/extension/images/Watermelon-96.png b/react-es6-popup/extension/images/Watermelon-96.png
new file mode 100644
index 0000000..0b4f4f1
Binary files /dev/null and b/react-es6-popup/extension/images/Watermelon-96.png differ
diff --git a/react-es6-popup/extension/manifest.json b/react-es6-popup/extension/manifest.json
new file mode 100755
index 0000000..5126bdd
--- /dev/null
+++ b/react-es6-popup/extension/manifest.json
@@ -0,0 +1,17 @@
+{
+ "manifest_version": 2,
+ "name": "react-es6-popup-example",
+ "version": "1.0",
+
+ "browser_action": {
+ "browser_style": true,
+ "default_icon": {
+ "48": "images/Watermelon-48.png",
+ "96": "images/Watermelon-96.png"
+ },
+ "default_title": "React Example",
+ "default_popup": "popup.html"
+ },
+
+ "permissions": ["activeTab"]
+}
diff --git a/react-es6-popup/extension/popup.css b/react-es6-popup/extension/popup.css
new file mode 100755
index 0000000..1b048c9
--- /dev/null
+++ b/react-es6-popup/extension/popup.css
@@ -0,0 +1,8 @@
+body {
+ width: 400px;
+ padding: 1em;
+}
+
+h1, h2 {
+ border-bottom: 1px solid;
+}
diff --git a/react-es6-popup/extension/popup.html b/react-es6-popup/extension/popup.html
new file mode 100755
index 0000000..a005aa0
--- /dev/null
+++ b/react-es6-popup/extension/popup.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/react-es6-popup/package.json b/react-es6-popup/package.json
new file mode 100644
index 0000000..e4930ae
--- /dev/null
+++ b/react-es6-popup/package.json
@@ -0,0 +1,25 @@
+{
+ "name": "react-es6-popup-example",
+ "version": "1.0.0",
+ "description": "",
+ "main": "index.js",
+ "scripts": {
+ "build": "webpack -w -v --display-error-details --progress --colors",
+ "start": "web-ext run -s extension/"
+ },
+ "author": "",
+ "license": "MPL-2.0",
+ "devDependencies": {
+ "babel-core": "6.20.0",
+ "babel-loader": "6.2.9",
+ "babel-plugin-transform-class-properties": "6.19.0",
+ "babel-plugin-transform-object-rest-spread": "6.20.2",
+ "babel-preset-es2015": "6.18.0",
+ "babel-preset-react": "6.16.0",
+ "babel-preset-stage-2": "6.18.0",
+ "react": "15.4.1",
+ "react-dom": "15.4.1",
+ "web-ext": "1.6.0",
+ "webpack": "1.14.0"
+ }
+}
diff --git a/react-es6-popup/screenshots/popup.png b/react-es6-popup/screenshots/popup.png
new file mode 100644
index 0000000..933d435
Binary files /dev/null and b/react-es6-popup/screenshots/popup.png differ
diff --git a/react-es6-popup/src/nested-component.js b/react-es6-popup/src/nested-component.js
new file mode 100644
index 0000000..1ca1496
--- /dev/null
+++ b/react-es6-popup/src/nested-component.js
@@ -0,0 +1,15 @@
+import React from 'react';
+
+export default class Nested extends React.Component {
+ render() {
+ return (
+ "],
+ "js": ["content-script.js"]
+ }]
+}
diff --git a/store-collected-images/README.md b/store-collected-images/README.md
new file mode 100644
index 0000000..1733902
--- /dev/null
+++ b/store-collected-images/README.md
@@ -0,0 +1,36 @@
+# "Image Reference Collector" example
+
+## What it does
+
+This example adds a context menu which targets any image element in the webpage.
+When the context menu item is clicked, the add-on opens a window and
+adds the related image element to the preview list of the collected images.
+The user can then store the collected images by giving the collection a name
+and pressing the **save** button.
+
+Once a collection of reference images has been stored by the add-on, they
+can be navigated using the extension page that the add-on will open in a tab
+when the user press the add-on **browserAction**.
+
+## What it shows
+
+The main goal of this example is showing how to use the [idb-file-storage library](https://www.npmjs.com/package/idb-file-storage) to store and manipulate files in a WebExtension.
+
+* How to store blob into the add-on IndexedDB storage
+* How to list the stored blobs (optionally by filtering the listed blobs)
+* How to turn the stored blobs into blob urls to show them in the extension page
+* How to remove the stored blobs from the extension IndexedDB storage.
+
+[](https://youtu.be/t6aVqMMe2Rc)
+
+This example is written in two forms:
+
+- a plain webextension (which doesn't need any build step)
+- a webextension built using webpack
+
+The code that stores and retrieves the files from the IndexedDB storage is in the
+file named `utils/image-store.js` in both the example version.
+
+## Icons
+
+The icon for this add-on is provided by [icons8](https://icons8.com/).
diff --git a/store-collected-images/screenshots/screenshot.png b/store-collected-images/screenshots/screenshot.png
new file mode 100644
index 0000000..01341b8
Binary files /dev/null and b/store-collected-images/screenshots/screenshot.png differ
diff --git a/store-collected-images/webextension-plain/.eslintignore b/store-collected-images/webextension-plain/.eslintignore
new file mode 100644
index 0000000..1aa6280
--- /dev/null
+++ b/store-collected-images/webextension-plain/.eslintignore
@@ -0,0 +1 @@
+deps
\ No newline at end of file
diff --git a/store-collected-images/webextension-plain/.eslintrc b/store-collected-images/webextension-plain/.eslintrc
new file mode 100644
index 0000000..f0310c8
--- /dev/null
+++ b/store-collected-images/webextension-plain/.eslintrc
@@ -0,0 +1,3 @@
+{
+ "parser": "babel-eslint"
+}
\ No newline at end of file
diff --git a/store-collected-images/webextension-plain/README.md b/store-collected-images/webextension-plain/README.md
new file mode 100644
index 0000000..a6e2ce5
--- /dev/null
+++ b/store-collected-images/webextension-plain/README.md
@@ -0,0 +1,39 @@
+# "Image Reference Collector" example without a webpack build step (and React UI)
+
+## Usage
+
+This version of the example doesn't use Webpack and Babel to transpile the ES6 modules (and JSX)
+into JavaScript bundle scripts, so it can be executed (using `web-ext run` or by installing it temporarily from "about:debugging#addons") and changed without any build step.
+
+## NOTE on the plain JavaScript React UI
+
+The UI of this example is based on React (as is the "build with webpack" version of this example), but it uses plain JavaScript instead of JSX (the "HTML"-like syntax usually used in "React"-based projects), and so the component UI hierarchy is composed of `React.createElement` function calls, e.g.
+
+```
+class MyReactComponent extends React.Component {
+ render() {
+ return (
+ }
+ * A promise which resolves to the data read, when the request has been completed.
+ */
+ async readAsText(size, location) {
+ this.ensureLocked({ invalidMode: "writeonly" });
+ if (typeof location === "number") {
+ this.lockedFile.location = location;
+ }
+ return waitForDOMRequest(this.lockedFile.readAsText(size));
+ }
+
+ /**
+ * Read a given amount of data from the file as an ArrayBufer (optionally starting from the specified
+ * location).
+ *
+ * @param {number} size
+ * The amount of data to read.
+ * @param {number} [location]
+ * The location where the request should start to read the data.
+ *
+ * @returns {Promise}
+ * A promise which resolves to the data read, when the request has been completed.
+ */
+ async readAsArrayBuffer(size, location) {
+ this.ensureLocked({ invalidMode: "writeonly" });
+ if (typeof location === "number") {
+ this.lockedFile.location = location;
+ }
+ return waitForDOMRequest(this.lockedFile.readAsArrayBuffer(size));
+ }
+
+ /**
+ * Truncate the file (optionally at a specified location).
+ *
+ * @param {number} [location=0]
+ * The location where the file should be truncated.
+ *
+ * @returns {Promise}
+ * A promise which is resolved once the request has been completed.
+ */
+ async truncate(location = 0) {
+ this.ensureLocked({ invalidMode: "readonly" });
+ return waitForDOMRequest(this.lockedFile.truncate(location));
+ }
+
+ /**
+ * Append the passed data to the end of the file.
+ *
+ * @param {string|ArrayBuffer} data
+ * The data to append to the end of the file.
+ *
+ * @returns {Promise}
+ * A promise which is resolved once the request has been completed.
+ */
+ async append(data) {
+ this.ensureLocked({ invalidMode: "readonly" });
+ return waitForDOMRequest(this.lockedFile.append(data));
+ }
+
+ /**
+ * Write data into the file (optionally starting from a defined location in the file).
+ *
+ * @param {string|ArrayBuffer} data
+ * The data to write into the file.
+ * @param {number} location
+ * The location where the data should be written.
+ *
+ * @returns {Promise}
+ * A promise which is resolved to the location where the written data ends.
+ */
+ async write(data, location) {
+ this.ensureLocked({ invalidMode: "readonly" });
+ if (typeof location === "number") {
+ this.lockedFile.location = location;
+ }
+ return waitForDOMRequest(this.lockedFile.write(data),
+ // Resolves to the new location.
+ () => {
+ return this.lockedFile.location;
+ });
+ }
+
+ /**
+ * Queue data to be written into the file (optionally starting from a defined location in the file).
+ *
+ * @param {string|ArrayBuffer} data
+ * The data to write into the file.
+ * @param {number} location
+ * The location where the data should be written (when not specified the end of the previous
+ * queued write is used).
+ *
+ * @returns {Promise}
+ * A promise which is resolved once the request has been completed with the location where the
+ * file was after the data has been writted.
+ */
+ queuedWrite(data, location) {
+ const nextWriteRequest = async lastLocation => {
+ this.ensureLocked({ invalidMode: "readonly" });
+
+ if (typeof location === "number") {
+ return this.write(data, location);
+ }
+ return this.write(data, lastLocation);
+ };
+
+ this.writeQueue = this.writeQueue.then(nextWriteRequest);
+ return this.writeQueue;
+ }
+
+ /**
+ * Wait that any queued data has been written.
+ *
+ * @returns {Promise}
+ * A promise which is resolved once the request has been completed with the location where the
+ * file was after the data has been writted.
+ */
+ async waitForQueuedWrites() {
+ await this.writeQueue;
+ }
+ }
+
+ exports.IDBPromisedFileHandle = IDBPromisedFileHandle;
+ /**
+ * Wraps an IDBMutableFile with a nicer Promise-based API.
+ *
+ * Instances of this class are created from the
+ * {@link IDBFileStorage.createMutableFile} method.
+ */
+ class IDBPromisedMutableFile {
+ /**
+ * @private private helper method used internally.
+ */
+ constructor({ filesStorage, idb, fileName, fileType, mutableFile }) {
+ // All the following properties are private and it should not be needed
+ // while using the API.
+
+ /** @private */
+ this.filesStorage = filesStorage;
+ /** @private */
+ this.idb = idb;
+ /** @private */
+ this.fileName = fileName;
+ /** @private */
+ this.fileType = fileType;
+ /** @private */
+ this.mutableFile = mutableFile;
+ }
+
+ /**
+ * @private private helper method used internally.
+ */
+ reopenFileHandle(fileHandle) {
+ fileHandle.lockedFile = this.mutableFile.open(fileHandle.mode);
+ }
+
+ // API methods.
+
+ /**
+ * Open a mutable file for reading/writing data.
+ *
+ * @param {"readonly"|"readwrite"|"writeonly"} mode
+ * The mode of the created IDBPromisedFileHandle instance.
+ *
+ * @returns {IDBPromisedFileHandle}
+ * The created IDBPromisedFileHandle instance.
+ */
+ open(mode) {
+ if (this.lockedFile) {
+ throw new Error("MutableFile cannot be opened twice");
+ }
+ const lockedFile = this.mutableFile.open(mode);
+
+ return new IDBPromisedFileHandle({ file: this, lockedFile });
+ }
+
+ /**
+ * Get a {@link File} instance of this mutable file.
+ *
+ * @returns {Promise}
+ * A promise resolved to the File instance.
+ *
+ * To read the actual content of the mutable file as a File object,
+ * it is often better to use {@link IDBPromisedMutableFile.saveAsFileSnapshot}
+ * to save a persistent snapshot of the file in the IndexedDB store,
+ * or reading it directly using the {@link IDBPromisedFileHandle} instance
+ * returned by the {@link IDBPromisedMutableFile.open} method.
+ *
+ * The reason is that to be able to read the content of the returned file
+ * a lockfile have be keep the file open, e.d. as in the following example.
+ *
+ * @example
+ * ...
+ * let waitSnapshotStored;
+ * await mutableFile.runFileRequestGenerator(function* (lockedFile) {
+ * const file = yield lockedFile.mutableFile.getFile();
+ * // read the file content or turn it into a persistent object of its own
+ * // (e.g. by saving it back into IndexedDB as its snapshot in form of a File object,
+ * // or converted into a data url, a string or an array buffer)
+ *
+ * waitSnapshotStored = tmpFiles.put("${filename}/last_snapshot", file);
+ * }
+ *
+ * await waitSnapshotStored;
+ * let fileSnapshot = await tmpFiles.get("${filename}/last_snapshot");
+ * ...
+ * // now you can use fileSnapshot even if the mutableFile lock is not active anymore.
+ */
+ getFile() {
+ return waitForDOMRequest(this.mutableFile.getFile());
+ }
+
+ /**
+ * Persist the content of the mutable file into the files storage
+ * as a File, using the specified snapshot name and return the persisted File instance.
+ *
+ * @returns {Promise}
+ * A promise resolved to the File instance.
+ *
+ * @example
+ *
+ * const file = await mutableFile.persistAsFileSnapshot(`${filename}/last_snapshot`);
+ * const blobURL = URL.createObjectURL(file);
+ * ...
+ * // The blob URL is still valid even if the mutableFile is not active anymore.
+ */
+ async persistAsFileSnapshot(snapshotName) {
+ if (snapshotName === this.fileName) {
+ throw new Error("Snapshot name and the file name should be different");
+ }
+
+ const idb = await this.filesStorage.initializedDB();
+ await this.runFileRequestGenerator(function* () {
+ const file = yield this.mutableFile.getFile();
+ const objectStore = this.filesStorage.getObjectStoreTransaction({ idb, mode: "readwrite" });
+
+ yield objectStore.put(file, snapshotName);
+ }.bind(this));
+
+ return this.filesStorage.get(snapshotName);
+ }
+
+ /**
+ * Persist the this mutable file into its related IDBFileStorage.
+ *
+ * @returns {Promise}
+ * A promise resolved on the mutable file has been persisted into IndexedDB.
+ */
+ persist() {
+ return this.filesStorage.put(this.fileName, this);
+ }
+
+ /**
+ * Run a generator function which can run a sequence of FileRequests
+ * without the lockfile to become inactive.
+ *
+ * This method should be rarely needed, mostly to optimize a sequence of
+ * file operations without the file to be closed and automatically re-opened
+ * between two file requests.
+ *
+ * @param {function* (lockedFile) {...}} generatorFunction
+ * @param {"readonly"|"readwrite"|"writeonly"} mode
+ *
+ * @example
+ * (async function () {
+ * const tmpFiles = await IDBFiles.getFileStorage({name: "tmpFiles"});
+ * const mutableFile = await tmpFiles.createMutableFile("test-mutable-file.txt");
+ *
+ * let allFileData;
+ *
+ * function* fileOperations(lockedFile) {
+ * yield lockedFile.write("some data");
+ * yield lockedFile.write("more data");
+ * const metadata = yield lockedFile.getMetadata();
+ *
+ * lockedFile.location = 0;
+ * allFileData = yield lockedFile.readAsText(metadata.size);
+ * }
+ *
+ * await mutableFile.runFileRequestGenerator(fileOperations, "readwrite");
+ *
+ * console.log("File Data", allFileData);
+ * })();
+ */
+ async runFileRequestGenerator(generatorFunction, mode) {
+ if (generatorFunction.constructor.name !== "GeneratorFunction") {
+ throw new Error("runGenerator parameter should be a generator function");
+ }
+
+ await new Promise((resolve, reject) => {
+ const lockedFile = this.mutableFile.open(mode || "readwrite");
+ const fileRequestsIter = generatorFunction(lockedFile);
+
+ const processFileRequestIter = prevRequestResult => {
+ const nextFileRequest = fileRequestsIter.next(prevRequestResult);
+ if (nextFileRequest.done) {
+ resolve();
+ return;
+ } else if (!(nextFileRequest.value instanceof window.DOMRequest || nextFileRequest.value instanceof window.IDBRequest)) {
+ const error = new Error("FileRequestGenerator should only yield DOMRequest instances");
+ fileRequestsIter.throw(error);
+ reject(error);
+ return;
+ }
+
+ const request = nextFileRequest.value;
+ if (request.onsuccess || request.onerror) {
+ const error = new Error("DOMRequest onsuccess/onerror callbacks are already set");
+ fileRequestsIter.throw(error);
+ reject(error);
+ } else {
+ request.onsuccess = () => processFileRequestIter(request.result);
+ request.onerror = () => reject(request.error);
+ }
+ };
+
+ processFileRequestIter();
+ });
+ }
+ }
+
+ exports.IDBPromisedMutableFile = IDBPromisedMutableFile;
+ /**
+ * Provides a Promise-based API to store files into an IndexedDB.
+ *
+ * Instances of this class are created using the exported
+ * {@link getFileStorage} function.
+ */
+ class IDBFileStorage {
+ /**
+ * @private private helper method used internally.
+ */
+ constructor({ name, persistent } = {}) {
+ // All the following properties are private and it should not be needed
+ // while using the API.
+
+ /** @private */
+ this.name = name;
+ /** @private */
+ this.persistent = persistent;
+ /** @private */
+ this.indexedDBName = `IDBFilesStorage-DB-${this.name}`;
+ /** @private */
+ this.objectStorageName = "IDBFilesObjectStorage";
+ /** @private */
+ this.initializedPromise = undefined;
+
+ // TODO: evalutate schema migration between library versions?
+ /** @private */
+ this.version = 1.0;
+ }
+
+ /**
+ * @private private helper method used internally.
+ */
+ initializedDB() {
+ if (this.initializedPromise) {
+ return this.initializedPromise;
+ }
+
+ this.initializedPromise = (async () => {
+ if (window.IDBMutableFile && this.persistent) {
+ this.version = { version: this.version, storage: "persistent" };
+ }
+ const dbReq = indexedDB.open(this.indexedDBName, this.version);
+
+ dbReq.onupgradeneeded = () => {
+ const db = dbReq.result;
+ if (!db.objectStoreNames.contains(this.objectStorageName)) {
+ db.createObjectStore(this.objectStorageName);
+ }
+ };
+
+ return waitForDOMRequest(dbReq);
+ })();
+
+ return this.initializedPromise;
+ }
+
+ /**
+ * @private private helper method used internally.
+ */
+ getObjectStoreTransaction({ idb, mode } = {}) {
+ const transaction = idb.transaction([this.objectStorageName], mode);
+ return transaction.objectStore(this.objectStorageName);
+ }
+
+ /**
+ * Create a new IDBPromisedMutableFile instance (where the IDBMutableFile is supported)
+ *
+ * @param {string} fileName
+ * The fileName associated to the new IDBPromisedMutableFile instance.
+ * @param {string} [fileType="text"]
+ * The mime type associated to the file.
+ *
+ * @returns {IDBPromisedMutableFile}
+ * The newly created {@link IDBPromisedMutableFile} instance.
+ */
+ async createMutableFile(fileName, fileType = "text") {
+ if (!window.IDBMutableFile) {
+ throw new Error("This environment does not support IDBMutableFile");
+ }
+ const idb = await this.initializedDB();
+ const mutableFile = await waitForDOMRequest(idb.createMutableFile(fileName, fileType));
+ return new IDBPromisedMutableFile({
+ filesStorage: this, idb, fileName, fileType, mutableFile
+ });
+ }
+
+ /**
+ * Put a file object into the IDBFileStorage, it overwrites an existent file saved with the
+ * fileName if any.
+ *
+ * @param {string} fileName
+ * The key associated to the file in the IDBFileStorage.
+ * @param {Blob|File|IDBPromisedMutableFile|IDBMutableFile} file
+ * The file to be persisted.
+ *
+ * @returns {Promise}
+ * A promise resolved when the request has been completed.
+ */
+ async put(fileName, file) {
+ if (!fileName || typeof fileName !== "string") {
+ throw new Error("fileName parameter is mandatory");
+ }
+
+ if (!(file instanceof File) && !(file instanceof Blob) && !(window.IDBMutableFile && file instanceof window.IDBMutableFile) && !(file instanceof IDBPromisedMutableFile)) {
+ throw new Error(`Unable to persist ${fileName}. Unknown file type.`);
+ }
+
+ if (file instanceof IDBPromisedMutableFile) {
+ file = file.mutableFile;
+ }
+
+ const idb = await this.initializedDB();
+ const objectStore = this.getObjectStoreTransaction({ idb, mode: "readwrite" });
+ return waitForDOMRequest(objectStore.put(file, fileName));
+ }
+
+ /**
+ * Remove a file object from the IDBFileStorage.
+ *
+ * @param {string} fileName
+ * The fileName (the associated IndexedDB key) to remove from the IDBFileStorage.
+ *
+ * @returns {Promise}
+ * A promise resolved when the request has been completed.
+ */
+ async remove(fileName) {
+ if (!fileName) {
+ throw new Error("fileName parameter is mandatory");
+ }
+
+ const idb = await this.initializedDB();
+ const objectStore = this.getObjectStoreTransaction({ idb, mode: "readwrite" });
+ return waitForDOMRequest(objectStore.delete(fileName));
+ }
+
+ /**
+ * List the names of the files stored in the IDBFileStorage.
+ *
+ * (If any filtering options has been specified, only the file names that match
+ * all the filters are included in the result).
+ *
+ * @param {IDBFileStorage.ListFilteringOptions} options
+ * The optional filters to apply while listing the stored file names.
+ *
+ * @returns {Promise}
+ * A promise resolved to the array of the filenames that has been found.
+ */
+ async list(options) {
+ const idb = await this.initializedDB();
+ const objectStore = this.getObjectStoreTransaction({ idb });
+ const allKeys = await waitForDOMRequest(objectStore.getAllKeys());
+
+ let filteredKeys = allKeys;
+
+ if (options) {
+ filteredKeys = filteredKeys.filter(key => {
+ let match = true;
+
+ if (typeof options.startsWith === "string") {
+ match = match && key.startsWith(options.startsWith);
+ }
+
+ if (typeof options.endsWith === "string") {
+ match = match && key.endsWith(options.endsWith);
+ }
+
+ if (typeof options.includes === "string") {
+ match = match && key.includes(options.includes);
+ }
+
+ if (typeof options.filterFn === "function") {
+ match = match && options.filterFn(key);
+ }
+
+ return match;
+ });
+ }
+
+ return filteredKeys;
+ }
+
+ /**
+ * Count the number of files stored in the IDBFileStorage.
+ *
+ * (If any filtering options has been specified, only the file names that match
+ * all the filters are included in the final count).
+ *
+ * @param {IDBFileStorage.ListFilteringOptions} options
+ * The optional filters to apply while listing the stored file names.
+ *
+ * @returns {Promise}
+ * A promise resolved to the number of files that has been found.
+ */
+ async count(options) {
+ if (!options) {
+ const idb = await this.initializedDB();
+ const objectStore = this.getObjectStoreTransaction({ idb });
+ return waitForDOMRequest(objectStore.count());
+ }
+
+ const filteredKeys = await this.list(options);
+ return filteredKeys.length;
+ }
+
+ /**
+ * Retrieve a file stored in the IDBFileStorage by key.
+ *
+ * @param {string} fileName
+ * The key to use to retrieve the file from the IDBFileStorage.
+ *
+ * @returns {Promise}
+ * A promise resolved once the file stored in the IDBFileStorage has been retrieved.
+ */
+ async get(fileName) {
+ const idb = await this.initializedDB();
+ const objectStore = this.getObjectStoreTransaction({ idb });
+ return waitForDOMRequest(objectStore.get(fileName)).then(result => {
+ if (window.IDBMutableFile && result instanceof window.IDBMutableFile) {
+ return new IDBPromisedMutableFile({
+ filesStorage: this,
+ idb,
+ fileName,
+ fileType: result.type,
+ mutableFile: result
+ });
+ }
+
+ return result;
+ });
+ }
+
+ /**
+ * Remove all the file objects stored in the IDBFileStorage.
+ *
+ * @returns {Promise}
+ * A promise resolved once the IDBFileStorage has been cleared.
+ */
+ async clear() {
+ const idb = await this.initializedDB();
+ const objectStore = this.getObjectStoreTransaction({ idb, mode: "readwrite" });
+ return waitForDOMRequest(objectStore.clear());
+ }
+ }
+
+ exports.IDBFileStorage = IDBFileStorage;
+ /**
+ * Retrieve an IDBFileStorage instance by name (and it creates the indexedDB if it doesn't
+ * exist yet).
+ *
+ * @param {Object} [param]
+ * @param {string} [param.name="default"]
+ * The name associated to the IDB File Storage.
+ * @param {boolean} [param.persistent]
+ * Optionally enable persistent storage mode (not enabled by default).
+ *
+ * @returns {IDBFileStorage}
+ * The IDBFileStorage instance with the given name.
+ */
+ async function getFileStorage({ name, persistent } = {}) {
+ const filesStorage = new IDBFileStorage({ name: name || "default", persistent });
+ await filesStorage.initializedDB();
+ return filesStorage;
+ }
+
+ /**
+ * @external {Blob} https://developer.mozilla.org/en-US/docs/Web/API/Blob
+ */
+
+ /**
+ * @external {DOMRequest} https://developer.mozilla.org/en/docs/Web/API/DOMRequest
+ */
+
+ /**
+ * @external {File} https://developer.mozilla.org/en-US/docs/Web/API/File
+ */
+
+ /**
+ * @external {IDBMutableFile} https://developer.mozilla.org/en-US/docs/Web/API/IDBMutableFile
+ */
+
+ /**
+ * @external {IDBRequest} https://developer.mozilla.org/en-US/docs/Web/API/IDBRequest
+ */
+});
+//# sourceMappingURL=idb-file-storage.js.map
diff --git a/store-collected-images/webextension-plain/deps/idb-file-storage.js.map b/store-collected-images/webextension-plain/deps/idb-file-storage.js.map
new file mode 100644
index 0000000..72cc8f0
--- /dev/null
+++ b/store-collected-images/webextension-plain/deps/idb-file-storage.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["idb-file-storage.js"],"names":["waitForDOMRequest","getFileStorage","req","onsuccess","Promise","resolve","reject","result","onerror","error","IDBPromisedFileHandle","constructor","file","lockedFile","writeQueue","closed","undefined","aborted","ensureLocked","invalidMode","Error","mode","active","reopenFileHandle","close","flush","abort","getMetadata","readAsText","size","location","readAsArrayBuffer","truncate","append","data","write","queuedWrite","nextWriteRequest","lastLocation","then","waitForQueuedWrites","IDBPromisedMutableFile","filesStorage","idb","fileName","fileType","mutableFile","fileHandle","open","getFile","persistAsFileSnapshot","snapshotName","initializedDB","runFileRequestGenerator","objectStore","getObjectStoreTransaction","put","bind","get","persist","generatorFunction","name","fileRequestsIter","processFileRequestIter","prevRequestResult","nextFileRequest","next","done","value","window","DOMRequest","IDBRequest","throw","request","IDBFileStorage","persistent","indexedDBName","objectStorageName","initializedPromise","version","IDBMutableFile","storage","dbReq","indexedDB","onupgradeneeded","db","objectStoreNames","contains","createObjectStore","transaction","createMutableFile","File","Blob","remove","delete","list","options","allKeys","getAllKeys","filteredKeys","filter","key","match","startsWith","endsWith","includes","filterFn","count","length","type","clear"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;;;;;;;;;;;;;;UAagBA,iB,GAAAA,iB;UAqtBMC,c,GAAAA,c;AArtBf,WAASD,iBAAT,CAA2BE,GAA3B,EAAgCC,SAAhC,EAA2C;AAChD,WAAO,IAAIC,OAAJ,CAAY,CAACC,OAAD,EAAUC,MAAV,KAAqB;AACtCJ,UAAIC,SAAJ,GAAgBA,YACb,MAAME,QAAQF,UAAUD,IAAIK,MAAd,CAAR,CADO,GAC4B,MAAMF,QAAQH,IAAIK,MAAZ,CADlD;AAEAL,UAAIM,OAAJ,GAAc,MAAMF,OAAOJ,IAAIO,KAAX,CAApB;AACD,KAJM,CAAP;AAKD;;AAED;;;;;;AAMO,QAAMC,qBAAN,CAA4B;AACjC;;;AAGAC,gBAAY,EAACC,IAAD,EAAOC,UAAP,EAAZ,EAAgC;AAC9B;AACA;;AAEA;AACA,WAAKD,IAAL,GAAYA,IAAZ;AACA;AACA,WAAKC,UAAL,GAAkBA,UAAlB;AACA;AACA,WAAKC,UAAL,GAAkBV,QAAQC,OAAR,EAAlB;AACA;AACA,WAAKU,MAAL,GAAcC,SAAd;AACA;AACA,WAAKC,OAAL,GAAeD,SAAf;AACD;;AAED;;;AAGAE,iBAAa,EAACC,WAAD,KAAgB,EAA7B,EAAiC;AAC/B,UAAI,KAAKJ,MAAT,EAAiB;AACf,cAAM,IAAIK,KAAJ,CAAU,4BAAV,CAAN;AACD;;AAED,UAAI,KAAKH,OAAT,EAAkB;AAChB,cAAM,IAAIG,KAAJ,CAAU,6BAAV,CAAN;AACD;;AAED,UAAI,CAAC,KAAKP,UAAV,EAAsB;AACpB,cAAM,IAAIO,KAAJ,CAAU,qBAAV,CAAN;AACD;;AAED,UAAID,eAAe,KAAKN,UAAL,CAAgBQ,IAAhB,KAAyBF,WAA5C,EAAyD;AACvD,cAAM,IAAIC,KAAJ,CAAW,uCAAsC,KAAKP,UAAL,CAAgBQ,IAAK,GAAtE,CAAN;AACD;AACD,UAAI,CAAC,KAAKR,UAAL,CAAgBS,MAArB,EAA6B;AAC3B;AACA,aAAKV,IAAL,CAAUW,gBAAV,CAA2B,IAA3B;AACD;AACF;;AAED;;AAEA;;;;;AAKA,QAAIF,IAAJ,GAAW;AACT,aAAO,KAAKR,UAAL,CAAgBQ,IAAvB;AACD;;AAED;;;;;AAKA,QAAIC,MAAJ,GAAa;AACX,aAAO,KAAKT,UAAL,GAAkB,KAAKA,UAAL,CAAgBS,MAAlC,GAA2C,KAAlD;AACD;;AAED;;;;;;AAMA,UAAME,KAAN,GAAc;AACZ,UAAI,CAAC,KAAKX,UAAV,EAAsB;AACpB,cAAM,IAAIO,KAAJ,CAAU,wBAAV,CAAN;AACD;;AAED;AACA,YAAM,KAAKN,UAAX;;AAEA;AACA,UAAI,KAAKD,UAAL,CAAgBS,MAAhB,IAA0B,KAAKT,UAAL,CAAgBQ,IAAhB,KAAyB,UAAvD,EAAmE;AACjE,cAAMrB,kBAAkB,KAAKa,UAAL,CAAgBY,KAAhB,EAAlB,CAAN;AACD;;AAED,WAAKV,MAAL,GAAc,IAAd;AACA,WAAKF,UAAL,GAAkB,IAAlB;AACA,WAAKC,UAAL,GAAkBV,QAAQC,OAAR,EAAlB;AACD;;AAED;;;;;;AAMA,UAAMqB,KAAN,GAAc;AACZ,UAAI,KAAKb,UAAL,CAAgBS,MAApB,EAA4B;AAC1B;AACA;AACA,aAAKT,UAAL,CAAgBa,KAAhB;AACD;;AAED,WAAKT,OAAL,GAAe,IAAf;AACA,WAAKJ,UAAL,GAAkB,IAAlB;AACA,WAAKC,UAAL,GAAkBV,QAAQC,OAAR,EAAlB;AACD;;AAED;;;;;;AAMA,UAAMsB,WAAN,GAAoB;AAClB,WAAKT,YAAL;AACA,aAAOlB,kBAAkB,KAAKa,UAAL,CAAgBc,WAAhB,EAAlB,CAAP;AACD;;AAED;;;;;;;;;;;;AAYA,UAAMC,UAAN,CAAiBC,IAAjB,EAAuBC,QAAvB,EAAiC;AAC/B,WAAKZ,YAAL,CAAkB,EAACC,aAAa,WAAd,EAAlB;AACA,UAAI,OAAOW,QAAP,KAAoB,QAAxB,EAAkC;AAChC,aAAKjB,UAAL,CAAgBiB,QAAhB,GAA2BA,QAA3B;AACD;AACD,aAAO9B,kBAAkB,KAAKa,UAAL,CAAgBe,UAAhB,CAA2BC,IAA3B,CAAlB,CAAP;AACD;;AAED;;;;;;;;;;;;AAYA,UAAME,iBAAN,CAAwBF,IAAxB,EAA8BC,QAA9B,EAAwC;AACtC,WAAKZ,YAAL,CAAkB,EAACC,aAAa,WAAd,EAAlB;AACA,UAAI,OAAOW,QAAP,KAAoB,QAAxB,EAAkC;AAChC,aAAKjB,UAAL,CAAgBiB,QAAhB,GAA2BA,QAA3B;AACD;AACD,aAAO9B,kBAAkB,KAAKa,UAAL,CAAgBkB,iBAAhB,CAAkCF,IAAlC,CAAlB,CAAP;AACD;;AAED;;;;;;;;;AASA,UAAMG,QAAN,CAAeF,WAAW,CAA1B,EAA6B;AAC3B,WAAKZ,YAAL,CAAkB,EAACC,aAAa,UAAd,EAAlB;AACA,aAAOnB,kBAAkB,KAAKa,UAAL,CAAgBmB,QAAhB,CAAyBF,QAAzB,CAAlB,CAAP;AACD;;AAED;;;;;;;;;AASA,UAAMG,MAAN,CAAaC,IAAb,EAAmB;AACjB,WAAKhB,YAAL,CAAkB,EAACC,aAAa,UAAd,EAAlB;AACA,aAAOnB,kBAAkB,KAAKa,UAAL,CAAgBoB,MAAhB,CAAuBC,IAAvB,CAAlB,CAAP;AACD;;AAED;;;;;;;;;;;AAWA,UAAMC,KAAN,CAAYD,IAAZ,EAAkBJ,QAAlB,EAA4B;AAC1B,WAAKZ,YAAL,CAAkB,EAACC,aAAa,UAAd,EAAlB;AACA,UAAI,OAAOW,QAAP,KAAoB,QAAxB,EAAkC;AAChC,aAAKjB,UAAL,CAAgBiB,QAAhB,GAA2BA,QAA3B;AACD;AACD,aAAO9B,kBACL,KAAKa,UAAL,CAAgBsB,KAAhB,CAAsBD,IAAtB,CADK;AAEL;AACA,YAAM;AACJ,eAAO,KAAKrB,UAAL,CAAgBiB,QAAvB;AACD,OALI,CAAP;AAOD;;AAED;;;;;;;;;;;;;AAaAM,gBAAYF,IAAZ,EAAkBJ,QAAlB,EAA4B;AAC1B,YAAMO,mBAAmB,MAAMC,YAAN,IAAsB;AAC7C,aAAKpB,YAAL,CAAkB,EAACC,aAAa,UAAd,EAAlB;;AAEA,YAAI,OAAOW,QAAP,KAAoB,QAAxB,EAAkC;AAChC,iBAAO,KAAKK,KAAL,CAAWD,IAAX,EAAiBJ,QAAjB,CAAP;AACD;AACD,eAAO,KAAKK,KAAL,CAAWD,IAAX,EAAiBI,YAAjB,CAAP;AACD,OAPD;;AASA,WAAKxB,UAAL,GAAkB,KAAKA,UAAL,CAAgByB,IAAhB,CAAqBF,gBAArB,CAAlB;AACA,aAAO,KAAKvB,UAAZ;AACD;;AAED;;;;;;;AAOA,UAAM0B,mBAAN,GAA4B;AAC1B,YAAM,KAAK1B,UAAX;AACD;AAvPgC;;UAAtBJ,qB,GAAAA,qB;AA0Pb;;;;;;AAMO,QAAM+B,sBAAN,CAA6B;AAClC;;;AAGA9B,gBAAY,EAAC+B,YAAD,EAAeC,GAAf,EAAoBC,QAApB,EAA8BC,QAA9B,EAAwCC,WAAxC,EAAZ,EAAkE;AAChE;AACA;;AAEA;AACA,WAAKJ,YAAL,GAAoBA,YAApB;AACA;AACA,WAAKC,GAAL,GAAWA,GAAX;AACA;AACA,WAAKC,QAAL,GAAgBA,QAAhB;AACA;AACA,WAAKC,QAAL,GAAgBA,QAAhB;AACA;AACA,WAAKC,WAAL,GAAmBA,WAAnB;AACD;;AAED;;;AAGAvB,qBAAiBwB,UAAjB,EAA6B;AAC3BA,iBAAWlC,UAAX,GAAwB,KAAKiC,WAAL,CAAiBE,IAAjB,CAAsBD,WAAW1B,IAAjC,CAAxB;AACD;;AAED;;AAEA;;;;;;;;;AASA2B,SAAK3B,IAAL,EAAW;AACT,UAAI,KAAKR,UAAT,EAAqB;AACnB,cAAM,IAAIO,KAAJ,CAAU,oCAAV,CAAN;AACD;AACD,YAAMP,aAAa,KAAKiC,WAAL,CAAiBE,IAAjB,CAAsB3B,IAAtB,CAAnB;;AAEA,aAAO,IAAIX,qBAAJ,CAA0B,EAACE,MAAM,IAAP,EAAaC,UAAb,EAA1B,CAAP;AACD;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCAoC,cAAU;AACR,aAAOjD,kBAAkB,KAAK8C,WAAL,CAAiBG,OAAjB,EAAlB,CAAP;AACD;;AAED;;;;;;;;;;;;;;AAcA,UAAMC,qBAAN,CAA4BC,YAA5B,EAA0C;AACxC,UAAIA,iBAAiB,KAAKP,QAA1B,EAAoC;AAClC,cAAM,IAAIxB,KAAJ,CAAU,qDAAV,CAAN;AACD;;AAED,YAAMuB,MAAM,MAAM,KAAKD,YAAL,CAAkBU,aAAlB,EAAlB;AACA,YAAM,KAAKC,uBAAL,CAA6B,aAAa;AAC9C,cAAMzC,OAAO,MAAM,KAAKkC,WAAL,CAAiBG,OAAjB,EAAnB;AACA,cAAMK,cAAc,KAAKZ,YAAL,CAAkBa,yBAAlB,CAA4C,EAACZ,GAAD,EAAMtB,MAAM,WAAZ,EAA5C,CAApB;;AAEA,cAAMiC,YAAYE,GAAZ,CAAgB5C,IAAhB,EAAsBuC,YAAtB,CAAN;AACD,OALkC,CAKjCM,IALiC,CAK5B,IAL4B,CAA7B,CAAN;;AAOA,aAAO,KAAKf,YAAL,CAAkBgB,GAAlB,CAAsBP,YAAtB,CAAP;AACD;;AAED;;;;;;AAMAQ,cAAU;AACR,aAAO,KAAKjB,YAAL,CAAkBc,GAAlB,CAAsB,KAAKZ,QAA3B,EAAqC,IAArC,CAAP;AACD;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAMS,uBAAN,CAA8BO,iBAA9B,EAAiDvC,IAAjD,EAAuD;AACrD,UAAIuC,kBAAkBjD,WAAlB,CAA8BkD,IAA9B,KAAuC,mBAA3C,EAAgE;AAC9D,cAAM,IAAIzC,KAAJ,CAAU,uDAAV,CAAN;AACD;;AAED,YAAM,IAAIhB,OAAJ,CAAY,CAACC,OAAD,EAAUC,MAAV,KAAqB;AACrC,cAAMO,aAAa,KAAKiC,WAAL,CAAiBE,IAAjB,CAAsB3B,QAAQ,WAA9B,CAAnB;AACA,cAAMyC,mBAAmBF,kBAAkB/C,UAAlB,CAAzB;;AAEA,cAAMkD,yBAAyBC,qBAAqB;AAClD,gBAAMC,kBAAkBH,iBAAiBI,IAAjB,CAAsBF,iBAAtB,CAAxB;AACA,cAAIC,gBAAgBE,IAApB,EAA0B;AACxB9D;AACA;AACD,WAHD,MAGO,IAAI,EAAE4D,gBAAgBG,KAAhB,YAAiCC,OAAOC,UAAxC,IACAL,gBAAgBG,KAAhB,YAAiCC,OAAOE,UAD1C,CAAJ,EAC2D;AAChE,kBAAM9D,QAAQ,IAAIW,KAAJ,CAAU,6DAAV,CAAd;AACA0C,6BAAiBU,KAAjB,CAAuB/D,KAAvB;AACAH,mBAAOG,KAAP;AACA;AACD;;AAED,gBAAMgE,UAAUR,gBAAgBG,KAAhC;AACA,cAAIK,QAAQtE,SAAR,IAAqBsE,QAAQjE,OAAjC,EAA0C;AACxC,kBAAMC,QAAQ,IAAIW,KAAJ,CAAU,wDAAV,CAAd;AACA0C,6BAAiBU,KAAjB,CAAuB/D,KAAvB;AACAH,mBAAOG,KAAP;AACD,WAJD,MAIO;AACLgE,oBAAQtE,SAAR,GAAoB,MAAM4D,uBAAuBU,QAAQlE,MAA/B,CAA1B;AACAkE,oBAAQjE,OAAR,GAAkB,MAAMF,OAAOmE,QAAQhE,KAAf,CAAxB;AACD;AACF,SAtBD;;AAwBAsD;AACD,OA7BK,CAAN;AA8BD;AA9LiC;;UAAvBtB,sB,GAAAA,sB;AAiMb;;;;;;AAMO,QAAMiC,cAAN,CAAqB;AAC1B;;;AAGA/D,gBAAY,EAACkD,IAAD,EAAOc,UAAP,KAAqB,EAAjC,EAAqC;AACnC;AACA;;AAEA;AACA,WAAKd,IAAL,GAAYA,IAAZ;AACA;AACA,WAAKc,UAAL,GAAkBA,UAAlB;AACA;AACA,WAAKC,aAAL,GAAsB,sBAAqB,KAAKf,IAAK,EAArD;AACA;AACA,WAAKgB,iBAAL,GAAyB,uBAAzB;AACA;AACA,WAAKC,kBAAL,GAA0B9D,SAA1B;;AAEA;AACA;AACA,WAAK+D,OAAL,GAAe,GAAf;AACD;;AAED;;;AAGA3B,oBAAgB;AACd,UAAI,KAAK0B,kBAAT,EAA6B;AAC3B,eAAO,KAAKA,kBAAZ;AACD;;AAED,WAAKA,kBAAL,GAA0B,CAAC,YAAY;AACrC,YAAIT,OAAOW,cAAP,IAAyB,KAAKL,UAAlC,EAA8C;AAC5C,eAAKI,OAAL,GAAe,EAACA,SAAS,KAAKA,OAAf,EAAwBE,SAAS,YAAjC,EAAf;AACD;AACD,cAAMC,QAAQC,UAAUnC,IAAV,CAAe,KAAK4B,aAApB,EAAmC,KAAKG,OAAxC,CAAd;;AAEAG,cAAME,eAAN,GAAwB,MAAM;AAC5B,gBAAMC,KAAKH,MAAM3E,MAAjB;AACA,cAAI,CAAC8E,GAAGC,gBAAH,CAAoBC,QAApB,CAA6B,KAAKV,iBAAlC,CAAL,EAA2D;AACzDQ,eAAGG,iBAAH,CAAqB,KAAKX,iBAA1B;AACD;AACF,SALD;;AAOA,eAAO7E,kBAAkBkF,KAAlB,CAAP;AACD,OAdyB,GAA1B;;AAgBA,aAAO,KAAKJ,kBAAZ;AACD;;AAED;;;AAGAvB,8BAA0B,EAACZ,GAAD,EAAMtB,IAAN,KAAc,EAAxC,EAA4C;AAC1C,YAAMoE,cAAc9C,IAAI8C,WAAJ,CAAgB,CAAC,KAAKZ,iBAAN,CAAhB,EAA0CxD,IAA1C,CAApB;AACA,aAAOoE,YAAYnC,WAAZ,CAAwB,KAAKuB,iBAA7B,CAAP;AACD;;AAED;;;;;;;;;;;AAWA,UAAMa,iBAAN,CAAwB9C,QAAxB,EAAkCC,WAAW,MAA7C,EAAqD;AACnD,UAAI,CAACwB,OAAOW,cAAZ,EAA4B;AAC1B,cAAM,IAAI5D,KAAJ,CAAU,kDAAV,CAAN;AACD;AACD,YAAMuB,MAAM,MAAM,KAAKS,aAAL,EAAlB;AACA,YAAMN,cAAc,MAAM9C,kBACxB2C,IAAI+C,iBAAJ,CAAsB9C,QAAtB,EAAgCC,QAAhC,CADwB,CAA1B;AAGA,aAAO,IAAIJ,sBAAJ,CAA2B;AAChCC,sBAAc,IADkB,EACZC,GADY,EACPC,QADO,EACGC,QADH,EACaC;AADb,OAA3B,CAAP;AAGD;;AAED;;;;;;;;;;;;AAYA,UAAMU,GAAN,CAAUZ,QAAV,EAAoBhC,IAApB,EAA0B;AACxB,UAAI,CAACgC,QAAD,IAAa,OAAOA,QAAP,KAAoB,QAArC,EAA+C;AAC7C,cAAM,IAAIxB,KAAJ,CAAU,iCAAV,CAAN;AACD;;AAED,UAAI,EAAER,gBAAgB+E,IAAlB,KAA2B,EAAE/E,gBAAgBgF,IAAlB,CAA3B,IACA,EAAEvB,OAAOW,cAAP,IAAyBpE,gBAAgByD,OAAOW,cAAlD,CADA,IAEA,EAAEpE,gBAAgB6B,sBAAlB,CAFJ,EAE+C;AAC7C,cAAM,IAAIrB,KAAJ,CAAW,qBAAoBwB,QAAS,sBAAxC,CAAN;AACD;;AAED,UAAIhC,gBAAgB6B,sBAApB,EAA4C;AAC1C7B,eAAOA,KAAKkC,WAAZ;AACD;;AAED,YAAMH,MAAM,MAAM,KAAKS,aAAL,EAAlB;AACA,YAAME,cAAc,KAAKC,yBAAL,CAA+B,EAACZ,GAAD,EAAMtB,MAAM,WAAZ,EAA/B,CAApB;AACA,aAAOrB,kBAAkBsD,YAAYE,GAAZ,CAAgB5C,IAAhB,EAAsBgC,QAAtB,CAAlB,CAAP;AACD;;AAED;;;;;;;;;AASA,UAAMiD,MAAN,CAAajD,QAAb,EAAuB;AACrB,UAAI,CAACA,QAAL,EAAe;AACb,cAAM,IAAIxB,KAAJ,CAAU,iCAAV,CAAN;AACD;;AAED,YAAMuB,MAAM,MAAM,KAAKS,aAAL,EAAlB;AACA,YAAME,cAAc,KAAKC,yBAAL,CAA+B,EAACZ,GAAD,EAAMtB,MAAM,WAAZ,EAA/B,CAApB;AACA,aAAOrB,kBAAkBsD,YAAYwC,MAAZ,CAAmBlD,QAAnB,CAAlB,CAAP;AACD;;AAED;;;;;;;;;;;;AAYA,UAAMmD,IAAN,CAAWC,OAAX,EAAoB;AAClB,YAAMrD,MAAM,MAAM,KAAKS,aAAL,EAAlB;AACA,YAAME,cAAc,KAAKC,yBAAL,CAA+B,EAACZ,GAAD,EAA/B,CAApB;AACA,YAAMsD,UAAU,MAAMjG,kBAAkBsD,YAAY4C,UAAZ,EAAlB,CAAtB;;AAEA,UAAIC,eAAeF,OAAnB;;AAEA,UAAID,OAAJ,EAAa;AACXG,uBAAeA,aAAaC,MAAb,CAAoBC,OAAO;AACxC,cAAIC,QAAQ,IAAZ;;AAEA,cAAI,OAAON,QAAQO,UAAf,KAA8B,QAAlC,EAA4C;AAC1CD,oBAAQA,SAASD,IAAIE,UAAJ,CAAeP,QAAQO,UAAvB,CAAjB;AACD;;AAED,cAAI,OAAOP,QAAQQ,QAAf,KAA4B,QAAhC,EAA0C;AACxCF,oBAAQA,SAASD,IAAIG,QAAJ,CAAaR,QAAQQ,QAArB,CAAjB;AACD;;AAED,cAAI,OAAOR,QAAQS,QAAf,KAA4B,QAAhC,EAA0C;AACxCH,oBAAQA,SAASD,IAAII,QAAJ,CAAaT,QAAQS,QAArB,CAAjB;AACD;;AAED,cAAI,OAAOT,QAAQU,QAAf,KAA4B,UAAhC,EAA4C;AAC1CJ,oBAAQA,SAASN,QAAQU,QAAR,CAAiBL,GAAjB,CAAjB;AACD;;AAED,iBAAOC,KAAP;AACD,SApBc,CAAf;AAqBD;;AAED,aAAOH,YAAP;AACD;;AAED;;;;;;;;;;;;AAYA,UAAMQ,KAAN,CAAYX,OAAZ,EAAqB;AACnB,UAAI,CAACA,OAAL,EAAc;AACZ,cAAMrD,MAAM,MAAM,KAAKS,aAAL,EAAlB;AACA,cAAME,cAAc,KAAKC,yBAAL,CAA+B,EAACZ,GAAD,EAA/B,CAApB;AACA,eAAO3C,kBAAkBsD,YAAYqD,KAAZ,EAAlB,CAAP;AACD;;AAED,YAAMR,eAAe,MAAM,KAAKJ,IAAL,CAAUC,OAAV,CAA3B;AACA,aAAOG,aAAaS,MAApB;AACD;;AAED;;;;;;;;;AASA,UAAMlD,GAAN,CAAUd,QAAV,EAAoB;AAClB,YAAMD,MAAM,MAAM,KAAKS,aAAL,EAAlB;AACA,YAAME,cAAc,KAAKC,yBAAL,CAA+B,EAACZ,GAAD,EAA/B,CAApB;AACA,aAAO3C,kBAAkBsD,YAAYI,GAAZ,CAAgBd,QAAhB,CAAlB,EAA6CL,IAA7C,CAAkDhC,UAAU;AACjE,YAAI8D,OAAOW,cAAP,IAAyBzE,kBAAkB8D,OAAOW,cAAtD,EAAsE;AACpE,iBAAO,IAAIvC,sBAAJ,CAA2B;AAChCC,0BAAc,IADkB;AAEhCC,eAFgC;AAGhCC,oBAHgC;AAIhCC,sBAAUtC,OAAOsG,IAJe;AAKhC/D,yBAAavC;AALmB,WAA3B,CAAP;AAOD;;AAED,eAAOA,MAAP;AACD,OAZM,CAAP;AAaD;;AAED;;;;;;AAMA,UAAMuG,KAAN,GAAc;AACZ,YAAMnE,MAAM,MAAM,KAAKS,aAAL,EAAlB;AACA,YAAME,cAAc,KAAKC,yBAAL,CAA+B,EAACZ,GAAD,EAAMtB,MAAM,WAAZ,EAA/B,CAApB;AACA,aAAOrB,kBAAkBsD,YAAYwD,KAAZ,EAAlB,CAAP;AACD;AAhPyB;;UAAfpC,c,GAAAA,c;AAmPb;;;;;;;;;;;;;AAaO,iBAAezE,cAAf,CAA8B,EAAC4D,IAAD,EAAOc,UAAP,KAAqB,EAAnD,EAAuD;AAC5D,UAAMjC,eAAe,IAAIgC,cAAJ,CAAmB,EAACb,MAAMA,QAAQ,SAAf,EAA0Bc,UAA1B,EAAnB,CAArB;AACA,UAAMjC,aAAaU,aAAb,EAAN;AACA,WAAOV,YAAP;AACD;;AAED;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA","file":"idb-file-storage.js","sourcesContent":["\"use strict\";\n\n/**\n * @typedef {Object} IDBPromisedFileHandle.Metadata\n * @property {number} size\n * The size of the file in bytes.\n * @property {Date} last Modified\n * The time and date of the last change to the file.\n */\n\n/**\n * @typedef {Object} IDBFileStorage.ListFilteringOptions\n * @property {string} startsWith\n * A string to be checked with `fileNameString.startsWith(...)`.\n * @property {string} endsWith\n * A string to be checked with `fileNameString.endsWith(...)`.\n * @property {string} includes\n * A string to be checked with `fileNameString.includes(...)`.\n * @property {function} filterFn\n * A function to be used to check the file name (`filterFn(fileNameString)`).\n */\n\n/**\n * Wraps a DOMRequest into a promise, optionally transforming the result using the onsuccess\n * callback.\n *\n * @param {IDBRequest|DOMRequest} req\n * The DOMRequest instance to wrap in a Promise.\n * @param {function} [onsuccess]\n * An optional onsuccess callback which can transform the result before resolving it.\n *\n * @returns {Promise}\n * The promise which wraps the request result, rejected if the request.onerror has been\n * called.\n */\nexport function waitForDOMRequest(req, onsuccess) {\n return new Promise((resolve, reject) => {\n req.onsuccess = onsuccess ?\n (() => resolve(onsuccess(req.result))) : (() => resolve(req.result));\n req.onerror = () => reject(req.error);\n });\n}\n\n/**\n * Wraps an IDBMutableFile's FileHandle with a nicer Promise-based API.\n *\n * Instances of this class are created from the\n * {@link IDBPromisedMutableFile.open} method.\n */\nexport class IDBPromisedFileHandle {\n /**\n * @private private helper method used internally.\n */\n constructor({file, lockedFile}) {\n // All the following properties are private and it should not be needed\n // while using the API.\n\n /** @private */\n this.file = file;\n /** @private */\n this.lockedFile = lockedFile;\n /** @private */\n this.writeQueue = Promise.resolve();\n /** @private */\n this.closed = undefined;\n /** @private */\n this.aborted = undefined;\n }\n\n /**\n * @private private helper method used internally.\n */\n ensureLocked({invalidMode} = {}) {\n if (this.closed) {\n throw new Error(\"FileHandle has been closed\");\n }\n\n if (this.aborted) {\n throw new Error(\"FileHandle has been aborted\");\n }\n\n if (!this.lockedFile) {\n throw new Error(\"Invalid FileHandled\");\n }\n\n if (invalidMode && this.lockedFile.mode === invalidMode) {\n throw new Error(`FileHandle should not be opened as '${this.lockedFile.mode}'`);\n }\n if (!this.lockedFile.active) {\n // Automatically relock the file with the last open mode\n this.file.reopenFileHandle(this);\n }\n }\n\n // Promise-based MutableFile API\n\n /**\n * Provide access to the mode that has been used to open the {@link IDBPromisedMutableFile}.\n *\n * @type {\"readonly\"|\"readwrite\"|\"writeonly\"}\n */\n get mode() {\n return this.lockedFile.mode;\n }\n\n /**\n * A boolean property that is true if the lock is still active.\n *\n * @type {boolean}\n */\n get active() {\n return this.lockedFile ? this.lockedFile.active : false;\n }\n\n /**\n * Close the locked file (and wait for any written data to be flushed if needed).\n *\n * @returns {Promise}\n * A promise which is resolved when the close request has been completed\n */\n async close() {\n if (!this.lockedFile) {\n throw new Error(\"FileHandle is not open\");\n }\n\n // Wait the queued write to complete.\n await this.writeQueue;\n\n // Wait for flush request to complete if needed.\n if (this.lockedFile.active && this.lockedFile.mode !== \"readonly\") {\n await waitForDOMRequest(this.lockedFile.flush());\n }\n\n this.closed = true;\n this.lockedFile = null;\n this.writeQueue = Promise.resolve();\n }\n\n /**\n * Abort any pending data request and set the instance as aborted.\n *\n * @returns {Promise}\n * A promise which is resolved when the abort request has been completed\n */\n async abort() {\n if (this.lockedFile.active) {\n // NOTE: in the docs abort is reported to return a DOMRequest, but it doesn't seem\n // to be the case. (https://developer.mozilla.org/en-US/docs/Web/API/LockedFile/abort)\n this.lockedFile.abort();\n }\n\n this.aborted = true;\n this.lockedFile = null;\n this.writeQueue = Promise.resolve();\n }\n\n /**\n * Get the file metadata (take a look to {@link IDBPromisedFileHandle.Metadata} for more info).\n *\n * @returns {Promise<{size: number, lastModified: Date}>}\n * A promise which is resolved when the request has been completed\n */\n async getMetadata() {\n this.ensureLocked();\n return waitForDOMRequest(this.lockedFile.getMetadata());\n }\n\n /**\n * Read a given amount of data from the file as Text (optionally starting from the specified\n * location).\n *\n * @param {number} size\n * The amount of data to read.\n * @param {number} [location]\n * The location where the request should start to read the data.\n *\n * @returns {Promise}\n * A promise which resolves to the data read, when the request has been completed.\n */\n async readAsText(size, location) {\n this.ensureLocked({invalidMode: \"writeonly\"});\n if (typeof location === \"number\") {\n this.lockedFile.location = location;\n }\n return waitForDOMRequest(this.lockedFile.readAsText(size));\n }\n\n /**\n * Read a given amount of data from the file as an ArrayBufer (optionally starting from the specified\n * location).\n *\n * @param {number} size\n * The amount of data to read.\n * @param {number} [location]\n * The location where the request should start to read the data.\n *\n * @returns {Promise}\n * A promise which resolves to the data read, when the request has been completed.\n */\n async readAsArrayBuffer(size, location) {\n this.ensureLocked({invalidMode: \"writeonly\"});\n if (typeof location === \"number\") {\n this.lockedFile.location = location;\n }\n return waitForDOMRequest(this.lockedFile.readAsArrayBuffer(size));\n }\n\n /**\n * Truncate the file (optionally at a specified location).\n *\n * @param {number} [location=0]\n * The location where the file should be truncated.\n *\n * @returns {Promise}\n * A promise which is resolved once the request has been completed.\n */\n async truncate(location = 0) {\n this.ensureLocked({invalidMode: \"readonly\"});\n return waitForDOMRequest(this.lockedFile.truncate(location));\n }\n\n /**\n * Append the passed data to the end of the file.\n *\n * @param {string|ArrayBuffer} data\n * The data to append to the end of the file.\n *\n * @returns {Promise}\n * A promise which is resolved once the request has been completed.\n */\n async append(data) {\n this.ensureLocked({invalidMode: \"readonly\"});\n return waitForDOMRequest(this.lockedFile.append(data));\n }\n\n /**\n * Write data into the file (optionally starting from a defined location in the file).\n *\n * @param {string|ArrayBuffer} data\n * The data to write into the file.\n * @param {number} location\n * The location where the data should be written.\n *\n * @returns {Promise}\n * A promise which is resolved to the location where the written data ends.\n */\n async write(data, location) {\n this.ensureLocked({invalidMode: \"readonly\"});\n if (typeof location === \"number\") {\n this.lockedFile.location = location;\n }\n return waitForDOMRequest(\n this.lockedFile.write(data),\n // Resolves to the new location.\n () => {\n return this.lockedFile.location;\n }\n );\n }\n\n /**\n * Queue data to be written into the file (optionally starting from a defined location in the file).\n *\n * @param {string|ArrayBuffer} data\n * The data to write into the file.\n * @param {number} location\n * The location where the data should be written (when not specified the end of the previous\n * queued write is used).\n *\n * @returns {Promise}\n * A promise which is resolved once the request has been completed with the location where the\n * file was after the data has been writted.\n */\n queuedWrite(data, location) {\n const nextWriteRequest = async lastLocation => {\n this.ensureLocked({invalidMode: \"readonly\"});\n\n if (typeof location === \"number\") {\n return this.write(data, location);\n }\n return this.write(data, lastLocation);\n };\n\n this.writeQueue = this.writeQueue.then(nextWriteRequest);\n return this.writeQueue;\n }\n\n /**\n * Wait that any queued data has been written.\n *\n * @returns {Promise}\n * A promise which is resolved once the request has been completed with the location where the\n * file was after the data has been writted.\n */\n async waitForQueuedWrites() {\n await this.writeQueue;\n }\n}\n\n/**\n * Wraps an IDBMutableFile with a nicer Promise-based API.\n *\n * Instances of this class are created from the\n * {@link IDBFileStorage.createMutableFile} method.\n */\nexport class IDBPromisedMutableFile {\n /**\n * @private private helper method used internally.\n */\n constructor({filesStorage, idb, fileName, fileType, mutableFile}) {\n // All the following properties are private and it should not be needed\n // while using the API.\n\n /** @private */\n this.filesStorage = filesStorage;\n /** @private */\n this.idb = idb;\n /** @private */\n this.fileName = fileName;\n /** @private */\n this.fileType = fileType;\n /** @private */\n this.mutableFile = mutableFile;\n }\n\n /**\n * @private private helper method used internally.\n */\n reopenFileHandle(fileHandle) {\n fileHandle.lockedFile = this.mutableFile.open(fileHandle.mode);\n }\n\n // API methods.\n\n /**\n * Open a mutable file for reading/writing data.\n *\n * @param {\"readonly\"|\"readwrite\"|\"writeonly\"} mode\n * The mode of the created IDBPromisedFileHandle instance.\n *\n * @returns {IDBPromisedFileHandle}\n * The created IDBPromisedFileHandle instance.\n */\n open(mode) {\n if (this.lockedFile) {\n throw new Error(\"MutableFile cannot be opened twice\");\n }\n const lockedFile = this.mutableFile.open(mode);\n\n return new IDBPromisedFileHandle({file: this, lockedFile});\n }\n\n /**\n * Get a {@link File} instance of this mutable file.\n *\n * @returns {Promise}\n * A promise resolved to the File instance.\n *\n * To read the actual content of the mutable file as a File object,\n * it is often better to use {@link IDBPromisedMutableFile.saveAsFileSnapshot}\n * to save a persistent snapshot of the file in the IndexedDB store,\n * or reading it directly using the {@link IDBPromisedFileHandle} instance\n * returned by the {@link IDBPromisedMutableFile.open} method.\n *\n * The reason is that to be able to read the content of the returned file\n * a lockfile have be keep the file open, e.d. as in the following example.\n *\n * @example\n * ...\n * let waitSnapshotStored;\n * await mutableFile.runFileRequestGenerator(function* (lockedFile) {\n * const file = yield lockedFile.mutableFile.getFile();\n * // read the file content or turn it into a persistent object of its own\n * // (e.g. by saving it back into IndexedDB as its snapshot in form of a File object,\n * // or converted into a data url, a string or an array buffer)\n *\n * waitSnapshotStored = tmpFiles.put(\"${filename}/last_snapshot\", file);\n * }\n *\n * await waitSnapshotStored;\n * let fileSnapshot = await tmpFiles.get(\"${filename}/last_snapshot\");\n * ...\n * // now you can use fileSnapshot even if the mutableFile lock is not active anymore.\n */\n getFile() {\n return waitForDOMRequest(this.mutableFile.getFile());\n }\n\n /**\n * Persist the content of the mutable file into the files storage\n * as a File, using the specified snapshot name and return the persisted File instance.\n *\n * @returns {Promise}\n * A promise resolved to the File instance.\n *\n * @example\n *\n * const file = await mutableFile.persistAsFileSnapshot(`${filename}/last_snapshot`);\n * const blobURL = URL.createObjectURL(file);\n * ...\n * // The blob URL is still valid even if the mutableFile is not active anymore.\n */\n async persistAsFileSnapshot(snapshotName) {\n if (snapshotName === this.fileName) {\n throw new Error(\"Snapshot name and the file name should be different\");\n }\n\n const idb = await this.filesStorage.initializedDB();\n await this.runFileRequestGenerator(function* () {\n const file = yield this.mutableFile.getFile();\n const objectStore = this.filesStorage.getObjectStoreTransaction({idb, mode: \"readwrite\"});\n\n yield objectStore.put(file, snapshotName);\n }.bind(this));\n\n return this.filesStorage.get(snapshotName);\n }\n\n /**\n * Persist the this mutable file into its related IDBFileStorage.\n *\n * @returns {Promise}\n * A promise resolved on the mutable file has been persisted into IndexedDB.\n */\n persist() {\n return this.filesStorage.put(this.fileName, this);\n }\n\n /**\n * Run a generator function which can run a sequence of FileRequests\n * without the lockfile to become inactive.\n *\n * This method should be rarely needed, mostly to optimize a sequence of\n * file operations without the file to be closed and automatically re-opened\n * between two file requests.\n *\n * @param {function* (lockedFile) {...}} generatorFunction\n * @param {\"readonly\"|\"readwrite\"|\"writeonly\"} mode\n *\n * @example\n * (async function () {\n * const tmpFiles = await IDBFiles.getFileStorage({name: \"tmpFiles\"});\n * const mutableFile = await tmpFiles.createMutableFile(\"test-mutable-file.txt\");\n *\n * let allFileData;\n *\n * function* fileOperations(lockedFile) {\n * yield lockedFile.write(\"some data\");\n * yield lockedFile.write(\"more data\");\n * const metadata = yield lockedFile.getMetadata();\n *\n * lockedFile.location = 0;\n * allFileData = yield lockedFile.readAsText(metadata.size);\n * }\n *\n * await mutableFile.runFileRequestGenerator(fileOperations, \"readwrite\");\n *\n * console.log(\"File Data\", allFileData);\n * })();\n */\n async runFileRequestGenerator(generatorFunction, mode) {\n if (generatorFunction.constructor.name !== \"GeneratorFunction\") {\n throw new Error(\"runGenerator parameter should be a generator function\");\n }\n\n await new Promise((resolve, reject) => {\n const lockedFile = this.mutableFile.open(mode || \"readwrite\");\n const fileRequestsIter = generatorFunction(lockedFile);\n\n const processFileRequestIter = prevRequestResult => {\n const nextFileRequest = fileRequestsIter.next(prevRequestResult);\n if (nextFileRequest.done) {\n resolve();\n return;\n } else if (!(nextFileRequest.value instanceof window.DOMRequest ||\n nextFileRequest.value instanceof window.IDBRequest)) {\n const error = new Error(\"FileRequestGenerator should only yield DOMRequest instances\");\n fileRequestsIter.throw(error);\n reject(error);\n return;\n }\n\n const request = nextFileRequest.value;\n if (request.onsuccess || request.onerror) {\n const error = new Error(\"DOMRequest onsuccess/onerror callbacks are already set\");\n fileRequestsIter.throw(error);\n reject(error);\n } else {\n request.onsuccess = () => processFileRequestIter(request.result);\n request.onerror = () => reject(request.error);\n }\n };\n\n processFileRequestIter();\n });\n }\n}\n\n/**\n * Provides a Promise-based API to store files into an IndexedDB.\n *\n * Instances of this class are created using the exported\n * {@link getFileStorage} function.\n */\nexport class IDBFileStorage {\n /**\n * @private private helper method used internally.\n */\n constructor({name, persistent} = {}) {\n // All the following properties are private and it should not be needed\n // while using the API.\n\n /** @private */\n this.name = name;\n /** @private */\n this.persistent = persistent;\n /** @private */\n this.indexedDBName = `IDBFilesStorage-DB-${this.name}`;\n /** @private */\n this.objectStorageName = \"IDBFilesObjectStorage\";\n /** @private */\n this.initializedPromise = undefined;\n\n // TODO: evalutate schema migration between library versions?\n /** @private */\n this.version = 1.0;\n }\n\n /**\n * @private private helper method used internally.\n */\n initializedDB() {\n if (this.initializedPromise) {\n return this.initializedPromise;\n }\n\n this.initializedPromise = (async () => {\n if (window.IDBMutableFile && this.persistent) {\n this.version = {version: this.version, storage: \"persistent\"};\n }\n const dbReq = indexedDB.open(this.indexedDBName, this.version);\n\n dbReq.onupgradeneeded = () => {\n const db = dbReq.result;\n if (!db.objectStoreNames.contains(this.objectStorageName)) {\n db.createObjectStore(this.objectStorageName);\n }\n };\n\n return waitForDOMRequest(dbReq);\n })();\n\n return this.initializedPromise;\n }\n\n /**\n * @private private helper method used internally.\n */\n getObjectStoreTransaction({idb, mode} = {}) {\n const transaction = idb.transaction([this.objectStorageName], mode);\n return transaction.objectStore(this.objectStorageName);\n }\n\n /**\n * Create a new IDBPromisedMutableFile instance (where the IDBMutableFile is supported)\n *\n * @param {string} fileName\n * The fileName associated to the new IDBPromisedMutableFile instance.\n * @param {string} [fileType=\"text\"]\n * The mime type associated to the file.\n *\n * @returns {IDBPromisedMutableFile}\n * The newly created {@link IDBPromisedMutableFile} instance.\n */\n async createMutableFile(fileName, fileType = \"text\") {\n if (!window.IDBMutableFile) {\n throw new Error(\"This environment does not support IDBMutableFile\");\n }\n const idb = await this.initializedDB();\n const mutableFile = await waitForDOMRequest(\n idb.createMutableFile(fileName, fileType)\n );\n return new IDBPromisedMutableFile({\n filesStorage: this, idb, fileName, fileType, mutableFile\n });\n }\n\n /**\n * Put a file object into the IDBFileStorage, it overwrites an existent file saved with the\n * fileName if any.\n *\n * @param {string} fileName\n * The key associated to the file in the IDBFileStorage.\n * @param {Blob|File|IDBPromisedMutableFile|IDBMutableFile} file\n * The file to be persisted.\n *\n * @returns {Promise}\n * A promise resolved when the request has been completed.\n */\n async put(fileName, file) {\n if (!fileName || typeof fileName !== \"string\") {\n throw new Error(\"fileName parameter is mandatory\");\n }\n\n if (!(file instanceof File) && !(file instanceof Blob) &&\n !(window.IDBMutableFile && file instanceof window.IDBMutableFile) &&\n !(file instanceof IDBPromisedMutableFile)) {\n throw new Error(`Unable to persist ${fileName}. Unknown file type.`);\n }\n\n if (file instanceof IDBPromisedMutableFile) {\n file = file.mutableFile;\n }\n\n const idb = await this.initializedDB();\n const objectStore = this.getObjectStoreTransaction({idb, mode: \"readwrite\"});\n return waitForDOMRequest(objectStore.put(file, fileName));\n }\n\n /**\n * Remove a file object from the IDBFileStorage.\n *\n * @param {string} fileName\n * The fileName (the associated IndexedDB key) to remove from the IDBFileStorage.\n *\n * @returns {Promise}\n * A promise resolved when the request has been completed.\n */\n async remove(fileName) {\n if (!fileName) {\n throw new Error(\"fileName parameter is mandatory\");\n }\n\n const idb = await this.initializedDB();\n const objectStore = this.getObjectStoreTransaction({idb, mode: \"readwrite\"});\n return waitForDOMRequest(objectStore.delete(fileName));\n }\n\n /**\n * List the names of the files stored in the IDBFileStorage.\n *\n * (If any filtering options has been specified, only the file names that match\n * all the filters are included in the result).\n *\n * @param {IDBFileStorage.ListFilteringOptions} options\n * The optional filters to apply while listing the stored file names.\n *\n * @returns {Promise}\n * A promise resolved to the array of the filenames that has been found.\n */\n async list(options) {\n const idb = await this.initializedDB();\n const objectStore = this.getObjectStoreTransaction({idb});\n const allKeys = await waitForDOMRequest(objectStore.getAllKeys());\n\n let filteredKeys = allKeys;\n\n if (options) {\n filteredKeys = filteredKeys.filter(key => {\n let match = true;\n\n if (typeof options.startsWith === \"string\") {\n match = match && key.startsWith(options.startsWith);\n }\n\n if (typeof options.endsWith === \"string\") {\n match = match && key.endsWith(options.endsWith);\n }\n\n if (typeof options.includes === \"string\") {\n match = match && key.includes(options.includes);\n }\n\n if (typeof options.filterFn === \"function\") {\n match = match && options.filterFn(key);\n }\n\n return match;\n });\n }\n\n return filteredKeys;\n }\n\n /**\n * Count the number of files stored in the IDBFileStorage.\n *\n * (If any filtering options has been specified, only the file names that match\n * all the filters are included in the final count).\n *\n * @param {IDBFileStorage.ListFilteringOptions} options\n * The optional filters to apply while listing the stored file names.\n *\n * @returns {Promise}\n * A promise resolved to the number of files that has been found.\n */\n async count(options) {\n if (!options) {\n const idb = await this.initializedDB();\n const objectStore = this.getObjectStoreTransaction({idb});\n return waitForDOMRequest(objectStore.count());\n }\n\n const filteredKeys = await this.list(options);\n return filteredKeys.length;\n }\n\n /**\n * Retrieve a file stored in the IDBFileStorage by key.\n *\n * @param {string} fileName\n * The key to use to retrieve the file from the IDBFileStorage.\n *\n * @returns {Promise}\n * A promise resolved once the file stored in the IDBFileStorage has been retrieved.\n */\n async get(fileName) {\n const idb = await this.initializedDB();\n const objectStore = this.getObjectStoreTransaction({idb});\n return waitForDOMRequest(objectStore.get(fileName)).then(result => {\n if (window.IDBMutableFile && result instanceof window.IDBMutableFile) {\n return new IDBPromisedMutableFile({\n filesStorage: this,\n idb,\n fileName,\n fileType: result.type,\n mutableFile: result\n });\n }\n\n return result;\n });\n }\n\n /**\n * Remove all the file objects stored in the IDBFileStorage.\n *\n * @returns {Promise}\n * A promise resolved once the IDBFileStorage has been cleared.\n */\n async clear() {\n const idb = await this.initializedDB();\n const objectStore = this.getObjectStoreTransaction({idb, mode: \"readwrite\"});\n return waitForDOMRequest(objectStore.clear());\n }\n}\n\n/**\n * Retrieve an IDBFileStorage instance by name (and it creates the indexedDB if it doesn't\n * exist yet).\n *\n * @param {Object} [param]\n * @param {string} [param.name=\"default\"]\n * The name associated to the IDB File Storage.\n * @param {boolean} [param.persistent]\n * Optionally enable persistent storage mode (not enabled by default).\n *\n * @returns {IDBFileStorage}\n * The IDBFileStorage instance with the given name.\n */\nexport async function getFileStorage({name, persistent} = {}) {\n const filesStorage = new IDBFileStorage({name: name || \"default\", persistent});\n await filesStorage.initializedDB();\n return filesStorage;\n}\n\n/**\n * @external {Blob} https://developer.mozilla.org/en-US/docs/Web/API/Blob\n */\n\n/**\n * @external {DOMRequest} https://developer.mozilla.org/en/docs/Web/API/DOMRequest\n */\n\n/**\n * @external {File} https://developer.mozilla.org/en-US/docs/Web/API/File\n */\n\n/**\n * @external {IDBMutableFile} https://developer.mozilla.org/en-US/docs/Web/API/IDBMutableFile\n */\n\n/**\n * @external {IDBRequest} https://developer.mozilla.org/en-US/docs/Web/API/IDBRequest\n */\n"]}
\ No newline at end of file
diff --git a/store-collected-images/webextension-plain/deps/uuidv4.js b/store-collected-images/webextension-plain/deps/uuidv4.js
new file mode 100644
index 0000000..76d869b
--- /dev/null
+++ b/store-collected-images/webextension-plain/deps/uuidv4.js
@@ -0,0 +1 @@
+!function(n){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=n();else if("function"==typeof define&&define.amd)define([],n);else{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.uuidv4=n()}}(function(){return function n(e,r,o){function t(f,u){if(!r[f]){if(!e[f]){var a="function"==typeof require&&require;if(!u&&a)return a(f,!0);if(i)return i(f,!0);var d=new Error("Cannot find module '"+f+"'");throw d.code="MODULE_NOT_FOUND",d}var l=r[f]={exports:{}};e[f][0].call(l.exports,function(n){var r=e[f][1][n];return t(r?r:n)},l,l.exports,n,e,r,o)}return r[f].exports}for(var i="function"==typeof require&&require,f=0;f>>((3&e)<<3)&255;return i}}e.exports=r}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],3:[function(n,e,r){function o(n,e,r){var o=e&&r||0;"string"==typeof n&&(e="binary"==n?new Array(16):null,n=null),n=n||{};var f=n.random||(n.rng||t)();if(f[6]=15&f[6]|64,f[8]=63&f[8]|128,e)for(var u=0;u<16;++u)e[o+u]=f[u];return e||i(f)}var t=n("./lib/rng"),i=n("./lib/bytesToUuid");e.exports=o},{"./lib/bytesToUuid":1,"./lib/rng":2}]},{},[3])(3)});
\ No newline at end of file
diff --git a/store-collected-images/webextension-plain/images/icon.png b/store-collected-images/webextension-plain/images/icon.png
new file mode 100644
index 0000000..81fede1
Binary files /dev/null and b/store-collected-images/webextension-plain/images/icon.png differ
diff --git a/store-collected-images/webextension-plain/images/icon16.png b/store-collected-images/webextension-plain/images/icon16.png
new file mode 100644
index 0000000..8d4b5cc
Binary files /dev/null and b/store-collected-images/webextension-plain/images/icon16.png differ
diff --git a/store-collected-images/webextension-plain/manifest.json b/store-collected-images/webextension-plain/manifest.json
new file mode 100755
index 0000000..1b9cee0
--- /dev/null
+++ b/store-collected-images/webextension-plain/manifest.json
@@ -0,0 +1,26 @@
+{
+ "manifest_version": 2,
+ "name": "store-collected-images",
+ "version": "1.0",
+
+ "icons": {
+ "16": "images/icon16.png",
+ "48": "images/icon.png"
+ },
+
+ "browser_action": {
+ "default_icon": {
+ "48": "images/icon.png"
+ },
+ "default_title": "Collected Images"
+ },
+
+ "background": {
+ "scripts": ["background.js"]
+ },
+
+ "permissions": [
+ "contextMenus",
+ ""
+ ]
+}
diff --git a/store-collected-images/webextension-plain/navigate-collection.css b/store-collected-images/webextension-plain/navigate-collection.css
new file mode 100755
index 0000000..0919083
--- /dev/null
+++ b/store-collected-images/webextension-plain/navigate-collection.css
@@ -0,0 +1 @@
+@import "shared.css";
\ No newline at end of file
diff --git a/store-collected-images/webextension-plain/navigate-collection.html b/store-collected-images/webextension-plain/navigate-collection.html
new file mode 100755
index 0000000..06b0889
--- /dev/null
+++ b/store-collected-images/webextension-plain/navigate-collection.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+ "
+ ]
+}
diff --git a/store-collected-images/webextension-with-webpack/extension/navigate-collection.css b/store-collected-images/webextension-with-webpack/extension/navigate-collection.css
new file mode 100755
index 0000000..0919083
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/extension/navigate-collection.css
@@ -0,0 +1 @@
+@import "shared.css";
\ No newline at end of file
diff --git a/store-collected-images/webextension-with-webpack/extension/navigate-collection.html b/store-collected-images/webextension-with-webpack/extension/navigate-collection.html
new file mode 100755
index 0000000..98fadb7
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/extension/navigate-collection.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/store-collected-images/webextension-with-webpack/extension/popup.css b/store-collected-images/webextension-with-webpack/extension/popup.css
new file mode 100755
index 0000000..2c7ea8d
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/extension/popup.css
@@ -0,0 +1,12 @@
+@import "shared.css";
+
+html, body {
+ width: 250px;
+ margin: 0;
+ padding: 0;
+ margin-left: 1em;
+}
+
+input {
+ width: 90%;
+}
diff --git a/store-collected-images/webextension-with-webpack/extension/popup.html b/store-collected-images/webextension-with-webpack/extension/popup.html
new file mode 100755
index 0000000..a005aa0
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/extension/popup.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/store-collected-images/webextension-with-webpack/extension/shared.css b/store-collected-images/webextension-with-webpack/extension/shared.css
new file mode 100644
index 0000000..e31f58c
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/extension/shared.css
@@ -0,0 +1,22 @@
+ul.thumbnails {
+ padding: 0;
+}
+
+ul.thumbnails li {
+ display: inline-block;
+ vertical-align: middle;
+ padding: 0.4em;
+}
+
+.thumbnails img {
+ max-width: 50px;
+ max-height: 50px;
+}
+
+.error {
+ background: rgba(255,0,0,0.4);
+}
+
+.success {
+ background: rgba(0,255,0,0.4);
+}
\ No newline at end of file
diff --git a/store-collected-images/webextension-with-webpack/package.json b/store-collected-images/webextension-with-webpack/package.json
new file mode 100644
index 0000000..ce6ec9c
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/package.json
@@ -0,0 +1,38 @@
+{
+ "name": "store-collected-images",
+ "version": "1.0.0",
+ "description": "",
+ "main": "index.js",
+ "scripts": {
+ "build": "webpack --display-error-details --progress --colors",
+ "build:watch": "npm run build -- -w",
+ "start": "npm run build && web-ext run -s extension/"
+ },
+ "author": "",
+ "license": "MPL-2.0",
+ "devDependencies": {
+ "babel-core": "6.24.1",
+ "babel-loader": "7.0.0",
+ "babel-plugin-transform-class-properties": "6.24.1",
+ "babel-plugin-transform-object-rest-spread": "6.23.0",
+ "babel-plugin-transform-es2015-modules-commonjs": "6.24.1",
+ "babel-preset-es2017": "6.24.1",
+ "babel-preset-react": "6.24.1",
+ "idb-file-storage": "^0.1.0",
+ "react": "15.5.4",
+ "react-dom": "15.5.4",
+ "uuid": "^3.0.1",
+ "web-ext": "1.9.1",
+ "webpack": "2.6.1"
+ },
+ "babel": {
+ "presets": [
+ "es2017",
+ "react"
+ ],
+ "plugins": [
+ "transform-class-properties",
+ "transform-es2015-modules-commonjs"
+ ]
+ }
+}
diff --git a/store-collected-images/webextension-with-webpack/src/background.js b/store-collected-images/webextension-with-webpack/src/background.js
new file mode 100644
index 0000000..436131f
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/src/background.js
@@ -0,0 +1,47 @@
+// Open the UI to navigate the collection images in a tab.
+browser.browserAction.onClicked.addListener(() => {
+ browser.tabs.create({url: "/navigate-collection.html"});
+});
+
+// Add a context menu action on every image element in the page.
+browser.contextMenus.create({
+ id: "collect-image",
+ title: "Add to the collected images",
+ contexts: ["image"],
+});
+
+// Manage pending collected images.
+let pendingCollectedUrls = [];
+browser.runtime.onMessage.addListener((msg) => {
+ if (msg.type === "get-pending-collected-urls") {
+ let urls = pendingCollectedUrls;
+ pendingCollectedUrls = [];
+ return Promise.resolve(urls);
+ }
+});
+
+// Handle the context menu action click events.
+browser.contextMenus.onClicked.addListener(async (info) => {
+ try {
+ await browser.runtime.sendMessage({
+ type: "new-collected-images",
+ url: info.srcUrl,
+ });
+ } catch (err) {
+ if (err.message.includes("Could not establish connection. Receiving end does not exist.")) {
+ // Add the url to the pending urls and open a popup.
+ pendingCollectedUrls.push(info.srcUrl);
+ try {
+ await browser.windows.create({
+ type: "popup", url: "/popup.html",
+ top: 0, left: 0, width: 300, height: 400,
+ });
+ } catch (err) {
+ console.error(err);
+ }
+ return;
+ }
+
+ console.error(err);
+ }
+});
diff --git a/store-collected-images/webextension-with-webpack/src/navigate-collection.js b/store-collected-images/webextension-with-webpack/src/navigate-collection.js
new file mode 100644
index 0000000..79ba2ad
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/src/navigate-collection.js
@@ -0,0 +1,66 @@
+"use strict";
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import {loadStoredImages, removeStoredImages} from './utils/image-store';
+
+class NavigateCollectionUI extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ storedImages: [],
+ };
+
+ this.onFilterUpdated = this.onFilterUpdated.bind(this);
+ this.onReload = this.onFilterUpdated;
+
+ this.onDelete = this.onDelete.bind(this);
+ }
+
+ componentDidMount() {
+ // Load the stored image once the component has been rendered in the page.
+ this.onFilterUpdated();
+ }
+
+ onFilterUpdated() {
+ loadStoredImages(this.refs.imageFilter.value)
+ .then((storedImages) => {
+ this.setState({storedImages});
+ })
+ .catch(console.error);
+ }
+
+ onDelete() {
+ const {storedImages} = this.state;
+ this.setState({storedImages: []});
+
+ removeStoredImages(storedImages).catch(console.error);
+ }
+
+ render() {
+ const {storedImages} = this.state;
+
+ return (
+
+
+
+
+
+
+
diff --git a/stored-credentials/options/options.js b/stored-credentials/options/options.js
new file mode 100644
index 0000000..bb0477d
--- /dev/null
+++ b/stored-credentials/options/options.js
@@ -0,0 +1,39 @@
+const usernameInput = document.querySelector("#username");
+const passwordInput = document.querySelector("#password");
+
+/*
+Store the currently selected settings using browser.storage.local.
+*/
+function storeSettings() {
+ browser.storage.local.set({
+ authCredentials: {
+ username: usernameInput.value,
+ password: passwordInput.value
+ }
+ });
+}
+
+/*
+Update the options UI with the settings values retrieved from storage,
+or the default settings if the stored settings are empty.
+*/
+function updateUI(restoredSettings) {
+ usernameInput.value = restoredSettings.authCredentials.username || "";
+ passwordInput.value = restoredSettings.authCredentials.password || "";
+}
+
+function onError(e) {
+ console.error(e);
+}
+
+/*
+On opening the options page, fetch stored settings and update the UI with them.
+*/
+const gettingStoredSettings = browser.storage.local.get();
+gettingStoredSettings.then(updateUI, onError);
+
+/*
+On blur, save the currently selected settings.
+*/
+usernameInput.addEventListener("blur", storeSettings);
+passwordInput.addEventListener("blur", storeSettings);
diff --git a/stored-credentials/storage.js b/stored-credentials/storage.js
new file mode 100644
index 0000000..53cfa0a
--- /dev/null
+++ b/stored-credentials/storage.js
@@ -0,0 +1,27 @@
+/*
+Default settings. Initialize storage to these values.
+*/
+var authCredentials = {
+ username: "user",
+ password: "passwd"
+}
+
+/*
+Generic error logger.
+*/
+function onError(e) {
+ console.error(e);
+}
+
+/*
+On startup, check whether we have stored settings.
+If we don't, then store the default settings.
+*/
+function checkStoredSettings(storedSettings) {
+ if (!storedSettings.authCredentials) {
+ browser.storage.local.set({authCredentials});
+ }
+}
+
+const gettingStoredSettings = browser.storage.local.get();
+gettingStoredSettings.then(checkStoredSettings, onError);
diff --git a/tabs-tabs-tabs/manifest.json b/tabs-tabs-tabs/manifest.json
index 6877e80..76663af 100644
--- a/tabs-tabs-tabs/manifest.json
+++ b/tabs-tabs-tabs/manifest.json
@@ -1,17 +1,15 @@
{
- "applications": {
- "gecko": {
- "id": "tabs-tabs-tabs@mozilla.org",
- "strict_min_version": "47.0a1"
- }
- },
"browser_action": {
- "default_title": "Tabs, tabs, tabs",
- "default_popup": "tabs.html"
+ "browser_style": true,
+ "default_title": "Tabs, tabs, tabs",
+ "default_popup": "tabs.html"
},
"description": "A list of methods you can perform on a tab.",
"homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/tabs-tabs-tabs",
"manifest_version": 2,
"name": "Tabs, tabs, tabs",
+ "permissions": [
+ "tabs"
+ ],
"version": "1.0"
}
diff --git a/tabs-tabs-tabs/tabs.css b/tabs-tabs-tabs/tabs.css
index 8620216..bfd9822 100644
--- a/tabs-tabs-tabs/tabs.css
+++ b/tabs-tabs-tabs/tabs.css
@@ -1,3 +1,20 @@
html, body {
width: 350px;
}
+
+a {
+ margin: 10px;
+ display: inline-block;
+}
+
+.switch-tabs {
+ padding-left: 10px;
+}
+
+.switch-tabs a {
+ display: block;
+}
+
+.panel {
+ margin: 5px;
+}
diff --git a/tabs-tabs-tabs/tabs.html b/tabs-tabs-tabs/tabs.html
index afcf29a..81238cf 100644
--- a/tabs-tabs-tabs/tabs.html
+++ b/tabs-tabs-tabs/tabs.html
@@ -7,13 +7,40 @@
- Move active tab to the beginning of the window
- Move active tab to the end of the window
- Duplicate active tab
- Reload active tab
- Remove active tab
- Create a tab
- Alert active tab info
+
+
+
+
+
+
+
+
diff --git a/list-cookies/cookies.js b/list-cookies/cookies.js
new file mode 100644
index 0000000..db2fc8e
--- /dev/null
+++ b/list-cookies/cookies.js
@@ -0,0 +1,39 @@
+function showCookiesForTab(tabs) {
+ //get the first tab object in the array
+ let tab = tabs.pop();
+
+ //get all cookies in the domain
+ var gettingAllCookies = browser.cookies.getAll({url: tab.url});
+ gettingAllCookies.then((cookies) => {
+
+ //set the header of the panel
+ var activeTabUrl = document.getElementById('header-title');
+ var text = document.createTextNode("Cookies at: "+tab.title);
+ var cookieList = document.getElementById('cookie-list');
+ activeTabUrl.appendChild(text);
+
+ if (cookies.length > 0) {
+ //add an My panel
+ + + diff --git a/mocha-client-tests/.eslintrc.json b/mocha-client-tests/.eslintrc.json new file mode 100644 index 0000000..30e26e9 --- /dev/null +++ b/mocha-client-tests/.eslintrc.json @@ -0,0 +1,8 @@ +{ + "env": { + "browser": true, + "es6": true, + "amd": true, + "webextensions": true + } +} diff --git a/mocha-client-tests/.gitignore b/mocha-client-tests/.gitignore new file mode 100644 index 0000000..f53b1be --- /dev/null +++ b/mocha-client-tests/.gitignore @@ -0,0 +1,4 @@ +node_modules +addon/bower_components +addon/node_modules +.idea \ No newline at end of file diff --git a/mocha-client-tests/README.md b/mocha-client-tests/README.md new file mode 100644 index 0000000..d66c3b4 --- /dev/null +++ b/mocha-client-tests/README.md @@ -0,0 +1,40 @@ +# Mocha client tests for WebExtensions +## Introduction +This example shows two methods of testing a WebExtension: +* Running tests from within the addon +* Running tests from the commandline using Karma + +See https://github.com/Standard8/example-webextension for a more complete example of WebExtension test configuration. + +## Install Dependencies: +``` + npm install +``` +To run tests from within the addon: +``` + cd addon + npm install +``` + +## Testing within the Addon +This gives you the possibility to run client tests inside the addon with the mocha UI. +If you don't want to use the mocha UI, you can install [WebConsole-reporter](https://github.com/eeroan/WebConsole-reporter). + +### Run with web-ext cli +Just run `npm run web-ext` (will work with FF dev edition), if you have error with web-ext cli please add path for FF binary file with `--firefox-binary /path/to/firefox-bin` +[(web-ext docs)](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/web-ext_command_reference). + +When the addon starts, click on the mocha icon in your browser bar to run the tests: + + + +This will test `./addon/background.js` with `./addon/tests/lib/background-messaging.test.js`. + +## Testing from the Commandline +This uses [Karma](http://karma-runner.github.io) to run tests from the commandline. Just type `npm test` to test `./addon/background.js` with `./tests/lib/background.test.js`. + +### Debug Mode +Use `npm run test:debug` to run Karma in watch mode. Whenever you modify a Javascript file, the tests will automatically rerun. + +You can install [karma-notification-reporter](https://www.npmjs.com/package/karma-notification-reporter) to display test results in a desktop notification. You'll need to add `--reporters=dots,notification` to the `test:debug` command line of +`package.json` to enable it. diff --git a/mocha-client-tests/addon/background.js b/mocha-client-tests/addon/background.js new file mode 100644 index 0000000..f356388 --- /dev/null +++ b/mocha-client-tests/addon/background.js @@ -0,0 +1,15 @@ +var Background = { + receiveMessage: function(msg, sender, sendResponse) { + if (msg && msg.action && Background.hasOwnProperty(msg.action)) { + return Background[msg.action](msg, sender, sendResponse); + } else { + console.warn('No handler for message: ' + JSON.stringify(msg)); + } + }, + ping: function(msg, sender, sendResponse) { + sendResponse('pong'); + return true; + } +}; + +browser.runtime.onMessage.addListener(Background.receiveMessage); diff --git a/mocha-client-tests/addon/images/icon-16.png b/mocha-client-tests/addon/images/icon-16.png new file mode 100644 index 0000000..01da9f4 Binary files /dev/null and b/mocha-client-tests/addon/images/icon-16.png differ diff --git a/mocha-client-tests/addon/images/icon-19.png b/mocha-client-tests/addon/images/icon-19.png new file mode 100644 index 0000000..1c80c9d Binary files /dev/null and b/mocha-client-tests/addon/images/icon-19.png differ diff --git a/mocha-client-tests/addon/images/mocha.png b/mocha-client-tests/addon/images/mocha.png new file mode 100644 index 0000000..83f1196 Binary files /dev/null and b/mocha-client-tests/addon/images/mocha.png differ diff --git a/mocha-client-tests/addon/manifest.json b/mocha-client-tests/addon/manifest.json new file mode 100644 index 0000000..26b0f43 --- /dev/null +++ b/mocha-client-tests/addon/manifest.json @@ -0,0 +1,28 @@ +{ + "name": "Mocha tests", + "version": "1.0", + "manifest_version": 2, + "description": "Check ", + "icons": { + "16": "images/icon-16.png" + }, + "short_name": "MochaTest", + "background": { + "scripts": [ + "background.js" + ] + }, + "browser_action": { + "default_icon": { + "19": "images/icon-19.png" + }, + "default_title": "Mocha Test", + "default_popup": "popup.html" + }, + "applications": { + "gecko": { + "strict_min_version": "45.0" + } + }, + "content_security_policy": "script-src 'self'; object-src 'self'; img-src 'self'" +} diff --git a/mocha-client-tests/addon/package.json b/mocha-client-tests/addon/package.json new file mode 100644 index 0000000..31faea1 --- /dev/null +++ b/mocha-client-tests/addon/package.json @@ -0,0 +1,15 @@ +{ + "name": "mocha-tests-webextension", + "version": "1.0.0", + "description": "Run test inside your addon", + "main": "background.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "author": "", + "license": "MPL-2.0", + "devDependencies": { + "expect.js": "^0.3.1", + "mocha": "^3.1.2" + } +} diff --git a/mocha-client-tests/addon/popup.html b/mocha-client-tests/addon/popup.html new file mode 100644 index 0000000..9c33a6f --- /dev/null +++ b/mocha-client-tests/addon/popup.html @@ -0,0 +1,25 @@ + + + +Hello! Lets play at ping
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/mocha-client-tests/addon/scripts/browser-polyfill.min.js b/mocha-client-tests/addon/scripts/browser-polyfill.min.js
new file mode 100644
index 0000000..8c87af7
--- /dev/null
+++ b/mocha-client-tests/addon/scripts/browser-polyfill.min.js
@@ -0,0 +1,19 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+if(typeof browser==="undefined"){const wrapAPIs=()=>{const apiMetadata={"alarms":{"clear":{"minArgs":0,"maxArgs":1},"clearAll":{"minArgs":0,"maxArgs":0},"get":{"minArgs":0,"maxArgs":1},"getAll":{"minArgs":0,"maxArgs":0}},"bookmarks":{"create":{"minArgs":1,"maxArgs":1},"export":{"minArgs":0,"maxArgs":0},"get":{"minArgs":1,"maxArgs":1},"getChildren":{"minArgs":1,"maxArgs":1},"getRecent":{"minArgs":1,"maxArgs":1},"getTree":{"minArgs":0,"maxArgs":0},"getSubTree":{"minArgs":1,"maxArgs":1},"import":{"minArgs":0,
+"maxArgs":0},"move":{"minArgs":2,"maxArgs":2},"remove":{"minArgs":1,"maxArgs":1},"removeTree":{"minArgs":1,"maxArgs":1},"search":{"minArgs":1,"maxArgs":1},"update":{"minArgs":2,"maxArgs":2}},"browserAction":{"getBadgeBackgroundColor":{"minArgs":1,"maxArgs":1},"getBadgeText":{"minArgs":1,"maxArgs":1},"getPopup":{"minArgs":1,"maxArgs":1},"getTitle":{"minArgs":1,"maxArgs":1},"setIcon":{"minArgs":1,"maxArgs":1}},"commands":{"getAll":{"minArgs":0,"maxArgs":0}},"contextMenus":{"update":{"minArgs":2,"maxArgs":2},
+"remove":{"minArgs":1,"maxArgs":1},"removeAll":{"minArgs":0,"maxArgs":0}},"cookies":{"get":{"minArgs":1,"maxArgs":1},"getAll":{"minArgs":1,"maxArgs":1},"getAllCookieStores":{"minArgs":0,"maxArgs":0},"remove":{"minArgs":1,"maxArgs":1},"set":{"minArgs":1,"maxArgs":1}},"downloads":{"download":{"minArgs":1,"maxArgs":1},"cancel":{"minArgs":1,"maxArgs":1},"erase":{"minArgs":1,"maxArgs":1},"getFileIcon":{"minArgs":1,"maxArgs":2},"open":{"minArgs":1,"maxArgs":1},"pause":{"minArgs":1,"maxArgs":1},"removeFile":{"minArgs":1,
+"maxArgs":1},"resume":{"minArgs":1,"maxArgs":1},"search":{"minArgs":1,"maxArgs":1},"show":{"minArgs":1,"maxArgs":1}},"extension":{"isAllowedFileSchemeAccess":{"minArgs":0,"maxArgs":0},"isAllowedIncognitoAccess":{"minArgs":0,"maxArgs":0}},"history":{"addUrl":{"minArgs":1,"maxArgs":1},"getVisits":{"minArgs":1,"maxArgs":1},"deleteAll":{"minArgs":0,"maxArgs":0},"deleteRange":{"minArgs":1,"maxArgs":1},"deleteUrl":{"minArgs":1,"maxArgs":1},"search":{"minArgs":1,"maxArgs":1}},"i18n":{"detectLanguage":{"minArgs":1,
+"maxArgs":1},"getAcceptLanguages":{"minArgs":0,"maxArgs":0}},"idle":{"queryState":{"minArgs":1,"maxArgs":1}},"management":{"get":{"minArgs":1,"maxArgs":1},"getAll":{"minArgs":0,"maxArgs":0},"getSelf":{"minArgs":0,"maxArgs":0},"uninstallSelf":{"minArgs":0,"maxArgs":1}},"notifications":{"clear":{"minArgs":1,"maxArgs":1},"create":{"minArgs":1,"maxArgs":2},"getAll":{"minArgs":0,"maxArgs":0},"getPermissionLevel":{"minArgs":0,"maxArgs":0},"update":{"minArgs":2,"maxArgs":2}},"pageAction":{"getPopup":{"minArgs":1,
+"maxArgs":1},"getTitle":{"minArgs":1,"maxArgs":1},"hide":{"minArgs":0,"maxArgs":0},"setIcon":{"minArgs":1,"maxArgs":1},"show":{"minArgs":0,"maxArgs":0}},"runtime":{"getBackgroundPage":{"minArgs":0,"maxArgs":0},"getBrowserInfo":{"minArgs":0,"maxArgs":0},"getPlatformInfo":{"minArgs":0,"maxArgs":0},"openOptionsPage":{"minArgs":0,"maxArgs":0},"requestUpdateCheck":{"minArgs":0,"maxArgs":0},"sendMessage":{"minArgs":1,"maxArgs":3},"sendNativeMessage":{"minArgs":2,"maxArgs":2},"setUninstallURL":{"minArgs":1,
+"maxArgs":1}},"storage":{"local":{"clear":{"minArgs":0,"maxArgs":0},"get":{"minArgs":0,"maxArgs":1},"getBytesInUse":{"minArgs":0,"maxArgs":1},"remove":{"minArgs":1,"maxArgs":1},"set":{"minArgs":1,"maxArgs":1}},"managed":{"get":{"minArgs":0,"maxArgs":1},"getBytesInUse":{"minArgs":0,"maxArgs":1}},"sync":{"clear":{"minArgs":0,"maxArgs":0},"get":{"minArgs":0,"maxArgs":1},"getBytesInUse":{"minArgs":0,"maxArgs":1},"remove":{"minArgs":1,"maxArgs":1},"set":{"minArgs":1,"maxArgs":1}}},"tabs":{"create":{"minArgs":1,
+"maxArgs":1},"captureVisibleTab":{"minArgs":0,"maxArgs":2},"detectLanguage":{"minArgs":0,"maxArgs":1},"duplicate":{"minArgs":1,"maxArgs":1},"executeScript":{"minArgs":1,"maxArgs":2},"get":{"minArgs":1,"maxArgs":1},"getCurrent":{"minArgs":0,"maxArgs":0},"getZoom":{"minArgs":0,"maxArgs":1},"getZoomSettings":{"minArgs":0,"maxArgs":1},"highlight":{"minArgs":1,"maxArgs":1},"insertCSS":{"minArgs":1,"maxArgs":2},"move":{"minArgs":2,"maxArgs":2},"reload":{"minArgs":0,"maxArgs":2},"remove":{"minArgs":1,"maxArgs":1},
+"query":{"minArgs":1,"maxArgs":1},"removeCSS":{"minArgs":1,"maxArgs":2},"sendMessage":{"minArgs":2,"maxArgs":3},"setZoom":{"minArgs":1,"maxArgs":2},"setZoomSettings":{"minArgs":1,"maxArgs":2},"update":{"minArgs":1,"maxArgs":2}},"webNavigation":{"getAllFrames":{"minArgs":1,"maxArgs":1},"getFrame":{"minArgs":1,"maxArgs":1}},"webRequest":{"handlerBehaviorChanged":{"minArgs":0,"maxArgs":0}},"windows":{"create":{"minArgs":0,"maxArgs":1},"get":{"minArgs":1,"maxArgs":2},"getAll":{"minArgs":0,"maxArgs":1},
+"getCurrent":{"minArgs":0,"maxArgs":1},"getLastFocused":{"minArgs":0,"maxArgs":1},"remove":{"minArgs":1,"maxArgs":1},"update":{"minArgs":2,"maxArgs":2}}};class DefaultWeakMap extends WeakMap{constructor(createItem,items=undefined){super(items);this.createItem=createItem}get(key){if(!this.has(key))this.set(key,this.createItem(key));return super.get(key)}}const isThenable=(value)=>{return value&&typeof value==="object"&&typeof value.then==="function"};const makeCallback=(promise)=>{return(...callbackArgs)=>
+{if(chrome.runtime.lastError)promise.reject(chrome.runtime.lastError);else if(callbackArgs.length===1)promise.resolve(callbackArgs[0]);else promise.resolve(callbackArgs)}};const wrapAsyncFunction=(name,metadata)=>{return function asyncFunctionWrapper(target,...args){if(args.lengthTop navigated hosts:
+-
+
- No data collected yet... +
+
+
+
+
+
diff --git a/permissions/page.js b/permissions/page.js
new file mode 100644
index 0000000..25b9770
--- /dev/null
+++ b/permissions/page.js
@@ -0,0 +1,46 @@
+function updatePermissions() {
+ browser.permissions.getAll()
+ .then((permissions) => {
+ document.getElementById('permissions').innerText = permissions.permissions.join(', ');
+ });
+}
+
+async function processChange(event) {
+ let permission = event.target.dataset.permission;
+ let result = document.getElementById('result');
+
+ try {
+ if (event.target.dataset.action === 'grant') {
+ browser.permissions.request({permissions: [permission]})
+ .then((response) => {
+ result.className = 'bg-success';
+ result.textContent = 'Call successful.';
+ })
+ .catch((err) => {
+ // Catch the case where the permission cannot be granted.
+ result.className = 'bg-warning';
+ result.textContent = err.message;
+ });
+ }
+ else {
+ browser.permissions.remove({permissions: [permission]})
+ .then((response) => {
+ result.className = 'bg-success';
+ result.textContent = 'Call successful.';
+ });
+ }
+ } catch(err) {
+ // Catch the case where the permission is completely wrong.
+ result.className = 'bg-danger';
+ result.textContent = err.message;
+ }
+ result.style.display = 'block';
+ updatePermissions();
+ event.preventDefault();
+}
+
+for (let element of document.getElementsByClassName('permission')) {
+ element.addEventListener('click', processChange);
+}
+
+updatePermissions();
diff --git a/proxy-blocker/README.md b/proxy-blocker/README.md
new file mode 100644
index 0000000..926db7f
--- /dev/null
+++ b/proxy-blocker/README.md
@@ -0,0 +1,22 @@
+# proxy-filter
+
+## What it does
+
+This add-on registers a [PAC script](https://developer.mozilla.org/en-US/docs/Web/HTTP/Proxy_servers_and_tunneling/Proxy_Auto-Configuration_%28PAC%29_file) using the proxy API.
+
+The PAC script is initialized with a list of hostnames: it blocks requests to any hosts that are in the list.
+
+The list is given the following default values: `["example.com", "example.org"]`, but the user can add and remove hosts using the add-on's options page.
+
+Note that the hostname-matching is very simple: hostnames must exactly match an entry in the list if they are to be blocked. So with the default settings, "example.org" would be blocked but "www.example.org" would be permitted.
+
+To try it out:
+* install it
+* try visiting `http://example.com`, and see it is blocked
+* visit `about:addons`, open the add-on's preferences, and try changing the hostnames in the text box
+* try visiting some different pages, to see the effect of your changes.
+
+## What it shows
+
+* How to implement a simple PAC script, and register it using the proxy API.
+* How to exchange messages between a PAC script and a background script.
diff --git a/proxy-blocker/background/proxy-handler.js b/proxy-blocker/background/proxy-handler.js
new file mode 100644
index 0000000..4a0ff0b
--- /dev/null
+++ b/proxy-blocker/background/proxy-handler.js
@@ -0,0 +1,55 @@
+// Location of the proxy script, relative to manifest.json
+const proxyScriptURL = "proxy/proxy-script.js";
+
+// Default settings. If there is nothing in storage, use these values.
+const defaultSettings = {
+ blockedHosts: ["example.com", "example.org"]
+ }
+
+// Register the proxy script
+browser.proxy.register(proxyScriptURL);
+
+// Log any errors from the proxy script
+browser.proxy.onProxyError.addListener(error => {
+ console.error(`Proxy error: ${error.message}`);
+});
+
+// Initialize the proxy
+function handleInit() {
+ // update the proxy whenever stored settings change
+ browser.storage.onChanged.addListener((newSettings) => {
+ browser.runtime.sendMessage(newSettings.blockedHosts.newValue, {toProxyScript: true});
+ });
+
+ // get the current settings, then...
+ browser.storage.local.get()
+ .then((storedSettings) => {
+ // if there are stored settings, update the proxy with them...
+ if (storedSettings.blockedHosts) {
+ browser.runtime.sendMessage(storedSettings.blockedHosts, {toProxyScript: true});
+ // ...otherwise, initialize storage with the default values
+ } else {
+ browser.storage.local.set(defaultSettings);
+ }
+
+ })
+ .catch(()=> {
+ console.log("Error retrieving stored settings");
+ });
+}
+
+function handleMessage(message, sender) {
+ // only handle messages from the proxy script
+ if (sender.url != browser.extension.getURL(proxyScriptURL)) {
+ return;
+ }
+
+ if (message === "init") {
+ handleInit(message);
+ } else {
+ // after the init message the only other messages are status messages
+ console.log(message);
+ }
+}
+
+browser.runtime.onMessage.addListener(handleMessage);
diff --git a/proxy-blocker/icons/LICENSE b/proxy-blocker/icons/LICENSE
new file mode 100644
index 0000000..f39164e
--- /dev/null
+++ b/proxy-blocker/icons/LICENSE
@@ -0,0 +1 @@
+The "lock".svg" icon is taken from the Material Core iconset and is used under the terms of its license: https://www.iconfinder.com/iconsets/material-core.
diff --git a/proxy-blocker/icons/block.svg b/proxy-blocker/icons/block.svg
new file mode 100644
index 0000000..da360e2
--- /dev/null
+++ b/proxy-blocker/icons/block.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/proxy-blocker/manifest.json b/proxy-blocker/manifest.json
new file mode 100644
index 0000000..da36852
--- /dev/null
+++ b/proxy-blocker/manifest.json
@@ -0,0 +1,32 @@
+{
+
+ "manifest_version": 2,
+ "name": "Proxy-blocker",
+ "description": "Uses the proxy API to block requests to specific hosts.",
+ "version": "1.0",
+
+ "icons": {
+ "48": "icons/block.svg",
+ "96": "icons/block.svg"
+ },
+
+ "applications": {
+ "gecko": {
+ "strict_min_version": "56.0a1"
+ }
+ },
+
+ "background": {
+ "scripts": [
+ "background/proxy-handler.js"
+ ]
+ },
+
+ "options_ui": {
+ "page": "options/options.html",
+ "browser_style": true
+ },
+
+ "permissions": ["proxy", "storage"]
+
+}
diff --git a/proxy-blocker/options/options.css b/proxy-blocker/options/options.css
new file mode 100644
index 0000000..ac9d052
--- /dev/null
+++ b/proxy-blocker/options/options.css
@@ -0,0 +1,4 @@
+#blocked-hosts {
+ display: block;
+ margin-top: 1em;
+}
diff --git a/proxy-blocker/options/options.html b/proxy-blocker/options/options.html
new file mode 100644
index 0000000..7cbcf60
--- /dev/null
+++ b/proxy-blocker/options/options.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
+ Permissions Example
+ ++ Current permissions returned by the API: + +
++
-
+
- The
tabspermission has been granted on install.
+ - The
historypermission is an optional permission that can be + granted or + revoked. +
+ - The
cookiespermission cannot be granted, because it was not included in theoptional_permissionsmanifest key.
+ - The
foopermission cannot be granted, because it is not a valid permission name.
+
+
+ );
+ }
+}
diff --git a/react-es6-popup/src/popup.js b/react-es6-popup/src/popup.js
new file mode 100755
index 0000000..52da0ca
--- /dev/null
+++ b/react-es6-popup/src/popup.js
@@ -0,0 +1,36 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import Nested from './nested-component';
+
+class Popup extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {activeTab: null};
+ }
+
+ componentDidMount() {
+ // Get the active tab and store it in component state.
+ browser.tabs.query({active: true}).then(tabs => {
+ this.setState({activeTab: tabs[0]});
+ });
+ }
+
+ render() {
+ const {activeTab} = this.state;
+ return (
+ Nested Component
++ This is an example of a nested component that was imported via + import / export syntax. +
+
+
+ );
+ }
+}
+
+ReactDOM.render(React Component
++ This is an example of a popup UI in React. +
++ Active tab: {activeTab ? activeTab.url : '[waiting for result]'} +
+
+
+ );
+ }
+}
+```
+
+in plain Javascript (without JSX) this becomes:
+
+```
+// Shortcut for React components render methods.
+const el = React.createElement;
+
+class Popup extends React.Component {
+ render() {
+ return el("div", {className: "important"}, [
+ el("h3", {}, "A title"),
+ el("p", {}, "A text paragraph"),
+ ]);
+ }
+}
+```
diff --git a/store-collected-images/webextension-plain/background.js b/store-collected-images/webextension-plain/background.js
new file mode 100644
index 0000000..436131f
--- /dev/null
+++ b/store-collected-images/webextension-plain/background.js
@@ -0,0 +1,47 @@
+// Open the UI to navigate the collection images in a tab.
+browser.browserAction.onClicked.addListener(() => {
+ browser.tabs.create({url: "/navigate-collection.html"});
+});
+
+// Add a context menu action on every image element in the page.
+browser.contextMenus.create({
+ id: "collect-image",
+ title: "Add to the collected images",
+ contexts: ["image"],
+});
+
+// Manage pending collected images.
+let pendingCollectedUrls = [];
+browser.runtime.onMessage.addListener((msg) => {
+ if (msg.type === "get-pending-collected-urls") {
+ let urls = pendingCollectedUrls;
+ pendingCollectedUrls = [];
+ return Promise.resolve(urls);
+ }
+});
+
+// Handle the context menu action click events.
+browser.contextMenus.onClicked.addListener(async (info) => {
+ try {
+ await browser.runtime.sendMessage({
+ type: "new-collected-images",
+ url: info.srcUrl,
+ });
+ } catch (err) {
+ if (err.message.includes("Could not establish connection. Receiving end does not exist.")) {
+ // Add the url to the pending urls and open a popup.
+ pendingCollectedUrls.push(info.srcUrl);
+ try {
+ await browser.windows.create({
+ type: "popup", url: "/popup.html",
+ top: 0, left: 0, width: 300, height: 400,
+ });
+ } catch (err) {
+ console.error(err);
+ }
+ return;
+ }
+
+ console.error(err);
+ }
+});
diff --git a/store-collected-images/webextension-plain/deps/idb-file-storage.js b/store-collected-images/webextension-plain/deps/idb-file-storage.js
new file mode 100644
index 0000000..984a7f8
--- /dev/null
+++ b/store-collected-images/webextension-plain/deps/idb-file-storage.js
@@ -0,0 +1,801 @@
+(function (global, factory) {
+ if (typeof define === "function" && define.amd) {
+ define("idb-file-storage", ["exports"], factory);
+ } else if (typeof exports !== "undefined") {
+ factory(exports);
+ } else {
+ var mod = {
+ exports: {}
+ };
+ factory(mod.exports);
+ global.IDBFiles = mod.exports;
+ }
+})(this, function (exports) {
+ "use strict";
+
+ /**
+ * @typedef {Object} IDBPromisedFileHandle.Metadata
+ * @property {number} size
+ * The size of the file in bytes.
+ * @property {Date} last Modified
+ * The time and date of the last change to the file.
+ */
+
+ /**
+ * @typedef {Object} IDBFileStorage.ListFilteringOptions
+ * @property {string} startsWith
+ * A string to be checked with `fileNameString.startsWith(...)`.
+ * @property {string} endsWith
+ * A string to be checked with `fileNameString.endsWith(...)`.
+ * @property {string} includes
+ * A string to be checked with `fileNameString.includes(...)`.
+ * @property {function} filterFn
+ * A function to be used to check the file name (`filterFn(fileNameString)`).
+ */
+
+ /**
+ * Wraps a DOMRequest into a promise, optionally transforming the result using the onsuccess
+ * callback.
+ *
+ * @param {IDBRequest|DOMRequest} req
+ * The DOMRequest instance to wrap in a Promise.
+ * @param {function} [onsuccess]
+ * An optional onsuccess callback which can transform the result before resolving it.
+ *
+ * @returns {Promise}
+ * The promise which wraps the request result, rejected if the request.onerror has been
+ * called.
+ */
+
+ Object.defineProperty(exports, "__esModule", {
+ value: true
+ });
+ exports.waitForDOMRequest = waitForDOMRequest;
+ exports.getFileStorage = getFileStorage;
+ function waitForDOMRequest(req, onsuccess) {
+ return new Promise((resolve, reject) => {
+ req.onsuccess = onsuccess ? () => resolve(onsuccess(req.result)) : () => resolve(req.result);
+ req.onerror = () => reject(req.error);
+ });
+ }
+
+ /**
+ * Wraps an IDBMutableFile's FileHandle with a nicer Promise-based API.
+ *
+ * Instances of this class are created from the
+ * {@link IDBPromisedMutableFile.open} method.
+ */
+ class IDBPromisedFileHandle {
+ /**
+ * @private private helper method used internally.
+ */
+ constructor({ file, lockedFile }) {
+ // All the following properties are private and it should not be needed
+ // while using the API.
+
+ /** @private */
+ this.file = file;
+ /** @private */
+ this.lockedFile = lockedFile;
+ /** @private */
+ this.writeQueue = Promise.resolve();
+ /** @private */
+ this.closed = undefined;
+ /** @private */
+ this.aborted = undefined;
+ }
+
+ /**
+ * @private private helper method used internally.
+ */
+ ensureLocked({ invalidMode } = {}) {
+ if (this.closed) {
+ throw new Error("FileHandle has been closed");
+ }
+
+ if (this.aborted) {
+ throw new Error("FileHandle has been aborted");
+ }
+
+ if (!this.lockedFile) {
+ throw new Error("Invalid FileHandled");
+ }
+
+ if (invalidMode && this.lockedFile.mode === invalidMode) {
+ throw new Error(`FileHandle should not be opened as '${this.lockedFile.mode}'`);
+ }
+ if (!this.lockedFile.active) {
+ // Automatically relock the file with the last open mode
+ this.file.reopenFileHandle(this);
+ }
+ }
+
+ // Promise-based MutableFile API
+
+ /**
+ * Provide access to the mode that has been used to open the {@link IDBPromisedMutableFile}.
+ *
+ * @type {"readonly"|"readwrite"|"writeonly"}
+ */
+ get mode() {
+ return this.lockedFile.mode;
+ }
+
+ /**
+ * A boolean property that is true if the lock is still active.
+ *
+ * @type {boolean}
+ */
+ get active() {
+ return this.lockedFile ? this.lockedFile.active : false;
+ }
+
+ /**
+ * Close the locked file (and wait for any written data to be flushed if needed).
+ *
+ * @returns {Promise}
+ * A promise which is resolved when the close request has been completed
+ */
+ async close() {
+ if (!this.lockedFile) {
+ throw new Error("FileHandle is not open");
+ }
+
+ // Wait the queued write to complete.
+ await this.writeQueue;
+
+ // Wait for flush request to complete if needed.
+ if (this.lockedFile.active && this.lockedFile.mode !== "readonly") {
+ await waitForDOMRequest(this.lockedFile.flush());
+ }
+
+ this.closed = true;
+ this.lockedFile = null;
+ this.writeQueue = Promise.resolve();
+ }
+
+ /**
+ * Abort any pending data request and set the instance as aborted.
+ *
+ * @returns {Promise}
+ * A promise which is resolved when the abort request has been completed
+ */
+ async abort() {
+ if (this.lockedFile.active) {
+ // NOTE: in the docs abort is reported to return a DOMRequest, but it doesn't seem
+ // to be the case. (https://developer.mozilla.org/en-US/docs/Web/API/LockedFile/abort)
+ this.lockedFile.abort();
+ }
+
+ this.aborted = true;
+ this.lockedFile = null;
+ this.writeQueue = Promise.resolve();
+ }
+
+ /**
+ * Get the file metadata (take a look to {@link IDBPromisedFileHandle.Metadata} for more info).
+ *
+ * @returns {Promise<{size: number, lastModified: Date}>}
+ * A promise which is resolved when the request has been completed
+ */
+ async getMetadata() {
+ this.ensureLocked();
+ return waitForDOMRequest(this.lockedFile.getMetadata());
+ }
+
+ /**
+ * Read a given amount of data from the file as Text (optionally starting from the specified
+ * location).
+ *
+ * @param {number} size
+ * The amount of data to read.
+ * @param {number} [location]
+ * The location where the request should start to read the data.
+ *
+ * @returns {PromiseA title
+A text paragraph
+
+
+
+
+
+
+
+
+
diff --git a/store-collected-images/webextension-plain/navigate-collection.js b/store-collected-images/webextension-plain/navigate-collection.js
new file mode 100644
index 0000000..b5d49f9
--- /dev/null
+++ b/store-collected-images/webextension-plain/navigate-collection.js
@@ -0,0 +1,85 @@
+/* global loadStoredImages, removeStoredImages */
+
+"use strict";
+
+class NavigateCollectionUI {
+ constructor(containerEl) {
+ this.containerEl = containerEl;
+
+ this.state = {
+ storedImages: [],
+ };
+
+ this.onFilterUpdated = this.onFilterUpdated.bind(this);
+ this.onReload = this.onFilterUpdated;
+ this.onDelete = this.onDelete.bind(this);
+
+ this.containerEl.querySelector("button.reload-images").onclick = this.onReload;
+ this.containerEl.querySelector("button.delete-images").onclick = this.onDelete;
+ this.containerEl.querySelector("input.image-filter").onchange = this.onFilterUpdated;
+
+ // Load the stored image once the component has been rendered in the page.
+ this.onFilterUpdated();
+ }
+
+ get imageFilterValue() {
+ return this.containerEl.querySelector("input.image-filter").value;
+ }
+
+ set imageFilterValue(value) {
+ return this.containerEl.querySelector("input.image-filter").value = value;
+ }
+
+ setState(state) {
+ // Merge the new state on top of the previous one and re-render everything.
+ this.state = Object.assign(this.state, state);
+ this.render();
+ }
+
+ componentDidMount() {
+ // Load the stored image once the component has been rendered in the page.
+ this.onFilterUpdated();
+ }
+
+ onFilterUpdated() {
+ loadStoredImages(this.imageFilterValue)
+ .then((storedImages) => {
+ this.setState({storedImages});
+ })
+ .catch(console.error);
+ }
+
+ onDelete() {
+ const {storedImages} = this.state;
+ this.setState({storedImages: []});
+
+ removeStoredImages(storedImages).catch(console.error);
+ }
+
+ render() {
+ const {storedImages} = this.state;
+
+ const thumbnailsUl = this.containerEl.querySelector("ul.thumbnails");
+ while (thumbnailsUl.firstChild) {
+ thumbnailsUl.removeChild(thumbnailsUl.firstChild);
+ }
+
+ storedImages.forEach(({storedName, blobUrl}) => {
+ const onClickedImage = () => {
+ this.imageFilterValue = storedName;
+ this.onFilterUpdated();
+ };
+ const li = document.createElement("li");
+ const img = document.createElement("img");
+ li.setAttribute("id", storedName);
+ img.setAttribute("src", blobUrl);
+ img.onclick = onClickedImage;
+
+ li.appendChild(img);
+ thumbnailsUl.appendChild(li);
+ });
+ }
+}
+
+// eslint-disable-next-line no-unused-vars
+const navigateCollectionUI = new NavigateCollectionUI(document.getElementById('app'));
diff --git a/store-collected-images/webextension-plain/popup.css b/store-collected-images/webextension-plain/popup.css
new file mode 100755
index 0000000..2c7ea8d
--- /dev/null
+++ b/store-collected-images/webextension-plain/popup.css
@@ -0,0 +1,12 @@
+@import "shared.css";
+
+html, body {
+ width: 250px;
+ margin: 0;
+ padding: 0;
+ margin-left: 1em;
+}
+
+input {
+ width: 90%;
+}
diff --git a/store-collected-images/webextension-plain/popup.html b/store-collected-images/webextension-plain/popup.html
new file mode 100755
index 0000000..d7b4798
--- /dev/null
+++ b/store-collected-images/webextension-plain/popup.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+ Stored images
+ + + +
+
+
+
+
+
+
+
+
diff --git a/store-collected-images/webextension-plain/popup.js b/store-collected-images/webextension-plain/popup.js
new file mode 100644
index 0000000..0b3fc6a
--- /dev/null
+++ b/store-collected-images/webextension-plain/popup.js
@@ -0,0 +1,127 @@
+/* global saveCollectedBlobs, uuidv4, preventWindowDragAndDrop */
+
+"use strict";
+
+class Popup {
+ constructor(containerEl) {
+ this.containerEl = containerEl;
+
+ this.state = {
+ collectedBlobs: [],
+ lastMessage: undefined,
+ };
+
+ this.onClick = this.onClick.bind(this);
+
+ this.containerEl.querySelector("button.save-collection").onclick = this.onClick;
+ }
+
+ get collectionNameValue() {
+ return this.containerEl.querySelector("input.collection-name").value;
+ }
+
+ setState(state) {
+ // Merge the new state on top of the previous one and re-render everything.
+ this.state = Object.assign(this.state, state);
+ this.render();
+ }
+
+ onClick() {
+ if (!this.collectionNameValue) {
+ this.setState({
+ lastMessage: {text: "The collection name is mandatory.", type: "error"},
+ });
+
+ setTimeout(() => {
+ this.setState({lastMessage: undefined});
+ }, 2000);
+
+ return;
+ }
+
+ saveCollectedBlobs(this.collectionNameValue, this.state.collectedBlobs)
+ .then(() => {
+ this.setState({
+ lastMessage: {text: "All the collected images have been saved", type: "success"},
+ collectedBlobs: [],
+ });
+
+ setTimeout(() => {
+ this.setState({lastMessage: undefined});
+ }, 2000);
+ })
+ .catch((err) => {
+ this.setState({
+ lastMessage: {text: `Failed to save collected images: ${err}`, type: "error"},
+ });
+
+ setTimeout(() => {
+ this.setState({lastMessage: undefined});
+ }, 2000);
+ });
+ }
+
+ render() {
+ const {collectedBlobs, lastMessage} = this.state;
+
+ const lastMessageEl = this.containerEl.querySelector("p#error-message");
+ if (lastMessage) {
+ lastMessageEl.setAttribute("class", lastMessage.type);
+ lastMessageEl.textContent = lastMessage.text;
+ } else {
+ lastMessageEl.setAttribute("class", "");
+ lastMessageEl.textContent = "";
+ }
+
+ const thumbnailsUl = this.containerEl.querySelector("ul.thumbnails");
+ while (thumbnailsUl.firstChild) {
+ thumbnailsUl.removeChild(thumbnailsUl.firstChild);
+ }
+
+ collectedBlobs.forEach(({uuid, blobUrl}) => {
+ const li = document.createElement("li");
+ const img = document.createElement("img");
+ li.setAttribute("id", uuid);
+ img.setAttribute("src", blobUrl);
+ li.appendChild(img);
+
+ thumbnailsUl.appendChild(li);
+ });
+ }
+}
+
+const popup = new Popup(document.getElementById('app'));
+
+async function fetchBlobFromUrl(fetchUrl) {
+ const res = await fetch(fetchUrl);
+ const blob = await res.blob();
+
+ return {
+ blob,
+ blobUrl: URL.createObjectURL(blob),
+ fetchUrl,
+ uuid: uuidv4(),
+ };
+}
+
+preventWindowDragAndDrop();
+
+browser.runtime.onMessage.addListener(async (msg) => {
+ if (msg.type === "new-collected-images") {
+ let collectedBlobs = popup.state.collectedBlobs || [];
+ const fetchRes = await fetchBlobFromUrl(msg.url);
+ collectedBlobs.push(fetchRes);
+ popup.setState({collectedBlobs});
+ return true;
+ }
+});
+
+browser.runtime.sendMessage({type: "get-pending-collected-urls"}).then(async res => {
+ let collectedBlobs = popup.state.collectedBlobs || [];
+
+ for (const url of res) {
+ const fetchRes = await fetchBlobFromUrl(url);
+ collectedBlobs.push(fetchRes);
+ popup.setState({collectedBlobs});
+ }
+});
diff --git a/store-collected-images/webextension-plain/shared.css b/store-collected-images/webextension-plain/shared.css
new file mode 100644
index 0000000..e31f58c
--- /dev/null
+++ b/store-collected-images/webextension-plain/shared.css
@@ -0,0 +1,22 @@
+ul.thumbnails {
+ padding: 0;
+}
+
+ul.thumbnails li {
+ display: inline-block;
+ vertical-align: middle;
+ padding: 0.4em;
+}
+
+.thumbnails img {
+ max-width: 50px;
+ max-height: 50px;
+}
+
+.error {
+ background: rgba(255,0,0,0.4);
+}
+
+.success {
+ background: rgba(0,255,0,0.4);
+}
\ No newline at end of file
diff --git a/store-collected-images/webextension-plain/utils/handle-window-drag-and-drop.js b/store-collected-images/webextension-plain/utils/handle-window-drag-and-drop.js
new file mode 100644
index 0000000..34b74ef
--- /dev/null
+++ b/store-collected-images/webextension-plain/utils/handle-window-drag-and-drop.js
@@ -0,0 +1,14 @@
+/* exported preventWindowDragAndDrop */
+
+"use strict";
+
+function preventWindowDragAndDrop() {
+ function preventDefault(ev) {
+ ev.preventDefault();
+ return true;
+ }
+
+ window.ondragover = preventDefault;
+ window.ondragend = preventDefault;
+ window.ondrop = preventDefault;
+}
diff --git a/store-collected-images/webextension-plain/utils/image-store.js b/store-collected-images/webextension-plain/utils/image-store.js
new file mode 100644
index 0000000..2c52716
--- /dev/null
+++ b/store-collected-images/webextension-plain/utils/image-store.js
@@ -0,0 +1,37 @@
+/* global IDBFiles */
+/* exported saveCollectedBlobs, loadStoredImages, removeStoredImages */
+
+"use strict";
+
+async function saveCollectedBlobs(collectionName, collectedBlobs) {
+ const storedImages = await IDBFiles.getFileStorage({name: "stored-images"});
+
+ for (const item of collectedBlobs) {
+ await storedImages.put(`${collectionName}/${item.uuid}`, item.blob);
+ }
+}
+
+async function loadStoredImages(filter) {
+ const imagesStore = await IDBFiles.getFileStorage({name: "stored-images"});
+
+ let listOptions = filter ? {includes: filter} : undefined;
+ const imagesList = await imagesStore.list(listOptions);
+
+ let storedImages = [];
+
+ for (const storedName of imagesList) {
+ const blob = await imagesStore.get(storedName);
+
+ storedImages.push({storedName, blobUrl: URL.createObjectURL(blob)});
+ }
+
+ return storedImages;
+}
+
+async function removeStoredImages(storedImages) {
+ const imagesStore = await IDBFiles.getFileStorage({name: "stored-images"});
+ for (const storedImage of storedImages) {
+ URL.revokeObjectURL(storedImage.blobUrl);
+ await imagesStore.remove(storedImage.storedName);
+ }
+}
diff --git a/store-collected-images/webextension-with-webpack/.eslintrc b/store-collected-images/webextension-with-webpack/.eslintrc
new file mode 100644
index 0000000..1adf976
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/.eslintrc
@@ -0,0 +1,6 @@
+{
+ "parser": "babel-eslint",
+ "env": {
+ "commonjs": true
+ }
+}
\ No newline at end of file
diff --git a/store-collected-images/webextension-with-webpack/.gitignore b/store-collected-images/webextension-with-webpack/.gitignore
new file mode 100644
index 0000000..20ccaa9
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/.gitignore
@@ -0,0 +1,5 @@
+# Ignore build artifacts and other files.
+.DS_Store
+yarn.lock
+extension/dist
+node_modules
diff --git a/store-collected-images/webextension-with-webpack/README.md b/store-collected-images/webextension-with-webpack/README.md
new file mode 100644
index 0000000..b768140
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/README.md
@@ -0,0 +1,32 @@
+# "Image Reference Collector" example built with webpack (and React UI)
+
+## Usage
+
+This example is built using Babel and Webpack, and so the transpiled bundles have to
+be built first:
+
+you need to change into the example subdirectory and install all
+[NodeJS][nodejs] dependencies with [npm](http://npmjs.com/) or
+[yarn](https://yarnpkg.com/):
+
+ npm install
+
+You can build the extension using:
+
+ npm run build
+
+This creates the source bundles for the WebExtension in the `extension` subdirectory, and
+you can manually install the add-on on Firefox by loading the `extension` from the
+"about:debugging#addons" page.
+
+You can also build the sources and start a new Firefox instance with the add-on installed
+in one command:
+
+ npm run start
+
+To start a webpack instance that automatically rebuilds the add-on when
+you change the sources, in another shell window, you can run the following npm script:
+
+ npm run build:watch
+
+While this npm script is running, any time you edit a file, it will be rebuilt automatically.
diff --git a/store-collected-images/webextension-with-webpack/extension/images/icon.png b/store-collected-images/webextension-with-webpack/extension/images/icon.png
new file mode 100644
index 0000000..81fede1
Binary files /dev/null and b/store-collected-images/webextension-with-webpack/extension/images/icon.png differ
diff --git a/store-collected-images/webextension-with-webpack/extension/images/icon16.png b/store-collected-images/webextension-with-webpack/extension/images/icon16.png
new file mode 100644
index 0000000..8d4b5cc
Binary files /dev/null and b/store-collected-images/webextension-with-webpack/extension/images/icon16.png differ
diff --git a/store-collected-images/webextension-with-webpack/extension/manifest.json b/store-collected-images/webextension-with-webpack/extension/manifest.json
new file mode 100755
index 0000000..f99de3c
--- /dev/null
+++ b/store-collected-images/webextension-with-webpack/extension/manifest.json
@@ -0,0 +1,26 @@
+{
+ "manifest_version": 2,
+ "name": "store-collected-images",
+ "version": "1.0",
+
+ "icons": {
+ "16": "images/icon16.png",
+ "48": "images/icon.png"
+ },
+
+ "browser_action": {
+ "default_icon": {
+ "48": "images/icon.png"
+ },
+ "default_title": "Collected Images"
+ },
+
+ "background": {
+ "scripts": ["dist/background.js"]
+ },
+
+ "permissions": [
+ "contextMenus",
+ "Collected images
+ + + +-
+
-
+
+
+ );
+ }
+}
+
+ReactDOM.render(Stored images
+ + + +-
+ {
+ storedImages.map(({storedName, blobUrl}) => {
+ const onClickedImage = () => {
+ this.refs.imageFilter.value = storedName;
+ this.onFilterUpdated();
+ };
+ return
+
+ );
+ }
+}
+
+const popup = ReactDOM.render(Collected images
+ {lastMessage &&{lastMessage.text}
} + + +-
+ {
+ collectedBlobs.map(({uuid, blobUrl}) => {
+ return
Username and password
+
+
+
+
+ - Move active tab to the end of the window
- Duplicate active tab
- Reload active tab
- Remove active tab
- Create a tab
- Alert active tab info
+
+
+ Move active tab to the end of the window
+ + + + Duplicate active tab
+ Reload active tab
+ Alert active tab info
+ + + + Create a tab
+ Remove active tab
+ + + + Zoom in
+ Reset zoom
+ Zoom out
+ + + +
+
diff --git a/tabs-tabs-tabs/tabs.js b/tabs-tabs-tabs/tabs.js
index 4b09ffd..4580520 100644
--- a/tabs-tabs-tabs/tabs.js
+++ b/tabs-tabs-tabs/tabs.js
@@ -1,3 +1,9 @@
+// Zoom constants. Define Max, Min, increment and default values
+const ZOOM_INCREMENT = 0.2;
+const MAX_ZOOM = 3;
+const MIN_ZOOM = 0.3;
+const DEFAULT_ZOOM = 1;
+
function firstUnpinnedTab(tabs) {
for (var tab of tabs) {
if (!tab.pinned) {
@@ -6,16 +12,51 @@ function firstUnpinnedTab(tabs) {
}
}
-document.addEventListener("click", function(e) {
+/**
+ * listTabs to switch to
+ */
+function listTabs() {
+ getCurrentWindowTabs().then((tabs) => {
+ let tabsList = document.getElementById('tabs-list');
+ let currentTabs = document.createDocumentFragment();
+ let limit = 5;
+ let counter = 0;
+
+ tabsList.textContent = '';
+
+ for (let tab of tabs) {
+ if (!tab.active && counter <= limit) {
+ let tabLink = document.createElement('a');
+
+ tabLink.textContent = tab.title || tab.id;
+ tabLink.setAttribute('href', tab.id);
+ tabLink.classList.add('switch-tabs');
+ currentTabs.appendChild(tabLink);
+ }
+
+ counter += 1;
+ }
+
+ tabsList.appendChild(currentTabs);
+ });
+}
+
+document.addEventListener("DOMContentLoaded", listTabs);
+
+function getCurrentWindowTabs() {
+ return browser.tabs.query({currentWindow: true});
+}
+
+document.addEventListener("click", (e) => {
function callOnActiveTab(callback) {
- chrome.tabs.query({currentWindow: true}, function(tabs) {
+ getCurrentWindowTabs().then((tabs) => {
for (var tab of tabs) {
if (tab.active) {
callback(tab, tabs);
}
}
});
- }
+}
if (e.target.id === "tabs-move-beginning") {
callOnActiveTab((tab, tabs) => {
@@ -23,7 +64,8 @@ document.addEventListener("click", function(e) {
if (!tab.pinned) {
index = firstUnpinnedTab(tabs);
}
- chrome.tabs.move([tab.id], {index});
+ console.log(`moving ${tab.id} to ${index}`)
+ browser.tabs.move([tab.id], {index});
});
}
@@ -34,30 +76,30 @@ document.addEventListener("click", function(e) {
var lastPinnedTab = Math.max(0, firstUnpinnedTab(tabs) - 1);
index = lastPinnedTab;
}
- chrome.tabs.move([tab.id], {index});
+ browser.tabs.move([tab.id], {index});
});
}
else if (e.target.id === "tabs-duplicate") {
callOnActiveTab((tab) => {
- chrome.tabs.duplicate(tab.id);
+ browser.tabs.duplicate(tab.id);
});
}
else if (e.target.id === "tabs-reload") {
callOnActiveTab((tab) => {
- chrome.tabs.reload(tab.id);
+ browser.tabs.reload(tab.id);
});
}
else if (e.target.id === "tabs-remove") {
callOnActiveTab((tab) => {
- chrome.tabs.remove(tab.id);
+ browser.tabs.remove(tab.id);
});
}
else if (e.target.id === "tabs-create") {
- chrome.tabs.create({url: "https://developer.mozilla.org/en-US/Add-ons/WebExtensions"});
+ browser.tabs.create({url: "https://developer.mozilla.org/en-US/Add-ons/WebExtensions"});
}
else if (e.target.id === "tabs-alertinfo") {
@@ -70,5 +112,88 @@ document.addEventListener("click", function(e) {
});
}
+ else if (e.target.id === "tabs-add-zoom") {
+ callOnActiveTab((tab) => {
+ var gettingZoom = browser.tabs.getZoom(tab.id);
+ gettingZoom.then((zoomFactor) => {
+ //the maximum zoomFactor is 3, it can't go higher
+ if (zoomFactor >= MAX_ZOOM) {
+ alert("Tab zoom factor is already at max!");
+ } else {
+ var newZoomFactor = zoomFactor + ZOOM_INCREMENT;
+ //if the newZoomFactor is set to higher than the max accepted
+ //it won't change, and will never alert that it's at maximum
+ newZoomFactor = newZoomFactor > MAX_ZOOM ? MAX_ZOOM : newZoomFactor;
+ browser.tabs.setZoom(tab.id, newZoomFactor);
+ }
+ });
+ });
+ }
+
+ else if (e.target.id === "tabs-decrease-zoom") {
+ callOnActiveTab((tab) => {
+ var gettingZoom = browser.tabs.getZoom(tab.id);
+ gettingZoom.then((zoomFactor) => {
+ //the minimum zoomFactor is 0.3, it can't go lower
+ if (zoomFactor <= MIN_ZOOM) {
+ alert("Tab zoom factor is already at minimum!");
+ } else {
+ var newZoomFactor = zoomFactor - ZOOM_INCREMENT;
+ //if the newZoomFactor is set to lower than the min accepted
+ //it won't change, and will never alert that it's at minimum
+ newZoomFactor = newZoomFactor < MIN_ZOOM ? MIN_ZOOM : newZoomFactor;
+ browser.tabs.setZoom(tab.id, newZoomFactor);
+ }
+ });
+ });
+ }
+
+ else if (e.target.id === "tabs-default-zoom") {
+ callOnActiveTab((tab) => {
+ var gettingZoom = browser.tabs.getZoom(tab.id);
+ gettingZoom.then((zoomFactor) => {
+ if (zoomFactor == DEFAULT_ZOOM) {
+ alert("Tab zoom is already at the default zoom factor");
+ } else {
+ browser.tabs.setZoom(tab.id, DEFAULT_ZOOM);
+ }
+ });
+ });
+ }
+
+ else if (e.target.classList.contains('switch-tabs')) {
+ var tabId = +e.target.getAttribute('href');
+
+ browser.tabs.query({
+ currentWindow: true
+ }).then((tabs) => {
+ for (var tab of tabs) {
+ if (tab.id === tabId) {
+ browser.tabs.update(tabId, {
+ active: true
+ });
+ }
+ }
+ });
+ }
+
e.preventDefault();
});
+
+//onRemoved listener. fired when tab is removed
+browser.tabs.onRemoved.addListener((tabId, removeInfo) => {
+ console.log(`The tab with id: ${tabId}, is closing`);
+
+ if(removeInfo.isWindowClosing) {
+ console.log(`Its window is also closing.`);
+ } else {
+ console.log(`Its window is not closing`);
+ }
+});
+
+//onMoved listener. fired when tab is moved into the same window
+browser.tabs.onMoved.addListener((tabId, moveInfo) => {
+ var startIndex = moveInfo.fromIndex;
+ var endIndex = moveInfo.toIndex;
+ console.log(`Tab with id: ${tabId} moved from index: ${startIndex} to index: ${endIndex}`);
+});
diff --git a/theme-switcher/README.md b/theme-switcher/README.md
new file mode 100644
index 0000000..6e3a909
--- /dev/null
+++ b/theme-switcher/README.md
@@ -0,0 +1,11 @@
+# Theme Switcher
+
+## What it does
+
+Provides a popup that allows you to see the themes and switch between them.
+
+## What it shows
+
+Demonstrates using the management API.
+
+The "star-half.svg" icon is taken from the Material Core iconset and is used under the terms of its license: https://www.iconfinder.com/iconsets/material-core.
diff --git a/theme-switcher/manifest.json b/theme-switcher/manifest.json
new file mode 100644
index 0000000..f873ee7
--- /dev/null
+++ b/theme-switcher/manifest.json
@@ -0,0 +1,26 @@
+{
+ "browser_action": {
+ "default_title": "Theme switcher",
+ "default_popup": "switcher.html",
+ "browser_style": true,
+ "default_icon": {
+ "128": "star-half.svg"
+ }
+ },
+ "description": "An example of how to use the management API for themes.",
+ "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/theme-switcher",
+ "manifest_version": 2,
+ "name": "Theme Switcher",
+ "permissions": [
+ "management"
+ ],
+ "icons": {
+ "128": "star-half.svg"
+ },
+ "version": "1.0",
+ "applications": {
+ "gecko": {
+ "strict_min_version": "55.0a1"
+ }
+ }
+}
diff --git a/theme-switcher/star-half.svg b/theme-switcher/star-half.svg
new file mode 100644
index 0000000..d120a5d
--- /dev/null
+++ b/theme-switcher/star-half.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/theme-switcher/switcher.css b/theme-switcher/switcher.css
new file mode 100644
index 0000000..997ba0b
--- /dev/null
+++ b/theme-switcher/switcher.css
@@ -0,0 +1,3 @@
+body {
+ padding: 1em;
+}
diff --git a/theme-switcher/switcher.html b/theme-switcher/switcher.html
new file mode 100644
index 0000000..da9b908
--- /dev/null
+++ b/theme-switcher/switcher.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+
+ Move active tab to the beginning of the windowTabs-tabs-tabs
+ + Move active tab to the end of the window
+ + + + Duplicate active tab
+ Reload active tab
+ Alert active tab info
+ + + + Create a tab
+ Remove active tab
+ + + + Zoom in
+ Reset zoom
+ Zoom out
+ + + +
+
+ Switch to tab
+ + +Choose a Firefox theme:
+ + + + diff --git a/theme-switcher/switcher.js b/theme-switcher/switcher.js new file mode 100644 index 0000000..0fadf9e --- /dev/null +++ b/theme-switcher/switcher.js @@ -0,0 +1,24 @@ +var themeList = document.getElementById('theme-list'); + +function enableTheme(e) { + browser.management.setEnabled(e.target.value, true); + e.preventDefault(); + window.close(); +} + +browser.management.getAll().then((extensions) => { + for (let extension of extensions) { + if (extension.type !== 'theme') { + continue; + } + let option = document.createElement('option'); + option.textContent = extension.name; + option.value = extension.id; + if (extension.enabled) { + option.selected = true; + } + themeList.appendChild(option); + } +}); + +themeList.addEventListener('change', enableTheme); diff --git a/themes/animated/README.md b/themes/animated/README.md new file mode 100644 index 0000000..f1e4744 --- /dev/null +++ b/themes/animated/README.md @@ -0,0 +1,9 @@ +# Themes: Animated + +## What it does + +Employs an animated PNG image as the headerURL image in a theme. + +## What it shows + +How to use an animated image in a theme. diff --git a/themes/animated/manifest.json b/themes/animated/manifest.json new file mode 100755 index 0000000..e7c9751 --- /dev/null +++ b/themes/animated/manifest.json @@ -0,0 +1,19 @@ +{ + + "description": "Theme using an animated PNG file as the headerURL image. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes", + "manifest_version": 2, + "name": "animated", + "version": "1.0", + "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/animated", + + "theme": { + "images": { + "headerURL": "parrot.png" + }, + + "colors": { + "accentcolor": "#ffffff", + "textcolor": "#000" + } + } +} diff --git a/themes/animated/parrot.png b/themes/animated/parrot.png new file mode 100755 index 0000000..e77366b Binary files /dev/null and b/themes/animated/parrot.png differ diff --git a/themes/animated/parrot_frames/1.png b/themes/animated/parrot_frames/1.png new file mode 100755 index 0000000..2acd576 Binary files /dev/null and b/themes/animated/parrot_frames/1.png differ diff --git a/themes/animated/parrot_frames/10.png b/themes/animated/parrot_frames/10.png new file mode 100755 index 0000000..071b908 Binary files /dev/null and b/themes/animated/parrot_frames/10.png differ diff --git a/themes/animated/parrot_frames/2.png b/themes/animated/parrot_frames/2.png new file mode 100755 index 0000000..cca931a Binary files /dev/null and b/themes/animated/parrot_frames/2.png differ diff --git a/themes/animated/parrot_frames/3.png b/themes/animated/parrot_frames/3.png new file mode 100755 index 0000000..7c57152 Binary files /dev/null and b/themes/animated/parrot_frames/3.png differ diff --git a/themes/animated/parrot_frames/4.png b/themes/animated/parrot_frames/4.png new file mode 100755 index 0000000..14dff5e Binary files /dev/null and b/themes/animated/parrot_frames/4.png differ diff --git a/themes/animated/parrot_frames/5.png b/themes/animated/parrot_frames/5.png new file mode 100755 index 0000000..e1ff036 Binary files /dev/null and b/themes/animated/parrot_frames/5.png differ diff --git a/themes/animated/parrot_frames/6.png b/themes/animated/parrot_frames/6.png new file mode 100755 index 0000000..17c05ec Binary files /dev/null and b/themes/animated/parrot_frames/6.png differ diff --git a/themes/animated/parrot_frames/7.png b/themes/animated/parrot_frames/7.png new file mode 100755 index 0000000..3f28616 Binary files /dev/null and b/themes/animated/parrot_frames/7.png differ diff --git a/themes/animated/parrot_frames/8.png b/themes/animated/parrot_frames/8.png new file mode 100755 index 0000000..eb02e61 Binary files /dev/null and b/themes/animated/parrot_frames/8.png differ diff --git a/themes/animated/parrot_frames/9.png b/themes/animated/parrot_frames/9.png new file mode 100755 index 0000000..f73dd3d Binary files /dev/null and b/themes/animated/parrot_frames/9.png differ diff --git a/themes/weta_fade/README.md b/themes/weta_fade/README.md new file mode 100644 index 0000000..e2fd8d1 --- /dev/null +++ b/themes/weta_fade/README.md @@ -0,0 +1,10 @@ +# Themes: weta_fade + +## What it does + +Employs a PNG image as the headerURL image in a theme. + +## What it shows + +How to create a single image theme, using a faded edge and background color to ensure +the image works well on a range of screen sizes. diff --git a/themes/weta_fade/manifest.json b/themes/weta_fade/manifest.json new file mode 100644 index 0000000..30145f7 --- /dev/null +++ b/themes/weta_fade/manifest.json @@ -0,0 +1,19 @@ +{ + + "description": "Theme using a PNG as the headerURL image, employing a faded edge. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes", + "manifest_version": 2, + "name": "weta_fade", + "version": "1.0", + "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/weta_fade", + + "theme": { + "images": { + "headerURL": "weta.png" + }, + + "colors": { + "accentcolor": "#adb09f", + "textcolor": "#000" + } + } +} diff --git a/themes/weta_fade/weta.png b/themes/weta_fade/weta.png new file mode 100755 index 0000000..8b79595 Binary files /dev/null and b/themes/weta_fade/weta.png differ diff --git a/themes/weta_fade_chrome/README.md b/themes/weta_fade_chrome/README.md new file mode 100644 index 0000000..2de7d43 --- /dev/null +++ b/themes/weta_fade_chrome/README.md @@ -0,0 +1,9 @@ +# Themes: Animated + +## What it does + +Employs an PNG image as the Chrome compatible theme_frame image in a theme. + +## What it shows + +How to use the Chrome compatible keys in a theme's manifest.json file to make a theme available for Firefox and Chrome. diff --git a/themes/weta_fade_chrome/manifest.json b/themes/weta_fade_chrome/manifest.json new file mode 100755 index 0000000..ea0d35d --- /dev/null +++ b/themes/weta_fade_chrome/manifest.json @@ -0,0 +1,21 @@ +{ + + "description": "Version of the weta_fade theme using the Chrome compatible manifest keys. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes", + "manifest_version": 2, + "name": "weta_fade_chrome", + "version": "1.0", + "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/weta_fade_chrome", + + + "theme": { + "images": { + "theme_frame": "weta.png" + }, + + "colors": { + "frame": [ 173 , 176 , 159 ], + "tab_text": [ 0 , 0 , 0 ] + } + } + +} diff --git a/themes/weta_fade_chrome/weta.png b/themes/weta_fade_chrome/weta.png new file mode 100755 index 0000000..8b79595 Binary files /dev/null and b/themes/weta_fade_chrome/weta.png differ diff --git a/themes/weta_mirror/README.md b/themes/weta_mirror/README.md new file mode 100644 index 0000000..7610d42 --- /dev/null +++ b/themes/weta_mirror/README.md @@ -0,0 +1,9 @@ +# Themes: Animated + +## What it does + +Employs two PNG images to create a mirror effect with the theme images. + +## What it shows + +How to use "additional_backgrounds": in conjunction with "additional_backgrounds_alignment": to place multiple images within the browser header. diff --git a/themes/weta_mirror/empty.png b/themes/weta_mirror/empty.png new file mode 100755 index 0000000..ceafa98 Binary files /dev/null and b/themes/weta_mirror/empty.png differ diff --git a/themes/weta_mirror/manifest.json b/themes/weta_mirror/manifest.json new file mode 100755 index 0000000..7a6749d --- /dev/null +++ b/themes/weta_mirror/manifest.json @@ -0,0 +1,24 @@ +{ + + "description": "Theme using multiple additional_backgrounds images. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes", + "manifest_version": 2, + "name": "weta_mirror", + "version": "1.0", + "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/weta_mirror", + + "theme": { + "images": { + "headerURL": "empty.png", + "additional_backgrounds": [ "weta.png", "weta-left.png"] + }, + + "properties": { + "additional_backgrounds_alignment": [ "right top" , "left top" ] + }, + + "colors": { + "accentcolor": "#adb09f", + "textcolor": "#000" + } + } +} diff --git a/themes/weta_mirror/weta-left.png b/themes/weta_mirror/weta-left.png new file mode 100755 index 0000000..1c7d816 Binary files /dev/null and b/themes/weta_mirror/weta-left.png differ diff --git a/themes/weta_mirror/weta.png b/themes/weta_mirror/weta.png new file mode 100755 index 0000000..8b79595 Binary files /dev/null and b/themes/weta_mirror/weta.png differ diff --git a/themes/weta_tiled/README.md b/themes/weta_tiled/README.md new file mode 100644 index 0000000..11d539d --- /dev/null +++ b/themes/weta_tiled/README.md @@ -0,0 +1,9 @@ +# Themes: Animated + +## What it does + +Tiles a PNG imagein the browser header. + +## What it shows + +How to use "additional_backgrounds": in conjunction with "additional_backgrounds_alignment": and "additional_backgrounds_tiling": to place an image within the browser header and then tile it. diff --git a/themes/weta_tiled/empty.png b/themes/weta_tiled/empty.png new file mode 100755 index 0000000..ceafa98 Binary files /dev/null and b/themes/weta_tiled/empty.png differ diff --git a/themes/weta_tiled/manifest.json b/themes/weta_tiled/manifest.json new file mode 100644 index 0000000..347b65c --- /dev/null +++ b/themes/weta_tiled/manifest.json @@ -0,0 +1,25 @@ +{ + + "description": "Theme with a single image placed centrally and then tiled. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#themes", + "manifest_version": 2, + "name": "weta_tiled", + "version": "1.0", + "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/themes/weta_tiled", + + "theme": { + "images": { + "headerURL": "empty.png", + "additional_backgrounds": [ "weta_for_tiling.png"] + }, + + "properties": { + "additional_backgrounds_alignment": [ "top" ], + "additional_backgrounds_tiling": [ "repeat" ] + }, + + "colors": { + "accentcolor": "#adb09f", + "textcolor": "#000" + } + } +} diff --git a/themes/weta_tiled/weta_for_tiling.png b/themes/weta_tiled/weta_for_tiling.png new file mode 100755 index 0000000..467a548 Binary files /dev/null and b/themes/weta_tiled/weta_for_tiling.png differ diff --git a/top-sites/README.md b/top-sites/README.md new file mode 100644 index 0000000..dbf70c7 --- /dev/null +++ b/top-sites/README.md @@ -0,0 +1,9 @@ +# Top Sites + +## What it does + +This extension replaces the built-in page shown when the user opens a new tab without specifying a page to load (for example, when the user presses Ctrl+T). The replacement page is populated with links taken from the topSites API. + +# What it shows + +How to use chrome_url_overrides and the topSites API. diff --git a/top-sites/bootstrap.min.css b/top-sites/bootstrap.min.css new file mode 100644 index 0000000..ed3905e --- /dev/null +++ b/top-sites/bootstrap.min.css @@ -0,0 +1,6 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/top-sites/manifest.json b/top-sites/manifest.json new file mode 100644 index 0000000..ae6f273 --- /dev/null +++ b/top-sites/manifest.json @@ -0,0 +1,16 @@ +{ + "manifest_version": 2, + "name": "Override examples", + "version": "0.1", + "chrome_url_overrides": { + "newtab": "sites.html" + }, + "permissions": [ + "topSites" + ], + "applications": { + "gecko": { + "strict_min_version": "54.0a1" + } + } +} diff --git a/top-sites/sites.html b/top-sites/sites.html new file mode 100644 index 0000000..9ecb441 --- /dev/null +++ b/top-sites/sites.html @@ -0,0 +1,21 @@ + + + + + + + + +
+
+
+
+
diff --git a/top-sites/sites.js b/top-sites/sites.js
new file mode 100644
index 0000000..f70573f
--- /dev/null
+++ b/top-sites/sites.js
@@ -0,0 +1,23 @@
+browser.topSites.get()
+ .then((sites) => {
+ var div = document.getElementById('site-list');
+
+ if (!sites.length) {
+ div.innerText = 'No sites returned from the topSites API.';
+ return;
+ }
+
+ let ul = document.createElement('ul');
+ ul.className = 'list-group';
+ for (let site of sites) {
+ let li = document.createElement('li');
+ li.className = 'list-group-item';
+ let a = document.createElement('a');
+ a.href = site.url;
+ a.innerText = site.title || site.url;
+ li.appendChild(a);
+ ul.appendChild(li);
+ }
+
+ div.appendChild(ul);
+ });
diff --git a/user-agent-rewriter/README.md b/user-agent-rewriter/README.md
index de0bd80..844afa8 100644
--- a/user-agent-rewriter/README.md
+++ b/user-agent-rewriter/README.md
@@ -2,9 +2,9 @@
## What it does
-This extension uses the webRequest API to rewrite the browser's User Agent header, but only when visiting pages under "http://useragentstring.com/".
+This extension uses the webRequest API to rewrite the browser's User Agent header, but only when visiting pages under "https://httpbin.org", for example: https://httpbin.org/user-agent
-It adds a browser action. The browser action has a popup that lets the user choose one of three browsers: Firefox 41, Chrome 41, and IE 11. When the user chooses a browser, the extension then rewrites the User Agent header so the real browser identifies itself as the chosen browser on the site http://useragentstring.com/.
+It adds a browser action. The browser action has a popup that lets the user choose one of three browsers: Firefox 41, Chrome 41, and IE 11. When the user chooses a browser, the extension then rewrites the User Agent header so the real browser identifies itself as the chosen browser on the site https://httpbin.org/.
## What it shows
diff --git a/user-agent-rewriter/background.js b/user-agent-rewriter/background.js
index 4b2e347..c345a08 100644
--- a/user-agent-rewriter/background.js
+++ b/user-agent-rewriter/background.js
@@ -3,7 +3,7 @@
/*
This is the page for which we want to rewrite the User-Agent header.
*/
-var targetPage = "http://useragentstring.com/*";
+var targetPage = "https://httpbin.org/*";
/*
Map browser names to UA strings.
@@ -24,7 +24,7 @@ Rewrite the User-Agent header to "ua".
*/
function rewriteUserAgentHeader(e) {
for (var header of e.requestHeaders) {
- if (header.name == "User-Agent") {
+ if (header.name.toLowerCase() === "user-agent") {
header.value = ua;
}
}
@@ -37,7 +37,7 @@ only for the target page.
Make it "blocking" so we can modify the headers.
*/
-chrome.webRequest.onBeforeSendHeaders.addListener(rewriteUserAgentHeader,
+browser.webRequest.onBeforeSendHeaders.addListener(rewriteUserAgentHeader,
{urls: [targetPage]},
["blocking", "requestHeaders"]);
diff --git a/user-agent-rewriter/manifest.json b/user-agent-rewriter/manifest.json
index 698ea1e..f2bb5a2 100644
--- a/user-agent-rewriter/manifest.json
+++ b/user-agent-rewriter/manifest.json
@@ -9,15 +9,8 @@
"48": "icons/person-48.png"
},
- "applications": {
- "gecko": {
- "id": "user-agent-rewriter@mozilla.org",
- "strict_min_version": "45.0"
- }
- },
-
"permissions": [
- "webRequest", "webRequestBlocking", "http://useragentstring.com/*"
+ "webRequest", "webRequestBlocking", "https://httpbin.org/*"
],
"background": {
diff --git a/user-agent-rewriter/popup/choose_ua.js b/user-agent-rewriter/popup/choose_ua.js
index 0a1869b..91dbbc9 100644
--- a/user-agent-rewriter/popup/choose_ua.js
+++ b/user-agent-rewriter/popup/choose_ua.js
@@ -4,12 +4,12 @@ If the user clicks on an element which has the class "ua-choice":
* fetch the element's textContent: for example, "IE 11"
* pass it into the background page's setUaString() function
*/
-document.addEventListener("click", function(e) {
+document.addEventListener("click", (e) => {
if (!e.target.classList.contains("ua-choice")) {
return;
}
var chosenUa = e.target.textContent;
- var backgroundPage = chrome.extension.getBackgroundPage();
+ var backgroundPage = browser.extension.getBackgroundPage();
backgroundPage.setUaString(chosenUa);
});
diff --git a/webpack-modules/.eslintrc.json b/webpack-modules/.eslintrc.json
new file mode 100644
index 0000000..30e26e9
--- /dev/null
+++ b/webpack-modules/.eslintrc.json
@@ -0,0 +1,8 @@
+{
+ "env": {
+ "browser": true,
+ "es6": true,
+ "amd": true,
+ "webextensions": true
+ }
+}
diff --git a/webpack-modules/README.md b/webpack-modules/README.md
new file mode 100644
index 0000000..eaf5d1b
--- /dev/null
+++ b/webpack-modules/README.md
@@ -0,0 +1,47 @@
+# WebExtension Webpack Example
+A minimal example of how to use [webpack](https://webpack.github.io) to package
+[npm](https://npmjs.com) modules so they can be used in a WebExtension.
+The example package used by this extension is `left-pad`, an essential package
+in almost any situation.
+
+## What it does
+This example shows how to use a node module in a background and a content script.
+It defines two build targets in [webpack.config.js](webpack.config.js), they each
+generate a file that includes all modules used the entry point and store it in
+the [addon](addon/) folder. The first one starts with [background_scripts/background.js](background_scripts/background.js)
+and stores it in `addon/background_scripts/index.js`. The other one does the
+same for [popup/left-pad.js](popup/left-pad.js) and stores it in `addon/popup/index.js`.
+
+The extension includes a browser action with a popup, which provides an UI for
+running left-pad on a string with a chosen character. The operation can either be
+performed with the left-pad module included in the panel's script or in the
+background script.
+
+## What it could do
+This could be infinitely extended - injecting global jQuery, adding babel,
+react/jsx, css modules, image processing, local modules and so on.
+
+## What it shows
+
+ - How to use npm or custom modules in a WebExtension.
+
+## How to build it
+
+ - `npm install`
+ - `npm run build`
+
+The WebExtension in the [addon](addon/) folder should now work.
+
+## What about Browserify?
+[Browserify](http://browserify.org/) works just as well as webpack for extensions. In the end it's a
+personal choice about your preferred tool.
+
+## Live-development
+As well as watching the folder with your `manifest.json` in it, you will also
+have to run webpack in watch mode. You can use the
+[webpack-webext-plugin](https://github.com/rpl/webpack-webext-plugin) to simplify the workflow.
+
+## On addons.mozilla.org Reviews
+Files generated by webpack and friends are compiled files. You have to [upload the source](https://developer.mozilla.org/en-US/Add-ons/AMO/Policy/Reviews#Source_Code_Submission) you generated your extension from to AMO for review of a listed extension. This will mean that your extension has to be reviewed by an admin reviewer, which will result in a longer wait time in queue.
+
+To make the review easier, you can exclude third-party libraries from your output and directly ship the original distribution files for the libraries. This allows AMO to automatically recognize libraries and mark them as safe. This can be achieved with [externals](https://webpack.js.org/configuration/externals/) in the configuration for webpack.
diff --git a/webpack-modules/addon/icons/leftpad-32.png b/webpack-modules/addon/icons/leftpad-32.png
new file mode 100644
index 0000000..4987e78
Binary files /dev/null and b/webpack-modules/addon/icons/leftpad-32.png differ
diff --git a/webpack-modules/addon/manifest.json b/webpack-modules/addon/manifest.json
new file mode 100644
index 0000000..62ae79f
--- /dev/null
+++ b/webpack-modules/addon/manifest.json
@@ -0,0 +1,18 @@
+{
+ "manifest_version": 2,
+ "name": "Webpack Example",
+ "version": "1.0.0",
+ "description": "A minimal example of how to use npm modules from within a WebExtension.",
+ "icons": {
+ "32": "icons/leftpad-32.png"
+ },
+ "browser_action": {
+ "default_icon": "icons/leftpad-32.png",
+ "default_title": "Left Pad",
+ "default_popup": "popup/left-pad.html",
+ "browser_style": true
+ },
+ "background": {
+ "scripts": ["background_scripts/index.js"]
+ }
+}
diff --git a/webpack-modules/addon/popup/left-pad.html b/webpack-modules/addon/popup/left-pad.html
new file mode 100644
index 0000000..8fb2e2a
--- /dev/null
+++ b/webpack-modules/addon/popup/left-pad.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/webpack-modules/addon/popup/style.css b/webpack-modules/addon/popup/style.css
new file mode 100644
index 0000000..5b1c6aa
--- /dev/null
+++ b/webpack-modules/addon/popup/style.css
@@ -0,0 +1,46 @@
+/*
+ * These styles extend the styles from browser_styles, see https://firefoxux.github.io/StyleGuide.
+ */
+
+/* For some reason the footer creates a horizontal overflow */
+body {
+ overflow-x: hidden;
+}
+
+.panel-formElements-item label {
+ width: 80px;
+}
+
+.panel-formElements-item output,
+.panel-formElements-item input[type="number"] {
+ flex-grow: 1;
+}
+
+input[type="number"] {
+ background-color: #fff;
+ border: 1px solid #b1b1b1;
+ box-shadow: 0 0 0 0 rgba(97, 181, 255, 0);
+ font: caption;
+ padding: 0 6px 0;
+ transition-duration: 250ms;
+ transition-property: box-shadow;
+ height: 24px;
+}
+
+input[type="number"]:hover {
+ border-color: #858585;
+}
+
+input[type="number"]:focus {
+ border-color: #0996f8;
+ box-shadow: 0 0 0 2px rgba(97, 181, 255, 0.75);
+}
+
+/* Reset the default styles for buttons if it's a footer button */
+button.panel-section-footer-button {
+ padding: 12px;
+ border: none;
+ margin: 0;
+ box-shadow: none;
+ background-color: none;
+}
diff --git a/webpack-modules/background_scripts/background.js b/webpack-modules/background_scripts/background.js
new file mode 100644
index 0000000..7af7653
--- /dev/null
+++ b/webpack-modules/background_scripts/background.js
@@ -0,0 +1,6 @@
+const leftPad = require("left-pad");
+
+browser.runtime.onMessage.addListener((message, sender, sendResponse) => {
+ const result = leftPad(message.text, message.amount, message.with);
+ sendResponse(result);
+});
diff --git a/webpack-modules/package.json b/webpack-modules/package.json
new file mode 100644
index 0000000..7031cad
--- /dev/null
+++ b/webpack-modules/package.json
@@ -0,0 +1,16 @@
+{
+ "name": "webpack-webextension",
+ "version": "1.0.0",
+ "description": "A minimal example of how to use npm modules from within a WebExtension.",
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1",
+ "build": "webpack"
+ },
+ "license": "MPL-2.0",
+ "devDependencies": {
+ "webpack": "^2.3.2"
+ },
+ "dependencies": {
+ "left-pad": "^1.1.1"
+ }
+}
diff --git a/webpack-modules/popup/left-pad.js b/webpack-modules/popup/left-pad.js
new file mode 100644
index 0000000..766d1a4
--- /dev/null
+++ b/webpack-modules/popup/left-pad.js
@@ -0,0 +1,24 @@
+const leftPad = require("left-pad");
+
+const resultNode = document.getElementById("result");
+const textNode = document.getElementById("text");
+const amountNode = document.getElementById("amount");
+const withNode = document.getElementById("with");
+
+document.getElementById("leftpad-form").addEventListener("submit", (e) => {
+ e.preventDefault();
+
+ console.log("padding");
+ resultNode.value = leftPad(textNode.value, amountNode.valueAsNumber, withNode.value);
+}, false);
+
+document.getElementById("pad-bg").addEventListener("click", (e) => {
+ var sendingMessage = browser.runtime.sendMessage({
+ text: textNode.value,
+ amount: amountNode.valueAsNumber,
+ with: withNode.value
+ });
+ sendingMessage.then((result) => {
+ resultNode.value = result;
+ });
+});
diff --git a/webpack-modules/webpack.config.js b/webpack-modules/webpack.config.js
new file mode 100644
index 0000000..e19012a
--- /dev/null
+++ b/webpack-modules/webpack.config.js
@@ -0,0 +1,12 @@
+const path = require("path");
+
+module.exports = {
+ entry: {
+ background_scripts: "./background_scripts/background.js",
+ popup: "./popup/left-pad.js"
+ },
+ output: {
+ path: path.resolve(__dirname, "addon"),
+ filename: "[name]/index.js"
+ }
+};
diff --git a/window-manipulator/README.md b/window-manipulator/README.md
new file mode 100644
index 0000000..46d37cf
--- /dev/null
+++ b/window-manipulator/README.md
@@ -0,0 +1,11 @@
+# Window manipulator
+
+## What it does
+
+This extension includes a browser action with a popup specified as "window.html".
+
+The popup lets the user perform various simple operations using the windows API.
+
+# What it shows
+
+Demonstration of various windows API functions.
diff --git a/window-manipulator/icons/window.png b/window-manipulator/icons/window.png
new file mode 100644
index 0000000..e707a11
Binary files /dev/null and b/window-manipulator/icons/window.png differ
diff --git a/window-manipulator/icons/window19.png b/window-manipulator/icons/window19.png
new file mode 100644
index 0000000..8207534
Binary files /dev/null and b/window-manipulator/icons/window19.png differ
diff --git a/window-manipulator/icons/window38.png b/window-manipulator/icons/window38.png
new file mode 100644
index 0000000..b42ab1e
Binary files /dev/null and b/window-manipulator/icons/window38.png differ
diff --git a/window-manipulator/icons/window@2x.png b/window-manipulator/icons/window@2x.png
new file mode 100644
index 0000000..9a5044e
Binary files /dev/null and b/window-manipulator/icons/window@2x.png differ
diff --git a/window-manipulator/manifest.json b/window-manipulator/manifest.json
new file mode 100644
index 0000000..5963b9b
--- /dev/null
+++ b/window-manipulator/manifest.json
@@ -0,0 +1,20 @@
+{
+ "browser_action": {
+ "browser_style": true,
+ "default_title": "Window manipulator",
+ "default_popup": "window.html",
+ "default_icon": {
+ "19": "icons/window19.png",
+ "38": "icons/window38.png"
+ }
+ },
+ "icons": {
+ "48": "icons/window.png",
+ "96": "icons/window@2x.png"
+ },
+ "description": "A list of methods you can perform on a window.",
+ "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/window-manipulator",
+ "manifest_version": 2,
+ "name": "Window manipulator",
+ "version": "1.0"
+}
diff --git a/window-manipulator/window.css b/window-manipulator/window.css
new file mode 100644
index 0000000..959491f
--- /dev/null
+++ b/window-manipulator/window.css
@@ -0,0 +1,12 @@
+html, body {
+ width: 350px;
+}
+
+a {
+ margin: 10px;
+ display: inline-block;
+}
+
+.panel {
+ margin: 5px;
+}
diff --git a/window-manipulator/window.html b/window-manipulator/window.html
new file mode 100644
index 0000000..f1ebd95
--- /dev/null
+++ b/window-manipulator/window.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
+ Top Site and new tab override example
+For more examples see this + github repository + or check the WebExtension + documentation. +
+
+
+
+
+ Resize all windows to 1024x768
+ Minimize
+ + + + Preface title
+ + + + Create new incognito window
+ Create normal window
+ Create panel
+ Create detached panel
+ Create popup
+ + + + Remove active window
+ +
+
+
+
+
+
diff --git a/window-manipulator/window.js b/window-manipulator/window.js
new file mode 100644
index 0000000..b7e9396
--- /dev/null
+++ b/window-manipulator/window.js
@@ -0,0 +1,105 @@
+document.addEventListener("click", (e) => {
+
+ function getCurrentWindow() {
+ return browser.windows.getCurrent();
+ }
+
+ if (e.target.id === "window-update-size_768") {
+ getCurrentWindow().then((currentWindow) => {
+ var updateInfo = {
+ width: 768,
+ height: 1024
+ };
+
+ browser.windows.update(currentWindow.id, updateInfo);
+ });
+ }
+
+ if (e.target.id === "window-update-minimize") {
+ getCurrentWindow().then((currentWindow) => {
+ var updateInfo = {
+ state: "minimized"
+ };
+
+ browser.windows.update(currentWindow.id, updateInfo);
+ });
+ }
+
+ else if (e.target.id === "window-create-normal") {
+ let createData = {};
+ let creating = browser.windows.create(createData);
+ creating.then(() => {
+ console.log("The normal window has been created");
+ });
+ }
+
+ else if (e.target.id === "window-create-incognito") {
+ let createData = {
+ incognito: true,
+ };
+ let creating = browser.windows.create(createData);
+ creating.then(() => {
+ console.log("The incognito window has been created");
+ });
+ }
+
+ else if (e.target.id === "window-create-panel") {
+ let createData = {
+ type: "panel",
+ };
+ let creating = browser.windows.create(createData);
+ creating.then(() => {
+ console.log("The panel has been created");
+ });
+ }
+
+ else if (e.target.id === "window-create-detached-panel") {
+ let createData = {
+ type: "detached_panel",
+ };
+ let creating = browser.windows.create(createData);
+ creating.then(() => {
+ console.log("The detached panel has been created");
+ });
+ }
+
+ else if (e.target.id === "window-create-popup") {
+ let createData = {
+ type: "popup",
+ };
+ let creating = browser.windows.create(createData);
+ creating.then(() => {
+ console.log("The popup has been created");
+ });
+ }
+
+ else if (e.target.id === "window-remove") {
+ getCurrentWindow().then((currentWindow) => {
+ browser.windows.remove(currentWindow.id);
+ });
+ }
+
+ else if (e.target.id === "window-resize-all") {
+ var gettingAll = browser.windows.getAll();
+ gettingAll.then((windows) => {
+ var updateInfo = {
+ width: 1024,
+ height: 768
+ };
+ for (var item of windows) {
+ browser.windows.update(item.id, updateInfo);
+ }
+ });
+ }
+
+ else if (e.target.id === "window-preface-title") {
+ getCurrentWindow().then((currentWindow) => {
+ let updateInfo = {
+ titlePreface: "Preface | "
+ }
+ browser.windows.update(currentWindow.id, updateInfo);
+ });
+ }
+
+ e.preventDefault();
+});
+
+
+ Resize window to 768x1024Window manipulator
+ + Resize all windows to 1024x768
+ Minimize
+ + + + Preface title
+ + + + Create new incognito window
+ Create normal window
+ Create panel
+ Create detached panel
+ Create popup
+ + + + Remove active window
+ +