palettecn 0.1.0

package/dist/web/server/_ssr/schemas-DsZ5O3zp.mjs

@@ -0,0 +1,67 @@
+import { Ct as union, St as string, lt as any, ot as _enum, ut as array, yt as object } from "../_libs/@ai-sdk/anthropic+[...].mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/schemas-DsZ5O3zp.js
+var color = string().describe("color in hex format");
+var shadcnThemeSchema = object({
+	radius: string().regex(/^\d*\.?\d+rem$/, "Invalid radius format (expected rem)").describe("Border radius for rounded corners, in rem"),
+	background: color.describe("Main background color of the application"),
+	foreground: color.describe("Main foreground/text color"),
+	card: color.describe("Background color of cards"),
+	cardForeground: color.describe("Text/foreground color inside cards"),
+	popover: color.describe("Background color of popovers"),
+	popoverForeground: color.describe("Text color inside popovers"),
+	primary: color.describe("Primary brand color"),
+	primaryForeground: color.describe("Foreground/text color on primary elements"),
+	secondary: color.describe("Secondary color for accents or buttons"),
+	secondaryForeground: color.describe("Foreground/text color on secondary elements"),
+	muted: color.describe("Muted background elements"),
+	mutedForeground: color.describe("Foreground color for muted elements"),
+	accent: color.describe("Accent color used for highlights"),
+	accentForeground: color.describe("Text/foreground color on accent backgrounds"),
+	destructive: color.describe("Destructive/error color, e.g., for delete actions"),
+	border: color.describe("Default border color"),
+	input: color.describe("Input field background color"),
+	ring: color.describe("Focus ring color"),
+	chart1: color.describe("Chart color 1"),
+	chart2: color.describe("Chart color 2"),
+	chart3: color.describe("Chart color 3"),
+	chart4: color.describe("Chart color 4"),
+	chart5: color.describe("Chart color 5"),
+	sidebar: color.describe("Sidebar background color"),
+	sidebarForeground: color.describe("Sidebar text/foreground color"),
+	sidebarPrimary: color.describe("Sidebar primary highlight color"),
+	sidebarPrimaryForeground: color.describe("Sidebar text color on primary highlight"),
+	sidebarAccent: color.describe("Sidebar accent highlight color"),
+	sidebarAccentForeground: color.describe("Sidebar text color on accent highlight"),
+	sidebarBorder: color.describe("Sidebar border color"),
+	sidebarRing: color.describe("Sidebar focus ring color")
+});
+var shadcnStylesSchema = object({
+	id: string(),
+	name: string().describe("A short name for the generated theme, capitalized"),
+	dark: shadcnThemeSchema,
+	light: shadcnThemeSchema,
+	fontSans: string().describe("A valid google font id, e.g. \"fira-code\" best suitable for given theme, font ID, not name"),
+	fontSerif: string().describe("A valid google font id, best suitable for given theme"),
+	fontMono: string().describe("A valid google font id, best suitable for given theme")
+});
+var partSchema = union([object({
+	type: _enum(["text"]),
+	text: string().min(1).max(2e3)
+}), object({
+	type: _enum(["file"]),
+	mediaType: _enum(["image/jpeg", "image/png"]),
+	name: string().min(1).max(100),
+	url: string().url()
+})]);
+var userMessageSchema = object({
+	id: string().uuid(),
+	role: _enum(["user"]),
+	parts: array(partSchema)
+});
+var messageSchema = object({
+	id: string(),
+	role: string(),
+	parts: array(any())
+});
+//#endregion
+export { shadcnStylesSchema as n, userMessageSchema as r, messageSchema as t };

package/dist/web/server/_ssr/send-message-DUT1vRvx.mjs

