npm - imcp - Versions diffs - 0.0.13 → 0.0.15 - Mend

imcp 0.0.13 → 0.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (157) hide show

package/dist/core/ConfigurationProvider.d.ts +1 -0
package/dist/core/ConfigurationProvider.js +15 -0
package/dist/core/InstallationService.js +2 -7
package/dist/core/MCPManager.d.ts +11 -2
package/dist/core/MCPManager.js +24 -1
package/dist/core/RequirementService.js +2 -8
package/dist/core/installers/clients/BaseClientInstaller.d.ts +51 -0
package/dist/core/installers/clients/BaseClientInstaller.js +160 -0
package/dist/core/installers/clients/ClientInstaller.d.ts +16 -8
package/dist/core/installers/clients/ClientInstaller.js +77 -504
package/dist/core/installers/clients/ClientInstallerFactory.d.ts +19 -0
package/dist/core/installers/clients/ClientInstallerFactory.js +41 -0
package/dist/core/installers/clients/ClineInstaller.d.ts +18 -0
package/dist/core/installers/clients/ClineInstaller.js +124 -0
package/dist/core/installers/clients/GithubCopilotInstaller.d.ts +34 -0
package/dist/core/installers/clients/GithubCopilotInstaller.js +162 -0
package/dist/core/installers/clients/MSRooCodeInstaller.d.ts +15 -0
package/dist/core/installers/clients/MSRooCodeInstaller.js +122 -0
package/dist/core/installers/requirements/BaseInstaller.d.ts +11 -34
package/dist/core/installers/requirements/BaseInstaller.js +5 -116
package/dist/core/installers/requirements/CommandInstaller.d.ts +6 -1
package/dist/core/installers/requirements/CommandInstaller.js +7 -0
package/dist/core/installers/requirements/GeneralInstaller.d.ts +6 -1
package/dist/core/installers/requirements/GeneralInstaller.js +9 -4
package/dist/core/installers/requirements/NpmInstaller.d.ts +46 -7
package/dist/core/installers/requirements/NpmInstaller.js +150 -58
package/dist/core/installers/requirements/PipInstaller.d.ts +9 -0
package/dist/core/installers/requirements/PipInstaller.js +66 -28
package/dist/core/onboard/FeedOnboardService.d.ts +72 -0
package/dist/core/onboard/FeedOnboardService.js +312 -0
package/dist/core/onboard/OnboardProcessor.d.ts +79 -0
package/dist/core/onboard/OnboardProcessor.js +290 -0
package/dist/core/onboard/OnboardStatus.d.ts +49 -0
package/dist/core/onboard/OnboardStatus.js +10 -0
package/dist/core/onboard/OnboardStatusManager.d.ts +57 -0
package/dist/core/onboard/OnboardStatusManager.js +176 -0
package/dist/core/types.d.ts +6 -6
package/dist/core/validators/FeedValidator.d.ts +20 -0
package/dist/core/validators/FeedValidator.js +80 -0
package/dist/core/validators/IServerValidator.d.ts +19 -0
package/dist/core/validators/IServerValidator.js +2 -0
package/dist/core/validators/SSEServerValidator.d.ts +15 -0
package/dist/core/validators/SSEServerValidator.js +39 -0
package/dist/core/validators/ServerValidatorFactory.d.ts +24 -0
package/dist/core/validators/ServerValidatorFactory.js +45 -0
package/dist/core/validators/StdioServerValidator.d.ts +46 -0
package/dist/core/validators/StdioServerValidator.js +229 -0
package/dist/services/InstallRequestValidator.d.ts +1 -1
package/dist/services/ServerService.d.ts +9 -6
package/dist/services/ServerService.js +18 -7
package/dist/utils/adoUtils.d.ts +29 -0
package/dist/utils/adoUtils.js +252 -0
package/dist/utils/clientUtils.d.ts +0 -7
package/dist/utils/clientUtils.js +0 -42
package/dist/utils/githubUtils.d.ts +10 -0
package/dist/utils/githubUtils.js +22 -0
package/dist/utils/macroExpressionUtils.d.ts +38 -0
package/dist/utils/macroExpressionUtils.js +116 -0
package/dist/utils/osUtils.d.ts +4 -20
package/dist/utils/osUtils.js +78 -23
package/dist/web/contract/serverContract.d.ts +66 -0
package/dist/web/contract/serverContract.js +2 -0
package/dist/web/public/css/notifications.css +48 -17
package/dist/web/public/css/onboard.css +107 -0
package/dist/web/public/index.html +90 -18
package/dist/web/public/js/api.js +3 -6
package/dist/web/public/js/flights/flights.js +127 -0
package/dist/web/public/js/modal/index.js +58 -0
package/dist/web/public/js/modal/installHandler.js +227 -0
package/dist/web/public/js/modal/installModal.js +163 -0
package/dist/web/public/js/modal/installation.js +281 -0
package/dist/web/public/js/modal/loadingModal.js +52 -0
package/dist/web/public/js/modal/loadingUI.js +74 -0
package/dist/web/public/js/modal/messageQueue.js +112 -0
package/dist/web/public/js/modal/modalSetup.js +513 -0
package/dist/web/public/js/modal/modalUI.js +214 -0
package/dist/web/public/js/modal/modalUtils.js +49 -0
package/dist/web/public/js/modal/version.js +20 -0
package/dist/web/public/js/modal/versionUtils.js +20 -0
package/dist/web/public/js/modal.js +25 -1041
package/dist/web/public/js/notifications.js +66 -27
package/dist/web/public/js/onboard/ONBOARDING_PAGE_DESIGN.md +338 -0
package/dist/web/public/js/onboard/formProcessor.js +864 -0
package/dist/web/public/js/onboard/index.js +374 -0
package/dist/web/public/js/onboard/publishHandler.js +132 -0
package/dist/web/public/js/onboard/state.js +76 -0
package/dist/web/public/js/onboard/templates.js +343 -0
package/dist/web/public/js/onboard/uiHandlers.js +758 -0
package/dist/web/public/js/onboard/validationHandlers.js +378 -0
package/dist/web/public/js/serverCategoryDetails.js +43 -17
package/dist/web/public/js/serverCategoryList.js +15 -2
package/dist/web/public/onboard.html +296 -0
package/dist/web/public/styles.css +91 -1
package/dist/web/server.d.ts +0 -10
package/dist/web/server.js +131 -22
package/package.json +2 -2
package/src/core/ConfigurationProvider.ts +15 -0
package/src/core/InstallationService.ts +2 -7
package/src/core/MCPManager.ts +26 -1
package/src/core/RequirementService.ts +2 -9
package/src/core/installers/clients/BaseClientInstaller.ts +196 -0
package/src/core/installers/clients/ClientInstaller.ts +97 -589
package/src/core/installers/clients/ClientInstallerFactory.ts +46 -0
package/src/core/installers/clients/ClineInstaller.ts +135 -0
package/src/core/installers/clients/GithubCopilotInstaller.ts +179 -0
package/src/core/installers/clients/MSRooCodeInstaller.ts +133 -0
package/src/core/installers/requirements/BaseInstaller.ts +13 -136
package/src/core/installers/requirements/CommandInstaller.ts +9 -1
package/src/core/installers/requirements/GeneralInstaller.ts +11 -4
package/src/core/installers/requirements/NpmInstaller.ts +178 -61
package/src/core/installers/requirements/PipInstaller.ts +68 -29
package/src/core/onboard/FeedOnboardService.ts +346 -0
package/src/core/onboard/OnboardProcessor.ts +305 -0
package/src/core/onboard/OnboardStatus.ts +55 -0
package/src/core/onboard/OnboardStatusManager.ts +188 -0
package/src/core/types.ts +6 -6
package/src/core/validators/FeedValidator.ts +79 -0
package/src/core/validators/IServerValidator.ts +21 -0
package/src/core/validators/SSEServerValidator.ts +43 -0
package/src/core/validators/ServerValidatorFactory.ts +51 -0
package/src/core/validators/StdioServerValidator.ts +259 -0
package/src/services/InstallRequestValidator.ts +1 -1
package/src/services/ServerService.ts +22 -7
package/src/utils/adoUtils.ts +291 -0
package/src/utils/clientUtils.ts +0 -44
package/src/utils/githubUtils.ts +24 -0
package/src/utils/macroExpressionUtils.ts +121 -0
package/src/utils/osUtils.ts +89 -24
package/src/web/contract/serverContract.ts +74 -0
package/src/web/public/css/notifications.css +48 -17
package/src/web/public/css/onboard.css +107 -0
package/src/web/public/index.html +90 -18
package/src/web/public/js/api.js +3 -6
package/src/web/public/js/flights/flights.js +127 -0
package/src/web/public/js/modal/index.js +58 -0
package/src/web/public/js/modal/installModal.js +163 -0
package/src/web/public/js/modal/installation.js +281 -0
package/src/web/public/js/modal/loadingModal.js +52 -0
package/src/web/public/js/modal/messageQueue.js +112 -0
package/src/web/public/js/modal/modalSetup.js +513 -0
package/src/web/public/js/modal/modalUtils.js +49 -0
package/src/web/public/js/modal/versionUtils.js +20 -0
package/src/web/public/js/modal.js +25 -1041
package/src/web/public/js/notifications.js +66 -27
package/src/web/public/js/onboard/ONBOARDING_PAGE_DESIGN.md +338 -0
package/src/web/public/js/onboard/formProcessor.js +864 -0
package/src/web/public/js/onboard/index.js +374 -0
package/src/web/public/js/onboard/publishHandler.js +132 -0
package/src/web/public/js/onboard/state.js +76 -0
package/src/web/public/js/onboard/templates.js +343 -0
package/src/web/public/js/onboard/uiHandlers.js +758 -0
package/src/web/public/js/onboard/validationHandlers.js +378 -0
package/src/web/public/js/serverCategoryDetails.js +43 -17
package/src/web/public/js/serverCategoryList.js +15 -2
package/src/web/public/onboard.html +296 -0
package/src/web/public/styles.css +91 -1
package/src/web/server.ts +167 -58

