claude-home 1.0.3 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-home",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "Web dashboard for Claude Code — browse sessions, manage skills, hooks, commands, and agents",
   "main": "server.js",
   "bin": {

package/public/index.html

@@ -2766,13 +2766,42 @@
                             <div>
                               <div style="padding:8px 10px;border-bottom:1px solid var(--rule);display:flex;flex-direction:column;gap:6px">
                                 <input class="search-input" type="text" placeholder="Buscar skills…" x-model="marketplaceSearch" style="width:100%;font-size:12px;padding:4px 8px">
-                                <template x-if="marketplaceSources.length>1">
-                                  <div style="display:flex;gap:4px;flex-wrap:wrap">
-                                    <button class="tools-tab" :class="{active:marketplaceSourceFilter==='all'}" style="font-size:11px;padding:2px 8px" @click="marketplaceSourceFilter='all'">Todos</button>
+                                <div style="display:flex;align-items:center;gap:4px;flex-wrap:wrap">
+                                  <div style="display:flex;gap:4px;flex-wrap:wrap;flex:1">
+                                    <template x-if="marketplaceSources.length>1">
+                                      <button class="tools-tab" :class="{active:marketplaceSourceFilter==='all'}" style="font-size:11px;padding:2px 8px" @click="marketplaceSourceFilter='all'">All</button>
+                                    </template>
                                     <template x-for="src in marketplaceSources" :key="src.id">
-                                      <button class="tools-tab" :class="{active:marketplaceSourceFilter===src.id}" style="font-size:11px;padding:2px 8px" @click="marketplaceSourceFilter=src.id" x-text="src.name"></button>
+                                      <span style="display:inline-flex;align-items:center;gap:2px">
+                                        <button class="tools-tab" :class="{active:marketplaceSourceFilter===src.id||marketplaceSources.length===1}" style="font-size:11px;padding:2px 8px" @click="marketplaceSourceFilter=src.id" x-text="src.name"></button>
+                                        <button style="font-size:10px;padding:1px 4px;border:none;background:none;color:var(--ink-3);cursor:pointer;line-height:1" title="Remove source" @click.stop="removeMarketplaceSource(src.id)">✕</button>
+                                      </span>
                                     </template>
                                   </div>
+                                  <button class="btn btn-outline btn-sm" style="font-size:11px;padding:2px 8px;flex-shrink:0" @click="marketplaceSourceForm.open=!marketplaceSourceForm.open;marketplaceSourceForm.msg=''">+ Add source</button>
+                                </div>
+                                <!-- Add source form -->
+                                <template x-if="marketplaceSourceForm.open">
+                                  <div style="display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--rule-2);border-radius:6px;background:var(--canvas)">
+                                    <div style="font-size:11px;font-weight:600;color:var(--ink)">New source</div>
+                                    <input type="text" x-model="marketplaceSourceForm.name" placeholder="Name (e.g. My Org Skills)" style="font-size:12px;padding:4px 8px;border:1px solid var(--rule-2);border-radius:4px;background:var(--white)">
+                                    <div style="display:flex;gap:6px">
+                                      <input type="text" x-model="marketplaceSourceForm.owner" placeholder="GitHub owner / org" style="font-size:12px;padding:4px 8px;border:1px solid var(--rule-2);border-radius:4px;background:var(--white);flex:1">
+                                      <input type="text" x-model="marketplaceSourceForm.repo" placeholder="repo name" style="font-size:12px;padding:4px 8px;border:1px solid var(--rule-2);border-radius:4px;background:var(--white);flex:1">
+                                    </div>
+                                    <div style="display:flex;gap:6px">
+                                      <input type="text" x-model="marketplaceSourceForm.branch" placeholder="branch (default: main)" style="font-size:12px;padding:4px 8px;border:1px solid var(--rule-2);border-radius:4px;background:var(--white);flex:1">
+                                      <input type="text" x-model="marketplaceSourceForm.skillsPath" placeholder="skills path (leave empty for root)" style="font-size:12px;padding:4px 8px;border:1px solid var(--rule-2);border-radius:4px;background:var(--white);flex:1">
+                                    </div>
+                                    <input type="password" x-model="marketplaceSourceForm.token" placeholder="GitHub token (optional, for private repos)" style="font-size:12px;padding:4px 8px;border:1px solid var(--rule-2);border-radius:4px;background:var(--white)">
+                                    <div style="display:flex;gap:6px;align-items:center">
+                                      <button class="btn btn-primary btn-sm" :disabled="marketplaceSourceForm.saving||!marketplaceSourceForm.name||!marketplaceSourceForm.owner||!marketplaceSourceForm.repo" @click="addMarketplaceSource()">
+                                        <span x-text="marketplaceSourceForm.saving ? 'Adding…' : 'Add'"></span>
+                                      </button>
+                                      <button class="btn btn-outline btn-sm" @click="marketplaceSourceForm.open=false">Cancel</button>
+                                      <span x-show="marketplaceSourceForm.msg" :style="marketplaceSourceForm.msg.startsWith('Error')?'color:var(--red)':'color:var(--green)'" style="font-size:11px" x-text="marketplaceSourceForm.msg"></span>
+                                    </div>
+                                  </div>
                                 </template>
                               </div>
                               <template x-for="s in filteredMarketplace()" :key="s.slug">
@@ -2781,7 +2810,7 @@
                                     <div style="display:flex;align-items:center;gap:5px;flex-wrap:wrap">
                                       <div class="tool-row-name" x-text="s.name"></div>
                                       <template x-if="marketplaceInstalled[s.slug]"><span style="font-size:9px;padding:1px 5px;border-radius:3px;background:var(--green);color:#fff;font-weight:600">installed</span></template>
-                                      <template x-if="marketplaceSources.length>1"><span style="font-size:9px;padding:1px 5px;border-radius:3px;background:var(--canvas);border:1px solid var(--rule-2);color:var(--ink-3)" x-text="s._sourceName"></span></template>
+                                      <span style="font-size:9px;padding:1px 5px;border-radius:3px;background:var(--canvas);border:1px solid var(--rule-2);color:var(--ink-3)" x-text="s._sourceName"></span>
                                     </div>
                                     <div class="tool-row-desc" x-text="s.description"></div>
                                     <template x-if="s.tags?.length>0">
@@ -3829,6 +3858,7 @@
         marketplace: [],
         marketplaceSources: [],
         marketplaceSourceFilter: 'all',
+        marketplaceSourceForm: { open: false, name: '', owner: '', repo: '', branch: 'main', skillsPath: '', token: '', tokenEnv: '', saving: false, msg: '' },
         marketplaceLoading: false,
         marketplaceErrors: [],
         marketplaceSearch: '',
@@ -4972,6 +5002,32 @@
           );
         },
 
