Merge pull request #696 from team-lab/feature/file-finder

add file finder
This commit is contained in:
Naoki Takezoe
2015-05-25 01:49:45 +09:00
8 changed files with 582 additions and 2 deletions

View File

@@ -477,6 +477,34 @@ trait RepositoryViewerControllerBase extends ControllerBase {
repository)
})
/**
* Displays the file find of branch.
*/
get("/:owner/:repository/find/:ref")(referrersOnly { repository =>
using(Git.open(getRepositoryDir(repository.owner, repository.name))){ git =>
JGitUtil.getTreeId(git, params("ref")).map{ treeId =>
html.find(params("ref"),
treeId,
repository,
context.loginAccount match {
case None => List()
case account: Option[Account] => getGroupsByUserName(account.get.userName)
})
} getOrElse NotFound
}
})
/**
* Get all file list of branch.
*/
ajaxGet("/:owner/:repository/tree-list/:tree")(referrersOnly { repository =>
using(Git.open(getRepositoryDir(repository.owner, repository.name))){ git =>
val treeId = params("tree")
contentType = formats("json")
Map("paths" -> JGitUtil.getAllFileListByTreeId(git, treeId))
}
})
private def splitPath(repository: RepositoryService.RepositoryInfo, path: String): (String, String) = {
val id = repository.branchList.collectFirst {
case branch if(path == branch || path.startsWith(branch + "/")) => branch

View File

@@ -324,6 +324,39 @@ object JGitUtil {
}
}
/**
* get all file list by revision. only file.
*/
def getTreeId(git: Git, revision: String): Option[String] = {
using(new RevWalk(git.getRepository)){ revWalk =>
val objectId = git.getRepository.resolve(revision)
if(objectId==null) return None
val revCommit = revWalk.parseCommit(objectId)
Some(revCommit.getTree.name)
}
}
/**
* get all file list by tree object id.
*/
def getAllFileListByTreeId(git: Git, treeId: String): List[String] = {
using(new RevWalk(git.getRepository)){ revWalk =>
val objectId = git.getRepository.resolve(treeId+"^{tree}")
if(objectId==null) return Nil
using(new TreeWalk(git.getRepository)){ treeWalk =>
treeWalk.addTree(objectId)
treeWalk.setRecursive(true)
var ret: List[String] = Nil
if(treeWalk != null){
while (treeWalk.next()) {
ret +:= treeWalk.getPathString
}
}
ret.reverse
}
}
}
/**
* Returns the commit list of the specified branch.
*

View File

@@ -28,6 +28,7 @@
<script src="@assets/vendors/zclip/ZeroClipboard.min.js"></script>
<script src="@assets/vendors/elastic/jquery.elastic.source.js"></script>
<script src="@assets/vendors/facebox/facebox.js"></script>
<script src="@assets/vendors/jquery-hotkeys/jquery.hotkeys.js"></script>
</head>
<body>
<form id="search" action="@path/search" method="POST">

View File

@@ -14,11 +14,12 @@
@html.main(s"${repository.owner}/${repository.name}", Some(repository)) {
@html.menu("code", repository, Some(branch), pathList.isEmpty, groupNames.isEmpty, info, error){
<div class="head">
<div class="pull-right">
<div class="pull-right"><div class="btn-group">
<a href="@url(repository)/find/@encodeRefName(branch)" class="btn btn-mini" data-toggle="tooltip" data-placement="bottom" data-hotkey="t" title="Quickly jump between files"><i class="icon icon-th-list"></i></a>
@if(pathList.nonEmpty){
<a href="@url(repository)/commits/@encodeRefName(branch)/@pathList.mkString("/")" class="btn btn-mini" data-toggle="tooltip" data-placement="bottom" title="Browse commits for this branch"><i class="icon icon-time"></i></a>
}
</div>
</div></div>
@branchPullRequest.map{ case (pullRequest, issue) =>
<a href="@url(repository)/pull/@pullRequest.issueId" class="btn btn-pullrequest-branch btn-mini" title="@issue.title" data-toggle="tooltip">#@pullRequest.issueId</a>
}.getOrElse{

View File

@@ -0,0 +1,121 @@
@(branch: String,
treeId: String,
repository: gitbucket.core.service.RepositoryService.RepositoryInfo,
groupNames: List[String]
)(implicit context: gitbucket.core.controller.Context)
@import context._
@import gitbucket.core.view.helpers._
@html.main(s"${repository.owner}/${repository.name}", Some(repository)) {
@html.menu("code", repository, Some(branch), false, groupNames.isEmpty){
<div>
<div class="find-input">
<span class="bold"><a href="@url(repository)/tree/@encodeRefName(branch)">@repository.name</a></span>
/
<input type="text" name="query" autocomplete="off" spellcheck="false" autofocus id="tree-finder-field" />
</div>
</div>
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert">&times;</button>
You've activated the <em>file finder</em>
by pressing <code>t</code>.
Start typing to filter the file list. Use <code></code> and
<code></code> to navigate,
<code>enter</code> to view files.
</div>
<table id="tree-finder-results" class="table table-file-list" data-url="@url(repository)/tree-list/@treeId">
<tbody class="tree-browser-result-template">
<tr class="tree-browser-result">
<td class="icon"><span class="icon icon-chevron-right"></span></td>
<td class="icon"><img src="@assets/common/images/file.png"/></td>
<td>
<a href="@url(repository)/blob/@encodeRefName(branch)"></a>
</td>
</tr>
</tbody>
<tbody class="no-results" style="display:none">
<tr><th colspan="3">No matching files</th><tr>
</tbody>
</table>
<script>
$(function(){
var paths = [];
var template = $('.tree-browser-result-template tr').clone();
var res = $('.tree-browser-result-template');
var cursor = 0;
var pathBase = template.find("a").attr("href");
var preKeyword;
$.ajax({
url:$('#tree-finder-results').data('url'),
cache: true,
dataType: 'json',
success:function(data){
paths = data.paths;
filter();
}
});
var timer;
$("#tree-finder-field").keydown(function(e){
var target = $(this);
if(e.keyCode == 40){ // DOWN
e.preventDefault();
e.stopPropagation();
changeCursor(cursor+1);
}else if(e.keyCode==38){ // UP
e.preventDefault();
e.stopPropagation();
changeCursor(cursor-1);
}else if(e.keyCode==13){ // ENTER
e.preventDefault();
e.stopPropagation();
target = $(".tree-browser-result.navigation-focus a");
if(target[0]){
target[0].click();
}
}else if(e.keyCode==27){ // ESC
e.preventDefault();
e.stopPropagation();
history.back();
}else{
clearTimeout(timer);
timer=setTimeout(filter,300);
}
});
function changeCursor(newPos){
if(!$(".tree-browser-result")[newPos]){
return $(".tree-browser-result.navigation-focus");
}
$(".tree-browser-result.navigation-focus").removeClass("navigation-focus");
cursor=newPos;
scrollIntoView($($(".tree-browser-result")[cursor]).addClass("navigation-focus"));
}
function filter(){
var v = $('#tree-finder-field').val();
if(v==preKeyword || paths.length==0){
return;
}
scrollIntoView('#tree-finder-field');
preKeyword=v;
cursor=0;
var p = string_score_sort(v, paths, 50);
res.html("");
if(p.length==0){
$(".no-results").show();
return;
}else{
$(".no-results").hide();
for(var i=0;i < p.length;i++){
var row = template.clone();
row.find("a").attr("href",pathBase+"/"+p[i].string).html(string_score_hilight(p[i], '<b>'));
if(cursor==i){
row.addClass("navigation-focus");
}
row.appendTo(res);
}
}
}
});
</script>
}
}

View File

@@ -1407,3 +1407,36 @@ h5 a.markdown-anchor-link {
h6 a.markdown-anchor-link {
top: 6px;
}
/****************************************************************************/
/* File finder */
/****************************************************************************/
#tree-finder-field{
border: none;
box-shadow: none;
padding: 0;
margin: 0;
vertical-align: baseline;
font-size: 100%;
height: inherit;
width: 780px;
}
.find-input{
font-size: 18px;
margin-bottom: 20px;
}
#tree-finder-results td{
padding:7px 6px;
}
#tree-finder-results td.icon{
width:16px; padding: 7px 2px 7px 6px;
}
#tree-finder-results .tree-browser-result .icon-chevron-right{
visibility: hidden;
}
#tree-finder-results .tree-browser-result.navigation-focus .icon-chevron-right{
visibility: visible;
}
#tree-finder-results .navigation-focus td{
background: #fff;
}

