claude-code-marketplace 0.5.6 → 0.5.8

package/README.md

@@ -2,7 +2,9 @@
 
 A web-based dashboard for browsing, installing, and managing [Claude Code](https://docs.anthropic.com/en/docs/claude-code) plugins across multiple marketplaces.
 
-[![npm](https://img.shields.io/npm/v/claude-code-marketplace)](https://www.npmjs.com/package/claude-code-marketplace)
+[![npm version](https://img.shields.io/npm/v/claude-code-marketplace)](https://www.npmjs.com/package/claude-code-marketplace)
+[![license](https://img.shields.io/npm/l/claude-code-marketplace)](LICENSE)
+[![npm downloads](https://img.shields.io/npm/dm/claude-code-marketplace)](https://www.npmjs.com/package/claude-code-marketplace)
 
 <p align="center">
   <img src="assets/main-dark.png" alt="Marketplace — dark theme" width="100%">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-marketplace",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "description": "Web UI for browsing and managing Claude Code marketplace plugins",
   "main": "server.js",
   "bin": {

package/public/app.js

@@ -589,7 +589,7 @@ function renderDetailComponents(pluginId, comps, hasDirAccess) {
 
   let readmeHtml = '';
   if (comps._readmePath && hasDirAccess) {
-    readmeHtml = `<div class="readme-comp-item" onclick="openContentModal('${esc(pluginId)}', '${esc(comps._readmePath)}', 'readme')">
+    readmeHtml = `<div class="readme-comp-item" onclick="openContentModal('${escJs(pluginId)}', '${escJs(comps._readmePath)}', 'readme')">
       <span class="icon">${ICONS.readme}</span> ${esc(comps._readmePath)}
     </div>`;
   }
@@ -615,7 +615,7 @@ function renderDetailComponents(pluginId, comps, hasDirAccess) {
             const clickPath = configFile || (dir ? `${dir}/${name}` : name);
             const cls = hasDirAccess ? '' : ' disabled';
             const click = hasDirAccess
-              ? ` onclick="openContentModal('${esc(pluginId)}', '${esc(clickPath)}', '${esc(type)}')"`
+              ? ` onclick="openContentModal('${escJs(pluginId)}', '${escJs(clickPath)}', '${escJs(type)}')"`
               : '';
             html += `<div class="detail-comp-item${cls}"${click}>
             <span class="icon">${type === 'skills' ? ICONS.folder : ICONS.file}</span>
@@ -1299,6 +1299,12 @@ function handleKeydown(e) {
     return;
   }
 
+  if (matchKey(e, 't')) {
+    e.preventDefault();
+    toggleTheme();
+    return;
+  }
+
   const rows = getVisibleRows();
   const idx = getFocusedIndex(rows);
 

package/public/index.html

@@ -134,6 +134,7 @@
               <tr><td><kbd>S</kbd></td><td>Focus scope filter</td></tr>
               <tr><td><kbd>E</kbd></td><td>Expand / Collapse all</td></tr>
               <tr><td><kbd>R</kbd></td><td>Refresh data</td></tr>
+              <tr><td><kbd>T</kbd></td><td>Toggle theme</td></tr>
               <tr><td><kbd>Esc</kbd></td><td>Close panel / blur input</td></tr>
             </table>
           </div>

package/server.js

@@ -374,7 +374,7 @@ function countComponents(pluginDir, meta = {}) {
     const data = readJsonSafe(mcpFile);
     if (data) {
       result.mcpServers = Object.keys(data.mcpServers || data);
-      if (result.mcpServers.length) configFiles.mcpServers = mcpPath;
+      if (result.mcpServers.length) configFiles.mcpServers = toUnixPath(mcpPath);
     }
   }
 
@@ -386,7 +386,7 @@ function countComponents(pluginDir, meta = {}) {
     if (data) {
       const hooksObj = data.hooks || data;
       result.hooks = Object.keys(hooksObj).filter(k => k !== 'description');
-      if (result.hooks.length) configFiles.hooks = hooksPath;
+      if (result.hooks.length) configFiles.hooks = toUnixPath(hooksPath);
     }
   }
 
@@ -397,7 +397,7 @@ function countComponents(pluginDir, meta = {}) {
     const data = readJsonSafe(lspFile);
     if (data) {
       result.lspServers = Object.keys(data.lspServers || data);
-      if (result.lspServers.length) configFiles.lspServers = lspPath;
+      if (result.lspServers.length) configFiles.lspServers = toUnixPath(lspPath);
     }
   }
 
@@ -427,9 +427,8 @@ const VIRTUAL_PREFIX = '_custom/';
 const SCOPE_LABELS = { user: 'User Customizations', project: 'Project Customizations' };
 const EMPTY_SCOPE = { installed: false, enabled: false, version: null, installPath: null };
 
-function scanCustomizations(basePath, scope) {
+function rescanVirtualComponents(basePath, scope) {
   const components = countComponents(basePath);
-
   // Strip .md extensions from command/agent names for cleaner display
   components.commands = components.commands.map(n => n.replace(/\.md$/, ''));
   components.agents = components.agents.map(n => n.replace(/\.md$/, ''));
@@ -461,6 +460,12 @@ function scanCustomizations(basePath, scope) {
   }
   if (claudeMdFiles.length) components.claudeMd = claudeMdFiles;
 
+  return components;
+}
+
+function scanCustomizations(basePath, scope) {
+  const components = rescanVirtualComponents(basePath, scope);
+
   const hasAny = Object.values(components).some(v => Array.isArray(v) && v.length > 0);
   if (!hasAny) return null;
 
@@ -605,7 +610,10 @@ app.get('/api/plugins/:pluginId/components', (req, res) => {
   const plugin = findPlugin(pluginId, mktData);
 
   if (plugin?.isVirtual) {
-    return res.json({ ...plugin.components, _pluginDir: plugin._pluginDir });
+    const scope = plugin.fullId.replace(VIRTUAL_PREFIX, '');
+    const comps = rescanVirtualComponents(plugin._pluginDir, scope);
+    comps._pluginDir = plugin._pluginDir;
+    return res.json(comps);
   }
   if (!plugin?._pluginDir) return res.status(404).json({ error: 'Plugin directory not found', pluginId });