51 lines
1.4 KiB
TypeScript
51 lines
1.4 KiB
TypeScript
|
import { readFileSync } from 'node:fs';
|
||
|
|
import type { AstroIntegration } from 'astro';
|
||
|
|
|
||
|
|
function getViteConfiguration() {
|
||
|
|
return {
|
||
|
|
optimizeDeps: {
|
||
|
|
include: [
|
||
|
|
'@astrojs/lit/client-shim.js',
|
||
|
|
'@astrojs/lit/hydration-support.js',
|
||
|
|
'@webcomponents/template-shadowroot/template-shadowroot.js',
|
||
|
|
'lit/experimental-hydrate-support.js',
|
||
|
|
],
|
||
|
|
exclude: ['@astrojs/lit/server.js'],
|
||
|
|
},
|
||
|
|
ssr: {
|
||
|
|
external: [
|
||
|
|
'lit-element/lit-element.js',
|
||
|
|
'@lit-labs/ssr/lib/install-global-dom-shim.js',
|
||
|
|
'@lit-labs/ssr/lib/render-lit-html.js',
|
||
|
|
'@lit-labs/ssr/lib/lit-element-renderer.js',
|
||
|
|
],
|
||
|
|
},
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function (): AstroIntegration {
|
||
|
|
return {
|
||
|
|
name: '@astrojs/lit',
|
||
|
|
hooks: {
|
||
|
|
'astro:config:setup': ({ updateConfig, addRenderer, injectScript }) => {
|
||
|
|
// Inject the necessary polyfills on every page (inlined for speed).
|
||
|
|
injectScript(
|
||
|
|
'head-inline',
|
||
|
|
readFileSync(new URL('../client-shim.min.js', import.meta.url), { encoding: 'utf-8' })
|
||
|
|
);
|
||
|
|
// Inject the hydration code, before a component is hydrated.
|
||
|
|
injectScript('before-hydration', `import '@astrojs/lit/hydration-support.js';`);
|
||
|
|
// Add the lit renderer so that Astro can understand lit components.
|
||
|
|
addRenderer({
|
||
|
|
name: '@astrojs/lit',
|
||
|
|
serverEntrypoint: '@astrojs/lit/server.js',
|
||
|
|
});
|
||
|
|
// Update the vite configuration.
|
||
|
|
updateConfig({
|
||
|
|
vite: getViteConfiguration(),
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
}
|