fredjens/mcp-ui-kit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add logging

Browse Source
This commit is contained in:
Fredrik Jensen 2025-12-06 17:00:22 +01:00
parent 2ed5bf1a8f
commit a71b631cb9
2 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/demo-server/components/StockDashboard.tsx
View File

@ -1,6 +1,6 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { generateMockStockData } from './stock-utils'; import { generateMockStockData } from './stock-utils';
import { callTool, sendPrompt, useProps } from '@mcp-ui/library/ui'; import { callTool, sendPrompt, useProps } from 'mcp-ui-kit/ui';
// Types for props passed from the tool handler // Types for props passed from the tool handler

16
packages/library/server/bundle.ts
View File

@ -7,6 +7,7 @@ const bundleCache = new Map<string, string>();
const isDev = process.env.NODE_ENV !== 'production'; const isDev = process.env.NODE_ENV !== 'production';
async function runBuild(entryPath: string): Promise<esbuild.BuildResult<{ write: false }>> { async function runBuild(entryPath: string): Promise<esbuild.BuildResult<{ write: false }>> {
console.log('[mcp-ui-kit] runBuild called for:', entryPath);
return esbuild.build({ return esbuild.build({
entryPoints: [entryPath], entryPoints: [entryPath],
bundle: true, bundle: true,
@ -23,15 +24,24 @@ async function runBuild(entryPath: string): Promise<esbuild.BuildResult<{ write:
} }
export async function bundleComponent(entryPath: string): Promise<string> { export async function bundleComponent(entryPath: string): Promise<string> {
console.log('[mcp-ui-kit] bundleComponent called for:', entryPath);
console.log('[mcp-ui-kit] isDev:', isDev, 'NODE_ENV:', process.env.NODE_ENV);
console.log('[mcp-ui-kit] Cache has entry:', bundleCache.has(entryPath));
if (!isDev && bundleCache.has(entryPath)) { if (!isDev && bundleCache.has(entryPath)) {
console.log('[mcp-ui-kit] Returning cached bundle');
return bundleCache.get(entryPath)!; return bundleCache.get(entryPath)!;
} }
let result: esbuild.BuildResult<{ write: false }>; let result: esbuild.BuildResult<{ write: false }>;
try { try {
console.log('[mcp-ui-kit] Attempting first build...');
result = await runBuild(entryPath); result = await runBuild(entryPath);
console.log('[mcp-ui-kit] First build succeeded');
} catch (error) { } catch (error) {
console.log('[mcp-ui-kit] First build failed:', error instanceof Error ? error.message : error);
// Handle esbuild service errors in serverless environments (Vercel, Lambda, etc.) // Handle esbuild service errors in serverless environments (Vercel, Lambda, etc.)
// This happens when the serverless runtime freezes/stops the esbuild subprocess. // This happens when the serverless runtime freezes/stops the esbuild subprocess.
const isServiceError = error instanceof Error && ( const isServiceError = error instanceof Error && (
@ -39,20 +49,26 @@ export async function bundleComponent(entryPath: string): Promise<string> {
error.message.includes('service is no longer running') || error.message.includes('service is no longer running') ||
error.message.includes('The service') error.message.includes('The service')
); );
console.log('[mcp-ui-kit] Is service error:', isServiceError);
if (isServiceError) { if (isServiceError) {
// Force stop the dead service, then retry - esbuild will start fresh // Force stop the dead service, then retry - esbuild will start fresh
console.log('[mcp-ui-kit] Stopping esbuild service and retrying...');
await esbuild.stop(); await esbuild.stop();
result = await runBuild(entryPath); result = await runBuild(entryPath);
console.log('[mcp-ui-kit] Retry succeeded');
} else { } else {
throw error; throw error;
} }
} }
const bundledJS = result.outputFiles[0].text; const bundledJS = result.outputFiles[0].text;
console.log('[mcp-ui-kit] Bundle size:', bundledJS.length, 'bytes');
// Only cache in production mode // Only cache in production mode
if (!isDev) { if (!isDev) {
bundleCache.set(entryPath, bundledJS); bundleCache.set(entryPath, bundledJS);
console.log('[mcp-ui-kit] Bundle cached');
} }
return bundledJS; return bundledJS;