fix: hide error overlay tip, log [astro] instead of [vite] (#4162)

Co-authored-by: Nate Moore <[email protected]>
withastro · Aug 5, 2022 · 9014f0f · 9014f0f
1 parent e569f0a
commit 9014f0f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/astro/src/core/render/dev/index.ts b/packages/astro/src/core/render/dev/index.ts
@@ -120,7 +120,7 @@ export async function render(
 		scripts.add({
 			props: {
 				type: 'module',
-				src: new URL('../../../runtime/client/hmr.js', import.meta.url).pathname,
+				src: '/@id/astro/runtime/client/hmr.js',
 			},
 			children: '',
 		});

diff --git a/packages/astro/src/vite-plugin-astro-server/index.ts b/packages/astro/src/vite-plugin-astro-server/index.ts
@@ -406,5 +406,13 @@ export default function createPlugin({ config, logging }: AstroPluginOptions): v
 				});
 			};
 		},
+		// HACK: hide `.tip` in Vite's ErrorOverlay and replace [vite] messages with [astro]
+		transform(code, id, opts = {}) {
+			if (opts.ssr) return;
+			if (!id.includes('vite/dist/client/client.mjs')) return;
+			return code
+					.replace(/\.tip \{[^}]*\}/gm, '.tip {\n  display: none;\n}')
+					.replace(/\[vite\]/g, '[astro]')
+		}
 	};
 }