package/dist/web/public/onboard.html ADDED Viewed

@@ -0,0 +1,296 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Onboard MCP Category - IMCP</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet">
+    <!-- Bootstrap CSS is likely not needed if primarily using Tailwind -->
+    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> -->
+    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="css/onboard.css">
+    <!-- Highlight.js for JSON syntax highlighting -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <link rel="stylesheet" href="css/modal.css">
+    <link rel="stylesheet" href="css/notifications.css">
+    <script type="module">
+        import flights, { getFlightQueryParameters } from './js/flights/flights.js';
+        if (!flights.enableOnboard) {
+            // Preserve flight params when redirecting
+            window.location.href = `index.html${getFlightQueryParameters()}`;
+        }
+        document.addEventListener('DOMContentLoaded', () => {
+            const flightQueryString = getFlightQueryParameters();
+            const backToServerLink = document.querySelector('a[href="index.html"]');
+            if (backToServerLink) {
+                backToServerLink.href = `index.html${flightQueryString}`;
+            }
+            // Update cancel buttons in forms
+            const cancelButtons = document.querySelectorAll('button[onclick="window.location.href=\'index.html\'"]');
+            cancelButtons.forEach(button => {
+                button.onclick = () => { window.location.href = `index.html${flightQueryString}`; };
+            });
+            const jsonEditorCancelButton = document.querySelector('#jsonEditorActionsContainer button[onclick="window.location.href=\'index.html\'"]');
+             if (jsonEditorCancelButton) {
+                jsonEditorCancelButton.onclick = () => { window.location.href = `index.html${flightQueryString}`; };
+            }
+        });
+    </script>
+</head>
+<body class="bg-gray-50 min-h-screen">
+    <div class="alert-container"></div>
+    <div class="container mx-auto px-4 py-6">
+        <div class="flex items-center justify-between mb-8">
+            <h1 class="text-3xl font-bold text-gray-900 flex items-center">
+                <i class='bx bx-server mr-3 text-blue-600'></i>
+                Onboard MCP Category
+            </h1>
+            <a href="index.html" class="text-gray-600 hover:text-gray-900 flex items-center">
+                <i class='bx bx-arrow-back mr-2'></i>
+                Back to Servers
+            </a>
+        </div>
+        <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 max-w-6xl mx-auto">
+            <!-- Tab Navigation -->
+            <div class="mb-6 border-b border-gray-200">
+                <nav class="flex space-x-8" aria-label="Tabs">
+                    <button id="tab-create-category" class="py-2 px-4 text-blue-600 border-b-2 border-blue-600 font-semibold focus:outline-none" type="button">
+                        Create New Server Category
+                    </button>
+                    <button id="tab-create-server" class="py-2 px-4 text-gray-600 border-b-2 border-transparent hover:text-blue-600 hover:border-blue-600 font-semibold focus:outline-none" type="button">
+                        Create New Server in Existing Category
+                    </button>
+                </nav>
+                <!-- View Mode Toggle Switch -->
+                <div class="flex justify-end mt-2 mb-4">
+                    <label for="viewModeToggle" class="flex items-center cursor-pointer">
+                        <span class="mr-3 text-sm font-medium text-gray-700">Form View</span>
+                        <div class="relative">
+                            <input type="checkbox" id="viewModeToggle" class="sr-only peer">
+                            <div class="w-10 h-6 bg-gray-200 rounded-full peer peer-focus:ring-2 peer-focus:ring-blue-300 peer-checked:bg-blue-600 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all"></div>
+                        </div>
+                        <span class="ml-3 text-sm font-medium text-gray-700">JSON View</span>
+                    </label>
+                </div>
+            </div>
+            <!-- Tab Panels -->
+            <div id="panel-create-category">
+                <form id="onboardForm" class="space-y-6">
+                    <!-- Basic Information -->
+                    <div class="space-y-4">
+                        <h2 onclick="toggleSectionContent('basicInformationContent', this.querySelector('.toggle-icon'))" class="text-xl font-semibold text-gray-900 flex items-center justify-between mb-4 cursor-pointer">
+                            <span class="flex items-center">
+                                <i class='bx bx-info-circle mr-2 text-blue-600'></i>
+                                Basic Information
+                            </span>
+                            <i class='bx bx-chevron-down toggle-icon text-xl text-gray-500'></i>
+                        </h2>
+                        <div id="basicInformationContent" class="grid grid-cols-1 md:grid-cols-2 gap-4 p-6 bg-white rounded-lg border border-gray-200 shadow-sm">
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Category Name*</label>
+                                <input type="text" name="name" required
+                                    class="w-full px-3 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                                    placeholder="e.g., ai-coder-tools">
+                            </div>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Display Name*</label>
+                                <input type="text" name="displayName" required
+                                    class="w-full px-3 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                                    placeholder="e.g., Coder Tools">
+                            </div>
+                            <div class="md:col-span-2">
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Description</label>
+                                <textarea name="description" rows="3"
+                                    class="w-full px-3 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                                    placeholder="Describe the purpose and capabilities of this server category"></textarea>
+                            </div>
+                            <div class="md:col-span-2">
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Repository URL</label>
+                                <input type="url" name="repository"
+                                    class="w-full px-3 py-1.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                                    placeholder="e.g., https://github.com/organization/repository">
+                            </div>
+                        </div>
+                    </div>
+                    <!-- MCP Servers -->
+                    <div class="space-y-4">
+                        <div class="flex justify-between items-center mb-4">
+                            <h2 class="text-xl font-semibold text-gray-900 flex items-center">
+                                <i class='bx bx-server mr-2 text-blue-600'></i>
+                                MCP Servers
+                            </h2>
+                            <button type="button" onclick="addServer()"
+                                class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 flex items-center text-sm">
+                                <i class='bx bx-plus mr-2'></i>
+                                Add MCP Server
+                            </button>
+                        </div>
+                        <div id="serversList" class="space-y-4">
+                            <!-- Server configurations will be added here dynamically by serverTemplate -->
+                        </div>
+                    </div>
+                    <div class="flex justify-end space-x-4 pt-6 border-t">
+                        <button type="button" onclick="window.location.href='index.html'"
+                            class="px-6 py-2.5 border border-gray-300 rounded-lg text-gray-600 hover:bg-gray-50">
+                            Cancel
+                        </button>
+                        <button type="button" id="validateButtonNewCategory"
+                            class="px-6 py-2.5 bg-green-500 text-white rounded-lg hover:bg-green-600 flex items-center">
+                            <i class='bx bx-check-shield mr-2'></i>
+                            Validate
+                        </button>
+                        <button type="submit" id="publishButtonNewCategory"
+                            class="px-6 py-2.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center">
+                            <i class='bx bxs-cloud-upload mr-2'></i>
+                            Publish
+                        </button>
+                    </div>
+                    <!-- Validation Status Panel -->
+                    <div id="validationStatusPanelNewCategory" class="hidden p-6 bg-gray-50 rounded-lg border border-gray-200">
+                        <h3 onclick="toggleSectionContent('validationStatusContentNewCategory', this.querySelector('.toggle-icon'))" class="cursor-pointer text-lg font-semibold text-gray-800 mb-3 flex items-center justify-between">
+                            <span class="flex items-center">
+                                <i class='bx bx-analyse mr-2 text-blue-600'></i>Validation Status
+                            </span>
+                            <i class='bx bx-chevron-down toggle-icon text-xl text-gray-500'></i>
+                        </h3>
+                        <div id="validationStatusContentNewCategory" class="text-sm text-gray-700 space-y-2">
+                            <!-- Validation messages will be displayed here -->
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div id="panel-create-server" class="hidden">
+                <form id="onboardServerForm" class="space-y-6">
+                    <!-- Select Existing Category -->
+                    <div class="space-y-4">
+                        <h2 class="text-xl font-semibold text-gray-900 flex items-center mb-4">
+                            <i class='bx bx-category mr-2 text-blue-600'></i>
+                            Select Server Category
+                        </h2>
+                        <select id="existingCategorySelect" name="categoryName" required
+                            class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
+                            <option value="">Loading categories...</option>
+                        </select>
+                    </div>
+                    <!-- Basic Information (Read-only after category selection) -->
+                    <div id="existingCategoryBasicInfoContainer" class="hidden space-y-4">
+                        <h2 onclick="toggleSectionContent('existingCategoryBasicInformationContent', this.querySelector('.toggle-icon'))" class="text-xl font-semibold text-gray-900 flex items-center justify-between mb-4 cursor-pointer">
+                            <span class="flex items-center">
+                                <i class='bx bx-info-circle mr-2 text-blue-600'></i>
+                                Basic Information (Read-only)
+                            </span>
+                            <i class='bx bx-chevron-down toggle-icon text-xl text-gray-500'></i>
+                        </h2>
+                        <div id="existingCategoryBasicInformationContent" class="grid grid-cols-1 md:grid-cols-2 gap-4 p-6 bg-white rounded-lg border border-gray-200 shadow-sm">
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Category Name</label>
+                                <input type="text" name="name" readonly class="w-full px-3 py-1.5 border border-gray-300 rounded-lg bg-gray-100 cursor-not-allowed">
+                            </div>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Display Name</label>
+                                <input type="text" name="displayName" readonly class="w-full px-3 py-1.5 border border-gray-300 rounded-lg bg-gray-100 cursor-not-allowed">
+                            </div>
+                            <div class="md:col-span-2">
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Description</label>
+                                <textarea name="description" rows="3" readonly class="w-full px-3 py-1.5 border border-gray-300 rounded-lg bg-gray-100 cursor-not-allowed"></textarea>
+                            </div>
+                            <div class="md:col-span-2">
+                                <label class="block text-sm font-medium text-gray-700 mb-1">Repository URL</label>
+                                <input type="url" name="repository" readonly class="w-full px-3 py-1.5 border border-gray-300 rounded-lg bg-gray-100 cursor-not-allowed">
+                            </div>
+                        </div>
+                    </div>
+                    <!-- MCP Servers (Existing read-only, new ones editable) -->
+                    <div id="existingCategoryMcpServersContainer" class="hidden space-y-4">
+                        <div class="flex justify-between items-center mb-4">
+                            <h2 class="text-xl font-semibold text-gray-900 flex items-center">
+                                <i class='bx bx-server mr-2 text-blue-600'></i>
+                                MCP Servers
+                            </h2>
+                            <button type="button" id="addServerToExistingCategoryBtn"
+                                class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 flex items-center text-sm">
+                                <i class='bx bx-plus mr-2'></i>
+                                Add MCP Server
+                            </button>
+                        </div>
+                        <div id="existingCategoryServersList" class="space-y-4">
+                            <!-- Server configurations will be added here: existing ones read-only, new ones editable -->
+                        </div>
+                    </div>
+                    <!-- Action Buttons -->
+                    <div class="flex justify-end space-x-4 pt-6 border-t">
+                        <button type="button" onclick="window.location.href='index.html'"
+                            class="px-6 py-2.5 border border-gray-300 rounded-lg text-gray-600 hover:bg-gray-50">
+                            Cancel
+                        </button>
+                        <button type="button" id="validateButtonExistingCategory"
+                            class="px-6 py-2.5 bg-green-500 text-white rounded-lg hover:bg-green-600 flex items-center">
+                            <i class='bx bx-check-shield mr-2'></i>
+                            Validate
+                        </button>
+                        <button type="submit" id="publishButtonExistingCategory"
+                            class="px-6 py-2.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center">
+                            <i class='bx bxs-cloud-upload mr-2'></i>
+                            Publish
+                        </button>
+                    </div>
+                    <!-- Validation Status Panel -->
+                    <div id="validationStatusPanelExistingCategory" class="hidden p-6 bg-gray-50 rounded-lg border border-gray-200">
+                         <h3 onclick="toggleSectionContent('validationStatusContentExistingCategoryTab', this.querySelector('.toggle-icon'))" class="cursor-pointer text-lg font-semibold text-gray-800 mb-3 flex items-center justify-between">
+                            <span class="flex items-center">
+                                <i class='bx bx-analyse mr-2 text-blue-600'></i>Validation Status
+                            </span>
+                            <i class='bx bx-chevron-down toggle-icon text-xl text-gray-500'></i>
+                        </h3>
+                        <div id="validationStatusContentExistingCategoryTab" class="text-sm text-gray-700 space-y-2">
+                            <!-- Validation messages will be displayed here -->
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <!-- JSON Editor Panel -->
+            <div id="panel-json-editor" class="hidden">
+                <h2 class="text-xl font-semibold text-gray-900 flex items-center mb-4">
+                    <i class='bx bx-code-alt mr-2 text-blue-600'></i>
+                    Edit Configuration as JSON
+                </h2>
+                <div class="relative">
+                     <button type="button" onclick="copyJsonToClipboard()" title="Copy JSON to clipboard"
+                        class="absolute top-2 right-2 z-10 px-3 py-1.5 text-xs bg-gray-200 hover:bg-gray-300 text-gray-700 rounded-md flex items-center">
+                        <i class='bx bx-copy mr-1'></i> Copy
+                    </button>
+                    <textarea id="jsonEditorTextarea" rows="20"
+                        class="w-full px-3 py-2 font-mono text-sm border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+                        placeholder="JSON configuration will appear here..."></textarea>
+                </div>
+                <div id="jsonEditorActionsContainer" class="flex justify-end space-x-4 pt-6 border-t mt-6">
+                    <!-- "Apply JSON to Form" button removed -->
+                    <button type="button" onclick="window.location.href='index.html'"
+                        class="px-6 py-2.5 border border-gray-300 rounded-lg text-gray-600 hover:bg-gray-50">
+                        Cancel
+                    </button>
+                    <button type="button" id="saveJsonButton"
+                        class="px-6 py-2.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center">
+                        <i class='bx bxs-cloud-upload mr-2'></i>
+                        Publish JSON
+                    </button>
+                </div>
+            </div>
+    </div>
+    <script src="js/onboard/index.js" type="module"></script>
+    <!-- Highlight.js script can be removed if not using <pre><code> for JSON -->
+</body>
+</html>

