1.1.0

- Added top sites bar. You may disable it in options.
- Added new link to extensions page to footer.
- Added extension.topSites.get() support to Browser Polyfill.

.gitignore

@@ -1,4 +1,5 @@
 _examples
 .vscode
 node_modules
-*.zip
+*.zip
+*.tmp

public/_locales/ru/messages.json

@@ -49,6 +49,10 @@
 		"message": "Сообщить о баге",
 		"description": "Находится в подвале справа. При нажатии на эту ссылку происходит переход на GitHub, а точнее - на страницу с Issues."
 	},
+	"extensions": {
+		"message": "Расширения",
+		"description": "Находится в подвале справа. Открывает страницу в браузере с установленными расширениями."
+	},
 	"store_page": {
 		"message": "Страница в магазине",
 		"description": "!!! DEPRECATED !!! Находится в подвале справа. При нажатии на эту ссылку происходит переход в магазин расширений на страницу этого расширения."
@@ -87,7 +91,7 @@
 		"description": "Заголовок модального окна, которое появляется, если пользователь пользуется расширением более 2-х недель."
 	},
 	"rate_extension_description": {
-		"message": "<p>Вы пользуетесь Камелией больше двух недель. Это кажется большим сроком, поэтому, пожалуйста, не могли бы вы оценить её в магазине расширений? У вас это займет меньше минуты, но это окажет колоссальную поддержку! </p>$RATE_BUTTON$<div>Но если лень, то не напрягайтесь. Закройте это окно и оно больше никогда не появится.</div>",
+		"message": "<p>Вы пользуетесь Камелией больше двух недель. Это кажется большим сроком, поэтому, пожалуйста, не могли бы вы оценить её в магазине расширений? У вас это займет меньше минуты, но это окажет колоссальную поддержку! </p>$RATE_BUTTON$<p>Ну или хотя бы нажмите там кнопку <b>G+</b> под кнопкой &laquo;Установить&raquo;, пожалуйста. Но если лень, то не напрягайтесь. Закройте это окно и оно больше никогда не появится.</p>Спасибо!",
 		"description": "Содержимое модального окна, которое появляется, если пользователь пользуется расширением более 2-х недель.",
 		"placeholders": {
 			"rate_button": {
@@ -168,6 +172,7 @@
 		"message": "Указывается в пикселях. Размер некоторых элементов интерфейса меняется вместе с размером шрифта."
 	},
 
+
 	"option_bookmarks_in_new_tab_label": {
 		"message": "Как открывать закладки"
 	},
@@ -182,6 +187,20 @@
 	},
 
 
+	"option_top_sites_label": {
+		"message": "Популярные сайты"
+	},
+	"option_top_sites_hint": {
+		"message": "Отображение самых популярных сайтов, что вы посещали. Данный алгоритм работает внутри браузера и никак не связан с закладками. Учитываются даже сайты, которых нет в закладках."
+	},
+	"option_top_sites_display": {
+		"message": "Отображать"
+	},
+	"option_top_sites_hide": {
+		"message": "Скрывать"
+	},
+
+
 
 	"back_to_questions": {
 		"message": "назад к вопросам"

public/js/newtab.js

@@ -19486,6 +19486,12 @@ if (typeof browser === "undefined") {
       "maxArgs": 2
     }
   },
+  "topSites": {
+	"get": {
+	  "minArgs": 0,
+	  "maxArgs": 0
+	}
+  },
   "webNavigation": {
     "getAllFrames": {
       "minArgs": 1,
@@ -20046,12 +20052,15 @@ String.prototype.encodeHTML = function () {
 Promise.all([
     browser.storage.local.get(),
     browser.storage.sync.get(),
-	browser.bookmarks.getTree()
+	browser.bookmarks.getTree(),
+	browser.management.getSelf(),
+	browser.topSites.get()
 ])
-.then(([local_storage, sync_storage, browserBookmarks]) => {
+.then(([local_storage, sync_storage, browserBookmarks, extensionInfo, topSites]) => {
 	let allBookmarks    = browserBookmarks[0]['children'][0]['children'];
 	let columnsCount    = local_storage['columns_count'];
 	let backgroundImage = local_storage['background_image'];
+	let openBookmarksInNewTab = local_storage['bookmarks_in_new_tab'];
 
 	/*
 	|--------------------------------------------------------------------------
@@ -20089,15 +20098,33 @@ Promise.all([
 	Vue.component('app-content', {
 		data: function () {
 			return {
-				allBookmarks: allBookmarks,
-				chunkedBookmarks: allBookmarks.chunk(columnsCount, true),
+				allBookmarks:          allBookmarks,
+				chunkedBookmarks:      allBookmarks.chunk(columnsCount, true),
+				topSites:              local_storage['top_sites'] === true ? topSites : [],
+				openBookmarksInNewTab: openBookmarksInNewTab,
+				columnSize:            Math.round(COLUMN_COUNT / columnsCount),
 
 				locale: i18nObject([
 					'add_bookmarks_to_browser'
 				])
 			};
 		},
 		template: `<main>
+				<ul class="bookmark-tree row px-1 pb-1"
+				v-if="topSites.length > 0">
+					<li
+					:class="'col-xs-' + columnSize"
+					v-for="site in topSites">
+						<a class="icon"
+						:title="site.title"
+						:href="site.url"
+						:style="{'background-image': 'url(chrome://favicon/' + site.url + ')'}"
+						:target="openBookmarksInNewTab ? '_blank' : '_self'">
+							{{site.title}}
+						</a>
+					</li>
+				</ul>
+
 				<ul class="bookmark-tree row"
 				v-if="allBookmarks.length > 0">
 					<bookmark-column
@@ -20121,32 +20148,26 @@ Promise.all([
 	Vue.component('app-footer', {
 		data: function () {
 			return {
-				issuesUrl:      browser.runtime.getManifest().homepage_url + '/issues',
-				releasesUrl:    browser.runtime.getManifest().homepage_url + '/releases',
-				optionsUrl:     'chrome://extensions/?options=' + browser.i18n.getMessage('@@extension_id'),
-				browserVersion: 'v' + browser.runtime.getManifest().version,
+				issuesUrl:      extensionInfo.homepageUrl + '/issues',
+				releasesUrl:    extensionInfo.homepageUrl + '/releases',
+				optionsUrl:     'chrome://extensions/?options=' + extensionInfo.id,
+				browserVersion: 'v' + extensionInfo.version,
+				isDevBuild:     extensionInfo.installType === 'development',
 				locale:         i18nObject([
-					'search', 'manage_bookmarks', 'options', 'help', 'report_bug'
+					'search', 'manage_bookmarks', 'options', 'help', 'report_bug', 'extensions'
 				])
 			};
 		},
-		methods: {
-			openOptions: function () {
-				browser.runtime.openOptionsPage();
-			},
-			openBookmarksManager: function () {
-				browser.tabs.create({
-					url: 'chrome://bookmarks/'
-				});
-			}
-		},
 		template: `<footer>
 				<ul class="list-inline float-xs-right w-100 mb-0">
 					<li class="list-inline-item float-xs-left">
 						<a href="#modal-search" data-toggle="modal" data-target="#modal-search">{{ locale.search }}</a>
 					</li>
 					<li class="list-inline-item float-xs-left">
-						<a href="chrome://bookmarks/">{{ locale.manage_bookmarks }}</a>
+						<a href="chrome://bookmarks">{{ locale.manage_bookmarks }}</a>
+					</li>
+					<li class="list-inline-item">
+						<a href="chrome://extensions">{{ locale.extensions }}</a>
 					</li>
 					<li class="list-inline-item">
 						<a
@@ -20162,6 +20183,10 @@ Promise.all([
 					<li class="list-inline-item">
 						<a
 						:href="releasesUrl">{{ browserVersion }}</a>
+
+						<template v-if="isDevBuild">
+							(dev)
+						</template>
 					</li>
 				</ul>
 			</footer>`
@@ -20418,11 +20443,11 @@ Promise.all([
 		},
 		data: function () {
 			return {
-				columnsCount: Math.round(COLUMN_COUNT / columnsCount)
+				columnSize: Math.round(COLUMN_COUNT / columnsCount)
 			};
 		},
 		template: `<li
-			:class="'col-xs-' + columnsCount">
+			:class="'col-xs-' + columnSize">
 				<ul>
 					<bookmark
 					v-for="bookmark in bookmarks"
@@ -20452,7 +20477,7 @@ Promise.all([
 			return {
 				clicksCount:           sync_storage['click_counter'],
 				displayClickCounter:   local_storage['display_click_counter'],
-				openBookmarksInNewTab: local_storage['bookmarks_in_new_tab']
+				openBookmarksInNewTab: openBookmarksInNewTab
 			};
 		},
 		computed: {
@@ -20479,7 +20504,7 @@ Promise.all([
 				:title="bookmark.title"
 				:style="isFolder ? {} : {'background-image': 'url(chrome://favicon/' + bookmark.url + ')'}"
 				:href="isFolder ? ('#collapse-id-' + bookmark.id) : bookmark.url"
-				:target="!isFolder && openBookmarksInNewTab ? '_blank' : ''"
+				:target="!isFolder && openBookmarksInNewTab ? '_blank' : '_self'"
 
 				:aria-controls="isFolder ? ('#collapse-id-' + bookmark.id) : ''"
 				:data-toggle="isFolder ? 'collapse' : ''"
@@ -20591,9 +20616,9 @@ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
 ga('create', 'UA-63968909-6', 'auto');
 
-ga('set', 'appName', chrome.runtime.getManifest().name);
-ga('set', 'appVersion', chrome.runtime.getManifest().version);
-ga('set', 'appId', chrome.i18n.getMessage('@@extension_id'));
+ga('set', 'appName', browser.runtime.getManifest().name);
+ga('set', 'appVersion', browser.runtime.getManifest().version);
+ga('set', 'appId', browser.i18n.getMessage('@@extension_id'));
 
 ga('send', 'pageview');
 

public/manifest.json

@@ -1,7 +1,7 @@
 {
 	"manifest_version": 2,
 	"name": "__MSG_app_name__",
-	"version": "1.0.3",
+	"version": "1.1.0",
 	"author": "terron",
 	"homepage_url": "https://github.com/terron-kun/camellia",
 	"description": "__MSG_app_description__",
@@ -17,6 +17,7 @@
 		"bookmarks",
 		"storage",
 		"notifications",
+		"topSites",
 		"<all_urls>"
 	],
 
@@ -30,6 +31,8 @@
 		"1000": "/img/logo/1000x1000-colored.png"
 	},
 
+	"key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEApHZDfZ4slV2asvfNQWarnihzDkmlYdtu3mP+0a9oMeosTyfFn031otUwwUFI3fcccz8yT2QDD7UGv/GMrMK1Naud7Fsk2ir86Nc3trBfdmfFs9ccn0TWiP/l5idB69DI3ikrvd0gK4pdvBG6tKJbbqHNb4EjLLWb0sJ2fJs7IsOCMXnn9rmfnsPPNUwOrzERMu326yOgeeYq6gJKcRuS1bgmIfLG3o8FVYepTUxQHPimZwnN5D1Ce881VUsocExGJnAXzKvLmyfb+Hhu3skZdWsC/TedzQGjqV8GbkKhjlczAblD5pHUimsNqww2vejJUmdcP2XnWHlZL1qYG3JhlwIDAQAB",
+
 	"chrome_url_overrides" : {
 		"newtab": "/newtab.html"
 	},

resources/assets/js/background.js

@@ -225,6 +225,12 @@ browser.runtime.onInstalled.addListener(details => {
 		|| typeof local_storage['bookmarks_in_new_tab'] !== 'boolean') {
 			local_storage['bookmarks_in_new_tab'] = false;
 		}
+
+		// Display top sites block
+		if (typeof local_storage['top_sites'] === 'undefined'
+		|| typeof local_storage['top_sites'] !== 'boolean') {
+			local_storage['top_sites'] = true;
+		}
 
 		browser.storage.sync.set(sync_storage);
 		browser.storage.local.set(local_storage);