From 54b7cc58c480983ca8039f56bca9e35d5d6d5402 Mon Sep 17 00:00:00 2001
From: Huakun Shen <huakun.shen@huakunshen.com>
Date: Mon, 4 Nov 2024 17:15:17 -0500
Subject: [PATCH] feat: add system commands

---
 apps/desktop/src/lib/cmds/system.ts           |  4 +++
 .../lib/components/main/CommandPalette.svelte |  5 +++-
 packages/api/src/commands/system.ts           |  2 +-
 .../ui/src/components/main/SystemCmds.svelte  | 26 +++++++++++++++++++
 packages/ui/src/components/main/index.ts      |  1 +
 5 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 apps/desktop/src/lib/cmds/system.ts
 create mode 100644 packages/ui/src/components/main/SystemCmds.svelte

diff --git a/apps/desktop/src/lib/cmds/system.ts b/apps/desktop/src/lib/cmds/system.ts
new file mode 100644
index 0000000..cd7221f
--- /dev/null
+++ b/apps/desktop/src/lib/cmds/system.ts
@@ -0,0 +1,4 @@
+import { getSystemCommands } from "@kksh/api/commands"
+import type { SysCommand } from "@kksh/api/models"
+
+export const systemCommands: SysCommand[] = getSystemCommands()
diff --git a/apps/desktop/src/lib/components/main/CommandPalette.svelte b/apps/desktop/src/lib/components/main/CommandPalette.svelte
index 8e117e4..c9256f9 100644
--- a/apps/desktop/src/lib/components/main/CommandPalette.svelte
+++ b/apps/desktop/src/lib/components/main/CommandPalette.svelte
@@ -3,6 +3,7 @@
 passing everything through props will be very complicated and hard to maintain.
 -->
 <script lang="ts">
+	import { systemCommands } from "@/cmds/system"
 	import { devStoreExts, installedStoreExts } from "@/stores"
 	import type { ExtPackageJsonExtra } from "@kksh/api/models"
 	import { isExtPathInDev } from "@kksh/extension/utils"
@@ -12,7 +13,8 @@ passing everything through props will be very complicated and hard to maintain.
 		BuiltinCmds,
 		CustomCommandInput,
 		ExtCmdsGroup,
-		GlobalCommandPaletteFooter
+		GlobalCommandPaletteFooter,
+		SystemCmds
 	} from "@kksh/ui/main"
 	import type { BuiltinCmd, CommandLaunchers } from "@kksh/ui/types"
 	import { cn } from "@kksh/ui/utils"
@@ -48,6 +50,7 @@ passing everything through props will be very complicated and hard to maintain.
 	<Command.List class="max-h-screen grow">
 		<Command.Empty data-tauri-drag-region>No results found.</Command.Empty>
 		<BuiltinCmds {builtinCmds} />
+		<SystemCmds {systemCommands} />
 		{#if $appConfig.extensionPath && $devStoreExts.length > 0}
 			<ExtCmdsGroup
 				extensions={$devStoreExts}
diff --git a/packages/api/src/commands/system.ts b/packages/api/src/commands/system.ts
index 953f7fb..40746be 100644
--- a/packages/api/src/commands/system.ts
+++ b/packages/api/src/commands/system.ts
@@ -295,7 +295,7 @@ export const rawSystemCommands = [
 	}
 ]
 
-export async function getSystemCommands(): Promise<SysCommand[]> {
+export function getSystemCommands(): SysCommand[] {
 	return rawSystemCommands
 		.filter(async (cmd) => cmd.platforms.includes(platform())) // Filter out system commands that are not supported on the current platform
 		.map((cmd) => ({
diff --git a/packages/ui/src/components/main/SystemCmds.svelte b/packages/ui/src/components/main/SystemCmds.svelte
new file mode 100644
index 0000000..e1e60d6
--- /dev/null
+++ b/packages/ui/src/components/main/SystemCmds.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import { IconEnum, SysCommand } from "@kksh/api/models"
+	import { Command } from "@kksh/svelte5"
+	import { IconMultiplexer } from "@kksh/ui"
+	import { DraggableCommandGroup } from "@kksh/ui/custom"
+
+	const { systemCommands }: { systemCommands: SysCommand[] } = $props()
+</script>
+
+<DraggableCommandGroup heading="System Commands">
+	{#each systemCommands as cmd}
+		<Command.Item
+			class="flex justify-between"
+			onSelect={() => {
+				cmd.function()
+			}}
+		>
+			<span class="flex gap-2">
+				{#if cmd.icon}
+					<IconMultiplexer icon={cmd.icon} class="!h-5 !w-5 shrink-0" />
+				{/if}
+				<span>{cmd.name}</span>
+			</span>
+		</Command.Item>
+	{/each}
+</DraggableCommandGroup>
diff --git a/packages/ui/src/components/main/index.ts b/packages/ui/src/components/main/index.ts
index 7ff257d..cb38b5e 100644
--- a/packages/ui/src/components/main/index.ts
+++ b/packages/ui/src/components/main/index.ts
@@ -2,4 +2,5 @@ export { default as BuiltinCmds } from "./BuiltinCmds.svelte"
 export { default as CustomCommandInput } from "./CustomCommandInput.svelte"
 export { default as GlobalCommandPaletteFooter } from "./GlobalCommandPaletteFooter.svelte"
 export { default as ExtCmdsGroup } from "./ExtCmdsGroup.svelte"
+export { default as SystemCmds } from "./SystemCmds.svelte"
 export * from "./types"