package/dist/web/public/styles.css CHANGED Viewed

@@ -152,4 +152,94 @@ body {
     outline: none;
     border-color: #2563eb;
     box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
-}
+}
+/* Onboarding form styles */
+/* Form field styles */
+input[type="text"],
+input[type="url"],
+select,
+textarea {
+    transition: all 0.2s ease;
+}
+input[type="text"]:focus,
+input[type="url"]:focus,
+select:focus,
+textarea:focus {
+    outline: none;
+    border-color: #2563eb;
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+}
+/* Radio button styles */
+input[type="radio"] {
+    width: 1rem;
+    height: 1rem;
+    border: 2px solid #d1d5db;
+    border-radius: 50%;
+    transition: all 0.2s ease;
+}
+input[type="radio"]:checked {
+    border-color: #2563eb;
+    background-color: #2563eb;
+}
+/* Remove button styles */
+.remove-button {
+    color: #dc2626;
+    transition: all 0.2s ease;
+}
+.remove-button:hover {
+    color: #b91c1c;
+    background-color: #fee2e2;
+}
+/* Add button styles */
+.add-button {
+    background-color: #f3f4f6;
+    transition: all 0.2s ease;
+}
+.add-button:hover {
+    background-color: #e5e7eb;
+    transform: translateY(-1px);
+}
+/* Form section headings */
+.section-heading {
+    color: #1f2937;
+    font-size: 1.25rem;
+    font-weight: 600;
+    margin-bottom: 1rem;
+    display: flex;
+    align-items: center;
+}
+.section-heading i {
+    color: #2563eb;
+    margin-right: 0.5rem;
+}
+/* Required field indicator */
+.required-field::after {
+    content: "*";
+    color: #dc2626;
+    margin-left: 0.25rem;
+}
+/* Form grid layouts */
+.form-grid {
+    display: grid;
+    gap: 1rem;
+    margin-bottom: 1.5rem;
+}
+@media (min-width: 768px) {
+    .form-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}

