ruflo 3.6.30 → 3.7.0-alpha.10

package/src/ruvocal/src/routes/models/[...model]/+page.svelte

@@ -1,161 +1,161 @@
-<script lang="ts">
-	import { page } from "$app/state";
-	import { base } from "$app/paths";
-	import { goto, replaceState } from "$app/navigation";
-	import { onMount, tick } from "svelte";
-	import { usePublicConfig } from "$lib/utils/PublicConfig.svelte";
-
-	import ChatWindow from "$lib/components/chat/ChatWindow.svelte";
-	import { findCurrentModel } from "$lib/utils/models";
-	import { useSettingsStore } from "$lib/stores/settings";
-	import { ERROR_MESSAGES, error } from "$lib/stores/errors";
-	import { pendingMessage } from "$lib/stores/pendingMessage";
-	import { sanitizeUrlParam } from "$lib/utils/urlParams";
-	import { loadAttachmentsFromUrls } from "$lib/utils/loadAttachmentsFromUrls";
-	import { requireAuthUser } from "$lib/utils/auth";
-
-	let { data } = $props();
-
-	let loading = $state(false);
-	let files: File[] = $state([]);
-	let draft = $state("");
-
-	const settings = useSettingsStore();
-	let modelId = $derived(page.params.model ?? "");
-	const publicConfig = usePublicConfig();
-	let modelPath = $derived(
-		modelId
-			.split("/")
-			.map((segment) => encodeURIComponent(segment))
-			.join("/")
-	);
-
-	async function createConversation(message: string) {
-		try {
-			loading = true;
-
-			const res = await fetch(`${base}/conversation`, {
-				method: "POST",
-				headers: {
-					"Content-Type": "application/json",
-				},
-				body: JSON.stringify({
-					model: modelId,
-					preprompt: $settings.customPrompts[modelId],
-				}),
-			});
-
-			if (!res.ok) {
-				error.set("Error while creating conversation, try again.");
-				console.error("Error while creating conversation: " + (await res.text()));
-				return;
-			}
-
-			const { conversationId } = await res.json();
-
-			// Ugly hack to use a store as temp storage, feel free to improve ^^
-			pendingMessage.set({
-				content: message,
-				files,
-			});
-
-			// invalidateAll to update list of conversations
-			await goto(`${base}/conversation/${conversationId}`, { invalidateAll: true });
-		} catch (err) {
-			error.set(ERROR_MESSAGES.default);
-			console.error(err);
-		} finally {
-			loading = false;
-		}
-	}
-
-	onMount(async () => {
-		try {
-			// Check if auth is required before processing any query params
-			const hasQ = page.url.searchParams.has("q");
-			const hasPrompt = page.url.searchParams.has("prompt");
-			const hasAttachments = page.url.searchParams.has("attachments");
-
-			if ((hasQ || hasPrompt || hasAttachments) && requireAuthUser()) {
-				return; // Redirecting to login, will return to this URL after
-			}
-
-			// Handle attachments parameter first
-			if (hasAttachments) {
-				const result = await loadAttachmentsFromUrls(page.url.searchParams);
-				files = result.files;
-
-				// Show errors if any
-				if (result.errors.length > 0) {
-					console.error("Failed to load some attachments:", result.errors);
-					error.set(
-						`Failed to load ${result.errors.length} attachment(s). Check console for details.`
-					);
-				}
-
-				// Clean up URL
-				const url = new URL(page.url);
-				url.searchParams.delete("attachments");
-				history.replaceState({}, "", url);
-			}
-
-			const query = sanitizeUrlParam(page.url.searchParams.get("q"));
-			if (query) {
-				void createConversation(query);
-				const url = new URL(page.url);
-				url.searchParams.delete("q");
-				tick().then(() => {
-					replaceState(url, page.state);
-				});
-				return;
-			}
-
-			const promptQuery = sanitizeUrlParam(page.url.searchParams.get("prompt"));
-			if (promptQuery && !draft) {
-				draft = promptQuery;
-				const url = new URL(page.url);
-				url.searchParams.delete("prompt");
-				tick().then(() => {
-					replaceState(url, page.state);
-				});
-			}
-		} catch (err) {
-			console.error("Failed to process URL parameters:", err);
-		}
-
-		settings.instantSet({ activeModel: modelId });
-	});
-</script>
-
-<svelte:head>
-	<title>{modelId} - {publicConfig.PUBLIC_APP_NAME}</title>
-	<meta property="og:title" content="{modelId} - {publicConfig.PUBLIC_APP_NAME}" />
-	<meta property="og:type" content="website" />
-	<meta property="og:description" content="Use {modelId} with {publicConfig.PUBLIC_APP_NAME}" />
-	<meta
-		property="og:image"
-		content="{publicConfig.PUBLIC_ORIGIN || page.url.origin}{base}/models/{modelPath}/thumbnail.png"
-	/>
-	<meta property="og:image:alt" content="{modelId} - {publicConfig.PUBLIC_APP_NAME}" />
-	<meta property="og:image:width" content="1200" />
-	<meta property="og:image:height" content="648" />
-	<meta property="og:url" content={page.url.href} />
-	<meta property="og:site_name" content={publicConfig.PUBLIC_APP_NAME} />
-	<meta name="twitter:card" content="summary_large_image" />
-	<meta name="twitter:title" content="{modelId} - {publicConfig.PUBLIC_APP_NAME}" />
-	<meta name="twitter:description" content="Use {modelId} with {publicConfig.PUBLIC_APP_NAME}" />
-	<meta
-		name="twitter:image"
-		content="{publicConfig.PUBLIC_ORIGIN || page.url.origin}{base}/models/{modelPath}/thumbnail.png"
-	/>
-	<meta name="twitter:image:alt" content="{modelId} - {publicConfig.PUBLIC_APP_NAME}" />
-</svelte:head>
-
-<ChatWindow
-	onmessage={(message) => createConversation(message)}
-	{loading}
-	currentModel={findCurrentModel(data.models, data.oldModels, modelId)}
-	models={data.models}
-	bind:files
-	bind:draft
-/>
+<script lang="ts">
+	import { page } from "$app/state";
+	import { base } from "$app/paths";
+	import { goto, replaceState } from "$app/navigation";
+	import { onMount, tick } from "svelte";
+	import { usePublicConfig } from "$lib/utils/PublicConfig.svelte";
+
+	import ChatWindow from "$lib/components/chat/ChatWindow.svelte";
+	import { findCurrentModel } from "$lib/utils/models";
+	import { useSettingsStore } from "$lib/stores/settings";
+	import { ERROR_MESSAGES, error } from "$lib/stores/errors";
+	import { pendingMessage } from "$lib/stores/pendingMessage";
+	import { sanitizeUrlParam } from "$lib/utils/urlParams";
+	import { loadAttachmentsFromUrls } from "$lib/utils/loadAttachmentsFromUrls";
+	import { requireAuthUser } from "$lib/utils/auth";
+
+	let { data } = $props();
+
+	let loading = $state(false);
+	let files: File[] = $state([]);
+	let draft = $state("");
+
+	const settings = useSettingsStore();
+	let modelId = $derived(page.params.model ?? "");
+	const publicConfig = usePublicConfig();
+	let modelPath = $derived(
+		modelId
+			.split("/")
+			.map((segment) => encodeURIComponent(segment))
+			.join("/")
+	);
+
+	async function createConversation(message: string) {
+		try {
+			loading = true;
+
+			const res = await fetch(`${base}/conversation`, {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+				},
+				body: JSON.stringify({
+					model: modelId,
+					preprompt: $settings.customPrompts[modelId],
+				}),
+			});
+
+			if (!res.ok) {
+				error.set("Error while creating conversation, try again.");
+				console.error("Error while creating conversation: " + (await res.text()));
+				return;
+			}
+
+			const { conversationId } = await res.json();
+
+			// Ugly hack to use a store as temp storage, feel free to improve ^^
+			pendingMessage.set({
+				content: message,
+				files,
+			});
+
+			// invalidateAll to update list of conversations
+			await goto(`${base}/conversation/${conversationId}`, { invalidateAll: true });
+		} catch (err) {
+			error.set(ERROR_MESSAGES.default);
+			console.error(err);
+		} finally {
+			loading = false;
+		}
+	}
+
+	onMount(async () => {
+		try {
+			// Check if auth is required before processing any query params
+			const hasQ = page.url.searchParams.has("q");
+			const hasPrompt = page.url.searchParams.has("prompt");
+			const hasAttachments = page.url.searchParams.has("attachments");
+
+			if ((hasQ || hasPrompt || hasAttachments) && requireAuthUser()) {
+				return; // Redirecting to login, will return to this URL after
+			}
+
+			// Handle attachments parameter first
+			if (hasAttachments) {
+				const result = await loadAttachmentsFromUrls(page.url.searchParams);
+				files = result.files;
+
+				// Show errors if any
+				if (result.errors.length > 0) {
+					console.error("Failed to load some attachments:", result.errors);
+					error.set(
+						`Failed to load ${result.errors.length} attachment(s). Check console for details.`
+					);
+				}
+
+				// Clean up URL
+				const url = new URL(page.url);
+				url.searchParams.delete("attachments");
+				history.replaceState({}, "", url);
+			}
+
+			const query = sanitizeUrlParam(page.url.searchParams.get("q"));
+			if (query) {
+				void createConversation(query);
+				const url = new URL(page.url);
+				url.searchParams.delete("q");
+				tick().then(() => {
+					replaceState(url, page.state);
+				});
+				return;
+			}
+
+			const promptQuery = sanitizeUrlParam(page.url.searchParams.get("prompt"));
+			if (promptQuery && !draft) {
+				draft = promptQuery;
+				const url = new URL(page.url);
+				url.searchParams.delete("prompt");
+				tick().then(() => {
+					replaceState(url, page.state);
+				});
+			}
+		} catch (err) {
+			console.error("Failed to process URL parameters:", err);
+		}
+
+		settings.instantSet({ activeModel: modelId });
+	});
+</script>
+
+<svelte:head>
+	<title>{modelId} - {publicConfig.PUBLIC_APP_NAME}</title>
+	<meta property="og:title" content="{modelId} - {publicConfig.PUBLIC_APP_NAME}" />
+	<meta property="og:type" content="website" />
+	<meta property="og:description" content="Use {modelId} with {publicConfig.PUBLIC_APP_NAME}" />
+	<meta
+		property="og:image"
+		content="{publicConfig.PUBLIC_ORIGIN || page.url.origin}{base}/models/{modelPath}/thumbnail.png"
+	/>
+	<meta property="og:image:alt" content="{modelId} - {publicConfig.PUBLIC_APP_NAME}" />
+	<meta property="og:image:width" content="1200" />
+	<meta property="og:image:height" content="648" />
+	<meta property="og:url" content={page.url.href} />
+	<meta property="og:site_name" content={publicConfig.PUBLIC_APP_NAME} />
+	<meta name="twitter:card" content="summary_large_image" />
+	<meta name="twitter:title" content="{modelId} - {publicConfig.PUBLIC_APP_NAME}" />
+	<meta name="twitter:description" content="Use {modelId} with {publicConfig.PUBLIC_APP_NAME}" />
+	<meta
+		name="twitter:image"
+		content="{publicConfig.PUBLIC_ORIGIN || page.url.origin}{base}/models/{modelPath}/thumbnail.png"
+	/>
+	<meta name="twitter:image:alt" content="{modelId} - {publicConfig.PUBLIC_APP_NAME}" />
+</svelte:head>
+
+<ChatWindow
+	onmessage={(message) => createConversation(message)}
+	{loading}
+	currentModel={findCurrentModel(data.models, data.oldModels, modelId)}
+	models={data.models}
+	bind:files
+	bind:draft
+/>

