mirror of https://github.com/go-gitea/gitea.git
Feature: Find files in repo (#15028)
* Create finding files page ui in repo page * Get tree entries for find repo files. * Move find files JS to individual file. * gen swagger. * Add enry.IsVendor to exclude entries Co-authored-by: delvh <dev.lh@web.de> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>pull/19732/head
Roger Luo
3 years ago
committed by
GitHub
parent
7948cb3149
commit
2ae45cebbf
@ -0,0 +1,24 @@
|
||||
// Copyright 2022 The Gitea Authors. All rights reserved.
|
||||
// Use of this source code is governed by a MIT-style
|
||||
// license that can be found in the LICENSE file.
|
||||
|
||||
package repo
|
||||
|
||||
import (
|
||||
"net/http"
|
||||
|
||||
"code.gitea.io/gitea/modules/base"
|
||||
"code.gitea.io/gitea/modules/context"
|
||||
)
|
||||
|
||||
const (
|
||||
tplFindFiles base.TplName = "repo/find/files"
|
||||
)
|
||||
|
||||
// FindFiles render the page to find repository files
|
||||
func FindFiles(ctx *context.Context) {
|
||||
path := ctx.Params("*")
|
||||
ctx.Data["TreeLink"] = ctx.Repo.RepoLink + "/src/" + path
|
||||
ctx.Data["DataLink"] = ctx.Repo.RepoLink + "/tree-list/" + path
|
||||
ctx.HTML(http.StatusOK, tplFindFiles)
|
||||
}
|
||||
@ -0,0 +1,55 @@
|
||||
// Copyright 2022 The Gitea Authors. All rights reserved.
|
||||
// Use of this source code is governed by a MIT-style
|
||||
// license that can be found in the LICENSE file.
|
||||
|
||||
package repo
|
||||
|
||||
import (
|
||||
"net/http"
|
||||
|
||||
"code.gitea.io/gitea/modules/base"
|
||||
"code.gitea.io/gitea/modules/context"
|
||||
"code.gitea.io/gitea/modules/git"
|
||||
|
||||
"github.com/go-enry/go-enry/v2"
|
||||
)
|
||||
|
||||
// TreeList get all files' entries of a repository
|
||||
func TreeList(ctx *context.Context) {
|
||||
tree, err := ctx.Repo.Commit.SubTree("/")
|
||||
if err != nil {
|
||||
ctx.ServerError("Repo.Commit.SubTree", err)
|
||||
return
|
||||
}
|
||||
|
||||
entries, err := tree.ListEntriesRecursive()
|
||||
if err != nil {
|
||||
ctx.ServerError("ListEntriesRecursive", err)
|
||||
return
|
||||
}
|
||||
entries.CustomSort(base.NaturalSortLess)
|
||||
|
||||
files := make([]string, 0, len(entries))
|
||||
for _, entry := range entries {
|
||||
if !isExcludedEntry(entry) {
|
||||
files = append(files, entry.Name())
|
||||
}
|
||||
}
|
||||
ctx.JSON(http.StatusOK, files)
|
||||
}
|
||||
|
||||
func isExcludedEntry(entry *git.TreeEntry) bool {
|
||||
if entry.IsDir() {
|
||||
return true
|
||||
}
|
||||
|
||||
if entry.IsSubModule() {
|
||||
return true
|
||||
}
|
||||
|
||||
if enry.IsVendor(entry.Name()) {
|
||||
return true
|
||||
}
|
||||
|
||||
return false
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
{{template "base/head" .}}
|
||||
<div class="page-content repository">
|
||||
{{template "repo/header" .}}
|
||||
<div class="ui container">
|
||||
<div class="df ac">
|
||||
<a href="{{$.RepoLink}}">{{.RepoName}}</a>
|
||||
<span class="mx-3">/</span>
|
||||
<div class="ui input f1">
|
||||
<input id="repo-file-find-input" type="text" autofocus data-url-data-link="{{.DataLink}}" data-url-tree-link="{{.TreeLink}}">
|
||||
</div>
|
||||
</div>
|
||||
<table id="repo-find-file-table" class="ui single line table">
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
<div id="repo-find-file-no-result" class="ui row center mt-5" hidden>
|
||||
<h3>{{.i18n.Tr "repo.find_file.no_matching"}}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{template "base/footer" .}}
|
||||
@ -0,0 +1,67 @@
|
||||
import $ from 'jquery';
|
||||
|
||||
import {svg} from '../svg.js';
|
||||
import {strSubMatch} from '../utils.js';
|
||||
const {csrf} = window.config;
|
||||
|
||||
const threshold = 50;
|
||||
let files = [];
|
||||
let $repoFindFileInput, $repoFindFileTableBody, $repoFindFileNoResult;
|
||||
|
||||
function filterRepoFiles(filter) {
|
||||
const treeLink = $repoFindFileInput.attr('data-url-tree-link');
|
||||
$repoFindFileTableBody.empty();
|
||||
|
||||
const fileRes = [];
|
||||
if (filter) {
|
||||
for (let i = 0; i < files.length && fileRes.length < threshold; i++) {
|
||||
const subMatch = strSubMatch(files[i], filter);
|
||||
if (subMatch.length > 1) {
|
||||
fileRes.push(subMatch);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (let i = 0; i < files.length && i < threshold; i++) {
|
||||
fileRes.push([files[i]]);
|
||||
}
|
||||
}
|
||||
|
||||
const tmplRow = `<tr><td><a></a></td></tr>`;
|
||||
|
||||
$repoFindFileNoResult.toggle(fileRes.length === 0);
|
||||
for (const matchRes of fileRes) {
|
||||
const $row = $(tmplRow);
|
||||
const $a = $row.find('a');
|
||||
$a.attr('href', `${treeLink}/${matchRes.join('')}`);
|
||||
const $octiconFile = $(svg('octicon-file')).addClass('mr-3');
|
||||
$a.append($octiconFile);
|
||||
// if the target file path is "abc/xyz", to search "bx", then the matchRes is ['a', 'b', 'c/', 'x', 'yz']
|
||||
// the matchRes[odd] is matched and highlighted to red.
|
||||
for (let j = 0; j < matchRes.length; j++) {
|
||||
if (!matchRes[j]) continue;
|
||||
const $span = $('<span>').text(matchRes[j]);
|
||||
if (j % 2 === 1) $span.addClass('ui text red');
|
||||
$a.append($span);
|
||||
}
|
||||
$repoFindFileTableBody.append($row);
|
||||
}
|
||||
}
|
||||
|
||||
async function loadRepoFiles() {
|
||||
files = await $.ajax({
|
||||
url: $repoFindFileInput.attr('data-url-data-link'),
|
||||
headers: {'X-Csrf-Token': csrf}
|
||||
});
|
||||
filterRepoFiles($repoFindFileInput.val());
|
||||
}
|
||||
|
||||
export function initFindFileInRepo() {
|
||||
$repoFindFileInput = $('#repo-file-find-input');
|
||||
if (!$repoFindFileInput.length) return;
|
||||
|
||||
$repoFindFileTableBody = $('#repo-find-file-table tbody');
|
||||
$repoFindFileNoResult = $('#repo-find-file-no-result');
|
||||
$repoFindFileInput.on('input', () => filterRepoFiles($repoFindFileInput.val()));
|
||||
|
||||
loadRepoFiles();
|
||||
}
|
||||
Loading…
Reference in New Issue