package/dist/web/server.d.ts CHANGED Viewed

@@ -1,11 +1 @@
-import { ServerInstallOptions } from '../core/types.js';
-export interface UpdateRequirementsRequestBody {
-    requirements: {
-        name: string;
-        updateVersion: string;
-    }[];
-}
-export interface InstallServersRequestBody {
-    serverList: Record<string, ServerInstallOptions>;
-}
 export declare function startWebServer(port?: number): Promise<void>;

package/dist/web/server.js CHANGED Viewed

@@ -1,11 +1,14 @@
 import express from 'express';
 import path from 'path';
 import { fileURLToPath } from 'url';
+import { OnboardingProcessStatus } from '../core/onboard/OnboardStatus.js';
 import { SUPPORTED_CLIENT_NAMES } from '../core/constants.js';
 import { serverService } from '../services/ServerService.js';
+import { feedOnboardService } from '../core/onboard/FeedOnboardService.js';
 import { openBrowser } from '../utils/osUtils.js';
 import { Logger } from '../utils/logger.js';
 import { configProvider } from '../core/ConfigurationProvider.js';
+import { onboardStatusManager } from '../core/onboard/OnboardStatusManager.js';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const app = express();
 // Middleware
@@ -52,31 +55,31 @@ app.get('/api/categories', async (req, res) => {
             error: message
         });
     }
