HAXY

▄ ▄▄▄▄▄ ▄ ▄▀ ▄▀▀▀▀▀▀ ▄ ▀▄ ▀▀▀▀▀▀▀▀ ▀▀ ▀▀▄ ▀▀▀▀▀▀▀▀ ▀▀▀ ▀▀▀▀ ▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀ ▀▄ ▀▀▀▀▀▀▀▀▀▄ ▀▀▀▀▀▀▀ ▀ ▀▀▀▀▀▀▀▀▀▀▄ ▄▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▄ ▄▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▄ ▀▀▀▀▀▀▀▀▀▀▀▀ ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄ ▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▄▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▄ ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▄▄▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▄▀▀▀▀▀▄ ▄▀▀▀▀▀▀▀▀ ▀▀▀▄ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▄▀▀▀▀▀▀▀▀▀▀▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄▀▀▀▀ ▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▄▀▀▀▀▄ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄▀▀▀▀ ▀▀▀▀ ▀▀▀▀▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▄▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▄▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄ ▀▀▀▀▀▀▀▀▀▀▀▄▄▀▀▀▄▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▄▀▀▀▀▀▄ ▀▀▀▀▀▀▄▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▄▄▀▀▀▀▀▀▀▀▀▀ ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀

╭─────────────╮ │scroll to top│ ╰─────────────╯ ╭ Files.zig ────────────────────────────────────────────────────╮ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ ╰───────────────────────────────────────────────────────────────╯

╭────╮ ╭ clone ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │http│ ssh │ │ ╰────╯ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯

.. Attachment.zig Comment.zig Commits.zig Diff.zig Discussions.zig Events.zig ╭─────────────────────────────────╮ │Files.zig │ ╰─────────────────────────────────╯ Header.zig Issues.zig Patches.zig Refs.zig

