@lobehub/chat 1.96.20 → 1.97.0

package/src/features/MCP/calculateScore.ts

@@ -0,0 +1,324 @@
+import { DeploymentOption } from '@lobehub/market-types';
+
+import { DiscoverMcpDetail } from '@/types/discover';
+
+export interface ScoreItem {
+  check: boolean;
+  required?: boolean;
+  weight?: number; // 权重，可选
+}
+
+export interface ScoreResult {
+  grade: 'a' | 'b' | 'f';
+  maxRequiredScore: number;
+  maxScore: number;
+  percentage: number;
+  requiredPercentage: number;
+  requiredScore: number;
+  totalScore: number;
+}
+
+// 扩展的评分项目接口，用于显示
+export interface ScoreListItem extends ScoreItem {
+  desc: string;
+  key: string;
+  title: string;
+}
+
+// 原始数据接口
+export interface ScoreDataInput {
+  deploymentOptions?: Array<{
+    installationMethod?: string;
+  }>;
+  github?: {
+    license?: string;
+  };
+  installationMethods?: string; // 列表页使用
+  isClaimed?: boolean;
+  isValidated?: boolean;
+  overview?: {
+    readme?: string;
+  };
+  promptsCount?: number;
+  resourcesCount?: number;
+  toolsCount?: number;
+}
+
+// 计算后的布尔值结果
+export interface ScoreFlags {
+  hasClaimed: boolean;
+  hasDeployMoreThanManual: boolean;
+  hasDeployment: boolean;
+  hasLicense: boolean;
+  hasPrompts: boolean;
+  hasReadme: boolean;
+  hasResources: boolean;
+  hasTools: boolean;
+  hasValidated: boolean;
+}
+
+export const DEFAULT_WEIGHTS = {
+  claimed: 4,
+
+  // 必需项
+  deployMoreThanManual: 12,
+
+  deployment: 15,
+
+  // 必需项
+  license: 8,
+
+  // 必需项
+  prompts: 8,
+
+  readme: 10,
+
+  resources: 8,
+  // 必需项，权重最高
+  tools: 15,
+  validated: 20,
+};
+
+// 评分计算输入数据类型
+export interface ScoreCalculationInput
+  extends Partial<
+    Pick<
+      DiscoverMcpDetail,
+      | 'deploymentOptions'
+      | 'github'
+      | 'isValidated'
+      | 'overview'
+      | 'promptsCount'
+      | 'resourcesCount'
+      | 'toolsCount'
+    >
+  > {
+  installationMethods?: string; // 列表页使用
+  isClaimed?: boolean; // 添加 isClaimed 属性
+}
+
+/**
+ * 根据原始数据计算所有的评分标志
+ * @param data 原始数据
+ * @returns 计算后的布尔值标志
+ */
+export function calculateScoreFlags(data: ScoreCalculationInput): ScoreFlags {
+  const {
+    overview,
+    github,
+    deploymentOptions,
+    installationMethods,
+    isValidated,
+    toolsCount,
+    promptsCount,
+    resourcesCount,
+    isClaimed,
+  } = data;
+
+  // 计算基础标志
+  const hasReadme = Boolean(overview?.readme);
+  const hasLicense = Boolean(github?.license);
+
+  // 优先使用 deploymentOptions（详情页），然后使用 installationMethods（列表页）
+  const effectiveDeploymentOptions: DeploymentOption[] =
+    deploymentOptions ||
+    (installationMethods ? [{ installationMethod: installationMethods } as DeploymentOption] : []);
+
+  const hasDeployment = Boolean(
+    effectiveDeploymentOptions && effectiveDeploymentOptions.length > 0,
+  );
+  const hasDeployMoreThanManual = Boolean(
+    hasDeployment &&
+      effectiveDeploymentOptions?.find((item) => item.installationMethod !== 'manual'),
+  );
+
+  const hasTools = Boolean(toolsCount && toolsCount > 0);
+  const hasPrompts = Boolean(promptsCount && promptsCount > 0);
+  const hasResources = Boolean(resourcesCount && resourcesCount > 0);
+  const hasValidated = Boolean(isValidated);
+  const hasClaimed = Boolean(isClaimed);
+
+  return {
+    hasClaimed,
+    hasDeployMoreThanManual,
+    hasDeployment,
+    hasLicense,
+    hasPrompts,
+    hasReadme,
+    hasResources,
+    hasTools,
+    hasValidated,
+  };
+}
+
+/**
+ * 获取评级对应的颜色
+ * @param grade 评级
+ * @param theme 主题对象（可选）
+ * @returns 颜色值
+ */
+export function getGradeColor(grade: string, theme?: any): string {
+  if (theme) {
+    switch (grade) {
+      case 'a': {
+        return theme.colorSuccess;
+      }
+      case 'b': {
+        return theme.colorWarning;
+      }
+      case 'f': {
+        return theme.colorError;
+      }
+      default: {
+        return theme.colorTextSecondary || theme.colorBorderSecondary;
+      }
+    }
+  }
+
+  // 默认颜色值（用于没有主题对象的情况）
+  switch (grade) {
+    case 'a': {
+      return '#52c41a';
+    }
+    case 'b': {
+      return '#faad14';
+    }
+    case 'f': {
+      return '#ff4d4f';
+    }
+    default: {
+      return '#8c8c8c';
+    }
+  }
+}
+
+/**
+ * 获取评级对应的样式类名映射
+ * @param grade 评级
+ * @param styles 样式对象
+ * @returns 对应的样式类名
+ */
+export function getGradeStyleClass(grade: string, styles: any): string {
+  switch (grade) {
+    case 'a': {
+      return styles.gradeA;
+    }
+    case 'b': {
+      return styles.gradeB;
+    }
+    case 'f': {
+      return styles.gradeF;
+    }
+    default: {
+      return styles.disable || '';
+    }
+  }
+}
+
+/**
+ * 按优先级排序评分项目
+ * @param items 评分项目数组
+ * @returns 排序后的项目数组
+ */
+export function sortItemsByPriority<T extends ScoreItem>(items: T[]): T[] {
+  return items.sort((a, b) => {
+    // 1. 必需项优先
+    if (a.required !== b.required) {
+      return a.required ? -1 : 1;
+    }
+
+    // 2. 按权重从高到低
+    const weightA = a.weight || 0;
+    const weightB = b.weight || 0;
+    if (weightA !== weightB) {
+      return weightB - weightA;
+    }
+
+    // 3. 已完成的在前
+    if (a.check !== b.check) {
+      return a.check ? -1 : 1;
+    }
+
+    return 0;
+  });
+}
+
+/**
+ * 计算 MCP Server 的总分和评级
+ * @param items 评分项目
+ * @param weights 权重配置，默认使用 DEFAULT_WEIGHTS
+ * @returns 包含总分、最高分、百分比和评级的结果
+ */
+export function calculateScore(
+  items: Record<string, ScoreItem>,
+  weights: Record<string, number> = DEFAULT_WEIGHTS,
+): ScoreResult {
+  let totalScore = 0;
+  let maxScore = 0;
+  let requiredScore = 0;
+  let maxRequiredScore = 0;
+
+  // 计算实际得分和最大可能得分
+  Object.entries(items).forEach(([key, item]) => {
+    const weight = weights[key] || 5; // 默认权重为 5
+    maxScore += weight;
+
+    if (item.required) {
+      maxRequiredScore += weight;
+      if (item.check) {
+        requiredScore += weight;
+      }
+    }
+
+    if (item.check) {
+      totalScore += weight;
+    }
+  });
+
+  const percentage = maxScore > 0 ? (totalScore / maxScore) * 100 : 0;
+  const requiredPercentage = maxRequiredScore > 0 ? (requiredScore / maxRequiredScore) * 100 : 0;
+
+  // 评级计算逻辑
+  let grade: 'a' | 'b' | 'f';
+
+  // 如果必需项没有全部满足，直接评为 F
+  if (requiredPercentage < 100) {
+    grade = 'f';
+  } else {
+    // 必需项全部满足的情况下，根据总分百分比评级
+    if (percentage >= 80) {
+      grade = 'a'; // 80% 以上为 A
+    } else if (percentage >= 60) {
+      grade = 'b'; // 60-79% 为 B
+    } else {
+      grade = 'f'; // 60% 以下为 F
+    }
+  }
+
+  return {
+    grade,
+    maxRequiredScore,
+    maxScore,
+    percentage,
+    requiredPercentage,
+    requiredScore,
+    totalScore,
+  };
+}
+
+/**
+ * 根据评分项目数据创建用于计算的对象
+ */
+export function createScoreItems(data: ScoreFlags): Record<string, ScoreItem> {
+  return {
+    claimed: { check: data.hasClaimed },
+    deployMoreThanManual: { check: data.hasDeployMoreThanManual },
+    deployment: { check: data.hasDeployment, required: true },
+    license: { check: data.hasLicense },
+    prompts: { check: data.hasPrompts },
+    readme: { check: data.hasReadme, required: true },
+    resources: { check: data.hasResources },
+    tools: { check: data.hasTools, required: true },
+    validated: { check: data.hasValidated, required: true },
+  };
+}

