-
-
- );
- }
+ var stats = this.state.stats;
+ var statsView = "";
+ if (stats) {
+ statsView = (
+
-
- {FormatNumber(stats.Total)}ms total
/
- {FormatNumber(stats.Server)}ms server
/
- {stats.Files} files
-
+
+
+ );
+ }
- return (
-
+
+
+ {FormatNumber(stats.Total)}ms total
+
{" "}
+ /
+
+ {FormatNumber(stats.Server)}ms server
+
{" "}
+ /{stats.Files} files
+
-
- });
-
+ onLoadMore: function (event) {
+ Model.LoadMore(this.props.repo);
+ },
+
+ render: function () {
+ var rev = this.props.rev,
+ repo = this.props.repo,
+ regexp = this.props.regexp,
+ matches = this.props.matches,
+ totalMatches = this.props.totalMatches;
+
+ var files = matches.map(function (match, index) {
+ return (
+ 
- );
- }
+ if (this.state.results === null && this.state.query) {
+ return (
+
-
-
-
-
-
-
-
-
- );
- }
+ );
+ },
});
/**
* Take a list of matches and turn it into a simple list of lines.
*/
-var MatchToLines = function(match) {
- var lines = [],
- base = match.LineNumber,
- nBefore = match.Before.length,
- nAfter = match.After.length;
- match.Before.forEach(function(line, index) {
- lines.push({
- Number : base - nBefore + index,
- Content: line,
- Match: false
+var MatchToLines = function (match) {
+ var lines = [],
+ base = match.LineNumber,
+ nBefore = match.Before.length,
+ nAfter = match.After.length;
+ match.Before.forEach(function (line, index) {
+ lines.push({
+ Number: base - nBefore + index,
+ Content: line,
+ Match: false,
+ });
});
- });
-
- lines.push({
- Number: base,
- Content: match.Line,
- Match: true
- });
- match.After.forEach(function(line, index) {
lines.push({
- Number: base + index + 1,
- Content: line,
- Match: false
+ Number: base,
+ Content: match.Line,
+ Match: true,
});
- });
- return lines;
+ match.After.forEach(function (line, index) {
+ lines.push({
+ Number: base + index + 1,
+ Content: line,
+ Match: false,
+ });
+ });
+
+ return lines;
};
/**
@@ -620,390 +645,444 @@ var MatchToLines = function(match) {
* TODO(knorton): This code is a bit skanky. I wrote it while sleepy. It can surely be
* made simpler.
*/
-var CoalesceMatches = function(matches) {
- var blocks = matches.map(MatchToLines),
- res = [],
- current;
- // go through each block of lines and see if it overlaps
- // with the previous.
- for (var i = 0, n = blocks.length; i < n; i++) {
- var block = blocks[i],
- max = current ? current[current.length - 1].Number : -1;
- // if the first line in the block is before the last line in
- // current, we'll be merging.
- if (block[0].Number <= max) {
- block.forEach(function(line) {
- if (line.Number > max) {
- current.push(line);
- } else if (current && line.Match) {
- // we have to go back into current and make sure that matches
- // are properly marked.
- current[current.length - 1 - (max - line.Number)].Match = true;
+var CoalesceMatches = function (matches) {
+ var blocks = matches.map(MatchToLines),
+ res = [],
+ current;
+ // go through each block of lines and see if it overlaps
+ // with the previous.
+ for (var i = 0, n = blocks.length; i < n; i++) {
+ var block = blocks[i],
+ max = current ? current[current.length - 1].Number : -1;
+ // if the first line in the block is before the last line in
+ // current, we'll be merging.
+ if (block[0].Number <= max) {
+ block.forEach(function (line) {
+ if (line.Number > max) {
+ current.push(line);
+ } else if (current && line.Match) {
+ // we have to go back into current and make sure that matches
+ // are properly marked.
+ current[
+ current.length - 1 - (max - line.Number)
+ ].Match = true;
+ }
+ });
+ } else {
+ if (current) {
+ res.push(current);
+ }
+ current = block;
}
- });
- } else {
- if (current) {
- res.push(current);
- }
- current = block;
}
- }
- if (current) {
- res.push(current);
- }
+ if (current) {
+ res.push(current);
+ }
- return res;
+ return res;
};
/**
* Use the DOM to safely htmlify some text.
*/
-var EscapeHtml = function(text) {
- var e = EscapeHtml.e;
- e.textContent = text;
- return e.innerHTML;
+var EscapeHtml = function (text) {
+ var e = EscapeHtml.e;
+ e.textContent = text;
+ return e.innerHTML;
};
-EscapeHtml.e = document.createElement('div');
+EscapeHtml.e = document.createElement("div");
/**
* Produce html for a line using the regexp to highlight matches.
*/
-var ContentFor = function(line, regexp) {
- if (!line.Match) {
- return EscapeHtml(line.Content);
- }
- var content = line.Content,
- buffer = [];
-
- while (true) {
- regexp.lastIndex = 0;
- var m = regexp.exec(content);
- if (!m) {
- buffer.push(EscapeHtml(content));
- break;
+var ContentFor = function (line, regexp) {
+ if (!line.Match) {
+ return EscapeHtml(line.Content);
}
+ var content = line.Content,
+ buffer = [];
+
+ while (true) {
+ regexp.lastIndex = 0;
+ var m = regexp.exec(content);
+ if (!m) {
+ buffer.push(EscapeHtml(content));
+ break;
+ }
- buffer.push(EscapeHtml(content.substring(0, regexp.lastIndex - m[0].length)));
- buffer.push( '' + EscapeHtml(m[0]) + '');
- content = content.substring(regexp.lastIndex);
- }
- return buffer.join('');
+ buffer.push(
+ EscapeHtml(content.substring(0, regexp.lastIndex - m[0].length))
+ );
+ buffer.push("" + EscapeHtml(m[0]) + "");
+ content = content.substring(regexp.lastIndex);
+ }
+ return buffer.join("");
};
var FileContentView = React.createClass({
- getInitialState: function() {
- return { open: !this.props.isAutoGenerated };
- },
- toggleContent: function() {
- this.state.open ? this.closeContent(): this.openContent();
- },
- openContent: function() {
- this.setState({open: true});
- },
- closeContent: function() {
- this.setState({open: false});
- },
- render: function () {
- var repo = this.props.repo,
- rev = this.props.rev,
- regexp = this.props.regexp,
- fileName = this.props.fileName,
- blocks = this.props.blocks;
- var matches = blocks.map(function(block) {
- var lines = block.map(function(line) {
- var content = ContentFor(line, regexp);
- return (
-
-
-
- {statsView}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ return (
+
+
-
+
+
+
+
+
+
+
+
+ {statsView}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Advanced: ignore case, filter by path, stuff
+ like that.
+
+
- Advanced: ignore case, filter by path, stuff like that.
-
-
- {line.Number}
-
-
- );
+ getInitialState: function () {
+ return { open: !this.props.isAutoGenerated };
+ },
+ toggleContent: function () {
+ this.state.open ? this.closeContent() : this.openContent();
+ },
+ openContent: function () {
+ this.setState({ open: true });
+ },
+ closeContent: function () {
+ this.setState({ open: false });
+ },
+ render: function () {
+ var repo = this.props.repo,
+ rev = this.props.rev,
+ regexp = this.props.regexp,
+ fileName = this.props.fileName,
+ blocks = this.props.blocks;
+ var matches = blocks.map(function (block) {
+ var lines = block.map(function (line) {
+ var content = ContentFor(line, regexp);
+ return (
+
+
+ {line.Number}
+
+
+
+ );
+ });
+ return {lines}
;
});
+
+ var autoGeneratedBadge = null;
+ if (this.props.isAutoGenerated) {
+ autoGeneratedBadge = (
+ AUTOGENERATED
+ );
+ }
+
return (
- {lines}
+
+
);
- });
-
- var autoGeneratedBadge = null;
- if (this.props.isAutoGenerated) {
- autoGeneratedBadge = AUTOGENERATED;
- }
-
- return (
-
+
+ {fileName}
+
+ {autoGeneratedBadge}
+
+ {matches}
+
-
- );
- }
+ },
});
var FilesView = React.createClass({
- onLoadMore: function(event) {
- Model.LoadMore(this.props.repo);
- },
-
- render: function() {
- var rev = this.props.rev,
- repo = this.props.repo,
- regexp = this.props.regexp,
- matches = this.props.matches,
- totalMatches = this.props.totalMatches;
-
- var files = matches.map(function (match, index) {
- return
-
- {fileName}
-
- {autoGeneratedBadge}
-
-
- {matches}
-
-
- {files}
- {more}
-
- );
- }
+ return (
+
+ {files}
+ {more}
+
+ );
+ },
});
var RepoView = React.createClass({
- getInitialState: function() {
- return { open: true };
- },
- toggleRepo: function() {
- this.state.open ? this.closeRepo(): this.openRepo();
- },
- openOrCloseRepo: function (to_open) {
- for (var ref in this.refs.filesView.refs) {
- if (ref.startsWith("file-")) {
- if (to_open) {
- this.refs.filesView.refs[ref].openContent();
- } else {
- this.refs.filesView.refs[ref].closeContent();
+ getInitialState: function () {
+ return { open: true };
+ },
+ toggleRepo: function () {
+ this.state.open ? this.closeRepo() : this.openRepo();
+ },
+ openOrCloseRepo: function (to_open) {
+ for (var ref in this.refs.filesView.refs) {
+ if (ref.startsWith("file-")) {
+ if (to_open) {
+ this.refs.filesView.refs[ref].openContent();
+ } else {
+ this.refs.filesView.refs[ref].closeContent();
+ }
+ }
}
- }
- }
- this.setState({open: to_open});
- },
- openRepo: function() {
- this.openOrCloseRepo(true);
- },
- closeRepo: function() {
- this.openOrCloseRepo(false);
- },
- render: function() {
- return (
-
-
- );
- }
+ this.setState({ open: to_open });
+ },
+ openRepo: function () {
+ this.openOrCloseRepo(true);
+ },
+ closeRepo: function () {
+ this.openOrCloseRepo(false);
+ },
+ render: function () {
+ return (
+
-
- {Model.NameForRepo(this.props.repo)}
-
-
-
+
+ );
+ },
});
var ResultView = React.createClass({
- componentWillMount: function() {
- var _this = this;
- Model.willSearch.tap(function(model, params) {
- _this.setState({
- results: null,
- query: params.q
- });
- });
- },
- openOrCloseAll: function (to_open) {
- for (var ref in this.refs) {
- if (ref.startsWith("repo-")) {
- if (to_open) {
- this.refs[ref].openRepo();
- } else {
- this.refs[ref].closeRepo();
+ componentWillMount: function () {
+ var _this = this;
+ Model.willSearch.tap(function (model, params) {
+ _this.setState({
+ results: null,
+ query: params.q,
+ });
+ });
+ },
+ openOrCloseAll: function (to_open) {
+ for (var ref in this.refs) {
+ if (ref.startsWith("repo-")) {
+ if (to_open) {
+ this.refs[ref].openRepo();
+ } else {
+ this.refs[ref].closeRepo();
+ }
+ }
+ }
+ },
+ openAll: function () {
+ this.openOrCloseAll(true);
+ },
+ closeAll: function () {
+ this.openOrCloseAll(false);
+ },
+ getInitialState: function () {
+ return { results: null };
+ },
+ render: function () {
+ if (this.state.error) {
+ return (
+
+
+
+ {Model.NameForRepo(this.props.repo)}
+
+
+
+
+ ERROR:
+ {this.state.error}
+
+ );
}
- }
- }
- },
- openAll: function () {
- this.openOrCloseAll(true);
- },
- closeAll: function () {
- this.openOrCloseAll(false);
- },
- getInitialState: function() {
- return { results: null };
- },
- render: function() {
- if (this.state.error) {
- return (
-
- ERROR:{this.state.error}
-
- );
- }
- if (this.state.results !== null && this.state.results.length === 0) {
- // TODO(knorton): We need something better here. :-(
- return (
- “Nothing for you, Dawg.”
- );
- }
+ if (this.state.results !== null && this.state.results.length === 0) {
+ // TODO(knorton): We need something better here. :-(
+ return (
+ 0 results
+ “Nothing for you, Dawg.”
+ );
+ }
- if (this.state.results === null && this.state.query) {
- return (
- 0 results
+ Searching...
+
+
+ );
+ }
- var regexp = this.state.regexp,
- results = this.state.results || [];
- var repos = results.map(function(result, index) {
- return (
-
+ Searching...
+
-
-
-
- )
- }
- return (
-
- {actions}
- {repos}
-
- );
- }
+ var regexp = this.state.regexp,
+ results = this.state.results || [];
+ var repos = results.map(function (result, index) {
+ return (
+
+
+
+
+ );
+ }
+ return (
+
+ {actions}
+ {repos}
+
+ );
+ },
});
var App = React.createClass({
- componentWillMount: function() {
- var params = ParamsFromUrl(),
- repos = (params.repos == '') ? [] : params.repos.split(',');
-
- this.setState({
- q: params.q,
- i: params.i,
- literal: params.literal,
- files: params.files,
- excludeFiles: params.excludeFiles,
- repos: repos
- });
+ componentWillMount: function () {
+ var params = ParamsFromUrl(),
+ repos = params.repos == "" ? [] : params.repos.split(",");
+
+ this.setState({
+ q: params.q,
+ i: params.i,
+ literal: params.literal,
+ files: params.files,
+ excludeFiles: params.excludeFiles,
+ repos: repos,
+ });
- var _this = this;
- Model.didLoadRepos.tap(function(model, repos) {
- // If all repos are selected, don't show any selected.
- if (model.ValidRepos(_this.state.repos).length == model.RepoCount()) {
- _this.setState({repos: []});
- }
- });
+ var _this = this;
+ Model.didLoadRepos.tap(function (model, repos) {
+ // If all repos are selected, don't show any selected.
+ if (
+ model.ValidRepos(_this.state.repos).length == model.RepoCount()
+ ) {
+ _this.setState({ repos: [] });
+ }
+ });
- Model.didSearch.tap(function(model, results, stats) {
- _this.refs.searchBar.setState({
- stats: stats,
- repos: repos,
- });
-
- _this.refs.resultView.setState({
- results: results,
- regexp: _this.refs.searchBar.getRegExp(),
- error: null
- });
- });
+ Model.didSearch.tap(function (model, results, stats) {
+ _this.refs.searchBar.setState({
+ stats: stats,
+ repos: repos,
+ });
+
+ _this.refs.resultView.setState({
+ results: results,
+ regexp: _this.refs.searchBar.getRegExp(),
+ error: null,
+ });
+ });
- Model.didLoadMore.tap(function(model, repo, results) {
- _this.refs.resultView.setState({
- results: results,
- regexp: _this.refs.searchBar.getRegExp(),
- error: null
- });
- });
+ Model.didLoadMore.tap(function (model, repo, results) {
+ _this.refs.resultView.setState({
+ results: results,
+ regexp: _this.refs.searchBar.getRegExp(),
+ error: null,
+ });
+ });
- Model.didError.tap(function(model, error) {
- _this.refs.resultView.setState({
- results: null,
- error: error
- });
- });
+ Model.didError.tap(function (model, error) {
+ _this.refs.resultView.setState({
+ results: null,
+ error: error,
+ });
+ });
- window.addEventListener('popstate', function(e) {
- var params = ParamsFromUrl();
- _this.refs.searchBar.setParams(params);
- Model.Search(params);
- });
- },
- onSearchRequested: function(params) {
- this.updateHistory(params);
- Model.Search(this.refs.searchBar.getParams());
- },
- updateHistory: function(params) {
- var path = location.pathname +
- '?q=' + encodeURIComponent(params.q) +
- '&i=' + encodeURIComponent(params.i) +
- '&literal=' + encodeURIComponent(params.literal) +
- '&files=' + encodeURIComponent(params.files) +
- '&excludeFiles=' + encodeURIComponent(params.excludeFiles) +
- '&repos=' + params.repos;
- history.pushState({path:path}, '', path);
- },
- render: function() {
- return (
-
-
- );
- }
+ window.addEventListener("popstate", function (e) {
+ var params = ParamsFromUrl();
+ _this.refs.searchBar.setParams(params);
+ Model.Search(params);
+ });
+ },
+ onSearchRequested: function (params) {
+ this.updateHistory(params);
+ Model.Search(this.refs.searchBar.getParams());
+ },
+ updateHistory: function (params) {
+ var path =
+ location.pathname +
+ "?q=" +
+ encodeURIComponent(params.q) +
+ "&i=" +
+ encodeURIComponent(params.i) +
+ "&literal=" +
+ encodeURIComponent(params.literal) +
+ "&files=" +
+ encodeURIComponent(params.files) +
+ "&excludeFiles=" +
+ encodeURIComponent(params.excludeFiles) +
+ "&repos=" +
+ params.repos;
+ history.pushState({ path: path }, "", path);
+ },
+ render: function () {
+ return (
+
+
+ );
+ },
});
-React.renderComponent(
-