@vite-hub/ui 0.0.3 → 0.1.0

package/dist/chat-B9HlZWA2.d.ts

@@ -0,0 +1,50 @@
+import { PropType } from "vue";
+import { ChatStatus, UIMessage } from "ai";
+//#region src/components/chat.d.ts
+declare const Chat: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  edgeThreshold: {
+    type: NumberConstructor;
+  };
+  messages: {
+    default: () => never[];
+    type: PropType<readonly UIMessage[]>;
+  };
+  previousItemPeek: {
+    type: NumberConstructor;
+  };
+  scrollButtonLabel: {
+    default: string;
+    type: StringConstructor;
+  };
+  status: {
+    default: string;
+    type: PropType<ChatStatus>;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  edgeThreshold: {
+    type: NumberConstructor;
+  };
+  messages: {
+    default: () => never[];
+    type: PropType<readonly UIMessage[]>;
+  };
+  previousItemPeek: {
+    type: NumberConstructor;
+  };
+  scrollButtonLabel: {
+    default: string;
+    type: StringConstructor;
+  };
+  status: {
+    default: string;
+    type: PropType<ChatStatus>;
+  };
+}>> & Readonly<{}>, {
+  messages: readonly UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>[];
+  scrollButtonLabel: string;
+  status: ChatStatus;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { Chat as t };

package/dist/chat-BoFHlu9V.js

@@ -0,0 +1,73 @@
+import { a as MessageScrollerViewport, i as MessageScrollerItem, n as MessageScrollerButton, r as MessageScrollerContent, t as MessageScroller } from "./message-scroller-CX6NJTdm.js";
+import { i as useViteHubUI } from "./config-bHqE4JOs.js";
+import { t as ChatMessage } from "./chat-message-BNK9G7xF.js";
+import { defineComponent, h, resolveComponent } from "vue";
+//#region src/components/chat.ts
+const Chat = defineComponent({
+	name: "Chat",
+	inheritAttrs: false,
+	props: {
+		edgeThreshold: { type: Number },
+		messages: {
+			default: () => [],
+			type: Array
+		},
+		previousItemPeek: { type: Number },
+		scrollButtonLabel: {
+			default: "Scroll to end",
+			type: String
+		},
+		status: {
+			default: "ready",
+			type: String
+		}
+	},
+	setup(props, { attrs, slots }) {
+		const defaults = useViteHubUI();
+		const UButton = resolveComponent("UButton");
+		return () => {
+			const composer = slots.composer?.();
+			const messageSlots = Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "composer" && name !== "default" && name !== "message" && name !== "scroll-button"));
+			return h(MessageScroller, {
+				...attrs,
+				class: ["vh-chat", attrs.class],
+				edgeThreshold: props.edgeThreshold ?? defaults.messageScroller.edgeThreshold,
+				previousItemPeek: props.previousItemPeek ?? defaults.messageScroller.previousItemPeek
+			}, { default: () => [
+				h(MessageScrollerViewport, { class: "vh-chat__viewport" }, { default: () => h(MessageScrollerContent, {
+					"aria-busy": props.status === "streaming" || props.status === "submitted" ? "true" : void 0,
+					class: "vh-chat__content",
+					items: props.messages.map((message) => message.id)
+				}, { default: () => props.messages.map((message, index) => h(MessageScrollerItem, {
+					key: message.id,
+					messageId: message.id,
+					scrollAnchor: message.role === "user" && index === props.messages.length - 1 && props.status !== "submitted"
+				}, { default: () => slots.message?.({
+					index,
+					message
+				}) ?? h(ChatMessage, {
+					message,
+					streaming: index === props.messages.length - 1 && (props.status === "streaming" || props.status === "submitted")
+				}, messageSlots) })) }) }),
+				h(MessageScrollerButton, {
+					"aria-label": props.scrollButtonLabel,
+					as: UButton,
+					class: "vh-chat__scroll-button",
+					color: "neutral",
+					icon: "i-lucide-chevron-down",
+					size: "xs",
+					type: "button",
+					ui: { leadingIcon: "size-3.5" },
+					variant: "outline"
+				}, { default: () => slots["scroll-button"]?.() ?? props.scrollButtonLabel }),
+				composer?.length ? h("div", {
+					class: "vh-chat__composer",
+					"data-slot": "chat-composer"
+				}, composer) : null,
+				slots.default?.()
+			] });
+		};
+	}
+});
+//#endregion
+export { Chat as t };

