fix: avoid importing @kksh/api/ui/worker in @kksh/ui

the worker package initialize comlink API's and cause trouble for regular website when ui package is imported

packages/api/src/models/index.ts

@@ -9,3 +9,6 @@ export * from "./manifest"
 export * from "./styles"
 export * from "./mdns"
 export { AllKunkunPermission, SystemPermissionSchema } from "../permissions"
+export { Markdown as MarkdownSchema } from "../ui/worker/schema/markdown"
+export * as ListSchema from "../ui/worker/schema/list"
+export * as FormSchema from "../ui/worker/schema/form"

packages/ui/package.json

@@ -34,6 +34,7 @@
 		"lint": "eslint ."
 	},
 	"devDependencies": {
+		"tauri-plugin-shellx-api": "^2.0.11",
 		"@iconify/svelte": "^4.0.2",
 		"@kksh/api": "workspace:*",
 		"@kksh/svelte5": "^0.1.2-beta.8",

packages/ui/src/components/extension/templates/MarkdownView.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { MarkdownSchema } from "@kksh/api/ui/worker"
+	import { MarkdownSchema } from "@kksh/api/models"
 	import { Button } from "@kksh/svelte5"
 	import { ArrowLeftIcon } from "lucide-svelte"
 	import Markdown from "./Markdown.svelte"

packages/ui/src/components/extension/templates/form-view.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { FormNodeNameEnum, FormSchema } from "@kksh/api/ui/worker"
+	import { FormNodeNameEnum, FormSchema } from "@kksh/api/models"
 	import { Button } from "@kksh/svelte5"
 	import { ArrowLeftIcon } from "lucide-svelte"
 	import Form from "./form.svelte"

packages/ui/src/components/extension/templates/form.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { DateValue } from "@internationalized/date"
-	import { FormNodeNameEnum, FormSchema } from "@kksh/api/ui/worker"
+	import { FormNodeNameEnum, FormSchema } from "@kksh/api/models"
 	import { Button, Checkbox, Form, Input, Label, Select } from "@kksh/svelte5"
 	import { DatePickerWithPreset, Shiki } from "@kksh/ui"
 	import { buildFormSchema, cn } from "@kksh/ui/utils"

packages/ui/src/components/extension/templates/list-detail.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { ListSchema, MarkdownSchema, NodeNameEnum } from "@kksh/api/ui/worker"
+	import { ListSchema, MarkdownSchema, NodeNameEnum } from "@kksh/api/models"
 	import Markdown from "./Markdown.svelte"
 	import Metadata from "./metadata/Metadata.svelte"
 

packages/ui/src/components/extension/templates/list-item.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { List, ListSchema, WorkerExtension } from "@kksh/api/ui/worker"
+	import { ListSchema } from "@kksh/api/models"
 	import { Command } from "@kksh/svelte5"
 	import { IconMultiplexer } from "../../common"
 

packages/ui/src/components/extension/templates/list-view.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { ListSchema } from "@kksh/api/ui/worker"
+	import { ListSchema } from "@kksh/api/models"
 	import { Button, Command, Progress, Resizable } from "@kksh/svelte5"
 	import { CustomCommandInput } from "@kksh/ui/main"
 	import { commandScore } from "@kksh/ui/utils"

packages/ui/src/components/extension/templates/metadata/Metadata.svelte

@@ -1,11 +1,5 @@
 <script lang="ts">
-	import {
+	import { List, ListSchema, MarkdownSchema, NodeNameEnum } from "@kksh/api/models"
-		List,
-		ListSchema,
-		MarkdownSchema,
-		NodeNameEnum,
-		WorkerExtension
-	} from "@kksh/api/ui/worker"
 	import { Separator } from "@kksh/svelte5"
 	import Label from "./label.svelte"
 	import Link from "./link.svelte"

packages/ui/src/components/extension/templates/metadata/label.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { IconType, List, ListSchema } from "@kksh/api/ui/worker"
+	import type { IconType, List, ListSchema } from "@kksh/api/models"
 	import { IconMultiplexer } from "../../../common"
 
 	const {

packages/ui/src/components/extension/templates/metadata/tag.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { Color, ListSchema } from "@kksh/api/ui/worker"
+	import type { Color, ListSchema } from "@kksh/api/models"
 	import { Badge } from "@kksh/svelte5"
 
 	const {

packages/ui/src/components/extension/templates/metadata/tags.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { Color, ListSchema } from "@kksh/api/ui/worker"
+	import type { Color, ListSchema } from "@kksh/api/models"
 	import Tag from "./tag.svelte"
 
 	const {

packages/ui/src/utils/form.ts

@@ -1,4 +1,4 @@
-import { FormNodeNameEnum, type FormSchema } from "@kksh/api/ui/worker"
+import { FormNodeNameEnum, type FormSchema } from "@kksh/api/models"
 import type { BaseIssue, BaseSchema } from "valibot"
 import * as v from "valibot"