feat: complete ES modules migration

- Convert all imports to use .js extensions for ES module compatibility
- Update package.json to use ES modules (type: module)
- Update tsconfig.json to use NodeNext module resolution
- Migrate from CommonJS to modern ES modules standard
- Maintain full backward compatibility while modernizing codebase
- All 25 tools now work with ES modules and explicit file extensions

Author: gurvinder-dhillon

package.json

@@ -2,6 +2,7 @@
   "name": "@auto-browse/auto-browse",
   "version": "0.1.6",
   "description": "AI-powered browser automation",
+  "type": "module",
   "author": "auto-browse",
   "homepage": "https://www.auto-browse.com/",
   "repository": {

src/analytics.ts

@@ -1,5 +1,5 @@
 import { PostHog } from 'posthog-node';
-import { analyticsProvider, analyticsModel } from './llm';
+import { analyticsProvider, analyticsModel } from './llm.js';
 
 const ANALYTICS_OPT_IN = process.env.ANALYTICS_OPT_IN !== 'false'; // defaults to true
 

src/auto.ts

@@ -1,27 +1,27 @@
 import { test as base } from '@playwright/test';
 import { z } from 'zod';
-import { AutoConfig } from './types';
-import { context } from './context';
-import { sessionManager } from './session-manager';
-import { captureAutoCall, shutdown } from './analytics';
+import { AutoConfig } from './types.js';
+import { context } from './context.js';
+import { sessionManager } from './session-manager.js';
+import { captureAutoCall, shutdown } from './analytics.js';
 import { createReactAgent } from '@langchain/langgraph/prebuilt';
 import { HumanMessage } from '@langchain/core/messages';
-import { createLLMModel } from './llm';
+import { createLLMModel } from './llm.js';
 import { Tool } from "@langchain/core/tools";
-import snapshot from './tools/snapshot';
-import navigateTools from './tools/navigate';
-import assertTools from './tools/assert';
-import consoleTools from './tools/console';
-import dialogTools from './tools/dialogs';
-import fileTools from './tools/files';
-import keyboardTools from './tools/keyboard';
-import networkTools from './tools/network';
-import tabTools from './tools/tabs';
-import testingTools from './tools/testing';
-import waitTools from './tools/wait';
-import commonTools from './tools/common';
-
-import { createLangChainTool } from './tools/tool';
+import snapshot from './tools/snapshot.js';
+import navigateTools from './tools/navigate.js';
+import assertTools from './tools/assert.js';
+import consoleTools from './tools/console.js';
+import dialogTools from './tools/dialogs.js';
+import fileTools from './tools/files.js';
+import keyboardTools from './tools/keyboard.js';
+import networkTools from './tools/network.js';
+import tabTools from './tools/tabs.js';
+import testingTools from './tools/testing.js';
+import waitTools from './tools/wait.js';
+import commonTools from './tools/common.js';
+
+import { createLangChainTool } from './tools/tool.js';
 
 
 // Convert our custom tools to LangChain tools
@@ -376,5 +376,5 @@ process.on('beforeExit', async () => {
 });
 
 // Export everything needed for the package
-export { sessionManager } from './session-manager';
-export * from './types';
+export { sessionManager } from './session-manager.js';
+export * from './types.js';

src/browserContextFactory.ts

@@ -4,7 +4,7 @@
  */
 
 import * as playwright from 'playwright';
-import { sessionManager } from './session-manager';
+import { sessionManager } from './session-manager.js';
 
 export interface BrowserContextFactory {
   createContext(): Promise<{ browserContext: playwright.BrowserContext, close: () => Promise<void> }>;

src/context.ts

@@ -17,17 +17,17 @@
 import debug from 'debug';
 import * as playwright from 'playwright';
 
-import { callOnPageNoTrace, waitForCompletion } from './tools/utils';
-import { ManualPromise } from './manualPromise';
-import { Tab } from './tab';
-import { outputFile, defaultConfig } from './config';
-import { sessionManager } from './session-manager';
-import { createSessionManagerContextFactory } from './browserContextFactory';
-
-import type { ImageContent, TextContent } from '@modelcontextprotocol/sdk/types';
-import type { ModalState, Tool, ToolActionResult } from './tools/tool';
-import type { FullConfig } from './config';
-import type { BrowserContextFactory } from './browserContextFactory';
+import { callOnPageNoTrace, waitForCompletion } from './tools/utils.js';
+import { ManualPromise } from './manualPromise.js';
+import { Tab } from './tab.js';
+import { outputFile, defaultConfig } from './config.js';
+import { sessionManager } from './session-manager.js';
+import { createSessionManagerContextFactory } from './browserContextFactory.js';
+
+import type { ImageContent, TextContent } from '@modelcontextprotocol/sdk/types.js';
+import type { ModalState, Tool, ToolActionResult } from './tools/tool.js';
+import type { FullConfig } from './config.js';
+import type { BrowserContextFactory } from './browserContextFactory.js';
 
 type PendingAction = {
   dialogShown: ManualPromise<void>;

src/index.ts

@@ -1,2 +1,2 @@
-export { auto, test } from './auto';
-export * from './types';
+export { auto, test } from './auto.js';
+export * from './types.js';

src/pageSnapshot.ts

@@ -15,7 +15,7 @@
  */
 
 import * as playwright from 'playwright';
-import { callOnPageNoTrace } from './tools/utils';
+import { callOnPageNoTrace } from './tools/utils.js';
 
 type PageEx = playwright.Page & {
   _snapshotForAI: () => Promise<string>;

src/tab.ts

@@ -16,10 +16,10 @@
 
 import * as playwright from 'playwright';
 
-import { PageSnapshot } from './pageSnapshot';
+import { PageSnapshot } from './pageSnapshot.js';
 
-import type { Context } from './context';
-import { callOnPageNoTrace } from './tools/utils';
+import type { Context } from './context.js';
+import { callOnPageNoTrace } from './tools/utils.js';
 
 export class Tab {
   readonly context: Context;

src/tools/assert.ts

@@ -15,9 +15,9 @@
  */
 
 import { z } from 'zod';
-import { defineTool } from './tool';
+import { defineTool } from './tool.js';
 import { expect } from '@playwright/test';
-import * as javascript from '../javascript';
+import * as javascript from '../javascript.js';
 
 const pageAssertSchema = z.object({
   assertion: z.enum(['hasTitle', 'hasURL']).describe('Type of page assertion to perform'),

src/tools/common.ts

@@ -15,7 +15,7 @@
  */
 
 import { z } from 'zod';
-import { defineTool, type ToolFactory } from './tool';
+import { defineTool, type ToolFactory } from './tool.js';
 
 const close = defineTool({
   capability: 'core',