@@ -0,0 +1,135 @@
+import { a as createUIMessageStream, c as stepCountIs, i as convertToModelMessages, l as streamText, r as JsonToSseTransformStream, s as output_exports } from "../_libs/@ai-sdk/react+[...].mjs";
+import { t as createServerFn } from "./ssr.mjs";
+import { n as createServerRpc, t as ProvidersStorage } from "./dist-3Mu7PF0n.mjs";
+import { n as providers } from "./dist-BRaLXgxZ.mjs";
+import { S as generateId, St as string, U as tool, ot as _enum, ut as array, yt as object } from "../_libs/@ai-sdk/anthropic+[...].mjs";
+import { n as shadcnStylesSchema, r as userMessageSchema, t as messageSchema } from "./schemas-DsZ5O3zp.mjs";
+import { t as zodValidator } from "../_libs/tanstack__zod-adapter.mjs";
+import { t as initProvider } from "./initialize-provider-B6W8V5Eg.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/send-message-DUT1vRvx.js
+var generateThemeTool = (model) => tool({
+	description: `Generates a complete shadcn/ui theme (light and dark) based on the current conversation context. Use this tool once you have a clear understanding of the user's request, which may include a text prompt, images, an SVG, or a base theme reference (@[theme_name])`,
+	inputSchema: object({}),
+	outputSchema: shadcnStylesSchema,
+	execute: async (_, { messages, experimental_context, toolCallId, abortSignal }) => {
+		try {
+			const id = generateId();
+			const writer = experimental_context.writer;
+			const { partialOutputStream, output: finalObject } = streamText({
+				model,
+				messages: messages.map((msg) => {
+					if (Array.isArray(msg.content)) return {
+						...msg,
+						content: msg.content.filter((part) => part.type !== "reasoning")
+					};
+					return msg;
+				}),
+				output: output_exports.object({
+					schema: shadcnStylesSchema.omit({ id: true }),
+					description: "The theme must include both and only 'light' and 'dark' modes at top level, like { name: \"short name\", dark: {...}, light: {...} } with all required CSS variables written in oklch."
+				}),
+				abortSignal,
+				system: `
+                        You are a specialized shadcn/ui theme generator.
+                        Return ONLY a JSON object that strictly follows the provided schema.
+                        Do not include markdown code blocks, backticks, or any conversational text.
+                        Make sure the dark theme has dark background and light foreground and vice versa for light theme.
+                        Follow the WCAG specifications, make sure the text is easily visible on the background.
+
+                        CRITICAL: ALL color values MUST be in HEX format (#RRGGBB or #RGB).
+                        Examples: #000000, #ffffff, #00ff00, #1a1a1a
+                        DO NOT use oklch, rgb, hsl, or any other color format.
+                        ONLY use HEX colors like #123abc.
+                        `,
+				providerOptions: { groq: { disableToolValidation: true } }
+			});
+			for await (const chunk of partialOutputStream) writer.write({
+				id: toolCallId,
+				type: "data-theme",
+				data: {
+					status: "streaming",
+					styles: {
+						...chunk,
+						id
+					}
+				},
+				transient: true
+			});
+			const output = await finalObject;
+			writer.write({
+				id: toolCallId,
+				type: "data-theme",
+				data: {
+					status: "streaming",
+					styles: {
+						...output,
+						id
+					}
+				},
+				transient: false
+			});
+			return {
+				...output,
+				id
+			};
+		} catch (error) {
+			console.error(error);
+		}
+	}
+});
+function normalizeMistralToolCallIds(msgs) {
+	return msgs.map((msg) => {
+		if ((msg.role === "assistant" || msg.role === "tool") && Array.isArray(msg.content)) msg.content = msg.content.map((part) => {
+			if ((part.type === "tool-call" || part.type === "tool-result") && "toolCallId" in part) {
+				const normalizedId = part.toolCallId.replace(/[^a-zA-Z0-9]/g, "").substring(0, 9).padEnd(9, "0");
+				return {
+					...part,
+					toolCallId: normalizedId
+				};
+			}
+			return part;
+		});
+		return msg;
+	});
+}
+var sendMessage_createServerFn_handler = createServerRpc({
+	id: "c3815da718e7109e613816406ae33bcf539a66f5ff46d2cb256800400d01a046",
+	name: "sendMessage",
+	filename: "src/actions/send-message.ts"
+}, (opts) => sendMessage.__executeServer(opts));
+var sendMessage = createServerFn().inputValidator(zodValidator(object({
+	id: string(),
+	message: userMessageSchema.optional(),
+	messages: array(messageSchema).optional(),
+	provider: _enum(providers),
+	model: string()
+}))).handler(sendMessage_createServerFn_handler, async ({ data }) => {
+	const apiKey = ProvidersStorage.data[data.provider];
+	if (!apiKey) throw new Error("Missing API key.");
+	const model = initProvider(data.provider, apiKey)(data.model);
+	const uiMessages = data.messages;
+	const sseStream = createUIMessageStream({ execute: async ({ writer }) => {
+		const messages = normalizeMistralToolCallIds(await convertToModelMessages(uiMessages));
+		const result = streamText({
+			model,
+			maxOutputTokens: 5e3,
+			experimental_context: { writer },
+			stopWhen: stepCountIs(2),
+			system: `
+            Your only goal is to generate a theme based off of the user request. Do not engage in any unrelated conversations.
+            You are forced to generate it unless instructions from the user are not clear or some other extraordinary circumstance.
+            Keep the responses very brief, don't send the theme in text like sending the entire json, if generateThemeTool doesn't return a proper theme, notify the user. Do not expose or talk about this tool specificaly.
+            If you decide on calling tools, call the tool first before sending any text.`,
+			tools: { generateTheme: generateThemeTool(model) },
+			messages
+		});
+		writer.merge(result.toUIMessageStream());
+	} }).pipeThrough(new JsonToSseTransformStream()).pipeThrough(new TextEncoderStream());
+	return new Response(sseStream, { headers: {
+		"Content-Type": "text/event-stream; charset=utf-8",
+		"Cache-Control": "no-cache, no-transform",
+		Connection: "keep-alive"
+	} });
+});
+//#endregion
+export { sendMessage_createServerFn_handler };