BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-08 16:39:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(git-status): repositories start collapsed when several are listed

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JrzFKEdBLwVfu6ev2ZscJS
This commit is contained in:
Devvyn
2026-10-05 09:46:35 +08:00
co-authored by Claude Sonnet 5.5
parent 948c7c54dd
commit 4fc75d494f
2 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/git-status-ui.js
+8 -2
View File
@@ -344,13 +344,19 @@ Object.assign(CodemanApp.prototype, {
} }
}, },
/** One repository of several: a collapsible section, open when it has something outstanding. */ /**
* One repository of several: a collapsible section, collapsed by default (the summary line already
* shows what is outstanding). Which ones the user opened stay open across the 15 s re-render.
*/
_gitRepoSection(r) { _gitRepoSection(r) {
const el = (tag, cls, text) => this._gitEl(tag, cls, text); const el = (tag, cls, text) => this._gitEl(tag, cls, text);
const d = r.status; const d = r.status;
const section = el('details', 'git-status-repo'); const section = el('details', 'git-status-repo');
const outstanding = d.counts.uncommitted > 0 || d.unpushedCount > 0; const outstanding = d.counts.uncommitted > 0 || d.unpushedCount > 0;
section.open = outstanding; const openRepos = (this._gitTreeOpen = this._gitTreeOpen || new Set());
const repoKey = `repo|${d.repoRoot || r.path}`;
section.open = openRepos.has(repoKey);
section.addEventListener('toggle', () => (section.open ? openRepos.add(repoKey) : openRepos.delete(repoKey)));
const summary = el('summary', 'git-status-repo-summary'); const summary = el('summary', 'git-status-repo-summary');
summary.append(el('span', 'git-status-repo-name', r.name)); summary.append(el('span', 'git-status-repo-name', r.name));
if (r.path !== r.name) summary.append(el('span', 'git-status-repo-path', r.path)); if (r.path !== r.name) summary.append(el('span', 'git-status-repo-path', r.path));
test/git-status.browser.test.ts
+7 -1
View File
@@ -330,7 +330,13 @@ describe('Git status indicator in a real browser', () => {
expect(await page.getAttribute('#gitStatusBtn', 'title')).toMatch(/Git \(2 repositories\)/); expect(await page.getAttribute('#gitStatusBtn', 'title')).toMatch(/Git \(2 repositories\)/);
const names = await page.$$eval('.git-status-repo-name', (els) => els.map((e) => e.textContent)); const names = await page.$$eval('.git-status-repo-name', (els) => els.map((e) => e.textContent));
expect(names).toEqual(['api', 'web']); expect(names).toEqual(['api', 'web']);
// The one with something outstanding is open; the clean one is collapsed. // Every repository starts collapsed (the summary line shows what is outstanding); one the user
// opens stays open when a refresh re-renders the panel.
const allClosed = await page.$$eval('.git-status-repo', (els) => els.map((e) => (e as HTMLDetailsElement).open));
expect(allClosed).toEqual([false, false]);
await page.click('.git-status-repo:nth-of-type(1) > summary');
await refresh();
await page.waitForSelector('.git-status-repo[open]');
const open = await page.$$eval('.git-status-repo', (els) => els.map((e) => (e as HTMLDetailsElement).open)); const open = await page.$$eval('.git-status-repo', (els) => els.map((e) => (e as HTMLDetailsElement).open));
expect(open).toEqual([true, false]); expect(open).toEqual([true, false]);
const apiBody = (await page.textContent('.git-status-repo:nth-of-type(1)')) ?? ''; const apiBody = (await page.textContent('.git-status-repo:nth-of-type(1)')) ?? '';