michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: generate client directive scripts from metadata

Browse source
This commit is contained in:
bholmesdev 2022-06-03 18:39:35 -04:00
parent 98e2b53ddc
commit 56530a86ef
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/astro/src/core/render/dev/index.ts
View file

@ -18,6 +18,7 @@ import { getStylesForURL } from './css.js';
import { injectTags } from './html.js'; import { injectTags } from './html.js';
import { isBuildingToSSR } from '../../util.js'; import { isBuildingToSSR } from '../../util.js';
import { collectMdMetadata } from '../util.js'; import { collectMdMetadata } from '../util.js';
import { hydrationSpecifier } from '../../../runtime/server/util.js';
export interface SSROptions { export interface SSROptions {
/** an instance of the AstroConfig */ /** an instance of the AstroConfig */
@ -129,6 +130,17 @@ export async function render(
}, },
children: '', children: '',
}); });
// generate client directive scripts to prevent `isSelfAccepting` issues during development
await Promise.all([...mod.$$metadata.hydrationDirectives].map(async (hydrationDirective) => {
const [, resolvedImport] = await viteServer.moduleGraph.resolveUrl(hydrationSpecifier(hydrationDirective))
scripts.add({
props: {
type: 'module',
src: resolvedImport,
},
children: "",
});
}))
} }
// TODO: We should allow adding generic HTML elements to the head, not just scripts // TODO: We should allow adding generic HTML elements to the head, not just scripts
for (const script of astroConfig._ctx.scripts) { for (const script of astroConfig._ctx.scripts) {