58 lines
1.6 KiB
TypeScript
58 lines
1.6 KiB
TypeScript
import type { AstroIntegration } from 'astro';
|
|
import { readFileSync } from 'node:fs';
|
|
|
|
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-labs/ssr', '@astrojs/lit', 'lit/decorators.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(),
|
|
});
|
|
},
|
|
'astro:build:setup': ({ vite, target }) => {
|
|
if (target === 'server') {
|
|
if (!vite.ssr) {
|
|
vite.ssr = {};
|
|
}
|
|
if (!vite.ssr.noExternal) {
|
|
vite.ssr.noExternal = [];
|
|
}
|
|
if (Array.isArray(vite.ssr.noExternal)) {
|
|
vite.ssr.noExternal.push('lit');
|
|
}
|
|
}
|
|
},
|
|
},
|
|
};
|
|
}
|