@kognitivedev/ui 0.2.11

package/src/tool-ui/types.ts

@@ -0,0 +1,29 @@
+import type { ReactNode, ComponentType } from "react";
+
+export type ToolInvocationState =
+    | "input-streaming"
+    | "input-available"
+    | "approval-requested"
+    | "approval-responded"
+    | "output-available"
+    | "error";
+
+export interface ToolUIRenderProps<TInput = any, TOutput = any> {
+    /** The tool's input arguments */
+    input: TInput;
+    /** The tool's output (undefined while executing) */
+    output: TOutput | undefined;
+    /** Current state of the tool invocation */
+    state: ToolInvocationState;
+    /** The tool call ID */
+    toolCallId: string;
+    /** The tool name */
+    toolName: string;
+}
+
+export type ToolUIComponent = ComponentType<ToolUIRenderProps<any, any>>;
+
+export interface ToolUIRegistration {
+    toolName: string;
+    component: ToolUIComponent;
+}

package/src/utils/cn.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]): string {
+    return twMerge(clsx(inputs));
+}

package/src/utils/create-context.ts

@@ -0,0 +1,18 @@
+import { createContext as reactCreateContext, useContext } from "react";
+
+export function createContext<T>(name: string) {
+    const Context = reactCreateContext<T | null>(null);
+    Context.displayName = name;
+
+    function useContextValue(): T {
+        const value = useContext(Context);
+        if (value === null) {
+            throw new Error(
+                `use${name} must be used within a <${name}Provider>`,
+            );
+        }
+        return value;
+    }
+
+    return [Context.Provider, useContextValue, Context] as const;
+}

package/src/utils/message-helpers.ts

@@ -0,0 +1,42 @@
+import type { UIMessage } from "ai";
+
+export function extractTextContent(content: unknown): string {
+    if (typeof content === "string") return content;
+    if (!Array.isArray(content)) return "";
+
+    return content
+        .map((part) => {
+            if (!part || typeof part !== "object") return "";
+            if ("text" in part && typeof part.text === "string") return part.text;
+            return "";
+        })
+        .filter(Boolean)
+        .join("\n")
+        .trim();
+}
+
+export function getMessageText(message: UIMessage): string {
+    return message.parts
+        .filter((part): part is Extract<typeof part, { type: "text" }> => part.type === "text")
+        .map((part) => part.text)
+        .join("\n")
+        .trim();
+}
+
+export function getMessagePreview(message: UIMessage, maxLength = 80): string {
+    const text = getMessageText(message);
+    if (text.length <= maxLength) return text;
+    return text.slice(0, maxLength).trimEnd() + "...";
+}
+
+function isToolPart(part: { type: string }): boolean {
+    return part.type.startsWith("tool-") || part.type === "dynamic-tool";
+}
+
+export function getToolInvocations(message: UIMessage) {
+    return message.parts.filter((part) => isToolPart(part));
+}
+
+export function hasToolInvocations(message: UIMessage): boolean {
+    return message.parts.some((part) => isToolPart(part));
+}

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "rootDir": "src",
+    "outDir": "dist",
+    "declaration": true,
+    "noEmit": false,
+    "incremental": false,
+    "jsx": "react-jsx"
+  },
+  "include": [
+    "src"
+  ]
+}

package/vitest.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+    test: {
+        globals: true,
+        environment: "node",
+    },
+});