@astrojs/preact

• 3.5.4

  Nov 21, 2024

  🐞 Patch Changes

  • #12481 8a46e80 Thanks @marbrex! - Resolve vite peer dependency problem for strict package managers like Yarn in PnP mode.
• 3.5.4-beta.0

  Nov 21, 2024

  🐞 Patch Changes

  • #12481 8a46e80 Thanks @marbrex! - Resolve vite peer dependency problem for strict package managers like Yarn in PnP mode.
• 3.5.3

  Sep 6, 2024

  🐞 Patch Changes

  • #11930 4a44e82 Thanks @lukasbachlechner! - Preact components no longer throw an error if a property is null.
• 3.5.2

  Aug 28, 2024

  🐞 Patch Changes

  • #11834 5f2536b Thanks @ph1p! - Preact signals are now serialized correctly in arrays when they are given to components.
• 3.5.1

  Jul 17, 2024

  🐞 Patch Changes

  • #11464 2cdb685 Thanks @rschristian! - Swap out preact-ssr-prepass for renderToStringAsync from preact-render-to-string
• 3.5.0

  Jun 17, 2024

  🍿 Minor Changes

  • #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 core
    import mdxRenderer from 'astro/jsx/server.js';
    
    // In case you need to import a custom renderer
    import 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);
    };

• 3.4.0

  Jun 6, 2024

  🍿 Minor Changes

  • #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');
    });

• 3.3.0

  May 9, 2024

  🍿 Minor Changes

  • #10938 fd508a0 Thanks @florian-lefebvre! - Adds a devtools option

    You can enable Preact devtools in development by setting devtools: true in your preact() integration config:

    import { defineConfig } from 'astro/config';
    import preact from '@astrojs/preact';
    
    export default defineConfig({
      integrations: [preact({ devtools: true })],
    });

• 3.2.0

  Apr 11, 2024

  🍿 Minor Changes

  • #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.

• 3.1.2

  Apr 2, 2024

  🐞 Patch Changes

  • #10585 ad50784adc6f262fc563999e97df3a5dc9087c88 Thanks @rschristian! - Fixes (theoretical) edge case in Preact integration’s JSX aliases
• 3.1.1

  Feb 22, 2024

  🐞 Patch Changes

  • #10200 c692d0c66a5062937e47402dc700d41c2a5dfc5c Thanks @Princesseuh! - Fixes passing children to server-rendered components causing an error
• 3.1.0

  Jan 4, 2024

  🍿 Minor Changes

  • #9524 0903ef90494e9c8bd0272347a0cdd51eca7f4648 Thanks @aleksandrjet! - Allows rendering lazy components.

    You can now use lazy components with Suspense:

    import { lazy, Suspense } from 'preact/compat';
    
    const HeavyComponent = lazy(() => import('./HeavyComponent'));
    
    const Component = () => {
      return (
        <Suspense fallback={<p>Loading...</p>}>
          <HeavyComponent foo="bar" />
        </Suspense>
      );
    };

• 3.0.2

  Dec 27, 2023

  🐞 Patch Changes

  • #9482 72b26daf694b213918f02d0fcbf90ab5b7ebc31f Thanks @natemoo-re! - Improves compatability with the Qwik adapter

  • #9479 1baf0b0d3cbd0564954c2366a7278794fad6726e Thanks @sarah11918! - Updates README

• 3.0.0

  Aug 30, 2023

  ✨ Major Changes

  • #8188 d0679a666 Thanks @ematipico! - Remove support for Node 16. The lowest supported version by Astro and all integrations is now v18.14.1. As a reminder, Node 16 will be deprecated on the 11th September 2023.

  • #8179 6011d52d3 Thanks @matthewp! - Astro 3.0 Release Candidate

  • #7924 519a1c4e8 Thanks @matthewp! - New include and exclude config options

    The Preact integration now has new include and exclude config options. Use these if you want to use Preact alongside another JSX framework; include specifies files to be compiled for Preact and exclude does the opposite.

  🐞 Patch Changes

  • #8264 1f58a7a1b Thanks @natemoo-re! - Automatically unmount islands when astro:unmount is fired
• 3.0.0-rc.3

  Aug 29, 2023

  🐞 Patch Changes

  • #8264 1f58a7a1b Thanks @natemoo-re! - Automatically unmount islands when astro:unmount is fired
• 3.0.0-rc.2

  Aug 22, 2023

  ✨ Major Changes

  • #8179 6011d52d3 Thanks @matthewp! - Astro 3.0 Release Candidate
• 3.0.0-beta.1

  Aug 11, 2023

  ✨ Major Changes

  • #7924 519a1c4e8 Thanks @matthewp! - New include and exclude config options

    The Preact integration now has new include and exclude config options. Use these if you want to use Preact alongside another JSX framework; include specifies files to be compiled for Preact and exclude does the opposite.

• 2.2.2

  Aug 9, 2023

  🐞 Patch Changes

  • #8007 58b121d42 Thanks @paperdave! - Support Bun by adjusting how @babel/plugin-transform-react-jsx is imported.
• 3.0.0-beta.0

  Aug 3, 2023

  ✨ Major Changes

  • 1eae2e3f7 Thanks @Princesseuh! - Remove support for Node 16. The lowest supported version by Astro and all integrations is now v18.14.1. As a reminder, Node 16 will be deprecated on the 11th September 2023.
• 2.2.1

  May 30, 2023

  🐞 Patch Changes

  • #7196 1c77779dd Thanks @bluwy! - Fix astro-static-slot hydration mismatch error