#12060 cb5d3ae Thanks @Princesseuh! - Updates peer dependency range to support Astro 5
#12524 9f44019 Thanks @bluwy! - Updates @sveltejs/vite-plugin-svelte to v5 to handle Vite 6
#12524 9f44019 Thanks @bluwy! - Updates Vite dependency to v6 to match Astro v5
#12364 9fc2ab8 Thanks @jdtjenkins! - Adds support for Svelte 5. Svelte 3 and 4 are no longer supported.
The integration will now also no longer add vitePreprocess() by default if a preprocessor is not set up in svelte.config.js. It is recommended to set up the Svelte config manually so that features like IDE completion and syntax highlighting work properly.
If you’re using SCSS, Stylus, etc in your Svelte component style tags, make sure that the preprocessor is also set up in svelte.config.js. For example:
import { vitePreprocess } from '@astrojs/svelte';
export default { preprocess: vitePreprocess(),};Refer to the Svelte 5 migration guide and @sveltejs/vite-plugin-svelte changelog for details of their respective breaking changes.
cb5d3ae Thanks @Princesseuh! - Updates peer dependency range to support Astro 5a582cb6 Thanks @johannesspohr! - Fix Svelte component view transition state persistence#11234 4385bf7 Thanks @ematipico! - Adds a new function called addServerRenderer to the Container API. Use this function to manually store renderers inside the instance of your container.
This new function should be preferred when using the Container API in environments like on-demand pages:
import type { APIRoute } from 'astro';import { experimental_AstroContainer } from 'astro/container';import reactRenderer from '@astrojs/react/server.js';import vueRenderer from '@astrojs/vue/server.js';import ReactComponent from '../components/button.jsx';import VueComponent from '../components/button.vue';
// MDX runtime is contained inside the Astro coreimport mdxRenderer from 'astro/jsx/server.js';
// In case you need to import a custom rendererimport customRenderer from '../renderers/customRenderer.js';
export const GET: APIRoute = async (ctx) => { const container = await experimental_AstroContainer.create(); container.addServerRenderer({ renderer: reactRenderer }); container.addServerRenderer({ renderer: vueRenderer }); container.addServerRenderer({ renderer: customRenderer }); // You can pass a custom name too container.addServerRenderer({ name: 'customRenderer', renderer: customRenderer, }); const vueComponent = await container.renderToString(VueComponent); return await container.renderToResponse(Component);};#11144 803dd80 Thanks @ematipico! - The integration now exposes a function called getContainerRenderer, that can be used inside the Container APIs to load the relative renderer.
import { experimental_AstroContainer as AstroContainer } from 'astro/container';import ReactWrapper from '../src/components/ReactWrapper.astro';import { loadRenderers } from 'astro:container';import { getContainerRenderer } from '@astrojs/react';
test('ReactWrapper with react renderer', async () => { const renderers = await loadRenderers([getContainerRenderer()]); const container = await AstroContainer.create({ renderers, }); const result = await container.renderToString(ReactWrapper);
expect(result).toContain('Counter'); expect(result).toContain('Count: <!-- -->5');});#10689 683d51a5eecafbbfbfed3910a3f1fbf0b3531b99 Thanks @ematipico! - Deprecate support for versions of Node.js older than v18.17.1 for Node.js 18, older than v20.0.3 for Node.js 20, and the complete Node.js v19 release line.
This change is in line with Astro’s Node.js support policy.
51112ab3f1b134740e8307743bbb15cb0d8bdbb3 Thanks @mingjunlu! - Bumps Svelte 5 peer dependency to ^5.0.0-next.90 and support its latest breaking changesdbb0d0bd2833bf02d0aa70f87973c62ca1d58c1b Thanks @Princesseuh! - Adds TypeScript as a required peer dependency as it is required for Svelte’s editor tooling to work correctly.84502b41907316431c911f6f2ab9d432c7327065 Thanks @mwc! - Bumps Svelte 5 peer dependency to ^5.0.0-next.56 and support its latest breaking changes