package/src/ruvocal/src/routes/models/[...model]/+page.ts

@@ -1,14 +1,14 @@
-import { base } from "$app/paths";
-
-export async function load({ params, parent, fetch }) {
-	await fetch(`${base}/api/v2/models/${params.model}/subscribe`, {
-		method: "POST",
-	});
-
-	return {
-		settings: await parent().then((data) => ({
-			...data.settings,
-			activeModel: params.model,
-		})),
-	};
-}
+import { base } from "$app/paths";
+
+export async function load({ params, parent, fetch }) {
+	await fetch(`${base}/api/v2/models/${params.model}/subscribe`, {
+		method: "POST",
+	});
+
+	return {
+		settings: await parent().then((data) => ({
+			...data.settings,
+			activeModel: params.model,
+		})),
+	};
+}

package/src/ruvocal/src/routes/models/[...model]/thumbnail.png/+server.ts

@@ -1,64 +1,64 @@
-import ModelThumbnail from "./ModelThumbnail.svelte";
-import { redirect, type RequestHandler } from "@sveltejs/kit";
-
-import { Resvg } from "@resvg/resvg-js";
-import satori from "satori";
-import { html } from "satori-html";
-
-import InterRegular from "$lib/server/fonts/Inter-Regular.ttf";
-import InterBold from "$lib/server/fonts/Inter-Bold.ttf";
-import { base } from "$app/paths";
-import { models } from "$lib/server/models";
-import { render } from "svelte/server";
-import { config } from "$lib/server/config";
-
-export const GET: RequestHandler = (async ({ params }) => {
-	const model = models.find(({ id }) => id === params.model);
-
-	if (!model || model.unlisted) {
-		redirect(302, `${base}/`);
-	}
-	const renderedComponent = render(ModelThumbnail, {
-		props: {
-			name: model.name,
-			isHuggingChat: config.isHuggingChat,
-		},
-	});
-
-	// satori-html returns a VNode (React-like). satori's TS types expect ReactNode,
-	// so cast here to satisfy the compiler without pulling in React types.
-	const reactLike = html(
-		"<style>" + renderedComponent.head + "</style>" + renderedComponent.body
-	) as unknown as never;
-
-	const svg = await satori(reactLike, {
-		width: 1200,
-		height: 648,
-		fonts: [
-			{
-				name: "Inter",
-				data: InterRegular as unknown as ArrayBuffer,
-				weight: 500,
-			},
-			{
-				name: "Inter",
-				data: InterBold as unknown as ArrayBuffer,
-				weight: 700,
-			},
-		],
-	});
-
-	const png = new Resvg(svg, {
-		fitTo: { mode: "original" },
-	})
-		.render()
-		.asPng();
-
-	// Return a Uint8Array so BodyInit matches cleanly without generics mismatch
-	return new Response(new Uint8Array(png), {
-		headers: {
-			"Content-Type": "image/png",
-			"Cache-Control": "public, max-age=86400, s-maxage=604800, stale-while-revalidate=604800",
-		},
-	});
-}) satisfies RequestHandler;
+import ModelThumbnail from "./ModelThumbnail.svelte";
+import { redirect, type RequestHandler } from "@sveltejs/kit";
+
+import { Resvg } from "@resvg/resvg-js";
+import satori from "satori";
+import { html } from "satori-html";
+
+import InterRegular from "$lib/server/fonts/Inter-Regular.ttf";
+import InterBold from "$lib/server/fonts/Inter-Bold.ttf";
+import { base } from "$app/paths";
+import { models } from "$lib/server/models";
+import { render } from "svelte/server";
+import { config } from "$lib/server/config";
+
+export const GET: RequestHandler = (async ({ params }) => {
+	const model = models.find(({ id }) => id === params.model);
+
+	if (!model || model.unlisted) {
+		redirect(302, `${base}/`);
+	}
+	const renderedComponent = render(ModelThumbnail, {
+		props: {
+			name: model.name,
+			isHuggingChat: config.isHuggingChat,
+		},
+	});
+
+	// satori-html returns a VNode (React-like). satori's TS types expect ReactNode,
+	// so cast here to satisfy the compiler without pulling in React types.
+	const reactLike = html(
+		"<style>" + renderedComponent.head + "</style>" + renderedComponent.body
+	) as unknown as never;
+
+	const svg = await satori(reactLike, {
+		width: 1200,
+		height: 648,
+		fonts: [
+			{
+				name: "Inter",
+				data: InterRegular as unknown as ArrayBuffer,
+				weight: 500,
+			},
+			{
+				name: "Inter",
+				data: InterBold as unknown as ArrayBuffer,
+				weight: 700,
+			},
+		],
+	});
+
+	const png = new Resvg(svg, {
+		fitTo: { mode: "original" },
+	})
+		.render()
+		.asPng();
+
+	// Return a Uint8Array so BodyInit matches cleanly without generics mismatch
+	return new Response(new Uint8Array(png), {
+		headers: {
+			"Content-Type": "image/png",
+			"Cache-Control": "public, max-age=86400, s-maxage=604800, stale-while-revalidate=604800",
+		},
+	});
+}) satisfies RequestHandler;