package/dist/chat-message-BNK9G7xF.js

@@ -0,0 +1,51 @@
+import { n as BubbleContent, t as Bubble } from "./bubble-BPyFQlW7.js";
+import { i as MessageFooter, n as MessageAvatar, o as MessageHeader, r as MessageContent, t as Message } from "./message-DiyBthIq.js";
+import { t as MessageParts } from "./message-parts-DQnfioAH.js";
+import { defineComponent, h } from "vue";
+//#region src/components/chat-message.ts
+const roleLabels = {
+	assistant: "Assistant",
+	system: "System",
+	user: "User"
+};
+const ChatMessage = defineComponent({
+	name: "ChatMessage",
+	inheritAttrs: false,
+	props: {
+		message: {
+			required: true,
+			type: Object
+		},
+		streaming: {
+			default: false,
+			type: Boolean
+		}
+	},
+	setup(props, { attrs, slots }) {
+		return () => {
+			const { message } = props;
+			const user = message.role === "user";
+			const parts = () => h(MessageParts, {
+				parts: message.parts,
+				streaming: props.streaming
+			}, slots);
+			const body = slots.default?.({ message }) ?? (user ? h(Bubble, {
+				align: "end",
+				variant: "secondary"
+			}, () => h(BubbleContent, parts)) : parts());
+			return h(Message, {
+				...attrs,
+				align: user ? "end" : "start",
+				"aria-label": attrs["aria-label"] ?? `${roleLabels[message.role] ?? "System"} message`,
+				"data-role": message.role,
+				id: message.id
+			}, () => [slots.leading ? h(MessageAvatar, () => slots.leading?.({ message })) : null, h(MessageContent, () => [
+				slots.header ? h(MessageHeader, () => slots.header?.({ message })) : null,
+				body,
+				slots.actions ? h(MessageFooter, () => slots.actions?.({ message })) : null
+			])]);
+		};
+	}
+});
+//#endregion
+export { ChatMessage as t };

