Fixed import issue which was crashing the Claude Desktop

Author: kartmcad

src/requestHandler.ts

@@ -6,7 +6,7 @@ import {
   CallToolRequestSchema,
   Tool
 } from "@modelcontextprotocol/sdk/types.js";
-import { handleToolCall, getConsoleLogs, getScreenshots } from "./toolHandler";
+import { handleToolCall, getConsoleLogs, getScreenshots } from "./toolHandler.js";
 
 export function setupRequestHandlers(server: Server, tools: Tool[]) {
   // List resources handler

src/toolHandler.ts

@@ -1,28 +1,28 @@
 import { Browser, Page, chromium, request } from 'playwright';
 import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
-import { BROWSER_TOOLS, API_TOOLS } from './tools';
-import { ToolContext } from './tools/common/types';
+import { BROWSER_TOOLS, API_TOOLS } from './tools.js';
+import { ToolContext } from './tools/common/types.js';
 import { 
   ScreenshotTool,
   NavigationTool,
   CloseBrowserTool,
   ConsoleLogsTool
-} from './tools/browser';
+} from './tools/browser/index.js';
 import {
   ClickTool,
   IframeClickTool,
   FillTool,
   SelectTool,
   HoverTool,
   EvaluateTool
-} from './tools/browser/interaction';
+} from './tools/browser/interaction.js';
 import {
   GetRequestTool,
   PostRequestTool,
   PutRequestTool,
   PatchRequestTool,
   DeleteRequestTool
-} from './tools/api/requests';
+} from './tools/api/requests.js';
 
 // Global state
 let browser: Browser | undefined;

src/tools/api/base.ts

@@ -1,5 +1,5 @@
 import type { APIRequestContext } from 'playwright';
-import { ToolHandler, ToolContext, ToolResponse, createErrorResponse } from '../common/types';
+import { ToolHandler, ToolContext, ToolResponse, createErrorResponse } from '../common/types.js';
 
 /**
  * Base class for all API-based tools

src/tools/api/index.ts

@@ -1,4 +1,4 @@
-export * from './base';
-export * from './requests';
+export * from './base.js';
+export * from './requests.js';
 
 // TODO: Add exports for other API tools as they are implemented 

src/tools/api/requests.ts

@@ -1,5 +1,5 @@
-import { ApiToolBase } from './base';
-import { ToolContext, ToolResponse, createSuccessResponse, createErrorResponse } from '../common/types';
+import { ApiToolBase } from './base.js';
+import { ToolContext, ToolResponse, createSuccessResponse, createErrorResponse } from '../common/types.js';
 
 /**
  * Tool for making GET requests

src/tools/browser/base.ts

@@ -1,5 +1,5 @@
 import type { Browser, Page } from 'playwright';
-import { ToolHandler, ToolContext, ToolResponse, createErrorResponse } from '../common/types';
+import { ToolHandler, ToolContext, ToolResponse, createErrorResponse } from '../common/types.js';
 
 /**
  * Base class for all browser-based tools

src/tools/browser/console.ts

@@ -1,5 +1,5 @@
-import { BrowserToolBase } from './base';
-import { ToolContext, ToolResponse, createSuccessResponse } from '../common/types';
+import { BrowserToolBase } from './base.js';
+import { ToolContext, ToolResponse, createSuccessResponse } from '../common/types.js';
 
 /**
  * Tool for retrieving and filtering console logs from the browser

src/tools/browser/index.ts

@@ -1,8 +1,8 @@
-export * from './base';
-export * from './screenshot';
-export * from './navigation';
-export * from './console';
-export * from './interaction';
+export * from './base.js';
+export * from './screenshot.js';
+export * from './navigation.js';
+export * from './console.js';
+export * from './interaction.js';
 
 // TODO: Add exports for other browser tools as they are implemented
 // export * from './interaction.js'; 

src/tools/browser/interaction.ts

@@ -1,5 +1,5 @@
-import { BrowserToolBase } from './base';
-import { ToolContext, ToolResponse, createSuccessResponse, createErrorResponse } from '../common/types';
+import { BrowserToolBase } from './base.js';
+import { ToolContext, ToolResponse, createSuccessResponse, createErrorResponse } from '../common/types.js';
 
 /**
  * Tool for clicking elements on the page

src/tools/browser/navigation.ts

@@ -1,5 +1,5 @@
-import { BrowserToolBase } from './base';
-import { ToolContext, ToolResponse, createSuccessResponse } from '../common/types';
+import { BrowserToolBase } from './base.js';
+import { ToolContext, ToolResponse, createSuccessResponse } from '../common/types.js';
 
 /**
  * Tool for navigating to URLs

src/tools/browser/screenshot.ts

@@ -2,8 +2,8 @@ import fs from 'node:fs';
 import * as path from 'node:path';
 import * as os from 'node:os';
 import type { Page } from 'playwright';
-import { BrowserToolBase } from './base';
-import { ToolContext, ToolResponse, createSuccessResponse } from '../common/types';
+import { BrowserToolBase } from './base.js';
+import { ToolContext, ToolResponse, createSuccessResponse } from '../common/types.js';
 
 const defaultDownloadsPath = path.join(os.homedir(), 'Downloads');
 

src/tools/index.ts

@@ -1,6 +1,6 @@
-export * from './common/types';
-export * from './browser/index';
-export * from './api/index';
+export * from './common/types.js';
+export * from './browser/index.js';
+export * from './api/index.js';
 
 // Tool type constants
 export const BROWSER_TOOLS = [

test-import.js

@@ -0,0 +1,7 @@
+// test-import.js
+import { setupRequestHandlers } from './dist/requestHandler.js';
+import { handleToolCall } from './dist/toolHandler.js';
+
+console.log('Imports successful!');
+console.log('setupRequestHandlers:', typeof setupRequestHandlers);
+console.log('handleToolCall:', typeof handleToolCall); 

tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "ES2020",
     "module": "ES2022",
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "outDir": "./dist",
     "strict": true,
     "esModuleInterop": true,