-    // Get server schema
-    app.get('/api/categories/:categoryName/servers/:serverName/schema', async (req, res) => {
-        try {
-            const { categoryName, serverName } = req.params;
-            const schema = await serverService.getServerSchema(categoryName, serverName);
-            if (!schema) {
-                return res.status(404).json({
-                    success: false,
-                    error: `Schema not found for server ${serverName} in category ${categoryName}`
-                });
-            }
-            const response = {
-                success: true,
-                data: schema
-            };
-            res.json(response);
-        }
-        catch (error) {
-            const message = error instanceof Error ? error.message : 'Unknown error';
-            res.status(500).json({
+});
+// Get server schema
+app.get('/api/categories/:categoryName/servers/:serverName/schema', async (req, res) => {
+    try {
+        const { categoryName, serverName } = req.params;
+        const schema = await serverService.getServerSchema(categoryName, serverName);
+        if (!schema) {
+            return res.status(404).json({
                 success: false,
-                error: `Failed to get schema for server ${req.params.serverName} in category ${req.params.categoryName}: ${message}`
+                error: `Schema not found for server ${serverName} in category ${categoryName}`
             });
         }
-    });
+        const response = {
+            success: true,
+            data: schema
+        };
+        res.json(response);
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : 'Unknown error';
+        res.status(500).json({
+            success: false,
+            error: `Failed to get schema for server ${req.params.serverName} in category ${req.params.categoryName}: ${message}`
+        });
+    }
 });
 // Get categories data (including feed configuration)
 app.get('/api/categories/:categoryName', async (req, res) => {
@@ -103,6 +106,7 @@ app.get('/api/categories/:categoryName', async (req, res) => {
         });
     }
 });
