Fix hoisted scripts propagation (#11084)

.changeset/hungry-phones-melt.md

@@ -0,0 +1,5 @@
+---
+"astro": patch
+---
+
+Fixes regression when handling hoisted scripts from content collections

packages/astro/src/core/build/plugins/plugin-analyzer.ts

@@ -54,7 +54,12 @@ export function vitePluginAnalyzer(
 				if (hoistedScripts.size) {
 					for (const parentInfo of getParentModuleInfos(from, this, isPropagatedAsset)) {
 						if (isPropagatedAsset(parentInfo.id)) {
-							internals.propagatedScriptsMap.set(parentInfo.id, hoistedScripts);
+							for (const hid of hoistedScripts) {
+								if (!internals.propagatedScriptsMap.has(parentInfo.id)) {
+									internals.propagatedScriptsMap.set(parentInfo.id, new Set());
+								}
+								internals.propagatedScriptsMap.get(parentInfo.id)?.add(hid);
+							}
 						} else if (moduleIsTopLevelPage(parentInfo)) {
 							for (const hid of hoistedScripts) {
 								if (!pageScripts.has(parentInfo.id)) {

packages/astro/test/content-collections.test.js

@@ -145,6 +145,25 @@ describe('Content Collections', () => {
 				});
 			});
 		});
+
+		describe('Hoisted scripts', () => {
+			it('Contains all the scripts imported by components', async () => {
+				const html = await fixture.readFile('/with-scripts/one/index.html');
+				const $ = cheerio.load(html);
+				// NOTE: Hoisted scripts have two tags currently but could be optimized as one. However, we're moving towards
+				// `experimental.directRenderScript` so this optimization isn't a priority at the moment.
+				assert.equal($('script').length, 2);
+				// Read the scripts' content
+				const scripts = $('script')
+					.map((_, el) => $(el).attr('src'))
+					.toArray();
+				const scriptsCode = (
+					await Promise.all(scripts.map(async (src) => await fixture.readFile(src)))
+				).join('\n');
+				assert.match(scriptsCode, /ScriptCompA/);
+				assert.match(scriptsCode, /ScriptCompB/);
+			});
+		});
 	});
 
 	const blogSlugToContents = {

packages/astro/test/fixtures/content-collections/src/components/ScriptCompA.astro

@@ -0,0 +1 @@
+<script>console.log('ScriptCompA')</script>

packages/astro/test/fixtures/content-collections/src/components/ScriptCompB.astro

@@ -0,0 +1 @@
+<script>console.log('ScriptCompB')</script>

packages/astro/test/fixtures/content-collections/src/content/with-scripts/one.mdx

@@ -0,0 +1,7 @@
+import ScriptCompA from '../../components/ScriptCompA.astro'
+import ScriptCompB from '../../components/ScriptCompB.astro'
+
+Both scripts should exist.
+
+<ScriptCompA />
+<ScriptCompB />

packages/astro/test/fixtures/content-collections/src/pages/with-scripts/[...slug].astro

@@ -0,0 +1,21 @@
+---
+import { getCollection } from 'astro:content';
+
+export async function getStaticPaths() {
+  const blogEntries = await getCollection('with-scripts');
+  return blogEntries.map(entry => ({
+    params: { slug: entry.slug }, props: { entry },
+  }));
+}
+
+const { entry } = Astro.props;
+
+const { Content } = await entry.render();
+const { title } = entry.data;
+---
+
+<article>
+  <h1>This is a content collection post</h1>
+  <h2>{title}</h2>
+  <Content />
+</article>