package/src/features/MCP/useScoreList.ts

@@ -0,0 +1,126 @@
+import { useTranslation } from 'react-i18next';
+
+import { useDetailContext } from '@/features/MCPPluginDetail/DetailProvider';
+
+import { DEFAULT_WEIGHTS, ScoreListItem, calculateScoreFlags } from './calculateScore';
+
+/**
+ * Hook for creating score list items with translations
+ * 直接从 DetailContext 获取数据，完全自包含
+ * @returns 包含描述和标题的评分项目列表
+ */
+export function useScoreList(): ScoreListItem[] {
+  const { t } = useTranslation('discover');
+  const {
+    github,
+    overview,
+    isValidated,
+    toolsCount,
+    promptsCount,
+    resourcesCount,
+    deploymentOptions,
+  } = useDetailContext();
+
+  // 计算评分标志
+  const scoreFlags = calculateScoreFlags({
+    deploymentOptions,
+    github,
+    isClaimed: false, // 详情页暂时没有 claimed 状态
+    isValidated,
+    overview,
+    promptsCount,
+    resourcesCount,
+    toolsCount,
+  });
+
+  return [
+    {
+      check: scoreFlags.hasReadme,
+      desc: t('mcp.details.score.readme.desc'),
+      key: 'readme',
+      required: true,
+      title: t('mcp.details.score.readme.title'),
+      weight: DEFAULT_WEIGHTS.readme,
+    },
+    {
+      check: scoreFlags.hasLicense,
+      desc: scoreFlags.hasLicense
+        ? t('mcp.details.score.license.descWithlicense', { license: github?.license })
+        : t('mcp.details.score.license.desc'),
+      key: 'license',
+      required: false,
+      title: t('mcp.details.score.license.title'),
+      weight: DEFAULT_WEIGHTS.license,
+    },
+    {
+      check: scoreFlags.hasDeployment,
+      desc: scoreFlags.hasDeployment
+        ? t('mcp.details.score.deployment.descWithCount', {
+            number: deploymentOptions?.length,
+          })
+        : t('mcp.details.score.deployment.desc'),
+      key: 'deployment',
+      required: true,
+      title: t('mcp.details.score.deployment.title'),
+      weight: DEFAULT_WEIGHTS.deployment,
+    },
+    {
+      check: scoreFlags.hasDeployMoreThanManual,
+      desc: t('mcp.details.score.deployMoreThanManual.desc'),
+      key: 'deployMoreThanManual',
+      required: false,
+      title: t('mcp.details.score.deployMoreThanManual.title'),
+      weight: DEFAULT_WEIGHTS.deployMoreThanManual,
+    },
+    {
+      check: scoreFlags.hasValidated,
+      desc: t('mcp.details.score.validated.desc'),
+      key: 'validated',
+      required: true,
+      title: t('mcp.details.score.validated.title'),
+      weight: DEFAULT_WEIGHTS.validated,
+    },
+    {
+      check: scoreFlags.hasTools,
+      desc: scoreFlags.hasTools
+        ? t('mcp.details.score.tools.descWithCount', { number: toolsCount })
+        : t('mcp.details.score.tools.desc'),
+      key: 'tools',
+      required: true,
+      title: t('mcp.details.score.tools.title'),
+      weight: DEFAULT_WEIGHTS.tools,
+    },
+    {
+      check: scoreFlags.hasPrompts,
+      desc: scoreFlags.hasPrompts
+        ? t('mcp.details.score.prompts.descWithCount', { number: promptsCount })
+        : t('mcp.details.score.prompts.desc'),
+      key: 'prompts',
+      required: false,
+      title: t('mcp.details.score.prompts.title'),
+      weight: DEFAULT_WEIGHTS.prompts,
+    },
+    {
+      check: scoreFlags.hasResources,
+      desc: scoreFlags.hasResources
+        ? t('mcp.details.score.resources.descWithCount', { number: resourcesCount })
+        : t('mcp.details.score.resources.desc'),
+      key: 'resources',
+      required: false,
+      title: t('mcp.details.score.resources.title'),
+      weight: DEFAULT_WEIGHTS.resources,
+    },
+    {
+      check: scoreFlags.hasClaimed,
+      desc: scoreFlags.hasClaimed
+        ? t('mcp.details.score.claimed.desc')
+        : t('mcp.details.score.notClaimed.desc'),
+      key: 'claimed',
+      required: false,
+      title: scoreFlags.hasClaimed
+        ? t('mcp.details.score.claimed.title')
+        : t('mcp.details.score.notClaimed.title'),
+      weight: DEFAULT_WEIGHTS.claimed,
+    },
+  ];
+}

