[chrome] add more close options to tab context menus (#72)

Author: bomberfish

packages/chrome/src/components/TabStrip/DragTab.tsx

@@ -1,7 +1,14 @@
 import { css, type FC } from "dreamland/core";
 import type { Tab } from "../../Tab/Tab";
 import { setContextMenu } from "@components/Menu";
-import { iconClose, iconDuplicate, iconNew, iconRefresh } from "../../icons";
+import {
+	iconClose,
+	iconDuplicate,
+	iconNew,
+	iconRefresh,
+	iconTrash,
+	iconCloseCircle,
+} from "../../icons";
 import { Icon } from "@components/Icon";
 import { tabsService } from "../..";
 
@@ -48,12 +55,26 @@ export function DragTab(
 				},
 			},
 			{
-				label: "Close Tab",
+				label: "Close",
 				icon: iconClose,
 				action: () => {
 					this.destroy();
 				},
 			},
+			{
+				label: "Close other tabs",
+				icon: iconTrash,
+				action: () => {
+					tabsService.closeOtherTabs(this.tab);
+				},
+			},
+			{
+				label: "Close tabs to the right",
+				icon: iconCloseCircle,
+				action: () => {
+					tabsService.closeTabsToRight(this.tab);
+				},
+			},
 		]);
 
 		// Open-tab animation: expands the tab container from width 0 to full computed width.

packages/chrome/src/icons.ts

@@ -30,6 +30,7 @@ export { default as iconTrash } from "@ktibow/iconset-ion/trash-outline";
 
 export { default as iconClose } from "@ktibow/iconset-ion/close";
 export { default as iconCloseOutline } from "@ktibow/iconset-ion/close-outline";
+export { default as iconCloseCircle } from "@ktibow/iconset-ion/close-circle-outline";
 
 export { default as iconFolder } from "@ktibow/iconset-ion/folder-outline";
 export { default as iconPause } from "@ktibow/iconset-ion/pause-outline";

packages/chrome/src/services/TabsService.ts

@@ -78,6 +78,21 @@ export class TabsService extends Service {
 		return tab;
 	}
 
+	closeTabsToRight(ref: Tab) {
+		let index = this.tabs.indexOf(ref);
+		let toClose = this.tabs.slice(index + 1);
+		toClose.forEach((tab) => {
+			this.destroyTab(tab);
+		});
+	}
+
+	closeOtherTabs(ref: Tab) {
+		let toClose = this.tabs.filter((tab) => tab !== ref);
+		toClose.forEach((tab) => {
+			this.destroyTab(tab);
+		});
+	}
+
 	destroyTab(tab: Tab) {
 		this.disown(tab);
 		this.tabs = this.tabs.filter((t) => t !== tab);