imcp 0.1.5 → 0.1.6

package/src/utils/versionUtils.ts

@@ -0,0 +1,114 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import axios from 'axios';
+import { Logger } from './logger.js'; // Assuming logger.js is in the same directory
+
+// ANSI color codes
+const COLORS = {
+  reset: '\x1b[0m',
+  yellow: '\x1b[33m'
+};
+
+const PACKAGE_NAME = 'imcp'; // Default package name
+
+export function getPackageVersion(): { packageName: string, packageVersion: string } {
+  try {
+    // First try npm environment variable (available during npm scripts)
+    if (process.env.npm_package_version) {
+      return { packageName: PACKAGE_NAME, packageVersion: process.env.npm_package_version };
+    }
+
+    // Fall back to reading package.json
+    // Get directory name of current module
+    const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+    // Traverse up to find package.json (max 3 levels up)
+    let currentDir = __dirname;
+    for (let i = 0; i < 3; i++) {
+      const packagePath = path.join(currentDir, 'package.json');
+      if (fs.existsSync(packagePath)) {
+        const packageJson = JSON.parse(fs.readFileSync(packagePath, 'utf8'));
+        return { packageName: PACKAGE_NAME, packageVersion: packageJson.version };
+      }
+      currentDir = path.join(currentDir, '..');
+    }
+
+    return { packageName: PACKAGE_NAME, packageVersion: 'unknown' };
+  } catch (error) {
+    console.error('Failed to get package version:', error);
+    return { packageName: PACKAGE_NAME, packageVersion: 'unknown' };
+  }
+}
+
+/**
+ * Utility functions for version comparison and management
+ */
+
+/**
+ * Compare two semantic version strings
+ * @param v1 First version
+ * @param v2 Second version
+ * @returns -1 if v1 < v2, 0 if v1 = v2, 1 if v1 > v2
+ *          (or more specifically, a negative number if v1 < v2,
+ *           a positive number if v1 > v2, 0 if equal)
+ */
+export function compareVersions(v1: string, v2: string): number {
+  const v1Parts = v1.split('.').map(Number);
+  const v2Parts = v2.split('.').map(Number);
+
+  for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
+    const v1Part = i < v1Parts.length ? v1Parts[i] : 0;
+    const v2Part = i < v2Parts.length ? v2Parts[i] : 0;
+
+    if (v1Part !== v2Part) {
+      // This returns the actual difference, which is:
+      // negative if v1Part < v2Part, positive if v1Part > v2Part
+      return v1Part - v2Part;
+    }
+  }
+
+  return 0;
+}
+
+/**
+ * Check if there's a newer version of the package available
+ */
+export async function checkForUpdates(): Promise<void> {
+  Logger.debug(`Checking for updates...`);
+  try {
+    const version = await getAppVersion();
+    if (version.availableUpdate) {
+      console.log(`${COLORS.yellow}Update available for ${version.name}: ${version.version} → ${version.availableUpdate.latestVersion}${COLORS.reset}`);
+      console.log(`${COLORS.yellow}Relaunch with \`npx -y ${version.name}@latest serve\` or update package with \`npm install -g ${version.name}@latest\`${COLORS.reset}`);
+    }
+
+  } catch (error) {
+    // Log the npm error
+    Logger.debug(`Failed to check npm registry: ${error instanceof Error ? error.message : String(error)}`);
+  }
+}
+
+/**
+ * Retrieves the application version and information about available updates.
+ * @returns A promise that resolves to an object containing the current packageVersion and any availableUpdates.
+ */
+export async function getAppVersion(): Promise<{ name: string, version: string; availableUpdate?: { latestVersion: string; message: string} }> {
+  let availableUpdate: { latestVersion: string; message: string } | undefined = undefined;
+
+  const { packageName, packageVersion } = getPackageVersion();
+  // Check for updates from npm registry
+  try {
+    const npmResponse = await axios.get(`https://registry.npmjs.org/${packageName}`);
+    if (npmResponse.data && npmResponse.data['dist-tags'] && npmResponse.data['dist-tags'].latest) {
+      const latestVersion = npmResponse.data['dist-tags'].latest;
+      if (compareVersions(latestVersion, packageVersion) > 0) {
+        availableUpdate = { latestVersion, message: `New version (${latestVersion}) is available. Relaunch with \`npx -y ${packageName}@latest serve\`` };
+      }
+    }
+  } catch (npmError) {
+    Logger.debug(`Failed to fetch latest version from npm for ${packageName}: ${npmError instanceof Error ? npmError.message : String(npmError)}`);
+  }
+
+  return { name: packageName, version: packageVersion, availableUpdate };
+}

package/src/web/contract/serverContract.ts

@@ -0,0 +1,74 @@
+import { DependencyConfig, RegistryConfig, ServerInstallOptions, EnvVariableConfig } from '../../core/metadatas/types.js';
+import { ServerSchema } from '../../core/loaders/ServerSchemaProvider.js';
+
+export interface OnboardServerConfig {
+  name: string;
+  description: string;
+  mode: 'stdio' | 'sse';
+  schemas?: string;
+  dependencies?: DependencyConfig;
+  repository?: string;
+  installation: {
+    command: string;
+    args?: string[];
+    env?: Record<string, {
+      name: string;
+      default?: string;
+      required: boolean;
+      description?: string;
+    }>;
+  };
+}
+
+export type RequirementType = 'npm' | 'pip' | 'command' | 'extension' | 'other';
+
+export interface OnboardRequirementConfig {
+  type: RequirementType;
+  name: string;
+  version: string;
+  alias?: string;
+  registry?: RegistryConfig;
+}
+
+export interface OnboardRequestBody {
+  categoryData: {
+    name: string;
+    displayName: string;
+    description?: string;
+    repository?: string;
+    requirements?: OnboardRequirementConfig[];
+    mcpServers?: OnboardServerConfig[];
+  };
+  isUpdate: boolean;
+  forExistingCategory?: boolean;
+  serverName?: string; // Optional server name for server-specific operations
+}
+
+export interface ListQueryParams {
+  local?: string;
+}
+
+export interface UpdateRequirementsRequestBody {
+  requirements: {
+    name: string;
+    updateVersion: string;
+  }[];
+}
+
+export interface InstallServersRequestBody {
+  serverList: Record<string, ServerInstallOptions>;
+}
+
+export interface UninstallServersRequestBody {
+  serverList: Record<string, { removeData?: boolean }>;
+  options: {
+    targets: string[];
+    removeData?: boolean;
+  };
+}
+
+export interface ApiResponse<T> {
+  success: boolean;
+  data?: T;
+  error?: string;
+}

