Fix npx usage

package.json

@@ -39,5 +39,10 @@
     "package.json",
     "packages"
   ],
-  "type": "module"
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    }
+  }
 }

src/index.ts

@@ -4,7 +4,7 @@ import { install } from './install.js';
 import { list } from './list.js';
 import inquirer from 'inquirer';
 import autocomplete from 'inquirer-autocomplete-prompt';
-import { listInstalledPackages } from './installed';
+import { listInstalledPackages } from './installed.js';
 import { uninstall } from './uninstall.js';
 
 inquirer.registerPrompt('autocomplete', autocomplete);

src/install.ts

@@ -3,11 +3,11 @@ import { join } from 'path';
 import { fileURLToPath } from 'url';
 import { dirname } from 'path';
 import { Package } from './types/index.js';
-import { installMCPServer } from './utils/config';
+import { installMCPServer } from './utils/config.js';
 import inquirer from 'inquirer';
 import { exec } from 'child_process';
 import { promisify } from 'util';
-import { packageHelpers } from './helpers';
+import { packageHelpers } from './helpers/index.js';
 import chalk from 'chalk';
 
 const execAsync = promisify(exec);

src/installed.ts

@@ -1,8 +1,8 @@
 import inquirer from 'inquirer';
 import chalk from 'chalk';
-import { readConfig } from './utils/config';
-import { displayPackageDetailsWithActions } from './utils/display';
-import { uninstallPackage } from './utils/package-management';
+import { readConfig } from './utils/config.js';
+import { displayPackageDetailsWithActions } from './utils/display.js';
+import { uninstallPackage } from './utils/package-management.js';
 import { Package } from './types';
 import { readFileSync } from 'fs';
 import { join } from 'path';

src/list.ts

@@ -7,7 +7,7 @@ import { fileURLToPath } from 'url';
 import { dirname } from 'path';
 import { Package } from './types/index.js';
 import { displayPackageDetailsWithActions } from './utils/display.js';
-import { installPackage, uninstallPackage } from './utils/package-management';
+import { installPackage, uninstallPackage } from './utils/package-management.js';
 import { createInterface } from 'readline';
 import Table from 'cli-table3'; // Import cli-table3
 import stringWidth from 'string-width'; // Import string-width

src/uninstall.ts

@@ -5,9 +5,9 @@ import { join } from 'path';
 import { fileURLToPath } from 'url';
 import { dirname } from 'path';
 import { Package } from './types';
-import { uninstallPackage } from './utils/package-management';
-import { displayPackageDetailsWithActions } from './utils/display';
-import { list } from './list';
+import { uninstallPackage } from './utils/package-management.js';
+import { displayPackageDetailsWithActions } from './utils/display.js';
+import { list } from './list.js';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);

src/utils/display.ts

@@ -2,7 +2,7 @@ import chalk from 'chalk';
 import stringWidth from 'string-width';
 import { Package } from '../types';
 import inquirer from 'inquirer';
-import { readConfig } from './config';
+import { readConfig } from './config.js';
 
 export function padString(str: string, width: number): string {
   const length = stringWidth(str);

src/utils/package-management.ts

@@ -1,6 +1,6 @@
 import inquirer from 'inquirer';
 import { Package } from '../types';
-import { getConfigPath, installMCPServer, readConfig, writeConfig } from './config';
+import { getConfigPath, installMCPServer, readConfig, writeConfig } from './config.js';
 import { exec } from 'child_process';
 import { promisify } from 'util';
 import { packageHelpers } from '../helpers/index.js';