chore(deps): Update dependency @astrojs/react to v3 #81

neolitec · 2024-10-29T05:47:44Z

This PR contains the following updates:

Package	Type	Update	Change
@astrojs/react (source)	dependencies	major	`^2.0.2` -> `^3.0.0`

Release Notes

withastro/astro

`v3.6.2`

Compare Source

Patch Changes

#11624 7adb350 Thanks @bluwy! - Prevents throwing errors when checking if a component is a React component in runtime

`v3.6.1`

Compare Source

Patch Changes

#11571 1c3265a Thanks @bholmesdev! - BREAKING CHANGE to the experimental Actions API only. Install the latest @astrojs/react integration as well if you're using React 19 features.

Make .safe() the default return value for actions. This means { data, error } will be returned when calling an action directly. If you prefer to get the data while allowing errors to throw, chain the .orThrow() modifier.
```
import { actions } from 'astro:actions';

// Before
const { data, error } = await actions.like.safe();
// After
const { data, error } = await actions.like();

// Before
const newLikes = await actions.like();
// After
const newLikes = await actions.like.orThrow();
```

`v3.6.0`

Compare Source

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 '@&#8203;astrojs/react/server.js';
import vueRenderer from '@&#8203;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);
};

`v3.5.0`

Compare Source

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 '@&#8203;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');
});

`v3.4.0`

Compare Source

Minor Changes

#11071 8ca7c73 Thanks @bholmesdev! - Adds two new functions experimental_getActionState() and experimental_withState() to support the React 19 useActionState() hook when using Astro Actions. This introduces progressive enhancement when calling an Action with the withState() utility.

This example calls a like action that accepts a postId and returns the number of likes. Pass this action to the experimental_withState() function to apply progressive enhancement info, and apply to useActionState() to track the result:

import { actions } from 'astro:actions';
import { experimental_withState } from '@&#8203;astrojs/react/actions';

export function Like({ postId }: { postId: string }) {
  const [state, action, pending] = useActionState(
    experimental_withState(actions.like),
    0, // initial likes
  );

  return (
    <form action={action}>
      <input type="hidden" name="postId" value={postId} />
      <button disabled={pending}>{state} ❤️</button>
    </form>
  );
}

You can also access the state stored by useActionState() from your action handler. Call experimental_getActionState() with the API context, and optionally apply a type to the result:

import { defineAction, z } from 'astro:actions';
import { experimental_getActionState } from '@&#8203;astrojs/react/actions';

export const server = {
  like: defineAction({
    input: z.object({
      postId: z.string(),
    }),
    handler: async ({ postId }, ctx) => {
      const currentLikes = experimental_getActionState<number>(ctx);
      // write to database
      return currentLikes + 1;
    },
  }),
};

`v3.3.4`

Compare Source

Patch Changes

#10986 4d16381 Thanks @emish89! - Fixes incorrect peerDependencies for @types/react and @types/react-dom

`v3.3.3`

Compare Source

Patch Changes

#10942 d47baa4 Thanks @matthewp! - Updates package to support React 19 beta

`v3.3.2`

Compare Source

Patch Changes

#10893 fd7a9ed Thanks @Angrigo! - Removes using deprecated ReactDOMServer.renderToStaticNodeStream API

`v3.3.1`

Compare Source

Patch Changes

#10855 f6bddd3 Thanks @lamATnginx! - Fix Redoc usage in React integration

`v3.3.0`

Compare Source

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.

Minor Changes

#10136 9cd84bd19b92fb43ae48809f575ee12ebd43ea8f Thanks @matthewp! - Changes the default behavior of transition:persist to update the props of persisted islands upon navigation. Also adds a new view transitions option transition:persist-props (default: false) to prevent props from updating as needed.

Islands which have the transition:persist property to keep their state when using the <ViewTransitions /> router will now have their props updated upon navigation. This is useful in cases where the component relies on page-specific props, such as the current page title, which should update upon navigation.

For example, the component below is set to persist across navigation. This component receives a products props and might have some internal state, such as which filters are applied:
```
<ProductListing transition:persist products={products} />
```
Upon navigation, this component persists, but the desired products might change, for example if you are visiting a category of products, or you are performing a search.

Previously the props would not change on navigation, and your island would have to handle updating them externally, such as with API calls.

With this change the props are now updated, while still preserving state.

You can override this new default behavior on a per-component basis using transition:persist-props=true to persist both props and state during navigation:
```
<ProductListing transition:persist-props="true" products={products} />
```

`v3.0.10`

Compare Source

Patch Changes

#9849 20ca3154fb37049cbcd51b06d9fa2ef25ac25a36 Thanks @StandardGage! - Fixes an issue where passing void elements (img, etc..) did not work with the experimentalReactChildren option enabled

`v3.0.9`

Compare Source

Patch Changes

#9482 72b26daf694b213918f02d0fcbf90ab5b7ebc31f Thanks @natemoo-re! - Improves compatability with the Qwik adapter
#9479 1baf0b0d3cbd0564954c2366a7278794fad6726e Thanks @sarah11918! - Updates README

`v3.0.8`

Compare Source

Patch Changes

