link to docs from diagnostics (#773)

link to docs from diagnostics - closes #431

Author: Rich-Harris

packages/editor/src/lib/Workspace.svelte.ts

@@ -124,7 +124,10 @@ export class Workspace {
 					span.innerHTML = `${error.message
 						.replace(/&/g, '&')
 						.replace(/</g, '&lt;')
-						.replace(/`(.+?)`/g, `<code>$1</code>`)} <strong>(${error.code})</strong>`;
+						.replace(
+							/`(.+?)`/g,
+							`<code>$1</code>`
+						)} (<a href="/docs/svelte/compiler-errors#${error.code}">${error.code}</a>)`;
 
 					return span;
 				}
@@ -142,7 +145,10 @@ export class Workspace {
 					span.innerHTML = `${warning.message
 						.replace(/&/g, '&amp;')
 						.replace(/</g, '&lt;')
-						.replace(/`(.+?)`/g, `<code>$1</code>`)} <strong>(${warning.code})</strong>`;
+						.replace(
+							/`(.+?)`/g,
+							`<code>$1</code>`
+						)} (<a href="/docs/svelte/compiler-warnings#${warning.code}">${warning.code}</a>)`;
 
 					return span;
 				}

packages/editor/src/lib/codemirror.css

@@ -292,21 +292,15 @@
 						padding: 0.2rem 0.4rem;
 					}
 
-					strong {
+					a {
 						font: var(--sk-font-mono);
+						color: inherit;
 						font-size: 1em;
-						opacity: 0.7;
+						/* opacity: 0.7; */
+						text-decoration: underline;
 					}
 				}
 			}
 		}
-
-		&.cm-tooltip-below .cm-tooltip-section {
-			/* top: 1rem; */
-		}
-
-		&.cm-tooltip-above .cm-tooltip-section {
-			/* bottom: 1rem; */
-		}
 	}
 }