+// Handle server category onboarding
 // Install servers for a category
 app.post('/api/categories/:categoryName/install', async (req, res) => {
     try {
@@ -130,6 +134,111 @@ app.post('/api/categories/:categoryName/install', async (req, res) => {
         });
     }
 });
+// Handle server category onboarding
+app.post('/api/categories/onboard', async (req, res) => {
+    try {
+        const { categoryData, forExistingCategory } = req.body; // Extract forExistingCategory from request body
+        // Basic validation for categoryData presence and essential fields for this endpoint
+        if (!categoryData || !categoryData.name || !categoryData.displayName) {
+            return res.status(400).json({
+                success: false,
+                error: 'Category data, including name and display name, is required.'
+            });
+        }
+        // categoryData is now expected to be a FeedConfiguration object directly from the client
+        const feedConfiguration = categoryData;
+        // Structural validation is now primarily handled by FeedOnboardService.validateStaticConfig
+        // The service will throw an error if the structure is invalid, which will be caught by the catch block below.
+        const operationResult = await feedOnboardService.onboardFeed(feedConfiguration, forExistingCategory);
+        // The response now directly reflects the OperationStatus returned by the service.
+        // The client will use data.onboardingId (which is the categoryName) to poll for status updates.
+        const response = {
+            success: operationResult.status !== OnboardingProcessStatus.FAILED, // Or a more nuanced success check
+            // Ensure data.onboardingId is the categoryName for polling
+            data: { ...operationResult, onboardingId: feedConfiguration.name }
+        };
+        res.status(operationResult.status === OnboardingProcessStatus.FAILED ? 500 : 200).json(response);
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : 'Unknown error';
+        res.status(500).json({
+            success: false,
+            error: `Failed to ${req.body.isUpdate ? 'update' : 'create'} server category: ${message}`
+        });
+    }
+});
+// Validate feed configuration
+app.post('/api/categories/onboard/validate', async (req, res) => {
+    try {
+        const { categoryData, forExistingCategory } = req.body;
+        if (!categoryData || !categoryData.name) {
+            return res.status(400).json({
+                success: false,
+                error: 'Category name is required in categoryData for validation.'
+            });
+        }
+        // categoryData is now expected to be a FeedConfiguration object directly from the client
+        const feedConfigurationToValidate = categoryData;
+        // Structural validation is now primarily handled by FeedOnboardService.validateStaticConfig
+        // The service will throw an error if the structure is invalid, which will be caught by the catch block below.
+        // Call the service, which now returns OperationStatus & { feedConfiguration? }
+        // serverName parameter has been removed from validateFeed
+        const validationOperationResult = await feedOnboardService.validateFeed(feedConfigurationToValidate, forExistingCategory);
+        // The response includes the operation status and the feed configuration that was validated.
+        // The client will use data.onboardingId (which is the categoryName) to poll for status updates.
+        const response = {
+            success: validationOperationResult.status !== OnboardingProcessStatus.FAILED,
+            // Ensure data.onboardingId is the categoryName for polling
+            data: { ...validationOperationResult, onboardingId: feedConfigurationToValidate.name }
+        };
+        res.status(validationOperationResult.status === OnboardingProcessStatus.FAILED ? 500 : 200).json(response);
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : 'Unknown error';
+        res.status(500).json({
+            success: false,
+            error: `Failed to validate server category: ${message}`
+        });
+    }
+});
+// Get category onboarding/validation operation status
+app.get('/api/categories/:categoryName/onboard/status', async (req, res) => {
+    try {
+        const { categoryName } = req.params;
+        // categoryName is now the identifier for the operation status
+        const status = await onboardStatusManager.getStatus(categoryName);
+        if (!status) {
+            return res.status(404).json({
+                success: false,
+                error: `No active operation found for category ${categoryName}`
+            });
+        }
+        // Construct the response data based on the retrieved OnboardStatus
+        const responseData = {
+            onboardingId: status.onboardingId, // This will be the categoryName
+            status: status.status,
+            message: status.currentStep || status.errorMessage || 'Processing...',
+            lastQueried: new Date().toISOString(),
+            ...(status.validationStatus && { validationStatus: status.validationStatus }),
+            ...(status.prInfo && { prInfo: status.prInfo }),
+            ...(status.result && { result: status.result }),
+            ...(status.errorMessage && { errorMessage: status.errorMessage }),
+            ...(status.operationType && { operationType: status.operationType }),
+        };
+        const response = {
+            success: true,
+            data: responseData
+        };
+        res.json(response);
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : 'Unknown error';
+        res.status(500).json({
+            success: false,
+            error: `Failed to get operation status for category ${req.params.categoryName}: ${message}`
+        });
+    }
+});
 // Uninstall tools from a server
 app.post('/api/categories/:categoryName/uninstall', async (req, res) => {
     try {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "imcp",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "Node.js SDK for Model Context Protocol (MCP)",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,7 +15,7 @@
     "test": "jest",
     "lint": "eslint src --ext .ts",
     "format": "prettier --write \"src/**/*.ts\"",
-    "copy-public": "xcopy /E /I /Y src\\web\\public dist\\web\\public"
+    "copy-public": "node -e \"const fs=require('fs'); const path=require('path'); const cp=require('child_process'); const cmd=process.platform==='win32' ? 'xcopy /E /I /Y src\\\\web\\\\public dist\\\\web\\\\public' : 'cp -r src/web/public dist/web/'; cp.execSync(cmd)\""
   },
   "keywords": [
     "mcp",

package/src/core/ConfigurationProvider.ts CHANGED Viewed

@@ -273,6 +273,21 @@ export class ConfigurationProvider {
         });
     }
+    async GetServerRequirementStatus(categoryName: string, serverName: string): Promise<RequirementStatus[]> {
+        return await this.withLock(async () => {
+            // Inline getServerCategory logic
+            const category = this.configuration.localServerCategories.find(s => s.name === categoryName);
+            if (!category?.feedConfiguration) return [];
+            const serverConfig = category.feedConfiguration.mcpServers.find(s => s.name === serverName);
+            if (!serverConfig?.dependencies?.requirements) return [];
+            const requirementNames = serverConfig.dependencies.requirements.map(r => r.name);
+            return requirementNames
+                .map(name => category?.installationStatus?.requirementsStatus[name])
+                .filter(x => x !== undefined) as RequirementStatus[];
+        });
+    }
     async isServerReady(categoryName: string, serverName: string, clients: string[]): Promise<boolean> {
         return await this.withLock(async () => {
             // Inline the logic from getServerStatus and getInstallationStatus to avoid nested lock

package/src/core/InstallationService.ts CHANGED Viewed

@@ -149,14 +149,9 @@ export class InstallationService {
             }
           });
-          // Create updated requirement config with new version
-          const updatedReqConfig: RequirementConfig = {
-            ...reqConfig,
-            version: reqToUpdate.version
-          };
           // For pip requirements, check if we have a stored pythonEnv
-          if (updatedReqConfig.type === 'pip' && currentStatus.pythonEnv && !options?.settings?.pythonEnv) {
+          if (reqConfig.type === 'pip' && currentStatus.pythonEnv && !options?.settings?.pythonEnv) {
             options = {
               ...options,
               settings: { ...options?.settings, pythonEnv: currentStatus.pythonEnv }
@@ -164,7 +159,7 @@ export class InstallationService {
           }
           // Update the requirement with options for pip environment
-          const updatedStatus = await requirementService.updateRequirement(updatedReqConfig, reqToUpdate.version, options);
+          const updatedStatus = await requirementService.updateRequirement(reqConfig, reqToUpdate.version, options);
           // Update requirement status
           await configProvider.updateRequirementStatus(categoryName, reqToUpdate.name, {