fix: Add .js extensions to type imports for ESM compatibility

Winify · Winify · commit 0dbc8b4bc96f · 2026-03-30T13:07:06.000+02:00
diff --git a/src/recording/step-recorder.ts b/src/recording/step-recorder.ts
@@ -1,5 +1,5 @@
 // src/recording/step-recorder.ts
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
 import type { RecordedStep, SessionHistory } from '../types/recording';
 import { getState } from '../session/state';
 
diff --git a/src/resources/app-state.resource.ts b/src/resources/app-state.resource.ts
@@ -1,5 +1,5 @@
 import type { ResourceDefinition } from '../types/resource';
-import { ResourceTemplate } from '@modelcontextprotocol/sdk/server/mcp';
+import { ResourceTemplate } from '@modelcontextprotocol/sdk/server/mcp.js';
 import { getBrowser } from '../session/state';
 
 async function readAppState(bundleId: string): Promise<{ mimeType: string; text: string }> {
diff --git a/src/resources/sessions.resource.ts b/src/resources/sessions.resource.ts
@@ -1,5 +1,5 @@
 import type { ResourceDefinition } from '../types/resource';
-import { ResourceTemplate } from '@modelcontextprotocol/sdk/server/mcp';
+import { ResourceTemplate } from '@modelcontextprotocol/sdk/server/mcp.js';
 import type { SessionHistory } from '../types/recording';
 import { generateCode } from '../recording/code-generator';
 import { getSessionHistory } from '../recording/step-recorder';
diff --git a/src/server.ts b/src/server.ts
@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import pkg from '../package.json' with { type: 'json' };
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import { McpServer } from '@modelcontextprotocol/sdk/server/mcp';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
 import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
 import type { ToolDefinition } from './types/tool';
 import type { ResourceDefinition } from './types/resource';
diff --git a/src/tools/browserstack.tool.ts b/src/tools/browserstack.tool.ts
@@ -1,6 +1,6 @@
 import { existsSync, createReadStream } from 'node:fs';
 import { z } from 'zod';
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
 import type { ToolDefinition } from '../types/tool';
 import { coerceBoolean } from '../utils/zod-helpers';
 
diff --git a/src/tools/click.tool.ts b/src/tools/click.tool.ts
@@ -1,7 +1,7 @@
 import { getBrowser } from '../session/state';
 import { z } from 'zod';
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 import { coerceBoolean } from '../utils/zod-helpers';
 
diff --git a/src/tools/context.tool.ts b/src/tools/context.tool.ts
@@ -1,5 +1,5 @@
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 import { z } from 'zod';
 import { getBrowser } from '../session/state';
diff --git a/src/tools/cookies.tool.ts b/src/tools/cookies.tool.ts
@@ -1,5 +1,5 @@
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 import { z } from 'zod';
 import type { Cookie } from '@wdio/protocols';
diff --git a/src/tools/device.tool.ts b/src/tools/device.tool.ts
@@ -1,5 +1,5 @@
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 import { z } from 'zod';
 import { getBrowser } from '../session/state';
diff --git a/src/tools/emulate-device.tool.ts b/src/tools/emulate-device.tool.ts
@@ -1,5 +1,5 @@
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 // DeviceName is not in webdriverio's public exports but is required to satisfy browser.emulate('device', ...) overloads.
 // This is a type-only import — it is stripped at build time by tsup and has no runtime impact.
diff --git a/src/tools/execute-script.tool.ts b/src/tools/execute-script.tool.ts
@@ -1,5 +1,5 @@
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 import { z } from 'zod';
 import { getBrowser } from '../session/state';
diff --git a/src/tools/gestures.tool.ts b/src/tools/gestures.tool.ts
@@ -1,5 +1,5 @@
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 import { z } from 'zod';
 import { getBrowser } from '../session/state';
diff --git a/src/tools/get-elements.tool.ts b/src/tools/get-elements.tool.ts
@@ -1,5 +1,5 @@
 import { z } from 'zod';
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
 import type { ToolDefinition } from '../types/tool';
 import { getBrowser } from '../session/state';
 import { getElements } from '../scripts/get-elements';
diff --git a/src/tools/launch-chrome.tool.ts b/src/tools/launch-chrome.tool.ts
@@ -2,8 +2,8 @@ import { spawn } from 'node:child_process';
 import { copyFileSync, cpSync, existsSync, mkdirSync, rmSync, writeFileSync } from 'node:fs';
 import { homedir, platform, tmpdir } from 'node:os';
 import { join } from 'node:path';
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 import { z } from 'zod';
 import { coerceBoolean } from '../utils/zod-helpers';
diff --git a/src/tools/navigate.tool.ts b/src/tools/navigate.tool.ts
@@ -1,7 +1,7 @@
 import { getBrowser } from '../session/state';
 import { z } from 'zod';
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 
 export const navigateToolDefinition: ToolDefinition = {
diff --git a/src/tools/scroll.tool.ts b/src/tools/scroll.tool.ts
@@ -1,7 +1,7 @@
 import { getBrowser, getState } from '../session/state';
 import { z } from 'zod';
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 
 export const scrollToolDefinition: ToolDefinition = {
diff --git a/src/tools/session.tool.ts b/src/tools/session.tool.ts
@@ -1,6 +1,6 @@
 import { remote } from 'webdriverio';
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 import { z } from 'zod';
 import type { SessionMetadata } from '../session/state';
diff --git a/src/tools/set-value.tool.ts b/src/tools/set-value.tool.ts
@@ -1,7 +1,7 @@
 import { getBrowser } from '../session/state';
 import { z } from 'zod';
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 import { coerceBoolean } from '../utils/zod-helpers';
 
diff --git a/src/tools/tabs.tool.ts b/src/tools/tabs.tool.ts
@@ -1,5 +1,5 @@
-import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp';
-import type { CallToolResult } from '@modelcontextprotocol/sdk/types';
+import type { ToolCallback } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 import type { ToolDefinition } from '../types/tool';
 import { z } from 'zod';
 import { getBrowser } from '../session/state';
diff --git a/src/types/resource.ts b/src/types/resource.ts
@@ -1,4 +1,4 @@
-import type { ResourceTemplate } from '@modelcontextprotocol/sdk/server/mcp';
+import type { ResourceTemplate } from '@modelcontextprotocol/sdk/server/mcp.js';
 
 type ResourceContent = { uri: string; mimeType?: string; text: string } | { uri: string; mimeType?: string; blob: string };
 