377 fn contentBox(self: *View) *wgt.Box(ui.Widget) { 378 return &self.box.children.values()[content_index].widget.box; 379 } 380 381 fn header(self: *View) *Header.View { 382 return &self.box.children.values()[header_index].widget.repo_files_header; 383 } 384 385 fn headerActive(self: *View) bool { 386 return self.box.getFocus().child_id == self.header().getFocus().id; 387 } 388 389 fn listScroll(self: *View) *wgt.Scroll(ui.Widget) { 390 return &self.contentBox().children.values()[list_index].widget.scroll; 391 } 392 393 fn listBox(self: *View) *wgt.Box(ui.Widget) { 394 return &self.listScroll().child.box; 395 } 396 397 fn detailOuter(self: *View) *wgt.Box(ui.Widget) { 398 return &self.contentBox().children.values()[detail_index].widget.box; 399 } 400 401 fn navBox(self: *View) *wgt.Box(ui.Widget) { 402 return &self.detailOuter().children.values()[detail_nav_index].widget.box; 403 } 404 405 // the bordered box wrapping the content scroll (border toggles with focus). 406 fn detailScrollFrame(self: *View) *wgt.Box(ui.Widget) { 407 return &self.detailOuter().children.values()[detail_scroll_index].widget.box; 408 } 409 410 fn detailScroll(self: *View) *wgt.Scroll(ui.Widget) { 411 return &self.detailScrollFrame().children.values()[0].widget.scroll; 412 } 413 414 fn detailInner(self: *View) *wgt.Box(ui.Widget) { 415 return &self.detailScroll().child.box; 416 } 417 418 fn detailActive(self: *View) bool { 419 const content = self.contentBox(); 420 const cid = content.getFocus().child_id orelse return false; 421 return content.children.getIndex(cid) == detail_index; 422 } 423 424 // the selected list row's index, or null when nothing is focused. 425 fn selectedRowIndex(self: *View) ?usize { 426 const lb = self.listBox(); 427 const cid = lb.getFocus().child_id orelse return null; 428 return lb.children.getIndex(cid); 429 } 430 431 // the entry the selected row points at, or null for the ".." row (which 432 // isn't an entry). directory rows return their entry too, though they carry 433 // no contents. 434 fn selectedEntry(self: *View) ?Entry { 435 const idx = self.selectedRowIndex() orelse return null; 436 const base: usize = if (self.data.dir.len != 0) 1 else 0; // skip the ".." row 437 if (idx < base) return null; 438 const e = idx - base; 439 if (e >= self.data.entries.len) return null; 440 return self.data.entries[e]; 441 } 442 443 pub fn build(self: *View, allocator: std.mem.Allocator, constraint: layout.Constraint, root_focus: *Focus) !void { 444 self.clearGrid(); 445 446 // swap the detail pane to the selected entry when the selection changes. 447 try self.refreshDetail(allocator); 448 449 // the selected list row shows a border (the focused TextBox upgrades it 450 // to a double border itself); the rest stay borderless. 451 const lb = self.listBox(); 452 for (lb.children.keys(), lb.children.values()) |id, *child| { 453 switch (child.widget) { 454 .text_box => |*tb| tb.options.border_style = if (lb.getFocus().child_id == id) .single else .hidden, 455 else => {}, 456 } 457 } 458 459 // the content scroll's border is single normally and double when the 460 // content is focused (the content box itself is borderless). 461 const has_content = self.detailInner().children.count() > 0; 462 const content_focused = if (root_focus.grandchild_id) |g| self.detailInner().children.contains(g) else false; 463 self.detailScrollFrame().options.border_style = if (!has_content) null else if (content_focused) .double else .single; 464 465 // cap the list at list_max_width only while the detail pane fits beside 466 // it. the box drops the detail pane when the width can't hold both 467 // minimums, so when it's that narrow we lift the cap and let the list 468 // fill the whole width. 469 const both_panes_fit = if (constraint.max_size.width) |w| w >= list_max_width + detail_min_width else true; 470 self.contentBox().children.values()[list_index].max_size = if (both_panes_fit) .{ .width = list_max_width, .height = null } else null; 471 472 // stretch the detail pane and its bordered scroll frame across the rest 473 // of the width so the pane fills the area rather than shrinking to its 474 // content, like the refs view's columns. the content scroll inside keeps 475 // its natural width: forcing it to the full inner width would make it one 476 // column too wide whenever the vertical scrollbar appears, leaving a 477 // phantom horizontal scroll. (height fills via the scroll clipping to the 478 // viewport.) 479 if (constraint.max_size.width) |w| { 480 const detail_w = if (both_panes_fit) w - list_max_width else w; 481 self.contentBox().children.values()[detail_index].min_size = .{ .width = detail_w, .height = null }; 482 self.detailOuter().children.values()[detail_scroll_index].min_size = .{ .width = detail_w, .height = null }; 483 } else { 484 self.contentBox().children.values()[detail_index].min_size = .{ .width = detail_min_width, .height = null }; 485 self.detailOuter().children.values()[detail_scroll_index].min_size = null; 486 } 487 488 // crossing panes only re-selects the content box's child (focusList / 489 // focusDetail); when the window is too narrow to show both, the pane that 490 // was holding focus is dropped here. the framework recovers focus after 491 // the top-level build by re-deriving it down the selected-child chain, so 492 // there's nothing to fix up afterward. 493 try self.box.build(allocator, constraint, root_focus); 494 495 // clamp the list's initial offset (a selected row near the end of the 496 // list) against this build's grids, for the next frame. initRoot's 497 // pre-sizing build is unbounded — its full-content "viewport" would 498 // clamp the offset to zero, so only a bounded build counts. 499 if (constraint.max_size.height != null) self.listScroll().clampToContent(); 500 } 501 502 fn refreshDetail(self: *View, allocator: std.mem.Allocator) !void { 503 const cur = self.selectedRowIndex(); 504 if (std.meta.eql(cur, self.shown_index)) return; 505 try self.populateDetail(allocator); 506 self.shown_index = cur; 507 } 508 509 fn populateDetail(self: *View, allocator: std.mem.Allocator) !void { 510 const nav_box = self.navBox(); 511 const inner = self.detailInner(); 512 513 for (nav_box.children.values()) |*child| child.widget.deinit(allocator); 514 nav_box.children.clearAndFree(allocator); 515 nav_box.getFocus().child_id = null; 516 for (inner.children.values()) |*child| child.widget.deinit(allocator); 517 inner.children.clearAndFree(allocator); 518 inner.getFocus().child_id = null; 519 520 // only files have contents to show; directories and the ".." row leave 521 // the pane empty. 522 if (self.selectedEntry()) |entry| { 523 if (!entry.is_dir) { 524 // the window links sit above the scroll, so they stay put 525 // while the content scrolls. 526 if (entry.window_start > 0) try self.addNavLink(allocator, nav_box, "scroll to top", entry, 0); 527 if (entry.has_more) try self.addNavLink(allocator, nav_box, "next lines →", entry, lineNumber(entry.window_start + file_page)); 528 if (!entry.loaded) { 529 // the placeholder carries the file's "a:" link, so enter 530 // (or a click) here loads the file like on its list row. 531 const path = try childDir(self.session.page_arena.allocator(), self.data.dir, entry.name); 532 const link = try fileLink(self.session.page_arena, self.data, path, false, 0); 533 try self.addContentBox(allocator, inner, "(press enter to load this file)", link); 534 } else if (entry.is_binary) { 535 try self.addContentBox(allocator, inner, "(binary file)", ""); 536 } else { 537 const text = try numberedContent(self.session.page_arena.allocator(), entry.lines, entry.window_start); 538 try self.addContentBox(allocator, inner, text, ""); 539 } 540 } 541 } 542 // point each box at its first child so focus can descend into it. 543 if (nav_box.children.count() > 0) nav_box.getFocus().child_id = nav_box.children.keys()[0]; 544 if (inner.children.count() > 0) inner.getFocus().child_id = inner.children.keys()[0]; 545 546 // reserve the nav row's height (the shrink scroll frame yields it). 547 self.detailOuter().children.values()[detail_nav_index].min_size = 548 if (nav_box.children.count() > 0) .{ .width = null, .height = row_height } else null; 549 550 // reset the scroll to the top for the newly-shown file: directly on the 551 // terminal (the wasm offset), and via a version bump on the web (so the 552 // renderer's scroll id changes and JS drops the preserved position). 553 const sc = self.detailScroll(); 554 sc.x = 0; 555 sc.y = 0; 556 sc.getFocus().version +%= 1; 557 } 558 559 // a focusable "next" link above the content. it's an `a:` link to the 560 // selected file at `target_start`, so activating it (the host follows the 561 // link) reloads the page on the next window. 562 fn addNavLink(self: *View, allocator: std.mem.Allocator, box: *wgt.Box(ui.Widget), label: []const u8, entry: Entry, target_start: usize) !void { 563 const page_arena = self.session.page_arena; 564 const path = try childDir(page_arena.allocator(), self.data.dir, entry.name); 565 const route = self.data.location.filesRoute(self.data.ref_or_oid, self.data.ref_or_oid_value, path, target_start) orelse return error.RouteTooLong; 566 const link = try std.fmt.allocPrint(page_arena.allocator(), "a:{s}", .{try route.toUrl(page_arena)}); 567 var tb = try wgt.TextBox.init(allocator, label, .{ .border_style = .single, .rounded_corners = true, .wrap_kind = .none }); 568 errdefer tb.deinit(allocator); 569 tb.getFocus().mode = .all; 570 tb.getFocus().kind = .{ .custom = link }; 571 try box.children.put(allocator, tb.getFocus().id, .{ .widget = .{ .text_box = tb }, .rect = null, .min_size = null }); 572 } 573 574 pub fn input(self: *View, allocator: std.mem.Allocator, key: Key, root_focus: *Focus) !void { 575 if (self.headerActive()) { 576 if (key == .arrow_down) { 577 root_focus.setFocus(self.contentBox().getFocus().id); 578 } else { 579 try self.header().input(allocator, key, root_focus); 580 } 581 return; 582 } 583 if (key == .arrow_up and self.contentAtTop() and self.header().focusCloneUrl(root_focus)) return; 584 if (self.detailActive()) { 585 try self.detailInput(key, root_focus); 586 } else { 587 try self.listInput(key, root_focus); 588 } 589 } 590 591 fn listInput(self: *View, key: Key, root_focus: *Focus) !void { 592 // up/down (and the scroll wheel) move the selection; page up/down jump a 593 // fixed amount. right/Enter cross into the detail pane. Enter/clicks on a 594 // directory (or "..") row are turned into navigation by the host 595 // (crossPageLink) before reaching here. 596 if (inp.rowDelta(key, @intCast(self.listBox().children.count()))) |delta| { 597 ui.widget.moveRowFocus(self.listBox(), self.listScroll(), root_focus, delta); 598 return; 599 } 600 switch (key) { 601 .enter, .arrow_right => try self.focusDetail(root_focus), 602 else => {}, 603 } 604 } 605 606 // whether focus is on the content box (vs. a "previous"/"next" nav link). 607 fn focusOnContent(self: *View, root_focus: *Focus) bool { 608 const g = root_focus.grandchild_id orelse return false; 609 return self.detailInner().children.contains(g); 610 } 611 612 fn detailInput(self: *View, key: Key, root_focus: *Focus) !void { 613 const sc = self.detailScroll(); 614 const on_content = self.focusOnContent(root_focus); 615 // the "next" link sits above the content scroll. on the link, left returns 616 // to the file list and down drops into the content. in the content, the 617 // terminal scrolls by offset and reaching the top then pressing up crosses 618 // back up to the link; on the web vertical scrolling is the browser's job 619 // so up just crosses to the link. 620 switch (key) { 621 .arrow_left => { 622 if (on_content) { 623 if (sc.x > 0) { 624 sc.x -= 1; 625 self.detailScroll().clampToContent(); 626 } else try self.focusList(root_focus); 627 } else if (!self.moveNav(root_focus, -1)) { 628 try self.focusList(root_focus); 629 } 630 }, 631 .arrow_right => { 632 if (on_content) { 633 sc.x += 1; 634 self.detailScroll().clampToContent(); 635 } else _ = self.moveNav(root_focus, 1); 636 }, 637 .arrow_up => { 638 if (on_content) { 639 if (self.session.is_terminal and sc.y > 0) { 640 sc.y -= 1; 641 self.detailScroll().clampToContent(); 642 } else self.focusNav(root_focus); // cross up to the links 643 } 644 }, 645 .arrow_down => { 646 if (on_content) { 647 if (self.session.is_terminal) { 648 sc.y += 1; 649 self.detailScroll().clampToContent(); 650 } 651 } else self.focusContent(root_focus); // links -> content 652 }, 653 .page_up => if (on_content and self.session.is_terminal) { 654 sc.y -= 10; 655 self.detailScroll().clampToContent(); 656 }, 657 .page_down => if (on_content and self.session.is_terminal) { 658 sc.y += 10; 659 self.detailScroll().clampToContent(); 660 }, 661 .home => if (on_content and self.session.is_terminal) { 662 sc.y = 0; 663 self.detailScroll().clampToContent(); 664 }, 665 .end => if (on_content and self.session.is_terminal) { 666 sc.y = std.math.maxInt(isize); 667 self.detailScroll().clampToContent(); 668 }, 669 .mouse => |mouse| switch (mouse.action) { 670 .scroll => |dir| if (on_content and self.session.is_terminal) { 671 sc.y += if (dir == .up) -5 else 5; 672 self.detailScroll().clampToContent(); 673 }, 674 else => {}, 675 }, 676 else => {}, 677 } 678 } 679 680 // focus the first (left-most) nav link; a no-op when there are none, leaving 681 // focus on the content. 682 fn focusNav(self: *View, root_focus: *Focus) void { 683 const nav_box = self.navBox(); 684 if (nav_box.children.count() == 0) return; 685 root_focus.setFocus(nav_box.children.keys()[0]); 686 } 687 688 fn focusContent(self: *View, root_focus: *Focus) void { 689 const inner = self.detailInner(); 690 const id = inner.getFocus().child_id orelse (if (inner.children.count() > 0) inner.children.keys()[0] else return); 691 root_focus.setFocus(id); 692 } 693 694 // move focus `delta` rows within the nav box; returns false (without moving) 695 // when that would step off either end. 696 fn moveNav(self: *View, root_focus: *Focus, delta: isize) bool { 697 const nav_box = self.navBox(); 698 const keys = nav_box.children.keys(); 699 const cur_id = nav_box.getFocus().child_id orelse return false; 700 const cur: isize = @intCast(nav_box.children.getIndex(cur_id) orelse return false); 701 const target = cur + delta; 702 if (target < 0 or target >= @as(isize, @intCast(keys.len))) return false; 703 root_focus.setFocus(keys[@intCast(target)]); 704 return true; 705 } 706 707 // enter the detail pane, landing on the "next" link when there is one (so 708 // right-arrow reaches it), else on the content. a directory or ".." row has 709 // neither, so there's nothing to enter. selecting the frame's child (then 710 // focusing the frame) also handles the too-narrow case where the pane isn't 711 // laid out yet — focus lands inside it after the next build. 712 fn focusDetail(self: *View, root_focus: *Focus) !void { 713 const frame = self.detailOuter(); 714 if (self.navBox().children.count() > 0) { 715 frame.getFocus().child_id = self.navBox().getFocus().id; 716 } else if (self.detailInner().children.count() > 0) { 717 frame.getFocus().child_id = self.detailScrollFrame().getFocus().id; 718 } else return; 719 root_focus.setFocus(frame.getFocus().id); 720 } 721 722 // return to the list. 723 fn focusList(self: *View, root_focus: *Focus) !void { 724 root_focus.setFocus(self.listScroll().getFocus().id); 725 } 726 727 pub fn clearGrid(self: *View) void { 728 self.box.clearGrid(); 729 } 730 731 pub fn getGrid(self: View) ?Grid { 732 return self.box.getGrid(); 733 } 734 735 pub fn getFocus(self: *View) *Focus { 736 return self.box.getFocus(); 737 } 738 739 fn contentAtTop(self: *View) bool { 740 if (self.detailActive()) { 741 if (self.detailOuter().getFocus().child_id == self.navBox().getFocus().id) return true; 742 return self.navBox().children.count() == 0 and 743 (!self.session.is_terminal or self.detailScroll().y == 0); 744 } 745 const lb = self.listBox(); 746 const cid = lb.getFocus().child_id orelse return true; 747 return lb.children.getIndex(cid) == 0; 748 } 749 750 // only the clone-url row sits directly below the repository header. 751 pub fn atTop(self: *View) bool { 752 return self.headerActive() or (!self.header().hasCloneUrl() and self.contentAtTop()); 753 } 754 755 pub fn focusCloneUrl(self: *View, root_focus: *Focus) bool { 756 return self.header().focusCloneUrl(root_focus); 757 } 758 }; 759 760 // join `lines` into one string, each prefixed with its 1-based file line number 761 // (right-aligned in a column wide enough for the last number, then a space), 762 // like the diffs view. `start` is the window's 0-based first line, so numbers 763 // continue across paginated windows. 764 fn numberedContent(arena: std.mem.Allocator, lines: []const []const u8, start: usize) ![]const u8 { 765 if (lines.len == 0) return ""; 766 const width = std.fmt.count("{d}", .{start + lines.len}); 767 const indent = try arena.alloc(u8, width); 768 @memset(indent, ' '); 769 770 var out: std.ArrayList(u8) = .empty; 771 for (lines, 0..) |line, i| { 772 if (i != 0) try out.append(arena, '\n'); 773 const num_str = try std.fmt.allocPrint(arena, "{d}", .{start + i + 1}); 774 try out.appendSlice(arena, indent[0 .. width - num_str.len]); 775 try out.appendSlice(arena, num_str); 776 try out.append(arena, ' '); 777 try out.appendSlice(arena, line); 778 } 779 return out.toOwnedSlice(arena); 780 } 781 782 // the index of the "README"/"README.md" file entry (case-insensitive), or null 783 // if none. used to pick the default selection at the repo root. 784 fn readmeIndex(entries: []const Entry) ?usize { 785 for (entries, 0..) |entry, i| { 786 if (!entry.is_dir and isReadme(entry.name)) return i; 787 } 788 return null; 789 } 790 791 fn isReadme(name: []const u8) bool { 792 return std.ascii.eqlIgnoreCase(name, "README") or std.ascii.eqlIgnoreCase(name, "README.md"); 793 } 794 795 // the index of the entry the route named (data.selected_file), or null if none. 796 fn selectedFileIndex(data: *const Self) ?usize { 797 const name = data.selected_file orelse return null; 798 for (data.entries, 0..) |entry, i| { 799 if (!entry.is_dir and std.mem.eql(u8, entry.name, name)) return i; 800 } 801 return null; 802 } 803 804 // an "a:" link to the files route at `path`, pinned to the listing's ref, so 805 // following it navigates to that directory's listing. 806 fn dirLink(page_arena: *std.heap.ArenaAllocator, data: *const Self, path: []const u8) ![]const u8 { 807 const route = data.location.filesRoute(data.ref_or_oid, data.ref_or_oid_value, path, 0) orelse return error.RouteTooLong; 808 return std.fmt.allocPrint(page_arena.allocator(), "a:{s}", .{try route.toUrl(page_arena)}); 809 } 810 811 // a link to the file's route. a preloaded file gets an "ai:" link 812 // (crossPageLink ignores it, so a click selects the row in place and shows its 813 // contents); an unloaded file gets an "a:" link, so activating it reloads the 814 // page with that file selected and its content read. 815 fn fileLink(page_arena: *std.heap.ArenaAllocator, data: *const Self, path: []const u8, loaded: bool, line: usize) ![]const u8 { 816 const route = data.location.filesRoute(data.ref_or_oid, data.ref_or_oid_value, path, line) orelse return error.RouteTooLong; 817 const prefix = if (loaded) "ai:" else "a:"; 818 return std.fmt.allocPrint(page_arena.allocator(), "{s}{s}", .{ prefix, try route.toUrl(page_arena) }); 819 } 820 821 // the url `line` value for a content window: its first line's 1-based number, 822 // except the first window, which serializes as unset (0). 823 fn lineNumber(window_start: usize) usize { 824 return if (window_start == 0) 0 else window_start + 1; 825 } 826 827 // `dir`/`name`, or just `name` at the root. 828 pub fn childDir(arena: std.mem.Allocator, dir: []const u8, name: []const u8) ![]const u8 { 829 return if (dir.len == 0) name else std.fmt.allocPrint(arena, "{s}/{s}", .{ dir, name }); 830 } 831 832 // `dir` with its last segment removed ("" when `dir` has a single segment). 833 fn parentDir(dir: []const u8) []const u8 { 834 const slash = std.mem.lastIndexOfScalar(u8, dir, '/') orelse return ""; 835 return dir[0..slash]; 836 } 837 838 // the "<ref_or_oid> <value>" banner shown above the listing. 839 pub const Header = struct { 840 content: []const u8, 841 842 // `value` arrives url-encoded, so decode it for display. 843 pub fn init(aa: std.mem.Allocator, ref_or_oid: ui.RoutablePage.RefOrOid, value: []const u8) !Header { 844 const decoded = std.Uri.percentDecodeInPlace(try aa.dupe(u8, value)); 845 return .{ 846 .content = try std.fmt.allocPrint(aa, "{s} {s}", .{ @tagName(ref_or_oid), decoded }), 847 }; 848 } 849 850 pub const View = struct { 851 box: wgt.Box(ui.Widget), 852 data: *const Header, 853 854 pub fn init(allocator: std.mem.Allocator, data: *const Header, session: *ui.Session, location: ui.RoutablePage.RepoLocation) !Header.View { 855 var box = try wgt.Box(ui.Widget).init(allocator, .{ .border_style = null, .direction = .horiz }); 856 errdefer box.deinit(allocator); 857 858 if (session.data.host_kind == .server) { 859 if (try ui.widget.CopyableText.initClone(allocator, session, location)) |value| { 860 var clone_url = value; 861 errdefer clone_url.deinit(allocator); 862 const min_width = clone_url.minWidth(); 863 box.getFocus().child_id = clone_url.getFocus().id; 864 try box.children.put(allocator, clone_url.getFocus().id, .{ .widget = .{ .copyable_text = clone_url }, .rect = null, .min_size = .{ .width = min_width, .height = 3 }, .max_size = .{ .width = min_width, .height = 3 } }); 865 } 866 } 867 868 var spacer = try ui.widget.Spacer.init(allocator); 869 errdefer spacer.deinit(allocator); 870 try box.children.put(allocator, spacer.getFocus().id, .{ .widget = .{ .spacer = spacer }, .rect = null, .min_size = null }); 871 872 var text_box = try wgt.TextBox.init(allocator, data.content, .{ .border_style = .hidden, .wrap_kind = .none }); 873 errdefer text_box.deinit(allocator); 874 try box.children.put(allocator, text_box.getFocus().id, .{ .widget = .{ .text_box = text_box }, .rect = null, .min_size = null, .flex = .shrink }); 875 876 return .{ .box = box, .data = data }; 877 } 878 879 pub fn deinit(self: *Header.View, allocator: std.mem.Allocator) void { 880 self.box.deinit(allocator); 881 } 882 883 pub fn build(self: *Header.View, allocator: std.mem.Allocator, constraint: layout.Constraint, root_focus: *Focus) !void { 884 self.clearGrid(); 885 try self.box.build(allocator, constraint, root_focus); 886 } 887 888 pub fn input(self: *Header.View, allocator: std.mem.Allocator, key: Key, root_focus: *Focus) !void { 889 const clone_url = self.cloneUrl() orelse return; 890 try clone_url.input(allocator, key, root_focus); 891 } 892 893 pub fn focusCloneUrl(self: *Header.View, root_focus: *Focus) bool { 894 const clone_url = self.cloneUrl() orelse return false; 895 root_focus.setFocus(clone_url.getFocus().id); 896 return true; 897 } 898 899 pub fn hasCloneUrl(self: *Header.View) bool { 900 return self.cloneUrl() != null; 901 } 902 903 fn cloneUrl(self: *Header.View) ?*ui.widget.CopyableText { 904 for (self.box.children.values()) |*child| switch (child.widget) { 905 .copyable_text => |*copyable_text| return copyable_text, 906 else => {}, 907 }; 908 return null; 909 } 910 911 pub fn clearGrid(self: *Header.View) void { 912 self.box.clearGrid(); 913 } 914 915 pub fn getGrid(self: Header.View) ?Grid { 916 return self.box.getGrid(); 917 } 918 919 pub fn getFocus(self: *Header.View) *Focus { 920 return self.box.getFocus(); 921 } 922 }; 923 }; 924