wow, render data is awesome

Author: kentcdodds

exercises/04.interactive/01.problem.links/app/routes/ui/journal-viewer.tsx

@@ -4,7 +4,7 @@ import {
 	useErrorBoundary,
 	type FallbackProps,
 } from 'react-error-boundary'
-import { useMcpUiInit } from '#app/utils/mcp.client.ts'
+import { useMcpUiInit } from '#app/utils/mcp.ts'
 import { useDoubleCheck } from '#app/utils/misc.ts'
 import { type Route } from './+types/journal-viewer.tsx'
 

exercises/04.interactive/01.problem.links/app/utils/mcp.client.ts renamed to exercises/04.interactive/01.problem.links/app/utils/mcp.ts

@@ -4,7 +4,7 @@ import {
 	useErrorBoundary,
 	type FallbackProps,
 } from 'react-error-boundary'
-import { useMcpUiInit, sendLinkMcpMessage } from '#app/utils/mcp.client.ts'
+import { useMcpUiInit, sendLinkMcpMessage } from '#app/utils/mcp.ts'
 import { useDoubleCheck, useUnmountSignal } from '#app/utils/misc.ts'
 import { type Route } from './+types/journal-viewer.tsx'
 

exercises/04.interactive/01.solution.links/app/routes/ui/journal-viewer.tsx

@@ -7,7 +7,7 @@ import {
 } from 'react-error-boundary'
 import { z } from 'zod'
 import { GeneralErrorBoundary } from '#app/components/error-boundary.tsx'
-import { useMcpUiInit } from '#app/utils/mcp.client.ts'
+import { useMcpUiInit } from '#app/utils/mcp.ts'
 import { useDoubleCheck } from '#app/utils/misc.ts'
 import { type Route } from './+types/entry-viewer.tsx'
 

exercises/04.interactive/01.solution.links/app/utils/mcp.client.ts renamed to exercises/04.interactive/01.solution.links/app/utils/mcp.ts

@@ -4,7 +4,7 @@ import {
 	useErrorBoundary,
 	type FallbackProps,
 } from 'react-error-boundary'
-import { useMcpUiInit, sendMcpMessage } from '#app/utils/mcp.client.ts'
+import { useMcpUiInit, sendMcpMessage } from '#app/utils/mcp.ts'
 import { useDoubleCheck, useUnmountSignal } from '#app/utils/misc.ts'
 import { type Route } from './+types/journal-viewer.tsx'
 

exercises/04.interactive/02.problem.tools/app/routes/ui/entry-viewer.tsx

@@ -459,7 +459,7 @@ export async function initializeTools(agent: EpicMeMCP) {
 			inputSchema: entryIdSchema,
 		},
 		async ({ id }) => {
-			const iframeUrl = new URL('/ui/entry-viewer', agent.props.baseUrl)
+			const iframeUrl = new URL('/ui/entry-viewer/${id}', agent.props.baseUrl)
 
 			return {
 				content: [

exercises/04.interactive/02.problem.tools/app/routes/ui/journal-viewer.tsx

@@ -7,7 +7,7 @@ import {
 } from 'react-error-boundary'
 import { z } from 'zod'
 import { GeneralErrorBoundary } from '#app/components/error-boundary.tsx'
-import { useMcpUiInit, sendMcpMessage } from '#app/utils/mcp.client.ts'
+import { useMcpUiInit, sendMcpMessage } from '#app/utils/mcp.ts'
 import { useDoubleCheck, useUnmountSignal } from '#app/utils/misc.ts'
 import { type Route } from './+types/entry-viewer.tsx'
 

exercises/04.interactive/02.problem.tools/app/utils/mcp.client.ts renamed to exercises/04.interactive/02.problem.tools/app/utils/mcp.ts

@@ -4,7 +4,7 @@ import {
 	useErrorBoundary,
 	type FallbackProps,
 } from 'react-error-boundary'
-import { useMcpUiInit, sendMcpMessage } from '#app/utils/mcp.client.ts'
+import { useMcpUiInit, sendMcpMessage } from '#app/utils/mcp.ts'
 import { useDoubleCheck, useUnmountSignal } from '#app/utils/misc.ts'
 import { type Route } from './+types/journal-viewer.tsx'