- #12481
8a46e80
Thanks @marbrex! - Resolvevite
peer dependency problem for strict package managers like Yarn in PnP mode.
- #11930
4a44e82
Thanks @lukasbachlechner! - Preact components no longer throw an error if a property is null.
- #11834
5f2536b
Thanks @ph1p! - Preact signals are now serialized correctly in arrays when they are given to components.
- #11464
2cdb685
Thanks @rschristian! - Swap outpreact-ssr-prepass
forrenderToStringAsync
frompreact-render-to-string
-
#11234
4385bf7
Thanks @ematipico! - Adds a new function calledaddServerRenderer
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); };
-
#11144
803dd80
Thanks @ematipico! - The integration now exposes a function calledgetContainerRenderer
, 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'); });
-
#10938
fd508a0
Thanks @florian-lefebvre! - Adds adevtools
optionYou can enable Preact devtools in development by setting
devtools: true
in yourpreact()
integration config:import { defineConfig } from 'astro/config'; import preact from '@astrojs/preact'; export default defineConfig({ integrations: [preact({ devtools: true })], });
-
#10689
683d51a5eecafbbfbfed3910a3f1fbf0b3531b99
Thanks @ematipico! - Deprecate support for versions of Node.js older thanv18.17.1
for Node.js 18, older thanv20.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.
- #10585
ad50784adc6f262fc563999e97df3a5dc9087c88
Thanks @rschristian! - Fixes (theoretical) edge case in Preact integration's JSX aliases
- #10200
c692d0c66a5062937e47402dc700d41c2a5dfc5c
Thanks @Princesseuh! - Fixes passing children to server-rendered components causing an error
-
#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> ); };
-
#9482
72b26daf694b213918f02d0fcbf90ab5b7ebc31f
Thanks @natemoo-re! - Improves compatability with the Qwik adapter -
#9479
1baf0b0d3cbd0564954c2366a7278794fad6726e
Thanks @sarah11918! - Updates README
- #8737
6f60da805
Thanks @ematipico! - Add provenance statement when publishing the library from CI
-
#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! - Newinclude
andexclude
config optionsThe Preact integration now has new
include
andexclude
config options. Use these if you want to use Preact alongside another JSX framework; include specifies files to be compiled for Preact andexclude
does the opposite.
- #8264
1f58a7a1b
Thanks @natemoo-re! - Automatically unmount islands whenastro:unmount
is fired
- #8264
1f58a7a1b
Thanks @natemoo-re! - Automatically unmount islands whenastro:unmount
is fired
-
#7924
519a1c4e8
Thanks @matthewp! - Newinclude
andexclude
config optionsThe Preact integration now has new
include
andexclude
config options. Use these if you want to use Preact alongside another JSX framework; include specifies files to be compiled for Preact andexclude
does the opposite.
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.
- #8007
58b121d42
Thanks @paperdave! - Support Bun by adjusting how@babel/plugin-transform-react-jsx
is imported.
-
#7093
3d525efc9
Thanks @matthewp! - Prevent removal of nested slots within islandsThis change introduces a new flag that renderers can add called
supportsAstroStaticSlot
. What this does is let Astro know that the render is sending<astro-static-slot>
as placeholder values for static (non-hydrated) slots which Astro will then remove.This change is completely backwards compatible, but fixes bugs caused by combining ssr-only and client-side framework components like so:
<Component> <div> <Component client:load> <span>Nested</span> </Component> </div> </Component>
- #6213
afbbc4d5b
Thanks @Princesseuh! - Updated compilation settings to disable downlevelling for Node 14
- #5782
1f92d64ea
Thanks @Princesseuh! - Remove support for Node 14. Minimum supported Node version is now >=16.12.0
See changes in 2.0.0-beta.0
- #5782
1f92d64ea
Thanks @Princesseuh! - Remove support for Node 14. Minimum supported Node version is now >=16.12.0
-
#5015
b1964e9e1
Thanks @matthewp! - Shared state in Preact components with signalsThis makes it possible to share client state between Preact islands via signals.
For example, you can create a signals in an Astro component and then pass it to multiple islands:
--- // Component Imports import Counter from '../components/Counter'; import { signal } from '@preact/signals'; const count = signal(0); --- <Count count={count} /> <Count count={count} />
- #4842
812658ad2
Thanks @bluwy! - Add missing dependencies, support strict dependency installation (e.g. pnpm)
- #4515
999250d65
Thanks @marvinhagemeister! - Automatically set up Preact DevTools bridge when runningastro dev
.
-
04ad44563
- > Astro v1.0 is out! Read the official announcement post.No breaking changes. This package is now officially stable and compatible with
[email protected]
!
- #3914
b48767985
Thanks @ran-dall! - Rollback supportednode@16
version. Minimum versions are now[email protected]
or[email protected]
.
- #3871
1cc5b7890
Thanks @natemoo-re! - Update supportednode
versions. Minimum versions are now[email protected]
or[email protected]
.
- #3854
b012ee55
Thanks @bholmesdev! - [astro add] Support adapters and third party packages
- #3769
b934ab5d
Thanks @hippotastic! - Fix "Invalid hook call" warning
-
#3712
e3fdc9b4
Thanks @delucis! - Add support for enablingpreact/compat
to Preact rendererTo use
preact/compat
to render React components, users can now setcompat
totrue
when using the Preact integration:integrations: [ preact({ compat: true }), ],
-
#3652
7373d61c
Thanks @natemoo-re! - Add support for passing named slots from.astro
=> framework components.Each
slot
is be passed as a top-level prop. For example:// From .astro <Component> <h2 slot="title">Hello world!</h2> <h2 slot="slot-with-dash">Dash</h2> <div>Default</div> </Component>; // For .jsx export default function Component({ title, slotWithDash, children }) { return ( <> <div id="title">{title}</div> <div id="slot-with-dash">{slotWithDash}</div> <div id="main">{children}</div> </> ); }
- #3455
e9a77d86
Thanks @natemoo-re! - Update client hydration to check forssr
attribute. Requiresastro@^1.0.0-beta.36
.
- #3166
70263cf7
Thanks @natemoo-re! - Fix integration to use updateConfig rather than returning a partial config object
815d62f1
Thanks @FredKSchott! - no changes.
- #2979
9d7a4b59
Thanks @FredKSchott! - Welcome to the Astro v1.0.0 Beta! Read the official announcement for more details.
- #2885
6b004363
Thanks @bholmesdev! - Add README across Astro built-in integrations
- #2847
3b621f7a
Thanks @tony-sull! - Adds keywords to the official integrations to support discoverability on Astro's Integrations site
- #2872
098f6f6b
Thanks @bholmesdev! - FixisSelfAccepting
errors when using the Preact integration with the Astro dev server
- #2872
098f6f6b
Thanks @bholmesdev! - FixisSelfAccepting
errors when using the Preact integration with the Astro dev server
- #2847
3b621f7a
Thanks @tony-sull! - Adds keywords to the official integrations to support discoverability on Astro's Integrations site