d8dfun/claude-code-chat
1
0
Fork 0
mirror of https://github.com/andrepimenta/claude-code-chat.git synced 2025-12-13 13:49:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Popular MCPs

Browse Source
This commit is contained in:
andrepimenta
2025-07-11 23:57:55 +01:00
parent 2eceda51ed
commit b8e5c253a3
2 changed files with 26 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/extension.ts
View File

@@ -662,6 +662,12 @@ class ClaudeChatProvider {
for (const content of jsonData.message.content) { for (const content of jsonData.message.content) {
if (content.type === 'tool_result') { if (content.type === 'tool_result') {
let resultContent = content.content || 'Tool executed successfully'; let resultContent = content.content || 'Tool executed successfully';
// Stringify if content is an object or array
if (typeof resultContent === 'object' && resultContent !== null) {
resultContent = JSON.stringify(resultContent, null, 2);
}
const isError = content.is_error || false; const isError = content.is_error || false;
// Find the last tool use to get the tool name // Find the last tool use to get the tool name

35
src/ui.ts
View File

@@ -165,25 +165,18 @@ const html = `<!DOCTYPE html>
<div class="mcp-popular-servers" id="popularServers"> <div class="mcp-popular-servers" id="popularServers">
<h4>Popular MCP Servers</h4> <h4>Popular MCP Servers</h4>
<div class="popular-servers-grid"> <div class="popular-servers-grid">
<div class="popular-server-item" onclick="addPopularServer('filesystem', { type: 'stdio', command: 'npx', args: ['-y', '@modelcontextprotocol/server-filesystem'] })"> <div class="popular-server-item" onclick="addPopularServer('context7', { type: 'http', url: 'https://context7.liam.sh/mcp' })">
<div class="popular-server-icon">📁</div> <div class="popular-server-icon">📚</div>
<div class="popular-server-info"> <div class="popular-server-info">
<div class="popular-server-name">Filesystem</div> <div class="popular-server-name">Context7</div>
<div class="popular-server-desc">File operations & management</div> <div class="popular-server-desc">Up-to-date Code Docs For Any Prompt</div>
</div> </div>
</div> </div>
<div class="popular-server-item" onclick="addPopularServer('github', { type: 'stdio', command: 'npx', args: ['-y', '@modelcontextprotocol/server-github'] })"> <div class="popular-server-item" onclick="addPopularServer('sequential-thinking', { type: 'stdio', command: 'npx', args: ['-y', '@modelcontextprotocol/server-sequential-thinking'] })">
<div class="popular-server-icon">🐙</div> <div class="popular-server-icon">🔗</div>
<div class="popular-server-info"> <div class="popular-server-info">
<div class="popular-server-name">GitHub</div> <div class="popular-server-name">Sequential Thinking</div>
<div class="popular-server-desc">Repository & issue management</div> <div class="popular-server-desc">Step-by-step reasoning capabilities</div>
</div>
</div>
<div class="popular-server-item" onclick="addPopularServer('brave-search', { type: 'stdio', command: 'npx', args: ['-y', '@modelcontextprotocol/server-brave-search'] })">
<div class="popular-server-icon">🔍</div>
<div class="popular-server-info">
<div class="popular-server-name">Brave Search</div>
<div class="popular-server-desc">Web search capabilities</div>
</div> </div>
</div> </div>
<div class="popular-server-item" onclick="addPopularServer('memory', { type: 'stdio', command: 'npx', args: ['-y', '@modelcontextprotocol/server-memory'] })"> <div class="popular-server-item" onclick="addPopularServer('memory', { type: 'stdio', command: 'npx', args: ['-y', '@modelcontextprotocol/server-memory'] })">
@@ -207,6 +200,13 @@ const html = `<!DOCTYPE html>
<div class="popular-server-desc">HTTP requests & web scraping</div> <div class="popular-server-desc">HTTP requests & web scraping</div>
</div> </div>
</div> </div>
<div class="popular-server-item" onclick="addPopularServer('filesystem', { type: 'stdio', command: 'npx', args: ['-y', '@modelcontextprotocol/server-filesystem'] })">
<div class="popular-server-icon">📁</div>
<div class="popular-server-info">
<div class="popular-server-name">Filesystem</div>
<div class="popular-server-desc">File operations & management</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="mcp-add-form" id="addServerForm" style="display: none;"> <div class="mcp-add-form" id="addServerForm" style="display: none;">
@@ -1850,6 +1850,11 @@ const html = `<!DOCTYPE html>
// Update form field visibility // Update form field visibility
updateServerForm(); updateServerForm();
const toolsList = document.querySelector('.tools-list');
if (toolsList) {
toolsList.scrollTop = toolsList.scrollHeight;
}
} }
function addPopularServer(name, config) { function addPopularServer(name, config) {