@samanhappy/mcphub 0.0.8 → 0.0.10

package/frontend/src/services/authService.ts

@@ -0,0 +1,141 @@
+import { AuthResponse, LoginCredentials, RegisterCredentials, ChangePasswordCredentials } from '../types';
+
+// Base URL for API requests
+const API_URL = '';
+
+// Token key in localStorage
+const TOKEN_KEY = 'mcphub_token';
+
+// Get token from localStorage
+export const getToken = (): string | null => {
+  return localStorage.getItem(TOKEN_KEY);
+};
+
+// Set token in localStorage
+export const setToken = (token: string): void => {
+  localStorage.setItem(TOKEN_KEY, token);
+};
+
+// Remove token from localStorage
+export const removeToken = (): void => {
+  localStorage.removeItem(TOKEN_KEY);
+};
+
+// Login user
+export const login = async (credentials: LoginCredentials): Promise<AuthResponse> => {
+  try {
+    const response = await fetch(`${API_URL}/auth/login`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(credentials),
+    });
+
+    const data: AuthResponse = await response.json();
+    
+    if (data.success && data.token) {
+      setToken(data.token);
+    }
+    
+    return data;
+  } catch (error) {
+    console.error('Login error:', error);
+    return {
+      success: false,
+      message: 'An error occurred during login',
+    };
+  }
+};
+
+// Register user
+export const register = async (credentials: RegisterCredentials): Promise<AuthResponse> => {
+  try {
+    const response = await fetch(`${API_URL}/auth/register`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(credentials),
+    });
+
+    const data: AuthResponse = await response.json();
+    
+    if (data.success && data.token) {
+      setToken(data.token);
+    }
+    
+    return data;
+  } catch (error) {
+    console.error('Register error:', error);
+    return {
+      success: false,
+      message: 'An error occurred during registration',
+    };
+  }
+};
+
+// Get current user
+export const getCurrentUser = async (): Promise<AuthResponse> => {
+  const token = getToken();
+  
+  if (!token) {
+    return {
+      success: false,
+      message: 'No authentication token',
+    };
+  }
+  
+  try {
+    const response = await fetch(`${API_URL}/auth/user`, {
+      method: 'GET',
+      headers: {
+        'x-auth-token': token,
+      },
+    });
+
+    return await response.json();
+  } catch (error) {
+    console.error('Get current user error:', error);
+    return {
+      success: false,
+      message: 'An error occurred while fetching user data',
+    };
+  }
+};
+
+// Change password
+export const changePassword = async (credentials: ChangePasswordCredentials): Promise<AuthResponse> => {
+  const token = getToken();
+  
+  if (!token) {
+    return {
+      success: false,
+      message: 'No authentication token',
+    };
+  }
+  
+  try {
+    const response = await fetch(`${API_URL}/auth/change-password`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-auth-token': token,
+      },
+      body: JSON.stringify(credentials),
+    });
+
+    return await response.json();
+  } catch (error) {
+    console.error('Change password error:', error);
+    return {
+      success: false,
+      message: 'An error occurred while changing password',
+    };
+  }
+};
+
+// Logout user
+export const logout = (): void => {
+  removeToken();
+};

package/frontend/src/types/index.ts