package/src/features/MCP/utils.ts

@@ -0,0 +1,225 @@
+import { ConnectionConfig, DeploymentOption } from '@lobehub/market-types';
+
+export const genServerConfig = (identifier?: string, connection?: ConnectionConfig) =>
+  JSON.stringify(
+    {
+      mcpServers: {
+        [String(identifier)]: {
+          args: connection?.args || [],
+          command: connection?.command || {},
+        },
+      },
+    },
+    null,
+    2,
+  );
+
+export const getRecommendedDeployment = (deploymentOptions: DeploymentOption[]) =>
+  deploymentOptions?.find((item) => item.isRecommended) || deploymentOptions?.[0];
+
+const languageColors: Record<string, string> = {
+  'abap': '#e8274b',
+  'actionscript': '#882b0f',
+  'ada': '#02f88c',
+  'agda': '#315665',
+  'ags script': '#b9d9ff',
+  'alloy': '#64c800',
+  'ampl': '#e6efbb',
+  'antlr': '#9dc3ff',
+  'api blueprint': '#2acca8',
+  'apl': '#5a8164',
+  'arc': '#aa2afe',
+  'arduino': '#bd79d1',
+  'asp': '#6a40fd',
+  'aspectj': '#a957b0',
+  'assembly': '#6e4c13',
+  'ats': '#1ac620',
+  'autohotkey': '#6594b9',
+  'autoit': '#1c3552',
+  'blitzmax': '#cd6400',
+  'boo': '#d4bec1',
+  'brainfuck': '#2f2530',
+  'c': '#555555',
+  'c sharp': '#178600',
+  'chapel': '#8dc63f',
+  'cirru': '#ccccff',
+  'clarion': '#db901e',
+  'clean': '#3f85af',
+  'click': '#e4e6f3',
+  'clojure': '#db5855',
+  'coffeescript': '#244776',
+  'coldfusion': '#ed2cd6',
+  'coldfusion cfc': '#ed2cd6',
+  'common lisp': '#3fb68b',
+  'component pascal': '#b0ce4e',
+  'cpp': '#f34b7d',
+  'crystal': '#776791',
+  'css': '#563d7c',
+  'd': '#ba595e',
+  'dart': '#00b4ab',
+  'diff': '#88dddd',
+  'dm': '#447265',
+  'dogescript': '#cca760',
+  'dylan': '#6c616e',
+  'e': '#ccce35',
+  'eagle': '#814c05',
+  'ec': '#913960',
+  'ecl': '#8a1267',
+  'edn': '#db5855',
+  'eiffel': '#946d57',
+  'elixir': '#6e4a7e',
+  'elm': '#60b5cc',
+  'emacs lisp': '#c065db',
+  'emberscript': '#fff4f3',
+  'erlang': '#b83998',
+
+  'f#': '#b845fc',
+  'factor': '#636746',
+  'fancy': '#7b9db4',
+  'fantom': '#dbded5',
+  'flux': '#88ccff',
+  'forth': '#341708',
+  'fortran': '#4d41b1',
+  'freemarker': '#0050b2',
+  'frege': '#00cafe',
+  'game maker language': '#8fb200',
+  'glyph': '#e4cc98',
+  'gnuplot': '#f0a9f0',
+  'go': '#375eab',
+  'golo': '#88562a',
+  'gosu': '#82937f',
+  'grammatical framework': '#79aa7a',
+  'groovy': '#e69f56',
+  'handlebars': '#01a9d6',
+  'harbour': '#0e60e3',
+  'haskell': '#29b544',
+  'haxe': '#df7900',
+  'html': '#e44b23',
+  'hy': '#7790b2',
+  'idl': '#a3522f',
+  'io': '#a9188d',
+  'ioke': '#078193',
+  'isabelle': '#fefe00',
+  'j': '#9eedff',
+  'java': '#b07219',
+  'javascript': '#f1e05a',
+  'jflex': '#dbca00',
+  'jsoniq': '#40d47e',
+  'julia': '#a270ba',
+  'jupyter notebook': '#da5b0b',
+  'kotlin': '#f18e33',
+  'krl': '#28431f',
+  'lasso': '#999999',
+  'latte': '#a8ff97',
+  'lex': '#dbca00',
+  'lfe': '#004200',
+  'livescript': '#499886',
+  'lols code': '#cc9900',
+  'lookml': '#652b81',
+  'lsl': '#3d9970',
+  'lua': '#000080',
+  'makefile': '#427819',
+  'mask': '#f97732',
+  'matlab': '#bb92ac',
+  'max': '#c4a79c',
+  'maxscript': '#00a6a6',
+  'mercury': '#ff2b2b',
+  'metal': '#8f14e9',
+  'mirah': '#c7a938',
+  'mtml': '#b7e1f4',
+  'ncl': '#28431f',
+  'nemerle': '#3d3c6e',
+  'nesc': '#94b0c7',
+  'netlinx': '#0aa0ff',
+  'netlinx+erb': '#747faa',
+  'netlogo': '#ff6375',
+  'newlisp': '#87aed7',
+  'nimrod': '#37775b',
+  'nit': '#009917',
+  'nix': '#7e7eff',
+  'nu': '#c9df40',
+  'objective-c': '#438eff',
+  'objective-c++': '#6866fb',
+  'objective-j': '#ff0c5a',
+  'ocaml': '#3be133',
+  'omgrofl': '#cabbff',
+  'ooc': '#b0b77e',
+  'opal': '#f7ede0',
+  'oxygene': '#cdd0e3',
+  'oz': '#fab738',
+  'pan': '#cc0000',
+  'papyrus': '#6600cc',
+  'parrot': '#f3ca0a',
+  'pascal': '#b0ce4e',
+  'pawn': '#dbb284',
+  'perl': '#0298c3',
+  'perl6': '#0000fb',
+  'php': '#4f5d95',
+  'piglatin': '#fcd7de',
+  'pike': '#005390',
+  'plsql': '#dad8d8',
+  'pogoscript': '#d80074',
+  'processing': '#0096d8',
+  'prolog': '#74283c',
+  'propeller spin': '#7fa2a7',
+  'puppet': '#302b6d',
+  'pure data': '#91de79',
+  'purebasic': '#5a6986',
+  'purescript': '#1d222d',
+  'python': '#3572a5',
+  'qml': '#44a51c',
+  'r': '#198ce7',
+  'racket': '#22228f',
+  'ragel in ruby host': '#9d5200',
+  'raml': '#77d9fb',
+  'rebol': '#358a5b',
+  'red': '#ee0000',
+  "ren'py": '#ff7f7f',
+  'rouge': '#cc0088',
+  'ruby': '#701516',
+  'rust': '#dea584',
+  'saltstack': '#646464',
+  'sas': '#b34936',
+  'scala': '#dc322f',
+  'scheme': '#1e4aec',
+  'self': '#0579aa',
+  'shell': '#89e051',
+  'shen': '#120f14',
+  'slash': '#007eff',
+  'slim': '#ff8f77',
+  'smalltalk': '#596706',
+  'sourcepawn': '#5c7611',
+  'sqf': '#3f3f3f',
+  'squirrel': '#800000',
+  'stan': '#b2011d',
+  'standard ml': '#dc566d',
+  'supercollider': '#46390b',
+  'swift': '#ffac45',
+  'systemverilog': '#dae1c2',
+  'tcl': '#e4cc98',
+  'tex': '#3d6117',
+  'turing': '#45f715',
+  'typescript': '#2b7489',
+  'unified parallel c': '#4e3617',
+  'unity3d asset': '#ab69a1',
+  'unrealscript': '#a54c4d',
+  'vala': '#fbe5cd',
+  'verilog': '#b2b7f8',
+  'vhdl': '#adb2cb',
+  'viml': '#199f4b',
+  'visual basic': '#945db7',
+  'volt': '#1f1f1f',
+  'vue': '#2c3e50',
+  'web ontology language': '#9cc9dd',
+  'wisp': '#7582d1',
+  'x10': '#4b6bef',
+  'xbase': '#403a40',
+  'xc': '#99da07',
+  'xquery': '#5232e7',
+  'zephir': '#118f9e',
+};
+
+export const getLanguageColor = (lang?: string): string => {
+  if (!lang) return '#000000';
+  return languageColors[lang.toLowerCase()] || '#000000'; // Default to black if not found
+};