claude-code-marketplace 0.5.1 → 0.5.3

package/package.json

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

package/public/app.js

@@ -1002,6 +1002,25 @@ function restoreAppState() {
   if (params.has('plugin')) {
     selectedPluginId = params.get('plugin');
   }
+  if (params.has('project')) {
+    const projectPath = params.get('project');
+    fetch('/api/project', {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ path: projectPath }),
+    })
+      .then((r) => {
+        if (r.ok) {
+          loadProject();
+          loadData();
+        }
+      })
+      .catch(() => {});
+    const cleanParams = new URLSearchParams(window.location.search);
+    cleanParams.delete('project');
+    const qs = cleanParams.toString();
+    history.replaceState(null, '', qs ? `?${qs}` : window.location.pathname);
+  }
   try {
     const saved = JSON.parse(localStorage.getItem('expandedNodes') || '[]');
     saved.forEach((n) => expandedNodes.add(n));
@@ -1337,3 +1356,24 @@ function showHelpModal() {
 if ('serviceWorker' in navigator) {
   navigator.serviceWorker.register('/sw.js');
 }
+
+// #region HUB_INTEGRATION
+(async function initHub() {
+  const cfg = await fetch('/hub-config')
+    .then((r) => r.json())
+    .catch(() => ({}));
+  if (!cfg.enabled) return;
+  window.__HUB__ = cfg;
+  document.addEventListener('keydown', (e) => {
+    if (e.ctrlKey && e.altKey && (e.key === 'ArrowLeft' || e.key === 'ArrowRight')) {
+      e.preventDefault();
+      window.parent?.postMessage({ type: 'hub:keydown', key: e.key }, '*');
+    }
+  });
+})();
+
+function hubNavigate(app, url) {
+  if (!window.__HUB__?.enabled) return;
+  window.parent?.postMessage({ type: 'hub:navigate', app, url }, '*');
+}
+// #endregion HUB_INTEGRATION

package/public/style.css

@@ -472,8 +472,8 @@ body {
   border-color: var(--scope-local);
 }
 .scope-toggle.disabled {
-  opacity: 0.4;
-  text-decoration: line-through;
+  border-style: dashed;
+  opacity: 0.6;
 }
 
 /* Light theme: boost inactive scope contrast further */

package/server.js

@@ -7,6 +7,11 @@ const { execFile } = require('child_process');
 
 const app = express();
 app.use(express.json());
+
+app.get('/hub-config', (_req, res) => {
+  res.json({ enabled: !!process.env.CLAUDE_HUB, url: process.env.HUB_URL || null });
+});
+
 app.use(express.static(path.join(__dirname, 'public')));
 
 const CLAUDE_DIR = path.join(os.homedir(), '.claude');
@@ -31,6 +36,10 @@ let projectPath = getArg('project') || process.cwd();
 if (projectPath.startsWith('~')) projectPath = projectPath.replace('~', os.homedir());
 const PORT = parseInt(getArg('port') || process.env.PORT || '3457', 10);
 
+function toUnixPath(p) {
+  return p ? p.replace(/\\/g, '/') : p;
+}
+
 function readJsonSafe(filePath) {
   try {
     return JSON.parse(fs.readFileSync(filePath, 'utf-8'));
@@ -157,7 +166,7 @@ function loadMarketplaces() {
         path: sourceData.path || null,
         url: sourceData.url || null,
       },
-      installLocation,
+      installLocation: toUnixPath(installLocation),
       lastUpdated: entryData.lastUpdated || null,
       version: null,
       plugins: [],
@@ -285,8 +294,8 @@ function loadMarketplaces() {
         scopeDetails,
         installedScopes,
         components,
-        _pluginDir: pluginDir,
-        _originDir: originDir,
+        _pluginDir: toUnixPath(pluginDir),
+        _originDir: toUnixPath(originDir),
         _fsComps: fsComps,
         metadata: Object.fromEntries(
           Object.entries(pd).filter(([k]) => !['name', 'description', 'source', 'version', ...compKeys].includes(k))
@@ -473,7 +482,7 @@ function scanCustomizations(basePath, scope) {
       scopeDetails,
       installedScopes: [scope],
       components,
-      _pluginDir: basePath,
+      _pluginDir: toUnixPath(basePath),
       _fsComps: components,
       metadata: {},
     }],