1
0
mirror of https://github.com/XFox111/TabsAsideExtension.git synced 2026-07-02 19:52:47 +03:00

Compare commits

..

48 Commits

Author SHA1 Message Date
xfox111 405f9163f2 !feat: tabGroups API for Firefox 139 2025-05-23 16:45:50 +03:00
xfox111 e498e25c57 chore: version update 2025-05-08 10:07:18 +03:00
xfox111 d07c99e3a1 !feat: partial tab groups support on firefox 2025-05-08 10:06:47 +03:00
xfox111 0ff1d63cde fix: close firefox sidebar when list location changes 2025-05-08 10:05:53 +03:00
xfox111 dfcafae2b1 fix: options page crush on cloud storage disabling 2025-05-08 09:05:53 +03:00
xfox111 8f4cd4198a fix: groupig fails on private windows when group contains restricted tabs 2025-05-08 09:05:21 +03:00
xfox111 1b64f65e9f fix: empty collection/group title 2025-05-08 09:04:34 +03:00
xfox111 d249e07eca fix: corrupted json export 2025-05-08 09:04:08 +03:00
xfox111 4070907240 chore(loc): english locale fix 2025-05-08 09:03:15 +03:00
xfox111 9d250dc01d fix: MAX_CAPTURE_VISIBLE_TAB_CALLS_PER_SECOND exceeded 2025-05-08 06:59:55 +03:00
xfox111 24bf0e88ca Fix: window closes if all tabs were set aside 2025-05-08 06:56:06 +03:00
xfox111 ef94842066 fix: collections removed by their sorted index 2025-05-08 06:55:35 +03:00
xfox111 40490aec2d fix: open collection in a new window doesn't work 2025-05-08 02:26:08 +03:00
xfox111 06aca3d3ca fix: show timestamp-based title in edit dialog title placeholder 2025-05-08 02:20:44 +03:00
xfox111 a6a5c236c6 fix: broken chrome store link 2025-05-08 02:09:22 +03:00
xfox111 a144221e33 chore: chunk max size warning 2025-05-07 20:38:18 +03:00
xfox111 e6a69980c2 docs: privacy policy 2025-05-07 20:26:24 +03:00
xfox111 59b0547ec6 chore: version update 2025-05-07 20:01:17 +03:00
xfox111 eed5159a56 chore(loc): simplified chinese translation 2025-05-07 19:55:28 +03:00
xfox111 7effe309dd chore: minor updates 2025-05-07 19:40:03 +03:00
xfox111 6728a50056 chore(loc): spanish translation 2025-05-07 19:39:12 +03:00
xfox111 0cb036c69a chore(loc): italian translation 2025-05-07 19:18:48 +03:00
xfox111 4ef336da5b chore(loc): polish translation 2025-05-07 18:43:50 +03:00
xfox111 00492ad710 chore: tab list location logic improvement #117 2025-05-07 00:50:54 +03:00
xfox111 a706c3bc89 fix: when listLocation is "tab" or "pinned" add all tabs instead of selected #117 2025-05-07 00:28:48 +03:00
xfox111 4ef9e2651c fix: partial save notification appears when listLocation is "tab" or "pinned" 2025-05-07 00:27:16 +03:00
xfox111 bfb849fbdf fix: collection list refresh across multiple list views 2025-05-07 00:09:50 +03:00
xfox111 297a6aa95c feat: allow to create any group on firefox 2025-05-07 00:05:12 +03:00
xfox111 aa2ee02c79 chore: messenger refactoring 2025-05-07 00:04:19 +03:00
xfox111 8b77159abe hotfix: wrapped analytics into try/catch to prevent failing on firefox 2025-05-07 00:03:43 +03:00
xfox111 f5bf0db039 !feat: remove "pointer: coarse" media #117 2025-05-06 22:58:52 +03:00
xfox111 5d4a59153a feat: ga4 analytics #117 2025-05-05 19:25:25 +03:00
Maison da Silva b6be86aac9 locales pt_BR.yml
locales pt_BR.yml
2025-05-04 19:51:19 +03:00
Maison da Silva d872515b8b Update pt_BR.txt 2025-05-04 19:50:59 +03:00
Maison da Silva 8693e8d563 Create pt_BR.txt 2025-05-04 19:50:59 +03:00
xfox111 9c4121ea79 chore(ci): exclude locales from pr check 2025-05-04 19:50:29 +03:00
xfox111 f89d036ab8 feat: captureVisibleTab fallback for tab previews 2025-05-04 15:22:33 +03:00
xfox111 e59782973b feat: ability to disable cloud collection storage 2025-05-04 14:21:10 +03:00
xfox111 70ed16c286 chore: remove web-ext.config.js 2025-05-04 14:18:22 +03:00
xfox111 db78314a44 feat: remove context menu from "page" context #117 2025-05-04 13:17:01 +03:00
xfox111 a478352ca3 chore: cd pipeline refactoring 2025-05-04 11:15:04 +03:00
xfox111 2eba532901 chore: firefox extension id fix 2025-05-04 11:12:11 +03:00
xfox111 1e60b776c4 chore: npm scripts cleanup 2025-05-04 10:29:30 +03:00
xfox111 0c18a3de5a fix: firefox badge background color 2025-05-04 10:26:50 +03:00
xfox111 4e40742755 fix: partial save notification doesn't appear on firefox 2025-05-04 10:26:20 +03:00
xfox111 16023ac152 fix: clicking action button on firefox doesn't open sidebar 2025-05-04 10:25:31 +03:00
xfox111 39793a38c3 !feat: major 3.0 release candidate 2025-05-03 23:59:43 +03:00
xfox111 dbc8c7fd4d init: nuke the repo 2025-05-03 09:19:36 +03:00
80 changed files with 7323 additions and 10870 deletions
-2
View File
@@ -1,2 +0,0 @@
* @XFox111
locales/pt_BR.yml @maisondasilva @XFox111
+9 -3
View File
@@ -12,7 +12,9 @@ updates:
directory: "/" # Location of package manifests
target-branch: "next"
assignees:
- "XFox111"
- "xfox111"
reviewers:
- "xfox111"
schedule:
interval: monthly
rebase-strategy: disabled
@@ -22,7 +24,9 @@ updates:
directory: "/"
target-branch: "next"
assignees:
- "XFox111"
- "xfox111"
reviewers:
- "xfox111"
schedule:
interval: monthly
rebase-strategy: disabled
@@ -32,7 +36,9 @@ updates:
directory: "/"
target-branch: "next"
assignees:
- "XFox111"
- "xfox111"
reviewers:
- "xfox111"
schedule:
interval: monthly
rebase-strategy: disabled
+2 -14
View File
@@ -38,7 +38,7 @@ on:
jobs:
build:
runs-on: ubuntu-latest
container: node:24
container: node:20
strategy:
fail-fast: false
matrix:
@@ -51,19 +51,7 @@ jobs:
echo "WXT_GA4_API_SECRET=${{ secrets.GA4_SECRET }}" >> .env
echo "WXT_GA4_MEASUREMENT_ID=${{ secrets.GA4_MEASUREMENT_ID }}" >> .env
- run: corepack enable
- run: yarn install
# Patch for firefox dnd popup (see https://github.com/clauderic/dnd-kit/issues/1043)
- run: grep -v "this.windowListeners.add(EventName.Resize, this.handleCancel);" core.esm.js > core.esm.js.tmp && mv core.esm.js.tmp core.esm.js
working-directory: ./node_modules/@dnd-kit/core/dist
if: ${{ matrix.target == 'firefox' }}
# Patch for firefox analytics (see https://github.com/wxt-dev/wxt/pull/1808)
- run: sed -i 's|if (location.pathname === "/background.js")|if (location.pathname === "/background.js" \|\| location.pathname === "/_generated_background_page.html")|' index.mjs
working-directory: ./node_modules/@wxt-dev/analytics/dist
if: ${{ matrix.target == 'firefox' }}
- run: yarn zip -b ${{ matrix.target }}
- name: Drop build artifacts (${{ matrix.target }})
@@ -80,7 +68,7 @@ jobs:
extension-root: ./.output/firefox-mv3
self-hosted: false
- run: yarn npm audit
- run: yarn audit
continue-on-error: ${{ github.event_name != 'release' && github.event.inputs.bypass_audit == 'true' }}
publish-github:
+1 -1
View File
@@ -52,7 +52,7 @@ jobs:
steps:
- name: Checkout repository
uses: actions/checkout@main
uses: actions/checkout@v3
# Initializes the CodeQL tools for scanning.
- name: Initialize CodeQL
+1 -1
View File
@@ -22,7 +22,7 @@ jobs:
extver=`jq -r ".version" package.json`
echo "version=$extver" >> "$GITHUB_OUTPUT"
- uses: dev-build-deploy/release-me@v0.18.2
- uses: dev-build-deploy/release-me@v0.18.0
with:
token: ${{ secrets.GITHUB_TOKEN }}
prefix: v
+5 -18
View File
@@ -30,7 +30,7 @@ on:
jobs:
build:
runs-on: ubuntu-latest
container: node:24
container: node:23
strategy:
fail-fast: false
matrix:
@@ -43,19 +43,7 @@ jobs:
echo "WXT_GA4_API_SECRET=${{ secrets.GA4_SECRET }}" >> .env
echo "WXT_GA4_MEASUREMENT_ID=${{ secrets.GA4_MEASUREMENT_ID }}" >> .env
- run: corepack enable
- run: yarn install
# Patch for firefox dnd popup (see https://github.com/clauderic/dnd-kit/issues/1043)
- run: grep -v "this.windowListeners.add(EventName.Resize, this.handleCancel);" core.esm.js > core.esm.js.tmp && mv core.esm.js.tmp core.esm.js
working-directory: ./node_modules/@dnd-kit/core/dist
if: ${{ matrix.target == 'firefox' }}
# Patch for firefox analytics (see https://github.com/wxt-dev/wxt/pull/1808)
- run: sed -i 's|if (location.pathname === "/background.js")|if (location.pathname === "/background.js" \|\| location.pathname === "/_generated_background_page.html")|' index.mjs
working-directory: ./node_modules/@wxt-dev/analytics/dist
if: ${{ matrix.target == 'firefox' }}
- run: yarn zip -b ${{ matrix.target }}
- name: Drop artifacts (${{ matrix.target }})
@@ -67,10 +55,9 @@ jobs:
- name: web-ext lint
if: ${{ matrix.target == 'firefox' }}
uses: kewisch/action-web-ext@main
uses: freaktechnik/web-ext-lint@main
with:
cmd: lint
source: ./.output/firefox-mv3
channel: listed
extension-root: ./.output/firefox-mv3
self-hosted: false
- run: yarn npm audit
- run: yarn audit
-1
View File
@@ -8,7 +8,6 @@ pnpm-debug.log*
lerna-debug.log*
node_modules
.yarn/
.output
stats.html
stats-*.json
-117
View File
@@ -1,117 +0,0 @@
nodeLinker: node-modules
packageExtensions:
"@wxt-dev/module-react@*":
peerDependencies:
vite: "*"
"@fluentui/react-accordion@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-avatar@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-carousel@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-color-picker@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-combobox@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-dialog@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-field@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-list@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-menu@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-nav@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-overflow@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-popover@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-swatch-picker@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-table@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-tabs@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-tag-picker@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-teaching-popover@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-toolbar@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-tree@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-alert@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-checkbox@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-components@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-drawer@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-infobutton@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-infolabel@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-input@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-persona@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-progress@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-radio@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-select@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-skeleton@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-slider@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-spinbutton@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-switch@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-tags@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-textarea@*":
peerDependencies:
scheduler: "0.23.0"
"@fluentui/react-search@*":
peerDependencies:
scheduler: "0.23.0"
+2 -35
View File
@@ -6,7 +6,7 @@
- Thumbnails of saved tabs
3. This extension uses Google Analytics to collect usage statistics and improve the extension.
4. This extension uses analytics to collect following data:
- Random UUID to distinguish unique users
- Random UUID to identify the user
- Browser name and version
- Operating system name and version
- System architecture
@@ -14,40 +14,7 @@
- Extension language
- User settings
- Number of saved collections
- Events, related to user's actions:
- `bmc_clicked` (when "Buy me a Coffee" button is clicked)
- `collection_list` (when extension's options page is opened)
- `cta_dismissed` (when "Like this extension?" prompt is closed)
- `extension_installed` (when extension is installed or updated)
- `feedback_clicked` (when "Leave feedback" button is clicked)
- `item_created` (when new collection or group is created using dialog window)
- `item_edited` (when collection or group is edited)
- `options_page` (when extension's options page is opened)
- `page_view` (when extension's page is opened)
- `save` (when "Save all tabs" or "Save selected tabs" buttons are clicked)
- `set_aside` (when "Set all tabs aside" or "Set selected tabs aside" buttons are clicked)
- `used_drag_and_drop` (when items inside collection list were reordered)
- `visit_blog_button_click` (when "Read dev blog" button is clicked)
- `bookmarks_saved` (when "Export to bookmarks" option is clicked)
- Events, related to extension errors:
- `background_error` (when error inside background service has occured)
- `cloud_get_error` (when failed to retrieve collections from the cloud storage)
- `conflict_resolve_with_cloud_error` (when failed to retrieve collections from the cloud storage during storage conflict resolution)
- `cloud_save_error` (when failed to save collections to the cloud storage)
- `messaging_error` (when failed to send a message to extenion's background service)
- `notification_error` (when failed to display a toast notification)
4. Following events, beside their name, include additional information, such as:
- `item_created` and `item_edited`:
- Type of the affected item (`collection` or `group`)
- `extension_installed`:
- Reason for update (`install`, `update`, or `browser_update`)
- Previously installed extension's version, if applicable
- `page_view`:
- Type of the page (`options_page` or `collection_list`)
- All extension's error events:
- Error name
- Error message
- Error call stack
- Action identifiers (e.g. "page_view", "extension_installed", "item_created", etc.)
4. This extension does not collect or use any personally identifiable information (PII) or sensitive data for purposes other than its core functionality.
5. This extension uses cloud storage built into your browser to store its data.
6. Refer to your browser's developer regarding the privacy policy of the cloud storage used by your browser.
+1 -1
View File
@@ -81,7 +81,7 @@ If you want to sideload it without replacing to run both versions at the same ti
## Contributing
[![GitHub issues](https://img.shields.io/github/issues/xfox111/TabsAsideExtension)](https://github.com/xfox111/TabsAsideExtension/issues)
[![CI](https://github.com/XFox111/TabsAsideExtension/actions/workflows/cd_pipeline.yml/badge.svg)](https://github.com/XFox111/TabsAsideExtension/actions/workflows/cd_pipeline.yml)
[![CI](https://github.com/XFox111/TabsAsideExtension/actions/workflows/cd_pipeline.yaml/badge.svg)](https://github.com/XFox111/TabsAsideExtension/actions/workflows/cd_pipeline.yaml)
[![GitHub repo size](https://img.shields.io/github/repo-size/xfox111/TabsAsideExtension?label=repo%20size)](https://github.com/xfox111/TabsAsideExtension)
There are many ways in which you can participate in the project, for example:
+24
View File
@@ -0,0 +1,24 @@
import { googleAnalytics4 } from "@wxt-dev/analytics/providers/google-analytics-4";
import { WxtAppConfig } from "wxt/sandbox";
import { userPropertiesStorage } from "./features/analytics";
export default defineAppConfig({
analytics:
{
debug: import.meta.env.DEV,
enabled: storage.defineItem("local:analytics", {
fallback: true
}),
userId: storage.defineItem("local:userId", {
init: () => crypto.randomUUID()
}),
userProperties: userPropertiesStorage,
providers:
[
googleAnalytics4({
apiSecret: import.meta.env.WXT_GA4_API_SECRET,
measurementId: import.meta.env.WXT_GA4_MEASUREMENT_ID
})
]
}
} as WxtAppConfig);
-3
View File
@@ -39,19 +39,16 @@ body
/* Handle */
::-webkit-scrollbar-thumb
{
/* eslint-disable-next-line css/no-invalid-properties */
background-color: var(--colorNeutralStroke1);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover
{
/* eslint-disable-next-line css/no-invalid-properties */
background-color: var(--colorNeutralStroke1Hover);
}
::-webkit-scrollbar-thumb:hover:active
{
/* eslint-disable-next-line css/no-invalid-properties */
background-color: var(--colorNeutralStroke1Pressed);
}
+1 -2
View File
@@ -13,8 +13,7 @@ export const githubLinks =
repo: githubLink(),
release: githubLink(`releases/tag/v${Package.version}`),
license: githubLink("blob/main/LICENSE"),
translationGuide: githubLink("wiki/Contribution-Guidelines#contributing-to-translations"),
privacy: githubLink("blob/main/PRIVACY.md")
translationGuide: githubLink("wiki/Contribution-Guidelines#contributing-to-translations")
};
export const storeLink: string =
+27 -83
View File
@@ -1,5 +1,5 @@
import { track, trackError } from "@/features/analytics";
import { collectionCount, getCollections, thumbnailCaptureEnabled, saveCollections } from "@/features/collectionStorage";
import { collectionCount, getCollections, saveCollections } from "@/features/collectionStorage";
import { migrateStorage } from "@/features/migration";
import { showWelcomeDialog } from "@/features/v3welcome/utils/showWelcomeDialog";
import { SettingsValue } from "@/hooks/useSettings";
@@ -12,16 +12,13 @@ import { settings } from "@/utils/settings";
import watchTabSelection from "@/utils/watchTabSelection";
import { Tabs, Windows } from "wxt/browser";
import { Unwatch } from "wxt/storage";
import { openCollection, openGroup } from "./sidepanel/utils/opener";
import { setSettingsReviewNeeded } from "@/features/settingsReview/utils";
import { RemoveListenerCallback } from "@webext-core/messaging";
export default defineBackground(() =>
{
try
{
const logger = getLogger("background");
let graphicsCache: GraphicsStorage = {};
const graphicsCache: GraphicsStorage = {};
let listLocation: SettingsValue<"listLocation"> = "sidebar";
logger("Background script started");
@@ -38,8 +35,6 @@ export default defineBackground(() =>
const previousMajor: number = previousVersion ? parseInt(previousVersion.split(".")[0]) : 0;
await setSettingsReviewNeeded(reason, previousVersion);
if (reason === "update" && previousMajor < 3)
{
await migrateStorage();
@@ -48,37 +43,36 @@ export default defineBackground(() =>
}
});
browser.tabs.onUpdated.addListener((_, __, tab) =>
{
if (!tab.url)
return;
graphicsCache[tab.url] = {
preview: graphicsCache[tab.url]?.preview,
capture: graphicsCache[tab.url]?.capture,
icon: tab.favIconUrl ?? graphicsCache[tab.url]?.icon
};
});
browser.commands.onCommand.addListener(
(command, tab) => performContextAction(command, tab!.windowId!)
);
onMessage("getGraphicsCache", () => graphicsCache);
onMessage("refreshCollections", () => { });
if (import.meta.env.FIREFOX)
onMessage("addThumbnail", ({ data }) =>
{
onMessage("openCollection", ({ data }) => openCollection(data.collection, data.targetWindow));
onMessage("openGroup", ({ data }) => openGroup(data.group, data.newWindow));
}
graphicsCache[data.url] = {
preview: data.thumbnail,
capture: graphicsCache[data.url]?.capture,
icon: graphicsCache[data.url]?.icon
};
});
onMessage("refreshCollections", () => {});
setupTabCaputre();
async function setupTabCaputre(): Promise<void>
{
let unwatchAddThumbnail: RemoveListenerCallback | null = null;
let captureInterval: NodeJS.Timeout | null = null;
const captureFavicon = (_: any, __: any, tab: Tabs.Tab): void =>
{
if (!tab.url)
return;
graphicsCache[tab.url] = {
preview: graphicsCache[tab.url]?.preview,
capture: graphicsCache[tab.url]?.capture,
icon: tab.favIconUrl ?? graphicsCache[tab.url]?.icon
};
};
const tryCaptureTab = async (tab: Tabs.Tab): Promise<void> =>
{
if (!tab.url || tab.status !== "complete" || !tab.active)
@@ -112,61 +106,11 @@ export default defineBackground(() =>
}
};
const updateCapture = async (captureThumbnails: boolean): Promise<void> =>
setInterval(() =>
{
const scriptingGranted: boolean = await browser.permissions.contains({ permissions: ["scripting"] });
if (captureThumbnails)
{
if (scriptingGranted)
await browser.scripting.registerContentScripts([
{
id: "capture-script",
matches: ["<all_urls>"],
runAt: "document_idle",
js: ["capture.js"]
}
]);
unwatchAddThumbnail = onMessage("addThumbnail", ({ data }) =>
{
graphicsCache[data.url] = {
preview: data.thumbnail,
capture: graphicsCache[data.url]?.capture,
icon: graphicsCache[data.url]?.icon
};
});
captureInterval = setInterval(() =>
{
browser.tabs.query({ active: true })
.then(tabs => tabs.forEach(tab => tryCaptureTab(tab)));
}, 1000);
browser.tabs.onUpdated.addListener(captureFavicon);
}
else
{
if (scriptingGranted)
await browser.scripting.unregisterContentScripts({
ids: ["capture-script"]
});
unwatchAddThumbnail?.();
if (captureInterval)
clearInterval(captureInterval);
browser.tabs.onUpdated.removeListener(captureFavicon);
graphicsCache = {};
}
};
if (await thumbnailCaptureEnabled.getValue())
updateCapture(true);
thumbnailCaptureEnabled.watch(updateCapture);
browser.tabs.query({ active: true })
.then(tabs => tabs.forEach(tab => tryCaptureTab(tab)));
}, 1000);
}
setupContextMenu();
@@ -313,7 +257,7 @@ export default defineBackground(() =>
for (const openWindow of openWindows)
{
if (openWindow.incognito || openWindow.type !== "normal")
if (openWindow.incognito)
continue;
const activeTabs: Tabs.Tab[] = openWindow.tabs!.filter(tab =>
@@ -4,7 +4,11 @@ import { sendMessage } from "@/utils/messaging";
// This content script is injected into each browser tab.
// It's purpose is to retrive an OpenGraph thumbnail URL from the metadata
export default defineUnlistedScript({ main });
export default defineContentScript({
matches: ["<all_urls>"],
runAt: "document_idle",
main
});
const logger = getLogger("contentScript");
@@ -34,12 +34,5 @@ export const useOptionsStyles = makeStyles({
display: "flex",
flexWrap: "wrap",
gap: tokens.spacingHorizontalS
},
group:
{
display: "flex",
flexFlow: "column",
alignItems: "flex-start",
gap: tokens.spacingVerticalSNudge
}
});
+1 -2
View File
@@ -34,8 +34,7 @@ export default function AboutSection(): React.ReactElement
<Body1 as="p">
<Link { ...extLink(websiteLink) }>{ i18n.t("options_page.about.links.website") }</Link><br />
<Link { ...extLink(githubLinks.repo) }>{ i18n.t("options_page.about.links.source") }</Link><br />
<Link { ...extLink(githubLinks.release) }>{ i18n.t("options_page.about.links.changelog") }</Link><br />
<Link { ...extLink(githubLinks.privacy) }>{ i18n.t("options_page.about.links.privacy") }</Link>
<Link { ...extLink(githubLinks.release) }>{ i18n.t("options_page.about.links.changelog") }</Link>
</Body1>
<div className={ cls.horizontalButtons }>
@@ -2,7 +2,6 @@ import useSettings, { SettingsValue } from "@/hooks/useSettings";
import { Button, Checkbox, Dropdown, Field, Option, OptionOnSelectData } from "@fluentui/react-components";
import { KeyCommand20Regular } from "@fluentui/react-icons";
import { useOptionsStyles } from "../hooks/useOptionsStyles";
import { analyticsPermission } from "@/features/analytics";
export default function GeneralSection(): React.ReactElement
{
@@ -15,23 +14,8 @@ export default function GeneralSection(): React.ReactElement
const [listLocation, setListLocation] = useSettings("listLocation");
const [contextAction, setContextAction] = useSettings("contextAction");
const [allowAnalytics, setAllowAnalytics] = useState<boolean | null>(null);
const cls = useOptionsStyles();
useEffect(() =>
{
analyticsPermission.getValue().then(setAllowAnalytics);
return analyticsPermission.watch(setAllowAnalytics);
}, []);
const updateAnalytics = (enabled: boolean): void =>
{
setAllowAnalytics(null);
analyticsPermission.setValue(enabled)
.catch(() => setAllowAnalytics(!enabled));
};
const openShortcutsPage = (): Promise<any> =>
browser.tabs.create({
url: "chrome://extensions/shortcuts",
@@ -76,12 +60,6 @@ export default function GeneralSection(): React.ReactElement
label={ i18n.t("options_page.general.options.unload_tabs") }
checked={ dismissOnLoad ?? false }
onChange={ (_, e) => setDismissOnLoad(e.checked as boolean) } />
<Checkbox
label={ i18n.t("options_page.general.options.allow_analytics") }
checked={ allowAnalytics ?? true }
disabled={ allowAnalytics === null }
onChange={ (_, e) => updateAnalytics(e.checked as boolean) } />
</section>
<Field label={ i18n.t("options_page.general.options.list_locations.title") }>
+3 -53
View File
@@ -1,20 +1,18 @@
import { useDialog } from "@/contexts/DialogProvider";
import { clearGraphicsStorage, cloudDisabled, setCloudStorage, thumbnailCaptureEnabled } from "@/features/collectionStorage";
import { cloudDisabled, setCloudStorage } from "@/features/collectionStorage";
import { useDangerStyles } from "@/hooks/useDangerStyles";
import useStorageInfo from "@/hooks/useStorageInfo";
import { Button, Field, InfoLabel, LabelProps, MessageBar, MessageBarBody, MessageBarTitle, ProgressBar, Switch } from "@fluentui/react-components";
import { Button, Field, MessageBar, MessageBarBody, MessageBarTitle, ProgressBar } from "@fluentui/react-components";
import { ArrowDownload20Regular, ArrowUpload20Regular } from "@fluentui/react-icons";
import { useOptionsStyles } from "../hooks/useOptionsStyles";
import exportData from "../utils/exportData";
import importData from "../utils/importData";
import { Unwatch } from "wxt/storage";
export default function StorageSection(): React.ReactElement
{
const { bytesInUse, storageQuota, usedStorageRatio } = useStorageInfo();
const [importResult, setImportResult] = useState<boolean | null>(null);
const [isCloudDisabled, setCloudDisabled] = useState<boolean>(null!);
const [isThumbnailCaptureEnabled, setThumbnailCaptureEnabled] = useState<boolean | null>(null);
const dialog = useDialog();
const cls = useOptionsStyles();
@@ -22,35 +20,10 @@ export default function StorageSection(): React.ReactElement
useEffect(() =>
{
thumbnailCaptureEnabled.getValue().then(setThumbnailCaptureEnabled);
cloudDisabled.getValue().then(setCloudDisabled);
const unwatchCloud: Unwatch = cloudDisabled.watch(setCloudDisabled);
const unwatchThumbnails: Unwatch = thumbnailCaptureEnabled.watch(setThumbnailCaptureEnabled);
return () =>
{
unwatchCloud();
unwatchThumbnails();
};
return cloudDisabled.watch(setCloudDisabled);
}, []);
const handleSetThumbnailCapture = (enabled: boolean): void =>
{
setThumbnailCaptureEnabled(null);
thumbnailCaptureEnabled.setValue(enabled)
.catch(() => setThumbnailCaptureEnabled(!enabled));
};
const handleClearThumbnails = (): void =>
dialog.pushPrompt({
title: i18n.t("options_page.storage.clear_thumbnails.title"),
content: i18n.t("options_page.storage.clear_thumbnails.prompt"),
confirmText: i18n.t("common.actions.delete"),
destructive: true,
onConfirm: () => clearGraphicsStorage()
});
const handleImport = (): void =>
dialog.pushPrompt({
title: i18n.t("options_page.storage.import_prompt.title"),
@@ -78,29 +51,6 @@ export default function StorageSection(): React.ReactElement
return (
<>
<div className={ cls.group }>
<Switch
checked={ isThumbnailCaptureEnabled ?? true }
disabled={ isThumbnailCaptureEnabled === null }
onChange={ (_, e) => handleSetThumbnailCapture(e.checked as boolean) }
label={ {
children: (_: any, props: LabelProps) =>
<InfoLabel
{ ...props }
label={ i18n.t("options_page.storage.thumbnail_capture") }
info={
<p>
{ i18n.t("options_page.storage.thumbnail_capture_notice1") }<br /><br />
{ i18n.t("options_page.storage.thumbnail_capture_notice2") }
</p>
} />
} } />
<Button onClick={ handleClearThumbnails } className={ dangerCls.buttonSubtle } appearance="subtle">
{ i18n.t("options_page.storage.clear_thumbnails.action") }
</Button>
</div>
{ isCloudDisabled === false &&
<Field
label={ i18n.t("options_page.storage.capacity.title") }
+1 -2
View File
@@ -1,6 +1,5 @@
import App from "@/App.tsx";
import "@/assets/global.css";
import { trackPage } from "@/features/analytics";
import { Tab, TabList } from "@fluentui/react-components";
import ReactDOM from "react-dom/client";
import { useOptionsStyles } from "./hooks/useOptionsStyles.ts";
@@ -15,7 +14,7 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
</App>
);
trackPage("options_page");
analytics.page("options_page");
function OptionsPage(): React.ReactElement
{
-5
View File
@@ -37,12 +37,7 @@ export default async function importData(): Promise<boolean | null>
await browser.storage.local.set(data.local);
if (data.sync)
{
if (import.meta.env.FIREFOX && data.sync.contextAction === "context")
data.sync.contextAction = "open";
await browser.storage.sync.set(data.sync);
}
}
catch (error)
{
@@ -27,7 +27,7 @@ export const useStyles_CollectionView = makeStyles({
},
verticalRoot:
{
maxHeight: "560px"
height: "560px"
},
empty:
{
@@ -74,8 +74,7 @@ export const useStyles_CollectionView = makeStyles({
{
gridAutoFlow: "row",
width: "100%",
paddingBottom: tokens.spacingVerticalS,
gridAutoRows: import.meta.env.FIREFOX ? "min-content" : undefined
paddingBottom: tokens.spacingVerticalS
},
dragOverlay:
{
@@ -50,30 +50,26 @@ export default function CollectionView({ collection, index: collectionIndex, dra
<CollectionHeader dragHandleProps={ activatorProps } dragHandleRef={ setActivatorNodeRef } />
{ (!activeItem || activeItem.item.type !== "collection") && !dragOverlay &&
<>
{ collection.items.length < 1 ?
<div className={ cls.empty }>
<CollectionsRegular fontSize={ 32 } />
<Body1Strong>{ i18n.t("collections.empty") }</Body1Strong>
</div>
:
<div className={ mergeClasses(cls.list, !tilesView && cls.verticalList) }>
<SortableContext
items={ collection.items.map((_, index) => [collectionIndex, index].join("/")) }
strategy={ tilesView ? horizontalListSortingStrategy : verticalListSortingStrategy }
>
{ collection.items.map((i, index) =>
i.type === "group" ?
<GroupView
key={ index } group={ i } indices={ [collectionIndex, index] } />
:
<TabView key={ index } tab={ i } indices={ [collectionIndex, index] } />
) }
</SortableContext>
</div>
}
</>
{ collection.items.length < 1 ?
<div className={ cls.empty }>
<CollectionsRegular fontSize={ 32 } />
<Body1Strong>{ i18n.t("collections.empty") }</Body1Strong>
</div>
:
<div className={ mergeClasses(cls.list, !tilesView && cls.verticalList) }>
<SortableContext
items={ collection.items.map((_, index) => [collectionIndex, index].join("/")) }
strategy={ tilesView ? horizontalListSortingStrategy : verticalListSortingStrategy }
>
{ collection.items.map((i, index) =>
i.type === "group" ?
<GroupView
key={ index } group={ i } indices={ [collectionIndex, index] } />
:
<TabView key={ index } tab={ i } indices={ [collectionIndex, index] } />
) }
</SortableContext>
</div>
}
</div >
</CollectionContext.Provider>
+70 -79
View File
@@ -24,13 +24,6 @@ export default function EditDialog(props: GroupEditDialogProps): ReactElement
const cls = useStyles_EditDialog();
const colorCls = useGroupColors();
const horizontalNavigationAttributes = fui.useArrowNavigationGroup({ axis: "horizontal" });
const onSubmit = (e: React.FormEvent<HTMLFormElement>) =>
{
e.preventDefault();
handleSave();
};
const handleSave = () =>
{
@@ -65,80 +58,78 @@ export default function EditDialog(props: GroupEditDialogProps): ReactElement
return (
<fui.DialogSurface className={ fui.mergeClasses(cls.surface, (color && color !== "pinned") && colorCls[color]) }>
<form onSubmit={ onSubmit }>
<fui.DialogBody>
<fui.DialogTitle>
{
props.type === "collection" ?
i18n.t(`dialogs.edit.title.${props.collection ? "edit" : "new"}_collection`) :
i18n.t(`dialogs.edit.title.${props.group ? "edit" : "new"}_group`)
}
</fui.DialogTitle>
<fui.DialogBody>
<fui.DialogTitle>
{
props.type === "collection" ?
i18n.t(`dialogs.edit.title.${props.collection ? "edit" : "new"}_collection`) :
i18n.t(`dialogs.edit.title.${props.group ? "edit" : "new"}_group`)
}
</fui.DialogTitle>
<fui.DialogContent>
<div className={ cls.content }>
<fui.Field label={ i18n.t("dialogs.edit.collection_title") }>
<fui.Input
contentBefore={ <Rename20Regular /> }
disabled={ color === "pinned" }
placeholder={
props.type === "collection" ? getCollectionTitle(props.collection, true) : ""
}
value={ color === "pinned" ? i18n.t("groups.pinned") : title }
onChange={ (_, e) => setTitle(e.value) } />
</fui.Field>
<fui.Field label="Color">
<div className={ cls.colorPicker } { ...horizontalNavigationAttributes }>
{ (props.type === "group" && (!props.hidePinned || props.group?.pinned)) &&
<fui.ToggleButton
checked={ color === "pinned" }
onClick={ () => setColor("pinned") }
icon={ <Pin20Filled /> }
shape="circular"
>
{ i18n.t("groups.pinned") }
</fui.ToggleButton>
}
{ props.type === "collection" &&
<fui.ToggleButton
checked={ color === undefined }
onClick={ () => setColor(undefined) }
icon={ <CircleOff20Regular /> }
shape="circular"
>
{ i18n.t("colors.none") }
</fui.ToggleButton>
}
{ Object.keys(colorCls).map(i =>
<fui.ToggleButton
checked={ color === i }
onClick={ () => setColor(i as chrome.tabGroups.ColorEnum) }
className={ fui.mergeClasses(cls.colorButton, colorCls[i as chrome.tabGroups.ColorEnum]) }
icon={ {
className: cls.colorButton_icon,
children: <Circle20Filled />
} }
key={ i }
shape="circular"
>
{ i18n.t(`colors.${i as chrome.tabGroups.ColorEnum}`) }
</fui.ToggleButton>
) }
</div>
</fui.Field>
</div>
</fui.DialogContent>
<fui.DialogContent>
<form className={ cls.content }>
<fui.Field label={ i18n.t("dialogs.edit.collection_title") }>
<fui.Input
contentBefore={ <Rename20Regular /> }
disabled={ color === "pinned" }
placeholder={
props.type === "collection" ? getCollectionTitle(props.collection, true) : ""
}
value={ color === "pinned" ? i18n.t("groups.pinned") : title }
onChange={ (_, e) => setTitle(e.value) } />
</fui.Field>
<fui.Field label="Color">
<div className={ cls.colorPicker }>
{ (props.type === "group" && (!props.hidePinned || props.group?.pinned)) &&
<fui.ToggleButton
checked={ color === "pinned" }
onClick={ () => setColor("pinned") }
icon={ <Pin20Filled /> }
shape="circular"
>
{ i18n.t("groups.pinned") }
</fui.ToggleButton>
}
{ props.type === "collection" &&
<fui.ToggleButton
checked={ color === undefined }
onClick={ () => setColor(undefined) }
icon={ <CircleOff20Regular /> }
shape="circular"
>
{ i18n.t("colors.none") }
</fui.ToggleButton>
}
{ Object.keys(colorCls).map(i =>
<fui.ToggleButton
checked={ color === i }
onClick={ () => setColor(i as chrome.tabGroups.ColorEnum) }
className={ fui.mergeClasses(cls.colorButton, colorCls[i as chrome.tabGroups.ColorEnum]) }
icon={ {
className: cls.colorButton_icon,
children: <Circle20Filled />
} }
key={ i }
shape="circular"
>
{ i18n.t(`colors.${i as chrome.tabGroups.ColorEnum}`) }
</fui.ToggleButton>
) }
</div>
</fui.Field>
</form>
</fui.DialogContent>
<fui.DialogActions>
<fui.DialogTrigger disableButtonEnhancement>
<fui.Button appearance="primary" as="button" type="submit">{ i18n.t("common.actions.save") }</fui.Button>
</fui.DialogTrigger>
<fui.DialogTrigger disableButtonEnhancement>
<fui.Button appearance="subtle">{ i18n.t("common.actions.cancel") }</fui.Button>
</fui.DialogTrigger>
</fui.DialogActions>
</fui.DialogBody>
</form>
<fui.DialogActions>
<fui.DialogTrigger disableButtonEnhancement>
<fui.Button appearance="primary" onClick={ handleSave }>{ i18n.t("common.actions.save") }</fui.Button>
</fui.DialogTrigger>
<fui.DialogTrigger disableButtonEnhancement>
<fui.Button appearance="subtle">{ i18n.t("common.actions.cancel") }</fui.Button>
</fui.DialogTrigger>
</fui.DialogActions>
</fui.DialogBody>
</fui.DialogSurface>
);
}
@@ -99,23 +99,12 @@ export const useStyles_GroupView = makeStyles({
display: "flex",
columnGap: tokens.spacingHorizontalS,
rowGap: tokens.spacingHorizontalSNudge,
height: "100%",
position: "relative"
height: "100%"
},
verticalList:
{
flexFlow: "column"
},
verticalListCollapsed:
{
maxHeight: "136px",
overflow: "clip"
},
horizontalListCollapsed:
{
maxWidth: "400px",
overflow: "clip"
},
listContainer:
{
padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalXS}`,
@@ -88,13 +88,7 @@ export default function GroupView({ group, indices, dragOverlay }: GroupViewProp
<Caption1Strong>{ i18n.t("groups.empty") }</Caption1Strong>
</div>
:
<div
className={ mergeClasses(
cls.list,
!tilesView && cls.verticalList,
((active?.item.type === "group" && active?.indices[0] === indices[0]) || dragOverlay) && (tilesView ? cls.horizontalListCollapsed : cls.verticalListCollapsed)
) }
>
<div className={ mergeClasses(cls.list, !tilesView && cls.verticalList) }>
<SortableContext
items={ group.items.map((_, index) => [...indices, index].join("/")) }
disabled={ disableSorting }
@@ -8,7 +8,6 @@ export const useStyles_TabView = makeStyles({
width: "160px",
height: "120px",
flexShrink: 0,
marginBottom: tokens.spacingVerticalSNudge,
border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke3}`,
@@ -59,6 +58,8 @@ export const useStyles_TabView = makeStyles({
display: "grid",
gridTemplateColumns: "auto 1fr auto",
alignItems: "center",
gap: tokens.spacingHorizontalSNudge,
paddingLeft: tokens.spacingHorizontalS,
borderBottomLeftRadius: tokens.borderRadiusMedium,
borderBottomRightRadius: tokens.borderRadiusMedium,
@@ -71,9 +72,6 @@ export const useStyles_TabView = makeStyles({
icon:
{
cursor: "grab",
padding: `${tokens.spacingVerticalSNudge} ${tokens.spacingHorizontalSNudge}`,
height: "32px",
boxSizing: "border-box",
"&:active":
{
@@ -83,6 +83,7 @@ export default function TabView({ tab, indices, dragOverlay }: TabViewProps): Re
ref={ setActivatorNodeRef } { ...activatorProps }
src={ graphics[tab.url]?.icon ?? faviconPlaceholder }
onError={ e => e.currentTarget.src = faviconPlaceholder }
height={ 20 } width={ 20 }
className={ cls.icon } draggable={ false } />
<Tooltip relationship="description" content={ tab.title ?? tab.url }>
@@ -12,7 +12,6 @@ import saveTabsToCollection from "@/utils/saveTabsToCollection";
export default function CollectionHeader({ dragHandleRef, dragHandleProps }: CollectionHeaderProps): React.ReactElement
{
const [contextOpen, setContextOpen] = useState<boolean>(false);
const [listLocation] = useSettings("listLocation");
const isTab: boolean = listLocation === "tab" || listLocation === "pinned";
const { updateCollection } = useCollections();
@@ -54,7 +53,7 @@ export default function CollectionHeader({ dragHandleRef, dragHandleProps }: Col
mergeClasses(
cls.toolbar,
"CollectionView__toolbar",
(alwaysShowToolbars === true || contextOpen) && cls.showToolbar
alwaysShowToolbars === true && cls.showToolbar
) }
>
{ tabCount < 1 ?
@@ -62,10 +61,10 @@ export default function CollectionHeader({ dragHandleRef, dragHandleProps }: Col
{ isTab ? i18n.t("collections.menu.add_all") : i18n.t("collections.menu.add_selected") }
</Button>
:
<OpenCollectionButton onOpenChange={ (_, e) => setContextOpen(e.open) } />
<OpenCollectionButton />
}
<CollectionMoreButton onAddSelected={ handleAddSelected } onOpenChange={ (_, e) => setContextOpen(e.open) } />
<CollectionMoreButton onAddSelected={ handleAddSelected } />
</div>
</div>
);
@@ -1,14 +1,14 @@
import { useDialog } from "@/contexts/DialogProvider";
import { useDangerStyles } from "@/hooks/useDangerStyles";
import useSettings from "@/hooks/useSettings";
import { Button, Menu, MenuDivider, MenuItem, MenuList, MenuOpenChangeData, MenuOpenEvent, MenuPopover, MenuTrigger, Tooltip } from "@fluentui/react-components";
import { Button, Menu, MenuDivider, MenuItem, MenuList, MenuPopover, MenuTrigger, Tooltip } from "@fluentui/react-components";
import * as ic from "@fluentui/react-icons";
import CollectionContext, { CollectionContextType } from "../../contexts/CollectionContext";
import { useCollections } from "../../contexts/CollectionsProvider";
import exportCollectionToBookmarks from "../../utils/exportCollectionToBookmarks";
import EditDialog from "../EditDialog";
export default function CollectionMoreButton({ onAddSelected, onOpenChange }: CollectionMoreButtonProps): React.ReactElement
export default function CollectionMoreButton({ onAddSelected }: CollectionMoreButtonProps): React.ReactElement
{
const [listLocation] = useSettings("listLocation");
const isTab: boolean = listLocation === "tab" || listLocation === "pinned";
@@ -56,7 +56,7 @@ export default function CollectionMoreButton({ onAddSelected, onOpenChange }: Co
);
return (
<Menu onOpenChange={ onOpenChange }>
<Menu>
<Tooltip relationship="label" content={ i18n.t("common.tooltips.more") }>
<MenuTrigger>
<Button appearance="subtle" icon={ <ic.MoreVertical20Regular /> } />
@@ -94,5 +94,4 @@ export default function CollectionMoreButton({ onAddSelected, onOpenChange }: Co
export type CollectionMoreButtonProps =
{
onAddSelected?: () => void;
onOpenChange?: (e: MenuOpenEvent, data: MenuOpenChangeData) => void;
};
@@ -7,12 +7,11 @@ import getSelectedTabs from "@/entrypoints/sidepanel/utils/getSelectedTabs";
import { useDangerStyles } from "@/hooks/useDangerStyles";
import useSettings from "@/hooks/useSettings";
import { TabItem } from "@/models/CollectionModels";
import { sendMessage } from "@/utils/messaging";
import saveTabsToCollection from "@/utils/saveTabsToCollection";
import { Button, Menu, MenuItem, MenuList, MenuPopover, MenuTrigger, Tooltip } from "@fluentui/react-components";
import * as ic from "@fluentui/react-icons";
import { ReactElement } from "react";
import { openGroup } from "../../utils/opener";
import saveTabsToCollection from "@/utils/saveTabsToCollection";
export default function GroupMoreMenu(): ReactElement
{
@@ -57,14 +56,6 @@ export default function GroupMoreMenu(): ReactElement
onSave={ item => updateGroup(item, collection.timestamp, indices[1]) } />
);
const openGroupInNewWindow = () =>
{
if (import.meta.env.FIREFOX && listLocation === "popup")
sendMessage("openGroup", { group, newWindow: true });
else
openGroup(group, true);
};
const handleAddSelected = async () =>
{
const newTabs: TabItem[] = isTab ?
@@ -84,7 +75,7 @@ export default function GroupMoreMenu(): ReactElement
<MenuPopover>
<MenuList>
{ group.items.length > 0 &&
<MenuItem icon={ <NewWindowIcon /> } onClick={ openGroupInNewWindow }>
<MenuItem icon={ <NewWindowIcon /> } onClick={ () => openGroup(group, true) }>
{ i18n.t("groups.menu.new_window") }
</MenuItem>
}
@@ -1,17 +1,15 @@
import { useDialog } from "@/contexts/DialogProvider";
import useSettings from "@/hooks/useSettings";
import browserLocaleKey from "@/utils/browserLocaleKey";
import { sendMessage } from "@/utils/messaging";
import { Menu, MenuButtonProps, MenuItem, MenuList, MenuOpenChangeData, MenuOpenEvent, MenuPopover, MenuTrigger, SplitButton } from "@fluentui/react-components";
import { Menu, MenuButtonProps, MenuItem, MenuList, MenuPopover, MenuTrigger, SplitButton } from "@fluentui/react-components";
import * as ic from "@fluentui/react-icons";
import CollectionContext, { CollectionContextType } from "../../contexts/CollectionContext";
import { useCollections } from "../../contexts/CollectionsProvider";
import { openCollection } from "../../utils/opener";
export default function OpenCollectionButton({ onOpenChange }: OpenCollectionButtonProps): React.ReactElement
export default function OpenCollectionButton(): React.ReactElement
{
const [defaultAction] = useSettings("defaultRestoreAction");
const [listLocation] = useSettings("listLocation");
const { removeItem } = useCollections();
const dialog = useDialog();
const { collection } = useContext<CollectionContextType>(CollectionContext);
@@ -24,12 +22,7 @@ export default function OpenCollectionButton({ onOpenChange }: OpenCollectionBut
const handleIncognito = async () =>
{
if (await browser.extension.isAllowedIncognitoAccess())
{
if (import.meta.env.FIREFOX && listLocation === "popup")
sendMessage("openCollection", { collection, targetWindow: "incognito" });
else
openCollection(collection, "incognito");
}
openCollection(collection, "incognito");
else
dialog.pushPrompt({
title: i18n.t("collections.incognito_check.title"),
@@ -52,9 +45,7 @@ export default function OpenCollectionButton({ onOpenChange }: OpenCollectionBut
};
const handleOpen = (mode: "current" | "new") =>
import.meta.env.FIREFOX && listLocation === "popup" && mode === "new" ?
() => sendMessage("openCollection", { collection, targetWindow: "new" }) :
() => openCollection(collection, mode);
() => openCollection(collection, mode);
const handleRestore = async () =>
{
@@ -63,7 +54,7 @@ export default function OpenCollectionButton({ onOpenChange }: OpenCollectionBut
};
return (
<Menu onOpenChange={ onOpenChange }>
<Menu>
<MenuTrigger disableButtonEnhancement>
{ (triggerProps: MenuButtonProps) => defaultAction === "restore" ?
<SplitButton
@@ -104,8 +95,3 @@ export default function OpenCollectionButton({ onOpenChange }: OpenCollectionBut
</Menu>
);
}
export type OpenCollectionButtonProps =
{
onOpenChange?: (e: MenuOpenEvent, data: MenuOpenChangeData) => void;
};
@@ -46,10 +46,6 @@ export const useStyles_CollectionListView = makeStyles({
listView:
{
display: "grid",
"@media screen and (min-width: 360px)":
{
gridTemplateColumns: "repeat(auto-fit, minmax(360px, 1fr))"
}
gridTemplateColumns: "repeat(auto-fit, minmax(360px, 1fr))"
}
});
@@ -21,7 +21,6 @@ import { collisionDetector } from "../../utils/dnd/collisionDetector";
import { useStyles_CollectionListView } from "./CollectionListView.styles";
import SearchBar from "./SearchBar";
import StorageCapacityIssueMessage from "./messages/StorageCapacityIssueMessage";
import { snapHandleToCursor } from "../../utils/dnd/snapHandleToCursor";
export default function CollectionListView(): ReactElement
{
@@ -34,7 +33,7 @@ export default function CollectionListView(): ReactElement
const [active, setActive] = useState<DndItem | null>(null);
const sensors = useSensors(
useSensor(MouseSensor, { activationConstraint: { delay: 10, tolerance: 20 } }),
useSensor(MouseSensor, { activationConstraint: { delay: 100, tolerance: 0 } }),
useSensor(TouchSensor, { activationConstraint: { delay: 300, tolerance: 20 } })
);
@@ -111,7 +110,6 @@ export default function CollectionListView(): ReactElement
collisionDetection={ collisionDetector(!tilesView) }
onDragStart={ handleDragStart }
onDragEnd={ handleDragEnd }
modifiers={ [snapHandleToCursor] }
>
<SortableContext
items={ resultList.map((_, index) => index.toString()) }
+2 -8
View File
@@ -1,6 +1,5 @@
import App from "@/App.tsx";
import "@/assets/global.css";
import { trackPage } from "@/features/analytics";
import { useLocalMigration } from "@/features/migration";
import useWelcomeDialog from "@/features/v3welcome/hooks/useWelcomeDialog";
import { Divider, makeStyles } from "@fluentui/react-components";
@@ -8,8 +7,6 @@ import ReactDOM from "react-dom/client";
import CollectionsProvider from "./contexts/CollectionsProvider";
import CollectionListView from "./layouts/collections/CollectionListView";
import Header from "./layouts/header/Header";
import { useSettingsReviewDialog } from "@/features/settingsReview";
import useDialogTrain from "@/hooks/useDialogTrain";
ReactDOM.createRoot(document.getElementById("root")!).render(
<App>
@@ -18,17 +15,14 @@ ReactDOM.createRoot(document.getElementById("root")!).render(
);
document.title = i18n.t("manifest.name");
trackPage("collection_list");
analytics.page("collection_list");
function MainPage(): React.ReactElement
{
const cls = useStyles();
useLocalMigration();
useDialogTrain(
useWelcomeDialog,
useSettingsReviewDialog
);
useWelcomeDialog();
return (
<CollectionsProvider>
@@ -33,11 +33,9 @@ export function collisionDetector(vertical?: boolean): CollisionDetection
if (activeItem.item.type === "collection")
{
// If we drag a collection, we should ignore other items, like tabs or groups
if (droppableItem.item.type !== "collection")
continue;
// Using distance between centers
value = distanceBetween(centerOfRectangle(rect), centerRect);
collisions.push({ id, data: { droppableContainer, value } });
continue;
@@ -46,20 +44,14 @@ export function collisionDetector(vertical?: boolean): CollisionDetection
const intersectionRatio: number = getIntersectionRatio(rect, collisionRect);
const intersectionCoefficient: number = intersectionRatio / getMaxIntersectionRatio(rect, collisionRect);
// Dragging a tab or a group over a collection
if (droppableItem.item.type === "collection")
{
// Ignoring collection, if the tab or the group is inside that collection
if (activeItem.indices.length === 2 && activeItem.indices[0] === droppableItem.indices[0])
continue;
// Ignoring collection if we're dragging a tab or a group that doesn't belong to the collection,
// but intersection ratio is less than 0.7
if (intersectionCoefficient < 0.7)
if (intersectionCoefficient < 0.7 && activeItem.item.type === "tab")
continue;
// If we're dragging a tab, that's inside a group that belongs to the collection,
// we substract the group's intersection from the collection's one
if (activeItem.indices.length === 3 && activeItem.indices[0] === droppableItem.indices[0])
{
const [collectionId, groupId] = activeItem.indices;
@@ -70,23 +62,16 @@ export function collisionDetector(vertical?: boolean): CollisionDetection
value = 1 / (intersectionRatio - getIntersectionRatio(groupRect, collisionRect));
}
// Otherwise, use intersection ratio
// At this point we're dragging either:
// - a group, that doesn't belong to the collection
// - a tab, that either belongs to the collection's group, or has intersection coefficient >= .7
else
{
value = 2 / intersectionRatio;
value = 1 / intersectionRatio;
}
}
// If we're dragging a tab or a group over another group's dropzone
else if (droppableItem.item.type === "group" && (id as string).endsWith("_dropzone"))
{
// Ignore, if we're dragging a group
if (activeItem.item.type === "group")
continue;
// Ignore, if we're dragging a tab, that's inside the group
if (
activeItem.indices.length === 3 &&
activeItem.indices[0] === droppableItem.indices[0] &&
@@ -94,15 +79,11 @@ export function collisionDetector(vertical?: boolean): CollisionDetection
)
continue;
// Ignore, if coefficient is less than .5
// (at this point we're dragging a tab, that's outside of the group's dropzone)
if (intersectionCoefficient < 0.5)
continue;
// Use intersection between the tab and the group's dropzone
value = 1 / intersectionRatio;
}
// We're dragging a group or a tab over its sibling
else if (activeItem.indices.length === droppableItem.indices.length)
{
if (activeItem.indices[0] !== droppableItem.indices[0])
@@ -111,22 +92,9 @@ export function collisionDetector(vertical?: boolean): CollisionDetection
if (activeItem.indices.length === 3 && activeItem.indices[1] !== droppableItem.indices[1])
continue;
// Ignore pinned groups
if (droppableItem.item.type === "group" && droppableItem.item.pinned === true)
continue;
const collectionRect: ClientRect | undefined = droppableRects.get(activeItem.indices[0].toString());
if (!collectionRect)
continue;
const collectionIntersectionRatio: number = getIntersectionRatio(collectionRect, collisionRect);
const collectionIntersectionCoefficient: number = collectionIntersectionRatio / getMaxIntersectionRatio(collectionRect, collisionRect);
// Ignore if we are outside of the home collection
if (collectionIntersectionCoefficient < 0.7)
continue;
if (activeItem.item.type === "tab" && droppableItem.item.type === "tab")
{
value = distanceBetween(centerOfRectangle(rect), centerRect);
@@ -1,34 +0,0 @@
import { Modifier } from "@dnd-kit/core";
import { Coordinates, getEventCoordinates } from "@dnd-kit/utilities";
import { DndItem } from "../../hooks/useDndItem";
export const snapHandleToCursor: Modifier = ({
activatorEvent,
draggingNodeRect,
transform,
active
}) =>
{
if (draggingNodeRect && activatorEvent)
{
const activeItem: DndItem | undefined = active?.data.current as DndItem;
const activatorCoordinates: Coordinates | null = getEventCoordinates(activatorEvent);
if (!activatorCoordinates)
return transform;
const initX: number = activatorCoordinates.x - draggingNodeRect.left;
const initY: number = activatorCoordinates.y - draggingNodeRect.top;
const offsetX: number = activeItem?.item.type === "group" ? 24 : draggingNodeRect.height / 2;
const offsetY: number = activeItem?.item.type === "group" ? 20 : draggingNodeRect.height / 2;
return {
...transform,
x: transform.x + initX - offsetX,
y: transform.y + initY - offsetY
};
}
return transform;
};
@@ -1,21 +1,10 @@
import { CollectionItem, TabItem } from "@/models/CollectionModels";
import sendNotification from "@/utils/sendNotification";
import { Bookmarks, Permissions } from "wxt/browser";
import { Bookmarks } from "wxt/browser";
import { getCollectionTitle } from "./getCollectionTitle";
import { track } from "@/features/analytics";
export default async function exportCollectionToBookmarks(collection: CollectionItem)
{
const permissions: Permissions.AnyPermissions = await browser.permissions.getAll();
if (!permissions.permissions?.includes("bookmarks"))
{
const granted: boolean = await browser.permissions.request({ permissions: ["bookmarks"] });
if (!granted)
return;
}
const rootFolder: Bookmarks.BookmarkTreeNode = await browser.bookmarks.create({
title: getCollectionTitle(collection)
});
@@ -42,8 +31,6 @@ export default async function exportCollectionToBookmarks(collection: Collection
}
}
track("bookmarks_saved");
await sendNotification({
title: i18n.t("notifications.bookmark_saved.title"),
message: i18n.t("notifications.bookmark_saved.message"),
+2 -18
View File
@@ -1,24 +1,8 @@
import { TabItem } from "@/models/CollectionModels";
import sendNotification from "@/utils/sendNotification";
import { Tabs } from "wxt/browser";
export default async function getSelectedTabs(): Promise<TabItem[]>
{
let tabs: Tabs.Tab[] = await browser.tabs.query({ currentWindow: true, highlighted: true });
const tabCount: number = tabs.length;
tabs = tabs.filter(i =>
i.url
&& new URL(i.url).protocol !== "about:"
&& new URL(i.url).hostname !== "newtab"
);
if (tabs.length < tabCount)
await sendNotification({
title: i18n.t("notifications.partial_save.title"),
message: i18n.t("notifications.partial_save.message"),
icon: "/notification_icons/save_warning.png"
});
return tabs.map(i => ({ type: "tab", url: i.url!, title: i.title }));
const tabs: Tabs.Tab[] = await browser.tabs.query({ currentWindow: true, highlighted: true });
return tabs.filter(i => i.url).map(i => ({ type: "tab", url: i.url!, title: i.title }));
}
+1 -1
View File
@@ -50,7 +50,7 @@ export default defineConfig([
"@stylistic/semi": ["error", "always"],
"@stylistic/block-spacing": ["warn", "always"],
"@stylistic/arrow-spacing": ["warn", { before: true, after: true }],
"@stylistic/indent": ["warn", "tab", { assignmentOperator: "off" }],
"@stylistic/indent": ["warn", "tab"],
"@stylistic/quotes": ["error", "double"],
"@stylistic/comma-spacing": ["warn"],
"@stylistic/comma-dangle": ["warn", "never"],
+3 -55
View File
@@ -1,55 +1,3 @@
import { analytics } from "./utils/analytics";
import analyticsPermission from "./utils/analyticsPermission";
import { getUserProperties, userId } from "./utils/getUserProperties";
export { analyticsPermission };
export async function track(eventName: string, eventProperties?: Record<string, string>): Promise<void>
{
try
{
if (!await analyticsPermission.getValue())
return;
analytics.track(eventName, eventProperties);
}
catch (ex)
{
console.error("Failed to send analytics event", ex);
}
}
export async function trackError(name: string, error: Error): Promise<void>
{
try
{
if (!await analyticsPermission.getValue())
return;
analytics.track(name, {
name: error.name,
message: error.message,
stack: error.stack ?? "no_stack"
});
}
catch (ex)
{
console.error("Failed to send error report", ex);
}
}
export async function trackPage(pageName: string): Promise<void>
{
try
{
if (!await analyticsPermission.getValue())
return;
analytics.identify(await userId.getValue() as string, await getUserProperties());
analytics.page(pageName);
}
catch (ex)
{
console.error("Failed to send page view", ex);
}
}
export { default as userPropertiesStorage } from "./utils/userPropertiesStorage";
export { default as trackError } from "./utils/trackError";
export { default as track } from "./utils/track";
-12
View File
@@ -1,12 +0,0 @@
import { createAnalytics } from "@wxt-dev/analytics";
import { googleAnalytics4 } from "@wxt-dev/analytics/providers/google-analytics-4";
export const analytics = createAnalytics({
providers:
[
googleAnalytics4({
apiSecret: import.meta.env.WXT_GA4_API_SECRET,
measurementId: import.meta.env.WXT_GA4_MEASUREMENT_ID
})
]
});
@@ -1,77 +0,0 @@
import { Unwatch, WatchCallback, WxtStorageItem } from "wxt/storage";
import { analytics } from "./analytics";
import { Permissions } from "wxt/browser";
const analyticsPermission: Pick<WxtStorageItem<boolean, Record<string, unknown>>, "getValue" | "watch" | "setValue"> =
{
getValue: async (): Promise<boolean> =>
{
const isGranted: boolean = import.meta.env.FIREFOX
? await browser.permissions.contains({
// @ts-expect-error Introduced in Firefox 139
data_collection: ["technicalAndInteraction"]
})
: await allowAnalytics.getValue();
analytics.setEnabled(isGranted);
return isGranted;
},
setValue: async (value: boolean) =>
{
if (!import.meta.env.FIREFOX)
{
await allowAnalytics.setValue(value);
return;
}
let result: boolean = false;
if (value)
result = await browser.permissions.request({
// @ts-expect-error Introduced in Firefox 139
data_collection: ["technicalAndInteraction"]
});
else
result = await browser.permissions.remove({
// @ts-expect-error Introduced in Firefox 139
data_collection: ["technicalAndInteraction"]
});
if (!result)
throw new Error("Permission request was denied");
},
watch: (cb: WatchCallback<boolean>): Unwatch =>
{
if (!import.meta.env.FIREFOX)
return allowAnalytics.watch(cb);
const listener = async (permissions: Permissions.Permissions): Promise<void> =>
{
// @ts-expect-error Introduced in Firefox 139
if (permissions.data_collection?.includes("technicalAndInteraction"))
{
// @ts-expect-error Introduced in Firefox 139
const isGranted: boolean = await browser.permissions.contains({ data_collection: ["technicalAndInteraction"] });
cb(isGranted, !isGranted);
}
};
browser.permissions.onAdded.addListener(listener);
browser.permissions.onRemoved.addListener(listener);
return (): void =>
{
browser.permissions.onAdded.removeListener(listener);
browser.permissions.onRemoved.removeListener(listener);
};
}
};
export default analyticsPermission;
const allowAnalytics = storage.defineItem<boolean>("local:analytics", {
fallback: true
});
@@ -1,30 +0,0 @@
import { cloudDisabled, collectionCount } from "@/features/collectionStorage";
import { settings } from "@/utils/settings";
export async function getUserProperties(): Promise<UserProperties>
{
const properties: UserProperties =
{
cloud_used: await cloudDisabled.getValue() ? "-1" : (await browser.storage.sync.getBytesInUse() / 102400).toString(),
collection_count: (await collectionCount.getValue()).toString()
};
for (const key of Object.keys(settings))
{
const value = await settings[key as keyof typeof settings].getValue();
properties[`option_${key}`] = value.valueOf().toString();
}
return properties;
}
export const userId = storage.defineItem("local:userId", {
init: () => crypto.randomUUID()
});
export type UserProperties =
{
collection_count: string;
cloud_used: string;
[key: `option_${string}`]: string;
};
+11
View File
@@ -0,0 +1,11 @@
export default function track(eventName: string, eventProperties?: Record<string, string>): void
{
try
{
analytics.track(eventName, eventProperties);
}
catch (ex)
{
console.error("Failed to send analytics event", ex);
}
}
+15
View File
@@ -0,0 +1,15 @@
export default function trackError(name: string, error: Error): void
{
try
{
analytics.track(name, {
name: error.name,
message: error.message,
stack: error.stack ?? "no_stack"
});
}
catch (ex)
{
console.error("Failed to send error report", ex);
}
}
@@ -0,0 +1,35 @@
import { cloudDisabled, collectionCount } from "@/features/collectionStorage";
import { settings } from "@/utils/settings";
import { WxtStorageItem } from "wxt/storage";
// @ts-expect-error we don't need to implement a full storage item
const userPropertiesStorage: WxtStorageItem<Record<string, string>, any> =
{
getValue: async (): Promise<UserProperties> =>
{
console.log("userPropertiesStorage.getValue");
const properties: UserProperties =
{
cloud_used: await cloudDisabled.getValue() ? "-1" : (await browser.storage.sync.getBytesInUse() / 102400).toString(),
collection_count: (await collectionCount.getValue()).toString()
};
for (const key of Object.keys(settings))
{
const value = await settings[key as keyof typeof settings].getValue();
properties[`option_${key}`] = value.valueOf().toString();
}
return properties;
},
setValue: async () => { }
};
export default userPropertiesStorage;
export type UserProperties =
{
collection_count: string;
cloud_used: string;
[key: `option_${string}`]: string;
};
-3
View File
@@ -5,9 +5,6 @@ export { default as getCollections } from "./utils/getCollections";
export { default as resoveConflict } from "./utils/resolveConflict";
export { default as saveCollections } from "./utils/saveCollections";
export { default as setCloudStorage } from "./utils/setCloudStorage";
export { default as clearGraphicsStorage } from "./utils/clearGraphics";
export { default as thumbnailCaptureEnabled } from "./utils/thumbnailCaptureEnabled";
export const collectionCount = collectionStorage.count;
export const graphics = collectionStorage.graphics;
@@ -1,6 +0,0 @@
import { collectionStorage } from "./collectionStorage";
export default async function clearGraphicsStorage(): Promise<void>
{
await collectionStorage.graphics.removeValue();
}
@@ -14,7 +14,7 @@ export default async function getCollectionsFromCloud(): Promise<CollectionItem[
const chunks: Record<string, string> =
await browser.storage.sync.get(getChunkKeys(0, chunkCount)) as Record<string, string>;
const data: string = decompress(Object.values(chunks).join(), { inputEncoding: "Base64" });
const data: string = decompress(Object.values(chunks).join(), { inputEncoding: "StorageBinaryString" });
return parseCollections(data);
}
@@ -14,7 +14,7 @@ export default async function saveCollectionsToCloud(collections: CollectionItem
return;
}
const data: string = compress(serializeCollections(collections), { outputEncoding: "Base64" });
const data: string = compress(serializeCollections(collections), { outputEncoding: "StorageBinaryString" });
const chunks: string[] = splitIntoChunks(data);
if (chunks.length > collectionStorage.maxChunkCount)
@@ -1,50 +0,0 @@
import { Permissions } from "wxt/browser";
import { Unwatch, WatchCallback, WxtStorageItem } from "wxt/storage";
const thumbnailCaptureEnabled: Pick<WxtStorageItem<boolean, Record<string, unknown>>, "getValue" | "watch" | "setValue"> =
{
getValue: async (): Promise<boolean> =>
await browser.permissions.contains({ permissions: ["scripting"], origins: ["<all_urls>"] }),
watch: (cb: WatchCallback<boolean>): Unwatch =>
{
const listener = async (permissions: Permissions.Permissions): Promise<void> =>
{
if (permissions.permissions?.includes("scripting") || permissions.origins?.includes("<all_urls>"))
{
const isGranted: boolean = await browser.permissions.contains({ permissions: ["scripting"], origins: ["<all_urls>"] });
console.log("thumbnailCaptureEnabled changed", isGranted);
cb(isGranted, !isGranted);
}
};
browser.permissions.onAdded.addListener(listener);
browser.permissions.onRemoved.addListener(listener);
return (): void =>
{
browser.permissions.onAdded.removeListener(listener);
browser.permissions.onRemoved.removeListener(listener);
};
},
setValue: async (value: boolean): Promise<void> =>
{
let result: boolean = false;
if (value)
result = await browser.permissions.request({ permissions: ["scripting"], origins: ["<all_urls>"] });
else
{
result = await browser.permissions.remove({ origins: ["<all_urls>"] });
if (import.meta.env.DEV)
await browser.permissions.request({ origins: ["http://localhost/*"] });
}
if (!result)
throw new Error("Permission request was denied");
}
};
export default thumbnailCaptureEnabled;
@@ -1,132 +0,0 @@
import { githubLinks } from "@/data/links";
import { analyticsPermission } from "@/features/analytics";
import extLink from "@/utils/extLink";
import * as fui from "@fluentui/react-components";
import { settingsForReview } from "../utils/showSettingsReviewDialog";
import { reviewSettings } from "../utils/setSettingsReviewNeeded";
import { Unwatch } from "wxt/storage";
import { thumbnailCaptureEnabled } from "@/features/collectionStorage";
export default function SettingsReviewDialog(): React.ReactElement
{
const [allowAnalytics, setAllowAnalytics] = useState<boolean | null>(null);
const [captureThumbnails, setCaptureThumbnails] = useState<boolean | null>(null);
const [needsReview, setNeedsReview] = useState<string[]>([]);
const cls = useStyles();
useEffect(() =>
{
analyticsPermission.getValue().then(setAllowAnalytics);
thumbnailCaptureEnabled.getValue().then(setCaptureThumbnails);
settingsForReview.getValue().then(setNeedsReview);
const unwatchAnalytics: Unwatch = analyticsPermission.watch(setAllowAnalytics);
const unwatchThumbnails: Unwatch = thumbnailCaptureEnabled.watch(setCaptureThumbnails);
return () =>
{
unwatchAnalytics();
unwatchThumbnails();
};
}, []);
const updateAnalytics = (enabled: boolean): void =>
{
setAllowAnalytics(null);
analyticsPermission.setValue(enabled)
.catch(() => setAllowAnalytics(!enabled));
};
const updateThumbnails = (enabled: boolean): void =>
{
setCaptureThumbnails(null);
thumbnailCaptureEnabled.setValue(enabled)
.catch(() => setCaptureThumbnails(!enabled));
};
return (
<fui.DialogSurface>
<fui.DialogBody>
<fui.DialogTitle>{ i18n.t("features.settingsReview.title") }</fui.DialogTitle>
<fui.DialogContent className={ cls.content }>
{ needsReview.includes(reviewSettings.THUMBNAILS) &&
<div className={ cls.section }>
<fui.Switch
label={ i18n.t("options_page.storage.thumbnail_capture") }
checked={ captureThumbnails ?? true }
disabled={ captureThumbnails === null }
onChange={ (_, e) => updateThumbnails(e.checked as boolean) } />
<fui.MessageBar layout="multiline">
<fui.MessageBarBody className={ cls.msgBarBody }>
<fui.MessageBarTitle>
{ i18n.t("options_page.storage.thumbnail_capture_notice1") }
</fui.MessageBarTitle>
<fui.Text as="p">
{ i18n.t("options_page.storage.thumbnail_capture_notice2") }
</fui.Text>
</fui.MessageBarBody>
</fui.MessageBar>
</div>
}
{ needsReview.includes(reviewSettings.ANALYTICS) &&
<div className={ cls.section }>
<fui.Switch
label={ i18n.t("options_page.general.options.allow_analytics") }
checked={ allowAnalytics ?? true }
disabled={ allowAnalytics === null }
onChange={ (_, e) => updateAnalytics(e.checked as boolean) } />
<fui.MessageBar layout="multiline">
<fui.MessageBarBody className={ cls.msgBarBody }>
<fui.MessageBarTitle>
{ i18n.t("features.settingsReview.analytics.title") }
</fui.MessageBarTitle>
<fui.Text as="p">
{ i18n.t("features.settingsReview.analytics.p1") }
</fui.Text>
<fui.Text as="p" weight="semibold">
{ i18n.t("features.settingsReview.analytics.p2") }
</fui.Text>
<fui.Text as="p">
{ i18n.t("features.settingsReview.analytics.p3_text") } <fui.Link { ...extLink(githubLinks.privacy) }>{ i18n.t("features.settingsReview.analytics.p3_link") }</fui.Link>.
</fui.Text>
</fui.MessageBarBody>
</fui.MessageBar>
</div>
}
</fui.DialogContent>
<fui.DialogActions>
<fui.Button onClick={ () => browser.runtime.openOptionsPage() }>
{ i18n.t("features.settingsReview.action") }
</fui.Button>
<fui.DialogTrigger>
<fui.Button appearance="primary">{ i18n.t("common.actions.save") }</fui.Button>
</fui.DialogTrigger>
</fui.DialogActions>
</fui.DialogBody>
</fui.DialogSurface>
);
}
const useStyles = fui.makeStyles({
content:
{
display: "flex",
flexFlow: "column",
gap: fui.tokens.spacingVerticalL
},
section:
{
display: "flex",
flexFlow: "column",
gap: fui.tokens.spacingVerticalXS
},
msgBarBody:
{
display: "flex",
flexFlow: "column",
gap: fui.tokens.spacingVerticalXS,
marginBottom: fui.tokens.spacingVerticalXS
}
});
@@ -1,25 +0,0 @@
import { DialogContextType } from "@/contexts/DialogProvider";
import SettingsReviewDialog from "../components/SettingsReviewDialog";
import { settingsForReview } from "../utils/showSettingsReviewDialog";
export default function useSettingsReviewDialog(dialog: DialogContextType): Promise<void>
{
return new Promise<void>(res =>
{
settingsForReview.getValue().then(needsReview =>
{
if (needsReview.length > 0)
dialog.pushCustom(
<SettingsReviewDialog />,
undefined,
() =>
{
settingsForReview.removeValue();
res();
}
);
else
res();
});
});
}
-1
View File
@@ -1 +0,0 @@
export { default as useSettingsReviewDialog } from "./hooks/useSettingsReviewDialog";
-1
View File
@@ -1 +0,0 @@
export { default as setSettingsReviewNeeded } from "./setSettingsReviewNeeded";
@@ -1,66 +0,0 @@
import { analyticsPermission } from "@/features/analytics";
import { Runtime } from "wxt/browser";
import { settingsForReview } from "./showSettingsReviewDialog";
export default async function setSettingsReviewNeeded(installReason: Runtime.OnInstalledReason, previousVersion?: string): Promise<void>
{
const needsReview: string[] = await settingsForReview.getValue();
if (!needsReview.includes(reviewSettings.ANALYTICS) && await checkAnalyticsReviewNeeded(installReason, previousVersion))
needsReview.push(reviewSettings.ANALYTICS);
if (!needsReview.includes(reviewSettings.THUMBNAILS) && await checkThumbnailsReviewNeeded(installReason, previousVersion))
needsReview.push(reviewSettings.THUMBNAILS);
console.log("Settings needing review:", needsReview);
// Add more settings here as needed
if (needsReview.length > 0)
await settingsForReview.setValue(needsReview);
}
export const reviewSettings =
{
ANALYTICS: "analytics",
THUMBNAILS: "thumbnails"
};
async function checkAnalyticsReviewNeeded(installReason: Runtime.OnInstalledReason, previousVersion?: string): Promise<boolean>
{
if (installReason === "install")
return !await analyticsPermission.getValue();
if (installReason === "update")
{
const [major, minor, patch] = (previousVersion ?? "0.0.0").split(".").map(parseInt);
const cumulative: number = major * 10000 + minor * 100 + patch;
if (cumulative < 30100) // < 3.1.0
return true;
}
if (import.meta.env.DEV)
return true;
return false;
}
async function checkThumbnailsReviewNeeded(installReason: Runtime.OnInstalledReason, previousVersion?: string): Promise<boolean>
{
if (installReason === "install")
return true;
if (installReason === "update")
{
const [major, minor, patch] = (previousVersion ?? "0.0.0").split(".").map(parseInt);
const cumulative: number = major * 10000 + minor * 100 + patch;
if (cumulative < 30100) // < 3.1.0
return true;
}
if (import.meta.env.DEV)
return true;
return false;
}
@@ -1,6 +0,0 @@
export const settingsForReview = storage.defineItem<string[]>(
"local:settingsForReview",
{
fallback: []
}
);
+7 -15
View File
@@ -1,25 +1,17 @@
import { DialogContextType } from "@/contexts/DialogProvider";
import { useDialog } from "@/contexts/DialogProvider";
import WelcomeDialog from "../components/WelcomeDialog";
import { showWelcomeDialog } from "../utils/showWelcomeDialog";
export default function useWelcomeDialog(dialog: DialogContextType): Promise<void>
export default function useWelcomeDialog(): void
{
return new Promise<void>(res =>
const dialog = useDialog();
useEffect(() =>
{
showWelcomeDialog.getValue().then(showWelcome =>
{
if (showWelcome || import.meta.env.DEV)
dialog.pushCustom(
<WelcomeDialog />,
undefined,
() =>
{
showWelcomeDialog.removeValue();
res();
}
);
else
res();
dialog.pushCustom(<WelcomeDialog />, undefined, () => showWelcomeDialog.removeValue());
});
});
}, []);
}
-18
View File
@@ -1,18 +0,0 @@
import { DialogContextType, useDialog } from "@/contexts/DialogProvider";
export default function useDialogTrain(...dialogs: ((dialog: DialogContextType) => Promise<void>)[]): void
{
const dialog = useDialog();
useEffect(() =>
{
(async () =>
{
for (const item of dialogs)
{
await item(dialog);
await new Promise(res => setTimeout(res, 250));
}
})();
}, []);
}
-18
View File
@@ -36,15 +36,6 @@ features:
text3: "Visit our dev blog to learn more about this update and all of its features!"
actions:
visit_blog: "Read dev blog"
settingsReview:
title: "Review your settings"
action: "All settings"
analytics:
title: "These statistics will help us improve the extension"
p1: "We only collect usage statistics (number of collections, used features, etc.)"
p2: "We do not collect any of your data!"
p3_text: "See the full list of what we collect"
p3_link: "here"
notifications:
tabs_saved:
@@ -83,7 +74,6 @@ options_page:
show_badge: "Show counter badge"
show_notification: "Show notification when saving tabs using context menu"
unload_tabs: "Do not load tabs after opening"
allow_analytics: "Allow collection of anonymous statistics"
list_locations:
title: "Open collection list in:"
options:
@@ -131,13 +121,6 @@ options_page:
disable_prompt:
text: "This action will disable collection synchronization between your devices. Extension's settings will still be synchronized."
action: "Disable and reload the extension"
thumbnail_capture: "Capture thumbnails and icons for saved tabs"
thumbnail_capture_notice1: "Requires permission to access content on visited websites"
thumbnail_capture_notice2: "Disabling this feature may improve performance on large collections"
clear_thumbnails:
action: "Clear saved thumbnails"
title: "Delete all saved thumbnails?"
prompt: "This action will remove all saved thumbnails, previews and icons for your saved tabs. This action cannot be undone."
about:
title: "About"
developed_by: "Developed by Eugene Fox"
@@ -150,7 +133,6 @@ options_page:
website: "My website"
source: "Source code"
changelog: "Changelog"
privacy: "Privacy policy"
collections:
empty: "This collection is empty"
-18
View File
@@ -36,15 +36,6 @@ features:
text3: "¡Visita nuestro blog de desarrollo para aprender más sobre esta actualización y todas sus características!"
actions:
visit_blog: "Leer el blog de desarrollo"
settingsReview:
title: "Revisa tus ajustes"
action: "Todos los ajustes"
analytics:
title: "Estas estadísticas nos ayudarán a mejorar la extensión"
p1: "Solo recopilamos estadísticas de uso (número de colecciones, funciones utilizadas, etc.)"
p2: "¡No recopilamos ninguno de tus datos!"
p3_text: "Ver la lista completa de lo que recopilamos"
p3_link: "aquí"
notifications:
tabs_saved:
@@ -83,7 +74,6 @@ options_page:
show_badge: "Mostrar insignia de contador"
show_notification: "Mostrar notificación al guardar pestañas usando el menú contextual"
unload_tabs: "No cargar pestañas después de abrir"
allow_analytics: "Permitir la recopilación de estadísticas anónimas"
list_locations:
title: "Abrir lista de colecciones en:"
options:
@@ -131,13 +121,6 @@ options_page:
disable_prompt:
text: "Esta acción deshabilitará la sincronización de colecciones entre tus dispositivos. La configuración de la extensión seguirá sincronizándose."
action: "Deshabilitar y recargar la extensión"
thumbnail_capture: "Capturar miniaturas e íconos para las pestañas guardadas"
thumbnail_capture_notice1: "Requiere permiso para acceder al contenido de los sitios web visitados"
thumbnail_capture_notice2: "Deshabilitar esta función puede mejorar el rendimiento en colecciones grandes"
clear_thumbnails:
action: "Eliminar miniaturas guardadas"
title: "¿Eliminar todas las miniaturas guardadas?"
prompt: "Esta acción eliminará todas las miniaturas, vistas previas e íconos guardados para tus pestañas guardadas. Esta acción no se puede deshacer."
about:
title: "Acerca de"
developed_by: "Desarrollado por Eugene Fox"
@@ -150,7 +133,6 @@ options_page:
website: "Mi sitio web"
source: "Código fuente"
changelog: "Registro de cambios"
privacy: "Política de privacidad"
collections:
empty: "Esta colección está vacía"
-18
View File
@@ -36,15 +36,6 @@ features:
text3: "Visita il nostro blog per saperne di più su questo aggiornamento e tutte le sue funzionalità!"
actions:
visit_blog: "Leggi il blog degli sviluppatori"
settingsReview:
title: "Rivedi le tue impostazioni"
action: "Tutte le impostazioni"
analytics:
title: "Queste statistiche ci aiuteranno a migliorare l'estensione"
p1: "Raccogliamo solo statistiche di utilizzo (numero di collezioni, funzionalità utilizzate, ecc.)"
p2: "Non raccogliamo nessuno dei tuoi dati!"
p3_text: "Vedi l'elenco completo di ciò che raccogliamo"
p3_link: "qui"
notifications:
tabs_saved:
@@ -83,7 +74,6 @@ options_page:
show_badge: "Mostra il badge del contatore"
show_notification: "Mostra notifica quando salvi le schede usando il menu contestuale"
unload_tabs: "Non caricare le schede dopo l'apertura"
allow_analytics: "Consenti la raccolta di statistiche anonime"
list_locations:
title: "Apri elenco delle collezioni in:"
options:
@@ -131,13 +121,6 @@ options_page:
disable_prompt:
text: "Questa azione disabiliterà la sincronizzazione delle collezioni tra i tuoi dispositivi. Le impostazioni dell'estensione saranno comunque sincronizzate."
action: "Disabilita e ricarica l'estensione"
thumbnail_capture: "Cattura miniature e icone per le schede salvate"
thumbnail_capture_notice1: "Richiede il permesso di accedere ai contenuti dei siti web visitati"
thumbnail_capture_notice2: "Disabilitare questa funzione può migliorare le prestazioni su collezioni di grandi dimensioni"
clear_thumbnails:
action: "Elimina miniature salvate"
title: "Eliminare tutte le miniature salvate?"
prompt: "Questa azione rimuoverà tutte le miniature, anteprime e icone salvate per le tue schede salvate. Questa azione non può essere annullata."
about:
title: "Informazioni"
developed_by: "Sviluppato da Eugene Fox"
@@ -150,7 +133,6 @@ options_page:
website: "Il mio sito web"
source: "Codice sorgente"
changelog: "Registro delle modifiche"
privacy: "Politica sulla riservatezza"
collections:
empty: "Questa collezione è vuota"
+1 -19
View File
@@ -36,15 +36,6 @@ features:
text3: "Odwiedź blog dewelopera (tylko w języku angielskim), aby dowiedzieć się więcej o tej aktualizacji i wszystkich jej funkcjach!"
actions:
visit_blog: "Czytaj blog"
settingsReview:
title: "Sprawdź ustawienia"
action: "Wszystkie ustawienia"
analytics:
title: "Ta statystyka pozwoli ulepszać rozszerzenie"
p1: "Zbieramy tylko statystyki użycia (liczba kolekcji, używane funkcje itp.)"
p2: "Nie zbieramy twoich danych osobowych!"
p3_text: "Pełną listę zbieranych danych można zobaczyć"
p3_link: "tutaj"
notifications:
tabs_saved:
@@ -83,7 +74,6 @@ options_page:
show_badge: "Pokaż licznik"
show_notification: "Pokaż powiadomienie przy zapisywaniu przez menu kontekstowe"
unload_tabs: "Nie ładuj kart po otwarciu"
allow_analytics: "Zezwól na zbieranie anonimowej statystyki"
list_locations:
title: "Otwieraj listę kolekcji w:"
options:
@@ -94,7 +84,7 @@ options_page:
icon_action:
title: "Po kliknięciu ikony rozszerzenia:"
options:
action: "Zapisz karty (domyślna akcja)"
action: "Wykonaj domyślną akcję"
context: "Pokaż menu kontekstowe"
open: "Otwórz listę kolekcji"
change_shortcuts: "Zmień skróty klawiszowe"
@@ -131,13 +121,6 @@ options_page:
disable_prompt:
text: "Ta akcja wyłączy synchronizację kolekcji między twoimi urządzeniami. Ustawienia nadal będą przechowywane w chmurze."
action: "Wyłącz i przeładuj rozszerzenie"
thumbnail_capture: "Zapisuj podglądy i ikony dla zapisanych kart"
thumbnail_capture_notice1: "Wymagany dostęp do zawartości odwiedzanych stron internetowych"
thumbnail_capture_notice2: "Wyłączenie tej funkcji może poprawić wydajność przy dużej liczbie zapisanych kart"
clear_thumbnails:
action: "Usuń zapisane ikony"
title: "Usunąć podglądy i ikony?"
prompt: "Ta akcja usunie wszystkie podglądy i ikony twoich zapisanych kart. Tej akcji nie można cofnąć."
about:
title: "O rozszerzeniu"
developed_by: "Wywoływacz: Eugeniusz Lis"
@@ -150,7 +133,6 @@ options_page:
website: "Moja strona internetowa"
source: "Kod źródłowy"
changelog: "Lista zmian"
privacy: "Polityka prywatności"
collections:
empty: "Ta kolekcja jest pusta"
-18
View File
@@ -36,15 +36,6 @@ features:
text3: "Visite nosso blog de desenvolvimento para saber mais sobre esta atualização e todos os seus recursos!"
actions:
visit_blog: "Ler blog de desenvolvimento"
settingsReview:
title: "Revise suas configurações"
action: "Todas as configurações"
analytics:
title: "Estas estatísticas nos ajudarão a melhorar a extensão"
p1: "Nós coletamos apenas estatísticas de uso (número de coleções, recursos usados, etc.)"
p2: "Nós não coletamos nenhum dos seus dados!"
p3_text: "Veja a lista completa do que coletamos"
p3_link: "aqui"
notifications:
tabs_saved:
@@ -83,7 +74,6 @@ options_page:
show_badge: "Mostrar contador no ícone"
show_notification: "Mostrar notificação ao salvar abas pelo menu de contexto"
unload_tabs: "Não carregar abas após abrir"
allow_analytics: "Permitir coleta de estatísticas anônimas"
list_locations:
title: "Abrir lista de coleções em:"
options:
@@ -131,13 +121,6 @@ options_page:
disable_prompt:
text: "Esta ação desativará a sincronização de coleções entre seus dispositivos. As configurações da extensão ainda serão sincronizadas."
action: "Desativar e recarregar a extensão"
thumbnail_capture: "Capturar miniaturas e ícones para as abas salvas"
thumbnail_capture_notice1: "Requer permissão para acessar o conteúdo dos sites visitados"
thumbnail_capture_notice2: "Desativar esse recurso pode melhorar o desempenho em coleções grandes"
clear_thumbnails:
action: "Eliminar miniaturas guardadas"
title: "Excluir todas as miniaturas salvas?"
prompt: "Esta ação removerá todas as miniaturas, pré-visualizações e ícones salvos para suas abas salvas. Esta ação não pode ser desfeita."
about:
title: "Sobre"
developed_by: "Desenvolvido por Eugene Fox"
@@ -150,7 +133,6 @@ options_page:
website: "Meu site"
source: "Código-fonte"
changelog: "Registro de alterações"
privacy: "Política de Privacidade"
collections:
empty: "Esta coleção está vazia"
+5 -23
View File
@@ -36,15 +36,6 @@ features:
text3: "Посетите блог разработчика (только на английском), чтобы узнать больше об этом обновлении и всех его функциях!"
actions:
visit_blog: "Читать блог"
settingsReview:
title: "Проверьте настройки"
action: "Все настройки"
analytics:
title: "Эта статистика позволит улучшать расширение"
p1: "Мы собираем только статистику использования (количество коллекций, используемые функции и т.д.)"
p2: "Мы не собираем ваши личные данные!"
p3_text: "Полный список собираемых данных можно посмотреть"
p3_link: "здесь"
notifications:
tabs_saved:
@@ -83,7 +74,6 @@ options_page:
show_badge: "Показывать счетчик"
show_notification: "Показывать уведомление при сохранении через контекстное меню"
unload_tabs: "Не загружать вкладки после открытия"
allow_analytics: "Разрешить сбор анонимной статистики"
list_locations:
title: "Открывать список коллекций в:"
options:
@@ -94,7 +84,7 @@ options_page:
icon_action:
title: "При нажатии на иконку расширения:"
options:
action: "Сохранить вкладки (действие по умолчанию)"
action: "Выполнить действие по умолчанию"
context: "Показать контекстное меню"
open: "Открыть список коллекций"
change_shortcuts: "Изменить горячие клавиши"
@@ -131,13 +121,6 @@ options_page:
disable_prompt:
text: "Это действие отключит синхронизацию коллекций между вашими устройствами. Настройки расширения продолжат храниться в облаке."
action: "Отключить и перезагрузить расширение"
thumbnail_capture: "Сохранять превью и иконки для сохранённых вкладок"
thumbnail_capture_notice1: "Необходим доступ к содержанию посещенных веб-сайтов"
thumbnail_capture_notice2: "Отключение этой функции может улучшить производительность при большом количестве сохраненных вкладок"
clear_thumbnails:
action: "Удалить сохранённые иконки"
title: "Удалить превью и иконки?"
prompt: "Это действие удалит все превью и иконки у ваших сохраненных вкладок. Это действие не может быть отменено."
about:
title: "О расширении"
developed_by: "Разработчик: Евгений Лис"
@@ -150,7 +133,6 @@ options_page:
website: "Мой веб-сайт"
source: "Исходный код"
changelog: "Список изменений"
privacy: "Политика конфиденциальности"
collections:
empty: "Эта коллекция пуста"
@@ -167,13 +149,13 @@ collections:
title: "Требуется разрешение"
message:
edge:
p1: "Расширению необходимо дополнительное разрешение, чтобы открыть вкладки в режиме InPrivate"
p1: "Расширению необходимо дополнительное разрешение чтобы открыть вкладки в режиме InPrivate"
p2: "Для этого нажмите \"Настройки\" и затем отметьте опцию \"Разрешить в режиме InPrivate\""
firefox:
p1: "Расширению необходимо дополнительное разрешение, чтобы открыть вкладки в приватном окне"
p1: "Расширению необходимо дополнительное разрешение чтобы открыть вкладки в приватном окне"
p2: "Для этого нажмите \"Настройки\", перейдите в \"Подробности\" и разрешите \"Запуск в приватных окнах\""
chrome:
p1: "Расширению необходимо дополнительное разрешение, чтобы открыть вкладки в режиме инкогнито"
p1: "Расширению необходимо дополнительное разрешение чтобы открыть вкладки в режиме инкогнито"
p2: "Для этого нажмите \"Настройки\" и отметьте опцию \"Разрешить использование в режиме инкогнито\""
action: "Настройки"
menu:
@@ -264,6 +246,6 @@ parse_error_message:
merge_conflict_message:
title: "В локальном и облачном хранилищах есть конфликтующие изменения."
message: "Чтобы это исправить, вы можете сохранить локальную копию в облако либо принять изменения из облака."
message: "Чтобы это исправить, вы можете сохранить локальную копию в облако, либо принять изменения из облака."
accept_local: "Заменить локальной"
accept_cloud: "Принять облачные изменения"
+2 -20
View File
@@ -36,15 +36,6 @@ features:
text3: "Відвідайте блог розробника (тільки англійською), щоб дізнатися більше про це оновлення та всі його функції!"
actions:
visit_blog: "Читати блог"
settingsReview:
title: "Перевірте налаштування"
action: "Всi налаштування"
analytics:
title: "Ця статистика дозволить покращувати розширення"
p1: "Ми збираємо лише статистику використання (кількість колекцій, використовувані функції тощо)"
p2: "Ми не збираємо ваші особисті дані!"
p3_text: "Повний список зібраних даних можна подивитися"
p3_link: "тут"
notifications:
tabs_saved:
@@ -83,7 +74,6 @@ options_page:
show_badge: "Показувати лічильник"
show_notification: "Показувати сповіщення при збереженні через контекстне меню"
unload_tabs: "Не завантажувати вкладки після відкриття"
allow_analytics: "Дозволити збір анонімної статистики"
list_locations:
title: "Відкривати список колекцій у:"
options:
@@ -94,7 +84,7 @@ options_page:
icon_action:
title: "При натисканні на іконку розширення:"
options:
action: "Зберегти вкладки (дія за замовчуванням)"
action: "Виконати дію за замовчуванням"
context: "Показати контекстне меню"
open: "Відкрити список колекцій"
change_shortcuts: "Змінити гарячі клавіші"
@@ -131,13 +121,6 @@ options_page:
disable_prompt:
text: "Ця дія вимкне синхронізацію колекцій між вашими пристроями. Налаштування продовжать зберігатися у хмарі."
action: "Вимкнути та перезавантажити розширення"
thumbnail_capture: "Зберігати превью і іконки для збережених вкладок"
thumbnail_capture_notice1: "Необхідний доступ до вмісту відвіданих веб-сайтів"
thumbnail_capture_notice2: "Вимкнення цієї функції може покращити продуктивність при великій кількості збережених вкладок"
clear_thumbnails:
action: "Видалити збережені іконки"
title: "Видалити превью і іконки?"
prompt: "Ця дія видалить всі превью і іконки у ваших збережених вкладках. Цю дію не можна скасувати."
about:
title: "О розширенні"
developed_by: "Розробник: Євген Лис"
@@ -150,7 +133,6 @@ options_page:
website: "Мій веб-сайт"
source: "Вихідний код"
changelog: "Список змін"
privacy: "Політика конфіденційності"
collections:
empty: "Ця колекція пуста"
@@ -264,6 +246,6 @@ parse_error_message:
merge_conflict_message:
title: "В локальному і облачному хранилищах є конфліктуючі зміни."
message: "Щоб це виправити, ви можете зберегти локальну копію в хмарі або прийняти зміни з хмари."
message: "Щоб це виправити, ви можете зберегти локальну копію в хмарі, або прийняти зміни з хмари."
accept_local: "Заменить локальною"
accept_cloud: "Прийняти облачні зміни"
-18
View File
@@ -36,15 +36,6 @@ features:
text3: "访问我们的开发博客以了解有关此更新及其所有功能的更多信息!"
actions:
visit_blog: "阅读开发博客"
settingsReview:
title: "检查您的设置"
action: "所有设置"
analytics:
title: "这些统计数据将帮助我们改进扩展"
p1: "我们只收集使用统计数据(收藏数量、使用的功能等)"
p2: "我们不会收集您的任何数据!"
p3_text: ""
p3_link: "请参阅我们收集内容的完整列表"
notifications:
tabs_saved:
@@ -83,7 +74,6 @@ options_page:
show_badge: "显示计数徽章"
show_notification: "使用上下文菜单保存标签时显示通知"
unload_tabs: "打开后不加载标签"
allow_analytics: "允许收集匿名统计数据"
list_locations:
title: "在以下位置打开收藏列表:"
options:
@@ -131,13 +121,6 @@ options_page:
disable_prompt:
text: "此操作将禁用设备之间的收藏同步。扩展设置仍将同步。"
action: "禁用并重新加载扩展"
thumbnail_capture: "为已保存的标签保存缩略图和图标"
thumbnail_capture_notice1: "需要访问已访问网站内容的权限"
thumbnail_capture_notice2: "当你有大量集合时,禁用此功能可能会提高性能"
clear_thumbnails:
action: "删除已保存的图标"
title: "删除缩略图和图标?"
prompt: "此操作将删除您已保存标签页的所有缩略图和图标。此操作无法撤消。"
about:
title: "关于"
developed_by: "由尤金·福克斯开发"
@@ -150,7 +133,6 @@ options_page:
website: "我的网站"
source: "源代码"
changelog: "更新日志"
privacy: "隐私政策"
collections:
empty: "此收藏为空"
+25 -24
View File
@@ -1,46 +1,47 @@
{
"name": "tabs-aside",
"private": true,
"version": "3.1.0",
"version": "3.0.0-rc5",
"type": "module",
"scripts": {
"dev": "wxt",
"build": "yarn lint && wxt build --mv3",
"zip": "yarn lint && wxt zip --mv3",
"build": "wxt build --mv3",
"zip": "wxt zip --mv3",
"lint": "tsc --noEmit && eslint . -c eslint.config.js",
"prepare": "wxt prepare",
"postinstall": "yarn prepare"
"prebuild": "yarn lint",
"prezip": "yarn lint",
"postinstall": "wxt prepare"
},
"dependencies": {
"@dnd-kit/core": "^6.3.1",
"@dnd-kit/modifiers": "^9.0.0",
"@dnd-kit/sortable": "^10.0.0",
"@dnd-kit/utilities": "^3.2.2",
"@fluentui/react-components": "^9.70.0",
"@fluentui/react-icons": "^2.0.309",
"@webext-core/messaging": "^2.3.0",
"@fluentui/react-components": "^9.63.0",
"@fluentui/react-icons": "^2.0.298",
"@webext-core/messaging": "^2.2.0",
"@wxt-dev/analytics": "^0.4.1",
"@wxt-dev/i18n": "^0.2.4",
"@wxt-dev/i18n": "^0.2.3",
"lzutf8": "^0.6.3",
"react": "~18.3.1",
"react-dom": "~18.3.1"
"react": "^18.3.1",
"react-dom": "18.3.1"
},
"devDependencies": {
"@eslint/css": "^0.11.0",
"@eslint/js": "^9.35.0",
"@eslint/json": "^0.13.2",
"@stylistic/eslint-plugin": "^5.3.1",
"@types/react": "~18.3.1",
"@types/react-dom": "~18.3.1",
"@wxt-dev/module-react": "^1.1.5",
"eslint": "^9.35.0",
"@eslint/css": "^0.7.0",
"@eslint/js": "^9.26.0",
"@eslint/json": "^0.12.0",
"@stylistic/eslint-plugin": "^4.2.0",
"@types/react": "^18.3.1",
"@types/react-dom": "^18.3.1",
"@wxt-dev/module-react": "^1.1.3",
"eslint": "^9.26.0",
"eslint-plugin-react": "^7.37.5",
"globals": "^16.3.0",
"globals": "^16.0.0",
"scheduler": "0.23.0",
"typescript": "^5.9.2",
"typescript-eslint": "^8.42.0",
"vite": "^7.1.5",
"typescript": "^5.8.3",
"typescript-eslint": "^8.31.1",
"vite": "^6.3.4",
"wxt": "~0.19.29"
},
"packageManager": "yarn@4.9.2"
"packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
}
+13 -11
View File
@@ -31,17 +31,19 @@ Stemming its roots from the original Microsoft Edge browser feature, this extens
It allows you to save and manage your tabs in a convenient way, providing a range of features that make it easy to organize and access your saved tabs.
**Features**
- **Save tabs:** Save all your open tabs in a single click, and restore them later
- **Organize tabs:** Create collections and subgroups to organize your saved tabs
- **Search tabs:** Quickly find the tabs you need using the search feature
- **Sync across devices:** Access your saved tabs from any device with your account
- **Go dark:** Dark mode support for a more comfortable browsing experience
- **Personalize:** Change the appearance and behavior of the extension to suit your needs
<b>Features</b>
<ul>
<li><b>Save tabs</b>: Save all your open tabs in a single click, and restore them later</li>
<li><b>Organize tabs</b>: Create collections and subgroups to organize your saved tabs</li>
<li><b>Search tabs</b>: Quickly find the tabs you need using the search feature</li>
<li><b>Sync across devices</b>: Access your saved tabs from any device with your account</li>
<li><b>Go dark</b>: Dark mode support for a more comfortable browsing experience</li>
<li><b>Personalize</b>: Change the appearance and behavior of the extension to suit your needs</li>
</ul>
Check out our [blog post](https://at.xfox111.net/tabs-aside-3-0) regarding all the new features and improvements in Tabs aside 3.0
Check out our <a href="https://at.xfox111.net/tabs-aside-3-0">blog post</a> regarding all the new features and improvements in Tabs aside 3.0
**Hey, it's an open-source software!**
If you know how to improve this extension you can check [its GitHub Repository](https://github.com/xfox111/TabsAsideExtension)
<b>Hey, it's an open-source software!</b>
If you know how to improve this extension you can check <a href="https://github.com/xfox111/TabsAsideExtension">its GitHub Repository</a>
Check out [release changelog](https://github.com/xfox111/TabsAsideExtension/releases/latest)
Check out <a href="https://github.com/xfox111/TabsAsideExtension/releases/latest">release changelog</a>
+13 -11
View File
@@ -30,17 +30,19 @@ Basada en la funcionalidad original del navegador Microsoft Edge, esta extensió
Te permite guardar y gestionar tus pestañas de manera conveniente, proporcionando una gama de características que facilitan organizar y acceder a tus pestañas guardadas.
**Características**
- **Guardar pestañas:** Guarda todas tus pestañas abiertas con un solo clic y restáuralas más tarde
- **Organizar pestañas:** Crea colecciones y subgrupos para organizar tus pestañas guardadas
- **Buscar pestañas:** Encuentra rápidamente las pestañas que necesitas usando la función de búsqueda
- **Sincronizar entre dispositivos:** Accede a tus pestañas guardadas desde cualquier dispositivo con tu cuenta
- **Modo oscuro:** Soporte para modo oscuro para una experiencia de navegación más cómoda
- **Personalizar:** Cambia la apariencia y el comportamiento de la extensión para adaptarla a tus necesidades
<b>Características</b>
<ul>
<li><b>Guardar pestañas</b>: Guarda todas tus pestañas abiertas con un solo clic y restáuralas más tarde</li>
<li><b>Organizar pestañas</b>: Crea colecciones y subgrupos para organizar tus pestañas guardadas</li>
<li><b>Buscar pestañas</b>: Encuentra rápidamente las pestañas que necesitas usando la función de búsqueda</li>
<li><b>Sincronizar entre dispositivos</b>: Accede a tus pestañas guardadas desde cualquier dispositivo con tu cuenta</li>
<li><b>Modo oscuro</b>: Soporte para modo oscuro para una experiencia de navegación más cómoda</li>
<li><b>Personalizar</b>: Cambia la apariencia y el comportamiento de la extensión para adaptarla a tus necesidades</li>
</ul>
Consulta nuestra [publicación en el blog](https://at.xfox111.net/tabs-aside-3-0) sobre todas las nuevas características y mejoras en Pestañas a un lado 3.0
Consulta nuestra <a href="https://at.xfox111.net/tabs-aside-3-0">publicación en el blog</a> sobre todas las nuevas características y mejoras en Pestañas a un lado 3.0
**¡Oye, es un software de código abierto!**
Si sabes cómo mejorar esta extensión, puedes revisar [su repositorio de GitHub](https://github.com/xfox111/TabsAsideExtension)
<b>¡Oye, es un software de código abierto!</b>
Si sabes cómo mejorar esta extensión, puedes revisar <a href="https://github.com/xfox111/TabsAsideExtension">su repositorio de GitHub</a>
Consulta el [registro de cambios](https://github.com/xfox111/TabsAsideExtension/releases/latest)
Consulta el <a href="https://github.com/xfox111/TabsAsideExtension/releases/latest">registro de cambios</a>
+13 -11
View File
@@ -30,17 +30,19 @@ Radicata nella funzionalità originale del browser Microsoft Edge, questa estens
Ti consente di salvare e gestire le tue schede in modo conveniente, fornendo una gamma di funzionalità che rendono facile organizzare e accedere alle tue schede salvate.
**Funzionalità**
- **Salva schede:** Salva tutte le tue schede aperte con un solo clic e ripristinale in seguito
- **Organizza schede:** Crea collezioni e sottogruppi per organizzare le tue schede salvate
- **Cerca schede:** Trova rapidamente le schede di cui hai bisogno utilizzando la funzione di ricerca
- **Sincronizza tra dispositivi:** Accedi alle tue schede salvate da qualsiasi dispositivo con il tuo account
- **Modalità scura:** Supporto per la modalità scura per un'esperienza di navigazione più confortevole
- **Personalizza:** Cambia l'aspetto e il comportamento dell'estensione per soddisfare le tue esigenze
<b>Funzionalità</b>
<ul>
<li><b>Salva schede</b>: Salva tutte le tue schede aperte con un solo clic e ripristinale in seguito</li>
<li><b>Organizza schede</b>: Crea collezioni e sottogruppi per organizzare le tue schede salvate</li>
<li><b>Cerca schede</b>: Trova rapidamente le schede di cui hai bisogno utilizzando la funzione di ricerca</li>
<li><b>Sincronizza tra dispositivi</b>: Accedi alle tue schede salvate da qualsiasi dispositivo con il tuo account</li>
<li><b>Modalità scura</b>: Supporto per la modalità scura per un'esperienza di navigazione più confortevole</li>
<li><b>Personalizza</b>: Cambia l'aspetto e il comportamento dell'estensione per soddisfare le tue esigenze</li>
</ul>
Dai un'occhiata al nostro [post sul blog](https://at.xfox111.net/tabs-aside-3-0) riguardante tutte le nuove funzionalità e miglioramenti in Schede a parte 3.0
Dai un'occhiata al nostro <a href="https://at.xfox111.net/tabs-aside-3-0">post sul blog</a> riguardante tutte le nuove funzionalità e miglioramenti in Schede a parte 3.0
**Ehi, è un software open-source!**
Se sai come migliorare questa estensione, puoi controllare [il suo repository GitHub](https://github.com/xfox111/TabsAsideExtension)
<b>Ehi, è un software open-source!</b>
Se sai come migliorare questa estensione, puoi controllare <a href="https://github.com/xfox111/TabsAsideExtension">il suo repository GitHub</a>
Consulta il [registro delle modifiche](https://github.com/xfox111/TabsAsideExtension/releases/latest)
Consulta il <a href="https://github.com/xfox111/TabsAsideExtension/releases/latest">registro delle modifiche</a>
+13 -11
View File
@@ -30,17 +30,19 @@ Zainspirowane funkcją z pierwszych wersji Microsoft Edge, to rozszerzenie stał
Pozwala wygodnie zapisywać i zarządzać kartami, oferując wiele funkcji, które ułatwiają organizację i dostęp do zapisanych kart.
**Funkcje**
- **Zapisywanie kart:** Zapisz wszystkie otwarte karty jednym kliknięciem i przywróć je później
- **Organizacja kart:** Twórz kolekcje i podgrupy, aby organizować zapisane karty
- **Wyszukiwanie kart:** Szybko znajdź potrzebne karty za pomocą funkcji wyszukiwania
- **Synchronizacja między urządzeniami:** Dostęp do zapisanych kart z dowolnego urządzenia za pomocą swojego konta
- **Tryb ciemny:** Obsługa trybu ciemnego dla bardziej komfortowego użytkowania
- **Personalizacja:** Dostosuj wygląd i działanie rozszerzenia do swoich potrzeb
<b>Funkcje</b>
<ul>
<li><b>Zapisywanie kart</b>: Zapisz wszystkie otwarte karty jednym kliknięciem i przywróć je później</li>
<li><b>Organizacja kart</b>: Twórz kolekcje i podgrupy, aby organizować zapisane karty</li>
<li><b>Wyszukiwanie kart</b>: Szybko znajdź potrzebne karty za pomocą funkcji wyszukiwania</li>
<li><b>Synchronizacja między urządzeniami</b>: Dostęp do zapisanych kart z dowolnego urządzenia za pomocą swojego konta</li>
<li><b>Tryb ciemny</b>: Obsługa trybu ciemnego dla bardziej komfortowego użytkowania</li>
<li><b>Personalizacja</b>: Dostosuj wygląd i działanie rozszerzenia do swoich potrzeb</li>
</ul>
Odwiedź [naszego bloga](https://at.xfox111.net/tabs-aside-3-0), aby dowiedzieć się więcej o wszystkich nowych funkcjach i ulepszeniach w Odłożonych kartach 3.0
Odwiedź <a href="https://at.xfox111.net/tabs-aside-3-0">naszego bloga</a>, aby dowiedzieć się więcej o wszystkich nowych funkcjach i ulepszeniach w Odłożonych kartach 3.0
**Przy okazji, to rozszerzenie open-source!**
Jeśli wiesz, jak ulepszyć to rozszerzenie, możesz odwiedzić [jego repozytorium na GitHubie](https://github.com/xfox111/TabsAsideExtension)
<b>Przy okazji, to rozszerzenie open-source!</b>
Jeśli wiesz, jak ulepszyć to rozszerzenie, możesz odwiedzić <a href="https://github.com/xfox111/TabsAsideExtension">jego repozytorium na GitHubie</a>
[Lista zmian w najnowszej wersji](https://github.com/xfox111/TabsAsideExtension/releases/latest)
<a href="https://github.com/xfox111/TabsAsideExtension/releases/latest">Lista zmian w najnowszej wersji</a>
+13 -11
View File
@@ -31,17 +31,19 @@ Originando-se do recurso original do navegador Microsoft Edge, esta extensão cr
Ela permite que você salve e gerencie suas abas de forma conveniente, oferecendo uma variedade de recursos que facilitam a organização e o acesso às abas salvas.
**Recursos**
- **Salvar abas:** Salve todas as suas abas abertas com um único clique e restaure-as depois
- **Organizar abas:** Crie coleções e subgrupos para organizar suas abas salvas
- **Pesquisar abas:** Encontre rapidamente as abas que você precisa usando o recurso de pesquisa
- **Sincronizar entre dispositivos:** Acesse suas abas salvas de qualquer dispositivo com sua conta
- **Modo escuro:** Suporte ao modo escuro para uma experiência de navegação mais confortável
- **Personalizar:** Altere a aparência e o comportamento da extensão conforme suas necessidades
<b>Recursos</b>
<ul>
<li><b>Salvar abas</b>: Salve todas as suas abas abertas com um único clique e restaure-as depois</li>
<li><b>Organizar abas</b>: Crie coleções e subgrupos para organizar suas abas salvas</li>
<li><b>Pesquisar abas</b>: Encontre rapidamente as abas que você precisa usando o recurso de pesquisa</li>
<li><b>Sincronizar entre dispositivos</b>: Acesse suas abas salvas de qualquer dispositivo com sua conta</li>
<li><b>Modo escuro</b>: Suporte ao modo escuro para uma experiência de navegação mais confortável</li>
<li><b>Personalizar</b>: Altere a aparência e o comportamento da extensão conforme suas necessidades</li>
</ul>
Confira nossa [postagem no blog](https://at.xfox111.net/tabs-aside-3-0) sobre todos os novos recursos e melhorias do Tabs Aside 3.0
Confira nossa <a href="https://at.xfox111.net/tabs-aside-3-0">postagem no blog</a> sobre todos os novos recursos e melhorias do Tabs Aside 3.0
**Ei, é um software de código aberto!**
Se você sabe como melhorar esta extensão, confira [seu repositório no GitHub](https://github.com/xfox111/TabsAsideExtension)
<b>Ei, é um software de código aberto!</b>
Se você sabe como melhorar esta extensão, confira <a href="https://github.com/xfox111/TabsAsideExtension">seu repositório no GitHub</a>
Veja o [changelog das versões](https://github.com/xfox111/TabsAsideExtension/releases/latest)
Veja o <a href="https://github.com/xfox111/TabsAsideExtension/releases/latest">changelog das versões</a>
+13 -11
View File
@@ -30,17 +30,19 @@ https://github.com/xfox111/TabsAsideExtension/releases/latest
Оно позволяет сохранять и управлять вашими вкладками удобным образом, предоставляя множество функций, которые упрощают организацию и доступ к сохраненным вкладкам.
**Возможности**
- **Сохранение вкладок:** Сохраните все открытые вкладки одним кликом и восстановите их позже
- **Организация вкладок:** Создавайте коллекции и подгруппы для организации сохраненных вкладок
- **Поиск вкладок:** Быстро находите нужные вкладки с помощью функции поиска
- **Синхронизация между устройствами:** Доступ к сохраненным вкладкам с любого устройства через ваш аккаунт
- **Темный режим:** Поддержка темного режима для более комфортного использования
- **Персонализация:** Изменяйте внешний вид и поведение расширения под свои нужды
<b>Возможности</b>
<ul>
<li><b>Сохранение вкладок</b>: Сохраните все открытые вкладки одним кликом и восстановите их позже</li>
<li><b>Организация вкладок</b>: Создавайте коллекции и подгруппы для организации сохраненных вкладок</li>
<li><b>Поиск вкладок</b>: Быстро находите нужные вкладки с помощью функции поиска</li>
<li><b>Синхронизация между устройствами</b>: Доступ к сохраненным вкладкам с любого устройства через ваш аккаунт</li>
<li><b>Темный режим</b>: Поддержка темного режима для более комфортного использования</li>
<li><b>Персонализация</b>: Изменяйте внешний вид и поведение расширения под свои нужды</li>
</ul>
Посетите [наш блог](https://at.xfox111.net/tabs-aside-3-0), чтобы узнать больше о всех новых функциях и улучшениях в Отложенных вкладках 3.0 по ссылке
Посетите <a href="https://at.xfox111.net/tabs-aside-3-0">наш блог</a>, чтобы узнать больше о всех новых функциях и улучшениях в Отложенных вкладках 3.0 по ссылке
**Кстати это опенсорс расширение!**
Если вы знаете, как можно его улучшить, можете перейти на [страницу GitHub репозитория проекта](https://github.com/xfox111/TabsAsideExtension)
<b>Кстати это опенсорс расширение!</b>
Если вы знаете, как можно его улучшить, можете перейти на <a href="https://github.com/xfox111/TabsAsideExtension">страницу GitHub репозитория проекта</a>
[Список изменений последней версии](https://github.com/xfox111/TabsAsideExtension/releases/latest)
<a href="https://github.com/xfox111/TabsAsideExtension/releases/latest">Список изменений последней версии</a>
+13 -11
View File
@@ -30,17 +30,19 @@ https://github.com/xfox111/TabsAsideExtension/releases/latest
Воно дозволяє зберігати та керувати вашими вкладками зручно, надаючи безліч функцій, які спрощують організацію та доступ до збережених вкладок.
**Можливості**
- **Збереження вкладок:** Збережіть усі відкриті вкладки одним кліком і відновіть їх пізніше
- **Організація вкладок:** Створюйте колекції та підгрупи для організації збережених вкладок
- **Пошук вкладок:** Швидко знаходьте потрібні вкладки за допомогою функції пошуку
- **Синхронізація між пристроями:** Доступ до збережених вкладок з будь-якого пристрою через ваш обліковий запис
- **Темний режим:** Підтримка темного режиму для більш комфортного використання
- **Персоналізація:** Змінюйте зовнішній вигляд і поведінку розширення під свої потреби
<b>Можливості</b>
<ul>
<li><b>Збереження вкладок</b>: Збережіть усі відкриті вкладки одним кліком і відновіть їх пізніше</li>
<li><b>Організація вкладок</b>: Створюйте колекції та підгрупи для організації збережених вкладок</li>
<li><b>Пошук вкладок</b>: Швидко знаходьте потрібні вкладки за допомогою функції пошуку</li>
<li><b>Синхронізація між пристроями</b>: Доступ до збережених вкладок з будь-якого пристрою через ваш обліковий запис</li>
<li><b>Темний режим</b>: Підтримка темного режиму для більш комфортного використання</li>
<li><b>Персоналізація</b>: Змінюйте зовнішній вигляд і поведінку розширення під свої потреби</li>
</ul>
Відвідайте [наш блог](https://at.xfox111.net/tabs-aside-3-0), щоб дізнатися більше про всі нові функції та покращення у Відкладених вкладках 3.0
Відвідайте <a href="https://at.xfox111.net/tabs-aside-3-0">наш блог</a>, щоб дізнатися більше про всі нові функції та покращення у Відкладених вкладках 3.0
**До речі, це опенсорс розширення!**
Якщо ви знаєте, як покращити це розширення, ви можете відвідати [його репозиторій на GitHub](https://github.com/xfox111/TabsAsideExtension)
<b>До речі, це опенсорс розширення!</b>
Якщо ви знаєте, як покращити це розширення, ви можете відвідати <a href="https://github.com/xfox111/TabsAsideExtension">його репозиторій на GitHub</a>
[Список змін останньої версії](https://github.com/xfox111/TabsAsideExtension/releases/latest)
<a href="https://github.com/xfox111/TabsAsideExtension/releases/latest">Список змін останньої версії</a>
+13 -11
View File
@@ -30,17 +30,19 @@ https://github.com/xfox111/TabsAsideExtension/releases/latest
它允许您以方便的方式保存和管理标签,提供一系列功能,使您可以轻松组织和访问已保存的标签。
**功能**
- **保存标签:** 一键保存所有打开的标签,并稍后恢复
- **组织标签:** 创建收藏和子组以组织已保存的标签
- **搜索标签:** 使用搜索功能快速找到所需的标签
- **跨设备同步:** 使用您的帐户从任何设备访问已保存的标签
- **深色模式:** 支持深色模式,提供更舒适的浏览体验
- **个性化:** 更改扩展的外观和行为以满足您的需求
<b>功能</b>
<ul>
<li><b>保存标签</b>:一键保存所有打开的标签,并稍后恢复</li>
<li><b>组织标签</b>:创建收藏和子组以组织已保存的标签</li>
<li><b>搜索标签</b>:使用搜索功能快速找到所需的标签</li>
<li><b>跨设备同步</b>:使用您的帐户从任何设备访问已保存的标签</li>
<li><b>深色模式</b>:支持深色模式,提供更舒适的浏览体验</li>
<li><b>个性化</b>:更改扩展的外观和行为以满足您的需求</li>
</ul>
查看我们关于 搁置的标签页 3.0 的所有新功能和改进的[博客文章](https://at.xfox111.net/tabs-aside-3-0)
查看我们关于 <a href="https://at.xfox111.net/tabs-aside-3-0">搁置的标签页 3.0</a> 的所有新功能和改进的<a href="https://at.xfox111.net/tabs-aside-3-0">博客文章</a>
**嘿,这是一个开源软件!**
如果您知道如何改进此扩展,可以查看[其 GitHub 仓库](https://github.com/xfox111/TabsAsideExtension)
<b>嘿,这是一个开源软件!</b>
如果您知道如何改进此扩展,可以查看<a href="https://github.com/xfox111/TabsAsideExtension">其 GitHub 仓库</a>
查看[发布更新日志](https://github.com/xfox111/TabsAsideExtension/releases/latest)
查看<a href="https://github.com/xfox111/TabsAsideExtension/releases/latest">发布更新日志</a>
+5 -12
View File
@@ -1,33 +1,26 @@
import { trackError } from "@/features/analytics";
import { CollectionItem, GraphicsStorage, GroupItem } from "@/models/CollectionModels";
import { defineExtensionMessaging, ExtensionMessagingConfig, ExtensionMessenger, ExtensionSendMessageArgs, GetDataType, GetReturnType } from "@webext-core/messaging";
import { GraphicsStorage } from "@/models/CollectionModels";
import { defineExtensionMessaging, ExtensionMessagingConfig, ExtensionMessenger } from "@webext-core/messaging";
type ProtocolMap =
{
addThumbnail(data: { url: string; thumbnail: string; }): void;
getGraphicsCache(): GraphicsStorage;
refreshCollections(): void;
openCollection(data: { collection: CollectionItem; targetWindow: "new" | "incognito"; }): void;
openGroup(data: { group: GroupItem; newWindow: boolean; }): void;
};
function defineMessaging(config?: ExtensionMessagingConfig): ExtensionMessenger<ProtocolMap>
{
const { onMessage, sendMessage, removeAllListeners }: ExtensionMessenger<ProtocolMap> = defineExtensionMessaging<ProtocolMap>(config);
const { onMessage, sendMessage, removeAllListeners } = defineExtensionMessaging<ProtocolMap>(config);
return {
onMessage,
removeAllListeners,
async sendMessage<TType extends keyof ProtocolMap>(
type: TType,
data: GetDataType<ProtocolMap[TType]>,
...args: ExtensionSendMessageArgs
): Promise<GetReturnType<ProtocolMap[TType]>>
sendMessage: async (type, data, args): Promise<any> =>
{
try
{
return await sendMessage(type, data, ...args);
return await sendMessage(type, data, args);
}
catch (ex)
{
+4 -15
View File
@@ -2,7 +2,7 @@ import { ConfigEnv, defineConfig, UserManifest } from "wxt";
// See https://wxt.dev/api/config.html
export default defineConfig({
modules: ["@wxt-dev/module-react", "@wxt-dev/i18n/module"],
modules: ["@wxt-dev/module-react", "@wxt-dev/i18n/module", "@wxt-dev/analytics/module"],
vite: () => ({
build:
{
@@ -37,13 +37,8 @@ export default defineConfig({
"tabs",
"notifications",
"contextMenus",
"tabGroups"
],
optional_permissions:
[
"bookmarks",
"scripting"
"tabGroups"
],
commands:
@@ -76,7 +71,7 @@ export default defineConfig({
}
},
optional_host_permissions: ["<all_urls>"]
host_permissions: ["<all_urls>"]
};
if (browser === "firefox")
@@ -85,13 +80,7 @@ export default defineConfig({
gecko:
{
id: "tabsaside@xfox111.net",
strict_min_version: "139.0",
// @ts-expect-error Introduced in Firefox 139
data_collection_permissions: {
required: ["browsingActivity"],
optional: ["technicalAndInteraction"]
}
strict_min_version: "139.0"
}
};
+6901 -9423
View File
File diff suppressed because it is too large Load Diff