Separate path pings from normal pings (sveltejs#358)

* fix: reload with Enter key while in URL input

* correct URL when navigating to a non-page

* separate path pings from regular pings

---------

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

Author: 3 people

content/tutorial/common/src/__client.js

@@ -2,11 +2,12 @@ function post(data) {
 	parent.postMessage(data, '*');
 }
 
+function update_path(path) {
+	post({ type: 'path', path });
+}
+
 function ping() {
-	post({
-		type: 'ping',
-		path: location.pathname + location.search + location.hash
-	});
+	post({ type: 'ping' });
 }
 
 function pause() {
@@ -58,6 +59,8 @@ window.addEventListener('click', (e) => {
 			if (url.origin !== location.origin) {
 				e.preventDefault();
 				window.open(url, '_blank');
+			} else {
+				update_path(url.pathname + url.search + url.hash);
 			}
 		}
 		node = node.parent;
@@ -77,7 +80,7 @@ let previous_href = location.href;
 const url_observer = new MutationObserver(() => {
 	if (location.href !== previous_href) {
 		previous_href = location.href;
-		ping();
+		update_path(location.pathname + location.search + location.hash);
 	}
 });
 

src/routes/tutorial/[slug]/Chrome.svelte

@@ -23,6 +23,12 @@
 		on:change={(e) => {
 			dispatch('change', { value: e.currentTarget.value });
 		}}
+		on:keydown={(e) => {
+			if (e.key === 'Enter') {
+				dispatch('change', { value: e.currentTarget.value });
+				e.currentTarget.blur();
+			}
+		}}
 	/>
 
 	<a {href} class="new-tab icon" target="_blank" aria-label={href ? 'open in new tab' : undefined} tabindex="0" />

src/routes/tutorial/[slug]/Output.svelte

@@ -47,8 +47,9 @@
 
 		if (paused) return;
 
-		if (e.data.type === 'ping') {
+		if (e.data.type === 'path') {
 			path = e.data.path;
+		} else if (e.data.type === 'ping') {
 			loading = false;
 
 			clearTimeout(timeout);