fix: downgrade @modelcontextprotocol/inspector to version 0.16.2 and update logging level handling in EpicMeMCP

Author: kentcdodds

exercises/01.start/01.solution/package.json

@@ -18,7 +18,7 @@
     "@epic-web/config": "^1.21.3",
     "@epic-web/mcp-dev": "*",
     "@faker-js/faker": "^9.9.0",
-    "@modelcontextprotocol/inspector": "^0.16.3",
+    "@modelcontextprotocol/inspector": "0.16.2",
     "@types/node": "^24.2.1",
     "tsx": "^4.20.3",
     "typescript": "^5.9.2",

exercises/01.start/01.solution/src/index.ts

@@ -1,13 +1,15 @@
 import { type DBClient } from '@epic-web/epicme-db-client'
 import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js'
 import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js'
+import { SetLevelRequestSchema } from '@modelcontextprotocol/sdk/types.js'
 import { getClient } from './client.ts'
 import { initializePrompts } from './prompts.ts'
 import { initializeResources } from './resources.ts'
 import { initializeTools } from './tools.ts'
 
 export class EpicMeMCP {
 	db!: DBClient
+	state = { loggingLevel: 'info' }
 	server = new McpServer(
 		{
 			name: 'epicme',
@@ -34,6 +36,13 @@ You can also help users add tags to their entries and get all tags for an entry.
 
 	async init() {
 		this.db = getClient()
+		this.server.server.setRequestHandler(
+			SetLevelRequestSchema,
+			async (request) => {
+				this.state.loggingLevel = request.params.level
+				return {}
+			},
+		)
 		await initializeTools(this)
 		await initializeResources(this)
 		await initializePrompts(this)

exercises/01.start/01.solution/src/sampling.ts

@@ -85,15 +85,17 @@ If you have some suggestions, respond with an array of tag objects. Existing tag
 		.map((id) => allTags.find((t) => t.id === id))
 		.filter(Boolean)
 
-	void agent.server.server.sendLoggingMessage({
-		level: 'info',
-		logger: 'tag-generator',
-		data: {
-			message: 'Added tags to entry',
-			addedTags,
-			entry: updatedEntry,
-		},
-	})
+	if (['debug', 'info'].includes(agent.state.loggingLevel)) {
+		void agent.server.server.sendLoggingMessage({
+			level: 'info',
+			logger: 'tag-generator',
+			data: {
+				message: 'Added tags to entry',
+				addedTags,
+				entry: updatedEntry,
+			},
+		})
+	}
 }
 
 const existingTagSchema = z.object({ id: z.number() })

exercises/02.start/01.solution/package.json

@@ -21,7 +21,7 @@
   "devDependencies": {
     "@epic-web/config": "^1.21.3",
     "@faker-js/faker": "^9.9.0",
-    "@modelcontextprotocol/inspector": "^0.16.3",
+    "@modelcontextprotocol/inspector": "0.16.2",
     "@types/node": "^24.2.1",
     "cross-env": "^10.0.0",
     "eslint": "^9.33.0",

exercises/02.start/01.solution/src/index.ts

@@ -1,13 +1,19 @@
 import { type DBClient } from '@epic-web/epicme-db-client'
 import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js'
+import {
+	SetLevelRequestSchema,
+	type LoggingLevel,
+} from '@modelcontextprotocol/sdk/types.js'
 import { McpAgent } from 'agents/mcp'
 import { getClient } from './client.ts'
 import { initializePrompts } from './prompts.ts'
 import { initializeResources } from './resources.ts'
 import { initializeTools } from './tools.ts'
 
-export class EpicMeMCP extends McpAgent {
+type State = { loggingLevel: LoggingLevel }
+export class EpicMeMCP extends McpAgent<Env, State> {
 	db!: DBClient
+	initialState: State = { loggingLevel: 'info' }
 	server = new McpServer(
 		{
 			name: 'epicme',
@@ -34,6 +40,13 @@ You can also help users add tags to their entries and get all tags for an entry.
 
 	async init() {
 		this.db = getClient()
+		this.server.server.setRequestHandler(
+			SetLevelRequestSchema,
+			async (request) => {
+				this.setState({ ...this.state, loggingLevel: request.params.level })
+				return {}
+			},
+		)
 		await initializeTools(this)
 		await initializeResources(this)
 		await initializePrompts(this)

exercises/02.start/01.solution/src/sampling.ts

@@ -85,15 +85,17 @@ If you have some suggestions, respond with an array of tag objects. Existing tag
 		.map((id) => allTags.find((t) => t.id === id))
 		.filter(Boolean)
 
-	void agent.server.server.sendLoggingMessage({
-		level: 'info',
-		logger: 'tag-generator',
-		data: {
-			message: 'Added tags to entry',
-			addedTags,
-			entry: updatedEntry,
-		},
-	})
+	if (['debug', 'info'].includes(agent.state.loggingLevel)) {
+		void agent.server.server.sendLoggingMessage({
+			level: 'info',
+			logger: 'tag-generator',
+			data: {
+				message: 'Added tags to entry',
+				addedTags,
+				entry: updatedEntry,
+			},
+		})
+	}
 }
 
 const existingTagSchema = z.object({ id: z.number() })

exercises/99.finished/99.solution/package.json

@@ -21,7 +21,7 @@
   "devDependencies": {
     "@epic-web/config": "^1.21.3",
     "@faker-js/faker": "^9.9.0",
-    "@modelcontextprotocol/inspector": "^0.16.3",
+    "@modelcontextprotocol/inspector": "0.16.2",
     "@types/node": "^24.2.1",
     "cross-env": "^10.0.0",
     "eslint": "^9.33.0",

exercises/99.finished/99.solution/src/index.ts

@@ -1,6 +1,10 @@
 import { type DBClient } from '@epic-web/epicme-db-client'
 import { invariant } from '@epic-web/invariant'
 import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js'
+import {
+	SetLevelRequestSchema,
+	type LoggingLevel,
+} from '@modelcontextprotocol/sdk/types.js'
 import { McpAgent } from 'agents/mcp'
 import {
 	type AuthInfo,
@@ -15,8 +19,12 @@ import { initializeResources } from './resources.ts'
 import { initializeTools } from './tools.ts'
 import { withCors } from './utils.ts'
 
-export class EpicMeMCP extends McpAgent<Env, {}, { authInfo: AuthInfo }> {
+type State = { loggingLevel: LoggingLevel }
+type Props = { authInfo: AuthInfo }
+
+export class EpicMeMCP extends McpAgent<Env, State, Props> {
 	db!: DBClient
+	initialState: State = { loggingLevel: 'info' }
 	server = new McpServer(
 		{
 			name: 'epicme',
@@ -45,6 +53,15 @@ You can also help users add tags to their entries and get all tags for an entry.
 		const authInfo = this.props.authInfo
 		invariant(authInfo, 'Auth info not found')
 		this.db = getClient(authInfo.token)
+
+		this.server.server.setRequestHandler(
+			SetLevelRequestSchema,
+			async (request) => {
+				this.setState({ ...this.state, loggingLevel: request.params.level })
+				return {}
+			},
+		)
+
 		await initializeTools(this)
 		await initializeResources(this)
 		await initializePrompts(this)

exercises/99.finished/99.solution/src/sampling.ts

@@ -85,15 +85,17 @@ If you have some suggestions, respond with an array of tag objects. Existing tag
 		.map((id) => allTags.find((t) => t.id === id))
 		.filter(Boolean)
 
-	void agent.server.server.sendLoggingMessage({
-		level: 'info',
-		logger: 'tag-generator',
-		data: {
-			message: 'Added tags to entry',
-			addedTags,
-			entry: updatedEntry,
-		},
-	})
+	if (['debug', 'info'].includes(agent.state.loggingLevel)) {
+		void agent.server.server.sendLoggingMessage({
+			level: 'info',
+			logger: 'tag-generator',
+			data: {
+				message: 'Added tags to entry',
+				addedTags,
+				entry: updatedEntry,
+			},
+		})
+	}
 }
 
 const existingTagSchema = z.object({ id: z.number() })

exercises/99.finished/99.solution/src/tools.ts

@@ -34,7 +34,7 @@ export async function initializeTools(agent: EpicMeMCP) {
 			const user = await agent.requireUser()
 			return {
 				structuredContent: { user },
-				content: [createText(JSON.stringify({ user }, null, 2))],
+				content: [createText(user)],
 			}
 		},
 	)