package/src/ruvocal/src/routes/models/[...model]/thumbnail.png/ModelThumbnail.svelte

@@ -1,28 +1,28 @@
-<script lang="ts">
-	import logo from "../../../../../static/huggingchat/fulltext-logo.svg?raw";
-
-	interface Props {
-		name: string;
-		isHuggingChat?: boolean;
-		backgroundImage?: string;
-	}
-
-	let { name, isHuggingChat = false }: Props = $props();
-</script>
-
-<div
-	class=" flex h-[648px] w-full flex-col items-center justify-center bg-black text-white"
-	style="background-image: url(https://cdn-uploads.huggingface.co/production/uploads/5f17f0a0925b9863e28ad517/L4XVRJ7MsfFDD7ROx_geO.png);"
->
-	<h1 class="mb-8 text-7xl font-bold text-white">
-		{name.split("/")[1]}
-	</h1>
-
-	{#if isHuggingChat}
-		<div class="flex items-center text-5xl text-white">
-			<div class="mr-4 text-4xl">Chat with it on</div>
-			<!-- eslint-disable-next-line -->
-			{@html logo}
-		</div>
-	{/if}
-</div>
+<script lang="ts">
+	import logo from "../../../../../static/huggingchat/fulltext-logo.svg?raw";
+
+	interface Props {
+		name: string;
+		isHuggingChat?: boolean;
+		backgroundImage?: string;
+	}
+
+	let { name, isHuggingChat = false }: Props = $props();
+</script>
+
+<div
+	class=" flex h-[648px] w-full flex-col items-center justify-center bg-black text-white"
+	style="background-image: url(https://cdn-uploads.huggingface.co/production/uploads/5f17f0a0925b9863e28ad517/L4XVRJ7MsfFDD7ROx_geO.png);"
+>
+	<h1 class="mb-8 text-7xl font-bold text-white">
+		{name.split("/")[1]}
+	</h1>
+
+	{#if isHuggingChat}
+		<div class="flex items-center text-5xl text-white">
+			<div class="mr-4 text-4xl">Chat with it on</div>
+			<!-- eslint-disable-next-line -->
+			{@html logo}
+		</div>
+	{/if}
+</div>

package/src/ruvocal/src/routes/privacy/+page.svelte

@@ -1,11 +1,11 @@
-<script lang="ts">
-	import { marked } from "marked";
-	import privacy from "../../../PRIVACY.md?raw";
-</script>
-
-<div class="overflow-auto p-6">
-	<div class="prose mx-auto px-4 pb-24 pt-6 dark:prose-invert md:pt-12">
-		<!-- eslint-disable-next-line svelte/no-at-html-tags -->
-		{@html marked(privacy, { gfm: true })}
-	</div>
-</div>
+<script lang="ts">
+	import { marked } from "marked";
+	import privacy from "../../../PRIVACY.md?raw";
+</script>
+
+<div class="overflow-auto p-6">
+	<div class="prose mx-auto px-4 pb-24 pt-6 dark:prose-invert md:pt-12">
+		<!-- eslint-disable-next-line svelte/no-at-html-tags -->
+		{@html marked(privacy, { gfm: true })}
+	</div>
+</div>

package/src/ruvocal/src/routes/r/[id]/+page.ts

@@ -1,34 +1,34 @@
-import { redirect } from "@sveltejs/kit";
-import { useAPIClient, handleResponse } from "$lib/APIClient";
-import { base } from "$app/paths";
-import type { PageLoad } from "./$types";
-
-export const load: PageLoad = async ({ params, url, fetch, parent }) => {
-	const leafId = url.searchParams.get("leafId");
-	const parentData = await parent();
-
-	// If logged in, import the share and redirect to the new conversation
-	if (parentData.loginEnabled && parentData.user && params.id) {
-		const client = useAPIClient({ fetch, origin: url.origin });
-
-		let importedConversationId: string | undefined;
-		try {
-			const result = await client.conversations["import-share"]
-				.post({ shareId: params.id })
-				.then(handleResponse);
-			importedConversationId = result.conversationId;
-		} catch {
-			// Fall through to view-only mode on error
-		}
-
-		if (importedConversationId) {
-			redirect(
-				302,
-				`${base}/conversation/${importedConversationId}?leafId=${leafId ?? ""}&fromShare=${params.id}`
-			);
-		}
-	}
-
-	// Not logged in or import failed: redirect to view-only mode
-	redirect(302, `${base}/conversation/${params.id}${leafId ? `?leafId=${leafId}` : ""}`);
-};
+import { redirect } from "@sveltejs/kit";
+import { useAPIClient, handleResponse } from "$lib/APIClient";
+import { base } from "$app/paths";
+import type { PageLoad } from "./$types";
+
+export const load: PageLoad = async ({ params, url, fetch, parent }) => {
+	const leafId = url.searchParams.get("leafId");
+	const parentData = await parent();
+
+	// If logged in, import the share and redirect to the new conversation
+	if (parentData.loginEnabled && parentData.user && params.id) {
+		const client = useAPIClient({ fetch, origin: url.origin });
+
+		let importedConversationId: string | undefined;
+		try {
+			const result = await client.conversations["import-share"]
+				.post({ shareId: params.id })
+				.then(handleResponse);
+			importedConversationId = result.conversationId;
+		} catch {
+			// Fall through to view-only mode on error
+		}
+
+		if (importedConversationId) {
+			redirect(
+				302,
+				`${base}/conversation/${importedConversationId}?leafId=${leafId ?? ""}&fromShare=${params.id}`
+			);
+		}
+	}
+
+	// Not logged in or import failed: redirect to view-only mode
+	redirect(302, `${base}/conversation/${params.id}${leafId ? `?leafId=${leafId}` : ""}`);
+};