xfox111/TabsAsideExtension
1
0
Fork 0
mirror of https://github.com/XFox111/TabsAsideExtension.git synced 2026-04-22 07:58:01 +03:00
Code Wiki Activity

Minor 1.9 (#43)

Browse Source 
- Now you can close the panel by clicking outside of it (#40)
- Added ability to move only selected tabs aside (#19)
- Context menu entries removed from pages' context menu (#41)
- After update extension now will open GitHub Releases page with the latest version
- Minor performance improvements

Co-authored-by: Amine A. <15179425+AmineI@users.noreply.github.com>
Co-Authored-By: Michael Gordeev <michael@xfox111.net>
This commit is contained in:
Michael Gordeev
2020-09-12 22:45:39 +03:00
committed by GitHub
parent 8d2c83eea6
commit d8c31e3da5
6 changed files with 121 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+1
View File
@@ -31,6 +31,7 @@ Unfortunately, in new Chromium-based Microsoft Edge, the devs decided not to imp
- Auto Dark mode - Auto Dark mode
- Now you can restore one tab from collection without removing - Now you can restore one tab from collection without removing
- Now you can choose if you want to load restored tabs only when you're navigating onto them - Now you can choose if you want to load restored tabs only when you're navigating onto them
- Set tabs you've selected aside
- **Now available for Firefox!** - **Now available for Firefox!**
## Download ## Download
TabsAside.html
+1
View File
@@ -15,6 +15,7 @@
<body> <body>
<div class="tabsAside background"> <div class="tabsAside background">
<div class="tabsAside closeArea"></div>
<aside class="tabsAside pane"> <aside class="tabsAside pane">
<header> <header>
<h1 loc="name">Tabs aside</h1> <h1 loc="name">Tabs aside</h1>
css/style.css
+11
View File
@@ -10,6 +10,17 @@
color: black; color: black;
} }
.tabsAside.closeArea
{
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: transparent;
}
.tabsAside.pane .tabsAside.pane
{ {
user-select: none; user-select: none;
js/aside-script.js
+3
View File
@@ -74,6 +74,9 @@ function Initialize()
document.querySelector(".tabsAside header .btn.remove").addEventListener("click", () => document.querySelector(".tabsAside header .btn.remove").addEventListener("click", () =>
chrome.runtime.sendMessage({ command: "togglePane" }) chrome.runtime.sendMessage({ command: "togglePane" })
); );
document.querySelector(".tabsAside.closeArea").addEventListener("click", () =>
chrome.runtime.sendMessage({ command: "togglePane" })
);
document.querySelector("nav > p > small").textContent = chrome.runtime.getManifest()["version"]; document.querySelector("nav > p > small").textContent = chrome.runtime.getManifest()["version"];
js/background.js
+104 -71
View File
@@ -1,3 +1,21 @@
//This variable is populated when the browser action icon is clicked, or a command is called (with a shortcut for example).
//We can't populate it later, as selected tabs get deselected on a click inside a tab.
var tabsToSave = [];
//Get the tabs to save, either all the window or the selected tabs only, and pass them through a callback.
function GetTabsToSave(callback)
{
chrome.tabs.query({ currentWindow: true }, (windowTabs) =>
{
var highlightedTabs = windowTabs.filter(item => item.highlighted);
//If there are more than one selected tab in the window, we set only those aside.
// Otherwise, all the window's tabs get saved.
return callback((highlightedTabs.length > 1 ? highlightedTabs : windowTabs));
});
}
function TogglePane(tab) function TogglePane(tab)
{ {
if (tab.url.startsWith("http") if (tab.url.startsWith("http")
@@ -43,50 +61,43 @@ function TogglePane(tab)
function ProcessCommand(command) function ProcessCommand(command)
{ {
switch(command) GetTabsToSave((returnedTabs) =>
{ {
case "set-aside": tabsToSave = returnedTabs;
SaveCollection(); switch(command)
break; {
case "toggle-pane": case "set-aside":
chrome.tabs.query( SaveCollection();
{ break;
active: true, case "toggle-pane":
currentWindow: true chrome.tabs.query(
}, {
(tabs) => TogglePane(tabs[0]) active: true,
) currentWindow: true
break; },
} (tabs) => TogglePane(tabs[0])
)
break;
}
});
} }
chrome.browserAction.onClicked.addListener((tab) => chrome.browserAction.onClicked.addListener((tab) =>
{ {
chrome.storage.sync.get({ "setAsideOnClick": false }, values => GetTabsToSave((returnedTabs) =>
{ {
if (values?.setAsideOnClick) tabsToSave = returnedTabs;
SaveCollection();
else chrome.storage.sync.get({ "setAsideOnClick": false }, values =>
TogglePane(tab); {
if (values?.setAsideOnClick)
SaveCollection();
else
TogglePane(tab);
});
}); });
}); });
// Adding context menu options
chrome.contextMenus.create(
{
id: "toggle-pane",
contexts: ['all'],
title: chrome.i18n.getMessage("togglePaneContext")
}
);
chrome.contextMenus.create(
{
id: "set-aside",
contexts: ['all'],
title: chrome.i18n.getMessage("setAside")
}
);
var collections = JSON.parse(localStorage.getItem("sets")) || []; var collections = JSON.parse(localStorage.getItem("sets")) || [];
var shortcuts; var shortcuts;
chrome.commands.getAll((commands) => shortcuts = commands); chrome.commands.getAll((commands) => shortcuts = commands);
@@ -94,6 +105,27 @@ chrome.commands.getAll((commands) => shortcuts = commands);
chrome.commands.onCommand.addListener(ProcessCommand); chrome.commands.onCommand.addListener(ProcessCommand);
chrome.contextMenus.onClicked.addListener((info) => ProcessCommand(info.menuItemId)); chrome.contextMenus.onClicked.addListener((info) => ProcessCommand(info.menuItemId));
chrome.runtime.onInstalled.addListener((reason) =>
{
chrome.tabs.create({ url: "https://github.com/XFox111/TabsAsideExtension/releases/latest" });
// Adding context menu options
chrome.contextMenus.create(
{
id: "toggle-pane",
contexts: ["browser_action"],
title: chrome.i18n.getMessage("togglePaneContext")
}
);
chrome.contextMenus.create(
{
id: "set-aside",
contexts: ["browser_action"],
title: chrome.i18n.getMessage("setAside")
}
);
});
//We receive a message from the pane aside-script, which means the tabsToSave are already assigned on message reception.
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => chrome.runtime.onMessage.addListener((message, sender, sendResponse) =>
{ {
switch (message.command) switch (message.command)
@@ -172,48 +204,45 @@ chrome.tabs.onActivated.addListener(UpdateTheme);
// Set current tabs aside // Set current tabs aside
function SaveCollection() function SaveCollection()
{ {
chrome.tabs.query({ currentWindow: true }, (rawTabs) => var tabs = tabsToSave.filter(i => i.url != chrome.runtime.getURL("TabsAside.html") && !i.pinned && !i.url.includes("//newtab") && !i.url.includes("about:blank") && !i.url.includes("about:home"));
if (tabs.length < 1)
{ {
var tabs = rawTabs.filter(i => i.url != chrome.runtime.getURL("TabsAside.html") && !i.pinned && !i.url.includes("//newtab") && !i.url.includes("about:blank") && !i.url.includes("about:home")); alert(chrome.i18n.getMessage("noTabsToSave"));
return;
}
if (tabs.length < 1) var collection =
{ {
alert(chrome.i18n.getMessage("noTabsToSave")); timestamp: Date.now(),
return; tabsCount: tabs.length,
} titles: tabs.map(tab => tab.title ?? ""),
links: tabs.map(tab => tab.url ?? ""),
icons: tabs.map(tab => tab.favIconUrl ?? ""),
thumbnails: tabs.map(tab => thumbnails.find(i => i.tabId == tab.id)?.url ?? "")
};
var collection = var rawData;
{ if (localStorage.getItem("sets") === null)
timestamp: Date.now(), rawData = [collection];
tabsCount: tabs.length, else
titles: tabs.map(tab => tab.title ?? ""), {
links: tabs.map(tab => tab.url ?? ""), rawData = JSON.parse(localStorage.getItem("sets"));
icons: tabs.map(tab => tab.favIconUrl ?? ""), rawData.unshift(collection);
thumbnails: tabs.map(tab => thumbnails.find(i => i.tabId == tab.id)?.url ?? "") }
};
var rawData; localStorage.setItem("sets", JSON.stringify(rawData));
if (localStorage.getItem("sets") === null)
rawData = [collection];
else
{
rawData = JSON.parse(localStorage.getItem("sets"));
rawData.unshift(collection);
}
localStorage.setItem("sets", JSON.stringify(rawData)); collections = JSON.parse(localStorage.getItem("sets"));
collections = JSON.parse(localStorage.getItem("sets")); var newTabId;
chrome.tabs.create({}, (tab) =>
var newTabId; {
chrome.tabs.create({}, (tab) => newTabId = tab.id;
{ chrome.tabs.remove(tabsToSave.filter(i => !i.pinned && i.id != newTabId).map(tab => tab.id));
newTabId = tab.id;
chrome.tabs.remove(rawTabs.filter(i => !i.pinned && i.id != newTabId).map(tab => tab.id));
});
UpdateTheme();
}); });
UpdateTheme();
} }
function DeleteCollection(collectionIndex) function DeleteCollection(collectionIndex)
@@ -251,6 +280,10 @@ function RestoreCollection(collectionIndex, removeCollection)
}); });
}); });
//We added new tabs by restoring a collection, so we refresh the array of tabs ready to be saved.
GetTabsToSave((returnedTabs) =>
tabsToSave = returnedTabs)
if (!removeCollection) if (!removeCollection)
return; return;
@@ -334,4 +367,4 @@ chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) =>
{ {
if (changeInfo.status === "complete") if (changeInfo.status === "complete")
AppendThumbnail(tabId, tab) AppendThumbnail(tabId, tab)
}); });
manifest.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "__MSG_name__", "name": "__MSG_name__",
"version": "1.8.1", "version": "1.9",
"manifest_version": 2, "manifest_version": 2,
"description": "__MSG_description__", "description": "__MSG_description__",
"author": "__MSG_author__", "author": "__MSG_author__",