design-share 0.2.0 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-share",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Live branch previews and pinned comments for design teams. Zero config, no server, git is the backend.",
   "keywords": ["design", "preview", "branches", "collaboration", "cli"],
   "license": "MIT",

package/public/app.js

@@ -188,12 +188,20 @@ function branchRow({ user, branch, time, dim, own }) {
   else if (isOwnServing && prev && prev.status === 'ready') dotCls = 'live';
 
   const unresolved = openCount(branch);
+  const pr = b.prs && b.prs[branch];
   btn.innerHTML = `
     <span class="dot ${dotCls}"></span>
     <span class="branch-label">${escapeHtml(branch)}</span>
     ${unresolved ? `<span class="badge">${unresolved}</span>` : ''}
+    ${pr ? `<span class="pr-link" title="${escapeHtml(`PR #${pr.number}: ${pr.title || ''}`)}">#${pr.number}</span>` : ''}
     <span class="meta">${timeAgo(time)}</span>`;
   btn.onclick = () => select(user, branch);
+  if (pr) {
+    btn.querySelector('.pr-link').onclick = (e) => {
+      e.stopPropagation();
+      window.open(pr.url, '_blank');
+    };
+  }
   return btn;
 }
 

package/public/style.css

@@ -123,6 +123,18 @@ button { font: inherit; cursor: pointer; }
 .branch-row .meta { font-size: 11px; color: var(--text-3); flex: none; }
 .branch-row.dim { color: var(--text-2); }
 
+.pr-link {
+  font-size: 10.5px;
+  color: var(--text-3);
+  border: 1px solid var(--border);
+  border-radius: 99px;
+  padding: 0 6px;
+  line-height: 16px;
+  flex: none;
+  background: #fff;
+}
+.pr-link:hover { color: var(--accent); border-color: var(--accent); }
+
 .dot { width: 7px; height: 7px; border-radius: 50%; flex: none; }
 .dot.live { background: var(--green); }
 .dot.idle { background: #d4d4d8; }

package/src/github.js

@@ -0,0 +1,24 @@
+import { execFile } from 'node:child_process';
+
+// PR links come from the gh CLI so no tokens are stored or handled: gh uses
+// whoever is already logged in. Machines without gh (or without auth) simply
+// return an empty map and the dashboard shows no PR links.
+export function listOpenPRs(repoRoot) {
+  return new Promise((resolve) => {
+    execFile('gh', [
+      'pr', 'list', '--state', 'open', '--limit', '200',
+      '--json', 'number,url,headRefName,title',
+    ], { cwd: repoRoot, timeout: 15_000 }, (err, stdout) => {
+      if (err) return resolve({});
+      try {
+        const byBranch = {};
+        for (const pr of JSON.parse(stdout)) {
+          byBranch[pr.headRefName] = { number: pr.number, url: pr.url, title: pr.title };
+        }
+        resolve(byBranch);
+      } catch {
+        resolve({});
+      }
+    });
+  });
+}

package/src/server.js

@@ -5,6 +5,7 @@ import { fileURLToPath } from 'node:url';
 import { tryGit } from './git.js';
 import { currentBranch } from './detect.js';
 import { serveStatic } from './previews.js';
+import { listOpenPRs } from './github.js';
 
 const PUBLIC_DIR = path.join(path.dirname(fileURLToPath(import.meta.url)), '..', 'public');
 const SYNC_INTERVAL_MS = 15_000;
@@ -36,6 +37,11 @@ export class DesignShareServer {
     this.port = port;
     this.server = null;
     this.timers = [];
+    this.prs = {};
+  }
+
+  async refreshPRs() {
+    this.prs = await listOpenPRs(this.repo.root);
   }
 
   async branchHeads() {
@@ -84,6 +90,7 @@ export class DesignShareServer {
       otherBranches: others,
       comments: Object.values(state.comments || {}),
       previews: this.previews.statuses(),
+      prs: this.prs,
       sync: {
         hasRemote: this.store.hasRemote,
         lastSync: this.store.lastSync,
@@ -202,6 +209,8 @@ export class DesignShareServer {
             () => tryGit(this.repo.root, ['fetch', '--quiet', 'origin']),
             FETCH_INTERVAL_MS,
           ));
+          this.refreshPRs();
+          this.timers.push(setInterval(() => this.refreshPRs(), 180_000));
           resolve(port);
         });
       };