+        async addMarketplaceSource() {
+          const f = this.marketplaceSourceForm;
+          f.saving = true; f.msg = '';
+          try {
+            const r = await fetch('/api/marketplace/sources', {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ name: f.name, owner: f.owner, repo: f.repo, branch: f.branch || 'main', skillsPath: f.skillsPath || '', token: f.token || '' }),
+            });
+            const data = await r.json();
+            if (!r.ok) { f.msg = 'Error: ' + data.error; return; }
+            f.msg = 'Source added!';
+            f.open = false;
+            Object.assign(f, { name: '', owner: '', repo: '', branch: 'main', skillsPath: '', token: '' });
+            this.marketplace = [];
+            await this.loadMarketplace();
+          } catch (e) { f.msg = 'Error: ' + e.message; }
+          finally { f.saving = false; }
+        },
+
+        async removeMarketplaceSource(id) {
+          await fetch(`/api/marketplace/sources/${encodeURIComponent(id)}`, { method: 'DELETE' });
+          this.marketplace = [];
+          await this.loadMarketplace();
+        },
+
         async loadMarketplace() {
           if (this.marketplace.length > 0) return;
           this.marketplaceLoading = true;

package/server.js

@@ -1138,10 +1138,35 @@ app.get('/api/status', (req, res) => {
 app.get('/api/marketplace/sources', (req, res) => {
   const sources = getMarketplaceSources()
     .filter(s => s.owner && s.repo)
-    .map(({ id, name, owner, repo }) => ({ id, name, owner, repo }));
+    .map(({ id, name, owner, repo, branch, skillsPath }) => ({ id, name, owner, repo, branch, skillsPath }));
   res.json(sources);
 });
 
+// POST /api/marketplace/sources — add a new source
+app.post('/api/marketplace/sources', (req, res) => {
+  const { name, owner, repo, branch, skillsPath, token, tokenEnv } = req.body || {};
+  if (!name || !owner || !repo) return res.status(400).json({ error: 'name, owner and repo are required' });
+  const config = JSON.parse(fs.readFileSync(MARKETPLACE_CONFIG_PATH, 'utf8'));
+  const id = owner.toLowerCase() + '-' + repo.toLowerCase().replace(/[^a-z0-9]/g, '-');
+  if (config.sources.some(s => s.id === id)) return res.status(409).json({ error: 'Source already exists' });
+  config.sources.push({ id, name, owner, repo, branch: branch || 'main', skillsPath: skillsPath || '', token: token || '', tokenEnv: tokenEnv || '' });
+  fs.writeFileSync(MARKETPLACE_CONFIG_PATH, JSON.stringify(config, null, 2), 'utf8');
+  sourceCache.delete(id);
+  res.json({ id });
+});
+
+// DELETE /api/marketplace/sources/:id — remove a source
+app.delete('/api/marketplace/sources/:id', (req, res) => {
+  const { id } = req.params;
+  const config = JSON.parse(fs.readFileSync(MARKETPLACE_CONFIG_PATH, 'utf8'));
+  const idx = config.sources.findIndex(s => s.id === id);
+  if (idx === -1) return res.status(404).json({ error: 'Source not found' });
+  config.sources.splice(idx, 1);
+  fs.writeFileSync(MARKETPLACE_CONFIG_PATH, JSON.stringify(config, null, 2), 'utf8');
+  sourceCache.delete(id);
+  res.json({ ok: true });
+});
+
 // GET /api/marketplace/registry — discovers skills from all configured sources
 app.get('/api/marketplace/registry', async (req, res) => {
   const sources = getMarketplaceSources().filter(s => s.owner && s.repo);