vim mode (sveltejs#253)

* vim mode

* enable vim via ?vim=true

---------

Co-authored-by: Rich Harris <[email protected]>

Author: Rich-Harris

package.json

@@ -40,6 +40,7 @@
 		"@codemirror/lang-javascript": "^6.1.4",
 		"@codemirror/language": "^6.6.0",
 		"@codemirror/lint": "^6.2.0",
+		"@codemirror/search": "^6.3.0",
 		"@codemirror/state": "^6.2.0",
 		"@codemirror/view": "^6.9.2",
 		"@fontsource/roboto-mono": "^4.5.10",
@@ -48,6 +49,7 @@
 		"@lezer/javascript": "^1.4.1",
 		"@lezer/lr": "^1.3.3",
 		"@replit/codemirror-lang-svelte": "^6.0.0",
+		"@replit/codemirror-vim": "^6.0.9",
 		"@rich_harris/svelte-split-pane": "^1.1.0",
 		"@webcontainer/api": "^1.1.0",
 		"adm-zip": "^0.5.10",

pnpm-lock.yaml

@@ -78,10 +78,26 @@
 		}
 	}
 
+	let installed_vim = false;
+
 	/** @param {import('$lib/types').Stub[]} $files */
-	function reset($files) {
+	async function reset($files) {
 		if (skip_reset) return;
 
+		let should_install_vim = localStorage.getItem('vim') === 'true';
+
+		const q = new URLSearchParams(location.search);
+		if (q.has('vim')) {
+			should_install_vim = q.get('vim') === 'true';
+			localStorage.setItem('vim', should_install_vim.toString());
+		}
+
+		if (!installed_vim && should_install_vim) {
+			installed_vim = true;
+			const { vim } = await import('@replit/codemirror-vim');
+			extensions.push(vim());
+		}
+
 		for (const file of $files) {
 			if (file.type !== 'file') continue;
 
@@ -174,11 +190,11 @@
 		skip_reset = true;
 	});
 
-	afterNavigate(() => {
+	afterNavigate(async () => {
 		skip_reset = false;
 
 		editor_states.clear();
-		reset($files);
+		await reset($files);
 
 		if (editor_view) {
 			// could be false if onMount returned early