refined-github · fregante · Mar 7, 2020 · Feb 21, 2020 · Feb 21, 2020 · Feb 22, 2020
diff --git a/readme.md b/readme.md
@@ -141,6 +141,9 @@ Thanks for contributing! 🦋🙌
 - [](# "reload-failed-proxied-images") [Retries downloading images that failed downloading due to GitHub limited proxying.](https://user-images.githubusercontent.com/14858959/64068746-21991100-cc45-11e9-844e-827f5ac9b51e.png)
 - [](# "forked-to") [Adds a shortcut to your forks next to the `Fork` button on the current repo.](https://user-images.githubusercontent.com/55841/64077281-17bbf000-cccf-11e9-9123-092063f65357.png)
 - [](# "repo-age") [Adds the age of the repository to the statistics bar.](https://user-images.githubusercontent.com/3848317/69494069-7d2b1180-0eb7-11ea-9aa1-d4194e566340.png)
+- [](# "repo-wide-file-finder") Enables the the File Finder keyboard shortcut (<kbd>t</kbd>) on Issues and Pull Request pages as well.
+- [](# "file-finder-buffer") [Lets you start typing your search immediately after invoking the File Finder (<kbd>t</kbd>), instead of having you wait for it to load first.](https://user-images.githubusercontent.com/1402241/75542106-1c811700-5a5a-11ea-8aa5-bea0472c59e2.gif)
+- [](# "preserve-file-finder-term") Preserves the search terms when navigating back and forth between the File Finder and the files.
 
 <!-- Refer to style guide above. Keep this message between sections. -->
 

diff --git a/source/content.ts b/source/content.ts
@@ -160,6 +160,9 @@ import './features/quick-mention';
 import './features/extend-discussion-status-filters';
 import './features/expand-all-hidden-comments';
 import './features/bugs-tab';
+import './features/repo-wide-file-finder';
+import './features/preserve-file-finder-term';
+import './features/file-finder-buffer';
 
 // Add global for easier debugging
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

diff --git a/source/features/file-finder-buffer.tsx b/source/features/file-finder-buffer.tsx
@@ -0,0 +1,57 @@
+import React from 'dom-chef';
+import select from 'select-dom';
+import onetime from 'onetime';
+import features from '../libs/features';
+
+const getBufferField = onetime((): HTMLInputElement => (
+	<input
+		type="text"
+		className="form-control tree-finder-input p-0 ml-1 border-0"
+		style={{marginTop: '-0.19em'}}
+	/> as unknown as HTMLInputElement
+));
+
+function pjaxStartHandler(event: CustomEvent): void {
+	const destinationURL = event.detail?.url || '';
+	if (destinationURL.split('/')[5] !== 'find') {
+		return;
+	}
+
+	const bufferField = getBufferField();
+	bufferField.value = '';
+
+	const repoName = select('.pagehead h1 strong')!;
+	repoName.classList.remove('mr-2');
+	repoName.after(
+		<span className="path-divider flex-self-stretch">/</span>,
+		<span className="flex-self-stretch mr-2">{bufferField}</span>
+	);
+	bufferField.focus();
+	select('.pagehead-actions')!.remove();
+}
+
+function pjaxCompleteHandler(): void {
+	const fileFinderInput = select<HTMLInputElement>('#tree-finder-field');
+	if (fileFinderInput) {
+		const bufferField = getBufferField();
+		fileFinderInput.value = bufferField.value;
+		fileFinderInput.selectionStart = bufferField.selectionStart;
+		fileFinderInput.selectionEnd = bufferField.selectionEnd;
+		fileFinderInput.dispatchEvent(new Event('input')); // Trigger search
+	}
+}
+
+function init(): void {
+	window.addEventListener('pjax:start', pjaxStartHandler);
+	window.addEventListener('pjax:complete', pjaxCompleteHandler);
+}
+
+features.add({
+	id: __featureName__,
+	description: 'Lets you start typing your search immediately after invoking the File Finder (`t`), instead of having you wait for it to load first.',
+	screenshot: 'https://user-images.githubusercontent.com/1402241/75542106-1c811700-5a5a-11ea-8aa5-bea0472c59e2.gif',
+	include: [
+		features.isRepo
+	],
+	init
+});
diff --git a/source/features/preserve-file-finder-term.tsx b/source/features/preserve-file-finder-term.tsx
@@ -0,0 +1,47 @@
+import select from 'select-dom';
+import elementReady from 'element-ready';
+import features from '../libs/features';
+
+function unloadHandler(): void {
+	const inputElement = select<HTMLInputElement>('#tree-finder-field');
+	if (inputElement) {
+		history.replaceState({
+			...history.state,
+			rghFileFinderTerm: inputElement.value
+		}, document.title);
+	}
+}
+
+// Set the input field value & trigger event
+async function setValueInField(): Promise<void> {
+	const preservedValue = history.state.rghFileFinderTerm;
+	const inputElement = select<HTMLInputElement>('#tree-finder-field');
+	if (inputElement && !inputElement.value && preservedValue) {
+		await elementReady('.js-tree-browser-results > li', {stopOnDomReady: false});	// For search to work
+		inputElement.value = preservedValue;
+		inputElement.dispatchEvent(new Event('input')); // Trigger search
+	}
+}
+
+function init(): void {
+	setValueInField();
+	window.addEventListener('beforeunload', unloadHandler);
+	window.addEventListener('pjax:start', unloadHandler);
+}
+
+function deinit(): void {
+	window.removeEventListener('beforeunload', unloadHandler);
+	window.removeEventListener('pjax:start', unloadHandler);
+}
+
+features.add({
+	id: __featureName__,
+	description: 'Preserves the search terms when navigating back and forth between the File Finder and the files.',
+	screenshot: false,
+	include: [
+		features.isFileFinder
+	],
+	load: features.onAjaxedPages,
+	init,
+	deinit
+});
diff --git a/source/features/repo-wide-file-finder.tsx b/source/features/repo-wide-file-finder.tsx
@@ -0,0 +1,31 @@
+import React from 'dom-chef';
+import select from 'select-dom';
+import features from '../libs/features';
+import {getRepoURL} from '../libs/utils';
+import getDefaultBranch from '../libs/get-default-branch';
+
+async function init(): Promise<void> {
+	if (!select.exists('[data-hotkey="t"]')) {
+		document.body.append(
+			<a
+				hidden
+				data-hotkey="t"
+				data-pjax="true"
+				href={`/${getRepoURL()}/find/${await getDefaultBranch()}`}
+			/>
+		);
+	}
+}
+
+features.add({
+	id: __featureName__,
+	description: 'Enables the the File Finder keyboard shortcut (`t`) on Issues and Pull Request pages as well.',
+	screenshot: false,
+	include: [
+		features.isRepoDiscussionList,
+		features.isPR,
+		features.isIssue
+	],
+	load: features.onAjaxedPages,
+	init
+});
diff --git a/source/globals.d.ts b/source/globals.d.ts
@@ -36,6 +36,7 @@ interface GlobalEventHandlersEventMap {
 	'rgh:view-markdown-rendered': CustomEvent;
 	'filterable:change': CustomEvent;
 	'page:loaded': CustomEvent;
+	'pjax:start': CustomEvent;
 }
 
 declare namespace JSX {

diff --git a/source/libs/page-detect.ts b/source/libs/page-detect.ts
@@ -345,6 +345,12 @@ export const _isSingleFile = [
 	'https://github.com/sindresorhus/refined-github/blob/fix-narrow-diff/distribution/content.css',
 	'https://github.com/sindresorhus/refined-github/blob/master/edit.txt'
 ];
+
+export const isFileFinder = (): boolean => /^find\//.test(getRepoPath()!);
+export const _isFileFinder = [
+	'https://github.com/sindresorhus/refined-github/find/master'
+];
+
 export const isSingleGist = (): boolean => isGist() && /^\/(gist\/)?[^/]+\/[0-9a-f]{32}$/.test(location.pathname);
 export const _isSingleGist = [
 	'https://gist.github.com/sindresorhus/0ea3c2845718a0a0f0beb579ff14f064'