feat: enhance component path handling by removing .md and .json extension (#62)

* feat: enhance component path handling by removing .md and .json extensions

* feat: remove .json extension from MCP names in command generation

Author: yaochangyu

docs/js/index-events.js

@@ -448,8 +448,9 @@ class IndexPageManager {
     generateComponentCard(component) {
         // Generate install command - remove .md extension from path
         let componentPath = component.path || component.name;
-        if (componentPath.endsWith('.md')) {
-            componentPath = componentPath.replace(/\.md$/, '');
+        // Remove .md or .json extensions from path
+        if (componentPath.endsWith('.md') || componentPath.endsWith('.json')) {
+            componentPath = componentPath.replace(/\.(md|json)$/, '');
         }
         if (componentPath.endsWith('.json')) {
             componentPath = componentPath.replace(/\.json$/, '');

docs/js/script.js

@@ -1504,7 +1504,9 @@ function generateInstallCommand(component) {
     } else if (component.type === 'command') {
         return `npx claude-code-templates@latest --command=${component.name} --yes`;
     } else if (component.type === 'mcp') {
-        return `npx claude-code-templates@latest --mcp=${component.name} --yes`;
+        // Remove .json extension from MCP names for the command
+        const mcpName = component.name.replace(/\.json$/, '');
+        return `npx claude-code-templates@latest --mcp=${mcpName} --yes`;
     }
     return `npx claude-code-templates@latest`;
 }