#9403 7eb9fe8a7 Thanks @knpwrs! - Prevents unsupported forwardRef components created by Preact from being rendered by React
#9452 e83b5095f Thanks @florian-lefebvre! - Upgrades vite to latest

`v3.0.7`

Compare Source

Patch Changes

#9122 1c48ed286 Thanks @bluwy! - Adds Vite 5 support. There are no breaking changes from Astro. Check the Vite migration guide for details of the breaking changes from Vite instead.

`v3.0.6`

Compare Source

Patch Changes

#9141 af43fb517 Thanks @lilnasy! - Fixes an issue where slotting self-closing elements (img, br, hr) into react components with experimentalReactChildren enabled led to an error.

`v3.0.5`

Compare Source

Patch Changes

#8925 ac5633b8f Thanks @brandonsdebt! - Uses node:stream during server rendering for compatibility with Cloudflare

`v3.0.4`

Compare Source

Patch Changes

#8898 4dee38711 Thanks @matthewp! - Fixes client hydration in islands when using experimentalReactChildren

`v3.0.3`

Compare Source

Patch Changes

#8737 6f60da805 Thanks @ematipico! - Add provenance statement when publishing the library from CI

`v3.0.2`

Compare Source

Patch Changes

#8455 85fe213fe Thanks @natemoo-re! - Update experimentalReactChildren behavior to support void tags

`v3.0.1`

Compare Source

Patch Changes

#9849 20ca3154fb37049cbcd51b06d9fa2ef25ac25a36 Thanks @StandardGage! - Fixes an issue where passing void elements (img, etc..) did not work with the experimentalReactChildren option enabled

`v3.0.0`

Compare Source

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! - Support for React Refresh

The React integration now fully supports React Refresh and is backed by @vitejs/plugin-react.

Also included in this change are new include and exclude config options. Use these if you want to use React alongside another JSX framework; include specifies files to be compiled for React and exclude does the opposite.

Patch Changes

#8228 4bd2fac8d Thanks @bluwy! - Publish missing vnode-children.js file
#8264 1f58a7a1b Thanks @natemoo-re! - Automatically unmount islands when astro:unmount is fired
Updated dependencies [d0679a666, 2aa6d8ace, 6011d52d3]:
- @astrojs/internal-helpers @0.2.0

`v2.3.2`

Compare Source

Patch Changes

#8149 531cc3e49 Thanks @matthewp! - Fix missing package file regression

`v2.3.1`

Compare Source

Patch Changes

#8137 8c0a4ed10 Thanks @natemoo-re! - Fix missing export for new experimentalReactChildren option

`v2.3.0`

Compare Source

Minor Changes

#8082 16a3fdf93 Thanks @matthewp! - Optionally parse React slots as React children.

This adds a new configuration option for the React integration experimentalReactChildren:
```
export default {
  integrations: [
    react({
      experimentalReactChildren: true,
    }),
  ],
};
```
With this enabled, children passed to React from Astro components via the default slot are parsed as React components.

This enables better compatibility with certain React components which manipulate their children.

`v2.2.2`

Compare Source

Patch Changes

#8075 da517d405 Thanks @SudoCat! - fix a bug where react identifierPrefix was set to null for client:only components causing React.useId to generate ids prefixed with null

`v2.2.1`

Compare Source

Patch Changes

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

`v2.2.0`

Compare Source

Minor Changes

#7093 3d525efc9 Thanks @matthewp! - Prevent removal of nested slots within islands

This 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>
```

Patch Changes

#7104 826e02890 Thanks @bluwy! - Specify "files" field to only publish necessary files

`v2.1.3`

Compare Source

Patch Changes

#6976 ca329bbca Thanks @SudoCat! - Prevent ID collisions in React.useId

`v2.1.2`

Compare Source

Patch Changes

#6933 649d70934 Thanks @matthewp! - Automatically configure redoc

`v2.1.1`

Compare Source

Patch Changes

#6698 fc71c3f18 Thanks @bholmesdev! - Update React README to reference the new React docs
#6696 239b9a2fb Thanks @matthewp! - Add use-immer as a noExternal module

`v2.1.0`

Compare Source

Minor Changes

#6213 afbbc4d5b Thanks @Princesseuh! - Updated compilation settings to disable downlevelling for Node 14

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR has been generated by Renovate Bot.

socket-security · 2024-10-29T05:48:13Z

Report too large to display inline

View full report↗︎

chore(deps): Update dependency @astrojs/react to v3

ea3c781

neolitec added the dependencies label Oct 29, 2024

neolitec closed this Dec 10, 2024

neolitec deleted the renovate/astrojs-react-3.x branch December 10, 2024 05:48

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore(deps): Update dependency @astrojs/react to v3 #81

chore(deps): Update dependency @astrojs/react to v3 #81

neolitec commented Oct 29, 2024

socket-security bot commented Oct 29, 2024

chore(deps): Update dependency @astrojs/react to v3 #81

chore(deps): Update dependency @astrojs/react to v3 #81

Conversation

neolitec commented Oct 29, 2024

Release Notes

Patch Changes

Patch Changes

Minor Changes

Minor Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Minor Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Major Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Configuration

socket-security bot commented Oct 29, 2024