@@ -0,0 +1,160 @@
+// Server status types
+export type ServerStatus = 'connecting' | 'connected' | 'disconnected';
+
+// Market server types
+export interface MarketServerRepository {
+  type: string;
+  url: string;
+}
+
+export interface MarketServerAuthor {
+  name: string;
+}
+
+export interface MarketServerInstallation {
+  type: string;
+  command: string;
+  args: string[];
+  env?: Record<string, string>;
+}
+
+export interface MarketServerArgument {
+  description: string;
+  required: boolean;
+  example: string;
+}
+
+export interface MarketServerExample {
+  title: string;
+  description: string;
+  prompt: string;
+}
+
+export interface MarketServerTool {
+  name: string;
+  description: string;
+  inputSchema: Record<string, any>;
+}
+
+export interface MarketServer {
+  name: string;
+  display_name: string;
+  description: string;
+  repository: MarketServerRepository;
+  homepage: string;
+  author: MarketServerAuthor;
+  license: string;
+  categories: string[];
+  tags: string[];
+  examples: MarketServerExample[];
+  installations: {
+    [key: string]: MarketServerInstallation;
+  };
+  arguments: Record<string, MarketServerArgument>;
+  tools: MarketServerTool[];
+  is_official?: boolean;
+}
+
+// Tool input schema types
+export interface ToolInputSchema {
+  type: string;
+  properties?: Record<string, unknown>;
+  required?: string[];
+}
+
+// Tool types
+export interface Tool {
+  name: string;
+  description: string;
+  inputSchema: ToolInputSchema;
+}
+
+// Server config types
+export interface ServerConfig {
+  url?: string;
+  command?: string;
+  args?: string[];
+  env?: Record<string, string>;
+  enabled?: boolean;
+}
+
+// Server types
+export interface Server {
+  name: string;
+  status: ServerStatus;
+  error?: string;
+  tools?: Tool[];
+  config?: ServerConfig;
+  enabled?: boolean;
+}
+
+// Group types
+export interface Group {
+  id: string;
+  name: string;
+  description?: string;
+  servers: string[];
+}
+
+// Environment variable types
+export interface EnvVar {
+  key: string;
+  value: string;
+}
+
+// Form data types
+export interface ServerFormData {
+  name: string;
+  url: string;
+  command: string;
+  arguments: string;
+  env: EnvVar[];
+}
+
+// Group form data types
+export interface GroupFormData {
+  name: string;
+  description: string;
+  servers: string[]; // Added servers array to include in form data
+}
+
+// API response types
+export interface ApiResponse<T = any> {
+  success: boolean;
+  message?: string;
+  data?: T;
+}
+
+// Auth types
+export interface IUser {
+  username: string;
+  isAdmin?: boolean;
+}
+
+export interface AuthState {
+  isAuthenticated: boolean;
+  user: IUser | null;
+  loading: boolean;
+  error: string | null;
+}
+
+export interface LoginCredentials {
+  username: string;
+  password: string;
+}
+
+export interface RegisterCredentials extends LoginCredentials {
+  isAdmin?: boolean;
+}
+
+export interface ChangePasswordCredentials {
+  currentPassword: string;
+  newPassword: string;
+}
+
+export interface AuthResponse {
+  success: boolean;
+  token?: string;
+  user?: IUser;
+  message?: string;
+}

package/frontend/src/utils/cn.ts

@@ -0,0 +1,10 @@
+import { ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+/**
+ * Combines multiple class names and deduplicates Tailwind CSS classes
+ * This is a utility function for conditionally joining class names together
+ */
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/frontend/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true,
+    
+    /* Paths */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/frontend/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/frontend/vite.config.ts

@@ -0,0 +1,26 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import tailwindcss from '@tailwindcss/vite';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+  server: {
+    proxy: {
+      '/api': {
+        target: 'http://localhost:3000',
+        changeOrigin: true,
+      },
+      '/auth': {
+        target: 'http://localhost:3000',
+        changeOrigin: true,
+      },
+    },
+  },
+});

package/googled76ca578b6543fbc.html

@@ -0,0 +1 @@
+google-site-verification: googled76ca578b6543fbc.html

package/jest.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'node',
+  roots: ['<rootDir>/src'],
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest',
+  },
+  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+};

package/mcp_settings.json

@@ -0,0 +1,45 @@
+{
+  "mcpServers": {
+    "amap": {
+      "command": "npx",
+      "args": [
+        "-y",
+        "@amap/amap-maps-mcp-server"
+      ],
+      "env": {
+        "AMAP_MAPS_API_KEY": "your-api-key"
+      }
+    },
+    "playwright": {
+      "command": "npx",
+      "args": [
+        "@playwright/mcp@latest",
+        "--headless"
+      ]
+    },
+    "fetch": {
+      "command": "uvx",
+      "args": [
+        "mcp-server-fetch"
+      ]
+    },
+    "slack": {
+      "command": "npx",
+      "args": [
+        "-y",
+        "@modelcontextprotocol/server-slack"
+      ],
+      "env": {
+        "SLACK_BOT_TOKEN": "your-bot-token",
+        "SLACK_TEAM_ID": "your-team-id"
+      }
+    }
+  },
+  "users": [
+    {
+      "username": "admin",
+      "password": "$2b$10$Vt7krIvjNgyN67LXqly0uOcTpN0LI55cYRbcKC71pUDAP0nJ7RPa.",
+      "isAdmin": true
+    }
+  ]
+}

package/package.json

@@ -1,15 +1,9 @@
 {
   "name": "@samanhappy/mcphub",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "A hub server for mcp servers",
   "main": "dist/index.js",
   "type": "module",
-  "bin": {
-    "mcphub": "./dist/index.js"
-  },
-  "files": [
-    "dist"
-  ],
   "scripts": {
     "build": "tsc",
     "start": "node dist/index.js",
@@ -79,5 +73,8 @@
     "tsx": "^4.7.0",
     "typescript": "^5.2.2",
     "vite": "^5.4.18"
+  },
+  "bin": {
+    "mcphub": "bin/mcphub.js"
   }
 }