package/dist/chat-message-mpDmZbIC.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from "vue";
+import { UIMessage } from "ai";
+//#region src/components/chat-message.d.ts
+declare const ChatMessage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  message: {
+    required: true;
+    type: PropType<UIMessage>;
+  };
+  streaming: {
+    default: boolean;
+    type: BooleanConstructor;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  message: {
+    required: true;
+    type: PropType<UIMessage>;
+  };
+  streaming: {
+    default: boolean;
+    type: BooleanConstructor;
+  };
+}>> & Readonly<{}>, {
+  streaming: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { ChatMessage as t };

package/dist/chat-message.d.ts

@@ -0,0 +1,2 @@
+import { t as ChatMessage } from "./chat-message-mpDmZbIC.js";
+export { ChatMessage };

package/dist/chat-message.js

@@ -0,0 +1,2 @@
+import { t as ChatMessage } from "./chat-message-BNK9G7xF.js";
+export { ChatMessage };

package/dist/chat-session-D6C7VJBR.d.ts

@@ -0,0 +1,29 @@
+import { i as ViteHubUISession } from "./types-CqDwuJAm.js";
+import { PropType } from "vue";
+import { ChatStatus, UIMessage } from "ai";
+//#region src/components/chat-session.d.ts
+declare const ChatSession: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  session: {
+    required: true;
+    type: PropType<ViteHubUISession<UIMessage>>;
+  };
+  status: {
+    default: string;
+    type: PropType<ChatStatus>;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  session: {
+    required: true;
+    type: PropType<ViteHubUISession<UIMessage>>;
+  };
+  status: {
+    default: string;
+    type: PropType<ChatStatus>;
+  };
+}>> & Readonly<{}>, {
+  status: ChatStatus;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { ChatSession as t };

package/dist/chat-session-DYEHB1HC.js

@@ -0,0 +1,38 @@
+import { t as Chat } from "./chat-BoFHlu9V.js";
+import { defineComponent, h } from "vue";
+//#region src/components/chat-session.ts
+const ChatSession = defineComponent({
+	name: "ChatSession",
+	inheritAttrs: false,
+	props: {
+		session: {
+			required: true,
+			type: Object
+		},
+		status: {
+			default: "ready",
+			type: String
+		}
+	},
+	setup(props, { attrs, slots }) {
+		return () => {
+			const chatSlots = Object.fromEntries(Object.entries(slots).filter(([name]) => name !== "header" && name !== "footer"));
+			return h("section", {
+				...attrs,
+				"aria-label": attrs["aria-label"] ?? props.session.title ?? "Agent session",
+				class: ["vh-session", attrs.class],
+				"data-session-id": props.session.id
+			}, [
+				slots.header?.({ session: props.session }) ?? (props.session.title ? h("header", { class: "vh-session__header" }, [h("h2", { class: "vh-session__title" }, props.session.title)]) : null),
+				h(Chat, {
+					class: "vh-session__chat",
+					messages: props.session.messages,
+					status: props.status
+				}, chatSlots),
+				slots.footer?.({ session: props.session })
+			]);
+		};
+	}
+});
+//#endregion
+export { ChatSession as t };

package/dist/chat-session.d.ts

@@ -0,0 +1,2 @@
+import { t as ChatSession } from "./chat-session-D6C7VJBR.js";
+export { ChatSession };

package/dist/chat-session.js

@@ -0,0 +1,2 @@
+import { t as ChatSession } from "./chat-session-DYEHB1HC.js";
+export { ChatSession };

package/dist/chat.d.ts

@@ -0,0 +1,2 @@
+import { t as Chat } from "./chat-B9HlZWA2.js";
+export { Chat };

package/dist/chat.js

@@ -0,0 +1,2 @@
+import { t as Chat } from "./chat-BoFHlu9V.js";
+export { Chat };

package/dist/code-block-Br-02hn-.js

@@ -0,0 +1,139 @@
+import { n as slotPart } from "./slot-part-C7Ocxn3b.js";
+import { Fragment, Text, defineComponent, h, onBeforeUnmount, ref, resolveComponent } from "vue";
+//#region src/components/code-block.ts
+const CodeBlock = defineComponent({
+	name: "CodeBlock",
+	props: {
+		size: {
+			default: "default",
+			type: String
+		},
+		variant: {
+			default: "default",
+			type: String
+		}
+	},
+	setup(props, { slots }) {
+		return () => h("div", {
+			"data-size": props.size,
+			"data-slot": "code-block",
+			"data-variant": props.variant
+		}, slots.default?.());
+	}
+});
+const CodeBlockHeader = slotPart("CodeBlockHeader", "code-block-header");
+const CodeBlockTitle = slotPart("CodeBlockTitle", "code-block-title");
+const CodeBlockActions = slotPart("CodeBlockActions", "code-block-actions");
+const CodeBlockFooter = slotPart("CodeBlockFooter", "code-block-footer");
+const CodeBlockCopyButton = defineComponent({
+	name: "CodeBlockCopyButton",
+	inheritAttrs: false,
+	props: { value: {
+		required: true,
+		type: String
+	} },
+	setup(props, { attrs }) {
+		const UButton = resolveComponent("UButton");
+		const copied = ref(false);
+		let timeout;
+		onBeforeUnmount(() => clearTimeout(timeout));
+		const copy = () => {
+			try {
+				const clipboard = navigator.clipboard;
+				if (!clipboard || typeof clipboard.writeText !== "function") return;
+				clipboard.writeText(props.value).then(() => {
+					copied.value = true;
+					clearTimeout(timeout);
+					timeout = setTimeout(() => copied.value = false, 2e3);
+				}).catch(() => {});
+			} catch {
+				return;
+			}
+		};
+		return () => [h(UButton, {
+			"aria-label": copied.value ? "Copied" : "Copy",
+			color: "neutral",
+			icon: copied.value ? "i-ph-check-light" : "i-ph-copy-light",
+			size: "xs",
+			square: true,
+			variant: "ghost",
+			...attrs,
+			"data-copied": copied.value ? "" : void 0,
+			"data-slot": "code-block-copy-button",
+			onClick: (event) => {
+				const listener = attrs.onClick;
+				if (Array.isArray(listener)) {
+					for (const handler of listener) if (typeof handler === "function") handler(event);
+				} else if (typeof listener === "function") listener(event);
+				copy();
+			}
+		}), h("span", {
+			"aria-live": "polite",
+			"data-slot": "code-block-copy-status"
+		}, copied.value ? "Copied" : "")];
+	}
+});
+const CodeBlockLine = defineComponent({
+	name: "CodeBlockLine",
+	props: { variant: {
+		default: "default",
+		type: String
+	} },
+	setup(props, { slots }) {
+		return () => {
+			const content = slots.default?.();
+			const empty = !content || content.every(isEmptyText);
+			return h("span", {
+				"data-slot": "code-block-line",
+				"data-variant": props.variant
+			}, [h("span", { "data-slot": "code-block-line-content" }, empty ? "\n" : content)]);
+		};
+	}
+});
+function isEmptyText(node) {
+	return node.type === Text && String(node.children ?? "") === "" || typeof node.type === "string" && String(node.children ?? "") === "";
+}
+function textOf(nodes) {
+	let text = "";
+	for (const node of nodes) if (node.type === Text) text += String(node.children ?? "");
+	else if (node.type === Fragment && Array.isArray(node.children)) {
+		const inner = textOf(node.children);
+		if (inner === void 0) return void 0;
+		text += inner;
+	} else return void 0;
+	return text;
+}
+const CodeBlockContent = defineComponent({
+	name: "CodeBlockContent",
+	props: {
+		lineNumbers: {
+			default: false,
+			type: Boolean
+		},
+		startLine: {
+			default: 1,
+			type: Number
+		},
+		wrap: {
+			default: false,
+			type: Boolean
+		}
+	},
+	setup(props, { slots }) {
+		return () => {
+			const children = slots.default?.() ?? [];
+			const text = props.lineNumbers ? textOf(children) : void 0;
+			const lines = text === void 0 ? children : text.replace(/\n$/, "").split("\n").map((line) => h(CodeBlockLine, null, () => line));
+			return h("pre", {
+				"data-numbered": props.lineNumbers ? "" : void 0,
+				"data-slot": "code-block-content",
+				"data-wrap": props.wrap ? "" : void 0,
+				dir: "ltr",
+				style: { counterReset: `line ${props.startLine - 1}` },
+				tabindex: 0
+			}, [h("code", { "data-slot": "code-block-code" }, lines)]);
+		};
+	}
+});
+//#endregion
+export { CodeBlockFooter as a, CodeBlockTitle as c, CodeBlockCopyButton as i, CodeBlockActions as n, CodeBlockHeader as o, CodeBlockContent as r, CodeBlockLine as s, CodeBlock as t };

package/dist/code-block.d.ts

@@ -0,0 +1,2 @@
+import { a as CodeBlockCopyButton, c as CodeBlockLine, d as CodeBlockTitle, f as CodeBlockVariant, i as CodeBlockContent, l as CodeBlockLineVariant, n as CodeBlock, o as CodeBlockFooter, r as CodeBlockActions, s as CodeBlockHeader, t as useHighlightedCode, u as CodeBlockSize } from "./highlighted-code-Dzf6o54i.js";
+export { CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockLineVariant, CodeBlockSize, CodeBlockTitle, CodeBlockVariant, useHighlightedCode };

package/dist/code-block.js

@@ -0,0 +1,3 @@
+import { a as CodeBlockFooter, c as CodeBlockTitle, i as CodeBlockCopyButton, n as CodeBlockActions, o as CodeBlockHeader, r as CodeBlockContent, s as CodeBlockLine, t as CodeBlock } from "./code-block-Br-02hn-.js";
+import { t as useHighlightedCode } from "./highlighted-code-Ck4zexJX.js";
+export { CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, useHighlightedCode };

package/dist/code-view-J4OsgEdh.js

@@ -0,0 +1,158 @@
+import { defineAsyncComponent, defineComponent, h } from "vue";
+//#region src/internal/pierre-props.ts
+const pierrePropTypes = {
+	codeViewItems: Array,
+	codeViewOptions: Object,
+	codeViewSelection: Object,
+	diffLineAnnotations: Array,
+	fileContents: Object,
+	fileDiff: Object,
+	fileDiffOptions: Object,
+	fileOptions: Object,
+	lineAnnotations: Array,
+	nullableFileContents: [Object, null],
+	selectedLines: Object,
+	unresolvedFileOptions: Object
+};
+//#endregion
+//#region src/components/code-view.ts
+const PierreCodeView = defineAsyncComponent(() => import("./pierre-code-view-T7V67hwT.js").then((module) => module.PierreCodeView));
+const PierreDiff = defineAsyncComponent(() => import("./pierre-code-view-T7V67hwT.js").then((module) => module.PierreDiff));
+const PierreFile = defineAsyncComponent(() => import("./pierre-code-view-T7V67hwT.js").then((module) => module.PierreFile));
+const PierreUnresolvedFile = defineAsyncComponent(() => import("./pierre-code-view-T7V67hwT.js").then((module) => module.PierreUnresolvedFile));
+const diffProps = {
+	lineAnnotations: { type: pierrePropTypes.diffLineAnnotations },
+	options: { type: pierrePropTypes.fileDiffOptions },
+	selectedLines: {
+		default: void 0,
+		type: pierrePropTypes.selectedLines
+	}
+};
+const PatchDiff = defineComponent({
+	name: "PatchDiff",
+	inheritAttrs: false,
+	props: {
+		...diffProps,
+		patch: {
+			required: true,
+			type: String
+		}
+	},
+	setup(props, { attrs }) {
+		return () => h(PierreDiff, {
+			...attrs,
+			...props,
+			class: ["vh-diff", attrs.class]
+		});
+	}
+});
+const MultiFileDiff = defineComponent({
+	name: "MultiFileDiff",
+	inheritAttrs: false,
+	props: {
+		...diffProps,
+		newFile: {
+			required: true,
+			type: pierrePropTypes.nullableFileContents
+		},
+		oldFile: {
+			required: true,
+			type: pierrePropTypes.nullableFileContents
+		}
+	},
+	setup(props, { attrs }) {
+		return () => h(PierreDiff, {
+			...attrs,
+			...props,
+			class: ["vh-diff", attrs.class]
+		});
+	}
+});
+const FileDiff = defineComponent({
+	name: "FileDiff",
+	inheritAttrs: false,
+	props: {
+		...diffProps,
+		fileDiff: {
+			required: true,
+			type: pierrePropTypes.fileDiff
+		}
+	},
+	setup(props, { attrs }) {
+		return () => h(PierreDiff, {
+			...attrs,
+			...props,
+			class: ["vh-diff", attrs.class]
+		});
+	}
+});
+const FileView = defineComponent({
+	name: "FileView",
+	inheritAttrs: false,
+	props: {
+		file: {
+			required: true,
+			type: pierrePropTypes.fileContents
+		},
+		lineAnnotations: { type: pierrePropTypes.lineAnnotations },
+		options: { type: pierrePropTypes.fileOptions },
+		selectedLines: {
+			default: void 0,
+			type: pierrePropTypes.selectedLines
+		}
+	},
+	setup(props, { attrs }) {
+		return () => h(PierreFile, {
+			...attrs,
+			...props,
+			class: ["vh-file", attrs.class]
+		});
+	}
+});
+const UnresolvedFile = defineComponent({
+	name: "UnresolvedFile",
+	inheritAttrs: false,
+	props: {
+		file: {
+			required: true,
+			type: pierrePropTypes.fileContents
+		},
+		lineAnnotations: { type: pierrePropTypes.diffLineAnnotations },
+		options: { type: pierrePropTypes.unresolvedFileOptions },
+		selectedLines: {
+			default: void 0,
+			type: pierrePropTypes.selectedLines
+		}
+	},
+	setup(props, { attrs }) {
+		return () => h(PierreUnresolvedFile, {
+			...attrs,
+			...props,
+			class: ["vh-unresolved-file", attrs.class]
+		});
+	}
+});
+const CodeView = defineComponent({
+	name: "CodeView",
+	inheritAttrs: false,
+	props: {
+		items: {
+			required: true,
+			type: pierrePropTypes.codeViewItems
+		},
+		options: { type: pierrePropTypes.codeViewOptions },
+		selectedLines: {
+			default: void 0,
+			type: pierrePropTypes.codeViewSelection
+		}
+	},
+	setup(props, { attrs }) {
+		return () => h(PierreCodeView, {
+			...attrs,
+			...props,
+			class: ["vh-code-view", attrs.class]
+		});
+	}
+});
+//#endregion
+export { PatchDiff as a, MultiFileDiff as i, FileDiff as n, UnresolvedFile as o, FileView as r, pierrePropTypes as s, CodeView as t };