File previewing

"Bash(dotnet build:*)",

"Bash(dotnet run:*)"

@using System.Text

@implements IDisposable

else if (!entries.Any() && !isViewingFile)

@if (entries.Any())

{

<div class="file-list">

<table>

<thead>

<th>Name</th>

<th>Message</th>

<th>Date</th>

</thead>

<tbody>

@foreach (var entry in entries.OrderByDescending(e => e.TargetType == TreeEntryTargetType.Tree).ThenBy(e => e.Name))

{

var entryPath = string.IsNullOrEmpty(displayPath) ? entry.Name : $"{displayPath}/{entry.Name}";

var entryUrl = $"/repo/tree/{Uri.EscapeDataString(currentBranch)}/{entryPath}";

var isCurrentFile = isViewingFile && entryPath == currentPath;

var commitInfo = GetLastCommitForPath(entryPath);

<tr class="@(isCurrentFile ? "current-file" : "")">

<td class="name-cell">

@if (entry.TargetType == TreeEntryTargetType.Tree)

{

<span class="icon">📁</span>

<a href="@entryUrl">@entry.Name</a>

}

else

{

<span class="icon">📄</span>

<a href="@entryUrl">@entry.Name</a>

}

</td>

<td class="commit-message">

@if (commitInfo != null)

{

<span>@commitInfo.MessageShort</span>

}

else

{

<span>-</span>

}

</td>

<td class="commit-date">

@if (commitInfo != null)

{

<span title="@commitInfo.When.ToString("yyyy-MM-dd HH:mm:ss")">@GetRelativeTime(commitInfo.When)</span>

}

else

{

<span>-</span>

}

</td>

</tr>

}

</tbody>

</table>

</div>

}

@if (!string.IsNullOrEmpty(fileContent))

{

<div class="file-viewer @(isReadme ? "readme-viewer" : "")">

<div class="file-viewer-header">

<span class="icon">@(isReadme ? "📖" : "📄")</span>

<span class="file-name">@fileName</span>

</div>

<div class="file-content">

<pre>@fileContent</pre>

</div>

</div>

}

private string displayPath = "";

private bool isViewingFile = false;

private string? fileContent = null;

private string? fileName = null;

private bool isReadme = false;

private Repository? repo = null;

private Commit? currentCommit = null;

private class CommitInfo

{

public string MessageShort { get; set; } = "";

public DateTimeOffset When { get; set; }

}

private Dictionary<string, CommitInfo?> commitCache = new();

repo = new Repository(repoPath);

currentCommit = branch.Tip;

if (currentCommit == null)

// Check if the path is a file or directory

var treeEntry = currentCommit[currentPath];

if (treeEntry == null)

SetNotFound();

return;

}

if (treeEntry.TargetType == TreeEntryTargetType.Blob)

{

// It's a file - display it

isViewingFile = true;

var blob = (Blob)treeEntry.Target;

fileContent = blob.GetContentText();

fileName = System.IO.Path.GetFileName(currentPath);

isReadme = false;

// Show the directory contents

displayPath = System.IO.Path.GetDirectoryName(currentPath)?.Replace("\\", "/") ?? "";

var parentPath = string.IsNullOrEmpty(displayPath) ? "" : displayPath;

var parentEntry = string.IsNullOrEmpty(parentPath) ? null : currentCommit[parentPath];

if (parentEntry?.TargetType == TreeEntryTargetType.Tree)

{

entries = ((Tree)parentEntry.Target).ToList();

}

else if (string.IsNullOrEmpty(parentPath))

{

entries = currentCommit.Tree.ToList();

}

else

{

entries = Enumerable.Empty<TreeEntry>();

}

}

else if (treeEntry.TargetType == TreeEntryTargetType.Tree)

{

// It's a directory

var tree = (Tree)treeEntry.Target;

entries = tree.ToList();

displayPath = currentPath;

// Look for README file

TryFindAndDisplayReadme(tree);

else

{

// Root directory

entries = currentCommit.Tree.ToList();

displayPath = "";

// Look for README file

TryFindAndDisplayReadme(currentCommit.Tree);

}

}

private void TryFindAndDisplayReadme(Tree tree)

{

var readmeNames = new[] { "README.md", "README.txt", "README", "Readme.md", "Readme.txt", "Readme", "readme.md", "readme.txt", "readme" };

foreach (var readmeName in readmeNames)

{

var readmeEntry = tree.FirstOrDefault(e => e.Name.Equals(readmeName, StringComparison.OrdinalIgnoreCase));

if (readmeEntry != null && readmeEntry.TargetType == TreeEntryTargetType.Blob)

{

var blob = (Blob)readmeEntry.Target;

fileContent = blob.GetContentText();

fileName = readmeEntry.Name;

isReadme = true;

break;

}

}

}

private CommitInfo? GetLastCommitForPath(string path)

{

if (repo == null || currentCommit == null)

return null;

if (commitCache.TryGetValue(path, out var cached))

return cached;

try

{

var commits = repo.Commits.QueryBy(path, new CommitFilter {

IncludeReachableFrom = currentCommit,

FirstParentOnly = true

});

var lastCommit = commits.FirstOrDefault()?.Commit;

if (lastCommit != null)

{

var info = new CommitInfo

{

MessageShort = lastCommit.MessageShort,

When = lastCommit.Author.When

};

commitCache[path] = info;

return info;

}

}

catch

{

// If we can't get commit info, just return null

}

commitCache[path] = null;

return null;

}

private string GetRelativeTime(DateTimeOffset when)

{

var now = DateTimeOffset.Now;

var diff = now - when;

if (diff.TotalSeconds < 60)

return "just now";

if (diff.TotalMinutes < 60)

return $"{(int)diff.TotalMinutes} minute{((int)diff.TotalMinutes == 1 ? "" : "s")} ago";

if (diff.TotalHours < 24)

return $"{(int)diff.TotalHours} hour{((int)diff.TotalHours == 1 ? "" : "s")} ago";

if (diff.TotalDays < 30)

return $"{(int)diff.TotalDays} day{((int)diff.TotalDays == 1 ? "" : "s")} ago";

if (diff.TotalDays < 365)

return $"{(int)(diff.TotalDays / 30)} month{((int)(diff.TotalDays / 30) == 1 ? "" : "s")} ago";

return $"{(int)(diff.TotalDays / 365)} year{((int)(diff.TotalDays / 365) == 1 ? "" : "s")} ago";

public void Dispose()

{

repo?.Dispose();

}

.current-file {

background: #fff8c5 !important;

border-left: 3px solid #0969da;

}

.current-file:hover {

background: #fff8c5 !important;

}

.file-viewer {

margin-top: 1.5rem;

border: 1px solid #d0d7de;

border-radius: 6px;

overflow: hidden;

}

.file-viewer-header {

display: flex;

align-items: center;

gap: 0.5rem;

padding: 0.75rem 1rem;

background: #f6f8fa;

border-bottom: 1px solid #d0d7de;

font-weight: 600;

color: #24292f;

}

.file-content {

overflow-x: auto;

}

.file-content pre {

margin: 0;

padding: 1rem;

font-family: 'Consolas', 'Monaco', 'Courier New', monospace;

font-size: 0.875rem;

line-height: 1.5;

color: #24292f;

white-space: pre;

overflow-x: auto;

}

background-color: var(--gh-color-canvas-default);