ExbytePublicServices/exbyte-depot-viewer-perforce
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 19 Wiki Activity

Files & Sizes explorer: browse Depot & Workspace as a tree with per-file/folder weight

Browse Source 
- Backend depot_ls (p4 dirs + p4 sizes -s recursive summary per child + p4 sizes for direct files) and fs_ls (local recursive folder sizing), both confined
- Tools -> Files & Sizes: Depot/Workspace tabs, lazy-loading tree, size bars, heaviest-first sort, folder file counts, open-in-explorer
- humanSize() helper + FsEntry type; i18n in 5 languages

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Bonchellon
2026-07-08 12:56:31 +03:00
parent ec8f31c654
commit 9c24d45bf9
6 changed files with 254 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/App.css
View File

@ -847,8 +847,37 @@ body.resizing-v{cursor:row-resize!important;user-select:none}
/* ---------------- People & Roles ---------------- */
.picker.wide{width:720px;max-width:94%;height:560px;max-height:82vh;display:flex;flex-direction:column}
.picker.wide.tall{height:660px}
.ph-sub{margin-left:8px;font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.picker.wide .ph-sub{margin-right:auto}
/* ---- Depot & Workspace file/size explorer ---- */
.exp-tabs{display:flex;gap:4px;margin-left:14px;background:var(--sunk);padding:3px;border-radius:9px}
.exp-tab{border:none;background:none;color:var(--muted);font-size:12px;font-weight:600;padding:5px 14px;border-radius:7px;cursor:pointer;font-family:var(--font)}
.exp-tab:hover{color:var(--txt)}
.exp-tab.on{background:var(--accent);color:#fff}
.exp-total{display:flex;align-items:center;padding:10px 18px;border-bottom:1px solid var(--border-soft)}
.exp-total .n{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exp-total .sz{margin-left:auto;font-size:13px;font-weight:700;color:var(--accent-2);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:12px}
.exp-tree{flex:1;overflow-y:auto;padding:6px 8px 12px}
.exp-node{display:flex;flex-direction:column}
.exp-row{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:8px;cursor:default;transition:background .1s}
.exp-row.dir{cursor:pointer}
.exp-row:hover{background:var(--hover)}
.exp-row:hover .exp-open{opacity:1}
.exp-caret{width:14px;flex:0 0 14px;display:grid;place-items:center;color:var(--faint)}
.chevi{display:grid;place-items:center;transition:transform .12s}
.chevi svg{width:13px;height:13px}
.chevi.open{transform:rotate(90deg)}
.exp-ic{width:17px;height:17px;flex:0 0 auto;display:grid;place-items:center;color:var(--accent-2)}
.exp-ic svg{width:16px;height:16px}
.exp-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:60px}
.exp-count{font-size:10.5px;color:var(--faint);white-space:nowrap;flex:0 0 auto}
.exp-bar{margin-left:auto;flex:0 0 110px;height:6px;border-radius:4px;background:var(--sunk);overflow:hidden}
.exp-bar > span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:4px}
.exp-size{flex:0 0 68px;text-align:right;font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.exp-open{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;color:var(--faint);cursor:pointer;opacity:0;border-radius:6px;transition:opacity .1s,color .1s}
.exp-open svg{width:14px;height:14px}
.exp-open:hover{color:var(--accent-2);background:var(--panel)}
.ur-body{flex:1;display:flex;min-height:0}
.ur-list{flex:0 0 300px;display:flex;flex-direction:column;border-right:1px solid var(--border-soft);min-height:0}
.ur-filter{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-soft)}