feat: analytics (#88)

Author: paoloricciuti

apps/mcp-remote/package.json

@@ -65,6 +65,7 @@
 		"@sveltejs/mcp-schema": "workspace:^",
 		"@sveltejs/mcp-server": "workspace:^",
 		"@tmcp/transport-http": "^0.7.1",
+		"@vercel/analytics": "^1.5.0",
 		"tmcp": "^1.15.3"
 	}
 }

apps/mcp-remote/src/hooks.server.ts

@@ -1,6 +1,8 @@
+import { dev } from '$app/environment';
 import { http_transport } from '$lib/mcp/index.js';
 import { db } from '$lib/server/db/index.js';
 import { redirect } from '@sveltejs/kit';
+import { track } from '@vercel/analytics/server';
 
 export async function handle({ event, resolve }) {
 	if (event.request.method === 'POST') {
@@ -19,6 +21,12 @@ export async function handle({ event, resolve }) {
 	}
 	const mcp_response = await http_transport.respond(event.request, {
 		db,
+		// only add analytics in production
+		track: dev
+			? undefined
+			: async (session_id, event, slug) => {
+					await track(event, { session_id, ...(slug ? { slug } : {}) });
+				},
 	});
 	// we are deploying on vercel the SSE connection will timeout after 5 minutes...for
 	// the moment we are not sending back any notifications (logs, or list changed notifications)

apps/mcp-remote/src/lib/server/db/index.ts

@@ -1,8 +1,6 @@
 import { createClient } from '@libsql/client';
 import { drizzle } from 'drizzle-orm/libsql';
 import * as schema from './schema.js';
-// let's disable it for the moment...i can't figure out a way to make it wotk with eslint
-// eslint-disable-next-line import/extensions
 import { DATABASE_TOKEN, DATABASE_URL } from '$env/static/private';
 if (!DATABASE_URL) throw new Error('DATABASE_URL is not set');
 if (!DATABASE_TOKEN) throw new Error('DATABASE_TOKEN is not set');

eslint.config.js

@@ -48,13 +48,17 @@ export default /** @type {import("eslint").Linter.Config} */ ([
 			'import/no-unresolved': 'off', // this doesn't work well with typescript path mapping
 			'import/extensions': [
 				'error',
-				'ignorePackages',
 				{
-					js: 'always',
-					mjs: 'always',
-					cjs: 'always',
-					ts: 'always',
-					svelte: 'always',
+					ignorePackages: true,
+					pattern: {
+						js: 'always',
+						mjs: 'always',
+						cjs: 'always',
+						ts: 'always',
+						svelte: 'always',
+						svg: 'always',
+						json: 'always',
+					},
 				},
 			],
 		},

packages/mcp-server/src/mcp/handlers/prompts/svelte-task.ts

@@ -68,6 +68,9 @@ export function setup_svelte_task(server: SvelteMcp) {
 			icons,
 		},
 		async ({ task }) => {
+			if (server.ctx.sessionId && server.ctx.custom?.track) {
+				await server.ctx.custom?.track?.(server.ctx.sessionId, 'svelte-task');
+			}
 			const available_docs = await format_sections_list();
 
 			return {

packages/mcp-server/src/mcp/handlers/resources/doc-section.ts

@@ -46,6 +46,13 @@ export async function list_sections(server: SvelteMcp) {
 			icons,
 		},
 		async (uri, { slug }) => {
+			if (server.ctx.sessionId && server.ctx.custom?.track) {
+				await server.ctx.custom?.track?.(
+					server.ctx.sessionId,
+					'svelte-doc-section',
+					Array.isArray(slug) ? slug.join(',') : slug,
+				);
+			}
 			const section = sections.find((section) => {
 				return slug === section.slug;
 			});

packages/mcp-server/src/mcp/handlers/tools/get-documentation.ts

@@ -21,6 +21,9 @@ export function get_documentation(server: SvelteMcp) {
 			icons,
 		},
 		async ({ section }) => {
+			if (server.ctx.sessionId && server.ctx.custom?.track) {
+				await server.ctx.custom?.track?.(server.ctx.sessionId, 'get-documentation');
+			}
 			let sections: string[];
 
 			if (Array.isArray(section)) {

packages/mcp-server/src/mcp/handlers/tools/list-sections.ts

@@ -12,6 +12,9 @@ export function list_sections(server: SvelteMcp) {
 			icons,
 		},
 		async () => {
+			if (server.ctx.sessionId && server.ctx.custom?.track) {
+				await server.ctx.custom?.track?.(server.ctx.sessionId, 'list-sections');
+			}
 			const formatted_sections = await format_sections_list();
 
 			return {

packages/mcp-server/src/mcp/handlers/tools/playground-link.ts

@@ -59,6 +59,9 @@ export function playground_link(server: SvelteMcp) {
 			icons,
 		},
 		async ({ files, name, tailwind }) => {
+			if (server.ctx.sessionId && server.ctx.custom?.track) {
+				await server.ctx.custom?.track?.(server.ctx.sessionId, 'playground-link');
+			}
 			const playground_base = new URL('https://svelte.dev/playground');
 			const playground_files: File[] = [];
 
@@ -76,6 +79,9 @@ export function playground_link(server: SvelteMcp) {
 			}
 
 			if (!has_app_svelte) {
+				if (server.ctx.sessionId && server.ctx.custom?.track) {
+					await server.ctx.custom?.track?.(server.ctx.sessionId, 'playground-link-no-app-svelte');
+				}
 				return {
 					isError: true,
 					content: [

packages/mcp-server/src/mcp/handlers/tools/svelte-autofixer.ts

@@ -46,12 +46,18 @@ export function svelte_autofixer(server: SvelteMcp) {
 			filename: filename_or_path,
 			desired_svelte_version: desired_svelte_version_unchecked,
 		}) => {
+			if (server.ctx.sessionId && server.ctx.custom?.track) {
+				await server.ctx.custom?.track?.(server.ctx.sessionId, 'svelte-autofixer');
+			}
 			// we validate manually because some clients don't support union in the input schema (looking at you cursor)
 			const parsed_version = v.safeParse(
 				v.union([v.literal(4), v.literal(5), v.literal('4'), v.literal('5')]),
 				desired_svelte_version_unchecked,
 			);
 			if (parsed_version.success === false) {
+				if (server.ctx.sessionId && server.ctx.custom?.track) {
+					await server.ctx.custom?.track?.(server.ctx.sessionId, 'svelte-autofixer-wrong-version');
+				}
 				return {
 					isError: true,
 					content: [