!feat: major 3.0 release candidate

2026-04-22 07:58:01 +03:00 · 2025-05-03 23:59:43 +03:00
parent dbc8c7fd4d
commit 39793a38c3
143 changed files with 14277 additions and 0 deletions
@@ -0,0 +1,97 @@
+import { useDialog } from "@/contexts/DialogProvider";
+import useSettings from "@/hooks/useSettings";
+import browserLocaleKey from "@/utils/browserLocaleKey";
+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(): React.ReactElement
+{
+	const [defaultAction] = useSettings("defaultRestoreAction");
+	const { removeItem } = useCollections();
+	const dialog = useDialog();
+	const { collection, collectionIndex } = useContext<CollectionContextType>(CollectionContext);
+
+	const OpenIcon = ic.bundleIcon(ic.Open20Filled, ic.Open20Regular);
+	const RestoreIcon = ic.bundleIcon(ic.ArrowExportRtl20Filled, ic.ArrowExportRtl20Regular);
+	const NewWindowIcon = ic.bundleIcon(ic.WindowNew20Filled, ic.WindowNew20Regular);
+	const InPrivateIcon = ic.bundleIcon(ic.TabInPrivate20Filled, ic.TabInPrivate20Regular);
+
+	const handleIncognito = async () =>
+	{
+		if (await browser.extension.isAllowedIncognitoAccess())
+			openCollection(collection, "incognito");
+		else
+			dialog.pushPrompt({
+				title: i18n.t("collections.incognito_check.title"),
+				content: (
+					<>
+						{ i18n.t(`collections.incognito_check.message.${browserLocaleKey}.p1`) }
+						<br />
+						<br />
+						{ i18n.t(`collections.incognito_check.message.${browserLocaleKey}.p2`) }
+					</>
+				),
+				confirmText: i18n.t("collections.incognito_check.action"),
+				onConfirm: async () => import.meta.env.FIREFOX ?
+					await browser.runtime.openOptionsPage() :
+					await browser.tabs.create({
+						url: `chrome://extensions/?id=${browser.runtime.id}`,
+						active: true
+					})
+			});
+	};
+
+	const handleOpen = (mode: "current" | "new") =>
+		() => openCollection(collection, mode);
+
+	const handleRestore = async () =>
+	{
+		await openCollection(collection);
+		removeItem(collectionIndex);
+	};
+
+	return (
+		<Menu>
+			<MenuTrigger disableButtonEnhancement>
+				{ (triggerProps: MenuButtonProps) => defaultAction === "restore" ?
+					<SplitButton
+						appearance="subtle" icon={ <RestoreIcon /> } menuButton={ triggerProps }
+						primaryActionButton={ { onClick: handleRestore } }
+					>
+						{ i18n.t("collections.actions.restore") }
+					</SplitButton>
+					:
+					<SplitButton
+						appearance="subtle" icon={ <OpenIcon /> } menuButton={ triggerProps }
+						primaryActionButton={ { onClick: handleOpen("current") } }
+					>
+						{ i18n.t("collections.actions.open") }
+					</SplitButton>
+				}
+			</MenuTrigger>
+
+			<MenuPopover>
+				<MenuList>
+					{ defaultAction === "restore" ?
+						<MenuItem icon={ <OpenIcon /> } onClick={ handleOpen("current") }>
+							{ i18n.t("collections.actions.open") }
+						</MenuItem>
+						:
+						<MenuItem icon={ <RestoreIcon /> } onClick={ handleRestore }>
+							{ i18n.t("collections.actions.restore") }
+						</MenuItem>
+					}
+					<MenuItem icon={ <NewWindowIcon /> } onClick={ () => handleOpen("new") }>
+						{ i18n.t("collections.actions.new_window") }
+					</MenuItem>
+					<MenuItem icon={ <InPrivateIcon /> } onClick={ handleIncognito }>
+						{ i18n.t(`collections.actions.incognito.${browserLocaleKey}`) }
+					</MenuItem>
+				</MenuList>
+			</MenuPopover>
+		</Menu>
+	);
+}