package/src/web/public/css/detailsWidget.css

@@ -0,0 +1,235 @@
+.details-widget {
+    transition: all 0.3s ease-in-out;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    display: block;
+    overflow: hidden;
+}
+
+.tools-list {
+    width: 100%;
+    max-width: 100%;
+    margin: 0;
+    padding: 0.1rem;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+
+.tool-card {
+    width: 100%;
+    margin-bottom: -1px;
+    border-radius: 0;
+    box-sizing: border-box;
+}
+
+.tool-card:first-child {
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+}
+
+.tool-card:last-child {
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
+    margin-bottom: 0;
+}
+
+.tool-card {
+    transition: all 0.3s ease-out;
+    border: 1px solid #e5e7eb;
+    padding: 0.5rem;
+    background-color: white;
+    position: relative;
+    z-index: 1;
+    font-size: 0.9rem;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.tool-card .text-gray-600 {
+    font-size: 0.75rem;
+    line-height: 1.3;
+}
+
+.tool-card.active {
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
+    border-color: transparent;
+    background-color: #f8fafc;
+}
+
+.tool-card:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+}
+
+.tool-card-header {
+    position: relative;
+    padding-right: 2rem;
+    width: 100%;
+    box-sizing: border-box;
+    cursor: pointer;
+}
+
+.tool-card-header::after {
+    content: '';
+    position: absolute;
+    right: 1rem;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 12px;
+    height: 12px;
+    border-right: 2px solid #64748b;
+    border-bottom: 2px solid #64748b;
+    transform-origin: 75% 75%;
+    transition: transform 0.3s ease;
+}
+
+.tool-card.active .tool-card-header::after {
+    transform: translateY(-50%) rotate(45deg);
+}
+
+.tool-details {
+    max-height: 0;
+    opacity: 0;
+    overflow: hidden;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    background-color: #f9fafb;
+    border-radius: 6px;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+}
+
+.tool-details.visible {
+    max-height: 2000px;
+    opacity: 1;
+    padding: 0.1rem;
+    margin-top: 0.5rem;
+    border-top: 1px solid #e5e7eb;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+}
+
+.property-item {
+    margin-bottom: 0.15rem;
+    padding: 0.5rem;
+    border-left: 2px solid #e5e7eb;
+    transition: all 0.2s ease;
+    font-size: 0.8rem;
+    background-color: white;
+    border-radius: 4px;
+}
+
+.property-item:hover {
+    border-left-color: #3b82f6;
+}
+
+.property-header {
+    margin-bottom: 0.25rem;
+}
+
+.property-title {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
+
+.property-name {
+    font-weight: 600;
+    color: #1e293b;
+    font-size: 0.85rem;
+    background-color: #f8fafc;
+    padding: 0.2rem 0.4rem;
+    border-radius: 4px;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+    display: inline-block;
+}
+
+.property-type {
+    color: #64748b;
+    font-size: 0.65rem;
+    padding: 0.1rem 0.3rem;
+    background: #f1f5f9;
+    border-radius: 3px;
+    font-family: 'Courier New', monospace;
+    margin-left: 0.3rem;
+}
+
+.property-desc {
+    color: #6b7280;
+    font-size: 0.7rem;
+    margin-left: 0.5rem;
+    display: inline-block;
+    font-style: italic;
+}
+
+.property-default {
+    font-size: 0.75rem;
+    color: #6b7280;
+    margin-top: 0.15rem;
+}
+
+.property-default code {
+    background: #f1f5f9;
+    padding: 0.2rem 0.4rem;
+    border-radius: 4px;
+    font-family: 'Courier New', monospace;
+    font-size: 0.85rem;
+}
+
+.required-fields {
+    border-left: 2px solid #64748b;
+    padding: 0.25rem 0.5rem;
+    margin-bottom: 0.5rem;
+    font-size: 0.8rem;
+    border-radius: 2px;
+    color: #64748b;
+}
+.required-star {
+    color: #dc2626;
+    margin-left: 2px;
+    font-weight: bold;
+}
+
+
+/* Ensure proper container behavior for the widget */
+.details-widget-container {
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+    position: relative;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
+
+.nested-properties {
+    margin: 0.25rem 0 0.25rem 0.5rem;
+    padding-left: 0.5rem;
+    border-left: 1px solid #e5e7eb;
+    font-size: 0.8rem;
+}
+
+.nested-property-item {
+    margin-bottom: 0.5rem;
+    padding: 0.25rem 0.5rem;
+}
+
+.nested-property-item .property-name {
+    font-size: 0.85rem;
+}
+
+.nested-property-item .property-type {
+    font-size: 0.8rem;
+    padding: 0.1rem 0.3rem;
+}
+
+.nested-property-item .property-desc {
+    font-size: 0.8rem;
+    margin-top: 0.25rem;
+    color: #64748b;
+}