View File

@@ -12,6 +12,12 @@ $(function(){
$('a[data-toggle=tooltip]').tooltip();
$('li[data-toggle=tooltip]').tooltip();
// activate hotkey
$('a[data-hotkey]').each(function(){
var target = this;
$(document).bind('keydown', $(target).data('hotkey'), function(){ target.click(); });
});
// anchor icon for markdown
$('.markdown-head').mouseenter(function(e){
$(e.target).children('a.markdown-anchor-link').show();
@@ -334,3 +340,156 @@ $.extend(JsDiffRender.prototype,{
return ret;
}
});
/**
* scroll target into view ( on bottom edge, or on top edge)
*/
function scrollIntoView(target){
target = $(target);
var $window = $(window);
var docViewTop = $window.scrollTop();
var docViewBottom = docViewTop + $window.height();
var elemTop = target.offset().top;
var elemBottom = elemTop + target.height();
if(elemBottom > docViewBottom){
$('html, body').scrollTop(elemBottom - $window.height());
}else if(elemTop < docViewTop){
$('html, body').scrollTop(elemTop);
}
}
/**
* escape html
*/
function escapeHtml(text){
return text.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/"/g,'&quot;').replace(/>/g,'&gt;');
}
/**
* calculate string ranking for path.
* Original ported from:
* http://joshaven.com/string_score
* https://github.com/joshaven/string_score
*
* Copyright (C) 2009-2011 Joshaven Potter <yourtech@@gmail.com>
* Special thanks to all of the contributors listed here https://github.com/joshaven/string_score
* MIT license: http://www.opensource.org/licenses/mit-license.php
*/
function string_score(string, word) {
'use strict';
var zero = {score:0,matchingPositions:[]};
// If the string is equal to the word, perfect match.
if (string === word || word === "") { return {score:1, matchingPositions:[]}; }
var lString = string.toUpperCase(),
strLength = string.length,
lWord = word.toUpperCase(),
wordLength = word.length;
return calc(zero, 0, 0, 0, 0, []);
function calc(score, startAt, skip, runningScore, i, matchingPositions){
if( i < wordLength) {
var charScore = 0;
// Find next first case-insensitive match of a character.
var idxOf = lString.indexOf(lWord[i], skip);
if (-1 === idxOf) { return score; }
score = calc(score, startAt, idxOf+1, runningScore, i, matchingPositions);
if (startAt === idxOf) {
// Consecutive letter & start-of-string Bonus
charScore = 0.8;
} else {
charScore = 0.1;
// Acronym Bonus
// Weighing Logic: Typing the first character of an acronym is as if you
// preceded it with two perfect character matches.
if (/^[^A-Za-z0-9]/.test(string[idxOf - 1])){
charScore += 0.7;
}else if(string[idxOf]==lWord[i]) {
// Upper case bonus
charScore += 0.2;
// Camel case bonus
if(/^[a-z]/.test(string[idxOf - 1])){
charScore += 0.5;
}
}
}
// Same case bonus.
if (string[idxOf] === word[i]) { charScore += 0.1; }
// next round
return calc(score, idxOf + 1, idxOf + 1, runningScore + charScore, i+1, matchingPositions.concat(idxOf));
}else{
// skip non match folder
var effectiveLength = strLength;
if(matchingPositions.length){
var lastSlash = string.lastIndexOf('/',matchingPositions[0]);
if(lastSlash!==-1){
effectiveLength = strLength-lastSlash;
}
}
// Reduce penalty for longer strings.
var finalScore = 0.5 * (runningScore / effectiveLength + runningScore / wordLength);
if ((lWord[0] === lString[0]) && (finalScore < 0.85)) {
finalScore += 0.15;
}
if(score.score >= finalScore){
return score;
}
return {score:finalScore, matchingPositions:matchingPositions};
}
}
}
/**
* sort by string_score.
* @param word {String} search word
* @param strings {Array[String]} search targets
* @param limit {Integer} result limit
* @return {Array[{score:"float matching score", string:"string target string", matchingPositions:"Array[Interger] matchng positions"}]}
*/
function string_score_sort(word, strings, limit){
var ret = [], i=0, l = (word==="")?Math.min(strings.length, limit):strings.length;
for(; i < l; i++){
var score = string_score(strings[i],word);
if(score.score){
score.string = strings[i];
ret.push(score);
}
}
ret.sort(function(a,b){
var s = b.score - a.score;
if(s === 0){
return a.string > b.string ? 1 : -1;
}
return s;
});
ret = ret.slice(0,limit);
return ret;
}
/**
* hilight by result.
* @param score {string:"string target string", matchingPositions:"Array[Interger] matchng positions"}
* @param hilight tag ex: '<b>'
* @return array of hilighted html elements.
*/
function string_score_hilight(result, tag){
var str = result.string, msp=0;
return hilight([], 0, result.matchingPositions[msp]);
function hilight(html, c, mpos){
if(mpos === undefined){
return html.concat(document.createTextNode(str.substr(c)));
}else{
return hilight(html.concat([
document.createTextNode(str.substring(c,mpos)),
$(tag).text(str[mpos])]),
mpos+1, result.matchingPositions[++msp]);
}
}
}

View File

@@ -0,0 +1,204 @@
/*jslint browser: true*/
/*jslint jquery: true*/
/*
* jQuery Hotkeys Plugin
* Copyright 2010, John Resig
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* Based upon the plugin by Tzury Bar Yochay:
* https://github.com/tzuryby/jquery.hotkeys
*
* Original idea by:
* Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
*/
/*
* One small change is: now keys are passed by object { keys: '...' }
* Might be useful, when you want to pass some other data to your handler
*/
(function(jQuery) {
jQuery.hotkeys = {
version: "0.8",
specialKeys: {
8: "backspace",
9: "tab",
10: "return",
13: "return",
16: "shift",
17: "ctrl",
18: "alt",
19: "pause",
20: "capslock",
27: "esc",
32: "space",
33: "pageup",
34: "pagedown",
35: "end",
36: "home",
37: "left",
38: "up",
39: "right",
40: "down",
45: "insert",
46: "del",
59: ";",
61: "=",
96: "0",
97: "1",
98: "2",
99: "3",
100: "4",
101: "5",
102: "6",
103: "7",
104: "8",
105: "9",
106: "*",
107: "+",
109: "-",
110: ".",
111: "/",
112: "f1",
113: "f2",
114: "f3",
115: "f4",
116: "f5",
117: "f6",
118: "f7",
119: "f8",
120: "f9",
121: "f10",
122: "f11",
123: "f12",
144: "numlock",
145: "scroll",
173: "-",
186: ";",
187: "=",
188: ",",
189: "-",
190: ".",
191: "/",
192: "`",
219: "[",
220: "\\",
221: "]",
222: "'"
},
shiftNums: {
"`": "~",
"1": "!",
"2": "@",
"3": "#",
"4": "$",
"5": "%",
"6": "^",
"7": "&",
"8": "*",
"9": "(",
"0": ")",
"-": "_",
"=": "+",
";": ": ",
"'": "\"",
",": "<",
".": ">",
"/": "?",
"\\": "|"
},
// excludes: button, checkbox, file, hidden, image, password, radio, reset, search, submit, url
textAcceptingInputTypes: [
"text", "password", "number", "email", "url", "range", "date", "month", "week", "time", "datetime",
"datetime-local", "search", "color", "tel"],
// default input types not to bind to unless bound directly
textInputTypes: /textarea|input|select/i,
options: {
filterInputAcceptingElements: true,
filterTextInputs: true,
filterContentEditable: true
}
};
function keyHandler(handleObj) {
if (typeof handleObj.data === "string") {
handleObj.data = {
keys: handleObj.data
};
}
// Only care when a possible input has been specified
if (!handleObj.data || !handleObj.data.keys || typeof handleObj.data.keys !== "string") {
return;
}
var origHandler = handleObj.handler,
keys = handleObj.data.keys.toLowerCase().split(" ");
handleObj.handler = function(event) {
// Don't fire in text-accepting inputs that we didn't directly bind to
if (this !== event.target &&
(jQuery.hotkeys.options.filterInputAcceptingElements &&
jQuery.hotkeys.textInputTypes.test(event.target.nodeName) ||
(jQuery.hotkeys.options.filterContentEditable && jQuery(event.target).attr('contenteditable')) ||
(jQuery.hotkeys.options.filterTextInputs &&
jQuery.inArray(event.target.type, jQuery.hotkeys.textAcceptingInputTypes) > -1))) {
return;
}
var special = event.type !== "keypress" && jQuery.hotkeys.specialKeys[event.which],
character = String.fromCharCode(event.which).toLowerCase(),
modif = "",
possible = {};
jQuery.each(["alt", "ctrl", "shift"], function(index, specialKey) {
if (event[specialKey + 'Key'] && special !== specialKey) {
modif += specialKey + '+';
}
});
// metaKey is triggered off ctrlKey erronously
if (event.metaKey && !event.ctrlKey && special !== "meta") {
modif += "meta+";
}
if (event.metaKey && special !== "meta" && modif.indexOf("alt+ctrl+shift+") > -1) {
modif = modif.replace("alt+ctrl+shift+", "hyper+");
}
if (special) {
possible[modif + special] = true;
}
else {
possible[modif + character] = true;
possible[modif + jQuery.hotkeys.shiftNums[character]] = true;
// "$" can be triggered as "Shift+4" or "Shift+$" or just "$"
if (modif === "shift+") {
possible[jQuery.hotkeys.shiftNums[character]] = true;
}
}
for (var i = 0, l = keys.length; i < l; i++) {
if (possible[keys[i]]) {
return origHandler.apply(this, arguments);
}
}
};
}
jQuery.each(["keydown", "keyup", "keypress"], function() {
jQuery.event.special[this] = {
add: keyHandler
};
});
})(jQuery || this.jQuery || window.jQuery);